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

package/dist/index.js

@@ -1680,11 +1680,124 @@ var RevitForm = ({
   ) });
 };
 
+// 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 jsx84 } from "react/jsx-runtime";
+import { jsx as jsx88 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
-  return /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx88(
     SonnerToaster,
     {
       "data-id": "Toaster",
@@ -1705,9 +1818,9 @@ var Toaster = ({ ...props }) => {
 
 // src/components/command.tsx
 import { Command as CommandPrimitive } from "cmdk";
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx89 } from "react/jsx-runtime";
 var Command = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx89(
     CommandPrimitive,
     {
       "data-id": "Command",
@@ -1723,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 jsx86, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs14 } from "react/jsx-runtime";
 var CommandInput = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsxs13("div", { className: "flex items-center border-b border-border px-3", "data-id": "CommandInputWrap", children: [
-    /* @__PURE__ */ jsx86(Search, { className: "mr-2 size-4 shrink-0 opacity-50" }),
-    /* @__PURE__ */ jsx86(
+  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",
@@ -1743,9 +1856,9 @@ var CommandInput = ({ className, ...props }) => {
 
 // src/components/command-list.tsx
 import { Command as CommandPrimitive3 } from "cmdk";
-import { jsx as jsx87 } from "react/jsx-runtime";
+import { jsx as jsx91 } from "react/jsx-runtime";
 var CommandList = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx91(
     CommandPrimitive3.List,
     {
       "data-id": "CommandList",
@@ -1757,9 +1870,9 @@ var CommandList = ({ className, ...props }) => {
 
 // src/components/command-empty.tsx
 import { Command as CommandPrimitive4 } from "cmdk";
-import { jsx as jsx88 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
 var CommandEmpty = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsx92(
     CommandPrimitive4.Empty,
     {
       "data-id": "CommandEmpty",
@@ -1771,9 +1884,9 @@ var CommandEmpty = ({ className, ...props }) => {
 
 // src/components/command-group.tsx
 import { Command as CommandPrimitive5 } from "cmdk";
-import { jsx as jsx89 } from "react/jsx-runtime";
+import { jsx as jsx93 } from "react/jsx-runtime";
 var CommandGroup = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx93(
     CommandPrimitive5.Group,
     {
       "data-id": "CommandGroup",
@@ -1788,9 +1901,9 @@ var CommandGroup = ({ className, ...props }) => {
 
 // src/components/command-item.tsx
 import { Command as CommandPrimitive6 } from "cmdk";
-import { jsx as jsx90 } from "react/jsx-runtime";
+import { jsx as jsx94 } from "react/jsx-runtime";
 var CommandItem = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx94(
     CommandPrimitive6.Item,
     {
       "data-id": "CommandItem",
@@ -1806,7 +1919,7 @@ var CommandItem = ({ className, ...props }) => {
 // src/components/combobox.tsx
 import { useState as useState2 } from "react";
 import { Check as Check3, ChevronsUpDown } from "lucide-react";
-import { jsx as jsx91, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs15 } from "react/jsx-runtime";
 var Combobox = ({
   options,
   value,
@@ -1817,8 +1930,8 @@ var Combobox = ({
 }) => {
   const [open, openSetter] = useState2(false);
   const selected = options.find((option) => option.value === value);
-  return /* @__PURE__ */ jsxs14(Popover, { open, onOpenChange: openSetter, children: [
-    /* @__PURE__ */ jsx91(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(Popover, { open, onOpenChange: openSetter, children: [
+    /* @__PURE__ */ jsx95(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
       Button,
       {
         "data-id": "Combobox",
@@ -1828,15 +1941,15 @@ var Combobox = ({
         className: cn("w-full justify-between normal-case tracking-normal", className),
         children: [
           selected?.label ?? placeholder,
-          /* @__PURE__ */ jsx91(ChevronsUpDown, { className: "size-4 opacity-50" })
+          /* @__PURE__ */ jsx95(ChevronsUpDown, { className: "size-4 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx91(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", children: /* @__PURE__ */ jsxs14(Command, { children: [
-      /* @__PURE__ */ jsx91(CommandInput, { placeholder }),
-      /* @__PURE__ */ jsxs14(CommandList, { children: [
-        /* @__PURE__ */ jsx91(CommandEmpty, { children: emptyText }),
-        options.map((option) => /* @__PURE__ */ jsxs14(
+    /* @__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,
@@ -1845,7 +1958,7 @@ var Combobox = ({
               openSetter(false);
             },
             children: [
-              /* @__PURE__ */ jsx91(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
             ]
           },
@@ -1872,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 jsx92 } from "react/jsx-runtime";
+import { jsx as jsx96 } from "react/jsx-runtime";
 var ContextMenuContent = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx92(ContextMenuPrimitive3.Portal, { children: /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsx96(ContextMenuPrimitive3.Portal, { children: /* @__PURE__ */ jsx96(
     ContextMenuPrimitive3.Content,
     {
       "data-id": "ContextMenuContent",
@@ -1886,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 jsx93 } from "react/jsx-runtime";
+import { jsx as jsx97 } from "react/jsx-runtime";
 var ContextMenuItem = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx93(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
@@ -1904,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 jsx94 } from "react/jsx-runtime";
+import { jsx as jsx98 } from "react/jsx-runtime";
 var AlertDialogOverlay = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx94(
+  return /* @__PURE__ */ jsx98(
     AlertDialogPrimitive3.Overlay,
     {
       "data-id": "AlertDialogOverlay",
@@ -1920,11 +2033,11 @@ var AlertDialogOverlay = ({ className, ...props }) => {
 };
 
 // src/components/alert-dialog-content.tsx
-import { jsx as jsx95, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs16 } from "react/jsx-runtime";
 var AlertDialogContent = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsxs15(AlertDialogPrimitive4.Portal, { children: [
-    /* @__PURE__ */ jsx95(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsxs16(AlertDialogPrimitive4.Portal, { children: [
+    /* @__PURE__ */ jsx99(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx99(
       AlertDialogPrimitive4.Content,
       {
         "data-id": "AlertDialogContent",
@@ -1939,15 +2052,15 @@ var AlertDialogContent = ({ className, ...props }) => {
 };
 
 // src/components/alert-dialog-header.tsx
-import { jsx as jsx96 } from "react/jsx-runtime";
+import { jsx as jsx100 } from "react/jsx-runtime";
 var AlertDialogHeader = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx96("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 jsx97 } from "react/jsx-runtime";
+import { jsx as jsx101 } from "react/jsx-runtime";
 var AlertDialogFooter = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx101(
     "div",
     {
       "data-id": "AlertDialogFooter",
@@ -1959,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 jsx98 } from "react/jsx-runtime";
+import { jsx as jsx102 } from "react/jsx-runtime";
 var AlertDialogTitle = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx102(
     AlertDialogPrimitive5.Title,
     {
       "data-id": "AlertDialogTitle",
@@ -1973,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 jsx99 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 var AlertDialogDescription = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx103(
     AlertDialogPrimitive6.Description,
     {
       "data-id": "AlertDialogDescription",
@@ -1987,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 jsx100 } from "react/jsx-runtime";
+import { jsx as jsx104 } from "react/jsx-runtime";
 var AlertDialogAction = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx104(
     AlertDialogPrimitive7.Action,
     {
       "data-id": "AlertDialogAction",
@@ -2001,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 jsx101 } from "react/jsx-runtime";
+import { jsx as jsx105 } from "react/jsx-runtime";
 var AlertDialogCancel = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx105(
     AlertDialogPrimitive8.Cancel,
     {
       "data-id": "AlertDialogCancel",
@@ -2023,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 jsx102 } from "react/jsx-runtime";
+import { jsx as jsx106 } from "react/jsx-runtime";
 var HoverCardContent = ({
   className,
   align = "center",
   sideOffset = 8,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx106(
     HoverCardPrimitive3.Content,
     {
       "data-id": "HoverCardContent",
@@ -2048,15 +2161,15 @@ var HoverCardContent = ({
 
 // src/components/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx103 } from "react/jsx-runtime";
+import { jsx as jsx107 } from "react/jsx-runtime";
 var Progress = ({ className, value, ...props }) => {
-  return /* @__PURE__ */ jsx103(
+  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__ */ jsx103(
+      children: /* @__PURE__ */ jsx107(
         ProgressPrimitive.Indicator,
         {
           className: `h-full w-full flex-1 bg-primary ${motion.surface}`,
@@ -2069,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 jsx104 } 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: {
@@ -2092,7 +2205,7 @@ var toggleVariants = cva10(
   }
 );
 var Toggle = ({ className, variant, size, ...props }) => {
-  return /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx108(
     TogglePrimitive.Root,
     {
       "data-id": "Toggle",
@@ -2105,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 jsx105 } 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__ */ jsx105(
+  return /* @__PURE__ */ jsx109(
     ToggleGroupPrimitive.Root,
     {
       "data-id": "ToggleGroup",
       className: cn("flex items-center gap-1", className),
       ...props,
-      children: /* @__PURE__ */ jsx105(ToggleGroupContext, { value: { variant, size }, children })
+      children: /* @__PURE__ */ jsx109(ToggleGroupContext, { value: { variant, size }, children })
     }
   );
 };
@@ -2125,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 jsx106 } from "react/jsx-runtime";
+import { jsx as jsx110 } from "react/jsx-runtime";
 var ToggleGroupItem = ({ className, children, ...props }) => {
   const { variant, size } = useToggleGroup();
-  return /* @__PURE__ */ jsx106(
+  return /* @__PURE__ */ jsx110(
     ToggleGroupPrimitive2.Item,
     {
       "data-id": "ToggleGroupItem",
@@ -2141,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 jsx107, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs17 } from "react/jsx-runtime";
 var ScrollArea = ({ className, children, ...props }) => {
-  return /* @__PURE__ */ jsxs16(ScrollAreaPrimitive.Root, { "data-id": "ScrollArea", className: cn("relative overflow-hidden", className), ...props, children: [
-    /* @__PURE__ */ jsx107(ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
-    /* @__PURE__ */ jsx107(ScrollBar, {}),
-    /* @__PURE__ */ jsx107(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__ */ jsx107(
+  return /* @__PURE__ */ jsx111(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-id": "ScrollBar",
@@ -2162,7 +2275,7 @@ var ScrollBar = ({ className, orientation = "vertical", ...props }) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx107(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-pill bg-border" })
+      children: /* @__PURE__ */ jsx111(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-pill bg-border" })
     }
   );
 };
@@ -2177,9 +2290,9 @@ var CollapsibleTrigger2 = CollapsiblePrimitive2.CollapsibleTrigger;
 
 // src/components/collapsible-content.tsx
 import * as CollapsiblePrimitive3 from "@radix-ui/react-collapsible";
-import { jsx as jsx108 } from "react/jsx-runtime";
+import { jsx as jsx112 } from "react/jsx-runtime";
 var CollapsibleContent2 = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx108(
+  return /* @__PURE__ */ jsx112(
     CollapsiblePrimitive3.CollapsibleContent,
     {
       "data-id": "CollapsibleContent",
@@ -2191,9 +2304,9 @@ var CollapsibleContent2 = ({ className, ...props }) => {
 
 // src/components/calendar.tsx
 import { DayPicker } from "react-day-picker";
-import { jsx as jsx109 } from "react/jsx-runtime";
+import { jsx as jsx113 } from "react/jsx-runtime";
 var Calendar = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsx113(
     DayPicker,
     {
       "data-id": "Calendar",
@@ -2207,7 +2320,7 @@ var Calendar = ({ className, ...props }) => {
 import { format } from "date-fns";
 import { CalendarIcon } from "lucide-react";
 import { useState as useState3 } from "react";
-import { jsx as jsx110, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs18 } from "react/jsx-runtime";
 var DatePicker = ({
   value,
   onValueChange,
@@ -2215,8 +2328,8 @@ var DatePicker = ({
   className
 }) => {
   const [open, openSetter] = useState3(false);
-  return /* @__PURE__ */ jsxs17(Popover, { open, onOpenChange: openSetter, children: [
-    /* @__PURE__ */ jsx110(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(Popover, { open, onOpenChange: openSetter, children: [
+    /* @__PURE__ */ jsx114(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs18(
       Button,
       {
         "data-id": "DatePicker",
@@ -2227,12 +2340,12 @@ var DatePicker = ({
           className
         ),
         children: [
-          /* @__PURE__ */ jsx110(CalendarIcon, { className: "size-4" }),
+          /* @__PURE__ */ jsx114(CalendarIcon, { className: "size-4" }),
           value ? format(value, "PPP") : placeholder
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx110(PopoverContent, { className: "w-auto p-0", children: /* @__PURE__ */ jsx110(
+    /* @__PURE__ */ jsx114(PopoverContent, { className: "w-auto p-0", children: /* @__PURE__ */ jsx114(
       Calendar,
       {
         mode: "single",
@@ -2248,9 +2361,9 @@ var DatePicker = ({
 
 // src/components/chart-container.tsx
 import { ResponsiveContainer } from "recharts";
-import { jsx as jsx111 } from "react/jsx-runtime";
+import { jsx as jsx115 } from "react/jsx-runtime";
 var ChartContainer = ({ className, children, ...props }) => {
-  return /* @__PURE__ */ jsx111("div", { "data-id": "ChartContainer", className: cn("h-64 w-full", className), ...props, children: /* @__PURE__ */ jsx111(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
@@ -2260,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 jsx112, jsxs as jsxs18 } 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);
@@ -2283,7 +2396,7 @@ var Carousel = ({ className, opts, children, ...props }) => {
       scrollNext();
     }
   };
-  return /* @__PURE__ */ jsx112(CarouselContext, { value: { carouselRef, api, scrollPrev, scrollNext }, children: /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsx116(CarouselContext, { value: { carouselRef, api, scrollPrev, scrollNext }, children: /* @__PURE__ */ jsx116(
     "div",
     {
       "data-id": "Carousel",
@@ -2298,10 +2411,10 @@ var Carousel = ({ className, opts, children, ...props }) => {
 };
 var CarouselContent = ({ className, ...props }) => {
   const { carouselRef } = useCarousel();
-  return /* @__PURE__ */ jsx112("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx112("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__ */ jsx112(
+  return /* @__PURE__ */ jsx116(
     "div",
     {
       "data-id": "CarouselItem",
@@ -2314,7 +2427,7 @@ var CarouselItem = ({ className, ...props }) => {
 };
 var CarouselPrevious = ({ className, ...props }) => {
   const { scrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     Button,
     {
       "data-id": "CarouselPrevious",
@@ -2324,15 +2437,15 @@ var CarouselPrevious = ({ className, ...props }) => {
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx112(ChevronLeft2, {}),
-        /* @__PURE__ */ jsx112("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__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     Button,
     {
       "data-id": "CarouselNext",
@@ -2342,8 +2455,8 @@ var CarouselNext = ({ className, ...props }) => {
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx112(ChevronRight3, {}),
-        /* @__PURE__ */ jsx112("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx116(ChevronRight3, {}),
+        /* @__PURE__ */ jsx116("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
@@ -2351,13 +2464,13 @@ var CarouselNext = ({ className, ...props }) => {
 
 // src/components/drawer.tsx
 import { Drawer as VaulDrawer } from "vaul";
-import { jsx as jsx113, jsxs as jsxs19 } 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__ */ jsx113(
+  return /* @__PURE__ */ jsx117(
     VaulDrawer.Overlay,
     {
       "data-id": "DrawerOverlay",
@@ -2367,9 +2480,9 @@ var DrawerOverlay = ({ className, ...props }) => {
   );
 };
 var DrawerContent = ({ className, children, ...props }) => {
-  return /* @__PURE__ */ jsxs19(VaulDrawer.Portal, { children: [
-    /* @__PURE__ */ jsx113(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(VaulDrawer.Portal, { children: [
+    /* @__PURE__ */ jsx117(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs20(
       VaulDrawer.Content,
       {
         "data-id": "DrawerContent",
@@ -2379,7 +2492,7 @@ var DrawerContent = ({ className, children, ...props }) => {
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx113("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
         ]
       }
@@ -2387,7 +2500,7 @@ var DrawerContent = ({ className, children, ...props }) => {
   ] });
 };
 var DrawerTitle = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx113(
+  return /* @__PURE__ */ jsx117(
     VaulDrawer.Title,
     {
       "data-id": "DrawerTitle",
@@ -2400,7 +2513,7 @@ var DrawerDescription = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx113(
+  return /* @__PURE__ */ jsx117(
     VaulDrawer.Description,
     {
       "data-id": "DrawerDescription",
@@ -2412,9 +2525,9 @@ var DrawerDescription = ({
 
 // src/components/menubar.tsx
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
-import { jsx as jsx114 } from "react/jsx-runtime";
+import { jsx as jsx118 } from "react/jsx-runtime";
 var Menubar = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx114(
+  return /* @__PURE__ */ jsx118(
     MenubarPrimitive.Root,
     {
       "data-id": "Menubar",
@@ -2428,7 +2541,7 @@ var MenubarTrigger = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx114(
+  return /* @__PURE__ */ jsx118(
     MenubarPrimitive.Trigger,
     {
       "data-id": "MenubarTrigger",
@@ -2444,7 +2557,7 @@ var MenubarContent = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx114(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx114(
+  return /* @__PURE__ */ jsx118(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx118(
     MenubarPrimitive.Content,
     {
       "data-id": "MenubarContent",
@@ -2454,13 +2567,13 @@ var MenubarContent = ({
   ) });
 };
 var MenubarItem = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx114(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__ */ jsx114(
+  return /* @__PURE__ */ jsx118(
     MenubarPrimitive.Separator,
     {
       "data-id": "MenubarSeparator",
@@ -2473,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 jsx115, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs21 } from "react/jsx-runtime";
 var NavigationMenu = ({
   className,
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     NavigationMenuPrimitive.Root,
     {
       "data-id": "NavigationMenu",
@@ -2487,7 +2600,7 @@ var NavigationMenu = ({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx115(
+        /* @__PURE__ */ jsx119(
           NavigationMenuPrimitive.Viewport,
           {
             className: cn(
@@ -2504,7 +2617,7 @@ var NavigationMenuList = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsx119(
     NavigationMenuPrimitive.List,
     {
       "data-id": "NavigationMenuList",
@@ -2519,7 +2632,7 @@ var NavigationMenuTrigger = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     NavigationMenuPrimitive.Trigger,
     {
       "data-id": "NavigationMenuTrigger",
@@ -2530,7 +2643,7 @@ var NavigationMenuTrigger = ({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx115(ChevronDown4, { className: "size-3" })
+        /* @__PURE__ */ jsx119(ChevronDown4, { className: "size-3" })
       ]
     }
   );
@@ -2539,7 +2652,7 @@ var NavigationMenuContent = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsx119(
     NavigationMenuPrimitive.Content,
     {
       "data-id": "NavigationMenuContent",
@@ -2552,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 jsx116 } from "react/jsx-runtime";
+import { jsx as jsx120 } from "react/jsx-runtime";
 var ResizablePanelGroup = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx116(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__ */ jsx116(
+  return /* @__PURE__ */ jsx120(
     Separator5,
     {
       "data-id": "ResizableHandle",
@@ -2576,7 +2689,7 @@ import {
   useMemo,
   useState as useState4
 } from "react";
-import { jsx as jsx117, jsxs as jsxs21 } 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);
@@ -2594,7 +2707,7 @@ var SidebarProvider = ({
 }) => {
   const [isOpen, isOpenSetter] = useState4(defaultOpen);
   const value = useMemo(() => ({ isOpen, isOpenSetter }), [isOpen]);
-  return /* @__PURE__ */ jsx117(SidebarContext, { value, children: /* @__PURE__ */ jsx117(
+  return /* @__PURE__ */ jsx121(SidebarContext, { value, children: /* @__PURE__ */ jsx121(
     "div",
     {
       "data-id": "SidebarProvider",
@@ -2610,7 +2723,7 @@ var SidebarProvider = ({
 };
 var Sidebar = ({ className, children, ...props }) => {
   const { isOpen } = useSidebar();
-  return /* @__PURE__ */ jsx117(
+  return /* @__PURE__ */ jsx121(
     "aside",
     {
       "data-id": "Sidebar",
@@ -2626,11 +2739,11 @@ var Sidebar = ({ className, children, ...props }) => {
   );
 };
 var SidebarInset = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx117("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__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     Button,
     {
       "data-id": "SidebarTrigger",
@@ -2640,29 +2753,29 @@ var SidebarTrigger = ({ className, ...props }) => {
       onClick: () => isOpenSetter(!isOpen),
       ...props,
       children: [
-        /* @__PURE__ */ jsx117(PanelLeft, {}),
-        /* @__PURE__ */ jsx117("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__ */ jsx117("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__ */ jsx117("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__ */ jsx117("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__ */ jsx117("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__ */ jsx117("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__ */ jsx117(
+  return /* @__PURE__ */ jsx121(
     "button",
     {
       "data-id": "SidebarMenuButton",
@@ -2678,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 jsx118, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs23 } from "react/jsx-runtime";
 var InputOTP = ({ className, containerClassName, ...props }) => {
-  return /* @__PURE__ */ jsx118(
+  return /* @__PURE__ */ jsx122(
     OTPInput,
     {
       "data-id": "InputOTP",
@@ -2691,7 +2804,7 @@ var InputOTP = ({ className, containerClassName, ...props }) => {
   );
 };
 var InputOTPGroup = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx118("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,
@@ -2700,7 +2813,7 @@ var InputOTPSlot = ({
 }) => {
   const inputOTPContext = useContext5(OTPInputContext);
   const slot = inputOTPContext.slots[index];
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       "data-id": "InputOTPSlot",
@@ -2713,7 +2826,7 @@ var InputOTPSlot = ({
       ...props,
       children: [
         slot?.char,
-        slot?.hasFakeCaret ? /* @__PURE__ */ jsx118("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx118("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
       ]
     }
   );
@@ -2736,15 +2849,15 @@ var surfaces = {
 };
 
 // src/components/frost-panel.tsx
-import { jsx as jsx119 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 var FrostPanel = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx119("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 jsx120 } from "react/jsx-runtime";
+import { jsx as jsx124 } from "react/jsx-runtime";
 var FrostNav = ({ className, isOnLight = false, ...props }) => {
-  return /* @__PURE__ */ jsx120(
+  return /* @__PURE__ */ jsx124(
     "nav",
     {
       "data-id": "FrostNav",
@@ -2756,27 +2869,27 @@ var FrostNav = ({ className, isOnLight = false, ...props }) => {
 };
 
 // src/components/frost-tile.tsx
-import { jsx as jsx121 } from "react/jsx-runtime";
+import { jsx as jsx125 } from "react/jsx-runtime";
 var FrostTile = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx121("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 jsx122 } from "react/jsx-runtime";
+import { jsx as jsx126 } from "react/jsx-runtime";
 var FrostFab = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx122("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 jsx123 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 var BrandGradient = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx123("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 jsx124 } 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",
@@ -2789,7 +2902,7 @@ var imageScrimVariants = cva11("pointer-events-none absolute inset-0", {
   }
 });
 var ImageScrim = ({ className, variant, ...props }) => {
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx128(
     "div",
     {
       "data-id": "ImageScrim",
@@ -2802,7 +2915,7 @@ var ImageScrim = ({ className, variant, ...props }) => {
 
 // src/components/search-bar.tsx
 import { Search as Search2 } from "lucide-react";
-import { jsx as jsx125, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx129, jsxs as jsxs24 } from "react/jsx-runtime";
 var SearchBar = ({
   className,
   placeholder = "Search",
@@ -2810,7 +2923,7 @@ var SearchBar = ({
   defaultValue,
   onValueChange,
   onSearch,
-  submitLabel = /* @__PURE__ */ jsx125(Search2, { className: "size-4" }),
+  submitLabel = /* @__PURE__ */ jsx129(Search2, { className: "size-4" }),
   ...props
 }) => {
   const onSubmit = (event) => {
@@ -2819,7 +2932,7 @@ var SearchBar = ({
     const nextValue = String(formData.get("q") ?? "");
     onSearch?.(nextValue);
   };
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "form",
     {
       "data-id": "SearchBar",
@@ -2829,7 +2942,7 @@ var SearchBar = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx125(
+        /* @__PURE__ */ jsx129(
           Input,
           {
             name: "q",
@@ -2842,14 +2955,14 @@ var SearchBar = ({
             ...props
           }
         ),
-        /* @__PURE__ */ jsx125(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 jsx126, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx130, jsxs as jsxs25 } from "react/jsx-runtime";
 var ConfirmDialog = ({
   trigger,
   title,
@@ -2858,29 +2971,29 @@ var ConfirmDialog = ({
   cancelLabel = "Cancel",
   onConfirm
 }) => {
-  return /* @__PURE__ */ jsxs24(AlertDialog, { children: [
-    /* @__PURE__ */ jsx126(AlertDialogTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsxs24(AlertDialogContent, { "data-id": "ConfirmDialog", children: [
-      /* @__PURE__ */ jsxs24(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx126(AlertDialogTitle, { children: title }),
-        description ? /* @__PURE__ */ jsx126(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__ */ jsxs24(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx126(AlertDialogCancel, { children: cancelLabel }),
-        /* @__PURE__ */ jsx126(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 jsx127 } from "react/jsx-runtime";
+import { jsx as jsx131 } from "react/jsx-runtime";
 var CommandDialog = ({ children, contentClassName, ...props }) => {
-  return /* @__PURE__ */ jsx127(Dialog, { ...props, children: /* @__PURE__ */ jsx127(DialogContent, { "data-id": "CommandDialog", className: cn("overflow-hidden p-0", contentClassName), children: /* @__PURE__ */ jsx127(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 jsx128, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx132, jsxs as jsxs26 } from "react/jsx-runtime";
 var PaginationBar = ({
   page,
   pageCount,
@@ -2890,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__ */ jsx128(Pagination, { "data-id": "PaginationBar", className, ...props, children: /* @__PURE__ */ jsxs25(PaginationContent, { children: [
-    /* @__PURE__ */ jsx128(PaginationItem, { children: /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsx132(Pagination, { "data-id": "PaginationBar", className, ...props, children: /* @__PURE__ */ jsxs26(PaginationContent, { children: [
+    /* @__PURE__ */ jsx132(PaginationItem, { children: /* @__PURE__ */ jsx132(
       PaginationPrevious,
       {
         href: "#",
@@ -2905,9 +3018,9 @@ var PaginationBar = ({
     ) }),
     visible.map((item, index) => {
       const previous = visible[index - 1];
-      return /* @__PURE__ */ jsxs25(PaginationItem, { children: [
-        previous && item - previous > 1 ? /* @__PURE__ */ jsx128(PaginationEllipsis, {}) : null,
-        /* @__PURE__ */ jsx128(
+      return /* @__PURE__ */ jsxs26(PaginationItem, { children: [
+        previous && item - previous > 1 ? /* @__PURE__ */ jsx132(PaginationEllipsis, {}) : null,
+        /* @__PURE__ */ jsx132(
           PaginationLink,
           {
             href: "#",
@@ -2921,7 +3034,7 @@ var PaginationBar = ({
         )
       ] }, `pagination-${item}--${index}`);
     }),
-    /* @__PURE__ */ jsx128(PaginationItem, { children: /* @__PURE__ */ jsx128(
+    /* @__PURE__ */ jsx132(PaginationItem, { children: /* @__PURE__ */ jsx132(
       PaginationNext,
       {
         href: "#",
@@ -3072,11 +3185,11 @@ var revitTokens = {
 };
 
 // src/theme/RevitUIProvider.tsx
-import { Fragment, jsx as jsx129, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx133, jsxs as jsxs27 } from "react/jsx-runtime";
 var RevitUIProvider = ({ tokens = revitTokens, children }) => {
-  return /* @__PURE__ */ jsxs26(Fragment, { children: [
-    /* @__PURE__ */ jsx129("style", { "data-id": "RevitUITheme", dangerouslySetInnerHTML: { __html: tokensToStylesheet(tokens) } }),
-    /* @__PURE__ */ jsx129("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 {
@@ -3160,6 +3273,7 @@ export {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
+  Field,
   Form,
   FormControl,
   FormDescription,
@@ -3171,6 +3285,7 @@ export {
   FrostNav,
   FrostPanel,
   FrostTile,
+  Heading,
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
@@ -3180,6 +3295,7 @@ export {
   InputOTPGroup,
   InputOTPSlot,
   Label2 as Label,
+  Link,
   Menubar,
   MenubarContent,
   MenubarItem,
@@ -3255,6 +3371,7 @@ export {
   TabsContent,
   TabsList,
   TabsTrigger,
+  Text,
   Textarea,
   Toaster,
   Toggle,
@@ -3269,11 +3386,14 @@ export {
   buttonVariants,
   cardVariants,
   cn,
+  headingVariants,
   inputVariants,
   labelVariants,
+  linkVariants,
   revitTokens,
   selectTriggerVariants,
   surfaces,
+  textVariants,
   textareaVariants,
   toast,
   toggleVariants,