@cloudvoyant/helix-react 0.12.0 → 0.13.0-rc.202608281337.3d83294

package/dist/index.cjs

@@ -40,9 +40,37 @@ __export(index_exports, {
   CardHeader: () => CardHeader,
   CardTitle: () => CardTitle,
   Center: () => Center,
+  Checkbox: () => Checkbox,
+  CheckboxControl: () => CheckboxControl,
+  CheckboxGroup: () => CheckboxGroup,
+  CheckboxIndicator: () => CheckboxIndicator,
+  CheckboxLabel: () => CheckboxLabel,
   Col: () => Col,
+  Combobox: () => Combobox,
+  ComboboxClear: () => ComboboxClear,
+  ComboboxContent: () => ComboboxContent,
+  ComboboxControl: () => ComboboxControl,
+  ComboboxEmpty: () => ComboboxEmpty,
+  ComboboxInput: () => ComboboxInput,
+  ComboboxItem: () => ComboboxItem,
+  ComboboxItemGroup: () => ComboboxItemGroup,
+  ComboboxItemGroupLabel: () => ComboboxItemGroupLabel,
+  ComboboxItemIndicator: () => ComboboxItemIndicator,
+  ComboboxItemText: () => ComboboxItemText,
+  ComboboxList: () => ComboboxList,
+  ComboboxTrigger: () => ComboboxTrigger,
   Container: () => Container,
+  Field: () => Field,
+  FieldError: () => FieldError,
+  FieldHelper: () => FieldHelper,
+  FieldLabel: () => FieldLabel,
+  FieldRequiredIndicator: () => FieldRequiredIndicator,
+  FieldSet: () => FieldSet,
+  FieldSetError: () => FieldSetError,
+  FieldSetHelper: () => FieldSetHelper,
+  FieldSetLegend: () => FieldSetLegend,
   HStack: () => HStack,
+  Input: () => Input2,
   Item: () => Item,
   Navbar: () => Navbar,
   NavbarActions: () => NavbarActions,
@@ -63,6 +91,16 @@ __export(index_exports, {
   NavbarMobileOverlay: () => NavbarMobileOverlay,
   NavbarProvider: () => NavbarProvider,
   NavbarTrigger: () => NavbarTrigger,
+  NumberInput: () => NumberInput,
+  NumberInputControl: () => NumberInputControl,
+  NumberInputDecrement: () => NumberInputDecrement,
+  NumberInputIncrement: () => NumberInputIncrement,
+  NumberInputInput: () => NumberInputInput,
+  Page: () => Page,
+  PageContent: () => PageContent,
+  PageFooter: () => PageFooter,
+  PageGutter: () => PageGutter,
+  PageSection: () => PageSection,
   Pagination: () => Pagination,
   PaginationEllipsis: () => PaginationEllipsis,
   PaginationItem: () => PaginationItem,
@@ -71,6 +109,18 @@ __export(index_exports, {
   PaginationPrevious: () => PaginationPrevious,
   Row: () => Row,
   Scroll: () => Scroll,
+  Select: () => Select,
+  SelectClearTrigger: () => SelectClearTrigger,
+  SelectContent: () => SelectContent,
+  SelectIndicator: () => SelectIndicator,
+  SelectItem: () => SelectItem,
+  SelectItemGroup: () => SelectItemGroup,
+  SelectItemGroupLabel: () => SelectItemGroupLabel,
+  SelectItemIndicator: () => SelectItemIndicator,
+  SelectItemText: () => SelectItemText,
+  SelectNative: () => SelectNative,
+  SelectTrigger: () => SelectTrigger,
+  SelectValue: () => SelectValue,
   Sidebar: () => Root,
   SidebarContent: () => Content,
   SidebarFooter: () => Footer,
@@ -98,17 +148,40 @@ __export(index_exports, {
   SplitterResizeTrigger: () => SplitterResizeTrigger,
   SplitterResizeTriggerIndicator: () => SplitterResizeTriggerIndicator,
   Stack: () => Stack,
+  Switch: () => Switch,
+  SwitchControl: () => SwitchControl,
+  SwitchLabel: () => SwitchLabel,
+  SwitchThumb: () => SwitchThumb,
   Tabs: () => Tabs,
   TabsContent: () => TabsContent,
   TabsList: () => TabsList,
   TabsTrigger: () => TabsTrigger,
+  TagInput: () => TagInput,
+  TagInputClearTrigger: () => TagInputClearTrigger,
+  TagInputContext: () => TagInputContext,
+  TagInputControl: () => TagInputControl,
+  TagInputInput: () => TagInputInput,
+  TagInputItem: () => TagInputItem,
+  TagInputItemDeleteTrigger: () => TagInputItemDeleteTrigger,
+  TagInputItemInput: () => TagInputItemInput,
+  TagInputItemPreview: () => TagInputItemPreview,
+  TagInputItemText: () => TagInputItemText,
+  Textarea: () => Textarea,
   ToggleButton: () => ToggleButton,
   ToggleButtonIndicator: () => ToggleButtonIndicator,
   VStack: () => VStack,
-  navbarMenuTriggerStyle: () => import_helix44.navbarMenuTriggerStyle,
+  navbarMenuTriggerStyle: () => import_helix45.navbarMenuTriggerStyle,
+  useCheckbox: () => useCheckbox,
+  useCombobox: () => useCombobox,
+  useField: () => useField,
+  useMediaQuery: () => useMediaQuery,
   useNavbar: () => useNavbar,
+  useNumberInput: () => useNumberInput,
+  useSelect: () => useSelect,
   useSidebar: () => useSidebar,
-  useTabs: () => useTabs
+  useSwitch: () => useSwitch,
+  useTabs: () => useTabs,
+  useTagInput: () => useTagInput
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -273,6 +346,7 @@ var import_jsx_runtime17 = require("react/jsx-runtime");
 function Scroll({
   className,
   orientation = "vertical",
+  variant = "default",
   contentClassName,
   thumbClassName,
   viewportClassName,
@@ -281,25 +355,76 @@ function Scroll({
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_scroll_area.ScrollAreaRoot, { className: (0, import_helix17.cn)(import_helix17.scrollRootBase, className), ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaViewport, { className: (0, import_helix17.cn)(import_helix17.scrollViewportBase, viewportClassName), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaContent, { className: (0, import_helix17.cn)(import_helix17.scrollContentBase, contentClassName), children }) }),
-    (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaScrollbar, { orientation: "vertical", className: import_helix17.scrollScrollbarBase, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaThumb, { className: (0, import_helix17.cn)(import_helix17.scrollThumbBase, thumbClassName) }) }),
-    (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaScrollbar, { orientation: "horizontal", className: import_helix17.scrollScrollbarBase, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaThumb, { className: (0, import_helix17.cn)(import_helix17.scrollThumbBase, thumbClassName) }) }),
-    orientation === "both" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaCorner, { className: import_helix17.scrollCornerBase })
+    variant === "hidden" ? null : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaScrollbar, { orientation: "vertical", className: import_helix17.scrollScrollbarBase, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaThumb, { className: (0, import_helix17.cn)(import_helix17.scrollThumbBase, thumbClassName) }) }),
+      (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaScrollbar, { orientation: "horizontal", className: import_helix17.scrollScrollbarBase, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaThumb, { className: (0, import_helix17.cn)(import_helix17.scrollThumbBase, thumbClassName) }) }),
+      orientation === "both" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaCorner, { className: import_helix17.scrollCornerBase })
+    ] })
   ] });
 }
 
-// src/splitter.tsx
-var import_splitter = require("@ark-ui/react/splitter");
+// src/page.tsx
+var import_factory16 = require("@ark-ui/react/factory");
 var import_helix18 = require("@cloudvoyant/helix");
 var import_jsx_runtime18 = require("react/jsx-runtime");
+function Page({ variant = "default", className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_factory16.ark.div, { "data-slot": "page", className: (0, import_helix18.cn)((0, import_helix18.pageVariants)({ variant }), className), ...props, children });
+}
+function PageGutter({
+  side = "left",
+  align = "start",
+  contentClassName,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_factory16.ark.div,
+    {
+      "data-slot": "page-gutter-area",
+      className: (0, import_helix18.cn)(import_helix18.pageGutterAreaBase, side === "right" && "[grid-area:right]"),
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        import_factory16.ark.div,
+        {
+          "data-slot": "page-gutter",
+          className: (0, import_helix18.cn)((0, import_helix18.pageGutterVariants)({ side }), className),
+          ...props,
+          children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            import_factory16.ark.div,
+            {
+              "data-slot": "page-gutter-content",
+              className: (0, import_helix18.cn)((0, import_helix18.pageGutterContentVariants)({ align }), contentClassName),
+              children
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function PageContent({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_factory16.ark.main, { "data-slot": "page-content", className: (0, import_helix18.cn)(import_helix18.pageContentBase, className), ...props, children });
+}
+function PageFooter({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_factory16.ark.footer, { "data-slot": "page-footer", className: (0, import_helix18.cn)(import_helix18.pageFooterBase, className), ...props, children });
+}
+function PageSection({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_factory16.ark.section, { "data-slot": "page-section", className: (0, import_helix18.cn)(import_helix18.pageSectionBase, className), ...props, children });
+}
+
+// src/splitter.tsx
+var import_splitter = require("@ark-ui/react/splitter");
+var import_helix19 = require("@cloudvoyant/helix");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function Splitter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_splitter.SplitterRoot, { className: (0, import_helix18.cn)(import_helix18.splitterRootBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_splitter.SplitterRoot, { className: (0, import_helix19.cn)(import_helix19.splitterRootBase, className), ...props });
 }
 function SplitterPanel({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_splitter.SplitterPanel, { className: (0, import_helix18.cn)(import_helix18.splitterPanelBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_splitter.SplitterPanel, { className: (0, import_helix19.cn)(import_helix19.splitterPanelBase, className), ...props });
 }
 function SplitterResizeTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_splitter.SplitterResizeTrigger, { className: (0, import_helix18.cn)(import_helix18.splitterResizeTriggerBase, className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { "aria-hidden": true, "data-part": "separator", className: import_helix18.splitterResizeTriggerSeparatorBase }),
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_splitter.SplitterResizeTrigger, { className: (0, import_helix19.cn)(import_helix19.splitterResizeTriggerBase, className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { "aria-hidden": true, "data-part": "separator", className: import_helix19.splitterResizeTriggerSeparatorBase }),
     children
   ] });
 }
@@ -307,10 +432,10 @@ function SplitterResizeTriggerIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     import_splitter.SplitterResizeTriggerIndicator,
     {
-      className: (0, import_helix18.cn)(import_helix18.splitterResizeTriggerIndicatorBase, className),
+      className: (0, import_helix19.cn)(import_helix19.splitterResizeTriggerIndicatorBase, className),
       ...props
     }
   );
@@ -318,7 +443,7 @@ function SplitterResizeTriggerIndicator({
 
 // src/sidebar/Provider.tsx
 var React2 = __toESM(require("react"), 1);
-var import_helix19 = require("@cloudvoyant/helix");
+var import_helix20 = require("@cloudvoyant/helix");
 
 // src/sidebar/context.ts
 var React = __toESM(require("react"), 1);
@@ -332,7 +457,7 @@ function useSidebar() {
 }
 
 // src/sidebar/Provider.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 function useIsMobile() {
@@ -390,7 +515,7 @@ function Provider({
   }, [openProp]);
   React2.useEffect(() => {
     const handleKeyDown = (event) => {
-      if (event.key === import_helix19.SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+      if (event.key === import_helix20.SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
         toggleSidebar();
       }
@@ -411,16 +536,16 @@ function Provider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     Row,
     {
       "data-slot": "sidebar-wrapper",
       style: {
-        "--sidebar-width": import_helix19.SIDEBAR_WIDTH,
-        "--sidebar-width-icon": import_helix19.SIDEBAR_WIDTH_ICON,
+        "--sidebar-width": import_helix20.SIDEBAR_WIDTH,
+        "--sidebar-width-icon": import_helix20.SIDEBAR_WIDTH_ICON,
         ...style
       },
-      className: (0, import_helix19.cn)(import_helix19.sidebarStyles.wrapperClass, className),
+      className: (0, import_helix20.cn)(import_helix20.sidebarStyles.wrapperClass, className),
       ...props,
       children
     }
@@ -429,8 +554,8 @@ function Provider({
 
 // src/sidebar/Root.tsx
 var import_drawer = require("@ark-ui/react/drawer");
-var import_helix20 = require("@cloudvoyant/helix");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_helix21 = require("@cloudvoyant/helix");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Root({
   side = "left",
   variant = "sidebar",
@@ -441,39 +566,39 @@ function Root({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       Col,
       {
         "data-slot": "sidebar",
         "data-sidebar": "sidebar",
-        className: (0, import_helix20.cn)("h-full w-(--sidebar-width) bg-sidebar text-sidebar-foreground", className),
+        className: (0, import_helix21.cn)("h-full w-(--sidebar-width) bg-sidebar text-sidebar-foreground", className),
         ...props,
         children
       }
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       import_drawer.DrawerRoot,
       {
         open: openMobile,
         onOpenChange: (details) => setOpenMobile(details.open),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_drawer.DrawerBackdrop, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_drawer.DrawerPositioner, { className: "w-(--sidebar-width)", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_drawer.DrawerBackdrop, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_drawer.DrawerPositioner, { className: "w-(--sidebar-width)", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
             import_drawer.DrawerContent,
             {
               "data-sidebar": "sidebar",
               "data-slot": "sidebar",
               "data-mobile": "true",
-              className: (0, import_helix20.cn)("w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground", className),
-              style: { "--sidebar-width": import_helix20.SIDEBAR_WIDTH_MOBILE },
+              className: (0, import_helix21.cn)("w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground", className),
+              style: { "--sidebar-width": import_helix21.SIDEBAR_WIDTH_MOBILE },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_drawer.DrawerTitle, { className: "sr-only", children: "Sidebar" }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_drawer.DrawerDescription, { className: "sr-only", children: "Displays the mobile sidebar." }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_drawer.DrawerCloseTrigger, { className: "hidden" }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Col, { className: "h-full w-full", children })
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_drawer.DrawerTitle, { className: "sr-only", children: "Sidebar" }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_drawer.DrawerDescription, { className: "sr-only", children: "Displays the mobile sidebar." }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_drawer.DrawerCloseTrigger, { className: "hidden" }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Col, { className: "h-full w-full", children })
               ]
             }
           ) })
@@ -481,7 +606,7 @@ function Root({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "div",
     {
       className: "group peer hidden text-sidebar-foreground md:block",
@@ -491,35 +616,35 @@ function Root({
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "div",
           {
             "data-slot": "sidebar-gap",
-            className: (0, import_helix20.cn)(
-              import_helix20.sidebarStyles.gapClass,
+            className: (0, import_helix21.cn)(
+              import_helix21.sidebarStyles.gapClass,
               side === "right" && "rotate-180",
               variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "div",
           {
             "data-slot": "sidebar-container",
-            className: (0, import_helix20.cn)(
-              import_helix20.sidebarStyles.containerClass,
+            className: (0, import_helix21.cn)(
+              import_helix21.sidebarStyles.containerClass,
               side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
               variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
               className
             ),
             ...props,
-            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               "div",
               {
                 "data-sidebar": "sidebar",
                 "data-slot": "sidebar-inner",
                 "data-variant": variant,
-                className: (0, import_helix20.cn)(import_helix20.sidebarStyles.innerClass),
+                className: (0, import_helix21.cn)(import_helix21.sidebarStyles.innerClass),
                 children
               }
             )
@@ -531,132 +656,132 @@ function Root({
 }
 
 // src/sidebar/Header.tsx
-var import_helix21 = require("@cloudvoyant/helix");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_helix22 = require("@cloudvoyant/helix");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Header({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     Col,
     {
       "data-slot": "sidebar-header",
       "data-sidebar": "header",
-      className: (0, import_helix21.cn)(import_helix21.sidebarStyles.headerClass, className),
+      className: (0, import_helix22.cn)(import_helix22.sidebarStyles.headerClass, className),
       ...props
     }
   );
 }
 
 // src/sidebar/Footer.tsx
-var import_helix22 = require("@cloudvoyant/helix");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_helix23 = require("@cloudvoyant/helix");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function Footer({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     Col,
     {
       "data-slot": "sidebar-footer",
       "data-sidebar": "footer",
-      className: (0, import_helix22.cn)(import_helix22.sidebarStyles.footerClass, className),
+      className: (0, import_helix23.cn)(import_helix23.sidebarStyles.footerClass, className),
       ...props
     }
   );
 }
 
 // src/sidebar/Separator.tsx
-var import_factory16 = require("@ark-ui/react/factory");
-var import_helix23 = require("@cloudvoyant/helix");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_factory17 = require("@ark-ui/react/factory");
+var import_helix24 = require("@cloudvoyant/helix");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function Separator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    import_factory16.ark.div,
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_factory17.ark.div,
     {
       "data-slot": "sidebar-separator",
       "data-sidebar": "separator",
       role: "separator",
-      className: (0, import_helix23.cn)(import_helix23.sidebarStyles.separatorClass, className),
+      className: (0, import_helix24.cn)(import_helix24.sidebarStyles.separatorClass, className),
       ...props
     }
   );
 }
 
 // src/sidebar/Content.tsx
-var import_helix24 = require("@cloudvoyant/helix");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_helix25 = require("@cloudvoyant/helix");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Content({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     Col,
     {
       "data-slot": "sidebar-content",
       "data-sidebar": "content",
-      className: (0, import_helix24.cn)(import_helix24.sidebarStyles.contentClass, className),
+      className: (0, import_helix25.cn)(import_helix25.sidebarStyles.contentClass, className),
       ...props
     }
   );
 }
 
 // src/sidebar/Group.tsx
-var import_helix25 = require("@cloudvoyant/helix");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_helix26 = require("@cloudvoyant/helix");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function Group({ label, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Col, { "data-slot": "sidebar-group", "data-sidebar": "group", className: (0, import_helix25.cn)(import_helix25.sidebarStyles.groupClass, className), ...props, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: (0, import_helix25.cn)(import_helix25.sidebarStyles.groupLabelClass), children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: (0, import_helix25.cn)(import_helix25.sidebarStyles.groupContentClass), children })
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Col, { "data-slot": "sidebar-group", "data-sidebar": "group", className: (0, import_helix26.cn)(import_helix26.sidebarStyles.groupClass, className), ...props, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: (0, import_helix26.cn)(import_helix26.sidebarStyles.groupLabelClass), children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: (0, import_helix26.cn)(import_helix26.sidebarStyles.groupContentClass), children })
   ] });
 }
 
 // src/sidebar/GroupAction.tsx
-var import_factory17 = require("@ark-ui/react/factory");
-var import_helix26 = require("@cloudvoyant/helix");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_factory18 = require("@ark-ui/react/factory");
+var import_helix27 = require("@cloudvoyant/helix");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function GroupAction({ className, asChild = false, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-    import_factory17.ark.button,
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    import_factory18.ark.button,
     {
       "data-slot": "sidebar-group-action",
       "data-sidebar": "group-action",
       asChild,
       type: "button",
-      className: (0, import_helix26.cn)(import_helix26.sidebarStyles.groupActionClass, className),
+      className: (0, import_helix27.cn)(import_helix27.sidebarStyles.groupActionClass, className),
       ...props
     }
   );
 }
 
 // src/sidebar/Menu.tsx
-var import_factory18 = require("@ark-ui/react/factory");
-var import_helix27 = require("@cloudvoyant/helix");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_factory19 = require("@ark-ui/react/factory");
+var import_helix28 = require("@cloudvoyant/helix");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Menu({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    import_factory18.ark.ul,
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    import_factory19.ark.ul,
     {
       "data-slot": "sidebar-menu",
       "data-sidebar": "menu",
-      className: (0, import_helix27.cn)(import_helix27.sidebarStyles.menuClass, className),
+      className: (0, import_helix28.cn)(import_helix28.sidebarStyles.menuClass, className),
       ...props
     }
   );
 }
 
 // src/sidebar/MenuItem.tsx
-var import_factory19 = require("@ark-ui/react/factory");
-var import_helix28 = require("@cloudvoyant/helix");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_factory20 = require("@ark-ui/react/factory");
+var import_helix29 = require("@cloudvoyant/helix");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function MenuItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    import_factory19.ark.li,
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    import_factory20.ark.li,
     {
       "data-slot": "sidebar-menu-item",
       "data-sidebar": "menu-item",
-      className: (0, import_helix28.cn)(import_helix28.sidebarStyles.menuItemClass, className),
+      className: (0, import_helix29.cn)(import_helix29.sidebarStyles.menuItemClass, className),
       ...props
     }
   );
 }
 
 // src/sidebar/MenuButton.tsx
-var import_factory20 = require("@ark-ui/react/factory");
+var import_factory21 = require("@ark-ui/react/factory");
 var import_tooltip = require("@ark-ui/react/tooltip");
-var import_helix29 = require("@cloudvoyant/helix");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_helix30 = require("@cloudvoyant/helix");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function MenuButton({
   asChild = false,
   isActive = false,
@@ -668,8 +793,8 @@ function MenuButton({
   ...props
 }) {
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    import_factory20.ark.button,
+  const button = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    import_factory21.ark.button,
     {
       "data-slot": "sidebar-menu-button",
       "data-sidebar": "menu-button",
@@ -677,7 +802,7 @@ function MenuButton({
       "data-active": isActive,
       asChild,
       type: "button",
-      className: (0, import_helix29.cn)((0, import_helix29.sidebarMenuButtonVariants)({ variant, size }), className),
+      className: (0, import_helix30.cn)((0, import_helix30.sidebarMenuButtonVariants)({ variant, size }), className),
       ...props,
       children
     }
@@ -686,42 +811,42 @@ function MenuButton({
     return button;
   }
   const tooltipContent = typeof tooltip === "string" ? { children: tooltip } : tooltip;
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_tooltip.TooltipRoot, { openDelay: 0, positioning: { placement: "right", gutter: 8 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_tooltip.TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_tooltip.TooltipPositioner, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_tooltip.TooltipContent, { className: (0, import_helix29.cn)(import_helix29.sidebarStyles.tooltipContentClass), ...tooltipContent }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_tooltip.TooltipRoot, { openDelay: 0, positioning: { placement: "right", gutter: 8 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_tooltip.TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_tooltip.TooltipPositioner, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_tooltip.TooltipContent, { className: (0, import_helix30.cn)(import_helix30.sidebarStyles.tooltipContentClass), ...tooltipContent }) })
   ] });
 }
 
 // src/sidebar/MenuLink.tsx
-var import_helix30 = require("@cloudvoyant/helix");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_helix31 = require("@cloudvoyant/helix");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function MenuLink({ icon, href, onClick, isActive, variant, size, tooltip, className, children }) {
-  const content = /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+  const content = /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
     icon,
-    children != null && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children })
+    children != null && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: (0, import_helix30.cn)(import_helix30.sidebarStyles.menuItemClass), children: href != null ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(MenuButton, { asChild: true, isActive, variant, size, tooltip, className, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href, onClick, children: content }) }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(MenuButton, { isActive, variant, size, tooltip, className, onClick, children: content }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("li", { "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: (0, import_helix31.cn)(import_helix31.sidebarStyles.menuItemClass), children: href != null ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(MenuButton, { asChild: true, isActive, variant, size, tooltip, className, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href, onClick, children: content }) }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(MenuButton, { isActive, variant, size, tooltip, className, onClick, children: content }) });
 }
 
 // src/sidebar/MenuAction.tsx
-var import_factory21 = require("@ark-ui/react/factory");
-var import_helix31 = require("@cloudvoyant/helix");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_factory22 = require("@ark-ui/react/factory");
+var import_helix32 = require("@cloudvoyant/helix");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function MenuAction({
   className,
   asChild = false,
   showOnHover = false,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-    import_factory21.ark.button,
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_factory22.ark.button,
     {
       "data-slot": "sidebar-menu-action",
       "data-sidebar": "menu-action",
       asChild,
       type: "button",
-      className: (0, import_helix31.cn)(
-        import_helix31.sidebarStyles.menuActionClass,
+      className: (0, import_helix32.cn)(
+        import_helix32.sidebarStyles.menuActionClass,
         showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground data-[state=open]:opacity-100 md:opacity-0",
         className
       ),
@@ -731,16 +856,16 @@ function MenuAction({
 }
 
 // src/sidebar/MenuBadge.tsx
-var import_factory22 = require("@ark-ui/react/factory");
-var import_helix32 = require("@cloudvoyant/helix");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_factory23 = require("@ark-ui/react/factory");
+var import_helix33 = require("@cloudvoyant/helix");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function MenuBadge({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-    import_factory22.ark.div,
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_factory23.ark.div,
     {
       "data-slot": "sidebar-menu-badge",
       "data-sidebar": "menu-badge",
-      className: (0, import_helix32.cn)(import_helix32.sidebarStyles.menuBadgeClass, className),
+      className: (0, import_helix33.cn)(import_helix33.sidebarStyles.menuBadgeClass, className),
       ...props
     }
   );
@@ -748,28 +873,28 @@ function MenuBadge({ className, ...props }) {
 
 // src/sidebar/MenuSkeleton.tsx
 var React3 = __toESM(require("react"), 1);
-var import_factory23 = require("@ark-ui/react/factory");
-var import_helix33 = require("@cloudvoyant/helix");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_factory24 = require("@ark-ui/react/factory");
+var import_helix34 = require("@cloudvoyant/helix");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function MenuSkeleton({ className, showIcon = false, ...props }) {
   const width = React3.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-    import_factory23.ark.div,
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    import_factory24.ark.div,
     {
       "data-slot": "sidebar-menu-skeleton",
       "data-sidebar": "menu-skeleton",
-      className: (0, import_helix33.cn)(import_helix33.sidebarStyles.menuSkeletonClass, className),
+      className: (0, import_helix34.cn)(import_helix34.sidebarStyles.menuSkeletonClass, className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          import_factory23.ark.div,
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          import_factory24.ark.div,
           {
             className: "size-4 shrink-0 animate-pulse rounded-md bg-sidebar-accent",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          import_factory23.ark.div,
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          import_factory24.ark.div,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1 animate-pulse rounded-md bg-sidebar-accent",
             "data-sidebar": "menu-skeleton-text",
@@ -782,41 +907,41 @@ function MenuSkeleton({ className, showIcon = false, ...props }) {
 }
 
 // src/sidebar/MenuSub.tsx
-var import_factory24 = require("@ark-ui/react/factory");
-var import_helix34 = require("@cloudvoyant/helix");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_factory25 = require("@ark-ui/react/factory");
+var import_helix35 = require("@cloudvoyant/helix");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function MenuSub({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-    import_factory24.ark.ul,
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    import_factory25.ark.ul,
     {
       "data-slot": "sidebar-menu-sub",
       "data-sidebar": "menu-sub",
-      className: (0, import_helix34.cn)(import_helix34.sidebarStyles.menuSubClass, className),
+      className: (0, import_helix35.cn)(import_helix35.sidebarStyles.menuSubClass, className),
       ...props
     }
   );
 }
 
 // src/sidebar/MenuSubItem.tsx
-var import_factory25 = require("@ark-ui/react/factory");
-var import_helix35 = require("@cloudvoyant/helix");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_factory26 = require("@ark-ui/react/factory");
+var import_helix36 = require("@cloudvoyant/helix");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function MenuSubItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-    import_factory25.ark.li,
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    import_factory26.ark.li,
     {
       "data-slot": "sidebar-menu-sub-item",
       "data-sidebar": "menu-sub-item",
-      className: (0, import_helix35.cn)(import_helix35.sidebarStyles.menuSubItemClass, className),
+      className: (0, import_helix36.cn)(import_helix36.sidebarStyles.menuSubItemClass, className),
       ...props
     }
   );
 }
 
 // src/sidebar/MenuSubButton.tsx
-var import_factory26 = require("@ark-ui/react/factory");
-var import_helix36 = require("@cloudvoyant/helix");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_factory27 = require("@ark-ui/react/factory");
+var import_helix37 = require("@cloudvoyant/helix");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function MenuSubButton({
   asChild = false,
   size = "md",
@@ -824,34 +949,34 @@ function MenuSubButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-    import_factory26.ark.a,
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    import_factory27.ark.a,
     {
       "data-slot": "sidebar-menu-sub-button",
       "data-sidebar": "menu-sub-button",
       "data-size": size,
       "data-active": isActive,
       asChild,
-      className: (0, import_helix36.cn)(import_helix36.sidebarStyles.menuSubButtonClass, className),
+      className: (0, import_helix37.cn)(import_helix37.sidebarStyles.menuSubButtonClass, className),
       ...props
     }
   );
 }
 
 // src/sidebar/Trigger.tsx
-var import_factory27 = require("@ark-ui/react/factory");
-var import_helix37 = require("@cloudvoyant/helix");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_factory28 = require("@ark-ui/react/factory");
+var import_helix38 = require("@cloudvoyant/helix");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function Trigger({ className, onClick, children, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-    import_factory27.ark.button,
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_factory28.ark.button,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
       type: "button",
       "aria-label": "Toggle Sidebar",
-      className: (0, import_helix37.cn)(import_helix37.sidebarStyles.triggerClass, className),
+      className: (0, import_helix38.cn)(import_helix38.sidebarStyles.triggerClass, className),
       onClick: (event) => {
         onClick?.(event);
         toggleSidebar();
@@ -863,13 +988,13 @@ function Trigger({ className, onClick, children, ...props }) {
 }
 
 // src/sidebar/Rail.tsx
-var import_factory28 = require("@ark-ui/react/factory");
-var import_helix38 = require("@cloudvoyant/helix");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_factory29 = require("@ark-ui/react/factory");
+var import_helix39 = require("@cloudvoyant/helix");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function Rail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-    import_factory28.ark.button,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_factory29.ark.button,
     {
       "data-sidebar": "rail",
       "data-slot": "sidebar-rail",
@@ -878,31 +1003,31 @@ function Rail({ className, ...props }) {
       tabIndex: -1,
       onClick: toggleSidebar,
       title: "Toggle Sidebar",
-      className: (0, import_helix38.cn)(import_helix38.sidebarStyles.railClass, className),
+      className: (0, import_helix39.cn)(import_helix39.sidebarStyles.railClass, className),
       ...props
     }
   );
 }
 
 // src/sidebar/Inset.tsx
-var import_factory29 = require("@ark-ui/react/factory");
-var import_helix39 = require("@cloudvoyant/helix");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_factory30 = require("@ark-ui/react/factory");
+var import_helix40 = require("@cloudvoyant/helix");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function Inset({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_factory29.ark.main, { "data-slot": "sidebar-inset", className: (0, import_helix39.cn)(import_helix39.sidebarStyles.insetClass, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_factory30.ark.main, { "data-slot": "sidebar-inset", className: (0, import_helix40.cn)(import_helix40.sidebarStyles.insetClass, className), ...props });
 }
 
 // src/sidebar/Input.tsx
-var import_factory30 = require("@ark-ui/react/factory");
-var import_helix40 = require("@cloudvoyant/helix");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_factory31 = require("@ark-ui/react/factory");
+var import_helix41 = require("@cloudvoyant/helix");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Input({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-    import_factory30.ark.input,
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    import_factory31.ark.input,
     {
       "data-slot": "sidebar-input",
       "data-sidebar": "input",
-      className: (0, import_helix40.cn)(import_helix40.sidebarStyles.inputClass, className),
+      className: (0, import_helix41.cn)(import_helix41.sidebarStyles.inputClass, className),
       ...props
     }
   );
@@ -910,44 +1035,44 @@ function Input({ className, ...props }) {
 
 // src/tabs.tsx
 var import_tabs = require("@ark-ui/react/tabs");
-var import_helix41 = require("@cloudvoyant/helix");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_helix42 = require("@cloudvoyant/helix");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function Tabs({ className, lazyMount = true, unmountOnExit = true, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_tabs.TabsRoot,
     {
       lazyMount,
       unmountOnExit,
-      className: (0, import_helix41.cn)(import_helix41.tabsRootBase, className),
+      className: (0, import_helix42.cn)(import_helix42.tabsRootBase, className),
       ...props
     }
   );
 }
 function TabsList({ variant = "default", className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_tabs.TabList, { className: (0, import_helix41.cn)(import_helix41.tabsListBase, (0, import_helix41.tabsListVariants)({ variant }), className), ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_tabs.TabList, { className: (0, import_helix42.cn)(import_helix42.tabsListBase, (0, import_helix42.tabsListVariants)({ variant }), className), ...props, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_tabs.TabIndicator, { className: (0, import_helix41.cn)(import_helix41.tabsIndicatorBase, (0, import_helix41.tabsIndicatorVariants)({ variant })) })
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_tabs.TabIndicator, { className: (0, import_helix42.cn)(import_helix42.tabsIndicatorBase, (0, import_helix42.tabsIndicatorVariants)({ variant })) })
   ] });
 }
 function TabsTrigger({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_tabs.TabTrigger, { className: (0, import_helix41.cn)(import_helix41.tabsTriggerBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_tabs.TabTrigger, { className: (0, import_helix42.cn)(import_helix42.tabsTriggerBase, className), ...props });
 }
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_tabs.TabContent, { className: (0, import_helix41.cn)(import_helix41.tabsContentBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_tabs.TabContent, { className: (0, import_helix42.cn)(import_helix42.tabsContentBase, className), ...props });
 }
 var useTabs = import_tabs.useTabsContext;
 
 // src/pagination.tsx
 var import_pagination = require("@ark-ui/react/pagination");
-var import_factory31 = require("@ark-ui/react/factory");
-var import_helix42 = require("@cloudvoyant/helix");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_factory32 = require("@ark-ui/react/factory");
+var import_helix43 = require("@cloudvoyant/helix");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_pagination.PaginationRoot, { className: (0, import_helix42.cn)(import_helix42.paginationRootBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_pagination.PaginationRoot, { className: (0, import_helix43.cn)(import_helix43.paginationRootBase, className), ...props });
 }
 function PaginationPrevious(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_pagination.PaginationPrevTrigger, { asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_factory31.ark.button, { className: (0, import_helix42.cn)(import_helix42.paginationTriggerBase), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_pagination.PaginationPrevTrigger, { asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_factory32.ark.button, { className: (0, import_helix43.cn)(import_helix43.paginationTriggerBase), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "svg",
       {
         viewBox: "0 0 24 24",
@@ -957,16 +1082,16 @@ function PaginationPrevious(props) {
         strokeLinecap: "round",
         strokeLinejoin: "round",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { d: "m15 18-6-6 6-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "m15 18-6-6 6-6" })
       }
     ),
     "Previous"
   ] }) });
 }
 function PaginationNext(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_pagination.PaginationNextTrigger, { asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_factory31.ark.button, { className: (0, import_helix42.cn)(import_helix42.paginationTriggerBase), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_pagination.PaginationNextTrigger, { asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_factory32.ark.button, { className: (0, import_helix43.cn)(import_helix43.paginationTriggerBase), children: [
     "Next",
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "svg",
       {
         viewBox: "0 0 24 24",
@@ -976,21 +1101,21 @@ function PaginationNext(props) {
         strokeLinecap: "round",
         strokeLinejoin: "round",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { d: "m9 18 6-6-6-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "m9 18 6-6-6-6" })
       }
     )
   ] }) });
 }
 function PaginationItem({ className, children, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_pagination.PaginationItem, { asChild: true, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_factory31.ark.button, { className: (0, import_helix42.cn)(import_helix42.paginationItemBase, className), children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_pagination.PaginationItem, { asChild: true, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_factory32.ark.button, { className: (0, import_helix43.cn)(import_helix43.paginationItemBase, className), children }) });
 }
 function PaginationItems() {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_pagination.PaginationContext, { children: ({ pages }) => pages.map(
-    (page, index) => page.type === "page" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PaginationItem, { type: "page", value: page.value, children: page.value }, page.value) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PaginationEllipsis, { index }, `ellipsis-${index}`)
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_pagination.PaginationContext, { children: ({ pages }) => pages.map(
+    (page, index) => page.type === "page" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PaginationItem, { type: "page", value: page.value, children: page.value }, page.value) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PaginationEllipsis, { index }, `ellipsis-${index}`)
   ) });
 }
 function PaginationEllipsis({ className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_pagination.PaginationEllipsis, { className: (0, import_helix42.cn)(import_helix42.paginationEllipsisBase, className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_pagination.PaginationEllipsis, { className: (0, import_helix43.cn)(import_helix43.paginationEllipsisBase, className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -1001,9 +1126,9 @@ function PaginationEllipsis({ className, ...rest }) {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("circle", { cx: "5", cy: "12", r: "1" })
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("circle", { cx: "5", cy: "12", r: "1" })
       ]
     }
   ) });
@@ -1011,14 +1136,14 @@ function PaginationEllipsis({ className, ...rest }) {
 
 // src/navbar.tsx
 var React4 = __toESM(require("react"), 1);
-var import_factory32 = require("@ark-ui/react/factory");
+var import_factory33 = require("@ark-ui/react/factory");
 var import_portal = require("@ark-ui/react/portal");
 var import_collapsible = require("@ark-ui/react/collapsible");
 var import_dialog = require("@ark-ui/react/dialog");
 var import_navigation_menu = require("@ark-ui/react/navigation-menu");
-var import_helix43 = require("@cloudvoyant/helix");
 var import_helix44 = require("@cloudvoyant/helix");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_helix45 = require("@cloudvoyant/helix");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var SCROLL_THRESHOLD = 24;
 function resolveScrollContainer(el) {
   for (let n = el; n; n = n.parentElement) {
@@ -1081,7 +1206,7 @@ function NavbarProvider({
     }),
     [id, open, scrolled, hovered, slots, setSlot]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(NavbarContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavbarContext.Provider, { value: contextValue, children });
 }
 function Navbar({
   variant = "sticky",
@@ -1120,7 +1245,7 @@ function Navbar({
       el.style.overflow = prev;
     };
   }, [base.open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(NavbarContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavbarContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "header",
     {
       ref: headerRef,
@@ -1128,11 +1253,11 @@ function Navbar({
       "data-scrolled": base.scrolled || void 0,
       "data-hidden": hidden || void 0,
       "data-shrunk": shrunk || void 0,
-      className: (0, import_helix43.cn)(
-        (0, import_helix43.navbarVariants)({ variant, floating }),
-        import_helix43.navbarContainerBase,
-        (0, import_helix43.navbarDensityVariants)({ density }),
-        shrunk && import_helix43.navbarShrunkBase,
+      className: (0, import_helix44.cn)(
+        (0, import_helix44.navbarVariants)({ variant, floating }),
+        import_helix44.navbarContainerBase,
+        (0, import_helix44.navbarDensityVariants)({ density }),
+        shrunk && import_helix44.navbarShrunkBase,
         className
       ),
       onMouseEnter: () => setHovered(true),
@@ -1144,11 +1269,11 @@ function Navbar({
 }
 function NavbarActivationArea({ className, children, ...props }) {
   const { setHovered } = useNavbar();
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-    import_factory32.ark.div,
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    import_factory33.ark.div,
     {
       "data-slot": "navbar-activation-area",
-      className: (0, import_helix43.cn)(import_helix43.navbarActivationAreaBase, className),
+      className: (0, import_helix44.cn)(import_helix44.navbarActivationAreaBase, className),
       onMouseEnter: () => setHovered(true),
       onMouseLeave: () => setHovered(false),
       ...props,
@@ -1158,7 +1283,7 @@ function NavbarActivationArea({ className, children, ...props }) {
 }
 function NavbarBrand({ className, children, ...props }) {
   useNavbarSlot("brand", children);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_factory32.ark.div, { "data-slot": "navbar-brand", className: (0, import_helix43.cn)(import_helix43.navbarBrandBase, className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_factory33.ark.div, { "data-slot": "navbar-brand", className: (0, import_helix44.cn)(import_helix44.navbarBrandBase, className), ...props, children });
 }
 function NavbarMenu({
   placement = "center",
@@ -1168,21 +1293,21 @@ function NavbarMenu({
 }) {
   const { scrolled, density, variant } = useNavbar();
   const menuDensity = density === "compact" || variant === "shrink" && scrolled ? "compact" : "relaxed";
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(NavbarMenuStyleContext.Provider, { value: { density: menuDensity, variant: "default", inContent: false }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-    import_factory32.ark.div,
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavbarMenuStyleContext.Provider, { value: { density: menuDensity, variant: "default", inContent: false }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    import_factory33.ark.div,
     {
       "data-slot": "navbar-menu",
       "data-placement": placement,
-      className: (0, import_helix43.cn)(import_helix43.navbarMenuBase, (0, import_helix43.navbarMenuPlacementVariants)({ placement }), className),
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_navigation_menu.NavigationMenuRoot, { "data-density": menuDensity, className: (0, import_helix43.cn)(import_helix43.navbarMenuRootBase), ...props, children: [
+      className: (0, import_helix44.cn)(import_helix44.navbarMenuBase, (0, import_helix44.navbarMenuPlacementVariants)({ placement }), className),
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_navigation_menu.NavigationMenuRoot, { "data-density": menuDensity, className: (0, import_helix44.cn)(import_helix44.navbarMenuRootBase), ...props, children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_navigation_menu.NavigationMenuViewportPositioner, { className: (0, import_helix43.cn)(import_helix43.navbarMenuViewportPositionerBase), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_navigation_menu.NavigationMenuViewport, { className: (0, import_helix43.cn)(import_helix43.navbarMenuViewportBase) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuViewportPositioner, { className: (0, import_helix44.cn)(import_helix44.navbarMenuViewportPositionerBase), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuViewport, { className: (0, import_helix44.cn)(import_helix44.navbarMenuViewportBase) }) })
       ] })
     }
   ) });
 }
 function NavbarMenuList({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_navigation_menu.NavigationMenuList, { className: (0, import_helix43.cn)(import_helix43.navbarMenuListBase, className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuList, { className: (0, import_helix44.cn)(import_helix44.navbarMenuListBase, className), ...props, children });
 }
 function NavbarMenuItem({
   variant = "default",
@@ -1190,11 +1315,11 @@ function NavbarMenuItem({
   ...props
 }) {
   const { density } = React4.useContext(NavbarMenuStyleContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(NavbarMenuStyleContext.Provider, { value: { density, variant, inContent: false }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_navigation_menu.NavigationMenuItem, { "data-variant": variant, className: (0, import_helix43.cn)(import_helix43.navbarMenuItemBase, className), ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavbarMenuStyleContext.Provider, { value: { density, variant, inContent: false }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuItem, { "data-variant": variant, className: (0, import_helix44.cn)(import_helix44.navbarMenuItemBase, className), ...props }) });
 }
 function NavbarMenuTrigger({ asChild, className, children, ...props }) {
   const { density, variant } = React4.useContext(NavbarMenuStyleContext);
-  const chevron = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  const chevron = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "svg",
     {
       className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
@@ -1205,36 +1330,36 @@ function NavbarMenuTrigger({ asChild, className, children, ...props }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "m6 9 6 6 6-6" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { d: "m6 9 6 6 6-6" })
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_navigation_menu.NavigationMenuTrigger, { asChild, className: (0, import_helix43.cn)((0, import_helix43.navbarMenuTriggerStyle)({ density, variant }), className), ...props, children: asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuTrigger, { asChild, className: (0, import_helix44.cn)((0, import_helix44.navbarMenuTriggerStyle)({ density, variant }), className), ...props, children: asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
     children,
     chevron
   ] }) });
 }
 function NavbarMenuContent({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(NavbarMenuStyleContext.Provider, { value: { density: "relaxed", variant: "default", inContent: true }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_navigation_menu.NavigationMenuContent, { className: (0, import_helix43.cn)(import_helix43.navbarMenuContentBase, className), ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavbarMenuStyleContext.Provider, { value: { density: "relaxed", variant: "default", inContent: true }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuContent, { className: (0, import_helix44.cn)(import_helix44.navbarMenuContentBase, className), ...props, children }) });
 }
 function NavbarMenuLink({ className, children, ...props }) {
   const { density, variant, inContent } = React4.useContext(NavbarMenuStyleContext);
-  const classes = inContent ? (0, import_helix43.cn)(import_helix43.navbarMenuLinkBase, className) : (0, import_helix43.cn)((0, import_helix43.navbarMenuTriggerStyle)({ density, variant }), className);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_navigation_menu.NavigationMenuLink, { className: classes, ...props, children });
+  const classes = inContent ? (0, import_helix44.cn)(import_helix44.navbarMenuLinkBase, className) : (0, import_helix44.cn)((0, import_helix44.navbarMenuTriggerStyle)({ density, variant }), className);
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuLink, { className: classes, ...props, children });
 }
 function NavbarMobileMenu({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_collapsible.CollapsibleRoot, { "data-slot": "navbar-mobile-menu", className: (0, import_helix43.cn)("group", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_collapsible.CollapsibleRoot, { "data-slot": "navbar-mobile-menu", className: (0, import_helix44.cn)("group", className), ...props, children });
 }
 function NavbarMobileMenuTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_collapsible.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_collapsible.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
     "button",
     {
       type: "button",
       "data-slot": "navbar-mobile-menu-trigger",
-      className: (0, import_helix43.cn)(import_helix43.navbarMobileMenuTriggerBase, className),
+      className: (0, import_helix44.cn)(import_helix44.navbarMobileMenuTriggerBase, className),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           "svg",
           {
             className: "size-4 transition-transform duration-200 group-data-[state=open]:rotate-180",
@@ -1245,7 +1370,7 @@ function NavbarMobileMenuTrigger({ className, children, ...props }) {
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "m6 9 6 6 6-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { d: "m6 9 6 6 6-6" })
           }
         )
       ]
@@ -1253,17 +1378,17 @@ function NavbarMobileMenuTrigger({ className, children, ...props }) {
   ) });
 }
 function NavbarMobileMenuContent({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_collapsible.CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { "data-slot": "navbar-mobile-menu-content", className: (0, import_helix43.cn)(import_helix43.navbarMobileMenuContentBase, className), ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_collapsible.CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { "data-slot": "navbar-mobile-menu-content", className: (0, import_helix44.cn)(import_helix44.navbarMobileMenuContentBase, className), ...props, children }) });
 }
 function NavbarMenuViewport({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_navigation_menu.NavigationMenuViewport, { className: (0, import_helix43.cn)(import_helix43.navbarMenuViewportBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuViewport, { className: (0, import_helix44.cn)(import_helix44.navbarMenuViewportBase, className), ...props });
 }
 function NavbarMenuIndicator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_navigation_menu.NavigationMenuIndicator, { className: (0, import_helix43.cn)(import_helix43.navbarMenuIndicatorBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuIndicator, { className: (0, import_helix44.cn)(import_helix44.navbarMenuIndicatorBase, className), ...props });
 }
 function NavbarActions({ className, children, ...props }) {
   useNavbarSlot("actions", children);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_factory32.ark.div, { "data-slot": "navbar-actions", className: (0, import_helix43.cn)(import_helix43.navbarActionsBase, className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_factory33.ark.div, { "data-slot": "navbar-actions", className: (0, import_helix44.cn)(import_helix44.navbarActionsBase, className), ...props, children });
 }
 function NavbarTrigger({
   className,
@@ -1272,7 +1397,7 @@ function NavbarTrigger({
   ...props
 }) {
   const { id, open, setOpen, floating } = useNavbar();
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "button",
     {
       type: "button",
@@ -1280,10 +1405,10 @@ function NavbarTrigger({
       "aria-expanded": open,
       "aria-controls": id,
       "aria-label": ariaLabel ?? "Toggle navigation menu",
-      className: (0, import_helix43.cn)((0, import_helix43.navbarTriggerVariants)({ floating }), "md:hidden", className),
+      className: (0, import_helix44.cn)((0, import_helix44.navbarTriggerVariants)({ floating }), "md:hidden", className),
       onClick: () => setOpen(!open),
       ...props,
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
         "svg",
         {
           className: "size-4",
@@ -1295,9 +1420,9 @@ function NavbarTrigger({
           strokeLinejoin: "round",
           "aria-hidden": "true",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
           ]
         }
       )
@@ -1314,14 +1439,14 @@ function NavbarMobileOverlay({ className, children, ...props }) {
     document.addEventListener("keydown", onKeydown);
     return () => document.removeEventListener("keydown", onKeydown);
   }, [open, setOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_portal.Portal, { container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_dialog.DialogRoot, { open, lazyMount: true, unmountOnExit: true, onOpenChange: ({ open: open2 }) => setOpen(open2), preventScroll: false, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_dialog.DialogBackdrop, { className: "absolute inset-0 z-[100] bg-background/60 backdrop-blur-sm" }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_dialog.DialogPositioner, { className: "absolute inset-0 z-[100]", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_dialog.DialogContent, { id, "data-slot": "navbar-mobile-overlay", className: (0, import_helix43.cn)(import_helix43.navbarMobileContentBase, className), ...props, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_dialog.DialogTitle, { className: "sr-only", children: "Navigation menu" }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_dialog.DialogDescription, { className: "sr-only", children: "Mobile navigation menu" }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: import_helix43.navbarMobileHeaderBase, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_portal.Portal, { container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_dialog.DialogRoot, { open, lazyMount: true, unmountOnExit: true, onOpenChange: ({ open: open2 }) => setOpen(open2), preventScroll: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_dialog.DialogBackdrop, { className: "absolute inset-0 z-[100] bg-background/60 backdrop-blur-sm" }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_dialog.DialogPositioner, { className: "absolute inset-0 z-[100]", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_dialog.DialogContent, { id, "data-slot": "navbar-mobile-overlay", className: (0, import_helix44.cn)(import_helix44.navbarMobileContentBase, className), ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_dialog.DialogTitle, { className: "sr-only", children: "Navigation menu" }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_dialog.DialogDescription, { className: "sr-only", children: "Mobile navigation menu" }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: import_helix44.navbarMobileHeaderBase, children: [
         slots.brand,
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_dialog.DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("button", { type: "button", "aria-label": "Close navigation menu", className: (0, import_helix43.cn)((0, import_helix43.navbarTriggerVariants)({ floating })), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_dialog.DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("button", { type: "button", "aria-label": "Close navigation menu", className: (0, import_helix44.cn)((0, import_helix44.navbarTriggerVariants)({ floating })), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           "svg",
           {
             className: "size-4",
@@ -1332,15 +1457,366 @@ function NavbarMobileOverlay({ className, children, ...props }) {
             strokeLinecap: "round",
             strokeLinejoin: "round",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M18 6 6 18M6 6l12 12" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { d: "M18 6 6 18M6 6l12 12" })
           }
         ) }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: import_helix43.navbarMobileMenuBase, children }),
-      slots.actions ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: import_helix43.navbarMobileActionsBase, children: slots.actions }) : null
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: import_helix44.navbarMobileMenuBase, children }),
+      slots.actions ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: import_helix44.navbarMobileActionsBase, children: slots.actions }) : null
     ] }) })
   ] }) });
 }
+
+// src/field.tsx
+var import_field = require("@ark-ui/react/field");
+var import_fieldset = require("@ark-ui/react/fieldset");
+var import_helix46 = require("@cloudvoyant/helix");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+function Field({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_field.FieldRoot, { className: (0, import_helix46.cn)(import_helix46.fieldRootBase, className), ...props });
+}
+function FieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_field.FieldLabel, { className: (0, import_helix46.cn)(import_helix46.fieldLabelBase, className), ...props });
+}
+function FieldHelper({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_field.FieldHelperText, { className: (0, import_helix46.cn)(import_helix46.fieldHelperBase, className), ...props });
+}
+function FieldError({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_field.FieldErrorText, { className: (0, import_helix46.cn)(import_helix46.fieldErrorBase, className), ...props });
+}
+function FieldRequiredIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_field.FieldRequiredIndicator, { className: (0, import_helix46.cn)(import_helix46.fieldRequiredIndicatorBase, className), ...props });
+}
+function FieldSet({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_fieldset.FieldsetRoot, { className: (0, import_helix46.cn)(import_helix46.fieldsetRootBase, className), ...props });
+}
+function FieldSetLegend({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_fieldset.FieldsetLegend, { className: (0, import_helix46.cn)(import_helix46.fieldsetLegendBase, className), ...props });
+}
+function FieldSetHelper({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_fieldset.FieldsetHelperText, { className: (0, import_helix46.cn)(import_helix46.fieldsetHelperBase, className), ...props });
+}
+function FieldSetError({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_fieldset.FieldsetErrorText, { className: (0, import_helix46.cn)(import_helix46.fieldsetErrorBase, className), ...props });
+}
+var useField = import_field.useFieldContext;
+
+// src/input.tsx
+var import_field2 = require("@ark-ui/react/field");
+var import_helix47 = require("@cloudvoyant/helix");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+function Input2({ className, size, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_field2.FieldInput, { className: (0, import_helix47.cn)((0, import_helix47.inputVariants)({ size }), className), ...props });
+}
+
+// src/textarea.tsx
+var import_field3 = require("@ark-ui/react/field");
+var import_helix48 = require("@cloudvoyant/helix");
+var import_jsx_runtime47 = require("react/jsx-runtime");
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_field3.FieldTextarea, { className: (0, import_helix48.cn)(import_helix48.textareaBase, className), ...props });
+}
+
+// src/number-input.tsx
+var import_number_input = require("@ark-ui/react/number-input");
+var import_helix49 = require("@cloudvoyant/helix");
+var import_jsx_runtime48 = require("react/jsx-runtime");
+function NumberInput({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_number_input.NumberInputRoot, { className: (0, import_helix49.cn)(import_helix49.numberInputRootBase, className), ...props });
+}
+function NumberInputControl({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_number_input.NumberInputControl, { className: (0, import_helix49.cn)(import_helix49.numberInputControlBase, className), ...props });
+}
+function NumberInputInput({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_number_input.NumberInputInput, { className: (0, import_helix49.cn)(import_helix49.numberInputInputBase, className), ...props });
+}
+function NumberInputDecrement({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_number_input.NumberInputDecrementTrigger, { "aria-label": "Decrement", className: (0, import_helix49.cn)(import_helix49.numberInputTriggerBase, className), ...props });
+}
+function NumberInputIncrement({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_number_input.NumberInputIncrementTrigger, { "aria-label": "Increment", className: (0, import_helix49.cn)(import_helix49.numberInputTriggerBase, className), ...props });
+}
+var useNumberInput = import_number_input.useNumberInputContext;
+
+// src/checkbox.tsx
+var import_react2 = require("react");
+var import_checkbox = require("@ark-ui/react/checkbox");
+var import_helix50 = require("@cloudvoyant/helix");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var CheckboxSizeContext = (0, import_react2.createContext)("md");
+function Checkbox({ className, size = "md", children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(CheckboxSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_checkbox.CheckboxRoot, { className: (0, import_helix50.cn)("flex items-center gap-2", className), ...props, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_checkbox.CheckboxHiddenInput, {})
+  ] }) });
+}
+function CheckboxControl({ className, ...props }) {
+  const size = (0, import_react2.useContext)(CheckboxSizeContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_checkbox.CheckboxControl, { className: (0, import_helix50.cn)((0, import_helix50.checkboxVariants)({ size }), className), ...props });
+}
+function CheckboxIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_checkbox.CheckboxIndicator, { className: (0, import_helix50.cn)(import_helix50.checkboxIndicatorBase, className), ...props });
+}
+function CheckboxLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_checkbox.CheckboxLabel, { className: (0, import_helix50.cn)(import_helix50.checkboxLabelBase, className), ...props });
+}
+function CheckboxGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_checkbox.CheckboxGroup, { className: (0, import_helix50.cn)(import_helix50.checkboxGroupBase, className), ...props });
+}
+var useCheckbox = import_checkbox.useCheckboxContext;
+
+// src/switch.tsx
+var import_react3 = require("react");
+var import_switch = require("@ark-ui/react/switch");
+var import_helix51 = require("@cloudvoyant/helix");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var SwitchSizeContext = (0, import_react3.createContext)("md");
+function Switch({ className, size = "md", children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SwitchSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_switch.SwitchRoot, { className: (0, import_helix51.cn)("flex items-center gap-2", className), ...props, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_switch.SwitchHiddenInput, {})
+  ] }) });
+}
+function SwitchControl({ className, ...props }) {
+  const size = (0, import_react3.useContext)(SwitchSizeContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_switch.SwitchControl, { className: (0, import_helix51.cn)((0, import_helix51.switchVariants)({ size }), import_helix51.switchControlBase, className), ...props });
+}
+function SwitchThumb({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_switch.SwitchThumb, { className: (0, import_helix51.cn)(import_helix51.switchThumbBase, className), ...props });
+}
+function SwitchLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_switch.SwitchLabel, { className: (0, import_helix51.cn)(import_helix51.switchLabelBase, className), ...props });
+}
+var useSwitch = import_switch.useSwitchContext;
+
+// src/select.tsx
+var import_factory34 = require("@ark-ui/react/factory");
+var import_portal2 = require("@ark-ui/react/portal");
+var import_react5 = require("react");
+var import_select = require("@ark-ui/react/select");
+var import_helix52 = require("@cloudvoyant/helix");
+
+// src/use-media-query.ts
+var import_react4 = require("react");
+function useMediaQuery(query) {
+  return (0, import_react4.useSyncExternalStore)(
+    (onStoreChange) => {
+      const mql = window.matchMedia(query);
+      mql.addEventListener("change", onStoreChange);
+      return () => mql.removeEventListener("change", onStoreChange);
+    },
+    () => window.matchMedia(query).matches,
+    () => false
+  );
+}
+
+// src/select.tsx
+var import_jsx_runtime51 = require("react/jsx-runtime");
+function Select({ items, collection, size, children, ...props }) {
+  const isCoarse = useMediaQuery("(pointer: coarse)");
+  const resolvedCollection = (0, import_react5.useMemo)(
+    () => collection ?? (0, import_select.createListCollection)({ items: items ?? [] }),
+    [collection, items]
+  );
+  if (isCoarse && items) {
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      SelectNative,
+      {
+        items,
+        size,
+        value: props.value?.[0],
+        defaultValue: props.defaultValue?.[0],
+        onValueChange: (value) => props.onValueChange?.({ value: [value], items: items.filter((i) => i.value === value) }),
+        invalid: props.invalid,
+        disabled: props.disabled,
+        name: props.name,
+        form: props.form,
+        required: props.required
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_select.SelectRoot, { collection: resolvedCollection, ...props, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectHiddenSelect, {})
+  ] });
+}
+function SelectTrigger({ size = "md", className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectTrigger, { className: (0, import_helix52.cn)((0, import_helix52.inputVariants)({ size }), import_helix52.selectTriggerBase, className), ...props });
+}
+function SelectValue({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectValueText, { className: (0, import_helix52.cn)(import_helix52.selectValueBase, className), ...props });
+}
+function SelectIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectIndicator, { className: (0, import_helix52.cn)(import_helix52.selectIndicatorBase, className), ...props });
+}
+function SelectClearTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectClearTrigger, { "aria-label": "Clear selection", className: (0, import_helix52.cn)(import_helix52.selectClearTriggerBase, className), ...props });
+}
+function SelectContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_portal2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectPositioner, { className: import_helix52.selectPositionerBase, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectContent, { className: (0, import_helix52.cn)(import_helix52.selectContentBase, className), ...props }) }) });
+}
+function SelectItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectItemGroup, { className, ...props });
+}
+function SelectItemGroupLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectItemGroupLabel, { className: (0, import_helix52.cn)(import_helix52.selectItemGroupLabelBase, className), ...props });
+}
+function SelectItem({ item, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectItem, { item, className: (0, import_helix52.cn)(import_helix52.selectItemBase, className), ...props });
+}
+function SelectItemText({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectItemText, { className: (0, import_helix52.cn)(import_helix52.selectItemTextBase, className), ...props });
+}
+function SelectItemIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectItemIndicator, { className: (0, import_helix52.cn)(import_helix52.selectItemIndicatorBase, className), ...props });
+}
+var useSelect = import_select.useSelectContext;
+function ChevronDownIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { d: "m6 9 6 6 6-6" })
+    }
+  );
+}
+function SelectNative({
+  items = [],
+  value,
+  defaultValue,
+  onValueChange,
+  size = "md",
+  invalid,
+  icon,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_factory34.ark.div, { className: (0, import_helix52.cn)(import_helix52.nativeSelectWrapperBase, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      import_factory34.ark.select,
+      {
+        className: (0, import_helix52.nativeSelectVariants)({ size }),
+        value,
+        defaultValue,
+        onChange: (event) => onValueChange?.(event.currentTarget.value),
+        "aria-invalid": invalid,
+        ...props,
+        children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_factory34.ark.option, { value: item.value, disabled: item.disabled, children: item.label }, item.value))
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_factory34.ark.span, { className: import_helix52.nativeSelectIconBase, "aria-hidden": true, children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ChevronDownIcon, {}) })
+  ] });
+}
+
+// src/combobox.tsx
+var import_portal3 = require("@ark-ui/react/portal");
+var import_react6 = require("react");
+var import_combobox = require("@ark-ui/react/combobox");
+var import_helix53 = require("@cloudvoyant/helix");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+function Combobox({
+  items,
+  collection,
+  openOnClick = true,
+  lazyMount = true,
+  unmountOnExit = true,
+  ...props
+}) {
+  const resolvedCollection = (0, import_react6.useMemo)(
+    () => collection ?? (0, import_combobox.createListCollection)({ items: items ?? [] }),
+    [collection, items]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    import_combobox.ComboboxRoot,
+    {
+      collection: resolvedCollection,
+      openOnClick,
+      lazyMount,
+      unmountOnExit,
+      ...props
+    }
+  );
+}
+function ComboboxControl({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxControl, { className: (0, import_helix53.cn)(import_helix53.comboboxControlBase, className), ...props });
+}
+function ComboboxInput({ size = "md", className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxInput, { className: (0, import_helix53.cn)((0, import_helix53.inputVariants)({ size }), import_helix53.comboboxInputBase, className), ...props });
+}
+function ComboboxTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxTrigger, { className: (0, import_helix53.cn)(import_helix53.comboboxTriggerBase, className), ...props });
+}
+function ComboboxClear({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxClearTrigger, { "aria-label": "Clear", className: (0, import_helix53.cn)(import_helix53.comboboxClearTriggerBase, className), ...props });
+}
+function ComboboxContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_portal3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxPositioner, { className: import_helix53.comboboxPositionerBase, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxContent, { className: (0, import_helix53.cn)(import_helix53.comboboxContentBase, className), ...props }) }) });
+}
+function ComboboxItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxItemGroup, { className, ...props });
+}
+function ComboboxItemGroupLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxItemGroupLabel, { className: (0, import_helix53.cn)(import_helix53.comboboxItemGroupLabelBase, className), ...props });
+}
+function ComboboxItem({ item, showIndicator = true, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxItem, { item, persistFocus: true, className: (0, import_helix53.cn)((0, import_helix53.comboboxItemVariants)({ showIndicator }), className), ...props });
+}
+function ComboboxItemText({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxItemText, { className, ...props });
+}
+function ComboboxItemIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxItemIndicator, { className: (0, import_helix53.cn)(import_helix53.comboboxItemIndicatorBase, className), ...props });
+}
+function ComboboxList({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxList, { className: (0, import_helix53.cn)(import_helix53.comboboxListBase, className), ...props });
+}
+function ComboboxEmpty({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxEmpty, { className: (0, import_helix53.cn)(import_helix53.comboboxEmptyBase, className), ...props, children: children ?? "No results found." });
+}
+var useCombobox = import_combobox.useComboboxContext;
+
+// src/tags-input.tsx
+var import_tags_input = require("@ark-ui/react/tags-input");
+var import_helix54 = require("@cloudvoyant/helix");
+var import_jsx_runtime53 = require("react/jsx-runtime");
+function TagInput({ className, editable = false, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_tags_input.TagsInputRoot, { className: (0, import_helix54.cn)(import_helix54.tagsInputRootBase, className), editable, ...props, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputHiddenInput, {})
+  ] });
+}
+function TagInputControl({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputControl, { className: (0, import_helix54.cn)(import_helix54.tagsInputControlBase, className), ...props });
+}
+function TagInputInput({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputInput, { className: (0, import_helix54.cn)(import_helix54.tagsInputInputBase, className), ...props });
+}
+function TagInputItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputItem, { className: (0, import_helix54.cn)(import_helix54.tagsInputItemBase, className), ...props });
+}
+function TagInputItemPreview({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputItemPreview, { className, ...props });
+}
+function TagInputItemText({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputItemText, { className: (0, import_helix54.cn)(import_helix54.tagsInputItemTextBase, className), ...props });
+}
+function TagInputItemInput({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputItemInput, { className: (0, import_helix54.cn)(import_helix54.tagsInputItemInputBase, className), ...props });
+}
+function TagInputItemDeleteTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputItemDeleteTrigger, { "aria-label": "Remove tag", className: (0, import_helix54.cn)(import_helix54.tagsInputItemDeleteTriggerBase, className), ...props });
+}
+function TagInputClearTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputClearTrigger, { "aria-label": "Clear all tags", className: (0, import_helix54.cn)(import_helix54.tagsInputClearTriggerBase, className), ...props });
+}
+var TagInputContext = import_tags_input.TagsInputContext;
+var useTagInput = import_tags_input.useTagsInputContext;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Badge,
@@ -1353,9 +1829,37 @@ function NavbarMobileOverlay({ className, children, ...props }) {
   CardHeader,
   CardTitle,
   Center,
+  Checkbox,
+  CheckboxControl,
+  CheckboxGroup,
+  CheckboxIndicator,
+  CheckboxLabel,
   Col,
+  Combobox,
+  ComboboxClear,
+  ComboboxContent,
+  ComboboxControl,
+  ComboboxEmpty,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxItemGroup,
+  ComboboxItemGroupLabel,
+  ComboboxItemIndicator,
+  ComboboxItemText,
+  ComboboxList,
+  ComboboxTrigger,
   Container,
+  Field,
+  FieldError,
+  FieldHelper,
+  FieldLabel,
+  FieldRequiredIndicator,
+  FieldSet,
+  FieldSetError,
+  FieldSetHelper,
+  FieldSetLegend,
   HStack,
+  Input,
   Item,
   Navbar,
   NavbarActions,
@@ -1376,6 +1880,16 @@ function NavbarMobileOverlay({ className, children, ...props }) {
   NavbarMobileOverlay,
   NavbarProvider,
   NavbarTrigger,
+  NumberInput,
+  NumberInputControl,
+  NumberInputDecrement,
+  NumberInputIncrement,
+  NumberInputInput,
+  Page,
+  PageContent,
+  PageFooter,
+  PageGutter,
+  PageSection,
   Pagination,
   PaginationEllipsis,
   PaginationItem,
@@ -1384,6 +1898,18 @@ function NavbarMobileOverlay({ className, children, ...props }) {
   PaginationPrevious,
   Row,
   Scroll,
+  Select,
+  SelectClearTrigger,
+  SelectContent,
+  SelectIndicator,
+  SelectItem,
+  SelectItemGroup,
+  SelectItemGroupLabel,
+  SelectItemIndicator,
+  SelectItemText,
+  SelectNative,
+  SelectTrigger,
+  SelectValue,
   Sidebar,
   SidebarContent,
   SidebarFooter,
@@ -1411,15 +1937,38 @@ function NavbarMobileOverlay({ className, children, ...props }) {
   SplitterResizeTrigger,
   SplitterResizeTriggerIndicator,
   Stack,
+  Switch,
+  SwitchControl,
+  SwitchLabel,
+  SwitchThumb,
   Tabs,
   TabsContent,
   TabsList,
   TabsTrigger,
+  TagInput,
+  TagInputClearTrigger,
+  TagInputContext,
+  TagInputControl,
+  TagInputInput,
+  TagInputItem,
+  TagInputItemDeleteTrigger,
+  TagInputItemInput,
+  TagInputItemPreview,
+  TagInputItemText,
+  Textarea,
   ToggleButton,
   ToggleButtonIndicator,
   VStack,
   navbarMenuTriggerStyle,
+  useCheckbox,
+  useCombobox,
+  useField,
+  useMediaQuery,
   useNavbar,
+  useNumberInput,
+  useSelect,
   useSidebar,
-  useTabs
+  useSwitch,
+  useTabs,
+  useTagInput
 });