@nerds-with-charisma/revit-ui 0.1.0 → 0.3.0

package/dist/index.js

@@ -1401,6 +1401,7 @@ import {
   FormProvider,
   useFormContext
 } from "react-hook-form";
+import { useForm } from "react-hook-form";
 import { jsx as jsx76 } from "react/jsx-runtime";
 var Form = FormProvider;
 var FormFieldContext = createContext({});
@@ -1429,35 +1430,44 @@ var useFormField = () => {
   };
 };
 
-// src/components/form-item.tsx
-import { useId } from "react";
-import { jsx as jsx77 } from "react/jsx-runtime";
-var FormItem = ({ className, ...props }) => {
-  const id = useId();
-  return /* @__PURE__ */ jsx77(FormItemContext, { value: { id }, children: /* @__PURE__ */ jsx77("div", { "data-id": "FormItem", className: cn("flex flex-col gap-2", className), ...props }) });
-};
-
-// src/components/form-label.tsx
-import { jsx as jsx78 } from "react/jsx-runtime";
-var FormLabel = ({ className, ...props }) => {
-  const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx78(
-    Label2,
-    {
-      "data-id": "FormLabel",
-      htmlFor: formItemId,
-      className: cn(error && "text-destructive", className),
-      ...props
-    }
-  );
+// src/components/password-input.tsx
+import { Eye, EyeOff } from "lucide-react";
+import { useState } from "react";
+import { jsx as jsx77, jsxs as jsxs11 } from "react/jsx-runtime";
+var PasswordInput = ({
+  className,
+  showPasswordToggle = true,
+  ...props
+}) => {
+  const [isVisible, isVisibleSetter] = useState(false);
+  return /* @__PURE__ */ jsxs11("div", { className: "relative", "data-id": "PasswordInput", children: [
+    /* @__PURE__ */ jsx77(
+      Input,
+      {
+        type: isVisible ? "text" : "password",
+        className: cn(showPasswordToggle && "pr-12", className),
+        ...props
+      }
+    ),
+    showPasswordToggle ? /* @__PURE__ */ jsx77(
+      "button",
+      {
+        type: "button",
+        className: "absolute top-1/2 right-4 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+        "aria-label": isVisible ? "Hide password" : "Show password",
+        onClick: () => isVisibleSetter((current) => !current),
+        children: isVisible ? /* @__PURE__ */ jsx77(EyeOff, { className: "size-5" }) : /* @__PURE__ */ jsx77(Eye, { className: "size-5" })
+      }
+    ) : null
+  ] });
 };
 
 // src/components/form-control.tsx
 import { Slot as Slot3 } from "@radix-ui/react-slot";
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx78 } from "react/jsx-runtime";
 var FormControl = ({ ...props }) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsx78(
     Slot3,
     {
       "data-id": "FormControl",
@@ -1470,10 +1480,10 @@ var FormControl = ({ ...props }) => {
 };
 
 // src/components/form-description.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx79 } from "react/jsx-runtime";
 var FormDescription = ({ className, ...props }) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx79(
     "p",
     {
       "data-id": "FormDescription",
@@ -1484,15 +1494,38 @@ var FormDescription = ({ className, ...props }) => {
   );
 };
 
-// src/components/form-message.tsx
+// src/components/form-item.tsx
+import { useId } from "react";
+import { jsx as jsx80 } from "react/jsx-runtime";
+var FormItem = ({ className, ...props }) => {
+  const id = useId();
+  return /* @__PURE__ */ jsx80(FormItemContext, { value: { id }, children: /* @__PURE__ */ jsx80("div", { "data-id": "FormItem", className: cn("flex flex-col gap-2", className), ...props }) });
+};
+
+// src/components/form-label.tsx
 import { jsx as jsx81 } from "react/jsx-runtime";
+var FormLabel = ({ className, ...props }) => {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsx81(
+    Label2,
+    {
+      "data-id": "FormLabel",
+      htmlFor: formItemId,
+      className: cn(error && "text-destructive", className),
+      ...props
+    }
+  );
+};
+
+// src/components/form-message.tsx
+import { jsx as jsx82 } from "react/jsx-runtime";
 var FormMessage = ({ className, children, ...props }) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error.message ?? "") : children;
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx82(
     "p",
     {
       "data-id": "FormMessage",
@@ -1504,11 +1537,267 @@ var FormMessage = ({ className, children, ...props }) => {
   );
 };
 
+// src/components/revit-form.tsx
+import { jsx as jsx83, jsxs as jsxs12 } from "react/jsx-runtime";
+var RevitFormFieldControl = ({
+  field,
+  config
+}) => {
+  switch (config.type) {
+    case "input":
+      return /* @__PURE__ */ jsx83(
+        Input,
+        {
+          placeholder: config.placeholder,
+          ...config.inputProps,
+          name: field.name,
+          value: field.value ?? "",
+          onBlur: field.onBlur,
+          onChange: field.onChange
+        }
+      );
+    case "password":
+      return /* @__PURE__ */ jsx83(
+        PasswordInput,
+        {
+          placeholder: config.placeholder,
+          showPasswordToggle: config.showPasswordToggle ?? true,
+          ...config.inputProps,
+          name: field.name,
+          value: field.value ?? "",
+          onBlur: field.onBlur,
+          onChange: field.onChange
+        }
+      );
+    case "textarea":
+      return /* @__PURE__ */ jsx83(
+        Textarea,
+        {
+          placeholder: config.placeholder,
+          ...config.textareaProps,
+          name: field.name,
+          value: field.value ?? "",
+          onBlur: field.onBlur,
+          onChange: field.onChange
+        }
+      );
+    case "checkbox":
+      return /* @__PURE__ */ jsx83(
+        Checkbox,
+        {
+          checked: Boolean(field.value),
+          name: field.name,
+          onBlur: field.onBlur,
+          onCheckedChange: field.onChange
+        }
+      );
+    case "switch":
+      return /* @__PURE__ */ jsx83(
+        Switch,
+        {
+          checked: Boolean(field.value),
+          name: field.name,
+          onBlur: field.onBlur,
+          onCheckedChange: field.onChange
+        }
+      );
+    case "select":
+      return /* @__PURE__ */ jsxs12(Select, { onValueChange: field.onChange, value: field.value ?? "", children: [
+        /* @__PURE__ */ jsx83(FormControl, { children: /* @__PURE__ */ jsx83(SelectTrigger, { children: /* @__PURE__ */ jsx83(SelectValue, { placeholder: config.placeholder }) }) }),
+        /* @__PURE__ */ jsx83(SelectContent, { children: config.options.map((option, index) => /* @__PURE__ */ jsx83(SelectItem, { value: option.value, children: option.label }, `${config.name}-${option.value}--${index}`)) })
+      ] });
+    case "radio":
+      return /* @__PURE__ */ jsx83(RadioGroup, { onValueChange: field.onChange, value: field.value ?? "", children: config.options.map((option, index) => {
+        const optionId = `${config.name}-${option.value}--${index}`;
+        return /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx83(RadioGroupItem, { id: optionId, value: option.value }),
+          /* @__PURE__ */ jsx83(Label2, { htmlFor: optionId, children: option.label })
+        ] }, optionId);
+      }) });
+    default:
+      return null;
+  }
+};
+var isInlineField = (type) => type === "checkbox" || type === "switch";
+var RevitFormFieldLabel = ({ config }) => {
+  if (config.type !== "password" || !config.forgotPassword) {
+    return /* @__PURE__ */ jsx83(FormLabel, { children: config.label });
+  }
+  const forgotLabel = config.forgotPassword.label ?? "Forgot Password?";
+  const linkClassName = "text-sm font-normal text-muted-foreground hover:text-foreground";
+  return /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsx83(FormLabel, { className: "mb-0", children: config.label }),
+    config.forgotPassword.href ? /* @__PURE__ */ jsx83("a", { className: linkClassName, href: config.forgotPassword.href, children: forgotLabel }) : /* @__PURE__ */ jsx83("button", { className: linkClassName, type: "button", onClick: config.forgotPassword.onClick, children: forgotLabel })
+  ] });
+};
+var RevitForm = ({
+  className,
+  defaultValues,
+  fieldClassName,
+  fields,
+  hideSubmit = false,
+  onSubmit,
+  resolver,
+  submitLabel = "Submit"
+}) => {
+  const form = useForm({
+    defaultValues,
+    resolver
+  });
+  return /* @__PURE__ */ jsx83(Form, { ...form, children: /* @__PURE__ */ jsxs12(
+    "form",
+    {
+      className: cn("flex flex-col gap-4", className),
+      "data-id": "RevitForm",
+      onSubmit: form.handleSubmit(onSubmit),
+      children: [
+        fields.map((config) => /* @__PURE__ */ jsx83(
+          FormField,
+          {
+            control: form.control,
+            name: config.name,
+            render: ({ field }) => /* @__PURE__ */ jsxs12(
+              FormItem,
+              {
+                className: cn(isInlineField(config.type) && "flex flex-row items-center gap-3 space-y-0", fieldClassName),
+                children: [
+                  !isInlineField(config.type) ? /* @__PURE__ */ jsx83(RevitFormFieldLabel, { config }) : null,
+                  config.type === "select" ? /* @__PURE__ */ jsx83(RevitFormFieldControl, { config, field }) : /* @__PURE__ */ jsx83(FormControl, { children: /* @__PURE__ */ jsx83(RevitFormFieldControl, { config, field }) }),
+                  isInlineField(config.type) ? /* @__PURE__ */ jsxs12("div", { className: "space-y-1 leading-none", children: [
+                    /* @__PURE__ */ jsx83(FormLabel, { className: "font-normal", children: config.label }),
+                    config.description ? /* @__PURE__ */ jsx83(FormDescription, { children: config.description }) : null
+                  ] }) : config.description ? /* @__PURE__ */ jsx83(FormDescription, { children: config.description }) : null,
+                  /* @__PURE__ */ jsx83(FormMessage, {})
+                ]
+              }
+            )
+          },
+          config.name
+        )),
+        !hideSubmit ? /* @__PURE__ */ jsx83(Button, { type: "submit", children: submitLabel }) : null
+      ]
+    }
+  ) });
+};
+
+// src/components/field.tsx
+import { Slot as Slot4 } from "@radix-ui/react-slot";
+import { useId as useId2 } from "react";
+import { jsx as jsx84, jsxs as jsxs13 } from "react/jsx-runtime";
+var Field = ({
+  children,
+  className,
+  description,
+  error,
+  htmlFor,
+  label,
+  required = false
+}) => {
+  const generatedId = useId2();
+  const fieldId = htmlFor ?? generatedId;
+  const descriptionId = description ? `${fieldId}-description` : void 0;
+  const errorId = error ? `${fieldId}-error` : void 0;
+  return /* @__PURE__ */ jsxs13("div", { "data-id": "Field", className: cn("flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsxs13(Label2, { htmlFor: fieldId, children: [
+      label,
+      required ? /* @__PURE__ */ jsx84("span", { className: "text-destructive", children: " *" }) : null
+    ] }),
+    /* @__PURE__ */ jsx84(
+      Slot4,
+      {
+        "aria-describedby": [descriptionId, errorId].filter(Boolean).join(" ") || void 0,
+        "aria-invalid": error ? true : void 0,
+        id: fieldId,
+        children
+      }
+    ),
+    description ? /* @__PURE__ */ jsx84("p", { className: "text-sm text-muted-foreground", id: descriptionId, children: description }) : null,
+    error ? /* @__PURE__ */ jsx84("p", { className: "text-sm font-medium text-destructive", id: errorId, children: error }) : null
+  ] });
+};
+
+// src/components/heading.tsx
+import { cva as cva10 } from "class-variance-authority";
+import { jsx as jsx85 } from "react/jsx-runtime";
+var headingVariants = cva10("font-sans", {
+  variants: {
+    variant: {
+      page: "text-2xl font-semibold tracking-tight text-foreground",
+      title: "text-xl font-semibold leading-none tracking-tight text-foreground",
+      section: "text-lg font-semibold tracking-tight text-foreground",
+      eyebrow: "text-xs font-bold uppercase tracking-[0.22em] text-brand-gold",
+      subtitle: "text-sm font-normal tracking-normal text-muted-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "title"
+  }
+});
+var defaultTag = {
+  page: "h1",
+  title: "h2",
+  section: "h3",
+  eyebrow: "h2",
+  subtitle: "p"
+};
+var Heading = ({ as, className, variant = "title", ...props }) => {
+  const Comp = as ?? defaultTag[variant ?? "title"];
+  return /* @__PURE__ */ jsx85(Comp, { "data-id": "Heading", className: cn(headingVariants({ variant }), className), ...props });
+};
+
+// src/components/link.tsx
+import { Slot as Slot5 } from "@radix-ui/react-slot";
+import { cva as cva11 } from "class-variance-authority";
+import { jsx as jsx86 } from "react/jsx-runtime";
+var linkVariants = cva11(`font-sans ${motion.surface} underline-offset-4`, {
+  variants: {
+    variant: {
+      default: "text-foreground underline hover:text-primary",
+      muted: "text-muted-foreground no-underline hover:text-foreground hover:underline",
+      primary: "font-semibold text-primary no-underline hover:underline"
+    },
+    size: {
+      default: "text-sm",
+      sm: "text-xs",
+      base: "text-base"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var Link = ({ asChild, className, size, variant, ...props }) => {
+  const Comp = asChild ? Slot5 : "a";
+  return /* @__PURE__ */ jsx86(Comp, { "data-id": "Link", className: cn(linkVariants({ variant, size }), className), ...props });
+};
+
+// src/components/text.tsx
+import { cva as cva12 } from "class-variance-authority";
+import { jsx as jsx87 } from "react/jsx-runtime";
+var textVariants = cva12("font-sans", {
+  variants: {
+    variant: {
+      body: "text-base font-normal tracking-normal text-foreground",
+      sm: "text-sm font-normal tracking-normal text-foreground",
+      muted: "text-sm font-normal tracking-normal text-muted-foreground",
+      lead: "text-lg font-normal tracking-normal text-foreground",
+      label: "text-sm font-medium leading-none text-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "body"
+  }
+});
+var Text = ({ className, variant, ...props }) => {
+  return /* @__PURE__ */ jsx87("p", { "data-id": "Text", className: cn(textVariants({ variant }), className), ...props });
+};
+
 // src/components/toaster.tsx
 import { Toaster as SonnerToaster, toast } from "sonner";
-import { jsx as jsx82 } from "react/jsx-runtime";
+import { jsx as jsx88 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx88(
     SonnerToaster,
     {
       "data-id": "Toaster",
@@ -1529,9 +1818,9 @@ var Toaster = ({ ...props }) => {
 
 // src/components/command.tsx
 import { Command as CommandPrimitive } from "cmdk";
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx89 } from "react/jsx-runtime";
 var Command = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsx89(
     CommandPrimitive,
     {
       "data-id": "Command",
@@ -1547,11 +1836,11 @@ var Command = ({ className, ...props }) => {
 // src/components/command-input.tsx
 import { Command as CommandPrimitive2 } from "cmdk";
 import { Search } from "lucide-react";
-import { jsx as jsx84, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs14 } from "react/jsx-runtime";
 var CommandInput = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsxs11("div", { className: "flex items-center border-b border-border px-3", "data-id": "CommandInputWrap", children: [
-    /* @__PURE__ */ jsx84(Search, { className: "mr-2 size-4 shrink-0 opacity-50" }),
-    /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsxs14("div", { className: "flex items-center border-b border-border px-3", "data-id": "CommandInputWrap", children: [
+    /* @__PURE__ */ jsx90(Search, { className: "mr-2 size-4 shrink-0 opacity-50" }),
+    /* @__PURE__ */ jsx90(
       CommandPrimitive2.Input,
       {
         "data-id": "CommandInput",
@@ -1567,9 +1856,9 @@ var CommandInput = ({ className, ...props }) => {
 
 // src/components/command-list.tsx
 import { Command as CommandPrimitive3 } from "cmdk";
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx91 } from "react/jsx-runtime";
 var CommandList = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx91(
     CommandPrimitive3.List,
     {
       "data-id": "CommandList",
@@ -1581,9 +1870,9 @@ var CommandList = ({ className, ...props }) => {
 
 // src/components/command-empty.tsx
 import { Command as CommandPrimitive4 } from "cmdk";
-import { jsx as jsx86 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
 var CommandEmpty = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx92(
     CommandPrimitive4.Empty,
     {
       "data-id": "CommandEmpty",
@@ -1595,9 +1884,9 @@ var CommandEmpty = ({ className, ...props }) => {
 
 // src/components/command-group.tsx
 import { Command as CommandPrimitive5 } from "cmdk";
-import { jsx as jsx87 } from "react/jsx-runtime";
+import { jsx as jsx93 } from "react/jsx-runtime";
 var CommandGroup = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx93(
     CommandPrimitive5.Group,
     {
       "data-id": "CommandGroup",
@@ -1612,9 +1901,9 @@ var CommandGroup = ({ className, ...props }) => {
 
 // src/components/command-item.tsx
 import { Command as CommandPrimitive6 } from "cmdk";
-import { jsx as jsx88 } from "react/jsx-runtime";
+import { jsx as jsx94 } from "react/jsx-runtime";
 var CommandItem = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsx94(
     CommandPrimitive6.Item,
     {
       "data-id": "CommandItem",
@@ -1628,9 +1917,9 @@ var CommandItem = ({ className, ...props }) => {
 };
 
 // src/components/combobox.tsx
-import { useState } from "react";
+import { useState as useState2 } from "react";
 import { Check as Check3, ChevronsUpDown } from "lucide-react";
-import { jsx as jsx89, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs15 } from "react/jsx-runtime";
 var Combobox = ({
   options,
   value,
@@ -1639,10 +1928,10 @@ var Combobox = ({
   emptyText = "No results.",
   className
 }) => {
-  const [open, openSetter] = useState(false);
+  const [open, openSetter] = useState2(false);
   const selected = options.find((option) => option.value === value);
-  return /* @__PURE__ */ jsxs12(Popover, { open, onOpenChange: openSetter, children: [
-    /* @__PURE__ */ jsx89(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs15(Popover, { open, onOpenChange: openSetter, children: [
+    /* @__PURE__ */ jsx95(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
       Button,
       {
         "data-id": "Combobox",
@@ -1652,15 +1941,15 @@ var Combobox = ({
         className: cn("w-full justify-between normal-case tracking-normal", className),
         children: [
           selected?.label ?? placeholder,
-          /* @__PURE__ */ jsx89(ChevronsUpDown, { className: "size-4 opacity-50" })
+          /* @__PURE__ */ jsx95(ChevronsUpDown, { className: "size-4 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx89(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", children: /* @__PURE__ */ jsxs12(Command, { children: [
-      /* @__PURE__ */ jsx89(CommandInput, { placeholder }),
-      /* @__PURE__ */ jsxs12(CommandList, { children: [
-        /* @__PURE__ */ jsx89(CommandEmpty, { children: emptyText }),
-        options.map((option) => /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsx95(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", children: /* @__PURE__ */ jsxs15(Command, { children: [
+      /* @__PURE__ */ jsx95(CommandInput, { placeholder }),
+      /* @__PURE__ */ jsxs15(CommandList, { children: [
+        /* @__PURE__ */ jsx95(CommandEmpty, { children: emptyText }),
+        options.map((option) => /* @__PURE__ */ jsxs15(
           CommandItem,
           {
             value: option.value,
@@ -1669,7 +1958,7 @@ var Combobox = ({
               openSetter(false);
             },
             children: [
-              /* @__PURE__ */ jsx89(Check3, { className: cn("mr-2 size-4", value === option.value ? "opacity-100" : "opacity-0") }),
+              /* @__PURE__ */ jsx95(Check3, { className: cn("mr-2 size-4", value === option.value ? "opacity-100" : "opacity-0") }),
               option.label
             ]
           },
@@ -1696,9 +1985,9 @@ var overlayPanel = `z-50 overflow-hidden rounded-lg border border-border bg-popo
 var menuItem = `relative flex cursor-default items-center rounded-md px-3 py-2 text-sm outline-none ${motion.surface} focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50`;
 
 // src/components/context-menu-content.tsx
-import { jsx as jsx90 } from "react/jsx-runtime";
+import { jsx as jsx96 } from "react/jsx-runtime";
 var ContextMenuContent = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx90(ContextMenuPrimitive3.Portal, { children: /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx96(ContextMenuPrimitive3.Portal, { children: /* @__PURE__ */ jsx96(
     ContextMenuPrimitive3.Content,
     {
       "data-id": "ContextMenuContent",
@@ -1710,9 +1999,9 @@ var ContextMenuContent = ({ className, ...props }) => {
 
 // src/components/context-menu-item.tsx
 import * as ContextMenuPrimitive4 from "@radix-ui/react-context-menu";
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx97 } from "react/jsx-runtime";
 var ContextMenuItem = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx91(ContextMenuPrimitive4.Item, { "data-id": "ContextMenuItem", className: cn(menuItem, className), ...props });
+  return /* @__PURE__ */ jsx97(ContextMenuPrimitive4.Item, { "data-id": "ContextMenuItem", className: cn(menuItem, className), ...props });
 };
 
 // src/components/alert-dialog.tsx
@@ -1728,9 +2017,9 @@ import * as AlertDialogPrimitive4 from "@radix-ui/react-alert-dialog";
 
 // src/components/alert-dialog-overlay.tsx
 import * as AlertDialogPrimitive3 from "@radix-ui/react-alert-dialog";
-import { jsx as jsx92 } from "react/jsx-runtime";
+import { jsx as jsx98 } from "react/jsx-runtime";
 var AlertDialogOverlay = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsx98(
     AlertDialogPrimitive3.Overlay,
     {
       "data-id": "AlertDialogOverlay",
@@ -1744,11 +2033,11 @@ var AlertDialogOverlay = ({ className, ...props }) => {
 };
 
 // src/components/alert-dialog-content.tsx
-import { jsx as jsx93, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs16 } from "react/jsx-runtime";
 var AlertDialogContent = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsxs13(AlertDialogPrimitive4.Portal, { children: [
-    /* @__PURE__ */ jsx93(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsxs16(AlertDialogPrimitive4.Portal, { children: [
+    /* @__PURE__ */ jsx99(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx99(
       AlertDialogPrimitive4.Content,
       {
         "data-id": "AlertDialogContent",
@@ -1763,15 +2052,15 @@ var AlertDialogContent = ({ className, ...props }) => {
 };
 
 // src/components/alert-dialog-header.tsx
-import { jsx as jsx94 } from "react/jsx-runtime";
+import { jsx as jsx100 } from "react/jsx-runtime";
 var AlertDialogHeader = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx94("div", { "data-id": "AlertDialogHeader", className: cn("flex flex-col gap-2", className), ...props });
+  return /* @__PURE__ */ jsx100("div", { "data-id": "AlertDialogHeader", className: cn("flex flex-col gap-2", className), ...props });
 };
 
 // src/components/alert-dialog-footer.tsx
-import { jsx as jsx95 } from "react/jsx-runtime";
+import { jsx as jsx101 } from "react/jsx-runtime";
 var AlertDialogFooter = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx101(
     "div",
     {
       "data-id": "AlertDialogFooter",
@@ -1783,9 +2072,9 @@ var AlertDialogFooter = ({ className, ...props }) => {
 
 // src/components/alert-dialog-title.tsx
 import * as AlertDialogPrimitive5 from "@radix-ui/react-alert-dialog";
-import { jsx as jsx96 } from "react/jsx-runtime";
+import { jsx as jsx102 } from "react/jsx-runtime";
 var AlertDialogTitle = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx96(
+  return /* @__PURE__ */ jsx102(
     AlertDialogPrimitive5.Title,
     {
       "data-id": "AlertDialogTitle",
@@ -1797,9 +2086,9 @@ var AlertDialogTitle = ({ className, ...props }) => {
 
 // src/components/alert-dialog-description.tsx
 import * as AlertDialogPrimitive6 from "@radix-ui/react-alert-dialog";
-import { jsx as jsx97 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 var AlertDialogDescription = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx103(
     AlertDialogPrimitive6.Description,
     {
       "data-id": "AlertDialogDescription",
@@ -1811,9 +2100,9 @@ var AlertDialogDescription = ({ className, ...props }) => {
 
 // src/components/alert-dialog-action.tsx
 import * as AlertDialogPrimitive7 from "@radix-ui/react-alert-dialog";
-import { jsx as jsx98 } from "react/jsx-runtime";
+import { jsx as jsx104 } from "react/jsx-runtime";
 var AlertDialogAction = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx104(
     AlertDialogPrimitive7.Action,
     {
       "data-id": "AlertDialogAction",
@@ -1825,9 +2114,9 @@ var AlertDialogAction = ({ className, ...props }) => {
 
 // src/components/alert-dialog-cancel.tsx
 import * as AlertDialogPrimitive8 from "@radix-ui/react-alert-dialog";
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { jsx as jsx105 } from "react/jsx-runtime";
 var AlertDialogCancel = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx105(
     AlertDialogPrimitive8.Cancel,
     {
       "data-id": "AlertDialogCancel",
@@ -1847,14 +2136,14 @@ var HoverCardTrigger = HoverCardPrimitive2.Trigger;
 
 // src/components/hover-card-content.tsx
 import * as HoverCardPrimitive3 from "@radix-ui/react-hover-card";
-import { jsx as jsx100 } from "react/jsx-runtime";
+import { jsx as jsx106 } from "react/jsx-runtime";
 var HoverCardContent = ({
   className,
   align = "center",
   sideOffset = 8,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx106(
     HoverCardPrimitive3.Content,
     {
       "data-id": "HoverCardContent",
@@ -1872,15 +2161,15 @@ var HoverCardContent = ({
 
 // src/components/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx101 } from "react/jsx-runtime";
+import { jsx as jsx107 } from "react/jsx-runtime";
 var Progress = ({ className, value, ...props }) => {
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx107(
     ProgressPrimitive.Root,
     {
       "data-id": "Progress",
       className: cn("relative h-2 w-full overflow-hidden rounded-pill bg-muted", className),
       ...props,
-      children: /* @__PURE__ */ jsx101(
+      children: /* @__PURE__ */ jsx107(
         ProgressPrimitive.Indicator,
         {
           className: `h-full w-full flex-1 bg-primary ${motion.surface}`,
@@ -1893,9 +2182,9 @@ var Progress = ({ className, value, ...props }) => {
 
 // src/components/toggle.tsx
 import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx102 } from "react/jsx-runtime";
-var toggleVariants = cva10(
+import { cva as cva13 } from "class-variance-authority";
+import { jsx as jsx108 } from "react/jsx-runtime";
+var toggleVariants = cva13(
   `inline-flex items-center justify-center gap-2 rounded-pill font-sans text-sm font-semibold ${motion.surface} hover:bg-muted focus-visible:outline-none focus-visible:shadow-[0_0_0_3px_rgba(255,229,0,0.28)] disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground`,
   {
     variants: {
@@ -1916,7 +2205,7 @@ var toggleVariants = cva10(
   }
 );
 var Toggle = ({ className, variant, size, ...props }) => {
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx108(
     TogglePrimitive.Root,
     {
       "data-id": "Toggle",
@@ -1929,19 +2218,19 @@ var Toggle = ({ className, variant, size, ...props }) => {
 // src/components/toggle-group.tsx
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import { createContext as createContext2, useContext as useContext2 } from "react";
-import { jsx as jsx103 } from "react/jsx-runtime";
+import { jsx as jsx109 } from "react/jsx-runtime";
 var ToggleGroupContext = createContext2({
   size: "default",
   variant: "default"
 });
 var ToggleGroup = ({ className, variant, size, children, ...props }) => {
-  return /* @__PURE__ */ jsx103(
+  return /* @__PURE__ */ jsx109(
     ToggleGroupPrimitive.Root,
     {
       "data-id": "ToggleGroup",
       className: cn("flex items-center gap-1", className),
       ...props,
-      children: /* @__PURE__ */ jsx103(ToggleGroupContext, { value: { variant, size }, children })
+      children: /* @__PURE__ */ jsx109(ToggleGroupContext, { value: { variant, size }, children })
     }
   );
 };
@@ -1949,10 +2238,10 @@ var useToggleGroup = () => useContext2(ToggleGroupContext);
 
 // src/components/toggle-group-item.tsx
 import * as ToggleGroupPrimitive2 from "@radix-ui/react-toggle-group";
-import { jsx as jsx104 } from "react/jsx-runtime";
+import { jsx as jsx110 } from "react/jsx-runtime";
 var ToggleGroupItem = ({ className, children, ...props }) => {
   const { variant, size } = useToggleGroup();
-  return /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx110(
     ToggleGroupPrimitive2.Item,
     {
       "data-id": "ToggleGroupItem",
@@ -1965,16 +2254,16 @@ var ToggleGroupItem = ({ className, children, ...props }) => {
 
 // src/components/scroll-area.tsx
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx105, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs17 } from "react/jsx-runtime";
 var ScrollArea = ({ className, children, ...props }) => {
-  return /* @__PURE__ */ jsxs14(ScrollAreaPrimitive.Root, { "data-id": "ScrollArea", className: cn("relative overflow-hidden", className), ...props, children: [
-    /* @__PURE__ */ jsx105(ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
-    /* @__PURE__ */ jsx105(ScrollBar, {}),
-    /* @__PURE__ */ jsx105(ScrollAreaPrimitive.Corner, {})
+  return /* @__PURE__ */ jsxs17(ScrollAreaPrimitive.Root, { "data-id": "ScrollArea", className: cn("relative overflow-hidden", className), ...props, children: [
+    /* @__PURE__ */ jsx111(ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
+    /* @__PURE__ */ jsx111(ScrollBar, {}),
+    /* @__PURE__ */ jsx111(ScrollAreaPrimitive.Corner, {})
   ] });
 };
 var ScrollBar = ({ className, orientation = "vertical", ...props }) => {
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx111(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-id": "ScrollBar",
@@ -1986,7 +2275,7 @@ var ScrollBar = ({ className, orientation = "vertical", ...props }) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx105(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-pill bg-border" })
+      children: /* @__PURE__ */ jsx111(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-pill bg-border" })
     }
   );
 };
@@ -2001,9 +2290,9 @@ var CollapsibleTrigger2 = CollapsiblePrimitive2.CollapsibleTrigger;
 
 // src/components/collapsible-content.tsx
 import * as CollapsiblePrimitive3 from "@radix-ui/react-collapsible";
-import { jsx as jsx106 } from "react/jsx-runtime";
+import { jsx as jsx112 } from "react/jsx-runtime";
 var CollapsibleContent2 = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx106(
+  return /* @__PURE__ */ jsx112(
     CollapsiblePrimitive3.CollapsibleContent,
     {
       "data-id": "CollapsibleContent",
@@ -2015,9 +2304,9 @@ var CollapsibleContent2 = ({ className, ...props }) => {
 
 // src/components/calendar.tsx
 import { DayPicker } from "react-day-picker";
-import { jsx as jsx107 } from "react/jsx-runtime";
+import { jsx as jsx113 } from "react/jsx-runtime";
 var Calendar = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx107(
+  return /* @__PURE__ */ jsx113(
     DayPicker,
     {
       "data-id": "Calendar",
@@ -2030,17 +2319,17 @@ var Calendar = ({ className, ...props }) => {
 // src/components/date-picker.tsx
 import { format } from "date-fns";
 import { CalendarIcon } from "lucide-react";
-import { useState as useState2 } from "react";
-import { jsx as jsx108, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useState as useState3 } from "react";
+import { jsx as jsx114, jsxs as jsxs18 } from "react/jsx-runtime";
 var DatePicker = ({
   value,
   onValueChange,
   placeholder = "Pick a date",
   className
 }) => {
-  const [open, openSetter] = useState2(false);
-  return /* @__PURE__ */ jsxs15(Popover, { open, onOpenChange: openSetter, children: [
-    /* @__PURE__ */ jsx108(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
+  const [open, openSetter] = useState3(false);
+  return /* @__PURE__ */ jsxs18(Popover, { open, onOpenChange: openSetter, children: [
+    /* @__PURE__ */ jsx114(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs18(
       Button,
       {
         "data-id": "DatePicker",
@@ -2051,12 +2340,12 @@ var DatePicker = ({
           className
         ),
         children: [
-          /* @__PURE__ */ jsx108(CalendarIcon, { className: "size-4" }),
+          /* @__PURE__ */ jsx114(CalendarIcon, { className: "size-4" }),
           value ? format(value, "PPP") : placeholder
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx108(PopoverContent, { className: "w-auto p-0", children: /* @__PURE__ */ jsx108(
+    /* @__PURE__ */ jsx114(PopoverContent, { className: "w-auto p-0", children: /* @__PURE__ */ jsx114(
       Calendar,
       {
         mode: "single",
@@ -2072,9 +2361,9 @@ var DatePicker = ({
 
 // src/components/chart-container.tsx
 import { ResponsiveContainer } from "recharts";
-import { jsx as jsx109 } from "react/jsx-runtime";
+import { jsx as jsx115 } from "react/jsx-runtime";
 var ChartContainer = ({ className, children, ...props }) => {
-  return /* @__PURE__ */ jsx109("div", { "data-id": "ChartContainer", className: cn("h-64 w-full", className), ...props, children: /* @__PURE__ */ jsx109(ResponsiveContainer, { width: "100%", height: "100%", children }) });
+  return /* @__PURE__ */ jsx115("div", { "data-id": "ChartContainer", className: cn("h-64 w-full", className), ...props, children: /* @__PURE__ */ jsx115(ResponsiveContainer, { width: "100%", height: "100%", children }) });
 };
 
 // src/components/chart-tooltip.tsx
@@ -2084,7 +2373,7 @@ import { Tooltip as Tooltip2 } from "recharts";
 import useEmblaCarousel from "embla-carousel-react";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight3 } from "lucide-react";
 import { createContext as createContext3, useContext as useContext3 } from "react";
-import { jsx as jsx110, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs19 } from "react/jsx-runtime";
 var CarouselContext = createContext3(null);
 var useCarousel = () => {
   const context = useContext3(CarouselContext);
@@ -2107,7 +2396,7 @@ var Carousel = ({ className, opts, children, ...props }) => {
       scrollNext();
     }
   };
-  return /* @__PURE__ */ jsx110(CarouselContext, { value: { carouselRef, api, scrollPrev, scrollNext }, children: /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx116(CarouselContext, { value: { carouselRef, api, scrollPrev, scrollNext }, children: /* @__PURE__ */ jsx116(
     "div",
     {
       "data-id": "Carousel",
@@ -2122,10 +2411,10 @@ var Carousel = ({ className, opts, children, ...props }) => {
 };
 var CarouselContent = ({ className, ...props }) => {
   const { carouselRef } = useCarousel();
-  return /* @__PURE__ */ jsx110("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx110("div", { "data-id": "CarouselContent", className: cn("flex", className), ...props }) });
+  return /* @__PURE__ */ jsx116("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx116("div", { "data-id": "CarouselContent", className: cn("flex", className), ...props }) });
 };
 var CarouselItem = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx116(
     "div",
     {
       "data-id": "CarouselItem",
@@ -2138,7 +2427,7 @@ var CarouselItem = ({ className, ...props }) => {
 };
 var CarouselPrevious = ({ className, ...props }) => {
   const { scrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs19(
     Button,
     {
       "data-id": "CarouselPrevious",
@@ -2148,15 +2437,15 @@ var CarouselPrevious = ({ className, ...props }) => {
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx110(ChevronLeft2, {}),
-        /* @__PURE__ */ jsx110("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx116(ChevronLeft2, {}),
+        /* @__PURE__ */ jsx116("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
 };
 var CarouselNext = ({ className, ...props }) => {
   const { scrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs19(
     Button,
     {
       "data-id": "CarouselNext",
@@ -2166,8 +2455,8 @@ var CarouselNext = ({ className, ...props }) => {
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx110(ChevronRight3, {}),
-        /* @__PURE__ */ jsx110("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx116(ChevronRight3, {}),
+        /* @__PURE__ */ jsx116("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
@@ -2175,13 +2464,13 @@ var CarouselNext = ({ className, ...props }) => {
 
 // src/components/drawer.tsx
 import { Drawer as VaulDrawer } from "vaul";
-import { jsx as jsx111, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs20 } from "react/jsx-runtime";
 var Drawer = VaulDrawer.Root;
 var DrawerTrigger = VaulDrawer.Trigger;
 var DrawerClose = VaulDrawer.Close;
 var DrawerPortal = VaulDrawer.Portal;
 var DrawerOverlay = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx117(
     VaulDrawer.Overlay,
     {
       "data-id": "DrawerOverlay",
@@ -2191,9 +2480,9 @@ var DrawerOverlay = ({ className, ...props }) => {
   );
 };
 var DrawerContent = ({ className, children, ...props }) => {
-  return /* @__PURE__ */ jsxs17(VaulDrawer.Portal, { children: [
-    /* @__PURE__ */ jsx111(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs20(VaulDrawer.Portal, { children: [
+    /* @__PURE__ */ jsx117(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs20(
       VaulDrawer.Content,
       {
         "data-id": "DrawerContent",
@@ -2203,7 +2492,7 @@ var DrawerContent = ({ className, children, ...props }) => {
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx111("div", { className: "mx-auto mt-4 h-1.5 w-12 rounded-pill bg-muted" }),
+          /* @__PURE__ */ jsx117("div", { className: "mx-auto mt-4 h-1.5 w-12 rounded-pill bg-muted" }),
           children
         ]
       }
@@ -2211,7 +2500,7 @@ var DrawerContent = ({ className, children, ...props }) => {
   ] });
 };
 var DrawerTitle = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx117(
     VaulDrawer.Title,
     {
       "data-id": "DrawerTitle",
@@ -2224,7 +2513,7 @@ var DrawerDescription = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx117(
     VaulDrawer.Description,
     {
       "data-id": "DrawerDescription",
@@ -2236,9 +2525,9 @@ var DrawerDescription = ({
 
 // src/components/menubar.tsx
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
-import { jsx as jsx112 } from "react/jsx-runtime";
+import { jsx as jsx118 } from "react/jsx-runtime";
 var Menubar = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsx118(
     MenubarPrimitive.Root,
     {
       "data-id": "Menubar",
@@ -2252,7 +2541,7 @@ var MenubarTrigger = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsx118(
     MenubarPrimitive.Trigger,
     {
       "data-id": "MenubarTrigger",
@@ -2268,7 +2557,7 @@ var MenubarContent = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx112(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsx118(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx118(
     MenubarPrimitive.Content,
     {
       "data-id": "MenubarContent",
@@ -2278,13 +2567,13 @@ var MenubarContent = ({
   ) });
 };
 var MenubarItem = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx112(MenubarPrimitive.Item, { "data-id": "MenubarItem", className: cn(menuItem, className), ...props });
+  return /* @__PURE__ */ jsx118(MenubarPrimitive.Item, { "data-id": "MenubarItem", className: cn(menuItem, className), ...props });
 };
 var MenubarSeparator = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsx118(
     MenubarPrimitive.Separator,
     {
       "data-id": "MenubarSeparator",
@@ -2297,13 +2586,13 @@ var MenubarSeparator = ({
 // src/components/navigation-menu.tsx
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { ChevronDown as ChevronDown4 } from "lucide-react";
-import { jsx as jsx113, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs21 } from "react/jsx-runtime";
 var NavigationMenu = ({
   className,
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs21(
     NavigationMenuPrimitive.Root,
     {
       "data-id": "NavigationMenu",
@@ -2311,7 +2600,7 @@ var NavigationMenu = ({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx113(
+        /* @__PURE__ */ jsx119(
           NavigationMenuPrimitive.Viewport,
           {
             className: cn(
@@ -2328,7 +2617,7 @@ var NavigationMenuList = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx113(
+  return /* @__PURE__ */ jsx119(
     NavigationMenuPrimitive.List,
     {
       "data-id": "NavigationMenuList",
@@ -2343,7 +2632,7 @@ var NavigationMenuTrigger = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs21(
     NavigationMenuPrimitive.Trigger,
     {
       "data-id": "NavigationMenuTrigger",
@@ -2354,7 +2643,7 @@ var NavigationMenuTrigger = ({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx113(ChevronDown4, { className: "size-3" })
+        /* @__PURE__ */ jsx119(ChevronDown4, { className: "size-3" })
       ]
     }
   );
@@ -2363,7 +2652,7 @@ var NavigationMenuContent = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx113(
+  return /* @__PURE__ */ jsx119(
     NavigationMenuPrimitive.Content,
     {
       "data-id": "NavigationMenuContent",
@@ -2376,13 +2665,13 @@ var NavigationMenuLink = NavigationMenuPrimitive.Link;
 
 // src/components/resizable.tsx
 import { Group as Group2, Panel, Separator as Separator5 } from "react-resizable-panels";
-import { jsx as jsx114 } from "react/jsx-runtime";
+import { jsx as jsx120 } from "react/jsx-runtime";
 var ResizablePanelGroup = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx114(Group2, { "data-id": "ResizablePanelGroup", className: cn("flex h-full w-full", className), ...props });
+  return /* @__PURE__ */ jsx120(Group2, { "data-id": "ResizablePanelGroup", className: cn("flex h-full w-full", className), ...props });
 };
 var ResizablePanel = Panel;
 var ResizableHandle = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx114(
+  return /* @__PURE__ */ jsx120(
     Separator5,
     {
       "data-id": "ResizableHandle",
@@ -2398,9 +2687,9 @@ import {
   createContext as createContext4,
   useContext as useContext4,
   useMemo,
-  useState as useState3
+  useState as useState4
 } from "react";
-import { jsx as jsx115, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs22 } from "react/jsx-runtime";
 var SidebarContext = createContext4(null);
 var useSidebar = () => {
   const context = useContext4(SidebarContext);
@@ -2416,9 +2705,9 @@ var SidebarProvider = ({
   children,
   ...props
 }) => {
-  const [isOpen, isOpenSetter] = useState3(defaultOpen);
+  const [isOpen, isOpenSetter] = useState4(defaultOpen);
   const value = useMemo(() => ({ isOpen, isOpenSetter }), [isOpen]);
-  return /* @__PURE__ */ jsx115(SidebarContext, { value, children: /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsx121(SidebarContext, { value, children: /* @__PURE__ */ jsx121(
     "div",
     {
       "data-id": "SidebarProvider",
@@ -2434,7 +2723,7 @@ var SidebarProvider = ({
 };
 var Sidebar = ({ className, children, ...props }) => {
   const { isOpen } = useSidebar();
-  return /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsx121(
     "aside",
     {
       "data-id": "Sidebar",
@@ -2450,11 +2739,11 @@ var Sidebar = ({ className, children, ...props }) => {
   );
 };
 var SidebarInset = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx115("main", { "data-id": "SidebarInset", className: cn("flex flex-1 flex-col", className), ...props });
+  return /* @__PURE__ */ jsx121("main", { "data-id": "SidebarInset", className: cn("flex flex-1 flex-col", className), ...props });
 };
 var SidebarTrigger = ({ className, ...props }) => {
   const { isOpen, isOpenSetter } = useSidebar();
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs22(
     Button,
     {
       "data-id": "SidebarTrigger",
@@ -2464,29 +2753,29 @@ var SidebarTrigger = ({ className, ...props }) => {
       onClick: () => isOpenSetter(!isOpen),
       ...props,
       children: [
-        /* @__PURE__ */ jsx115(PanelLeft, {}),
-        /* @__PURE__ */ jsx115("span", { className: "sr-only", children: "Toggle sidebar" })
+        /* @__PURE__ */ jsx121(PanelLeft, {}),
+        /* @__PURE__ */ jsx121("span", { className: "sr-only", children: "Toggle sidebar" })
       ]
     }
   );
 };
 var SidebarHeader = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx115("div", { "data-id": "SidebarHeader", className: cn("p-4", className), ...props });
+  return /* @__PURE__ */ jsx121("div", { "data-id": "SidebarHeader", className: cn("p-4", className), ...props });
 };
 var SidebarContent = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx115("div", { "data-id": "SidebarContent", className: cn("flex-1 p-2", className), ...props });
+  return /* @__PURE__ */ jsx121("div", { "data-id": "SidebarContent", className: cn("flex-1 p-2", className), ...props });
 };
 var SidebarFooter = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx115("div", { "data-id": "SidebarFooter", className: cn("p-4", className), ...props });
+  return /* @__PURE__ */ jsx121("div", { "data-id": "SidebarFooter", className: cn("p-4", className), ...props });
 };
 var SidebarMenu = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx115("ul", { "data-id": "SidebarMenu", className: cn("flex flex-col gap-1", className), ...props });
+  return /* @__PURE__ */ jsx121("ul", { "data-id": "SidebarMenu", className: cn("flex flex-col gap-1", className), ...props });
 };
 var SidebarMenuItem = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx115("li", { "data-id": "SidebarMenuItem", className: cn(className), ...props });
+  return /* @__PURE__ */ jsx121("li", { "data-id": "SidebarMenuItem", className: cn(className), ...props });
 };
 var SidebarMenuButton = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsx121(
     "button",
     {
       "data-id": "SidebarMenuButton",
@@ -2502,9 +2791,9 @@ var SidebarMenuButton = ({ className, ...props }) => {
 // src/components/input-otp.tsx
 import { OTPInput, OTPInputContext } from "input-otp";
 import { useContext as useContext5 } from "react";
-import { jsx as jsx116, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs23 } from "react/jsx-runtime";
 var InputOTP = ({ className, containerClassName, ...props }) => {
-  return /* @__PURE__ */ jsx116(
+  return /* @__PURE__ */ jsx122(
     OTPInput,
     {
       "data-id": "InputOTP",
@@ -2515,7 +2804,7 @@ var InputOTP = ({ className, containerClassName, ...props }) => {
   );
 };
 var InputOTPGroup = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx116("div", { "data-id": "InputOTPGroup", className: cn("flex items-center gap-2", className), ...props });
+  return /* @__PURE__ */ jsx122("div", { "data-id": "InputOTPGroup", className: cn("flex items-center gap-2", className), ...props });
 };
 var InputOTPSlot = ({
   index,
@@ -2524,7 +2813,7 @@ var InputOTPSlot = ({
 }) => {
   const inputOTPContext = useContext5(OTPInputContext);
   const slot = inputOTPContext.slots[index];
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       "data-id": "InputOTPSlot",
@@ -2537,7 +2826,7 @@ var InputOTPSlot = ({
       ...props,
       children: [
         slot?.char,
-        slot?.hasFakeCaret ? /* @__PURE__ */ jsx116("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx116("div", { className: "h-4 w-px animate-pulse bg-foreground" }) }) : null
+        slot?.hasFakeCaret ? /* @__PURE__ */ jsx122("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx122("div", { className: "h-4 w-px animate-pulse bg-foreground" }) }) : null
       ]
     }
   );
@@ -2560,15 +2849,15 @@ var surfaces = {
 };
 
 // src/components/frost-panel.tsx
-import { jsx as jsx117 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 var FrostPanel = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx117("div", { "data-id": "FrostPanel", className: cn(surfaces.frostPanel, className), ...props });
+  return /* @__PURE__ */ jsx123("div", { "data-id": "FrostPanel", className: cn(surfaces.frostPanel, className), ...props });
 };
 
 // src/components/frost-nav.tsx
-import { jsx as jsx118 } from "react/jsx-runtime";
+import { jsx as jsx124 } from "react/jsx-runtime";
 var FrostNav = ({ className, isOnLight = false, ...props }) => {
-  return /* @__PURE__ */ jsx118(
+  return /* @__PURE__ */ jsx124(
     "nav",
     {
       "data-id": "FrostNav",
@@ -2580,27 +2869,27 @@ var FrostNav = ({ className, isOnLight = false, ...props }) => {
 };
 
 // src/components/frost-tile.tsx
-import { jsx as jsx119 } from "react/jsx-runtime";
+import { jsx as jsx125 } from "react/jsx-runtime";
 var FrostTile = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx119("div", { "data-id": "FrostTile", className: cn("group", surfaces.frostTile, className), ...props });
+  return /* @__PURE__ */ jsx125("div", { "data-id": "FrostTile", className: cn("group", surfaces.frostTile, className), ...props });
 };
 
 // src/components/frost-fab.tsx
-import { jsx as jsx120 } from "react/jsx-runtime";
+import { jsx as jsx126 } from "react/jsx-runtime";
 var FrostFab = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx120("div", { "data-id": "FrostFab", className: cn(surfaces.frostFab, className), ...props });
+  return /* @__PURE__ */ jsx126("div", { "data-id": "FrostFab", className: cn(surfaces.frostFab, className), ...props });
 };
 
 // src/components/brand-gradient.tsx
-import { jsx as jsx121 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 var BrandGradient = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx121("div", { "data-id": "BrandGradient", className: cn(surfaces.brandGradient, className), ...props });
+  return /* @__PURE__ */ jsx127("div", { "data-id": "BrandGradient", className: cn(surfaces.brandGradient, className), ...props });
 };
 
 // src/components/image-scrim.tsx
-import { cva as cva11 } from "class-variance-authority";
-import { jsx as jsx122 } from "react/jsx-runtime";
-var imageScrimVariants = cva11("pointer-events-none absolute inset-0", {
+import { cva as cva14 } from "class-variance-authority";
+import { jsx as jsx128 } from "react/jsx-runtime";
+var imageScrimVariants = cva14("pointer-events-none absolute inset-0", {
   variants: {
     variant: {
       hero: "revit-image-scrim-hero",
@@ -2613,7 +2902,7 @@ var imageScrimVariants = cva11("pointer-events-none absolute inset-0", {
   }
 });
 var ImageScrim = ({ className, variant, ...props }) => {
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx128(
     "div",
     {
       "data-id": "ImageScrim",
@@ -2626,7 +2915,7 @@ var ImageScrim = ({ className, variant, ...props }) => {
 
 // src/components/search-bar.tsx
 import { Search as Search2 } from "lucide-react";
-import { jsx as jsx123, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx129, jsxs as jsxs24 } from "react/jsx-runtime";
 var SearchBar = ({
   className,
   placeholder = "Search",
@@ -2634,7 +2923,7 @@ var SearchBar = ({
   defaultValue,
   onValueChange,
   onSearch,
-  submitLabel = /* @__PURE__ */ jsx123(Search2, { className: "size-4" }),
+  submitLabel = /* @__PURE__ */ jsx129(Search2, { className: "size-4" }),
   ...props
 }) => {
   const onSubmit = (event) => {
@@ -2643,7 +2932,7 @@ var SearchBar = ({
     const nextValue = String(formData.get("q") ?? "");
     onSearch?.(nextValue);
   };
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs24(
     "form",
     {
       "data-id": "SearchBar",
@@ -2653,7 +2942,7 @@ var SearchBar = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx123(
+        /* @__PURE__ */ jsx129(
           Input,
           {
             name: "q",
@@ -2666,14 +2955,14 @@ var SearchBar = ({
             ...props
           }
         ),
-        /* @__PURE__ */ jsx123(Button, { type: "submit", size: "icon", className: "rounded-none", "aria-label": "Search", children: submitLabel })
+        /* @__PURE__ */ jsx129(Button, { type: "submit", size: "icon", className: "rounded-none", "aria-label": "Search", children: submitLabel })
       ]
     }
   );
 };
 
 // src/components/confirm-dialog.tsx
-import { jsx as jsx124, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx130, jsxs as jsxs25 } from "react/jsx-runtime";
 var ConfirmDialog = ({
   trigger,
   title,
@@ -2682,29 +2971,29 @@ var ConfirmDialog = ({
   cancelLabel = "Cancel",
   onConfirm
 }) => {
-  return /* @__PURE__ */ jsxs22(AlertDialog, { children: [
-    /* @__PURE__ */ jsx124(AlertDialogTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsxs22(AlertDialogContent, { "data-id": "ConfirmDialog", children: [
-      /* @__PURE__ */ jsxs22(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx124(AlertDialogTitle, { children: title }),
-        description ? /* @__PURE__ */ jsx124(AlertDialogDescription, { children: description }) : null
+  return /* @__PURE__ */ jsxs25(AlertDialog, { children: [
+    /* @__PURE__ */ jsx130(AlertDialogTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs25(AlertDialogContent, { "data-id": "ConfirmDialog", children: [
+      /* @__PURE__ */ jsxs25(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx130(AlertDialogTitle, { children: title }),
+        description ? /* @__PURE__ */ jsx130(AlertDialogDescription, { children: description }) : null
       ] }),
-      /* @__PURE__ */ jsxs22(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx124(AlertDialogCancel, { children: cancelLabel }),
-        /* @__PURE__ */ jsx124(AlertDialogAction, { onClick: onConfirm, children: confirmLabel })
+      /* @__PURE__ */ jsxs25(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx130(AlertDialogCancel, { children: cancelLabel }),
+        /* @__PURE__ */ jsx130(AlertDialogAction, { onClick: onConfirm, children: confirmLabel })
       ] })
     ] })
   ] });
 };
 
 // src/components/command-dialog.tsx
-import { jsx as jsx125 } from "react/jsx-runtime";
+import { jsx as jsx131 } from "react/jsx-runtime";
 var CommandDialog = ({ children, contentClassName, ...props }) => {
-  return /* @__PURE__ */ jsx125(Dialog, { ...props, children: /* @__PURE__ */ jsx125(DialogContent, { "data-id": "CommandDialog", className: cn("overflow-hidden p-0", contentClassName), children: /* @__PURE__ */ jsx125(Command, { className: "[&_[data-id=CommandInputWrap]]:h-12", children }) }) });
+  return /* @__PURE__ */ jsx131(Dialog, { ...props, children: /* @__PURE__ */ jsx131(DialogContent, { "data-id": "CommandDialog", className: cn("overflow-hidden p-0", contentClassName), children: /* @__PURE__ */ jsx131(Command, { className: "[&_[data-id=CommandInputWrap]]:h-12", children }) }) });
 };
 
 // src/components/pagination-bar.tsx
-import { jsx as jsx126, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx132, jsxs as jsxs26 } from "react/jsx-runtime";
 var PaginationBar = ({
   page,
   pageCount,
@@ -2714,8 +3003,8 @@ var PaginationBar = ({
 }) => {
   const pages = Array.from({ length: pageCount }, (_, index) => index + 1);
   const visible = pages.filter((item) => item === 1 || item === pageCount || Math.abs(item - page) <= 1);
-  return /* @__PURE__ */ jsx126(Pagination, { "data-id": "PaginationBar", className, ...props, children: /* @__PURE__ */ jsxs23(PaginationContent, { children: [
-    /* @__PURE__ */ jsx126(PaginationItem, { children: /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx132(Pagination, { "data-id": "PaginationBar", className, ...props, children: /* @__PURE__ */ jsxs26(PaginationContent, { children: [
+    /* @__PURE__ */ jsx132(PaginationItem, { children: /* @__PURE__ */ jsx132(
       PaginationPrevious,
       {
         href: "#",
@@ -2729,9 +3018,9 @@ var PaginationBar = ({
     ) }),
     visible.map((item, index) => {
       const previous = visible[index - 1];
-      return /* @__PURE__ */ jsxs23(PaginationItem, { children: [
-        previous && item - previous > 1 ? /* @__PURE__ */ jsx126(PaginationEllipsis, {}) : null,
-        /* @__PURE__ */ jsx126(
+      return /* @__PURE__ */ jsxs26(PaginationItem, { children: [
+        previous && item - previous > 1 ? /* @__PURE__ */ jsx132(PaginationEllipsis, {}) : null,
+        /* @__PURE__ */ jsx132(
           PaginationLink,
           {
             href: "#",
@@ -2745,7 +3034,7 @@ var PaginationBar = ({
         )
       ] }, `pagination-${item}--${index}`);
     }),
-    /* @__PURE__ */ jsx126(PaginationItem, { children: /* @__PURE__ */ jsx126(
+    /* @__PURE__ */ jsx132(PaginationItem, { children: /* @__PURE__ */ jsx132(
       PaginationNext,
       {
         href: "#",
@@ -2896,11 +3185,11 @@ var revitTokens = {
 };
 
 // src/theme/RevitUIProvider.tsx
-import { Fragment, jsx as jsx127, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx133, jsxs as jsxs27 } from "react/jsx-runtime";
 var RevitUIProvider = ({ tokens = revitTokens, children }) => {
-  return /* @__PURE__ */ jsxs24(Fragment, { children: [
-    /* @__PURE__ */ jsx127("style", { "data-id": "RevitUITheme", dangerouslySetInnerHTML: { __html: tokensToStylesheet(tokens) } }),
-    /* @__PURE__ */ jsx127("div", { "data-id": "RevitUIProvider", className: "revit-ui font-sans", children })
+  return /* @__PURE__ */ jsxs27(Fragment, { children: [
+    /* @__PURE__ */ jsx133("style", { "data-id": "RevitUITheme", dangerouslySetInnerHTML: { __html: tokensToStylesheet(tokens) } }),
+    /* @__PURE__ */ jsx133("div", { "data-id": "RevitUIProvider", className: "revit-ui font-sans", children })
   ] });
 };
 export {
@@ -2984,6 +3273,7 @@ export {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
+  Field,
   Form,
   FormControl,
   FormDescription,
@@ -2995,6 +3285,7 @@ export {
   FrostNav,
   FrostPanel,
   FrostTile,
+  Heading,
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
@@ -3004,6 +3295,7 @@ export {
   InputOTPGroup,
   InputOTPSlot,
   Label2 as Label,
+  Link,
   Menubar,
   MenubarContent,
   MenubarItem,
@@ -3024,6 +3316,7 @@ export {
   PaginationLink,
   PaginationNext,
   PaginationPrevious,
+  PasswordInput,
   Popover,
   PopoverContent,
   PopoverTrigger,
@@ -3033,6 +3326,7 @@ export {
   ResizableHandle,
   ResizablePanel,
   ResizablePanelGroup,
+  RevitForm,
   RevitUIProvider,
   ScrollArea,
   ScrollBar,
@@ -3077,6 +3371,7 @@ export {
   TabsContent,
   TabsList,
   TabsTrigger,
+  Text,
   Textarea,
   Toaster,
   Toggle,
@@ -3091,16 +3386,20 @@ export {
   buttonVariants,
   cardVariants,
   cn,
+  headingVariants,
   inputVariants,
   labelVariants,
+  linkVariants,
   revitTokens,
   selectTriggerVariants,
   surfaces,
+  textVariants,
   textareaVariants,
   toast,
   toggleVariants,
   tokensToCssVars,
   tokensToStylesheet,
+  useForm,
   useFormField,
   useSidebar
 };