@thangnqdev/ui 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,16 @@
+export { i as Core, T as Theme, a as ThemeProvider, b as ThemeProviderProps, c as cn, u as useTheme } from './index-BzOCqvC6.cjs';
+export { A as AspectRatio, a as AspectRatioProps, C as Container, b as ContainerProps, D as Divider, c as DividerProps, F as Flex, d as FlexProps, G as Grid, e as GridItem, f as GridItemProps, g as GridProps, H as HStack, i as Layout, P as PageHeader, h as PageLayout, j as PageLayoutProps, k as PageSidebar, S as ScrollArea, l as ScrollAreaProps, m as Section, n as SectionProps, o as Spacer, p as SpacerProps, q as Stack, r as StackProps, V as VStack, s as containerVariants, t as dividerVariants, u as flexVariants, v as gridItemVariants, w as gridVariants, x as sectionVariants, y as stackVariants } from './index-BTvkbCIj.cjs';
+export { B as Blockquote, a as BlockquoteProps, C as Code, b as CodeBlock, c as CodeBlockProps, d as CodeProps, H as Heading, e as HeadingProps, K as Kbd, f as KbdProps, L as Link, g as LinkProps, T as Text, h as TextProps, i as Typography, j as headingVariants, l as linkVariants, t as textVariants } from './index-CCeWYAvn.cjs';
+export { B as Button, a as ButtonGroup, b as ButtonGroupProps, c as ButtonProps, i as Buttons, I as IconButton, d as IconButtonProps, S as SplitButton, e as SplitButtonItem, f as SplitButtonProps, T as ToggleButton, g as ToggleButtonProps, h as ToggleGroup, j as ToggleGroupProps, k as buttonGroupVariants, l as buttonVariants, m as iconButtonVariants, t as toggleVariants } from './index-D6fE7w-b.cjs';
+export { C as Checkbox, a as CheckboxGroup, b as CheckboxGroupProps, c as CheckboxProps, d as Combobox, e as ComboboxOption, f as ComboboxProps, g as CurrencyInput, h as CurrencyInputProps, D as DatePicker, i as DatePickerProps, j as DateRange, k as DateRangePicker, l as DateRangePickerProps, F as FileUpload, m as FileUploadProps, n as FormErrorMessage, o as FormField, p as FormFieldProps, q as FormHelperText, r as FormLabel, s as Forms, I as Input, t as InputProps, M as MaskedInput, u as MaskedInputProps, v as MultiSelect, w as MultiSelectProps, N as NumberInput, x as NumberInputProps, P as PasswordInput, y as PasswordInputProps, z as PinInput, A as PinInputProps, R as Radio, B as RadioGroup, E as RadioGroupProps, G as RadioProps, H as RangeSlider, J as RangeSliderProps, S as SearchInput, K as SearchInputProps, L as Select, O as SelectOption, Q as SelectProps, T as Slider, U as SliderProps, V as Switch, W as SwitchProps, X as Textarea, Y as TextareaProps, Z as TimePicker, _ as TimePickerProps, $ as UploadedFile, a0 as applyMask, a1 as checkboxVariants, a2 as formatCurrencyString, a3 as formatDate, a4 as formatDisplayDate, a5 as formatFileSize, a6 as inputVariants, a7 as radioVariants, a8 as selectVariants, a9 as switchThumbVariants, aa as switchVariants, ab as textareaVariants, ac as useFormField } from './index-TyK-Ldpy.cjs';
+export { A as AlertDialog, a as AlertDialogProps, B as BottomSheet, b as BottomSheetBody, c as BottomSheetFooter, d as BottomSheetHeader, e as BottomSheetProps, C as ContextMenu, f as ContextMenuItem, g as ContextMenuItemProps, h as ContextMenuProps, i as ContextMenuSeparator, D as Drawer, j as DrawerBody, k as DrawerFooter, l as DrawerHeader, m as DrawerProps, F as FocusTrap, n as FocusTrapProps, H as HoverCard, o as HoverCardProps, M as Modal, p as ModalBody, q as ModalCloseButton, r as ModalContent, s as ModalContentProps, t as ModalDescription, u as ModalFooter, v as ModalHeader, w as ModalOverlay, x as ModalOverlayProps, y as ModalProps, z as ModalTitle, E as Overlays, P as Popover, G as PopoverProps, I as Portal, J as PortalProps, T as ToastItem, K as ToastOptions, L as ToastType, N as ToasterProvider, O as ToasterProviderProps, Q as Tooltip, R as TooltipProps, S as drawerVariants, U as modalContentVariants, V as toastVariants, W as tooltipVariants, X as useDrawer, Y as useModal, Z as useToast } from './index-CenuF_P2.cjs';
+export { B as Breadcrumb, a as BreadcrumbItem, b as BreadcrumbLink, c as BreadcrumbLinkProps, d as BreadcrumbPage, e as BreadcrumbSeparator, C as CommandItem, f as CommandPalette, g as CommandPaletteProps, D as DropdownMenu, h as DropdownMenuContent, i as DropdownMenuContentProps, j as DropdownMenuItem, k as DropdownMenuItemProps, l as DropdownMenuLabel, m as DropdownMenuProps, n as DropdownMenuSeparator, o as DropdownMenuTrigger, p as Navigation, P as Pagination, q as PaginationProps, S as StepItem, r as Stepper, s as StepperProps, T as Tabs, t as TabsContent, u as TabsContentProps, v as TabsList, w as TabsProps, x as TabsTrigger, y as TabsTriggerProps, z as useDropdown, A as useTabs } from './index-DzcWh1Hs.cjs';
+export { A as Accordion, a as AccordionContent, b as AccordionItem, c as AccordionItemProps, d as AccordionProps, e as AccordionTrigger, f as Avatar, g as AvatarGroup, h as AvatarGroupProps, i as AvatarProps, C as Card, j as CardContent, k as CardDescription, l as CardFooter, m as CardHeader, n as CardProps, o as CardTitle, p as Carousel, q as CarouselProps, r as Chip, s as ChipProps, t as ColumnDef, u as DataDisplay, D as DataTablePro, v as DataTableProProps, S as StatCard, w as StatCardProps, T as Table, x as TableBody, y as TableCaption, z as TableCell, B as TableFooter, E as TableHead, F as TableHeader, G as TableRow, H as Timeline, I as TimelineItem, J as TimelineProps, K as TreeItem, L as TreeView, M as TreeViewProps, N as avatarVariants, O as cardVariants, P as chipVariants, Q as statusVariants, R as useAccordion } from './index-BkRqGNG1.cjs';
+export { A as Alert, a as AlertDescription, b as AlertProps, c as AlertTitle, C as CircularProgress, d as CircularProgressProps, E as EmptyState, e as EmptyStateProps, i as Feedback, P as ProgressBar, f as ProgressBarProps, S as Skeleton, g as SkeletonCircle, h as SkeletonCircleProps, j as SkeletonProps, k as SkeletonText, l as SkeletonTextProps, m as Spinner, n as SpinnerProps, o as alertVariants, p as progressVariants, s as spinnerVariants } from './index-ugj5s6a3.cjs';
+export { i as Glass, G as GlassBadge, a as GlassBadgeProps, b as GlassButton, c as GlassButtonProps, d as GlassCard, e as GlassCardProps } from './index-COQ7uwt9.cjs';
+export { i as Bento, B as BentoCard, a as BentoCardProps, b as BentoGrid, c as BentoGridProps } from './index-BlPcGeW-.cjs';
+export { L as Label, a as LabelProps, l as labelVariants } from './Label-DWOlgSNW.cjs';
+import 'react';
+import 'clsx';
+import 'class-variance-authority/types';
+import 'class-variance-authority';

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+export { i as Core, T as Theme, a as ThemeProvider, b as ThemeProviderProps, c as cn, u as useTheme } from './index-BzOCqvC6.js';
+export { A as AspectRatio, a as AspectRatioProps, C as Container, b as ContainerProps, D as Divider, c as DividerProps, F as Flex, d as FlexProps, G as Grid, e as GridItem, f as GridItemProps, g as GridProps, H as HStack, i as Layout, P as PageHeader, h as PageLayout, j as PageLayoutProps, k as PageSidebar, S as ScrollArea, l as ScrollAreaProps, m as Section, n as SectionProps, o as Spacer, p as SpacerProps, q as Stack, r as StackProps, V as VStack, s as containerVariants, t as dividerVariants, u as flexVariants, v as gridItemVariants, w as gridVariants, x as sectionVariants, y as stackVariants } from './index-BTvkbCIj.js';
+export { B as Blockquote, a as BlockquoteProps, C as Code, b as CodeBlock, c as CodeBlockProps, d as CodeProps, H as Heading, e as HeadingProps, K as Kbd, f as KbdProps, L as Link, g as LinkProps, T as Text, h as TextProps, i as Typography, j as headingVariants, l as linkVariants, t as textVariants } from './index-DR8cfJUG.js';
+export { B as Button, a as ButtonGroup, b as ButtonGroupProps, c as ButtonProps, i as Buttons, I as IconButton, d as IconButtonProps, S as SplitButton, e as SplitButtonItem, f as SplitButtonProps, T as ToggleButton, g as ToggleButtonProps, h as ToggleGroup, j as ToggleGroupProps, k as buttonGroupVariants, l as buttonVariants, m as iconButtonVariants, t as toggleVariants } from './index-D6fE7w-b.js';
+export { C as Checkbox, a as CheckboxGroup, b as CheckboxGroupProps, c as CheckboxProps, d as Combobox, e as ComboboxOption, f as ComboboxProps, g as CurrencyInput, h as CurrencyInputProps, D as DatePicker, i as DatePickerProps, j as DateRange, k as DateRangePicker, l as DateRangePickerProps, F as FileUpload, m as FileUploadProps, n as FormErrorMessage, o as FormField, p as FormFieldProps, q as FormHelperText, r as FormLabel, s as Forms, I as Input, t as InputProps, M as MaskedInput, u as MaskedInputProps, v as MultiSelect, w as MultiSelectProps, N as NumberInput, x as NumberInputProps, P as PasswordInput, y as PasswordInputProps, z as PinInput, A as PinInputProps, R as Radio, B as RadioGroup, E as RadioGroupProps, G as RadioProps, H as RangeSlider, J as RangeSliderProps, S as SearchInput, K as SearchInputProps, L as Select, O as SelectOption, Q as SelectProps, T as Slider, U as SliderProps, V as Switch, W as SwitchProps, X as Textarea, Y as TextareaProps, Z as TimePicker, _ as TimePickerProps, $ as UploadedFile, a0 as applyMask, a1 as checkboxVariants, a2 as formatCurrencyString, a3 as formatDate, a4 as formatDisplayDate, a5 as formatFileSize, a6 as inputVariants, a7 as radioVariants, a8 as selectVariants, a9 as switchThumbVariants, aa as switchVariants, ab as textareaVariants, ac as useFormField } from './index-Cle6QzQl.js';
+export { A as AlertDialog, a as AlertDialogProps, B as BottomSheet, b as BottomSheetBody, c as BottomSheetFooter, d as BottomSheetHeader, e as BottomSheetProps, C as ContextMenu, f as ContextMenuItem, g as ContextMenuItemProps, h as ContextMenuProps, i as ContextMenuSeparator, D as Drawer, j as DrawerBody, k as DrawerFooter, l as DrawerHeader, m as DrawerProps, F as FocusTrap, n as FocusTrapProps, H as HoverCard, o as HoverCardProps, M as Modal, p as ModalBody, q as ModalCloseButton, r as ModalContent, s as ModalContentProps, t as ModalDescription, u as ModalFooter, v as ModalHeader, w as ModalOverlay, x as ModalOverlayProps, y as ModalProps, z as ModalTitle, E as Overlays, P as Popover, G as PopoverProps, I as Portal, J as PortalProps, T as ToastItem, K as ToastOptions, L as ToastType, N as ToasterProvider, O as ToasterProviderProps, Q as Tooltip, R as TooltipProps, S as drawerVariants, U as modalContentVariants, V as toastVariants, W as tooltipVariants, X as useDrawer, Y as useModal, Z as useToast } from './index-CenuF_P2.js';
+export { B as Breadcrumb, a as BreadcrumbItem, b as BreadcrumbLink, c as BreadcrumbLinkProps, d as BreadcrumbPage, e as BreadcrumbSeparator, C as CommandItem, f as CommandPalette, g as CommandPaletteProps, D as DropdownMenu, h as DropdownMenuContent, i as DropdownMenuContentProps, j as DropdownMenuItem, k as DropdownMenuItemProps, l as DropdownMenuLabel, m as DropdownMenuProps, n as DropdownMenuSeparator, o as DropdownMenuTrigger, p as Navigation, P as Pagination, q as PaginationProps, S as StepItem, r as Stepper, s as StepperProps, T as Tabs, t as TabsContent, u as TabsContentProps, v as TabsList, w as TabsProps, x as TabsTrigger, y as TabsTriggerProps, z as useDropdown, A as useTabs } from './index-DzcWh1Hs.js';
+export { A as Accordion, a as AccordionContent, b as AccordionItem, c as AccordionItemProps, d as AccordionProps, e as AccordionTrigger, f as Avatar, g as AvatarGroup, h as AvatarGroupProps, i as AvatarProps, C as Card, j as CardContent, k as CardDescription, l as CardFooter, m as CardHeader, n as CardProps, o as CardTitle, p as Carousel, q as CarouselProps, r as Chip, s as ChipProps, t as ColumnDef, u as DataDisplay, D as DataTablePro, v as DataTableProProps, S as StatCard, w as StatCardProps, T as Table, x as TableBody, y as TableCaption, z as TableCell, B as TableFooter, E as TableHead, F as TableHeader, G as TableRow, H as Timeline, I as TimelineItem, J as TimelineProps, K as TreeItem, L as TreeView, M as TreeViewProps, N as avatarVariants, O as cardVariants, P as chipVariants, Q as statusVariants, R as useAccordion } from './index-BkRqGNG1.js';
+export { A as Alert, a as AlertDescription, b as AlertProps, c as AlertTitle, C as CircularProgress, d as CircularProgressProps, E as EmptyState, e as EmptyStateProps, i as Feedback, P as ProgressBar, f as ProgressBarProps, S as Skeleton, g as SkeletonCircle, h as SkeletonCircleProps, j as SkeletonProps, k as SkeletonText, l as SkeletonTextProps, m as Spinner, n as SpinnerProps, o as alertVariants, p as progressVariants, s as spinnerVariants } from './index-ugj5s6a3.js';
+export { i as Glass, G as GlassBadge, a as GlassBadgeProps, b as GlassButton, c as GlassButtonProps, d as GlassCard, e as GlassCardProps } from './index-COQ7uwt9.js';
+export { i as Bento, B as BentoCard, a as BentoCardProps, b as BentoGrid, c as BentoGridProps } from './index-BlPcGeW-.js';
+export { L as Label, a as LabelProps, l as labelVariants } from './Label-DWOlgSNW.js';
+import 'react';
+import 'clsx';
+import 'class-variance-authority/types';
+import 'class-variance-authority';

package/dist/index.js

@@ -0,0 +1,21 @@
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Avatar, AvatarGroup, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, data_display_exports as DataDisplay, DataTablePro, StatCard, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Timeline, TreeView, avatarVariants, cardVariants, statusVariants, useAccordion } from './chunk-NFVONJUK.js';
+export { Alert, AlertDescription, AlertTitle, CircularProgress, EmptyState, feedback_exports as Feedback, ProgressBar, Skeleton, SkeletonCircle, SkeletonText, Spinner, alertVariants, progressVariants, spinnerVariants } from './chunk-WAFHC4DQ.js';
+export { glass_exports as Glass, GlassBadge, GlassButton, GlassCard } from './chunk-A7P3O5Z5.js';
+export { bento_exports as Bento, BentoCard, BentoGrid } from './chunk-C4SUXMI3.js';
+export { core_exports as Core, ThemeProvider, useTheme } from './chunk-KJRBRTQE.js';
+export { AspectRatio, Container, Divider, Flex, Grid, GridItem, HStack, layout_exports as Layout, PageHeader, PageLayout, PageSidebar, ScrollArea, Section, Spacer, Stack, VStack, containerVariants, dividerVariants, flexVariants, gridItemVariants, gridVariants, sectionVariants, stackVariants } from './chunk-2OXZK6IP.js';
+export { Blockquote, Code, CodeBlock, Heading, Link, Text, typography_exports as Typography, headingVariants, linkVariants, textVariants } from './chunk-ATYGDTMK.js';
+export { ButtonGroup, buttons_exports as Buttons, IconButton, SplitButton, ToggleButton, ToggleGroup, buttonGroupVariants, iconButtonVariants, toggleVariants } from './chunk-PF4ZHGVW.js';
+export { Checkbox, CheckboxGroup, Combobox, CurrencyInput, DatePicker, DateRangePicker, FileUpload, FormErrorMessage, FormField, FormHelperText, FormLabel, forms_exports as Forms, Input, MaskedInput, MultiSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RangeSlider, SearchInput, Select, Slider, Switch, Textarea, TimePicker, applyMask, checkboxVariants, formatCurrencyString, formatDate, formatDisplayDate, formatFileSize, inputVariants, radioVariants, selectVariants, switchThumbVariants, switchVariants, textareaVariants, useFormField } from './chunk-F5Q7BTMH.js';
+export { Chip, chipVariants } from './chunk-X76KBH4Y.js';
+export { Label, labelVariants } from './chunk-GXI2H5XA.js';
+export { AlertDialog, BottomSheet, BottomSheetBody, BottomSheetFooter, BottomSheetHeader, ContextMenu, ContextMenuItem, ContextMenuSeparator, Drawer, DrawerBody, DrawerFooter, DrawerHeader, HoverCard, Modal, ModalBody, ModalCloseButton, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalTitle, overlays_exports as Overlays, ToasterProvider, Tooltip, drawerVariants, modalContentVariants, toastVariants, tooltipVariants, useDrawer, useModal, useToast } from './chunk-5FZ6ZFII.js';
+export { Popover } from './chunk-H3LCNPMC.js';
+export { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, CommandPalette, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, navigation_exports as Navigation, Pagination, Stepper, Tabs, TabsContent, TabsList, TabsTrigger, useDropdown, useTabs } from './chunk-LWFRUJRU.js';
+export { FocusTrap } from './chunk-LBUBXUYQ.js';
+export { Portal } from './chunk-IABPUCAQ.js';
+export { Kbd } from './chunk-EU2LPUYP.js';
+export { Button, buttonVariants } from './chunk-66VWUJEI.js';
+export { cn } from './chunk-4S6L5V7X.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/layout/index.cjs

@@ -0,0 +1,516 @@
+'use strict';
+
+var react = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/layout/Container.tsx
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var containerVariants = classVarianceAuthority.cva("w-full mx-auto", {
+  variants: {
+    size: {
+      sm: "max-w-screen-sm",
+      md: "max-w-screen-md",
+      lg: "max-w-screen-lg",
+      xl: "max-w-screen-xl",
+      "2xl": "max-w-screen-2xl",
+      fluid: "max-w-full"
+    },
+    padding: {
+      none: "px-0",
+      sm: "px-4",
+      md: "px-6",
+      lg: "px-8 sm:px-12"
+    },
+    centered: {
+      true: "flex flex-col items-center justify-center",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    size: "xl",
+    padding: "md",
+    centered: false
+  }
+});
+var Container = react.forwardRef(
+  ({ className, size, padding, centered, as: Component = "div", children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        className: cn(containerVariants({ size, padding, centered }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Container.displayName = "Container";
+var sectionVariants = classVarianceAuthority.cva("w-full relative", {
+  variants: {
+    spacing: {
+      none: "py-0",
+      sm: "py-6 md:py-8",
+      md: "py-12 md:py-16",
+      lg: "py-16 md:py-24",
+      xl: "py-24 md:py-32"
+    },
+    variant: {
+      default: "bg-transparent text-[var(--ui-text-primary)]",
+      subtle: "bg-[var(--ui-bg-secondary)] text-[var(--ui-text-primary)]",
+      surface: "bg-[var(--ui-bg-surface)] text-[var(--ui-text-primary)]",
+      muted: "bg-[var(--ui-bg-tertiary)] text-[var(--ui-text-primary)]"
+    }
+  },
+  defaultVariants: {
+    spacing: "md",
+    variant: "default"
+  }
+});
+var Section = react.forwardRef(
+  ({ className, spacing, variant, as: Component = "section", children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        className: cn(sectionVariants({ spacing, variant }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Section.displayName = "Section";
+var stackVariants = classVarianceAuthority.cva("flex", {
+  variants: {
+    direction: {
+      row: "flex-row",
+      "row-reverse": "flex-row-reverse",
+      column: "flex-col",
+      "column-reverse": "flex-col-reverse"
+    },
+    gap: {
+      0: "gap-0",
+      1: "gap-1",
+      2: "gap-2",
+      3: "gap-3",
+      4: "gap-4",
+      5: "gap-5",
+      6: "gap-6",
+      8: "gap-8",
+      10: "gap-10",
+      12: "gap-12"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    wrap: {
+      nowrap: "flex-nowrap",
+      wrap: "flex-wrap",
+      "wrap-reverse": "flex-wrap-reverse"
+    }
+  },
+  defaultVariants: {
+    direction: "column",
+    gap: 4,
+    align: "stretch",
+    justify: "start",
+    wrap: "nowrap"
+  }
+});
+var Stack = react.forwardRef(
+  ({ className, direction, gap, align, justify, wrap, as: Component = "div", children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        className: cn(stackVariants({ direction, gap, align, justify, wrap }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Stack.displayName = "Stack";
+var HStack = react.forwardRef(
+  ({ align = "center", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Stack, { ref, direction: "row", align, ...props });
+  }
+);
+HStack.displayName = "HStack";
+var VStack = react.forwardRef(
+  ({ align = "stretch", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Stack, { ref, direction: "column", align, ...props });
+  }
+);
+VStack.displayName = "VStack";
+var gridVariants = classVarianceAuthority.cva("grid", {
+  variants: {
+    cols: {
+      1: "grid-cols-1",
+      2: "grid-cols-1 sm:grid-cols-2",
+      3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3",
+      4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",
+      5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5",
+      6: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-6",
+      12: "grid-cols-12"
+    },
+    gap: {
+      0: "gap-0",
+      1: "gap-1",
+      2: "gap-2",
+      3: "gap-3",
+      4: "gap-4",
+      5: "gap-5",
+      6: "gap-6",
+      8: "gap-8",
+      10: "gap-10",
+      12: "gap-12"
+    },
+    flow: {
+      row: "grid-flow-row",
+      col: "grid-flow-col",
+      dense: "grid-flow-dense",
+      "row-dense": "grid-flow-row-dense",
+      "col-dense": "grid-flow-col-dense"
+    }
+  },
+  defaultVariants: {
+    cols: 1,
+    gap: 4,
+    flow: "row"
+  }
+});
+var Grid = react.forwardRef(
+  ({ className, cols, gap, flow, as: Component = "div", children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        className: cn(gridVariants({ cols, gap, flow }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Grid.displayName = "Grid";
+var gridItemVariants = classVarianceAuthority.cva("", {
+  variants: {
+    colSpan: {
+      1: "col-span-1",
+      2: "col-span-2",
+      3: "col-span-3",
+      4: "col-span-4",
+      5: "col-span-5",
+      6: "col-span-6",
+      7: "col-span-7",
+      8: "col-span-8",
+      9: "col-span-9",
+      10: "col-span-10",
+      11: "col-span-11",
+      12: "col-span-12",
+      full: "col-span-full"
+    },
+    rowSpan: {
+      1: "row-span-1",
+      2: "row-span-2",
+      3: "row-span-3",
+      4: "row-span-4",
+      5: "row-span-5",
+      6: "row-span-6",
+      full: "row-span-full"
+    },
+    colStart: {
+      1: "col-start-1",
+      2: "col-start-2",
+      3: "col-start-3",
+      4: "col-start-4",
+      5: "col-start-5",
+      6: "col-start-6",
+      auto: "col-start-auto"
+    }
+  },
+  defaultVariants: {
+    colSpan: 1
+  }
+});
+var GridItem = react.forwardRef(
+  ({ className, colSpan, rowSpan, colStart, as: Component = "div", children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        className: cn(gridItemVariants({ colSpan, rowSpan, colStart }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+GridItem.displayName = "GridItem";
+var flexVariants = classVarianceAuthority.cva("flex", {
+  variants: {
+    direction: {
+      row: "flex-row",
+      "row-reverse": "flex-row-reverse",
+      column: "flex-col",
+      "column-reverse": "flex-col-reverse"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    wrap: {
+      nowrap: "flex-nowrap",
+      wrap: "flex-wrap",
+      "wrap-reverse": "flex-wrap-reverse"
+    },
+    gap: {
+      0: "gap-0",
+      1: "gap-1",
+      2: "gap-2",
+      3: "gap-3",
+      4: "gap-4",
+      5: "gap-5",
+      6: "gap-6",
+      8: "gap-8",
+      10: "gap-10",
+      12: "gap-12"
+    },
+    inline: {
+      true: "inline-flex",
+      false: "flex"
+    }
+  },
+  defaultVariants: {
+    direction: "row",
+    align: "stretch",
+    justify: "start",
+    wrap: "nowrap",
+    inline: false
+  }
+});
+var Flex = react.forwardRef(
+  ({ className, direction, align, justify, wrap, gap, inline, as: Component = "div", children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        className: cn(flexVariants({ direction, align, justify, wrap, gap, inline }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Flex.displayName = "Flex";
+var dividerVariants = classVarianceAuthority.cva("border-0 flex-shrink-0", {
+  variants: {
+    orientation: {
+      horizontal: "w-full h-px border-t border-[var(--ui-border-subtle)] my-4",
+      vertical: "h-full w-px border-l border-[var(--ui-border-subtle)] mx-4 inline-block align-middle self-stretch"
+    },
+    variant: {
+      solid: "border-solid",
+      dashed: "border-dashed",
+      dotted: "border-dotted"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+    variant: "solid"
+  }
+});
+var Divider = react.forwardRef(
+  ({ className, orientation = "horizontal", variant, label, children, ...props }, ref) => {
+    const content = label || children;
+    if (orientation === "horizontal" && content) {
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref,
+          role: "separator",
+          "aria-orientation": "horizontal",
+          className: cn("flex items-center w-full my-4 text-xs font-medium text-[var(--ui-text-muted)]", className),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex-grow border-t border-[var(--ui-border-subtle)]", dividerVariants({ variant })) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-3 select-none", children: content }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex-grow border-t border-[var(--ui-border-subtle)]", dividerVariants({ variant })) })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        role: "separator",
+        "aria-orientation": orientation || "horizontal",
+        className: cn(dividerVariants({ orientation, variant }), className),
+        ...props
+      }
+    );
+  }
+);
+Divider.displayName = "Divider";
+var Spacer = react.forwardRef(
+  ({ className, x, y, style, ...props }, ref) => {
+    const spacingStyle = {
+      ...style,
+      ...x !== void 0 && {
+        width: typeof x === "number" ? `${x * 0.25}rem` : x,
+        minWidth: typeof x === "number" ? `${x * 0.25}rem` : x
+      },
+      ...y !== void 0 && {
+        height: typeof y === "number" ? `${y * 0.25}rem` : y,
+        minHeight: typeof y === "number" ? `${y * 0.25}rem` : y
+      },
+      ...x === void 0 && y === void 0 && {
+        flex: "1 1 0%"
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "aria-hidden": "true", style: spacingStyle, className: cn("pointer-events-none", className), ...props });
+  }
+);
+Spacer.displayName = "Spacer";
+var AspectRatio = react.forwardRef(
+  ({ className, ratio = 16 / 9, style, children, ...props }, ref) => {
+    const computedRatio = typeof ratio === "string" ? ratio.split("/").map(Number).reduce((w, h) => h ? w / h : 1) : ratio;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        style: {
+          ...style,
+          position: "relative",
+          width: "100%",
+          paddingBottom: `${1 / computedRatio * 100}%`
+        },
+        className: cn("overflow-hidden", className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 w-full h-full [&>img]:object-cover [&>video]:object-cover [&>img]:w-full [&>img]:h-full [&>video]:w-full [&>video]:h-full", children })
+      }
+    );
+  }
+);
+AspectRatio.displayName = "AspectRatio";
+var PageLayout = react.forwardRef(
+  ({ className, header, sidebar, footer, children, sidebarWidth = "16rem", sidebarCollapsed = false, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("min-h-screen flex flex-col bg-[var(--ui-bg-primary)] text-[var(--ui-text-primary)]", className), ...props, children: [
+      header && /* @__PURE__ */ jsxRuntime.jsx("header", { className: "sticky top-0 z-30 w-full border-b border-[var(--ui-border-subtle)] bg-[var(--ui-bg-surface)] backdrop-blur-md", children: header }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex w-full", children: [
+        sidebar && /* @__PURE__ */ jsxRuntime.jsx(
+          "aside",
+          {
+            style: { width: sidebarCollapsed ? "4rem" : sidebarWidth },
+            className: "hidden md:flex flex-col flex-shrink-0 border-r border-[var(--ui-border-subtle)] bg-[var(--ui-bg-secondary)] transition-[width] duration-200",
+            children: sidebar
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "flex-1 flex flex-col min-w-0 overflow-y-auto", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-4 md:p-6 lg:p-8", children }),
+          footer && /* @__PURE__ */ jsxRuntime.jsx("footer", { className: "border-t border-[var(--ui-border-subtle)] bg-[var(--ui-bg-surface)] p-4 md:p-6", children: footer })
+        ] })
+      ] })
+    ] });
+  }
+);
+PageLayout.displayName = "PageLayout";
+var PageHeader = react.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center justify-between h-16 px-4 md:px-6 w-full", className), ...props, children });
+  }
+);
+PageHeader.displayName = "PageHeader";
+var PageSidebar = react.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col h-full p-4 overflow-y-auto", className), ...props, children });
+  }
+);
+PageSidebar.displayName = "PageSidebar";
+var ScrollArea = react.forwardRef(
+  ({
+    maxHeight = "100%",
+    orientation = "vertical",
+    hideScrollbar = false,
+    children,
+    className,
+    style,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        style: { maxHeight, ...style },
+        className: cn(
+          "relative w-full overflow-auto",
+          orientation === "vertical" && "overflow-y-auto overflow-x-hidden",
+          orientation === "horizontal" && "overflow-x-auto overflow-y-hidden",
+          orientation === "both" && "overflow-auto",
+          hideScrollbar && "[scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
+          !hideScrollbar && "[scrollbar-width:thin] [scrollbar-color:rgba(150,150,160,0.3)_transparent]",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+ScrollArea.displayName = "ScrollArea";
+
+exports.AspectRatio = AspectRatio;
+exports.Container = Container;
+exports.Divider = Divider;
+exports.Flex = Flex;
+exports.Grid = Grid;
+exports.GridItem = GridItem;
+exports.HStack = HStack;
+exports.PageHeader = PageHeader;
+exports.PageLayout = PageLayout;
+exports.PageSidebar = PageSidebar;
+exports.ScrollArea = ScrollArea;
+exports.Section = Section;
+exports.Spacer = Spacer;
+exports.Stack = Stack;
+exports.VStack = VStack;
+exports.containerVariants = containerVariants;
+exports.dividerVariants = dividerVariants;
+exports.flexVariants = flexVariants;
+exports.gridItemVariants = gridItemVariants;
+exports.gridVariants = gridVariants;
+exports.sectionVariants = sectionVariants;
+exports.stackVariants = stackVariants;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map