@cloudvoyant/helix-react 0.14.0 → 0.15.0-rc.202608311146.0b9bacc

package/dist/index.cjs

@@ -60,6 +60,16 @@ __export(index_exports, {
   ComboboxList: () => ComboboxList,
   ComboboxTrigger: () => ComboboxTrigger,
   Container: () => Container,
+  Dialog: () => Dialog,
+  DialogBackdrop: () => DialogBackdrop,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogDismiss: () => DialogDismiss,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogProvider: () => DialogProvider,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
   Field: () => Field,
   FieldError: () => FieldError,
   FieldHelper: () => FieldHelper,
@@ -72,6 +82,7 @@ __export(index_exports, {
   HStack: () => HStack,
   Input: () => Input2,
   Item: () => Item,
+  Mermaid: () => Mermaid,
   Navbar: () => Navbar,
   NavbarActions: () => NavbarActions,
   NavbarActivationArea: () => NavbarActivationArea,
@@ -107,6 +118,16 @@ __export(index_exports, {
   PaginationItems: () => PaginationItems,
   PaginationNext: () => PaginationNext,
   PaginationPrevious: () => PaginationPrevious,
+  Popover: () => Popover,
+  PopoverAnchor: () => PopoverAnchor,
+  PopoverContent: () => PopoverContent,
+  PopoverDescription: () => PopoverDescription,
+  PopoverDismiss: () => PopoverDismiss,
+  PopoverIndicator: () => PopoverIndicator,
+  PopoverProvider: () => PopoverProvider,
+  PopoverTitle: () => PopoverTitle,
+  PopoverTrigger: () => PopoverTrigger,
+  Portal: () => import_portal5.Portal,
   Row: () => Row,
   Scroll: () => Scroll,
   Select: () => Select,
@@ -169,19 +190,41 @@ __export(index_exports, {
   Textarea: () => Textarea,
   ToggleButton: () => ToggleButton,
   ToggleButtonIndicator: () => ToggleButtonIndicator,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
   VStack: () => VStack,
-  navbarMenuTriggerStyle: () => import_helix45.navbarMenuTriggerStyle,
+  Window: () => Window,
+  WindowBody: () => WindowBody,
+  WindowControl: () => WindowControl,
+  WindowDismiss: () => WindowDismiss,
+  WindowDragTrigger: () => WindowDragTrigger,
+  WindowHeader: () => WindowHeader,
+  WindowProvider: () => WindowProvider,
+  WindowResizeTrigger: () => WindowResizeTrigger,
+  WindowStageTrigger: () => WindowStageTrigger,
+  WindowTitle: () => WindowTitle,
+  navbarMenuTriggerStyle: () => import_helix49.navbarMenuTriggerStyle,
   useCheckbox: () => useCheckbox,
   useCombobox: () => useCombobox,
+  useDialog: () => import_dialog.useDialog,
+  useDialogContext: () => import_dialog.useDialogContext,
   useField: () => useField,
   useMediaQuery: () => useMediaQuery,
   useNavbar: () => useNavbar,
   useNumberInput: () => useNumberInput,
+  usePopover: () => import_popover.usePopover,
+  usePopoverContext: () => import_popover.usePopoverContext,
   useSelect: () => useSelect,
   useSidebar: () => useSidebar,
   useSwitch: () => useSwitch,
   useTabs: () => useTabs,
-  useTagInput: () => useTagInput
+  useTagInput: () => useTagInput,
+  useTooltip: () => import_tooltip.useTooltip,
+  useTooltipContext: () => import_tooltip.useTooltipContext,
+  useWindow: () => import_floating_panel.useFloatingPanel,
+  useWindowContext: () => import_floating_panel.useFloatingPanelContext
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -204,57 +247,197 @@ function ToggleButtonIndicator(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_toggle.ToggleIndicator, { ...props });
 }
 
-// src/badge.tsx
-var import_factory2 = require("@ark-ui/react/factory");
+// src/tooltip.tsx
+var import_tooltip = require("@ark-ui/react/tooltip");
+var import_portal = require("@ark-ui/react/portal");
 var import_helix3 = require("@cloudvoyant/helix");
 var import_jsx_runtime3 = require("react/jsx-runtime");
+function Tooltip(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipRoot, { ...props });
+}
+function TooltipProvider(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipRootProvider, { ...props });
+}
+function TooltipTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipTrigger, { className: (0, import_helix3.cn)(className), ...props });
+}
+function TooltipContent({ arrow = true, className, ...props }) {
+  const tooltip = (0, import_tooltip.useTooltipContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_portal.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_tooltip.TooltipPositioner, { className: import_helix3.tooltipPositionerBase, children: [
+    arrow && tooltip.open ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipArrow, { className: import_helix3.tooltipArrowBase, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipArrowTip, {}) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipContent, { className: (0, import_helix3.cn)(import_helix3.tooltipContentBase, className), ...props })
+  ] }) });
+}
+
+// src/popover.tsx
+var import_popover = require("@ark-ui/react/popover");
+var import_portal2 = require("@ark-ui/react/portal");
+var import_helix4 = require("@cloudvoyant/helix");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function Popover(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverRoot, { ...props });
+}
+function PopoverProvider(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverRootProvider, { ...props });
+}
+function PopoverTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverTrigger, { className: (0, import_helix4.cn)(className), ...props });
+}
+function PopoverAnchor({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverAnchor, { className: (0, import_helix4.cn)(className), ...props });
+}
+function PopoverContent({ arrow = false, className, ...props }) {
+  const popover = (0, import_popover.usePopoverContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_portal2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_popover.PopoverPositioner, { className: import_helix4.popoverPositionerBase, children: [
+    arrow && popover.open ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverArrow, { className: import_helix4.popoverArrowBase, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverArrowTip, {}) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverContent, { className: (0, import_helix4.cn)(import_helix4.popoverContentBase, className), ...props })
+  ] }) });
+}
+function PopoverTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverTitle, { className: (0, import_helix4.cn)(import_helix4.popoverTitleBase, className), ...props });
+}
+function PopoverDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverDescription, { className: (0, import_helix4.cn)(import_helix4.popoverDescriptionBase, className), ...props });
+}
+function PopoverDismiss({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverCloseTrigger, { "aria-label": "Close", className: (0, import_helix4.cn)(import_helix4.popoverCloseTriggerBase, className), ...props });
+}
+function PopoverIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverIndicator, { className: (0, import_helix4.cn)(import_helix4.popoverIndicatorBase, className), ...props });
+}
+
+// src/dialog.tsx
+var import_dialog = require("@ark-ui/react/dialog");
+var import_portal3 = require("@ark-ui/react/portal");
+var import_helix5 = require("@cloudvoyant/helix");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Dialog(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogRoot, { ...props });
+}
+function DialogProvider(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogRootProvider, { ...props });
+}
+function DialogTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogTrigger, { className: (0, import_helix5.cn)(className), ...props });
+}
+function DialogBackdrop({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_portal3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogBackdrop, { className: (0, import_helix5.cn)(import_helix5.dialogBackdropBase, className), ...props }) });
+}
+function DialogContent({ positionerClassName, fullscreen, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_portal3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogPositioner, { className: (0, import_helix5.cn)(import_helix5.dialogPositionerBase, fullscreen && "p-0", positionerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_dialog.DialogContent,
+    {
+      className: (0, import_helix5.cn)(import_helix5.dialogContentBase, fullscreen && import_helix5.dialogFullscreenContentBase, className),
+      ...props
+    }
+  ) }) });
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogTitle, { className: (0, import_helix5.cn)(import_helix5.dialogTitleBase, className), ...props });
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogDescription, { className: (0, import_helix5.cn)(import_helix5.dialogDescriptionBase, className), ...props });
+}
+function DialogHeader({ sticky, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: (0, import_helix5.cn)(import_helix5.dialogHeaderBase, sticky && import_helix5.dialogHeaderStickyBase, className), ...props });
+}
+function DialogFooter({ sticky, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: (0, import_helix5.cn)(import_helix5.dialogFooterBase, sticky && import_helix5.dialogFooterStickyBase, className), ...props });
+}
+function DialogDismiss({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogCloseTrigger, { "aria-label": "Close", className: (0, import_helix5.cn)(import_helix5.dialogCloseTriggerBase, className), ...props });
+}
+
+// src/window.tsx
+var import_floating_panel = require("@ark-ui/react/floating-panel");
+var import_portal4 = require("@ark-ui/react/portal");
+var import_helix6 = require("@cloudvoyant/helix");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Window({ className, positionerClassName, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelRoot, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal4.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelPositioner, { className: (0, import_helix6.cn)(import_helix6.windowPositionerBase, positionerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelContent, { className: (0, import_helix6.cn)(import_helix6.windowContentBase, className), children }) }) }) });
+}
+function WindowProvider(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelRootProvider, { ...props });
+}
+function WindowDragTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelDragTrigger, { className: (0, import_helix6.cn)(import_helix6.windowDragTriggerBase, className), ...props });
+}
+function WindowHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelHeader, { className: (0, import_helix6.cn)(import_helix6.windowHeaderBase, className), ...props });
+}
+function WindowTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelTitle, { className: (0, import_helix6.cn)(import_helix6.windowTitleBase, className), ...props });
+}
+function WindowControl({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelControl, { className: (0, import_helix6.cn)(import_helix6.windowControlBase, className), ...props });
+}
+function WindowStageTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelStageTrigger, { className: (0, import_helix6.cn)(import_helix6.windowStageTriggerBase, className), ...props });
+}
+function WindowDismiss({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelCloseTrigger, { "aria-label": "Close", className: (0, import_helix6.cn)(import_helix6.windowCloseTriggerBase, className), ...props });
+}
+function WindowBody({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelBody, { className: (0, import_helix6.cn)(import_helix6.windowBodyBase, className), ...props });
+}
+function WindowResizeTrigger({ axis = "se", className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelResizeTrigger, { axis, className: (0, import_helix6.cn)(import_helix6.windowResizeTriggerBase, className), ...props });
+}
+
+// src/badge.tsx
+var import_factory2 = require("@ark-ui/react/factory");
+var import_helix7 = require("@cloudvoyant/helix");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function Badge({ className, variant, color, size, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_factory2.ark.span, { className: (0, import_helix3.cn)((0, import_helix3.badgeVariants)({ variant, color, size }), className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_factory2.ark.span, { className: (0, import_helix7.cn)((0, import_helix7.badgeVariants)({ variant, color, size }), className), ...props });
 }
 
 // src/container.tsx
 var import_factory3 = require("@ark-ui/react/factory");
-var import_helix4 = require("@cloudvoyant/helix");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_helix8 = require("@cloudvoyant/helix");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function Container({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_factory3.ark.div, { className: (0, import_helix4.cn)(import_helix4.containerBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_factory3.ark.div, { className: (0, import_helix8.cn)(import_helix8.containerBase, className), ...props });
 }
 
 // src/row.tsx
 var import_factory4 = require("@ark-ui/react/factory");
-var import_helix5 = require("@cloudvoyant/helix");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_helix9 = require("@cloudvoyant/helix");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Row({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_factory4.ark.div, { className: (0, import_helix5.cn)(import_helix5.rowBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_factory4.ark.div, { className: (0, import_helix9.cn)(import_helix9.rowBase, className), ...props });
 }
 
 // src/col.tsx
 var import_factory5 = require("@ark-ui/react/factory");
-var import_helix6 = require("@cloudvoyant/helix");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_helix10 = require("@cloudvoyant/helix");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function Col({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_factory5.ark.div, { className: (0, import_helix6.cn)(import_helix6.colBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_factory5.ark.div, { className: (0, import_helix10.cn)(import_helix10.colBase, className), ...props });
 }
 
 // src/center.tsx
 var import_factory6 = require("@ark-ui/react/factory");
-var import_helix7 = require("@cloudvoyant/helix");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_helix11 = require("@cloudvoyant/helix");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function Center({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_factory6.ark.div, { className: (0, import_helix7.cn)(import_helix7.centerBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_factory6.ark.div, { className: (0, import_helix11.cn)(import_helix11.centerBase, className), ...props });
 }
 
+// src/portal.tsx
+var import_portal5 = require("@ark-ui/react/portal");
+
 // src/item.tsx
 var import_factory7 = require("@ark-ui/react/factory");
-var import_helix8 = require("@cloudvoyant/helix");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_helix12 = require("@cloudvoyant/helix");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function Item({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_factory7.ark.div, { className: (0, import_helix8.cn)((0, import_helix8.itemVariants)({ variant }), className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_factory7.ark.div, { className: (0, import_helix12.cn)((0, import_helix12.itemVariants)({ variant }), className), ...props });
 }
 
 // src/card/root.tsx
 var import_factory8 = require("@ark-ui/react/factory");
-var import_helix9 = require("@cloudvoyant/helix");
+var import_helix13 = require("@cloudvoyant/helix");
 
 // src/card/context.ts
 var import_react = require("react");
@@ -264,62 +447,62 @@ function useCardOrientation() {
 }
 
 // src/card/root.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function Card({ className, variant, size, orientation, children, ...props }) {
   const resolvedOrientation = orientation ?? "vertical";
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CardOrientationContext.Provider, { value: resolvedOrientation, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_factory8.ark.div, { className: (0, import_helix9.cn)((0, import_helix9.cardVariants)({ variant, size, orientation: resolvedOrientation }), className), ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CardOrientationContext.Provider, { value: resolvedOrientation, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_factory8.ark.div, { className: (0, import_helix13.cn)((0, import_helix13.cardVariants)({ variant, size, orientation: resolvedOrientation }), className), ...props, children }) });
 }
 
 // src/card/header.tsx
 var import_factory9 = require("@ark-ui/react/factory");
-var import_helix10 = require("@cloudvoyant/helix");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_helix14 = require("@cloudvoyant/helix");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_factory9.ark.div, { className: (0, import_helix10.cn)(import_helix10.cardHeaderBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_factory9.ark.div, { className: (0, import_helix14.cn)(import_helix14.cardHeaderBase, className), ...props });
 }
 
 // src/card/body.tsx
 var import_factory10 = require("@ark-ui/react/factory");
-var import_helix11 = require("@cloudvoyant/helix");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_helix15 = require("@cloudvoyant/helix");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function CardBody({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_factory10.ark.div, { className: (0, import_helix11.cn)(import_helix11.cardBodyBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_factory10.ark.div, { className: (0, import_helix15.cn)(import_helix15.cardBodyBase, className), ...props });
 }
 
 // src/card/footer.tsx
 var import_factory11 = require("@ark-ui/react/factory");
-var import_helix12 = require("@cloudvoyant/helix");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_helix16 = require("@cloudvoyant/helix");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_factory11.ark.div, { className: (0, import_helix12.cn)(import_helix12.cardFooterBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_factory11.ark.div, { className: (0, import_helix16.cn)(import_helix16.cardFooterBase, className), ...props });
 }
 
 // src/card/title.tsx
 var import_factory12 = require("@ark-ui/react/factory");
-var import_helix13 = require("@cloudvoyant/helix");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_helix17 = require("@cloudvoyant/helix");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_factory12.ark.h3, { className: (0, import_helix13.cn)(import_helix13.cardTitleBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_factory12.ark.h3, { className: (0, import_helix17.cn)(import_helix17.cardTitleBase, className), ...props });
 }
 
 // src/card/description.tsx
 var import_factory13 = require("@ark-ui/react/factory");
-var import_helix14 = require("@cloudvoyant/helix");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_helix18 = require("@cloudvoyant/helix");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_factory13.ark.p, { className: (0, import_helix14.cn)(import_helix14.cardDescriptionBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_factory13.ark.p, { className: (0, import_helix18.cn)(import_helix18.cardDescriptionBase, className), ...props });
 }
 
 // src/card/cover.tsx
 var import_factory14 = require("@ark-ui/react/factory");
-var import_helix15 = require("@cloudvoyant/helix");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_helix19 = require("@cloudvoyant/helix");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function CardCover({ className, variant, orientation, ...props }) {
   const contextOrientation = useCardOrientation();
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     import_factory14.ark.div,
     {
-      className: (0, import_helix15.cn)((0, import_helix15.cardCoverVariants)({ variant, orientation: orientation ?? contextOrientation }), className),
+      className: (0, import_helix19.cn)((0, import_helix19.cardCoverVariants)({ variant, orientation: orientation ?? contextOrientation }), className),
       ...props
     }
   );
@@ -327,22 +510,22 @@ function CardCover({ className, variant, orientation, ...props }) {
 
 // src/stack.tsx
 var import_factory15 = require("@ark-ui/react/factory");
-var import_helix16 = require("@cloudvoyant/helix");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_helix20 = require("@cloudvoyant/helix");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function Stack({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_factory15.ark.div, { className: (0, import_helix16.cn)(import_helix16.stackBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_factory15.ark.div, { className: (0, import_helix20.cn)(import_helix20.stackBase, className), ...props });
 }
 function HStack({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_factory15.ark.div, { className: (0, import_helix16.cn)(import_helix16.hstackBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_factory15.ark.div, { className: (0, import_helix20.cn)(import_helix20.hstackBase, className), ...props });
 }
 function VStack({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_factory15.ark.div, { className: (0, import_helix16.cn)(import_helix16.vstackBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_factory15.ark.div, { className: (0, import_helix20.cn)(import_helix20.vstackBase, className), ...props });
 }
 
 // src/scroll.tsx
 var import_scroll_area = require("@ark-ui/react/scroll-area");
-var import_helix17 = require("@cloudvoyant/helix");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_helix21 = require("@cloudvoyant/helix");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Scroll({
   className,
   orientation = "vertical",
@@ -353,22 +536,22 @@ function Scroll({
   children,
   ...props
 }) {
-  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 }) }),
-    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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_scroll_area.ScrollAreaRoot, { className: (0, import_helix21.cn)(import_helix21.scrollRootBase, className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_scroll_area.ScrollAreaViewport, { className: (0, import_helix21.cn)(import_helix21.scrollViewportBase, viewportClassName), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_scroll_area.ScrollAreaContent, { className: (0, import_helix21.cn)(import_helix21.scrollContentBase, contentClassName), children }) }),
+    variant === "hidden" ? null : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+      (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_scroll_area.ScrollAreaScrollbar, { orientation: "vertical", className: import_helix21.scrollScrollbarBase, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_scroll_area.ScrollAreaThumb, { className: (0, import_helix21.cn)(import_helix21.scrollThumbBase, thumbClassName) }) }),
+      (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_scroll_area.ScrollAreaScrollbar, { orientation: "horizontal", className: import_helix21.scrollScrollbarBase, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_scroll_area.ScrollAreaThumb, { className: (0, import_helix21.cn)(import_helix21.scrollThumbBase, thumbClassName) }) }),
+      orientation === "both" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_scroll_area.ScrollAreaCorner, { className: import_helix21.scrollCornerBase })
     ] })
   ] });
 }
 
 // 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");
+var import_helix22 = require("@cloudvoyant/helix");
+var import_jsx_runtime22 = 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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_factory16.ark.div, { "data-slot": "page", className: (0, import_helix22.cn)((0, import_helix22.pageVariants)({ variant }), className), ...props, children });
 }
 function PageGutter({
   side = "left",
@@ -378,22 +561,22 @@ function PageGutter({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.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)(
+      className: (0, import_helix22.cn)(import_helix22.pageGutterAreaBase, side === "right" && "[grid-area:right]"),
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         import_factory16.ark.div,
         {
           "data-slot": "page-gutter",
-          className: (0, import_helix18.cn)((0, import_helix18.pageGutterVariants)({ side }), className),
+          className: (0, import_helix22.cn)((0, import_helix22.pageGutterVariants)({ side }), className),
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             import_factory16.ark.div,
             {
               "data-slot": "page-gutter-content",
-              className: (0, import_helix18.cn)((0, import_helix18.pageGutterContentVariants)({ align }), contentClassName),
+              className: (0, import_helix22.cn)((0, import_helix22.pageGutterContentVariants)({ align }), contentClassName),
               children
             }
           )
@@ -403,28 +586,28 @@ function PageGutter({
   );
 }
 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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_factory16.ark.main, { "data-slot": "page-content", className: (0, import_helix22.cn)(import_helix22.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_factory16.ark.footer, { "data-slot": "page-footer", className: (0, import_helix22.cn)(import_helix22.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_factory16.ark.section, { "data-slot": "page-section", className: (0, import_helix22.cn)(import_helix22.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");
+var import_helix23 = require("@cloudvoyant/helix");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function Splitter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_splitter.SplitterRoot, { className: (0, import_helix19.cn)(import_helix19.splitterRootBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_splitter.SplitterRoot, { className: (0, import_helix23.cn)(import_helix23.splitterRootBase, className), ...props });
 }
 function SplitterPanel({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_splitter.SplitterPanel, { className: (0, import_helix19.cn)(import_helix19.splitterPanelBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_splitter.SplitterPanel, { className: (0, import_helix23.cn)(import_helix23.splitterPanelBase, className), ...props });
 }
 function SplitterResizeTrigger({ className, children, ...props }) {
-  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 }),
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_splitter.SplitterResizeTrigger, { className: (0, import_helix23.cn)(import_helix23.splitterResizeTriggerBase, className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-hidden": true, "data-part": "separator", className: import_helix23.splitterResizeTriggerSeparatorBase }),
     children
   ] });
 }
@@ -432,10 +615,10 @@ function SplitterResizeTriggerIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_splitter.SplitterResizeTriggerIndicator,
     {
-      className: (0, import_helix19.cn)(import_helix19.splitterResizeTriggerIndicatorBase, className),
+      className: (0, import_helix23.cn)(import_helix23.splitterResizeTriggerIndicatorBase, className),
       ...props
     }
   );
@@ -443,7 +626,7 @@ function SplitterResizeTriggerIndicator({
 
 // src/sidebar/Provider.tsx
 var React2 = __toESM(require("react"), 1);
-var import_helix20 = require("@cloudvoyant/helix");
+var import_helix24 = require("@cloudvoyant/helix");
 
 // src/sidebar/context.ts
 var React = __toESM(require("react"), 1);
@@ -457,7 +640,7 @@ function useSidebar() {
 }
 
 // src/sidebar/Provider.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 function useIsMobile() {
@@ -515,7 +698,7 @@ function Provider({
   }, [openProp]);
   React2.useEffect(() => {
     const handleKeyDown = (event) => {
-      if (event.key === import_helix20.SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+      if (event.key === import_helix24.SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
         toggleSidebar();
       }
@@ -536,16 +719,16 @@ function Provider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     Row,
     {
       "data-slot": "sidebar-wrapper",
       style: {
-        "--sidebar-width": import_helix20.SIDEBAR_WIDTH,
-        "--sidebar-width-icon": import_helix20.SIDEBAR_WIDTH_ICON,
+        "--sidebar-width": import_helix24.SIDEBAR_WIDTH,
+        "--sidebar-width-icon": import_helix24.SIDEBAR_WIDTH_ICON,
         ...style
       },
-      className: (0, import_helix20.cn)(import_helix20.sidebarStyles.wrapperClass, className),
+      className: (0, import_helix24.cn)(import_helix24.sidebarStyles.wrapperClass, className),
       ...props,
       children
     }
@@ -554,8 +737,8 @@ function Provider({
 
 // src/sidebar/Root.tsx
 var import_drawer = require("@ark-ui/react/drawer");
-var import_helix21 = require("@cloudvoyant/helix");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_helix25 = require("@cloudvoyant/helix");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Root({
   side = "left",
   variant = "sidebar",
@@ -566,39 +749,39 @@ function Root({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       Col,
       {
         "data-slot": "sidebar",
         "data-sidebar": "sidebar",
-        className: (0, import_helix21.cn)("h-full w-(--sidebar-width) bg-sidebar text-sidebar-foreground", className),
+        className: (0, import_helix25.cn)("h-full w-(--sidebar-width) bg-sidebar text-sidebar-foreground", className),
         ...props,
         children
       }
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
       import_drawer.DrawerRoot,
       {
         open: openMobile,
         onOpenChange: (details) => setOpenMobile(details.open),
         ...props,
         children: [
-          /* @__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)(
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_drawer.DrawerBackdrop, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_drawer.DrawerPositioner, { className: "w-(--sidebar-width)", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
             import_drawer.DrawerContent,
             {
               "data-sidebar": "sidebar",
               "data-slot": "sidebar",
               "data-mobile": "true",
-              className: (0, import_helix21.cn)("w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground", className),
-              style: { "--sidebar-width": import_helix21.SIDEBAR_WIDTH_MOBILE },
+              className: (0, import_helix25.cn)("w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground", className),
+              style: { "--sidebar-width": import_helix25.SIDEBAR_WIDTH_MOBILE },
               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 })
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_drawer.DrawerTitle, { className: "sr-only", children: "Sidebar" }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_drawer.DrawerDescription, { className: "sr-only", children: "Displays the mobile sidebar." }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_drawer.DrawerCloseTrigger, { className: "hidden" }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Col, { className: "h-full w-full", children })
               ]
             }
           ) })
@@ -606,7 +789,7 @@ function Root({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "div",
     {
       className: "group peer hidden text-sidebar-foreground md:block",
@@ -616,35 +799,35 @@ function Root({
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "div",
           {
             "data-slot": "sidebar-gap",
-            className: (0, import_helix21.cn)(
-              import_helix21.sidebarStyles.gapClass,
+            className: (0, import_helix25.cn)(
+              import_helix25.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_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "div",
           {
             "data-slot": "sidebar-container",
-            className: (0, import_helix21.cn)(
-              import_helix21.sidebarStyles.containerClass,
+            className: (0, import_helix25.cn)(
+              import_helix25.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_runtime21.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "div",
               {
                 "data-sidebar": "sidebar",
                 "data-slot": "sidebar-inner",
                 "data-variant": variant,
-                className: (0, import_helix21.cn)(import_helix21.sidebarStyles.innerClass),
+                className: (0, import_helix25.cn)(import_helix25.sidebarStyles.innerClass),
                 children
               }
             )
@@ -656,30 +839,30 @@ function Root({
 }
 
 // src/sidebar/Header.tsx
-var import_helix22 = require("@cloudvoyant/helix");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_helix26 = require("@cloudvoyant/helix");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function Header({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     Col,
     {
       "data-slot": "sidebar-header",
       "data-sidebar": "header",
-      className: (0, import_helix22.cn)(import_helix22.sidebarStyles.headerClass, className),
+      className: (0, import_helix26.cn)(import_helix26.sidebarStyles.headerClass, className),
       ...props
     }
   );
 }
 
 // src/sidebar/Footer.tsx
-var import_helix23 = require("@cloudvoyant/helix");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_helix27 = require("@cloudvoyant/helix");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function Footer({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Col,
     {
       "data-slot": "sidebar-footer",
       "data-sidebar": "footer",
-      className: (0, import_helix23.cn)(import_helix23.sidebarStyles.footerClass, className),
+      className: (0, import_helix27.cn)(import_helix27.sidebarStyles.footerClass, className),
       ...props
     }
   );
@@ -687,59 +870,59 @@ function Footer({ className, ...props }) {
 
 // src/sidebar/Separator.tsx
 var import_factory17 = require("@ark-ui/react/factory");
-var import_helix24 = require("@cloudvoyant/helix");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_helix28 = require("@cloudvoyant/helix");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Separator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     import_factory17.ark.div,
     {
       "data-slot": "sidebar-separator",
       "data-sidebar": "separator",
       role: "separator",
-      className: (0, import_helix24.cn)(import_helix24.sidebarStyles.separatorClass, className),
+      className: (0, import_helix28.cn)(import_helix28.sidebarStyles.separatorClass, className),
       ...props
     }
   );
 }
 
 // src/sidebar/Content.tsx
-var import_helix25 = require("@cloudvoyant/helix");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_helix29 = require("@cloudvoyant/helix");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function Content({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     Col,
     {
       "data-slot": "sidebar-content",
       "data-sidebar": "content",
-      className: (0, import_helix25.cn)(import_helix25.sidebarStyles.contentClass, className),
+      className: (0, import_helix29.cn)(import_helix29.sidebarStyles.contentClass, className),
       ...props
     }
   );
 }
 
 // src/sidebar/Group.tsx
-var import_helix26 = require("@cloudvoyant/helix");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_helix30 = require("@cloudvoyant/helix");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function Group({ label, className, children, ...props }) {
-  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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Col, { "data-slot": "sidebar-group", "data-sidebar": "group", className: (0, import_helix30.cn)(import_helix30.sidebarStyles.groupClass, className), ...props, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: (0, import_helix30.cn)(import_helix30.sidebarStyles.groupLabelClass), children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: (0, import_helix30.cn)(import_helix30.sidebarStyles.groupContentClass), children })
   ] });
 }
 
 // src/sidebar/GroupAction.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_helix31 = require("@cloudvoyant/helix");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function GroupAction({ className, asChild = false, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_factory18.ark.button,
     {
       "data-slot": "sidebar-group-action",
       "data-sidebar": "group-action",
       asChild,
       type: "button",
-      className: (0, import_helix27.cn)(import_helix27.sidebarStyles.groupActionClass, className),
+      className: (0, import_helix31.cn)(import_helix31.sidebarStyles.groupActionClass, className),
       ...props
     }
   );
@@ -747,15 +930,15 @@ function GroupAction({ className, asChild = false, ...props }) {
 
 // src/sidebar/Menu.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_helix32 = require("@cloudvoyant/helix");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function Menu({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     import_factory19.ark.ul,
     {
       "data-slot": "sidebar-menu",
       "data-sidebar": "menu",
-      className: (0, import_helix28.cn)(import_helix28.sidebarStyles.menuClass, className),
+      className: (0, import_helix32.cn)(import_helix32.sidebarStyles.menuClass, className),
       ...props
     }
   );
@@ -763,15 +946,15 @@ function Menu({ className, ...props }) {
 
 // src/sidebar/MenuItem.tsx
 var import_factory20 = require("@ark-ui/react/factory");
-var import_helix29 = require("@cloudvoyant/helix");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_helix33 = require("@cloudvoyant/helix");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function MenuItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     import_factory20.ark.li,
     {
       "data-slot": "sidebar-menu-item",
       "data-sidebar": "menu-item",
-      className: (0, import_helix29.cn)(import_helix29.sidebarStyles.menuItemClass, className),
+      className: (0, import_helix33.cn)(import_helix33.sidebarStyles.menuItemClass, className),
       ...props
     }
   );
@@ -779,9 +962,9 @@ function MenuItem({ className, ...props }) {
 
 // src/sidebar/MenuButton.tsx
 var import_factory21 = require("@ark-ui/react/factory");
-var import_tooltip = require("@ark-ui/react/tooltip");
-var import_helix30 = require("@cloudvoyant/helix");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_tooltip2 = require("@ark-ui/react/tooltip");
+var import_helix34 = require("@cloudvoyant/helix");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function MenuButton({
   asChild = false,
   isActive = false,
@@ -793,7 +976,7 @@ function MenuButton({
   ...props
 }) {
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  const button = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     import_factory21.ark.button,
     {
       "data-slot": "sidebar-menu-button",
@@ -802,7 +985,7 @@ function MenuButton({
       "data-active": isActive,
       asChild,
       type: "button",
-      className: (0, import_helix30.cn)((0, import_helix30.sidebarMenuButtonVariants)({ variant, size }), className),
+      className: (0, import_helix34.cn)((0, import_helix34.sidebarMenuButtonVariants)({ variant, size }), className),
       ...props,
       children
     }
@@ -811,42 +994,42 @@ function MenuButton({
     return button;
   }
   const tooltipContent = typeof tooltip === "string" ? { children: tooltip } : tooltip;
-  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 }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_tooltip2.TooltipRoot, { openDelay: 0, positioning: { placement: "right", gutter: 8 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_tooltip2.TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_tooltip2.TooltipPositioner, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_tooltip2.TooltipContent, { className: (0, import_helix34.cn)(import_helix34.sidebarStyles.tooltipContentClass), ...tooltipContent }) })
   ] });
 }
 
 // src/sidebar/MenuLink.tsx
-var import_helix31 = require("@cloudvoyant/helix");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_helix35 = require("@cloudvoyant/helix");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function MenuLink({ icon, href, onClick, isActive, variant, size, tooltip, className, children }) {
-  const content = /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+  const content = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
     icon,
-    children != null && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children })
+    children != null && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children })
   ] });
-  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 }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("li", { "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: (0, import_helix35.cn)(import_helix35.sidebarStyles.menuItemClass), children: href != null ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(MenuButton, { asChild: true, isActive, variant, size, tooltip, className, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("a", { href, onClick, children: content }) }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(MenuButton, { isActive, variant, size, tooltip, className, onClick, children: content }) });
 }
 
 // src/sidebar/MenuAction.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_helix36 = require("@cloudvoyant/helix");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function MenuAction({
   className,
   asChild = false,
   showOnHover = false,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     import_factory22.ark.button,
     {
       "data-slot": "sidebar-menu-action",
       "data-sidebar": "menu-action",
       asChild,
       type: "button",
-      className: (0, import_helix32.cn)(
-        import_helix32.sidebarStyles.menuActionClass,
+      className: (0, import_helix36.cn)(
+        import_helix36.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
       ),
@@ -857,15 +1040,15 @@ function MenuAction({
 
 // src/sidebar/MenuBadge.tsx
 var import_factory23 = require("@ark-ui/react/factory");
-var import_helix33 = require("@cloudvoyant/helix");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_helix37 = require("@cloudvoyant/helix");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function MenuBadge({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_factory23.ark.div,
     {
       "data-slot": "sidebar-menu-badge",
       "data-sidebar": "menu-badge",
-      className: (0, import_helix33.cn)(import_helix33.sidebarStyles.menuBadgeClass, className),
+      className: (0, import_helix37.cn)(import_helix37.sidebarStyles.menuBadgeClass, className),
       ...props
     }
   );
@@ -874,26 +1057,26 @@ function MenuBadge({ className, ...props }) {
 // src/sidebar/MenuSkeleton.tsx
 var React3 = __toESM(require("react"), 1);
 var import_factory24 = require("@ark-ui/react/factory");
-var import_helix34 = require("@cloudvoyant/helix");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_helix38 = require("@cloudvoyant/helix");
+var import_jsx_runtime38 = 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_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     import_factory24.ark.div,
     {
       "data-slot": "sidebar-menu-skeleton",
       "data-sidebar": "menu-skeleton",
-      className: (0, import_helix34.cn)(import_helix34.sidebarStyles.menuSkeletonClass, className),
+      className: (0, import_helix38.cn)(import_helix38.sidebarStyles.menuSkeletonClass, className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           import_factory24.ark.div,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1 animate-pulse rounded-md bg-sidebar-accent",
@@ -908,15 +1091,15 @@ function MenuSkeleton({ className, showIcon = false, ...props }) {
 
 // src/sidebar/MenuSub.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_helix39 = require("@cloudvoyant/helix");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function MenuSub({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_factory25.ark.ul,
     {
       "data-slot": "sidebar-menu-sub",
       "data-sidebar": "menu-sub",
-      className: (0, import_helix35.cn)(import_helix35.sidebarStyles.menuSubClass, className),
+      className: (0, import_helix39.cn)(import_helix39.sidebarStyles.menuSubClass, className),
       ...props
     }
   );
@@ -924,15 +1107,15 @@ function MenuSub({ className, ...props }) {
 
 // src/sidebar/MenuSubItem.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_helix40 = require("@cloudvoyant/helix");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function MenuSubItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     import_factory26.ark.li,
     {
       "data-slot": "sidebar-menu-sub-item",
       "data-sidebar": "menu-sub-item",
-      className: (0, import_helix36.cn)(import_helix36.sidebarStyles.menuSubItemClass, className),
+      className: (0, import_helix40.cn)(import_helix40.sidebarStyles.menuSubItemClass, className),
       ...props
     }
   );
@@ -940,8 +1123,8 @@ function MenuSubItem({ className, ...props }) {
 
 // src/sidebar/MenuSubButton.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_helix41 = require("@cloudvoyant/helix");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function MenuSubButton({
   asChild = false,
   size = "md",
@@ -949,7 +1132,7 @@ function MenuSubButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     import_factory27.ark.a,
     {
       "data-slot": "sidebar-menu-sub-button",
@@ -957,7 +1140,7 @@ function MenuSubButton({
       "data-size": size,
       "data-active": isActive,
       asChild,
-      className: (0, import_helix37.cn)(import_helix37.sidebarStyles.menuSubButtonClass, className),
+      className: (0, import_helix41.cn)(import_helix41.sidebarStyles.menuSubButtonClass, className),
       ...props
     }
   );
@@ -965,18 +1148,18 @@ function MenuSubButton({
 
 // src/sidebar/Trigger.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_helix42 = require("@cloudvoyant/helix");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function Trigger({ className, onClick, children, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_factory28.ark.button,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
       type: "button",
       "aria-label": "Toggle Sidebar",
-      className: (0, import_helix38.cn)(import_helix38.sidebarStyles.triggerClass, className),
+      className: (0, import_helix42.cn)(import_helix42.sidebarStyles.triggerClass, className),
       onClick: (event) => {
         onClick?.(event);
         toggleSidebar();
@@ -989,11 +1172,11 @@ function Trigger({ className, onClick, children, ...props }) {
 
 // src/sidebar/Rail.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_helix43 = require("@cloudvoyant/helix");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Rail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     import_factory29.ark.button,
     {
       "data-sidebar": "rail",
@@ -1003,7 +1186,7 @@ function Rail({ className, ...props }) {
       tabIndex: -1,
       onClick: toggleSidebar,
       title: "Toggle Sidebar",
-      className: (0, import_helix39.cn)(import_helix39.sidebarStyles.railClass, className),
+      className: (0, import_helix43.cn)(import_helix43.sidebarStyles.railClass, className),
       ...props
     }
   );
@@ -1011,23 +1194,23 @@ function Rail({ className, ...props }) {
 
 // src/sidebar/Inset.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_helix44 = require("@cloudvoyant/helix");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function Inset({ 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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_factory30.ark.main, { "data-slot": "sidebar-inset", className: (0, import_helix44.cn)(import_helix44.sidebarStyles.insetClass, className), ...props });
 }
 
 // src/sidebar/Input.tsx
 var import_factory31 = require("@ark-ui/react/factory");
-var import_helix41 = require("@cloudvoyant/helix");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_helix45 = require("@cloudvoyant/helix");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function Input({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     import_factory31.ark.input,
     {
       "data-slot": "sidebar-input",
       "data-sidebar": "input",
-      className: (0, import_helix41.cn)(import_helix41.sidebarStyles.inputClass, className),
+      className: (0, import_helix45.cn)(import_helix45.sidebarStyles.inputClass, className),
       ...props
     }
   );
@@ -1035,44 +1218,44 @@ function Input({ className, ...props }) {
 
 // src/tabs.tsx
 var import_tabs = require("@ark-ui/react/tabs");
-var import_helix42 = require("@cloudvoyant/helix");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_helix46 = require("@cloudvoyant/helix");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function Tabs({ className, lazyMount = true, unmountOnExit = true, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     import_tabs.TabsRoot,
     {
       lazyMount,
       unmountOnExit,
-      className: (0, import_helix42.cn)(import_helix42.tabsRootBase, className),
+      className: (0, import_helix46.cn)(import_helix46.tabsRootBase, className),
       ...props
     }
   );
 }
 function TabsList({ variant = "default", className, children, ...props }) {
-  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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_tabs.TabList, { className: (0, import_helix46.cn)(import_helix46.tabsListBase, (0, import_helix46.tabsListVariants)({ variant }), className), ...props, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_tabs.TabIndicator, { className: (0, import_helix42.cn)(import_helix42.tabsIndicatorBase, (0, import_helix42.tabsIndicatorVariants)({ variant })) })
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_tabs.TabIndicator, { className: (0, import_helix46.cn)(import_helix46.tabsIndicatorBase, (0, import_helix46.tabsIndicatorVariants)({ variant })) })
   ] });
 }
 function TabsTrigger({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_tabs.TabTrigger, { className: (0, import_helix42.cn)(import_helix42.tabsTriggerBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_tabs.TabTrigger, { className: (0, import_helix46.cn)(import_helix46.tabsTriggerBase, className), ...props });
 }
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_tabs.TabContent, { className: (0, import_helix42.cn)(import_helix42.tabsContentBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_tabs.TabContent, { className: (0, import_helix46.cn)(import_helix46.tabsContentBase, className), ...props });
 }
 var useTabs = import_tabs.useTabsContext;
 
 // src/pagination.tsx
 var import_pagination = require("@ark-ui/react/pagination");
 var import_factory32 = require("@ark-ui/react/factory");
-var import_helix43 = require("@cloudvoyant/helix");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_helix47 = require("@cloudvoyant/helix");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_pagination.PaginationRoot, { className: (0, import_helix43.cn)(import_helix43.paginationRootBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_pagination.PaginationRoot, { className: (0, import_helix47.cn)(import_helix47.paginationRootBase, className), ...props });
 }
 function PaginationPrevious(props) {
-  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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_pagination.PaginationPrevTrigger, { asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_factory32.ark.button, { className: (0, import_helix47.cn)(import_helix47.paginationTriggerBase), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "svg",
       {
         viewBox: "0 0 24 24",
@@ -1082,16 +1265,16 @@ function PaginationPrevious(props) {
         strokeLinecap: "round",
         strokeLinejoin: "round",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "m15 18-6-6 6-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "m15 18-6-6 6-6" })
       }
     ),
     "Previous"
   ] }) });
 }
 function PaginationNext(props) {
-  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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_pagination.PaginationNextTrigger, { asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_factory32.ark.button, { className: (0, import_helix47.cn)(import_helix47.paginationTriggerBase), children: [
     "Next",
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "svg",
       {
         viewBox: "0 0 24 24",
@@ -1101,21 +1284,21 @@ function PaginationNext(props) {
         strokeLinecap: "round",
         strokeLinejoin: "round",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "m9 18 6-6-6-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "m9 18 6-6-6-6" })
       }
     )
   ] }) });
 }
 function PaginationItem({ className, children, ...rest }) {
-  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 }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_pagination.PaginationItem, { asChild: true, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_factory32.ark.button, { className: (0, import_helix47.cn)(import_helix47.paginationItemBase, className), children }) });
 }
 function PaginationItems() {
-  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}`)
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_pagination.PaginationContext, { children: ({ pages }) => pages.map(
+    (page, index) => page.type === "page" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PaginationItem, { type: "page", value: page.value, children: page.value }, page.value) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PaginationEllipsis, { index }, `ellipsis-${index}`)
   ) });
 }
 function PaginationEllipsis({ className, ...rest }) {
-  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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_pagination.PaginationEllipsis, { className: (0, import_helix47.cn)(import_helix47.paginationEllipsisBase, className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -1126,9 +1309,9 @@ function PaginationEllipsis({ className, ...rest }) {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__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" })
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("circle", { cx: "5", cy: "12", r: "1" })
       ]
     }
   ) });
@@ -1137,13 +1320,13 @@ function PaginationEllipsis({ className, ...rest }) {
 // src/navbar.tsx
 var React4 = __toESM(require("react"), 1);
 var import_factory33 = require("@ark-ui/react/factory");
-var import_portal = require("@ark-ui/react/portal");
+var import_portal6 = require("@ark-ui/react/portal");
 var import_collapsible = require("@ark-ui/react/collapsible");
-var import_dialog = require("@ark-ui/react/dialog");
+var import_dialog2 = require("@ark-ui/react/dialog");
 var import_navigation_menu = require("@ark-ui/react/navigation-menu");
-var import_helix44 = require("@cloudvoyant/helix");
-var import_helix45 = require("@cloudvoyant/helix");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_helix48 = require("@cloudvoyant/helix");
+var import_helix49 = require("@cloudvoyant/helix");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var SCROLL_THRESHOLD = 24;
 function resolveScrollContainer(el) {
   for (let n = el; n; n = n.parentElement) {
@@ -1206,7 +1389,7 @@ function NavbarProvider({
     }),
     [id, open, scrolled, hovered, slots, setSlot]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavbarContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(NavbarContext.Provider, { value: contextValue, children });
 }
 function Navbar({
   variant = "sticky",
@@ -1245,7 +1428,7 @@ function Navbar({
       el.style.overflow = prev;
     };
   }, [base.open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavbarContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(NavbarContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "header",
     {
       ref: headerRef,
@@ -1253,11 +1436,11 @@ function Navbar({
       "data-scrolled": base.scrolled || void 0,
       "data-hidden": hidden || void 0,
       "data-shrunk": shrunk || void 0,
-      className: (0, import_helix44.cn)(
-        (0, import_helix44.navbarVariants)({ variant, floating }),
-        import_helix44.navbarContainerBase,
-        (0, import_helix44.navbarDensityVariants)({ density }),
-        shrunk && import_helix44.navbarShrunkBase,
+      className: (0, import_helix48.cn)(
+        (0, import_helix48.navbarVariants)({ variant, floating }),
+        import_helix48.navbarContainerBase,
+        (0, import_helix48.navbarDensityVariants)({ density }),
+        shrunk && import_helix48.navbarShrunkBase,
         className
       ),
       onMouseEnter: () => setHovered(true),
@@ -1269,11 +1452,11 @@ function Navbar({
 }
 function NavbarActivationArea({ className, children, ...props }) {
   const { setHovered } = useNavbar();
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_factory33.ark.div,
     {
       "data-slot": "navbar-activation-area",
-      className: (0, import_helix44.cn)(import_helix44.navbarActivationAreaBase, className),
+      className: (0, import_helix48.cn)(import_helix48.navbarActivationAreaBase, className),
       onMouseEnter: () => setHovered(true),
       onMouseLeave: () => setHovered(false),
       ...props,
@@ -1283,7 +1466,7 @@ function NavbarActivationArea({ className, children, ...props }) {
 }
 function NavbarBrand({ className, children, ...props }) {
   useNavbarSlot("brand", 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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_factory33.ark.div, { "data-slot": "navbar-brand", className: (0, import_helix48.cn)(import_helix48.navbarBrandBase, className), ...props, children });
 }
 function NavbarMenu({
   placement = "center",
@@ -1293,21 +1476,21 @@ function NavbarMenu({
 }) {
   const { scrolled, density, variant } = useNavbar();
   const menuDensity = density === "compact" || variant === "shrink" && scrolled ? "compact" : "relaxed";
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavbarMenuStyleContext.Provider, { value: { density: menuDensity, variant: "default", inContent: false }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(NavbarMenuStyleContext.Provider, { value: { density: menuDensity, variant: "default", inContent: false }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_factory33.ark.div,
     {
       "data-slot": "navbar-menu",
       "data-placement": placement,
-      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: [
+      className: (0, import_helix48.cn)(import_helix48.navbarMenuBase, (0, import_helix48.navbarMenuPlacementVariants)({ placement }), className),
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_navigation_menu.NavigationMenuRoot, { "data-density": menuDensity, className: (0, import_helix48.cn)(import_helix48.navbarMenuRootBase), ...props, children: [
         children,
-        /* @__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) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_navigation_menu.NavigationMenuViewportPositioner, { className: (0, import_helix48.cn)(import_helix48.navbarMenuViewportPositionerBase), children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_navigation_menu.NavigationMenuViewport, { className: (0, import_helix48.cn)(import_helix48.navbarMenuViewportBase) }) })
       ] })
     }
   ) });
 }
 function NavbarMenuList({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuList, { className: (0, import_helix44.cn)(import_helix44.navbarMenuListBase, className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_navigation_menu.NavigationMenuList, { className: (0, import_helix48.cn)(import_helix48.navbarMenuListBase, className), ...props, children });
 }
 function NavbarMenuItem({
   variant = "default",
@@ -1315,11 +1498,11 @@ function NavbarMenuItem({
   ...props
 }) {
   const { density } = React4.useContext(NavbarMenuStyleContext);
-  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 }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(NavbarMenuStyleContext.Provider, { value: { density, variant, inContent: false }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_navigation_menu.NavigationMenuItem, { "data-variant": variant, className: (0, import_helix48.cn)(import_helix48.navbarMenuItemBase, className), ...props }) });
 }
 function NavbarMenuTrigger({ asChild, className, children, ...props }) {
   const { density, variant } = React4.useContext(NavbarMenuStyleContext);
-  const chevron = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  const chevron = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "svg",
     {
       className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
@@ -1330,36 +1513,36 @@ function NavbarMenuTrigger({ asChild, className, children, ...props }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { d: "m6 9 6 6 6-6" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "m6 9 6 6 6-6" })
     }
   );
-  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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_navigation_menu.NavigationMenuTrigger, { asChild, className: (0, import_helix48.cn)((0, import_helix48.navbarMenuTriggerStyle)({ density, variant }), className), ...props, children: asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
     children,
     chevron
   ] }) });
 }
 function NavbarMenuContent({ className, children, ...props }) {
-  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 }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(NavbarMenuStyleContext.Provider, { value: { density: "relaxed", variant: "default", inContent: true }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_navigation_menu.NavigationMenuContent, { className: (0, import_helix48.cn)(import_helix48.navbarMenuContentBase, className), ...props, children }) });
 }
 function NavbarMenuLink({ className, children, ...props }) {
   const { density, variant, inContent } = React4.useContext(NavbarMenuStyleContext);
-  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 });
+  const classes = inContent ? (0, import_helix48.cn)(import_helix48.navbarMenuLinkBase, className) : (0, import_helix48.cn)((0, import_helix48.navbarMenuTriggerStyle)({ density, variant }), className);
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_navigation_menu.NavigationMenuLink, { className: classes, ...props, children });
 }
 function NavbarMobileMenu({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_collapsible.CollapsibleRoot, { "data-slot": "navbar-mobile-menu", className: (0, import_helix44.cn)("group", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_collapsible.CollapsibleRoot, { "data-slot": "navbar-mobile-menu", className: (0, import_helix48.cn)("group", className), ...props, children });
 }
 function NavbarMobileMenuTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_collapsible.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_collapsible.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     "button",
     {
       type: "button",
       "data-slot": "navbar-mobile-menu-trigger",
-      className: (0, import_helix44.cn)(import_helix44.navbarMobileMenuTriggerBase, className),
+      className: (0, import_helix48.cn)(import_helix48.navbarMobileMenuTriggerBase, className),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "svg",
           {
             className: "size-4 transition-transform duration-200 group-data-[state=open]:rotate-180",
@@ -1370,7 +1553,7 @@ function NavbarMobileMenuTrigger({ className, children, ...props }) {
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { d: "m6 9 6 6 6-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "m6 9 6 6 6-6" })
           }
         )
       ]
@@ -1378,17 +1561,17 @@ function NavbarMobileMenuTrigger({ className, children, ...props }) {
   ) });
 }
 function NavbarMobileMenuContent({ className, children, ...props }) {
-  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 }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_collapsible.CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { "data-slot": "navbar-mobile-menu-content", className: (0, import_helix48.cn)(import_helix48.navbarMobileMenuContentBase, className), ...props, children }) });
 }
 function NavbarMenuViewport({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuViewport, { className: (0, import_helix44.cn)(import_helix44.navbarMenuViewportBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_navigation_menu.NavigationMenuViewport, { className: (0, import_helix48.cn)(import_helix48.navbarMenuViewportBase, className), ...props });
 }
 function NavbarMenuIndicator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuIndicator, { className: (0, import_helix44.cn)(import_helix44.navbarMenuIndicatorBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_navigation_menu.NavigationMenuIndicator, { className: (0, import_helix48.cn)(import_helix48.navbarMenuIndicatorBase, className), ...props });
 }
 function NavbarActions({ className, children, ...props }) {
   useNavbarSlot("actions", 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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_factory33.ark.div, { "data-slot": "navbar-actions", className: (0, import_helix48.cn)(import_helix48.navbarActionsBase, className), ...props, children });
 }
 function NavbarTrigger({
   className,
@@ -1397,7 +1580,7 @@ function NavbarTrigger({
   ...props
 }) {
   const { id, open, setOpen, floating } = useNavbar();
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "button",
     {
       type: "button",
@@ -1405,10 +1588,10 @@ function NavbarTrigger({
       "aria-expanded": open,
       "aria-controls": id,
       "aria-label": ariaLabel ?? "Toggle navigation menu",
-      className: (0, import_helix44.cn)((0, import_helix44.navbarTriggerVariants)({ floating }), "md:hidden", className),
+      className: (0, import_helix48.cn)((0, import_helix48.navbarTriggerVariants)({ floating }), "md:hidden", className),
       onClick: () => setOpen(!open),
       ...props,
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
         "svg",
         {
           className: "size-4",
@@ -1420,9 +1603,9 @@ function NavbarTrigger({
           strokeLinejoin: "round",
           "aria-hidden": "true",
           children: [
-            /* @__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" })
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
           ]
         }
       )
@@ -1439,14 +1622,14 @@ function NavbarMobileOverlay({ className, children, ...props }) {
     document.addEventListener("keydown", onKeydown);
     return () => document.removeEventListener("keydown", onKeydown);
   }, [open, setOpen]);
-  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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_portal6.Portal, { container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_dialog2.DialogRoot, { open, lazyMount: true, unmountOnExit: true, onOpenChange: ({ open: open2 }) => setOpen(open2), preventScroll: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_dialog2.DialogBackdrop, { className: "absolute inset-0 z-[100] bg-background/60 backdrop-blur-sm" }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_dialog2.DialogPositioner, { className: "absolute inset-0 z-[100]", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_dialog2.DialogContent, { id, "data-slot": "navbar-mobile-overlay", className: (0, import_helix48.cn)(import_helix48.navbarMobileContentBase, className), ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_dialog2.DialogTitle, { className: "sr-only", children: "Navigation menu" }),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_dialog2.DialogDescription, { className: "sr-only", children: "Mobile navigation menu" }),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: import_helix48.navbarMobileHeaderBase, children: [
         slots.brand,
-        /* @__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)(
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_dialog2.DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { type: "button", "aria-label": "Close navigation menu", className: (0, import_helix48.cn)((0, import_helix48.navbarTriggerVariants)({ floating })), children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "svg",
           {
             className: "size-4",
@@ -1457,12 +1640,12 @@ function NavbarMobileOverlay({ className, children, ...props }) {
             strokeLinecap: "round",
             strokeLinejoin: "round",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { d: "M18 6 6 18M6 6l12 12" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M18 6 6 18M6 6l12 12" })
           }
         ) }) })
       ] }),
-      /* @__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
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: import_helix48.navbarMobileMenuBase, children }),
+      slots.actions ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: import_helix48.navbarMobileActionsBase, children: slots.actions }) : null
     ] }) })
   ] }) });
 }
@@ -1470,131 +1653,131 @@ function NavbarMobileOverlay({ className, children, ...props }) {
 // 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");
+var import_helix50 = require("@cloudvoyant/helix");
+var import_jsx_runtime49 = 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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_field.FieldRoot, { className: (0, import_helix50.cn)(import_helix50.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_field.FieldLabel, { className: (0, import_helix50.cn)(import_helix50.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_field.FieldHelperText, { className: (0, import_helix50.cn)(import_helix50.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_field.FieldErrorText, { className: (0, import_helix50.cn)(import_helix50.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_field.FieldRequiredIndicator, { className: (0, import_helix50.cn)(import_helix50.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_fieldset.FieldsetRoot, { className: (0, import_helix50.cn)(import_helix50.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_fieldset.FieldsetLegend, { className: (0, import_helix50.cn)(import_helix50.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_fieldset.FieldsetHelperText, { className: (0, import_helix50.cn)(import_helix50.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_fieldset.FieldsetErrorText, { className: (0, import_helix50.cn)(import_helix50.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");
+var import_helix51 = require("@cloudvoyant/helix");
+var import_jsx_runtime50 = 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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_field2.FieldInput, { className: (0, import_helix51.cn)((0, import_helix51.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");
+var import_helix52 = require("@cloudvoyant/helix");
+var import_jsx_runtime51 = 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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_field3.FieldTextarea, { className: (0, import_helix52.cn)(import_helix52.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");
+var import_helix53 = require("@cloudvoyant/helix");
+var import_jsx_runtime52 = 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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_number_input.NumberInputRoot, { className: (0, import_helix53.cn)(import_helix53.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_number_input.NumberInputControl, { className: (0, import_helix53.cn)(import_helix53.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_number_input.NumberInputInput, { className: (0, import_helix53.cn)(import_helix53.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_number_input.NumberInputDecrementTrigger, { "aria-label": "Decrement", className: (0, import_helix53.cn)(import_helix53.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_number_input.NumberInputIncrementTrigger, { "aria-label": "Increment", className: (0, import_helix53.cn)(import_helix53.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 import_helix54 = require("@cloudvoyant/helix");
+var import_jsx_runtime53 = 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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CheckboxSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_checkbox.CheckboxRoot, { className: (0, import_helix54.cn)("flex items-center gap-2", className), ...props, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_checkbox.CheckboxHiddenInput, {})
+    /* @__PURE__ */ (0, import_jsx_runtime53.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_checkbox.CheckboxControl, { className: (0, import_helix54.cn)((0, import_helix54.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_checkbox.CheckboxIndicator, { className: (0, import_helix54.cn)(import_helix54.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_checkbox.CheckboxLabel, { className: (0, import_helix54.cn)(import_helix54.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_checkbox.CheckboxGroup, { className: (0, import_helix54.cn)(import_helix54.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 import_helix55 = require("@cloudvoyant/helix");
+var import_jsx_runtime54 = 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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SwitchSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_switch.SwitchRoot, { className: (0, import_helix55.cn)("flex items-center gap-2", className), ...props, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_switch.SwitchHiddenInput, {})
+    /* @__PURE__ */ (0, import_jsx_runtime54.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_switch.SwitchControl, { className: (0, import_helix55.cn)((0, import_helix55.switchVariants)({ size }), import_helix55.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_switch.SwitchThumb, { className: (0, import_helix55.cn)(import_helix55.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_switch.SwitchLabel, { className: (0, import_helix55.cn)(import_helix55.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_portal7 = require("@ark-ui/react/portal");
 var import_react5 = require("react");
 var import_select = require("@ark-ui/react/select");
-var import_helix52 = require("@cloudvoyant/helix");
+var import_helix56 = require("@cloudvoyant/helix");
 
 // src/use-media-query.ts
 var import_react4 = require("react");
@@ -1611,7 +1794,7 @@ function useMediaQuery(query) {
 }
 
 // src/select.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Select({ items, collection, size, children, ...props }) {
   const isCoarse = useMediaQuery("(pointer: coarse)");
   const resolvedCollection = (0, import_react5.useMemo)(
@@ -1619,7 +1802,7 @@ function Select({ items, collection, size, children, ...props }) {
     [collection, items]
   );
   if (isCoarse && items) {
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       SelectNative,
       {
         items,
@@ -1635,44 +1818,44 @@ function Select({ items, collection, size, children, ...props }) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_select.SelectRoot, { collection: resolvedCollection, ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_select.SelectRoot, { collection: resolvedCollection, ...props, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectHiddenSelect, {})
+    /* @__PURE__ */ (0, import_jsx_runtime55.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectTrigger, { className: (0, import_helix56.cn)((0, import_helix56.inputVariants)({ size }), import_helix56.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectValueText, { className: (0, import_helix56.cn)(import_helix56.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectIndicator, { className: (0, import_helix56.cn)(import_helix56.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectClearTrigger, { "aria-label": "Clear selection", className: (0, import_helix56.cn)(import_helix56.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 }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_portal7.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectPositioner, { className: import_helix56.selectPositionerBase, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectContent, { className: (0, import_helix56.cn)(import_helix56.selectContentBase, className), ...props }) }) });
 }
 function SelectItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectItemGroup, { className, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectItemGroupLabel, { className: (0, import_helix56.cn)(import_helix56.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectItem, { item, className: (0, import_helix56.cn)(import_helix56.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectItemText, { className: (0, import_helix56.cn)(import_helix56.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectItemIndicator, { className: (0, import_helix56.cn)(import_helix56.selectItemIndicatorBase, className), ...props });
 }
 var useSelect = import_select.useSelectContext;
 function ChevronDownIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -1682,7 +1865,7 @@ function ChevronDownIcon() {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { d: "m6 9 6 6 6-6" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "m6 9 6 6 6-6" })
     }
   );
 }
@@ -1697,29 +1880,29 @@ function SelectNative({
   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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_factory34.ark.div, { className: (0, import_helix56.cn)(import_helix56.nativeSelectWrapperBase, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       import_factory34.ark.select,
       {
-        className: (0, import_helix52.nativeSelectVariants)({ size }),
+        className: (0, import_helix56.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))
+        children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime55.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, {}) })
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_factory34.ark.span, { className: import_helix56.nativeSelectIconBase, "aria-hidden": true, children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ChevronDownIcon, {}) })
   ] });
 }
 
 // src/combobox.tsx
-var import_portal3 = require("@ark-ui/react/portal");
+var import_portal8 = 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");
+var import_helix57 = require("@cloudvoyant/helix");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Combobox({
   items,
   collection,
@@ -1732,7 +1915,7 @@ function Combobox({
     () => collection ?? (0, import_combobox.createListCollection)({ items: items ?? [] }),
     [collection, items]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     import_combobox.ComboboxRoot,
     {
       collection: resolvedCollection,
@@ -1744,79 +1927,137 @@ function Combobox({
   );
 }
 function ComboboxControl({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxControl, { className: (0, import_helix53.cn)(import_helix53.comboboxControlBase, className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxControl, { className: (0, import_helix57.cn)(import_helix57.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxInput, { className: (0, import_helix57.cn)((0, import_helix57.inputVariants)({ size }), import_helix57.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxTrigger, { className: (0, import_helix57.cn)(import_helix57.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxClearTrigger, { "aria-label": "Clear", className: (0, import_helix57.cn)(import_helix57.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 }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_portal8.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxPositioner, { className: import_helix57.comboboxPositionerBase, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxContent, { className: (0, import_helix57.cn)(import_helix57.comboboxContentBase, className), ...props }) }) });
 }
 function ComboboxItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxItemGroup, { className, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxItemGroupLabel, { className: (0, import_helix57.cn)(import_helix57.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxItem, { item, persistFocus: true, className: (0, import_helix57.cn)((0, import_helix57.comboboxItemVariants)({ showIndicator }), className), ...props });
 }
 function ComboboxItemText({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxItemText, { className, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxItemIndicator, { className: (0, import_helix57.cn)(import_helix57.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxList, { className: (0, import_helix57.cn)(import_helix57.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." });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxEmpty, { className: (0, import_helix57.cn)(import_helix57.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");
+var import_helix58 = require("@cloudvoyant/helix");
+var import_jsx_runtime57 = 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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_tags_input.TagsInputRoot, { className: (0, import_helix58.cn)(import_helix58.tagsInputRootBase, className), editable, ...props, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputHiddenInput, {})
+    /* @__PURE__ */ (0, import_jsx_runtime57.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tags_input.TagsInputControl, { className: (0, import_helix58.cn)(import_helix58.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tags_input.TagsInputInput, { className: (0, import_helix58.cn)(import_helix58.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tags_input.TagsInputItem, { className: (0, import_helix58.cn)(import_helix58.tagsInputItemBase, className), ...props });
 }
 function TagInputItemPreview({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputItemPreview, { className, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tags_input.TagsInputItemText, { className: (0, import_helix58.cn)(import_helix58.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tags_input.TagsInputItemInput, { className: (0, import_helix58.cn)(import_helix58.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tags_input.TagsInputItemDeleteTrigger, { "aria-label": "Remove tag", className: (0, import_helix58.cn)(import_helix58.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tags_input.TagsInputClearTrigger, { "aria-label": "Clear all tags", className: (0, import_helix58.cn)(import_helix58.tagsInputClearTriggerBase, className), ...props });
 }
 var TagInputContext = import_tags_input.TagsInputContext;
 var useTagInput = import_tags_input.useTagsInputContext;
+
+// src/mermaid.tsx
+var import_react7 = require("react");
+var import_factory35 = require("@ark-ui/react/factory");
+var import_helix59 = require("@cloudvoyant/helix");
+var import_jsx_runtime58 = require("react/jsx-runtime");
+function Mermaid({ code, svg, className, ...props }) {
+  const [status, setStatus] = (0, import_react7.useState)(svg !== void 0 ? "done" : "loading");
+  const [rendered, setRendered] = (0, import_react7.useState)(svg ?? null);
+  const aspectRatio = rendered !== null ? (0, import_helix59.mermaidSvgAspectRatio)(rendered) : void 0;
+  (0, import_react7.useEffect)(() => {
+    if (svg !== void 0) return;
+    let cancelled = false;
+    setStatus("loading");
+    setRendered(null);
+    (0, import_helix59.renderMermaidSource)(code).then((markup) => {
+      if (!cancelled) {
+        setRendered(markup);
+        setStatus("done");
+      }
+    }).catch(() => {
+      if (!cancelled) setStatus("error");
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [code, svg]);
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    import_factory35.ark.div,
+    {
+      ...props,
+      "data-mermaid-code": JSON.stringify(code),
+      "data-mermaid-src": rendered !== null ? code : void 0,
+      "data-mermaid-state": status,
+      style: aspectRatio !== void 0 ? { ...props.style, aspectRatio } : props.style,
+      className: (0, import_helix59.cn)(import_helix59.mermaidRootBase, className),
+      children: rendered !== null ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: import_helix59.mermaidSvgBase, dangerouslySetInnerHTML: { __html: rendered } }) : status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("pre", { className: import_helix59.mermaidSourceBase, children: code }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+          "div",
+          {
+            className: import_helix59.mermaidLoadingBase,
+            role: "status",
+            "aria-label": "Rendering diagram",
+            "data-mermaid-loading": true,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { "aria-hidden": "true", className: "h-5 w-5 shrink-0 animate-spin rounded-full border-2 border-muted-foreground/25 border-t-muted-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm text-muted-foreground", children: "Rendering diagram" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("noscript", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("style", { children: "[data-mermaid-loading]{display:none}" }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("pre", { className: import_helix59.mermaidSourceBase, children: code })
+        ] })
+      ] })
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Badge,
@@ -1849,6 +2090,16 @@ var useTagInput = import_tags_input.useTagsInputContext;
   ComboboxList,
   ComboboxTrigger,
   Container,
+  Dialog,
+  DialogBackdrop,
+  DialogContent,
+  DialogDescription,
+  DialogDismiss,
+  DialogFooter,
+  DialogHeader,
+  DialogProvider,
+  DialogTitle,
+  DialogTrigger,
   Field,
   FieldError,
   FieldHelper,
@@ -1861,6 +2112,7 @@ var useTagInput = import_tags_input.useTagsInputContext;
   HStack,
   Input,
   Item,
+  Mermaid,
   Navbar,
   NavbarActions,
   NavbarActivationArea,
@@ -1896,6 +2148,16 @@ var useTagInput = import_tags_input.useTagsInputContext;
   PaginationItems,
   PaginationNext,
   PaginationPrevious,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverDescription,
+  PopoverDismiss,
+  PopoverIndicator,
+  PopoverProvider,
+  PopoverTitle,
+  PopoverTrigger,
+  Portal,
   Row,
   Scroll,
   Select,
@@ -1958,17 +2220,39 @@ var useTagInput = import_tags_input.useTagsInputContext;
   Textarea,
   ToggleButton,
   ToggleButtonIndicator,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
   VStack,
+  Window,
+  WindowBody,
+  WindowControl,
+  WindowDismiss,
+  WindowDragTrigger,
+  WindowHeader,
+  WindowProvider,
+  WindowResizeTrigger,
+  WindowStageTrigger,
+  WindowTitle,
   navbarMenuTriggerStyle,
   useCheckbox,
   useCombobox,
+  useDialog,
+  useDialogContext,
   useField,
   useMediaQuery,
   useNavbar,
   useNumberInput,
+  usePopover,
+  usePopoverContext,
   useSelect,
   useSidebar,
   useSwitch,
   useTabs,
-  useTagInput
+  useTagInput,
+  useTooltip,
+  useTooltipContext,
+  useWindow,
+  useWindowContext
 });