@pos-360/horizon 0.2.0 → 0.3.0

package/dist/{chunk-RMVND66S.mjs → chunk-HJPQ6TOR.mjs}

@@ -1,17 +1,42 @@
 import { cn } from './chunk-TDRL2RCT.mjs';
-import * as React9 from 'react';
-import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React7 from 'react';
+import { Slot } from '@radix-ui/react-slot';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { Check, X, ChevronRight, Circle, ChevronDown, ChevronUp } from 'lucide-react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as LabelPrimitive from '@radix-ui/react-label';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { AnimatePresence, motion } from 'framer-motion';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 
+var badgeVariants = 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__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
 var buttonVariants = 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",
   {
@@ -37,7 +62,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React9.forwardRef(
+var Button = React7.forwardRef(
   ({
     className,
     variant,
@@ -77,31 +102,7 @@ var Button = React9.forwardRef(
   }
 );
 Button.displayName = "Button";
-var badgeVariants = 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__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
-var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Card = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -113,7 +114,7 @@ var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -122,7 +123,7 @@ var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -131,7 +132,7 @@ var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -140,7 +141,7 @@ var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardContent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -149,7 +150,7 @@ var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardContent.displayName = "CardContent";
-var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -158,7 +159,7 @@ var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardFooter.displayName = "CardFooter";
-var Checkbox = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Checkbox = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -181,7 +182,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -193,7 +194,7 @@ var DialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+var DialogContent = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
@@ -243,7 +244,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -255,7 +256,7 @@ var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -270,7 +271,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React9.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuSubTrigger = React7.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -287,7 +288,7 @@ var DropdownMenuSubTrigger = React9.forwardRef(({ className, inset, children, ..
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSubContent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -299,7 +300,7 @@ var DropdownMenuSubContent = React9.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React9.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var DropdownMenuContent = React7.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -313,7 +314,7 @@ var DropdownMenuContent = React9.forwardRef(({ className, sideOffset = 4, ...pro
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React9.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = React7.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -326,7 +327,7 @@ var DropdownMenuItem = React9.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React9.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuCheckboxItem = React7.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -343,7 +344,7 @@ var DropdownMenuCheckboxItem = React9.forwardRef(({ className, children, checked
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -359,7 +360,7 @@ var DropdownMenuRadioItem = React9.forwardRef(({ className, children, ...props }
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React9.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React7.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -372,7 +373,7 @@ var DropdownMenuLabel = React9.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -394,14 +395,218 @@ var DropdownMenuShortcut = ({
   );
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-var PopoverContext = React9.createContext({ open: false });
+var labelVariants = 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 Label2 = React7.forwardRef(({ className, variant, size, weight, required, ...props }, ref) => /* @__PURE__ */ jsx(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants({ variant, size, weight, required, className })),
+    ...props
+  }
+));
+Label2.displayName = LabelPrimitive.Root.displayName;
+var FormContext = React7.createContext(null);
+function useFormContext() {
+  const context = React7.useContext(FormContext);
+  if (!context) {
+    throw new Error("useFormContext must be used within a Form component");
+  }
+  return context;
+}
+var FormFieldContext = React7.createContext(
+  null
+);
+function useFormFieldContext() {
+  const context = React7.useContext(FormFieldContext);
+  if (!context) {
+    throw new Error(
+      "useFormFieldContext must be used within a FormField component"
+    );
+  }
+  return context;
+}
+var Form = React7.forwardRef(
+  ({ className, children, onFormSubmit, ...props }, ref) => {
+    const [errors, setErrors] = React7.useState({});
+    const [isSubmitting, setIsSubmitting] = React7.useState(false);
+    const setError = React7.useCallback(
+      (name, message) => {
+        setErrors((prev) => ({ ...prev, [name]: message }));
+      },
+      []
+    );
+    const clearError = React7.useCallback((name) => {
+      setErrors((prev) => {
+        const next = { ...prev };
+        delete next[name];
+        return next;
+      });
+    }, []);
+    const clearAllErrors = React7.useCallback(() => {
+      setErrors({});
+    }, []);
+    const isValid = Object.keys(errors).length === 0;
+    const handleSubmit = async (e) => {
+      e.preventDefault();
+      if (onFormSubmit) {
+        setIsSubmitting(true);
+        try {
+          await onFormSubmit(e, {
+            setError: (name, message) => setError(name, message),
+            clearErrors: clearAllErrors,
+            setSubmitting: setIsSubmitting
+          });
+        } finally {
+          setIsSubmitting(false);
+        }
+      }
+    };
+    const contextValue = React7.useMemo(
+      () => ({
+        errors,
+        setError,
+        clearError,
+        clearAllErrors,
+        isSubmitting,
+        isValid
+      }),
+      [errors, setError, clearError, clearAllErrors, isSubmitting, isValid]
+    );
+    return /* @__PURE__ */ jsx(FormContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+      "form",
+      {
+        ref,
+        className: cn("space-y-6", className),
+        onSubmit: handleSubmit,
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+Form.displayName = "Form";
+var FormField = React7.forwardRef(
+  ({ className, name, children, ...props }, ref) => {
+    const { errors } = useFormContext();
+    const id = React7.useId();
+    const error = errors[name];
+    const contextValue = React7.useMemo(
+      () => ({ name, error, id }),
+      [name, error, id]
+    );
+    return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-2", className), ...props, children }) });
+  }
+);
+FormField.displayName = "FormField";
+var FormLabel = React7.forwardRef(({ className, ...props }, ref) => {
+  const { id, error } = useFormFieldContext();
+  return /* @__PURE__ */ jsx(
+    Label2,
+    {
+      ref,
+      htmlFor: id,
+      className: cn(error && "text-red-500 dark:text-red-400", className),
+      ...props
+    }
+  );
+});
+FormLabel.displayName = "FormLabel";
+var FormControl = React7.forwardRef(
+  ({ children, ...props }, ref) => {
+    const { id, error, name } = useFormFieldContext();
+    const child = React7.cloneElement(children, {
+      id,
+      name,
+      "aria-invalid": !!error,
+      "aria-describedby": error ? `${id}-error` : void 0,
+      ...children.props
+    });
+    return /* @__PURE__ */ jsx("div", { ref, ...props, children: child });
+  }
+);
+FormControl.displayName = "FormControl";
+var FormDescription = React7.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className: cn(
+          "block text-sm text-neutral-500 dark:text-neutral-400",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+FormDescription.displayName = "FormDescription";
+var FormMessage = React7.forwardRef(
+  ({ className, children, error: errorProp, ...props }, ref) => {
+    const fieldContext = React7.useContext(FormFieldContext);
+    const error = errorProp ?? fieldContext?.error;
+    const id = fieldContext?.id;
+    if (!error && !children) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      "p",
+      {
+        ref,
+        id: id ? `${id}-error` : void 0,
+        className: cn(
+          "text-sm font-medium",
+          error ? "text-red-500 dark:text-red-400" : "text-neutral-600 dark:text-neutral-400",
+          className
+        ),
+        role: error ? "alert" : void 0,
+        ...props,
+        children: error || children
+      }
+    );
+  }
+);
+FormMessage.displayName = "FormMessage";
+var PopoverContext = React7.createContext({ open: false });
 var Popover = ({
   children,
   open: controlledOpen,
   onOpenChange,
   ...props
 }) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = React9.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React7.useState(false);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
   const handleOpenChange = (newOpen) => {
@@ -422,8 +627,8 @@ var Popover = ({
 };
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React9.forwardRef(({ className, align = "center", sideOffset = 4, children, ...props }, ref) => {
-  const { open } = React9.useContext(PopoverContext);
+var PopoverContent = React7.forwardRef(({ className, align = "center", sideOffset = 4, children, ...props }, ref) => {
+  const { open } = React7.useContext(PopoverContext);
   const {
     onOpenAutoFocus,
     onCloseAutoFocus,
@@ -483,14 +688,14 @@ var PopoverContent = React9.forwardRef(({ className, align = "center", sideOffse
   ) }) });
 });
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var SelectContext = React9.createContext({ open: false });
+var SelectContext = React7.createContext({ open: false });
 var Select = ({
   children,
   open: controlledOpen,
   onOpenChange,
   ...props
 }) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = React9.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React7.useState(false);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
   const handleOpenChange = (newOpen) => {
@@ -511,7 +716,7 @@ var Select = ({
 };
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -527,7 +732,7 @@ var SelectTrigger = React9.forwardRef(({ className, children, ...props }, ref) =
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -540,7 +745,7 @@ var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -553,8 +758,8 @@ var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React9.forwardRef(({ className, children, position = "popper", ...props }, ref) => {
-  const { open } = React9.useContext(SelectContext);
+var SelectContent = React7.forwardRef(({ className, children, position = "popper", ...props }, ref) => {
+  const { open } = React7.useContext(SelectContext);
   const {
     onCloseAutoFocus,
     onEscapeKeyDown,
@@ -626,7 +831,7 @@ var SelectContent = React9.forwardRef(({ className, children, position = "popper
   ) }) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -635,7 +840,7 @@ var SelectLabel = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -651,7 +856,7 @@ var SelectItem = React9.forwardRef(({ className, children, ...props }, ref) => /
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -727,7 +932,7 @@ function SkeletonCard({ className }) {
     }
   );
 }
-var Table = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+var Table = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
   "table",
   {
     ref,
@@ -736,7 +941,7 @@ var Table = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "thead",
   {
     ref,
@@ -745,7 +950,7 @@ var TableHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableBody = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tbody",
   {
     ref,
@@ -754,7 +959,7 @@ var TableBody = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -766,7 +971,7 @@ var TableFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableRow = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tr",
   {
     ref,
@@ -778,7 +983,7 @@ var TableRow = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHead = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "th",
   {
     ref,
@@ -790,7 +995,7 @@ var TableHead = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCell = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "td",
   {
     ref,
@@ -799,7 +1004,7 @@ var TableCell = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCaption = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
     ref,
@@ -808,31 +1013,31 @@ var TableCaption = React9.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableCaption.displayName = "TableCaption";
-var TabsContext = React9.createContext(null);
+var TabsContext = React7.createContext(null);
 var useTabsContext = () => {
-  const context = React9.useContext(TabsContext);
+  const context = React7.useContext(TabsContext);
   if (!context) {
     throw new Error("Tabs components must be used within a Tabs provider");
   }
   return context;
 };
-var Tabs = React9.forwardRef(({ defaultValue, value, onValueChange, children, ...props }, ref) => {
-  const [activeTab, setActiveTabState] = React9.useState(value ?? defaultValue);
-  const tabRefs = React9.useRef(/* @__PURE__ */ new Map()).current;
-  const listRef = React9.useRef(null);
-  const setActiveTab = React9.useCallback(
+var Tabs = React7.forwardRef(({ defaultValue, value, onValueChange, children, ...props }, ref) => {
+  const [activeTab, setActiveTabState] = React7.useState(value ?? defaultValue);
+  const tabRefs = React7.useRef(/* @__PURE__ */ new Map()).current;
+  const listRef = React7.useRef(null);
+  const setActiveTab = React7.useCallback(
     (newValue) => {
       setActiveTabState(newValue);
       onValueChange?.(newValue);
     },
     [onValueChange]
   );
-  React9.useEffect(() => {
+  React7.useEffect(() => {
     if (value !== void 0) {
       setActiveTabState(value);
     }
   }, [value]);
-  const registerTab = React9.useCallback(
+  const registerTab = React7.useCallback(
     (tabValue, element) => {
       tabRefs.set(tabValue, element);
     },
@@ -857,10 +1062,10 @@ var Tabs = React9.forwardRef(({ defaultValue, value, onValueChange, children, ..
   );
 });
 Tabs.displayName = "Tabs";
-var TabsList = React9.forwardRef(({ className, children, ...props }, ref) => {
+var TabsList = React7.forwardRef(({ className, children, ...props }, ref) => {
   const { activeTab, tabRefs, listRef } = useTabsContext();
-  const [indicatorStyle, setIndicatorStyle] = React9.useState(null);
-  React9.useEffect(() => {
+  const [indicatorStyle, setIndicatorStyle] = React7.useState(null);
+  React7.useEffect(() => {
     const updateIndicator = () => {
       if (!activeTab || !listRef.current) return;
       const activeElement = tabRefs.get(activeTab);
@@ -912,10 +1117,10 @@ var TabsList = React9.forwardRef(({ className, children, ...props }, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React9.forwardRef(({ className, value, ...props }, ref) => {
+var TabsTrigger = React7.forwardRef(({ className, value, ...props }, ref) => {
   const { registerTab, activeTab } = useTabsContext();
-  const triggerRef = React9.useRef(null);
-  React9.useEffect(() => {
+  const triggerRef = React7.useRef(null);
+  React7.useEffect(() => {
     registerTab(value, triggerRef.current);
     return () => registerTab(value, null);
   }, [value, registerTab]);
@@ -939,7 +1144,7 @@ var TabsTrigger = React9.forwardRef(({ className, value, ...props }, ref) => {
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -951,7 +1156,7 @@ var TabsContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-var Textarea = React9.forwardRef(
+var Textarea = React7.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
@@ -967,7 +1172,202 @@ var Textarea = React9.forwardRef(
   }
 );
 Textarea.displayName = "Textarea";
+var headingVariants = 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 = React7.forwardRef(
+  ({ className, level = 1, weight, align, as, children, ...props }, ref) => {
+    const Tag = as || `h${level}`;
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ref,
+        className: cn(headingVariants({ level, weight, align, className })),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+var textVariants = 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 = React7.forwardRef(
+  ({ className, size, weight, align, color, asChild = false, as = "p", children, ...props }, ref) => {
+    const Comp = asChild ? Slot : as;
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        className: cn(textVariants({ size, weight, align, color, className })),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+var captionVariants = 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 = React7.forwardRef(
+  ({ className, weight, align, color, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className: cn(captionVariants({ weight, align, color, className })),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Caption.displayName = "Caption";
+var codeVariants = 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 = React7.forwardRef(
+  ({ className, variant, color, children, ...props }, ref) => {
+    const isBlock = variant === "block";
+    if (isBlock) {
+      return /* @__PURE__ */ jsx(
+        "pre",
+        {
+          ref,
+          className: cn(codeVariants({ variant, color, className })),
+          ...props,
+          children: /* @__PURE__ */ jsx("code", { children })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "code",
+      {
+        ref,
+        className: cn(codeVariants({ variant, color, className })),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Code.displayName = "Code";
 
-export { Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, badgeVariants, buttonVariants };
-//# sourceMappingURL=chunk-RMVND66S.mjs.map
-//# sourceMappingURL=chunk-RMVND66S.mjs.map
+export { Badge, Button, Caption, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormLabel, FormMessage, Heading, Label2 as Label, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, badgeVariants, buttonVariants, captionVariants, codeVariants, headingVariants, labelVariants, textVariants, useFormContext, useFormFieldContext };
+//# sourceMappingURL=chunk-HJPQ6TOR.mjs.map
+//# sourceMappingURL=chunk-HJPQ6TOR.mjs.map