hinlaw2024

@metadiv-studio/action-buttons

A flexible and responsive React component for creating action button groups with automatic responsive behavior and dropdown fallbacks.

@metadiv-studio/admin-auth-context

A React context package for managing system administrator authentication state, providing login functionality, token refresh, and admin user management for React applications.

@metadiv-studio/alert

A minimal, theme-agnostic React alert component

@metadiv-studio/app-layout-001

A comprehensive React application layout package that provides a professional, responsive layout system with sidebar navigation, header, and page content management. Built with TypeScript and Tailwind CSS, this package offers a complete solution for build

@metadiv-studio/auth-layout-001

A React component library providing a flexible authentication layout with theme support and customizable header/footer sections.

@metadiv-studio/avatar

A modern, accessible avatar component library built with React, TypeScript, and Tailwind CSS. This package provides customizable avatar components with fallback support, multiple sizes, and seamless integration with your existing design system.

@metadiv-studio/axios-configurator

A React component package that provides automatic Axios configuration with authentication, retry logic, and internationalization support for MetaDev applications.

@metadiv-studio/badge

A flexible and customizable badge component built with React, TypeScript, and Tailwind CSS. Perfect for displaying status indicators, labels, and small pieces of information in your React applications.

@metadiv-studio/button

A minimal, theme-agnostic React button component

@metadiv-studio/card

A modern, flexible card component library built with React, TypeScript, and Tailwind CSS. This package provides a comprehensive set of card components that are fully customizable, accessible, and designed for modern web applications.

@metadiv-studio/context

A lightweight utility package for creating React contexts with enhanced state management capabilities. This package provides a simplified way to create and manage React contexts with built-in state management utilities.

@metadiv-studio/date-time-picker

A modern, accessible date and time picker component built with React, TypeScript, and Tailwind CSS. This component provides an intuitive interface for selecting both date and time with a clean, shadcn UI-inspired design.

@metadiv-studio/delete-dialog

A React component library that provides a reusable delete confirmation dialog with context-based state management. Built with TypeScript, React, and Tailwind CSS.

@metadiv-studio/dialog

A lightweight, accessible React dialog/modal component built with TypeScript and Tailwind CSS. Perfect for creating beautiful, responsive modals with minimal setup.

@metadiv-studio/dropdown-menu

A flexible and customizable dropdown menu component built with React and Radix UI primitives. This package provides a high-level dropdown menu component with configurable positioning, styling, and interactive elements.

@metadiv-studio/help-guide

A React component library for creating interactive help guides with step-by-step navigation, image support, and customizable content.

@metadiv-studio/information-grid

A responsive React component that displays information items in a customizable grid layout with icons, titles, and values.

@metadiv-studio/input

A modern, accessible React input component with enhanced functionality and beautiful styling. Built with TypeScript, Tailwind CSS, and designed for seamless integration into your React applications.

@metadiv-studio/loader

A lightweight, customizable loading spinner component built with React and Tailwind CSS. This package provides a simple yet flexible loader that can be easily integrated into any React application.

@metadiv-studio/metaform

A powerful, flexible React form component built with React Hook Form, Zod validation, and TypeScript. MetaForm provides a declarative way to create complex forms with automatic validation, responsive layouts, and customizable rendering.

@metadiv-studio/metagrid

A starter template for creating UI component packages with TypeScript, React, and modern build tools. This template provides everything you need to build, test, and publish React components as npm packages.

@metadiv-studio/meta-oauth-buttons

A starter template for creating UI component packages with TypeScript, React, and modern build tools. This template provides everything you need to build, test, and publish React components as npm packages.

@metadiv-studio/metatable

A starter template for creating UI component packages with TypeScript, React, and modern build tools. This template provides everything you need to build, test, and publish React components as npm packages.

@metadiv-studio/pagination

A modern, accessible pagination component built with React and TypeScript. This component provides a clean and intuitive way to navigate through paginated content with support for both light and dark themes.

@metadiv-studio/searchbar

A modern, collapsible search bar component for React applications with smooth animations and dark mode support. Built with TypeScript and Tailwind CSS.