@pos-360/horizon 0.2.0 → 0.3.0

package/dist/{chunk-VMM4FQ6A.js → chunk-S2A3IDOX.js}

@@ -1,14 +1,15 @@
 'use strict';
 
 var chunkTMZLQK74_js = require('./chunk-TMZLQK74.js');
-var React9 = require('react');
-var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
+var React7 = 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');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var LabelPrimitive = require('@radix-ui/react-label');
 var PopoverPrimitive = require('@radix-ui/react-popover');
 var framerMotion = require('framer-motion');
 var SelectPrimitive = require('@radix-ui/react-select');
@@ -32,14 +33,39 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React9__namespace = /*#__PURE__*/_interopNamespace(React9);
+var React7__namespace = /*#__PURE__*/_interopNamespace(React7);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
+var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
 
+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",
   {
@@ -65,7 +91,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React9__namespace.forwardRef(
+var Button = React7__namespace.forwardRef(
   ({
     className,
     variant,
@@ -105,31 +131,7 @@ 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: chunkTMZLQK74_js.cn(badgeVariants({ variant }), className), ...props });
-}
-var Card = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Card = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -141,7 +143,7 @@ var Card = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardHeader = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -150,7 +152,7 @@ var CardHeader = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardTitle = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -159,7 +161,7 @@ var CardTitle = React9__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardDescription = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -168,7 +170,7 @@ var CardDescription = React9__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardContent = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -177,7 +179,7 @@ var CardContent = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardContent.displayName = "CardContent";
-var CardFooter = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardFooter = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -186,7 +188,7 @@ var CardFooter = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardFooter.displayName = "CardFooter";
-var Checkbox = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Checkbox = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CheckboxPrimitive__namespace.Root,
   {
     ref,
@@ -209,7 +211,7 @@ var Dialog = DialogPrimitive__namespace.Root;
 var DialogTrigger = DialogPrimitive__namespace.Trigger;
 var DialogPortal = DialogPrimitive__namespace.Portal;
 var DialogClose = DialogPrimitive__namespace.Close;
-var DialogOverlay = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlay = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -221,7 +223,7 @@ var DialogOverlay = React9__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React9__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+var DialogContent = React7__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     DialogPrimitive__namespace.Content,
@@ -271,7 +273,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitle = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -283,7 +285,7 @@ var DialogTitle = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescription = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -298,7 +300,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropdownMenuSubTrigger = React9__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuSubTrigger = React7__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -315,7 +317,7 @@ var DropdownMenuSubTrigger = React9__namespace.forwardRef(({ className, inset, c
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSubContent = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
@@ -327,7 +329,7 @@ var DropdownMenuSubContent = React9__namespace.forwardRef(({ className, ...props
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React9__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuContent = React7__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Content,
   {
     ref,
@@ -341,7 +343,7 @@ var DropdownMenuContent = React9__namespace.forwardRef(({ className, sideOffset
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React9__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuItem = React7__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
@@ -354,7 +356,7 @@ var DropdownMenuItem = React9__namespace.forwardRef(({ className, inset, ...prop
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React9__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuCheckboxItem = React7__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -371,7 +373,7 @@ var DropdownMenuCheckboxItem = React9__namespace.forwardRef(({ className, childr
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React9__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuRadioItem = React7__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
@@ -387,7 +389,7 @@ var DropdownMenuRadioItem = React9__namespace.forwardRef(({ className, children,
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React9__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuLabel = React7__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
@@ -400,7 +402,7 @@ var DropdownMenuLabel = React9__namespace.forwardRef(({ className, inset, ...pro
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSeparator = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
@@ -422,14 +424,218 @@ var DropdownMenuShortcut = ({
   );
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-var PopoverContext = React9__namespace.createContext({ open: false });
+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 Label2 = React7__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
+  }
+));
+Label2.displayName = LabelPrimitive__namespace.Root.displayName;
+var FormContext = React7__namespace.createContext(null);
+function useFormContext() {
+  const context = React7__namespace.useContext(FormContext);
+  if (!context) {
+    throw new Error("useFormContext must be used within a Form component");
+  }
+  return context;
+}
+var FormFieldContext = React7__namespace.createContext(
+  null
+);
+function useFormFieldContext() {
+  const context = React7__namespace.useContext(FormFieldContext);
+  if (!context) {
+    throw new Error(
+      "useFormFieldContext must be used within a FormField component"
+    );
+  }
+  return context;
+}
+var Form = React7__namespace.forwardRef(
+  ({ className, children, onFormSubmit, ...props }, ref) => {
+    const [errors, setErrors] = React7__namespace.useState({});
+    const [isSubmitting, setIsSubmitting] = React7__namespace.useState(false);
+    const setError = React7__namespace.useCallback(
+      (name, message) => {
+        setErrors((prev) => ({ ...prev, [name]: message }));
+      },
+      []
+    );
+    const clearError = React7__namespace.useCallback((name) => {
+      setErrors((prev) => {
+        const next = { ...prev };
+        delete next[name];
+        return next;
+      });
+    }, []);
+    const clearAllErrors = React7__namespace.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__namespace.useMemo(
+      () => ({
+        errors,
+        setError,
+        clearError,
+        clearAllErrors,
+        isSubmitting,
+        isValid
+      }),
+      [errors, setError, clearError, clearAllErrors, isSubmitting, isValid]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(FormContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "form",
+      {
+        ref,
+        className: chunkTMZLQK74_js.cn("space-y-6", className),
+        onSubmit: handleSubmit,
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+Form.displayName = "Form";
+var FormField = React7__namespace.forwardRef(
+  ({ className, name, children, ...props }, ref) => {
+    const { errors } = useFormContext();
+    const id = React7__namespace.useId();
+    const error = errors[name];
+    const contextValue = React7__namespace.useMemo(
+      () => ({ name, error, id }),
+      [name, error, id]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkTMZLQK74_js.cn("space-y-2", className), ...props, children }) });
+  }
+);
+FormField.displayName = "FormField";
+var FormLabel = React7__namespace.forwardRef(({ className, ...props }, ref) => {
+  const { id, error } = useFormFieldContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Label2,
+    {
+      ref,
+      htmlFor: id,
+      className: chunkTMZLQK74_js.cn(error && "text-red-500 dark:text-red-400", className),
+      ...props
+    }
+  );
+});
+FormLabel.displayName = "FormLabel";
+var FormControl = React7__namespace.forwardRef(
+  ({ children, ...props }, ref) => {
+    const { id, error, name } = useFormFieldContext();
+    const child = React7__namespace.cloneElement(children, {
+      id,
+      name,
+      "aria-invalid": !!error,
+      "aria-describedby": error ? `${id}-error` : void 0,
+      ...children.props
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, ...props, children: child });
+  }
+);
+FormControl.displayName = "FormControl";
+var FormDescription = React7__namespace.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ref,
+        className: chunkTMZLQK74_js.cn(
+          "block text-sm text-neutral-500 dark:text-neutral-400",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+FormDescription.displayName = "FormDescription";
+var FormMessage = React7__namespace.forwardRef(
+  ({ className, children, error: errorProp, ...props }, ref) => {
+    const fieldContext = React7__namespace.useContext(FormFieldContext);
+    const error = errorProp ?? fieldContext?.error;
+    const id = fieldContext?.id;
+    if (!error && !children) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        ref,
+        id: id ? `${id}-error` : void 0,
+        className: chunkTMZLQK74_js.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__namespace.createContext({ open: false });
 var Popover = ({
   children,
   open: controlledOpen,
   onOpenChange,
   ...props
 }) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = React9__namespace.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React7__namespace.useState(false);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
   const handleOpenChange = (newOpen) => {
@@ -450,8 +656,8 @@ var Popover = ({
 };
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
 var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
-var PopoverContent = React9__namespace.forwardRef(({ className, align = "center", sideOffset = 4, children, ...props }, ref) => {
-  const { open } = React9__namespace.useContext(PopoverContext);
+var PopoverContent = React7__namespace.forwardRef(({ className, align = "center", sideOffset = 4, children, ...props }, ref) => {
+  const { open } = React7__namespace.useContext(PopoverContext);
   const {
     onOpenAutoFocus,
     onCloseAutoFocus,
@@ -511,14 +717,14 @@ var PopoverContent = React9__namespace.forwardRef(({ className, align = "center"
   ) }) });
 });
 PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
-var SelectContext = React9__namespace.createContext({ open: false });
+var SelectContext = React7__namespace.createContext({ open: false });
 var Select = ({
   children,
   open: controlledOpen,
   onOpenChange,
   ...props
 }) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = React9__namespace.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React7__namespace.useState(false);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
   const handleOpenChange = (newOpen) => {
@@ -539,7 +745,7 @@ var Select = ({
 };
 var SelectGroup = SelectPrimitive__namespace.Group;
 var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React9__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectTrigger = React7__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
@@ -555,7 +761,7 @@ var SelectTrigger = React9__namespace.forwardRef(({ className, children, ...prop
   }
 ));
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollUpButton = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
@@ -568,7 +774,7 @@ var SelectScrollUpButton = React9__namespace.forwardRef(({ className, ...props }
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollDownButton = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
@@ -581,8 +787,8 @@ var SelectScrollDownButton = React9__namespace.forwardRef(({ className, ...props
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React9__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => {
-  const { open } = React9__namespace.useContext(SelectContext);
+var SelectContent = React7__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => {
+  const { open } = React7__namespace.useContext(SelectContext);
   const {
     onCloseAutoFocus,
     onEscapeKeyDown,
@@ -654,7 +860,7 @@ var SelectContent = React9__namespace.forwardRef(({ className, children, positio
   ) }) });
 });
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectLabel = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Label,
   {
     ref,
@@ -663,7 +869,7 @@ var SelectLabel = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React9__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectItem = React7__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Item,
   {
     ref,
@@ -679,7 +885,7 @@ var SelectItem = React9__namespace.forwardRef(({ className, children, ...props }
   }
 ));
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectSeparator = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Separator,
   {
     ref,
@@ -755,7 +961,7 @@ function SkeletonCard({ className }) {
     }
   );
 }
-var Table = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+var Table = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
   "table",
   {
     ref,
@@ -764,7 +970,7 @@ var Table = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableHeader = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "thead",
   {
     ref,
@@ -773,7 +979,7 @@ var TableHeader = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableBody = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tbody",
   {
     ref,
@@ -782,7 +988,7 @@ var TableBody = React9__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableFooter = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tfoot",
   {
     ref,
@@ -794,7 +1000,7 @@ var TableFooter = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableRow = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tr",
   {
     ref,
@@ -806,7 +1012,7 @@ var TableRow = React9__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableHead = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "th",
   {
     ref,
@@ -818,7 +1024,7 @@ var TableHead = React9__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCell = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "td",
   {
     ref,
@@ -827,7 +1033,7 @@ var TableCell = React9__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCaption = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "caption",
   {
     ref,
@@ -836,31 +1042,31 @@ var TableCaption = React9__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TableCaption.displayName = "TableCaption";
-var TabsContext = React9__namespace.createContext(null);
+var TabsContext = React7__namespace.createContext(null);
 var useTabsContext = () => {
-  const context = React9__namespace.useContext(TabsContext);
+  const context = React7__namespace.useContext(TabsContext);
   if (!context) {
     throw new Error("Tabs components must be used within a Tabs provider");
   }
   return context;
 };
-var Tabs = React9__namespace.forwardRef(({ defaultValue, value, onValueChange, children, ...props }, ref) => {
-  const [activeTab, setActiveTabState] = React9__namespace.useState(value ?? defaultValue);
-  const tabRefs = React9__namespace.useRef(/* @__PURE__ */ new Map()).current;
-  const listRef = React9__namespace.useRef(null);
-  const setActiveTab = React9__namespace.useCallback(
+var Tabs = React7__namespace.forwardRef(({ defaultValue, value, onValueChange, children, ...props }, ref) => {
+  const [activeTab, setActiveTabState] = React7__namespace.useState(value ?? defaultValue);
+  const tabRefs = React7__namespace.useRef(/* @__PURE__ */ new Map()).current;
+  const listRef = React7__namespace.useRef(null);
+  const setActiveTab = React7__namespace.useCallback(
     (newValue) => {
       setActiveTabState(newValue);
       onValueChange?.(newValue);
     },
     [onValueChange]
   );
-  React9__namespace.useEffect(() => {
+  React7__namespace.useEffect(() => {
     if (value !== void 0) {
       setActiveTabState(value);
     }
   }, [value]);
-  const registerTab = React9__namespace.useCallback(
+  const registerTab = React7__namespace.useCallback(
     (tabValue, element) => {
       tabRefs.set(tabValue, element);
     },
@@ -885,10 +1091,10 @@ var Tabs = React9__namespace.forwardRef(({ defaultValue, value, onValueChange, c
   );
 });
 Tabs.displayName = "Tabs";
-var TabsList = React9__namespace.forwardRef(({ className, children, ...props }, ref) => {
+var TabsList = React7__namespace.forwardRef(({ className, children, ...props }, ref) => {
   const { activeTab, tabRefs, listRef } = useTabsContext();
-  const [indicatorStyle, setIndicatorStyle] = React9__namespace.useState(null);
-  React9__namespace.useEffect(() => {
+  const [indicatorStyle, setIndicatorStyle] = React7__namespace.useState(null);
+  React7__namespace.useEffect(() => {
     const updateIndicator = () => {
       if (!activeTab || !listRef.current) return;
       const activeElement = tabRefs.get(activeTab);
@@ -940,10 +1146,10 @@ var TabsList = React9__namespace.forwardRef(({ className, children, ...props },
   );
 });
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React9__namespace.forwardRef(({ className, value, ...props }, ref) => {
+var TabsTrigger = React7__namespace.forwardRef(({ className, value, ...props }, ref) => {
   const { registerTab, activeTab } = useTabsContext();
-  const triggerRef = React9__namespace.useRef(null);
-  React9__namespace.useEffect(() => {
+  const triggerRef = React7__namespace.useRef(null);
+  React7__namespace.useEffect(() => {
     registerTab(value, triggerRef.current);
     return () => registerTab(value, null);
   }, [value, registerTab]);
@@ -967,7 +1173,7 @@ var TabsTrigger = React9__namespace.forwardRef(({ className, value, ...props },
   );
 });
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsContent = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Content,
   {
     ref,
@@ -979,7 +1185,7 @@ var TabsContent = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
-var Textarea = React9__namespace.forwardRef(
+var Textarea = React7__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
@@ -995,9 +1201,205 @@ 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 = React7__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 = React7__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 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 = React7__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 = React7__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;
@@ -1005,6 +1407,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;
@@ -1030,6 +1433,14 @@ exports.DropdownMenuSub = DropdownMenuSub;
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.Form = Form;
+exports.FormControl = FormControl;
+exports.FormDescription = FormDescription;
+exports.FormField = FormField;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;
+exports.Heading = Heading;
+exports.Label = Label2;
 exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
 exports.PopoverContent = PopoverContent;
@@ -1068,8 +1479,16 @@ exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
+exports.Text = Text;
 exports.Textarea = Textarea;
 exports.badgeVariants = badgeVariants;
 exports.buttonVariants = buttonVariants;
-//# sourceMappingURL=chunk-VMM4FQ6A.js.map
-//# sourceMappingURL=chunk-VMM4FQ6A.js.map
+exports.captionVariants = captionVariants;
+exports.codeVariants = codeVariants;
+exports.headingVariants = headingVariants;
+exports.labelVariants = labelVariants;
+exports.textVariants = textVariants;
+exports.useFormContext = useFormContext;
+exports.useFormFieldContext = useFormFieldContext;
+//# sourceMappingURL=chunk-S2A3IDOX.js.map
+//# sourceMappingURL=chunk-S2A3IDOX.js.map