@pos-360/horizon 0.1.0 → 0.2.1

package/dist/{chunk-J6RXKZE5.js → chunk-FOXFMLET.js}

@@ -1,11 +1,10 @@
 'use strict';
 
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var React9 = require('react');
-var reactSlot = require('@radix-ui/react-slot');
+var chunkTMZLQK74_js = require('./chunk-TMZLQK74.js');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
+var React9 = require('react');
+var reactSlot = require('@radix-ui/react-slot');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var lucideReact = require('lucide-react');
 var DialogPrimitive = require('@radix-ui/react-dialog');
@@ -14,6 +13,7 @@ var PopoverPrimitive = require('@radix-ui/react-popover');
 var framerMotion = require('framer-motion');
 var SelectPrimitive = require('@radix-ui/react-select');
 var TabsPrimitive = require('@radix-ui/react-tabs');
+var LabelPrimitive = require('@radix-ui/react-label');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -40,9 +40,31 @@ var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMe
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
+var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
+var badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-blue-600 text-white hover:bg-blue-700",
+        secondary: "border-transparent bg-gray-100 text-gray-900 hover:bg-gray-200 dark:bg-neutral-700 dark:text-gray-100 dark:hover:bg-neutral-600",
+        destructive: "border-transparent bg-red-600 text-white hover:bg-red-700",
+        outline: "border-gray-300 text-gray-700 dark:border-neutral-600 dark:text-gray-300",
+        success: "border-transparent bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400",
+        warning: "border-transparent bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400",
+        info: "border-transparent bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400",
+        purple: "border-transparent bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400",
+        purpleOutline: "border-purple-300 dark:border-purple-600 bg-transparent text-purple-700 dark:text-purple-300 hover:bg-purple-50 dark:hover:bg-purple-900/20"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkTMZLQK74_js.cn(badgeVariants({ variant }), className), ...props });
 }
 var buttonVariants = classVarianceAuthority.cva(
   "group inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
@@ -85,7 +107,7 @@ var Button = React9__namespace.forwardRef(
       return /* @__PURE__ */ jsxRuntime.jsx(
         Comp,
         {
-          className: cn(buttonVariants({ variant, size, className })),
+          className: chunkTMZLQK74_js.cn(buttonVariants({ variant, size, className })),
           ref,
           ...props,
           children
@@ -96,7 +118,7 @@ var Button = React9__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Comp,
       {
-        className: cn(buttonVariants({ variant, size, className })),
+        className: chunkTMZLQK74_js.cn(buttonVariants({ variant, size, className })),
         ref,
         ...props,
         children: [
@@ -109,35 +131,11 @@ var Button = React9__namespace.forwardRef(
   }
 );
 Button.displayName = "Button";
-var badgeVariants = classVarianceAuthority.cva(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-blue-600 text-white hover:bg-blue-700",
-        secondary: "border-transparent bg-gray-100 text-gray-900 hover:bg-gray-200 dark:bg-neutral-700 dark:text-gray-100 dark:hover:bg-neutral-600",
-        destructive: "border-transparent bg-red-600 text-white hover:bg-red-700",
-        outline: "border-gray-300 text-gray-700 dark:border-neutral-600 dark:text-gray-300",
-        success: "border-transparent bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400",
-        warning: "border-transparent bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400",
-        info: "border-transparent bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400",
-        purple: "border-transparent bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400",
-        purpleOutline: "border-purple-300 dark:border-purple-600 bg-transparent text-purple-700 dark:text-purple-300 hover:bg-purple-50 dark:hover:bg-purple-900/20"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
 var Card = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "rounded-lg border border-gray-200 bg-white text-gray-900 shadow dark:border-neutral-700 dark:bg-neutral-800 dark:text-gray-100",
       className
     ),
@@ -149,7 +147,7 @@ var CardHeader = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   "div",
   {
     ref,
-    className: cn("flex flex-col space-y-1.5 p-4", className),
+    className: chunkTMZLQK74_js.cn("flex flex-col space-y-1.5 p-4", className),
     ...props
   }
 ));
@@ -158,7 +156,7 @@ var CardTitle = React9__namespace.forwardRef(({ className, ...props }, ref) => /
   "div",
   {
     ref,
-    className: cn("font-semibold leading-none tracking-tight", className),
+    className: chunkTMZLQK74_js.cn("font-semibold leading-none tracking-tight", className),
     ...props
   }
 ));
@@ -167,7 +165,7 @@ var CardDescription = React9__namespace.forwardRef(({ className, ...props }, ref
   "div",
   {
     ref,
-    className: cn("text-sm text-gray-500 dark:text-gray-400", className),
+    className: chunkTMZLQK74_js.cn("text-sm text-gray-500 dark:text-gray-400", className),
     ...props
   }
 ));
@@ -176,7 +174,7 @@ var CardContent = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   "div",
   {
     ref,
-    className: cn("sm:p-6 p-4 sm:pt-0 pt-0", className),
+    className: chunkTMZLQK74_js.cn("sm:p-6 p-4 sm:pt-0 pt-0", className),
     ...props
   }
 ));
@@ -185,7 +183,7 @@ var CardFooter = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   "div",
   {
     ref,
-    className: cn("flex items-center p-6 pt-0", className),
+    className: chunkTMZLQK74_js.cn("flex items-center p-6 pt-0", className),
     ...props
   }
 ));
@@ -194,7 +192,7 @@ var Checkbox = React9__namespace.forwardRef(({ className, ...props }, ref) => /*
   CheckboxPrimitive__namespace.Root,
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "peer h-4 w-4 shrink-0 rounded-sm border border-gray-300 shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-600 data-[state=checked]:border-blue-600 data-[state=checked]:text-white dark:border-neutral-600 dark:data-[state=checked]:bg-blue-600",
       className
     ),
@@ -202,7 +200,7 @@ var Checkbox = React9__namespace.forwardRef(({ className, ...props }, ref) => /*
     children: /* @__PURE__ */ jsxRuntime.jsx(
       CheckboxPrimitive__namespace.Indicator,
       {
-        className: cn("flex items-center justify-center text-current"),
+        className: chunkTMZLQK74_js.cn("flex items-center justify-center text-current"),
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5", strokeWidth: 3 })
       }
     )
@@ -217,7 +215,7 @@ var DialogOverlay = React9__namespace.forwardRef(({ className, ...props }, ref)
   DialogPrimitive__namespace.Overlay,
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     ),
@@ -231,7 +229,7 @@ var DialogContent = React9__namespace.forwardRef(({ className, children, ...prop
     DialogPrimitive__namespace.Content,
     {
       ref,
-      className: cn(
+      className: chunkTMZLQK74_js.cn(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-gray-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg dark:border-neutral-700 dark:bg-neutral-800",
         className
       ),
@@ -253,7 +251,7 @@ var DialogHeader = ({
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "flex flex-col space-y-1.5 text-center sm:text-left",
       className
     ),
@@ -267,7 +265,7 @@ var DialogFooter = ({
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       className
     ),
@@ -279,7 +277,7 @@ var DialogTitle = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   DialogPrimitive__namespace.Title,
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "text-lg font-semibold leading-none tracking-tight text-gray-900 dark:text-gray-100",
       className
     ),
@@ -291,7 +289,7 @@ var DialogDescription = React9__namespace.forwardRef(({ className, ...props }, r
   DialogPrimitive__namespace.Description,
   {
     ref,
-    className: cn("text-sm text-gray-500 dark:text-gray-400", className),
+    className: chunkTMZLQK74_js.cn("text-sm text-gray-500 dark:text-gray-400", className),
     ...props
   }
 ));
@@ -306,7 +304,7 @@ var DropdownMenuSubTrigger = React9__namespace.forwardRef(({ className, inset, c
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-gray-100 dark:focus:bg-gray-700 dark:data-[state=open]:bg-gray-700 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       inset && "pl-8",
       className
@@ -323,7 +321,7 @@ var DropdownMenuSubContent = React9__namespace.forwardRef(({ className, ...props
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border border-gray-200 bg-white p-1 text-gray-900 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin] dark:border-neutral-700 dark:bg-neutral-800 dark:text-gray-100",
       className
     ),
@@ -336,7 +334,7 @@ var DropdownMenuContent = React9__namespace.forwardRef(({ className, sideOffset
   {
     ref,
     sideOffset,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border border-gray-200 bg-white p-1 text-gray-900 shadow-md dark:border-neutral-700 dark:bg-neutral-800 dark:text-gray-100",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
       className
@@ -349,7 +347,7 @@ var DropdownMenuItem = React9__namespace.forwardRef(({ className, inset, ...prop
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-700 dark:focus:text-gray-100 [&>svg]:size-4 [&>svg]:shrink-0",
       inset && "pl-8",
       className
@@ -362,7 +360,7 @@ var DropdownMenuCheckboxItem = React9__namespace.forwardRef(({ className, childr
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-700 dark:focus:text-gray-100",
       className
     ),
@@ -379,7 +377,7 @@ var DropdownMenuRadioItem = React9__namespace.forwardRef(({ className, children,
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-700 dark:focus:text-gray-100",
       className
     ),
@@ -395,7 +393,7 @@ var DropdownMenuLabel = React9__namespace.forwardRef(({ className, inset, ...pro
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "px-2 py-1.5 text-sm font-semibold",
       inset && "pl-8",
       className
@@ -408,7 +406,7 @@ var DropdownMenuSeparator = React9__namespace.forwardRef(({ className, ...props
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
-    className: cn("-mx-1 my-1 h-px bg-gray-100 dark:bg-neutral-700", className),
+    className: chunkTMZLQK74_js.cn("-mx-1 my-1 h-px bg-gray-100 dark:bg-neutral-700", className),
     ...props
   }
 ));
@@ -420,7 +418,7 @@ var DropdownMenuShortcut = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+      className: chunkTMZLQK74_js.cn("ml-auto text-xs tracking-widest opacity-60", className),
       ...props
     }
   );
@@ -504,7 +502,7 @@ var PopoverContent = React9__namespace.forwardRef(({ className, align = "center"
             damping: 25,
             mass: 0.8
           },
-          className: cn(
+          className: chunkTMZLQK74_js.cn(
             "z-50 w-72 rounded-xl border border-white/20 bg-white/80 backdrop-blur-xl p-4 text-gray-900 shadow-lg outline-none dark:border-neutral-700/50 dark:bg-neutral-900/80 dark:text-neutral-100 origin-[--radix-popover-content-transform-origin]",
             className
           ),
@@ -547,7 +545,7 @@ var SelectTrigger = React9__namespace.forwardRef(({ className, children, ...prop
   SelectPrimitive__namespace.Trigger,
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "flex h-10 w-full items-center justify-between rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-600 dark:bg-neutral-800 dark:text-gray-100 dark:placeholder:text-gray-500 [&>span]:line-clamp-1",
       className
     ),
@@ -563,7 +561,7 @@ var SelectScrollUpButton = React9__namespace.forwardRef(({ className, ...props }
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "flex cursor-default items-center justify-center py-1",
       className
     ),
@@ -576,7 +574,7 @@ var SelectScrollDownButton = React9__namespace.forwardRef(({ className, ...props
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "flex cursor-default items-center justify-center py-1",
       className
     ),
@@ -633,7 +631,7 @@ var SelectContent = React9__namespace.forwardRef(({ className, children, positio
             damping: 25,
             mass: 0.8
           },
-          className: cn(
+          className: chunkTMZLQK74_js.cn(
             "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-hidden rounded-xl border border-white/20 bg-white/80 backdrop-blur-xl text-gray-900 shadow-lg dark:border-neutral-700/50 dark:bg-neutral-900/80 dark:text-gray-100 origin-[--radix-select-content-transform-origin]",
             position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
             className
@@ -643,7 +641,7 @@ var SelectContent = React9__namespace.forwardRef(({ className, children, positio
             /* @__PURE__ */ jsxRuntime.jsx(
               SelectPrimitive__namespace.Viewport,
               {
-                className: cn(
+                className: chunkTMZLQK74_js.cn(
                   "p-1",
                   position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
                 ),
@@ -662,7 +660,7 @@ var SelectLabel = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   SelectPrimitive__namespace.Label,
   {
     ref,
-    className: cn("px-2 py-1.5 text-sm font-semibold", className),
+    className: chunkTMZLQK74_js.cn("px-2 py-1.5 text-sm font-semibold", className),
     ...props
   }
 ));
@@ -671,7 +669,7 @@ var SelectItem = React9__namespace.forwardRef(({ className, children, ...props }
   SelectPrimitive__namespace.Item,
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "relative flex w-full cursor-default select-none items-center rounded-lg py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-black/5 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-white/10 dark:focus:text-gray-100 transition-colors",
       className
     ),
@@ -687,7 +685,7 @@ var SelectSeparator = React9__namespace.forwardRef(({ className, ...props }, ref
   SelectPrimitive__namespace.Separator,
   {
     ref,
-    className: cn("-mx-1 my-1 h-px bg-gray-200/50 dark:bg-neutral-700/50", className),
+    className: chunkTMZLQK74_js.cn("-mx-1 my-1 h-px bg-gray-200/50 dark:bg-neutral-700/50", className),
     ...props
   }
 ));
@@ -696,7 +694,7 @@ function Skeleton({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: cn(
+      className: chunkTMZLQK74_js.cn(
         "animate-pulse rounded-md bg-neutral-200 dark:bg-neutral-800",
         className
       )
@@ -704,28 +702,28 @@ function Skeleton({ className }) {
   );
 }
 function SkeletonText({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: cn("h-4", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkTMZLQK74_js.cn("h-4", className) });
 }
 function SkeletonTitle({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: cn("h-6 w-48", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkTMZLQK74_js.cn("h-6 w-48", className) });
 }
 function SkeletonSubtitle({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: cn("h-3 w-64", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkTMZLQK74_js.cn("h-3 w-64", className) });
 }
 function SkeletonAvatar({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: cn("w-10 h-10 rounded", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkTMZLQK74_js.cn("w-10 h-10 rounded", className) });
 }
 function SkeletonBadge({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: cn("h-6 w-24", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkTMZLQK74_js.cn("h-6 w-24", className) });
 }
 function SkeletonIcon({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: cn("w-6 h-6 rounded", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkTMZLQK74_js.cn("w-6 h-6 rounded", className) });
 }
 function SkeletonButton({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: cn("h-10 w-24 rounded-md", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkTMZLQK74_js.cn("h-10 w-24 rounded-md", className) });
 }
 function SkeletonInput({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: cn("h-10 w-full rounded-md", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkTMZLQK74_js.cn("h-10 w-full rounded-md", className) });
 }
 function SkeletonTableRow({
   columns = 4,
@@ -743,7 +741,7 @@ function SkeletonCard({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: cn(
+      className: chunkTMZLQK74_js.cn(
         "rounded-lg border bg-card p-6 space-y-4",
         className
       ),
@@ -763,7 +761,7 @@ var Table = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @_
   "table",
   {
     ref,
-    className: cn("w-full caption-bottom text-sm", className),
+    className: chunkTMZLQK74_js.cn("w-full caption-bottom text-sm", className),
     ...props
   }
 ) }));
@@ -772,7 +770,7 @@ var TableHeader = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   "thead",
   {
     ref,
-    className: cn("[&_tr]:border-b [&_tr]:border-gray-200 dark:[&_tr]:border-gray-700", className),
+    className: chunkTMZLQK74_js.cn("[&_tr]:border-b [&_tr]:border-gray-200 dark:[&_tr]:border-gray-700", className),
     ...props
   }
 ));
@@ -781,7 +779,7 @@ var TableBody = React9__namespace.forwardRef(({ className, ...props }, ref) => /
   "tbody",
   {
     ref,
-    className: cn("[&_tr:last-child]:border-0", className),
+    className: chunkTMZLQK74_js.cn("[&_tr:last-child]:border-0", className),
     ...props
   }
 ));
@@ -790,7 +788,7 @@ var TableFooter = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   "tfoot",
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "border-t border-gray-200 bg-gray-50 font-medium dark:border-neutral-700 dark:bg-neutral-800/50 [&>tr]:last:border-b-0",
       className
     ),
@@ -802,7 +800,7 @@ var TableRow = React9__namespace.forwardRef(({ className, ...props }, ref) => /*
   "tr",
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "border-b border-gray-200 transition-colors hover:bg-gray-50 data-[state=selected]:bg-gray-100 dark:border-neutral-700 dark:hover:bg-neutral-800/50 dark:data-[state=selected]:bg-gray-800",
       className
     ),
@@ -814,7 +812,7 @@ var TableHead = React9__namespace.forwardRef(({ className, ...props }, ref) => /
   "th",
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "h-12 px-4 text-left align-middle font-medium text-gray-500 dark:text-gray-400 [&:has([role=checkbox])]:pr-0",
       className
     ),
@@ -826,7 +824,7 @@ var TableCell = React9__namespace.forwardRef(({ className, ...props }, ref) => /
   "td",
   {
     ref,
-    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    className: chunkTMZLQK74_js.cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
     ...props
   }
 ));
@@ -835,7 +833,7 @@ var TableCaption = React9__namespace.forwardRef(({ className, ...props }, ref) =
   "caption",
   {
     ref,
-    className: cn("mt-4 text-sm text-gray-500 dark:text-gray-400", className),
+    className: chunkTMZLQK74_js.cn("mt-4 text-sm text-gray-500 dark:text-gray-400", className),
     ...props
   }
 ));
@@ -916,7 +914,7 @@ var TabsList = React9__namespace.forwardRef(({ className, children, ...props },
         else if (ref) ref.current = node;
         listRef.current = node;
       },
-      className: cn(
+      className: chunkTMZLQK74_js.cn(
         "relative inline-flex h-10 items-center justify-center rounded-lg bg-gray-100 p-1 text-gray-500 dark:bg-neutral-800 dark:text-gray-400",
         className
       ),
@@ -961,7 +959,7 @@ var TabsTrigger = React9__namespace.forwardRef(({ className, value, ...props },
         else if (ref) ref.current = node;
       },
       value,
-      className: cn(
+      className: chunkTMZLQK74_js.cn(
         "relative z-10 inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
         isActive ? "text-gray-900 dark:text-gray-100" : "text-gray-500 dark:text-gray-400",
         className
@@ -975,7 +973,7 @@ var TabsContent = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   TabsPrimitive__namespace.Content,
   {
     ref,
-    className: cn(
+    className: chunkTMZLQK74_js.cn(
       "mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",
       className
     ),
@@ -988,7 +986,7 @@ var Textarea = React9__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
       {
-        className: cn(
+        className: chunkTMZLQK74_js.cn(
           "flex min-h-[80px] w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 placeholder:text-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-600 dark:bg-neutral-800 dark:text-gray-100 dark:placeholder:text-gray-500",
           className
         ),
@@ -999,9 +997,247 @@ var Textarea = React9__namespace.forwardRef(
   }
 );
 Textarea.displayName = "Textarea";
+var headingVariants = classVarianceAuthority.cva(
+  "font-bricolage tracking-tight text-neutral-900 dark:text-neutral-50",
+  {
+    variants: {
+      level: {
+        1: "text-4xl sm:text-5xl lg:text-6xl",
+        2: "text-3xl sm:text-4xl lg:text-5xl",
+        3: "text-2xl sm:text-3xl lg:text-4xl",
+        4: "text-xl sm:text-2xl lg:text-3xl",
+        5: "text-lg sm:text-xl lg:text-2xl",
+        6: "text-base sm:text-lg lg:text-xl"
+      },
+      weight: {
+        regular: "font-normal",
+        medium: "font-medium",
+        semibold: "font-semibold",
+        bold: "font-bold"
+      },
+      align: {
+        left: "text-left",
+        center: "text-center",
+        right: "text-right"
+      }
+    },
+    defaultVariants: {
+      level: 1,
+      weight: "bold",
+      align: "left"
+    }
+  }
+);
+var Heading = React9__namespace.forwardRef(
+  ({ className, level = 1, weight, align, as, children, ...props }, ref) => {
+    const Tag = as || `h${level}`;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Tag,
+      {
+        ref,
+        className: chunkTMZLQK74_js.cn(headingVariants({ level, weight, align, className })),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+var textVariants = classVarianceAuthority.cva("font-bricolage text-neutral-700 dark:text-neutral-300", {
+  variants: {
+    size: {
+      xs: "text-xs leading-4",
+      sm: "text-sm leading-5",
+      base: "text-base leading-6",
+      lg: "text-lg leading-7",
+      xl: "text-xl leading-8",
+      "2xl": "text-2xl leading-9",
+      "3xl": "text-3xl leading-10",
+      "4xl": "text-4xl leading-[2.75rem]"
+    },
+    weight: {
+      regular: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold"
+    },
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right",
+      justify: "text-justify"
+    },
+    color: {
+      default: "text-neutral-700 dark:text-neutral-300",
+      muted: "text-neutral-500 dark:text-neutral-400",
+      accent: "text-blue-600 dark:text-blue-400",
+      success: "text-emerald-600 dark:text-emerald-400",
+      warning: "text-amber-600 dark:text-amber-400",
+      error: "text-red-600 dark:text-red-400"
+    }
+  },
+  defaultVariants: {
+    size: "base",
+    weight: "regular",
+    align: "left",
+    color: "default"
+  }
+});
+var Text = React9__namespace.forwardRef(
+  ({ className, size, weight, align, color, asChild = false, as = "p", children, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : as;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        ref,
+        className: chunkTMZLQK74_js.cn(textVariants({ size, weight, align, color, className })),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+var labelVariants = classVarianceAuthority.cva(
+  "font-bricolage font-medium text-neutral-900 dark:text-neutral-100 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+  {
+    variants: {
+      variant: {
+        default: "",
+        eyebrow: "uppercase tracking-[0.2em]"
+      },
+      size: {
+        xs: "text-[10px] leading-3",
+        sm: "text-xs leading-4",
+        base: "text-sm leading-5",
+        lg: "text-base leading-6",
+        xl: "text-lg leading-7"
+      },
+      weight: {
+        medium: "font-medium",
+        semibold: "font-semibold",
+        bold: "font-bold"
+      },
+      required: {
+        true: "after:content-['*'] after:ml-0.5 after:text-red-500",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "base",
+      weight: "medium",
+      required: false
+    }
+  }
+);
+var Label3 = React9__namespace.forwardRef(({ className, variant, size, weight, required, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  LabelPrimitive__namespace.Root,
+  {
+    ref,
+    className: chunkTMZLQK74_js.cn(labelVariants({ variant, size, weight, required, className })),
+    ...props
+  }
+));
+Label3.displayName = LabelPrimitive__namespace.Root.displayName;
+var captionVariants = classVarianceAuthority.cva(
+  "font-bricolage text-xs leading-4 text-neutral-500 dark:text-neutral-400",
+  {
+    variants: {
+      weight: {
+        regular: "font-normal",
+        medium: "font-medium"
+      },
+      align: {
+        left: "text-left",
+        center: "text-center",
+        right: "text-right"
+      },
+      color: {
+        default: "text-neutral-500 dark:text-neutral-400",
+        muted: "text-neutral-400 dark:text-neutral-500",
+        accent: "text-blue-500 dark:text-blue-400",
+        success: "text-emerald-500 dark:text-emerald-400",
+        warning: "text-amber-500 dark:text-amber-400",
+        error: "text-red-500 dark:text-red-400"
+      }
+    },
+    defaultVariants: {
+      weight: "regular",
+      align: "left",
+      color: "default"
+    }
+  }
+);
+var Caption = React9__namespace.forwardRef(
+  ({ className, weight, align, color, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ref,
+        className: chunkTMZLQK74_js.cn(captionVariants({ weight, align, color, className })),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Caption.displayName = "Caption";
+var codeVariants = classVarianceAuthority.cva("font-mono", {
+  variants: {
+    variant: {
+      inline: "px-1.5 py-0.5 text-sm rounded-md bg-neutral-100 dark:bg-neutral-800 text-neutral-800 dark:text-neutral-200 border border-neutral-200 dark:border-neutral-700",
+      block: "block p-4 text-sm rounded-lg bg-neutral-900 dark:bg-neutral-950 text-neutral-100 overflow-x-auto"
+    },
+    color: {
+      default: "",
+      accent: "bg-blue-50 dark:bg-blue-950/30 text-blue-700 dark:text-blue-300 border-blue-200 dark:border-blue-800",
+      success: "bg-emerald-50 dark:bg-emerald-950/30 text-emerald-700 dark:text-emerald-300 border-emerald-200 dark:border-emerald-800",
+      warning: "bg-amber-50 dark:bg-amber-950/30 text-amber-700 dark:text-amber-300 border-amber-200 dark:border-amber-800",
+      error: "bg-red-50 dark:bg-red-950/30 text-red-700 dark:text-red-300 border-red-200 dark:border-red-800"
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "block",
+      color: ["accent", "success", "warning", "error"],
+      className: "border"
+    }
+  ],
+  defaultVariants: {
+    variant: "inline",
+    color: "default"
+  }
+});
+var Code = React9__namespace.forwardRef(
+  ({ className, variant, color, children, ...props }, ref) => {
+    const isBlock = variant === "block";
+    if (isBlock) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "pre",
+        {
+          ref,
+          className: chunkTMZLQK74_js.cn(codeVariants({ variant, color, className })),
+          ...props,
+          children: /* @__PURE__ */ jsxRuntime.jsx("code", { children })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "code",
+      {
+        ref,
+        className: chunkTMZLQK74_js.cn(codeVariants({ variant, color, className })),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Code.displayName = "Code";
 
 exports.Badge = Badge;
 exports.Button = Button;
+exports.Caption = Caption;
 exports.Card = Card;
 exports.CardContent = CardContent;
 exports.CardDescription = CardDescription;
@@ -1009,6 +1245,7 @@ exports.CardFooter = CardFooter;
 exports.CardHeader = CardHeader;
 exports.CardTitle = CardTitle;
 exports.Checkbox = Checkbox;
+exports.Code = Code;
 exports.Dialog = Dialog;
 exports.DialogClose = DialogClose;
 exports.DialogContent = DialogContent;
@@ -1034,6 +1271,8 @@ exports.DropdownMenuSub = DropdownMenuSub;
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.Heading = Heading;
+exports.Label = Label3;
 exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
 exports.PopoverContent = PopoverContent;
@@ -1072,9 +1311,14 @@ exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
+exports.Text = Text;
 exports.Textarea = Textarea;
 exports.badgeVariants = badgeVariants;
 exports.buttonVariants = buttonVariants;
-exports.cn = cn;
-//# sourceMappingURL=chunk-J6RXKZE5.js.map
-//# sourceMappingURL=chunk-J6RXKZE5.js.map
+exports.captionVariants = captionVariants;
+exports.codeVariants = codeVariants;
+exports.headingVariants = headingVariants;
+exports.labelVariants = labelVariants;
+exports.textVariants = textVariants;
+//# sourceMappingURL=chunk-FOXFMLET.js.map
+//# sourceMappingURL=chunk-FOXFMLET.js.map