@moontra/moonui 0.1.1 → 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 MoonUI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,24 +1,33 @@
-# MoonUI
+# MoonUI - Modern React Component Library
 
-MoonUI is a modern UI component library for React applications. It provides a comprehensive set of accessible, customizable, and reusable components that make building modern web applications faster and easier.
+[![npm version](https://img.shields.io/npm/v/@moontra/moonui.svg)](https://www.npmjs.com/package/@moontra/moonui)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue.svg)](https://www.typescriptlang.org/)
+
+A premium React component library built on top of Radix UI and Tailwind CSS. Fully customizable, accessible, and production-ready components for modern web applications.
 
 ## Features
 
-- 🌙 **Modern Design**: Beautiful, clean UI components with a consistent design language
-- 🎨 **Customizable**: Easily customize components with variants and Tailwind CSS
-- ♿ **Accessible**: Built on top of Radix UI primitives for robust accessibility
-- 🔍 **Type Safe**: Written in TypeScript with comprehensive type definitions
-- 🌗 **Dark Mode**: Built-in dark mode support for all components
-- 📱 **Responsive**: All components are designed to work on any device size
+- 🎨 **Beautiful by default** - Carefully crafted components with modern design
+- 🌙 **Dark mode ready** - Built-in dark mode support with smooth transitions
+- ♿ **Fully accessible** - WAI-ARIA compliant components built on Radix UI
+- 🎯 **TypeScript first** - Written in TypeScript with complete type definitions
+- 🎨 **Highly customizable** - Easy to customize with Tailwind CSS
+- 📦 **Tree-shakeable** - Only import what you need
+- 🚀 **Production ready** - Used in production by many companies
 
 ## Installation
 
 ```bash
-npm install moonui
-# or
-yarn add moonui
-# or
-pnpm add moonui
+npm install @moontra/moonui
+```
+
+```bash
+yarn add @moontra/moonui
+```
+
+```bash
+pnpm add @moontra/moonui
 ```
 
 ## Setup
@@ -174,42 +183,281 @@ Add the following CSS variables to your global CSS file:
 }
 ```
 
-## Usage
+## Installation & Usage
+
+### Recommended: Use MoonUI CLI
+
+The best way to use MoonUI is through our CLI tool, which gives you full control over the components:
+
+```bash
+# Install CLI globally
+npm install -g @moontra/moonui-cli
+
+# Initialize MoonUI in your project
+moonui init
+
+# Add components
+moonui add button card badge
+```
 
-```jsx
-import { Button } from 'moonui';
+Then import from your project:
+```tsx
+import { Button } from '@/components/ui/button'
+import { Card } from '@/components/ui/card'
+import { Badge } from '@/components/ui/badge'
 
-export default function App() {
+function App() {
   return (
-    <Button variant="default">
-      Click me
-    </Button>
-  );
+    <Card>
+      <h2>Welcome to MoonUI</h2>
+      <p>Build beautiful interfaces with ease</p>
+      <Button variant="primary">Get Started</Button>
+      <Badge>New</Badge>
+    </Card>
+  )
 }
 ```
 
-## Components
+### Alternative: Direct NPM Usage
+
+You can also use components directly from NPM (limited customization):
+
+```tsx
+import { Button, Card, Badge } from '@moontra/moonui'
+```
+
+### Advanced Examples
+
+#### Interactive Components
+```tsx
+import { 
+  MagneticButton, 
+  SpotlightCard, 
+  GestureDrawer,
+  SwipeableCard 
+} from '@moontra/moonui'
 
-MoonUI provides a wide range of components:
+function InteractiveDemo() {
+  return (
+    <div className="space-y-6">
+      {/* Magnetic Button with mouse following effect */}
+      <MagneticButton strength={0.3}>
+        Hover for magnetic effect
+      </MagneticButton>
+
+      {/* Card with spotlight effect */}
+      <SpotlightCard>
+        <h3>Interactive Card</h3>
+        <p>Move your mouse around to see the spotlight effect</p>
+      </SpotlightCard>
+
+      {/* Swipeable Card for mobile */}
+      <SwipeableCard onSwipeLeft={() => console.log('Swiped left')}>
+        <p>Swipe me on mobile devices</p>
+      </SwipeableCard>
+    </div>
+  )
+}
+```
 
-- **Form Components**: Button, Input, Checkbox, Radio, Select, Switch, etc.
-- **Layout Components**: Card, Dialog, Accordion, Sheet, Popover, etc.
-- **Navigation Components**: Tabs, Breadcrumb, DropdownMenu, NavigationMenu, etc.
-- **Data Display Components**: Badge, Table, Avatar, Progress, Skeleton, etc.
+#### Performance Components
+```tsx
+import { 
+  VirtualList, 
+  MemoryEfficientData,
+  LazyComponent,
+  OptimizedImage 
+} from '@moontra/moonui'
+
+function PerformanceDemo() {
+  const largeDataset = Array.from({ length: 10000 }, (_, i) => ({ 
+    id: i, 
+    name: `Item ${i}` 
+  }))
+
+  return (
+    <div>
+      {/* Virtualized list for large datasets */}
+      <VirtualList
+        items={largeDataset}
+        itemHeight={50}
+        renderItem={({ item }) => <div key={item.id}>{item.name}</div>}
+      />
+
+      {/* Memory efficient data handling */}
+      <MemoryEfficientData
+        data={largeDataset}
+        chunkSize={100}
+        renderChunk={(chunk) => (
+          <div>{chunk.map(item => <div key={item.id}>{item.name}</div>)}</div>
+        )}
+      />
+
+      {/* Lazy loaded component */}
+      <LazyComponent>
+        <OptimizedImage 
+          src="/large-image.jpg" 
+          alt="Optimized image"
+          loading="lazy"
+        />
+      </LazyComponent>
+    </div>
+  )
+}
+```
+
+## Available Components (50+ Components)
+
+### Core Components
+- **Button** - Multiple variants with loading states
+- **Card** - Flexible container with header/footer support
+- **Badge** - Status indicators and labels
+- **Input** - Text input with validation
+- **Textarea** - Multi-line text input
+- **Label** - Form labels with accessibility
+- **Separator** - Visual dividers
+
+### Form Components
+- **Select** - Dropdown selection with search
+- **Switch** - Toggle switches
+- **Checkbox** - Single and group checkboxes
+- **RadioGroup** - Radio button groups
+- **Slider** - Range and single value sliders
+- **Color Picker** - Color selection component
+- **Date Picker** - Calendar-based date selection
+
+### Layout Components
+- **Dialog** - Modal dialogs and overlays
+- **Sheet** - Slide-out panels
+- **Tabs** - Tabbed content areas
+- **Accordion** - Collapsible content sections
+- **Collapsible** - Expandable content
+- **Command** - Command palette interface
+- **Aspect Ratio** - Responsive aspect ratio containers
+
+### Data Display
+- **Alert** - Notification and status messages
+- **Avatar** - User profile images with fallbacks
+- **Progress** - Progress bars and indicators
+- **Skeleton** - Loading state placeholders
+- **Table** - Data tables with sorting
+- **Data Table** - Advanced data grid
+- **Tooltip** - Contextual help text
+- **Calendar** - Date display and navigation
+
+### Navigation
+- **Breadcrumb** - Navigation breadcrumbs
+- **Dropdown Menu** - Context menus
+- **Navigation Menu** - Main navigation
+- **Pagination** - Page navigation controls
+
+### Feedback & Overlays
+- **Toast** - Temporary notifications
+- **Popover** - Floating content containers
+- **Hover Card** - Hover-triggered content
+
+### Interactive Components
+- **Animated Button** - Buttons with micro-interactions
+- **Draggable List** - Drag and drop sortable lists
+- **Floating Action Button** - FAB with expandable menu
+- **Gesture Drawer** - Touch-gesture driven drawers
+- **Hover Card 3D** - 3D hover effects
+- **Magnetic Button** - Mouse-following magnetic effects
+- **Spotlight Card** - Interactive spotlight effects
+- **Swipeable Card** - Touch swipe interactions
+- **Pinch Zoom** - Touch zoom functionality
+
+### Performance & Utility
+- **Error Boundary** - React error boundaries
+- **File Upload** - File upload with progress
+- **GitHub Stars** - GitHub repository stats
+- **Health Check** - System health monitoring
+- **Lazy Component** - Code splitting support
+- **Locked Component** - Access control wrapper
+- **Memory Efficient Data** - Optimized data handling
+- **Optimized Image** - Performance-optimized images
+- **Performance Debugger** - Performance analysis tools
+- **Performance Monitor** - Real-time performance tracking
+- **Simple Editor** - Basic text editor
+- **Rich Text Editor** - Advanced WYSIWYG editor
+- **Virtual List** - Virtualized large lists
+- **Moon Logo** - MoonUI branding component
+
+### Specialized
+- **Toggle** - Toggle switches with states
+
+## Pro Components
+
+Looking for more advanced enterprise-grade components? Check out [MoonUI Pro](https://moonui.dev/pro) for:
+
+- 📊 **Advanced Data Table** - Enterprise data grid with filtering, sorting, export
+- 📈 **Advanced Charts** - Interactive charts with real-time data
+- 📅 **Calendar Pro** - Full-featured calendar with events and scheduling
+- 📝 **Rich Text Editor Pro** - WYSIWYG editor with AI assistance and collaboration
+- 📤 **File Upload Pro** - Advanced file handling with cloud storage
+- 🗂️ **Kanban Board** - Drag & drop project management
+- 📍 **Timeline** - Interactive project timelines
+- 🚀 **Memory Efficient Data** - Large dataset handling
+- 📊 **Virtual List Pro** - Performance virtualization
+- And many more enterprise features...
 
 ## Documentation
 
-For full documentation, visit [moonui.com/docs](https://moonui.com/docs).
+Visit [moonui.dev/docs](https://moonui.dev/docs) for full documentation.
 
-## CLI Tool
+## Customization
 
-MoonUI also provides a CLI tool for easy integration:
+MoonUI components are built with customization in mind. You can easily customize them using:
 
-```bash
-npm install -g @moonui/cli
-moonui init
+### 1. CSS Variables
+```css
+:root {
+  --primary: 222.2 47.4% 11.2%;
+  --primary-foreground: 210 40% 98%;
+}
+```
+
+### 2. Tailwind Classes
+```tsx
+<Button className="bg-blue-500 hover:bg-blue-600">
+  Custom Button
+</Button>
+```
+
+### 3. Component Variants
+```tsx
+<Button variant="destructive" size="lg">
+  Delete
+</Button>
 ```
 
+## Theme Provider
+
+Use the ThemeProvider to enable theme support:
+
+```tsx
+import { ThemeProvider } from '@moontra/moonui'
+
+function App() {
+  return (
+    <ThemeProvider defaultTheme="dark">
+      {/* Your app */}
+    </ThemeProvider>
+  )
+}
+```
+
+## Requirements
+
+- React 18.0.0 or higher
+- Tailwind CSS 3.0.0 or higher
+
 ## License
 
-MIT © MoonUI
+MIT License - see the [LICENSE](LICENSE) file for details.
+
+## Support
+
+- Documentation: [moonui.dev/docs](https://moonui.dev/docs)
+- Discord: [Join our community](https://discord.gg/moonui)
+- GitHub Issues: [Report bugs](https://github.com/moontra/moonui/issues)

package/dist/index.d.mts

@@ -4,15 +4,23 @@ import React__default, { ReactNode } from 'react';
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import { VariantProps } from 'class-variance-authority';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import * as _radix_ui_react_context from '@radix-ui/react-context';
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
 
 /**
  * Utility function for merging Tailwind CSS classes with clsx/cva
@@ -177,6 +185,14 @@ type CardProps = React$1.ComponentProps<typeof Card>;
 type InputProps = React$1.InputHTMLAttributes<HTMLInputElement>;
 declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
 
+interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_dist_types.ClassProp) => string> & React$1.RefAttributes<HTMLLabelElement>>;
+
+declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
 declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
@@ -196,9 +212,9 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.Sw
  * Enhances user experience with variants, sizes and rich features.
  * Provides a premium appearance with dark and light mode compatibility and fluid animations.
  */
-declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Dialog: React$1.FC<SheetPrimitive.DialogProps>;
+declare const DialogTrigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogClose: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const overlayVariants: (props?: {
     variant?: "default" | "minimal" | "subtle" | "blur";
     animation?: "default" | "slow" | "fast";
@@ -210,7 +226,7 @@ declare const dialogContentVariants: (props?: {
     animation?: "default" | "none" | "zoom" | "fade" | "slide";
     position?: "default" | "bottom" | "top";
 } & class_variance_authority_dist_types.ClassProp) => string;
-interface DialogContentProps extends Omit<React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, 'title' | 'description'>, VariantProps<typeof dialogContentVariants> {
+interface DialogContentProps extends Omit<React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, 'title' | 'description'>, VariantProps<typeof dialogContentVariants> {
     hideCloseButton?: boolean;
     overlayVariant?: VariantProps<typeof overlayVariants>['variant'];
     overlayAnimation?: VariantProps<typeof overlayVariants>['animation'];
@@ -236,8 +252,8 @@ declare const DialogFooter: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
 /**
  * Dialog-Form integration for use with form support
  * Used to integrate form submission processes into the modal
@@ -725,7 +741,7 @@ declare const popoverContentVariants: (props?: {
 declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
-interface PopoverContentProps extends React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>, VariantProps<typeof popoverContentVariants> {
+interface PopoverContentProps extends Omit<React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>, 'side'>, VariantProps<typeof popoverContentVariants> {
     /**
      * Popover'ın arka plan bulanıklığı etkin mi
      */
@@ -906,4 +922,183 @@ declare const CommandShortcut: {
     displayName: string;
 };
 
-export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionTrigger, AccordionTriggerProps, Alert, AlertDescription, AlertProps, AlertTitle, AspectRatio, AspectRatioProps, Avatar, AvatarFallback, AvatarImage, Badge, BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisProps, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbList, BreadcrumbListProps, BreadcrumbProps, BreadcrumbSeparator, BreadcrumbSeparatorProps, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardProps, CardTitle, Checkbox, CheckboxGroup, CheckboxLabel, CheckboxProps, CheckboxWithLabel, Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleTrigger, CollapsibleTriggerProps, Command, CommandDialog, CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogForm, DialogHeader, DialogTitle, DialogTrigger, Input, InputProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverContentProps, PopoverFooter, PopoverHeader, PopoverSeparator, PopoverTrigger, Progress, ProgressProps, RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioItemWithLabel, RadioLabel, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonAvatar, SkeletonAvatarProps, SkeletonCard, SkeletonCardProps, SkeletonProps, SkeletonText, SkeletonTextProps, Switch, SwitchProps, Tabs, TabsContent, TabsList, TabsTrigger, ThemeColors, ThemeConfig, ThemeProvider, ThemeProviderProps, Toast, ToastContainer, ToastProps, ToastProvider, Tooltip, TooltipContentProps, TooltipProps, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, aspectRatioVariants, badgeVariants, buttonVariants, cn, collapsibleContentVariants, collapsibleTriggerVariants, combineRefs, commandGroupVariants, commandInputVariants, commandItemVariants, commandListVariants, commandVariants, createCssVariables, debounce, formatCurrency, generateId, get, popoverContentVariants, progressVariants, skeletonVariants, toastVariants, tooltipContentVariants, useTheme, useToast };
+declare const toggleVariants: (props?: {
+    variant?: "default" | "outline";
+    size?: "default" | "sm" | "lg";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface ToggleProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof toggleVariants> {
+    pressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+}
+declare const Toggle: React$1.ForwardRefExoticComponent<ToggleProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+
+declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const NavigationMenu: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_dist_types.ClassProp) => string;
+declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Sheet: React$1.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React$1.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: {
+    side?: "left" | "right" | "bottom" | "top";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+declare const HoverCard: React$1.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Pagination: {
+    ({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<ButtonProps, "size"> & React$1.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const MenubarMenu: {
+    (props: MenubarPrimitive.MenubarMenuProps & {
+        __scopeMenubar?: _radix_ui_react_context.Scope;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const MenubarGroup: React$1.ForwardRefExoticComponent<MenubarPrimitive.MenubarGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarPortal: React$1.FC<MenubarPrimitive.MenubarPortalProps>;
+declare const MenubarSub: React$1.FC<MenubarPrimitive.MenubarSubProps>;
+declare const MenubarRadioGroup: React$1.ForwardRefExoticComponent<MenubarPrimitive.MenubarRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Menubar: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarTrigger: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const MenubarSubTrigger: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarSubContent: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarContent: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarCheckboxItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarRadioItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarLabel: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarSeparator: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarShortcut: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type SortDirection = "asc" | "desc" | null;
+declare const tableVariants: (props?: {
+    variant?: "default" | "minimal" | "card" | "bordered" | "striped";
+    size?: "default" | "sm" | "lg";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface ColumnDefinition<T> {
+    id: string;
+    header: React$1.ReactNode;
+    accessorKey?: keyof T;
+    cell?: (row: T) => React$1.ReactNode;
+    sortable?: boolean;
+}
+interface TableProps<T> extends React$1.HTMLAttributes<HTMLTableElement>, VariantProps<typeof tableVariants> {
+    /** Shows data loading state */
+    loading?: boolean;
+    /** Column used for sorting */
+    sortColumn?: string;
+    /** Sort direction */
+    sortDirection?: SortDirection;
+    /** Function called when sorting changes */
+    onSortChange?: (column: string, direction: SortDirection) => void;
+    /** Custom content for empty state */
+    emptyContent?: React$1.ReactNode;
+    /** Selected row ids */
+    selectedRowIds?: string[];
+    /** Function called when row selection changes */
+    onRowSelectionChange?: (selectedRowIds: string[]) => void;
+    /** Disable row selection */
+    disableRowSelection?: boolean;
+    /** Function to extract unique id for each row */
+    getRowId?: (row: T) => string;
+}
+declare const Table: React$1.ForwardRefExoticComponent<TableProps<unknown> & React$1.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
+interface TableHeadProps extends React$1.ThHTMLAttributes<HTMLTableCellElement> {
+    /** Sortable state for this column */
+    sortable?: boolean;
+    /** Current sort state for this column */
+    sorted?: SortDirection;
+    /** Function called when sorting changes */
+    onSort?: () => void;
+}
+declare const TableHead: React$1.ForwardRefExoticComponent<TableHeadProps & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
+
+export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionTrigger, AccordionTriggerProps, Alert, AlertDescription, AlertProps, AlertTitle, AspectRatio, AspectRatioProps, Avatar, AvatarFallback, AvatarImage, Badge, BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisProps, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbList, BreadcrumbListProps, BreadcrumbProps, BreadcrumbSeparator, BreadcrumbSeparatorProps, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardProps, CardTitle, Checkbox, CheckboxGroup, CheckboxLabel, CheckboxProps, CheckboxWithLabel, Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleTrigger, CollapsibleTriggerProps, ColumnDefinition, Command, CommandDialog, CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogForm, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputProps, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverContentProps, PopoverFooter, PopoverHeader, PopoverSeparator, PopoverTrigger, Progress, ProgressProps, RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioItemWithLabel, RadioLabel, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, SkeletonAvatar, SkeletonAvatarProps, SkeletonCard, SkeletonCardProps, SkeletonProps, SkeletonText, SkeletonTextProps, Slider, SortDirection, Switch, SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TextareaProps, ThemeColors, ThemeConfig, ThemeProvider, ThemeProviderProps, Toast, ToastContainer, ToastProps, ToastProvider, Toggle, ToggleProps, Tooltip, TooltipContentProps, TooltipProps, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, aspectRatioVariants, badgeVariants, buttonVariants, cn, collapsibleContentVariants, collapsibleTriggerVariants, combineRefs, commandGroupVariants, commandInputVariants, commandItemVariants, commandListVariants, commandVariants, createCssVariables, debounce, formatCurrency, generateId, get, navigationMenuTriggerStyle, popoverContentVariants, progressVariants, skeletonVariants, toastVariants, toggleVariants, tooltipContentVariants, useTheme, useToast };