@cloudvoyant/helix-react 0.14.0 → 0.15.0

package/dist/index.js

@@ -17,57 +17,283 @@ function ToggleButtonIndicator(props) {
   return /* @__PURE__ */ jsx2(ToggleIndicator, { ...props });
 }
 
+// src/tooltip.tsx
+import {
+  TooltipRoot as ArkTooltipRoot,
+  TooltipRootProvider as ArkTooltipRootProvider,
+  TooltipTrigger as ArkTooltipTrigger,
+  TooltipPositioner as ArkTooltipPositioner,
+  TooltipArrow as ArkTooltipArrow,
+  TooltipArrowTip as ArkTooltipArrowTip,
+  TooltipContent as ArkTooltipContent,
+  useTooltip,
+  useTooltipContext
+} from "@ark-ui/react/tooltip";
+import { Portal } from "@ark-ui/react/portal";
+import { tooltipPositionerBase, tooltipArrowBase, tooltipContentBase, cn as cn3 } from "@cloudvoyant/helix";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+function Tooltip(props) {
+  return /* @__PURE__ */ jsx3(ArkTooltipRoot, { ...props });
+}
+function TooltipProvider(props) {
+  return /* @__PURE__ */ jsx3(ArkTooltipRootProvider, { ...props });
+}
+function TooltipTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx3(ArkTooltipTrigger, { className: cn3(className), ...props });
+}
+function TooltipContent({ arrow = true, className, ...props }) {
+  const tooltip = useTooltipContext();
+  return /* @__PURE__ */ jsx3(Portal, { children: /* @__PURE__ */ jsxs(ArkTooltipPositioner, { className: tooltipPositionerBase, children: [
+    arrow && tooltip.open ? /* @__PURE__ */ jsx3(ArkTooltipArrow, { className: tooltipArrowBase, children: /* @__PURE__ */ jsx3(ArkTooltipArrowTip, {}) }) : null,
+    /* @__PURE__ */ jsx3(ArkTooltipContent, { className: cn3(tooltipContentBase, className), ...props })
+  ] }) });
+}
+
+// src/popover.tsx
+import {
+  PopoverRoot as ArkPopoverRoot,
+  PopoverRootProvider as ArkPopoverRootProvider,
+  PopoverTrigger as ArkPopoverTrigger,
+  PopoverAnchor as ArkPopoverAnchor,
+  PopoverPositioner as ArkPopoverPositioner,
+  PopoverArrow as ArkPopoverArrow,
+  PopoverArrowTip as ArkPopoverArrowTip,
+  PopoverContent as ArkPopoverContent,
+  PopoverTitle as ArkPopoverTitle,
+  PopoverDescription as ArkPopoverDescription,
+  PopoverCloseTrigger as ArkPopoverCloseTrigger,
+  PopoverIndicator as ArkPopoverIndicator,
+  usePopover,
+  usePopoverContext
+} from "@ark-ui/react/popover";
+import { Portal as Portal2 } from "@ark-ui/react/portal";
+import {
+  popoverPositionerBase,
+  popoverArrowBase,
+  popoverContentBase,
+  popoverTitleBase,
+  popoverDescriptionBase,
+  popoverCloseTriggerBase,
+  popoverIndicatorBase,
+  cn as cn4
+} from "@cloudvoyant/helix";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function Popover(props) {
+  return /* @__PURE__ */ jsx4(ArkPopoverRoot, { ...props });
+}
+function PopoverProvider(props) {
+  return /* @__PURE__ */ jsx4(ArkPopoverRootProvider, { ...props });
+}
+function PopoverTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(ArkPopoverTrigger, { className: cn4(className), ...props });
+}
+function PopoverAnchor({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(ArkPopoverAnchor, { className: cn4(className), ...props });
+}
+function PopoverContent({ arrow = false, className, ...props }) {
+  const popover = usePopoverContext();
+  return /* @__PURE__ */ jsx4(Portal2, { children: /* @__PURE__ */ jsxs2(ArkPopoverPositioner, { className: popoverPositionerBase, children: [
+    arrow && popover.open ? /* @__PURE__ */ jsx4(ArkPopoverArrow, { className: popoverArrowBase, children: /* @__PURE__ */ jsx4(ArkPopoverArrowTip, {}) }) : null,
+    /* @__PURE__ */ jsx4(ArkPopoverContent, { className: cn4(popoverContentBase, className), ...props })
+  ] }) });
+}
+function PopoverTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(ArkPopoverTitle, { className: cn4(popoverTitleBase, className), ...props });
+}
+function PopoverDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(ArkPopoverDescription, { className: cn4(popoverDescriptionBase, className), ...props });
+}
+function PopoverDismiss({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(ArkPopoverCloseTrigger, { "aria-label": "Close", className: cn4(popoverCloseTriggerBase, className), ...props });
+}
+function PopoverIndicator({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(ArkPopoverIndicator, { className: cn4(popoverIndicatorBase, className), ...props });
+}
+
+// src/dialog.tsx
+import {
+  DialogRoot as ArkDialogRoot,
+  DialogRootProvider as ArkDialogRootProvider,
+  DialogTrigger as ArkDialogTrigger,
+  DialogBackdrop as ArkDialogBackdrop,
+  DialogPositioner as ArkDialogPositioner,
+  DialogContent as ArkDialogContent,
+  DialogTitle as ArkDialogTitle,
+  DialogDescription as ArkDialogDescription,
+  DialogCloseTrigger as ArkDialogCloseTrigger,
+  useDialog,
+  useDialogContext
+} from "@ark-ui/react/dialog";
+import { Portal as Portal3 } from "@ark-ui/react/portal";
+import {
+  dialogBackdropBase,
+  dialogPositionerBase,
+  dialogContentBase,
+  dialogTitleBase,
+  dialogDescriptionBase,
+  dialogHeaderBase,
+  dialogFooterBase,
+  dialogHeaderStickyBase,
+  dialogFooterStickyBase,
+  dialogFullscreenContentBase,
+  dialogCloseTriggerBase,
+  cn as cn5
+} from "@cloudvoyant/helix";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function Dialog(props) {
+  return /* @__PURE__ */ jsx5(ArkDialogRoot, { ...props });
+}
+function DialogProvider(props) {
+  return /* @__PURE__ */ jsx5(ArkDialogRootProvider, { ...props });
+}
+function DialogTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(ArkDialogTrigger, { className: cn5(className), ...props });
+}
+function DialogBackdrop({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(Portal3, { children: /* @__PURE__ */ jsx5(ArkDialogBackdrop, { className: cn5(dialogBackdropBase, className), ...props }) });
+}
+function DialogContent({ positionerClassName, fullscreen, className, ...props }) {
+  return /* @__PURE__ */ jsx5(Portal3, { children: /* @__PURE__ */ jsx5(ArkDialogPositioner, { className: cn5(dialogPositionerBase, fullscreen && "p-0", positionerClassName), children: /* @__PURE__ */ jsx5(
+    ArkDialogContent,
+    {
+      className: cn5(dialogContentBase, fullscreen && dialogFullscreenContentBase, className),
+      ...props
+    }
+  ) }) });
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(ArkDialogTitle, { className: cn5(dialogTitleBase, className), ...props });
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(ArkDialogDescription, { className: cn5(dialogDescriptionBase, className), ...props });
+}
+function DialogHeader({ sticky, className, ...props }) {
+  return /* @__PURE__ */ jsx5("div", { className: cn5(dialogHeaderBase, sticky && dialogHeaderStickyBase, className), ...props });
+}
+function DialogFooter({ sticky, className, ...props }) {
+  return /* @__PURE__ */ jsx5("div", { className: cn5(dialogFooterBase, sticky && dialogFooterStickyBase, className), ...props });
+}
+function DialogDismiss({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(ArkDialogCloseTrigger, { "aria-label": "Close", className: cn5(dialogCloseTriggerBase, className), ...props });
+}
+
+// src/window.tsx
+import {
+  FloatingPanelRoot as ArkWindowRoot,
+  FloatingPanelRootProvider as ArkWindowRootProvider,
+  FloatingPanelPositioner as ArkWindowPositioner,
+  FloatingPanelContent as ArkWindowContent,
+  FloatingPanelHeader as ArkWindowHeader,
+  FloatingPanelTitle as ArkWindowTitle,
+  FloatingPanelControl as ArkWindowControl,
+  FloatingPanelStageTrigger as ArkWindowStageTrigger,
+  FloatingPanelCloseTrigger as ArkWindowCloseTrigger,
+  FloatingPanelDragTrigger as ArkWindowDragTrigger,
+  FloatingPanelBody as ArkWindowBody,
+  FloatingPanelResizeTrigger as ArkWindowResizeTrigger,
+  useFloatingPanel as useWindow,
+  useFloatingPanelContext as useWindowContext
+} from "@ark-ui/react/floating-panel";
+import { Portal as Portal4 } from "@ark-ui/react/portal";
+import {
+  windowPositionerBase,
+  windowContentBase,
+  windowDragTriggerBase,
+  windowHeaderBase,
+  windowTitleBase,
+  windowControlBase,
+  windowStageTriggerBase,
+  windowCloseTriggerBase,
+  windowBodyBase,
+  windowResizeTriggerBase,
+  cn as cn6
+} from "@cloudvoyant/helix";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function Window({ className, positionerClassName, children, ...props }) {
+  return /* @__PURE__ */ jsx6(ArkWindowRoot, { ...props, children: /* @__PURE__ */ jsx6(Portal4, { children: /* @__PURE__ */ jsx6(ArkWindowPositioner, { className: cn6(windowPositionerBase, positionerClassName), children: /* @__PURE__ */ jsx6(ArkWindowContent, { className: cn6(windowContentBase, className), children }) }) }) });
+}
+function WindowProvider(props) {
+  return /* @__PURE__ */ jsx6(ArkWindowRootProvider, { ...props });
+}
+function WindowDragTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(ArkWindowDragTrigger, { className: cn6(windowDragTriggerBase, className), ...props });
+}
+function WindowHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(ArkWindowHeader, { className: cn6(windowHeaderBase, className), ...props });
+}
+function WindowTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(ArkWindowTitle, { className: cn6(windowTitleBase, className), ...props });
+}
+function WindowControl({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(ArkWindowControl, { className: cn6(windowControlBase, className), ...props });
+}
+function WindowStageTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(ArkWindowStageTrigger, { className: cn6(windowStageTriggerBase, className), ...props });
+}
+function WindowDismiss({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(ArkWindowCloseTrigger, { "aria-label": "Close", className: cn6(windowCloseTriggerBase, className), ...props });
+}
+function WindowBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(ArkWindowBody, { className: cn6(windowBodyBase, className), ...props });
+}
+function WindowResizeTrigger({ axis = "se", className, ...props }) {
+  return /* @__PURE__ */ jsx6(ArkWindowResizeTrigger, { axis, className: cn6(windowResizeTriggerBase, className), ...props });
+}
+
 // src/badge.tsx
 import { ark as ark2 } from "@ark-ui/react/factory";
-import { badgeVariants, cn as cn3 } from "@cloudvoyant/helix";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { badgeVariants, cn as cn7 } from "@cloudvoyant/helix";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function Badge({ className, variant, color, size, ...props }) {
-  return /* @__PURE__ */ jsx3(ark2.span, { className: cn3(badgeVariants({ variant, color, size }), className), ...props });
+  return /* @__PURE__ */ jsx7(ark2.span, { className: cn7(badgeVariants({ variant, color, size }), className), ...props });
 }
 
 // src/container.tsx
 import { ark as ark3 } from "@ark-ui/react/factory";
-import { containerBase, cn as cn4 } from "@cloudvoyant/helix";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { containerBase, cn as cn8 } from "@cloudvoyant/helix";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function Container({ className, ...props }) {
-  return /* @__PURE__ */ jsx4(ark3.div, { className: cn4(containerBase, className), ...props });
+  return /* @__PURE__ */ jsx8(ark3.div, { className: cn8(containerBase, className), ...props });
 }
 
 // src/row.tsx
 import { ark as ark4 } from "@ark-ui/react/factory";
-import { rowBase, cn as cn5 } from "@cloudvoyant/helix";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { rowBase, cn as cn9 } from "@cloudvoyant/helix";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Row({ className, ...props }) {
-  return /* @__PURE__ */ jsx5(ark4.div, { className: cn5(rowBase, className), ...props });
+  return /* @__PURE__ */ jsx9(ark4.div, { className: cn9(rowBase, className), ...props });
 }
 
 // src/col.tsx
 import { ark as ark5 } from "@ark-ui/react/factory";
-import { colBase, cn as cn6 } from "@cloudvoyant/helix";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { colBase, cn as cn10 } from "@cloudvoyant/helix";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Col({ className, ...props }) {
-  return /* @__PURE__ */ jsx6(ark5.div, { className: cn6(colBase, className), ...props });
+  return /* @__PURE__ */ jsx10(ark5.div, { className: cn10(colBase, className), ...props });
 }
 
 // src/center.tsx
 import { ark as ark6 } from "@ark-ui/react/factory";
-import { centerBase, cn as cn7 } from "@cloudvoyant/helix";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { centerBase, cn as cn11 } from "@cloudvoyant/helix";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Center({ className, ...props }) {
-  return /* @__PURE__ */ jsx7(ark6.div, { className: cn7(centerBase, className), ...props });
+  return /* @__PURE__ */ jsx11(ark6.div, { className: cn11(centerBase, className), ...props });
 }
 
+// src/portal.tsx
+import { Portal as Portal5 } from "@ark-ui/react/portal";
+
 // src/item.tsx
 import { ark as ark7 } from "@ark-ui/react/factory";
-import { itemVariants, cn as cn8 } from "@cloudvoyant/helix";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { itemVariants, cn as cn12 } from "@cloudvoyant/helix";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function Item({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx8(ark7.div, { className: cn8(itemVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx12(ark7.div, { className: cn12(itemVariants({ variant }), className), ...props });
 }
 
 // src/card/root.tsx
 import { ark as ark8 } from "@ark-ui/react/factory";
-import { cardVariants, cn as cn9 } from "@cloudvoyant/helix";
+import { cardVariants, cn as cn13 } from "@cloudvoyant/helix";
 
 // src/card/context.ts
 import { createContext, useContext } from "react";
@@ -77,62 +303,62 @@ function useCardOrientation() {
 }
 
 // src/card/root.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function Card({ className, variant, size, orientation, children, ...props }) {
   const resolvedOrientation = orientation ?? "vertical";
-  return /* @__PURE__ */ jsx9(CardOrientationContext.Provider, { value: resolvedOrientation, children: /* @__PURE__ */ jsx9(ark8.div, { className: cn9(cardVariants({ variant, size, orientation: resolvedOrientation }), className), ...props, children }) });
+  return /* @__PURE__ */ jsx13(CardOrientationContext.Provider, { value: resolvedOrientation, children: /* @__PURE__ */ jsx13(ark8.div, { className: cn13(cardVariants({ variant, size, orientation: resolvedOrientation }), className), ...props, children }) });
 }
 
 // src/card/header.tsx
 import { ark as ark9 } from "@ark-ui/react/factory";
-import { cardHeaderBase, cn as cn10 } from "@cloudvoyant/helix";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { cardHeaderBase, cn as cn14 } from "@cloudvoyant/helix";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(ark9.div, { className: cn10(cardHeaderBase, className), ...props });
+  return /* @__PURE__ */ jsx14(ark9.div, { className: cn14(cardHeaderBase, className), ...props });
 }
 
 // src/card/body.tsx
 import { ark as ark10 } from "@ark-ui/react/factory";
-import { cardBodyBase, cn as cn11 } from "@cloudvoyant/helix";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { cardBodyBase, cn as cn15 } from "@cloudvoyant/helix";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function CardBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(ark10.div, { className: cn11(cardBodyBase, className), ...props });
+  return /* @__PURE__ */ jsx15(ark10.div, { className: cn15(cardBodyBase, className), ...props });
 }
 
 // src/card/footer.tsx
 import { ark as ark11 } from "@ark-ui/react/factory";
-import { cardFooterBase, cn as cn12 } from "@cloudvoyant/helix";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { cardFooterBase, cn as cn16 } from "@cloudvoyant/helix";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(ark11.div, { className: cn12(cardFooterBase, className), ...props });
+  return /* @__PURE__ */ jsx16(ark11.div, { className: cn16(cardFooterBase, className), ...props });
 }
 
 // src/card/title.tsx
 import { ark as ark12 } from "@ark-ui/react/factory";
-import { cardTitleBase, cn as cn13 } from "@cloudvoyant/helix";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { cardTitleBase, cn as cn17 } from "@cloudvoyant/helix";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(ark12.h3, { className: cn13(cardTitleBase, className), ...props });
+  return /* @__PURE__ */ jsx17(ark12.h3, { className: cn17(cardTitleBase, className), ...props });
 }
 
 // src/card/description.tsx
 import { ark as ark13 } from "@ark-ui/react/factory";
-import { cardDescriptionBase, cn as cn14 } from "@cloudvoyant/helix";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { cardDescriptionBase, cn as cn18 } from "@cloudvoyant/helix";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx14(ark13.p, { className: cn14(cardDescriptionBase, className), ...props });
+  return /* @__PURE__ */ jsx18(ark13.p, { className: cn18(cardDescriptionBase, className), ...props });
 }
 
 // src/card/cover.tsx
 import { ark as ark14 } from "@ark-ui/react/factory";
-import { cardCoverVariants, cn as cn15 } from "@cloudvoyant/helix";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { cardCoverVariants, cn as cn19 } from "@cloudvoyant/helix";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function CardCover({ className, variant, orientation, ...props }) {
   const contextOrientation = useCardOrientation();
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx19(
     ark14.div,
     {
-      className: cn15(cardCoverVariants({ variant, orientation: orientation ?? contextOrientation }), className),
+      className: cn19(cardCoverVariants({ variant, orientation: orientation ?? contextOrientation }), className),
       ...props
     }
   );
@@ -140,16 +366,16 @@ function CardCover({ className, variant, orientation, ...props }) {
 
 // src/stack.tsx
 import { ark as ark15 } from "@ark-ui/react/factory";
-import { stackBase, hstackBase, vstackBase, cn as cn16 } from "@cloudvoyant/helix";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { stackBase, hstackBase, vstackBase, cn as cn20 } from "@cloudvoyant/helix";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Stack({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(ark15.div, { className: cn16(stackBase, className), ...props });
+  return /* @__PURE__ */ jsx20(ark15.div, { className: cn20(stackBase, className), ...props });
 }
 function HStack({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(ark15.div, { className: cn16(hstackBase, className), ...props });
+  return /* @__PURE__ */ jsx20(ark15.div, { className: cn20(hstackBase, className), ...props });
 }
 function VStack({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(ark15.div, { className: cn16(vstackBase, className), ...props });
+  return /* @__PURE__ */ jsx20(ark15.div, { className: cn20(vstackBase, className), ...props });
 }
 
 // src/scroll.tsx
@@ -168,9 +394,9 @@ import {
   scrollScrollbarBase,
   scrollThumbBase,
   scrollCornerBase,
-  cn as cn17
+  cn as cn21
 } from "@cloudvoyant/helix";
-import { Fragment, jsx as jsx17, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx21, jsxs as jsxs3 } from "react/jsx-runtime";
 function Scroll({
   className,
   orientation = "vertical",
@@ -181,12 +407,12 @@ function Scroll({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(ArkRoot, { className: cn17(scrollRootBase, className), ...props, children: [
-    /* @__PURE__ */ jsx17(ArkViewport, { className: cn17(scrollViewportBase, viewportClassName), children: /* @__PURE__ */ jsx17(ArkContent, { className: cn17(scrollContentBase, contentClassName), children }) }),
-    variant === "hidden" ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
-      (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ jsx17(ArkScrollbar, { orientation: "vertical", className: scrollScrollbarBase, children: /* @__PURE__ */ jsx17(ArkThumb, { className: cn17(scrollThumbBase, thumbClassName) }) }),
-      (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ jsx17(ArkScrollbar, { orientation: "horizontal", className: scrollScrollbarBase, children: /* @__PURE__ */ jsx17(ArkThumb, { className: cn17(scrollThumbBase, thumbClassName) }) }),
-      orientation === "both" && /* @__PURE__ */ jsx17(ArkCorner, { className: scrollCornerBase })
+  return /* @__PURE__ */ jsxs3(ArkRoot, { className: cn21(scrollRootBase, className), ...props, children: [
+    /* @__PURE__ */ jsx21(ArkViewport, { className: cn21(scrollViewportBase, viewportClassName), children: /* @__PURE__ */ jsx21(ArkContent, { className: cn21(scrollContentBase, contentClassName), children }) }),
+    variant === "hidden" ? null : /* @__PURE__ */ jsxs3(Fragment, { children: [
+      (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ jsx21(ArkScrollbar, { orientation: "vertical", className: scrollScrollbarBase, children: /* @__PURE__ */ jsx21(ArkThumb, { className: cn21(scrollThumbBase, thumbClassName) }) }),
+      (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ jsx21(ArkScrollbar, { orientation: "horizontal", className: scrollScrollbarBase, children: /* @__PURE__ */ jsx21(ArkThumb, { className: cn21(scrollThumbBase, thumbClassName) }) }),
+      orientation === "both" && /* @__PURE__ */ jsx21(ArkCorner, { className: scrollCornerBase })
     ] })
   ] });
 }
@@ -201,11 +427,11 @@ import {
   pageContentBase,
   pageFooterBase,
   pageSectionBase,
-  cn as cn18
+  cn as cn22
 } from "@cloudvoyant/helix";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function Page({ variant = "default", className, children, ...props }) {
-  return /* @__PURE__ */ jsx18(ark16.div, { "data-slot": "page", className: cn18(pageVariants({ variant }), className), ...props, children });
+  return /* @__PURE__ */ jsx22(ark16.div, { "data-slot": "page", className: cn22(pageVariants({ variant }), className), ...props, children });
 }
 function PageGutter({
   side = "left",
@@ -215,22 +441,22 @@ function PageGutter({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx22(
     ark16.div,
     {
       "data-slot": "page-gutter-area",
-      className: cn18(pageGutterAreaBase, side === "right" && "[grid-area:right]"),
-      children: /* @__PURE__ */ jsx18(
+      className: cn22(pageGutterAreaBase, side === "right" && "[grid-area:right]"),
+      children: /* @__PURE__ */ jsx22(
         ark16.div,
         {
           "data-slot": "page-gutter",
-          className: cn18(pageGutterVariants({ side }), className),
+          className: cn22(pageGutterVariants({ side }), className),
           ...props,
-          children: /* @__PURE__ */ jsx18(
+          children: /* @__PURE__ */ jsx22(
             ark16.div,
             {
               "data-slot": "page-gutter-content",
-              className: cn18(pageGutterContentVariants({ align }), contentClassName),
+              className: cn22(pageGutterContentVariants({ align }), contentClassName),
               children
             }
           )
@@ -240,13 +466,13 @@ function PageGutter({
   );
 }
 function PageContent({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx18(ark16.main, { "data-slot": "page-content", className: cn18(pageContentBase, className), ...props, children });
+  return /* @__PURE__ */ jsx22(ark16.main, { "data-slot": "page-content", className: cn22(pageContentBase, className), ...props, children });
 }
 function PageFooter({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx18(ark16.footer, { "data-slot": "page-footer", className: cn18(pageFooterBase, className), ...props, children });
+  return /* @__PURE__ */ jsx22(ark16.footer, { "data-slot": "page-footer", className: cn22(pageFooterBase, className), ...props, children });
 }
 function PageSection({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx18(ark16.section, { "data-slot": "page-section", className: cn18(pageSectionBase, className), ...props, children });
+  return /* @__PURE__ */ jsx22(ark16.section, { "data-slot": "page-section", className: cn22(pageSectionBase, className), ...props, children });
 }
 
 // src/splitter.tsx
@@ -262,18 +488,18 @@ import {
   splitterResizeTriggerBase,
   splitterResizeTriggerSeparatorBase,
   splitterResizeTriggerIndicatorBase,
-  cn as cn19
+  cn as cn23
 } from "@cloudvoyant/helix";
-import { jsx as jsx19, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs4 } from "react/jsx-runtime";
 function Splitter({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(ArkSplitterRoot, { className: cn19(splitterRootBase, className), ...props });
+  return /* @__PURE__ */ jsx23(ArkSplitterRoot, { className: cn23(splitterRootBase, className), ...props });
 }
 function SplitterPanel({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(ArkSplitterPanel, { className: cn19(splitterPanelBase, className), ...props });
+  return /* @__PURE__ */ jsx23(ArkSplitterPanel, { className: cn23(splitterPanelBase, className), ...props });
 }
 function SplitterResizeTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxs2(ArkSplitterResizeTrigger, { className: cn19(splitterResizeTriggerBase, className), ...props, children: [
-    /* @__PURE__ */ jsx19("span", { "aria-hidden": true, "data-part": "separator", className: splitterResizeTriggerSeparatorBase }),
+  return /* @__PURE__ */ jsxs4(ArkSplitterResizeTrigger, { className: cn23(splitterResizeTriggerBase, className), ...props, children: [
+    /* @__PURE__ */ jsx23("span", { "aria-hidden": true, "data-part": "separator", className: splitterResizeTriggerSeparatorBase }),
     children
   ] });
 }
@@ -281,10 +507,10 @@ function SplitterResizeTriggerIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx23(
     ArkSplitterResizeTriggerIndicator,
     {
-      className: cn19(splitterResizeTriggerIndicatorBase, className),
+      className: cn23(splitterResizeTriggerIndicatorBase, className),
       ...props
     }
   );
@@ -292,7 +518,7 @@ function SplitterResizeTriggerIndicator({
 
 // src/sidebar/Provider.tsx
 import * as React2 from "react";
-import { SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_KEYBOARD_SHORTCUT, sidebarStyles, cn as cn20 } from "@cloudvoyant/helix";
+import { SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_KEYBOARD_SHORTCUT, sidebarStyles, cn as cn24 } from "@cloudvoyant/helix";
 
 // src/sidebar/context.ts
 import * as React from "react";
@@ -306,7 +532,7 @@ function useSidebar() {
 }
 
 // src/sidebar/Provider.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 function useIsMobile() {
@@ -385,7 +611,7 @@ function Provider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx20(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx24(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx24(
     Row,
     {
       "data-slot": "sidebar-wrapper",
@@ -394,7 +620,7 @@ function Provider({
         "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
         ...style
       },
-      className: cn20(sidebarStyles.wrapperClass, className),
+      className: cn24(sidebarStyles.wrapperClass, className),
       ...props,
       children
     }
@@ -411,8 +637,8 @@ import {
   DrawerDescription,
   DrawerCloseTrigger
 } from "@ark-ui/react/drawer";
-import { SIDEBAR_WIDTH_MOBILE, sidebarStyles as sidebarStyles2, cn as cn21 } from "@cloudvoyant/helix";
-import { jsx as jsx21, jsxs as jsxs3 } from "react/jsx-runtime";
+import { SIDEBAR_WIDTH_MOBILE, sidebarStyles as sidebarStyles2, cn as cn25 } from "@cloudvoyant/helix";
+import { jsx as jsx25, jsxs as jsxs5 } from "react/jsx-runtime";
 function Root({
   side = "left",
   variant = "sidebar",
@@ -423,39 +649,39 @@ function Root({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsx25(
       Col,
       {
         "data-slot": "sidebar",
         "data-sidebar": "sidebar",
-        className: cn21("h-full w-(--sidebar-width) bg-sidebar text-sidebar-foreground", className),
+        className: cn25("h-full w-(--sidebar-width) bg-sidebar text-sidebar-foreground", className),
         ...props,
         children
       }
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsxs3(
+    return /* @__PURE__ */ jsxs5(
       DrawerRoot,
       {
         open: openMobile,
         onOpenChange: (details) => setOpenMobile(details.open),
         ...props,
         children: [
-          /* @__PURE__ */ jsx21(DrawerBackdrop, {}),
-          /* @__PURE__ */ jsx21(DrawerPositioner, { className: "w-(--sidebar-width)", children: /* @__PURE__ */ jsxs3(
+          /* @__PURE__ */ jsx25(DrawerBackdrop, {}),
+          /* @__PURE__ */ jsx25(DrawerPositioner, { className: "w-(--sidebar-width)", children: /* @__PURE__ */ jsxs5(
             DrawerContent,
             {
               "data-sidebar": "sidebar",
               "data-slot": "sidebar",
               "data-mobile": "true",
-              className: cn21("w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground", className),
+              className: cn25("w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground", className),
               style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
               children: [
-                /* @__PURE__ */ jsx21(DrawerTitle, { className: "sr-only", children: "Sidebar" }),
-                /* @__PURE__ */ jsx21(DrawerDescription, { className: "sr-only", children: "Displays the mobile sidebar." }),
-                /* @__PURE__ */ jsx21(DrawerCloseTrigger, { className: "hidden" }),
-                /* @__PURE__ */ jsx21(Col, { className: "h-full w-full", children })
+                /* @__PURE__ */ jsx25(DrawerTitle, { className: "sr-only", children: "Sidebar" }),
+                /* @__PURE__ */ jsx25(DrawerDescription, { className: "sr-only", children: "Displays the mobile sidebar." }),
+                /* @__PURE__ */ jsx25(DrawerCloseTrigger, { className: "hidden" }),
+                /* @__PURE__ */ jsx25(Col, { className: "h-full w-full", children })
               ]
             }
           ) })
@@ -463,7 +689,7 @@ function Root({
       }
     );
   }
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: "group peer hidden text-sidebar-foreground md:block",
@@ -473,35 +699,35 @@ function Root({
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx25(
           "div",
           {
             "data-slot": "sidebar-gap",
-            className: cn21(
+            className: cn25(
               sidebarStyles2.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__ */ jsx21(
+        /* @__PURE__ */ jsx25(
           "div",
           {
             "data-slot": "sidebar-container",
-            className: cn21(
+            className: cn25(
               sidebarStyles2.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__ */ jsx21(
+            children: /* @__PURE__ */ jsx25(
               "div",
               {
                 "data-sidebar": "sidebar",
                 "data-slot": "sidebar-inner",
                 "data-variant": variant,
-                className: cn21(sidebarStyles2.innerClass),
+                className: cn25(sidebarStyles2.innerClass),
                 children
               }
             )
@@ -513,30 +739,30 @@ function Root({
 }
 
 // src/sidebar/Header.tsx
-import { sidebarStyles as sidebarStyles3, cn as cn22 } from "@cloudvoyant/helix";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles3, cn as cn26 } from "@cloudvoyant/helix";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Header({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx26(
     Col,
     {
       "data-slot": "sidebar-header",
       "data-sidebar": "header",
-      className: cn22(sidebarStyles3.headerClass, className),
+      className: cn26(sidebarStyles3.headerClass, className),
       ...props
     }
   );
 }
 
 // src/sidebar/Footer.tsx
-import { sidebarStyles as sidebarStyles4, cn as cn23 } from "@cloudvoyant/helix";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles4, cn as cn27 } from "@cloudvoyant/helix";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function Footer({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx27(
     Col,
     {
       "data-slot": "sidebar-footer",
       "data-sidebar": "footer",
-      className: cn23(sidebarStyles4.footerClass, className),
+      className: cn27(sidebarStyles4.footerClass, className),
       ...props
     }
   );
@@ -544,59 +770,59 @@ function Footer({ className, ...props }) {
 
 // src/sidebar/Separator.tsx
 import { ark as ark17 } from "@ark-ui/react/factory";
-import { sidebarStyles as sidebarStyles5, cn as cn24 } from "@cloudvoyant/helix";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles5, cn as cn28 } from "@cloudvoyant/helix";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function Separator({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx28(
     ark17.div,
     {
       "data-slot": "sidebar-separator",
       "data-sidebar": "separator",
       role: "separator",
-      className: cn24(sidebarStyles5.separatorClass, className),
+      className: cn28(sidebarStyles5.separatorClass, className),
       ...props
     }
   );
 }
 
 // src/sidebar/Content.tsx
-import { sidebarStyles as sidebarStyles6, cn as cn25 } from "@cloudvoyant/helix";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles6, cn as cn29 } from "@cloudvoyant/helix";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Content({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx29(
     Col,
     {
       "data-slot": "sidebar-content",
       "data-sidebar": "content",
-      className: cn25(sidebarStyles6.contentClass, className),
+      className: cn29(sidebarStyles6.contentClass, className),
       ...props
     }
   );
 }
 
 // src/sidebar/Group.tsx
-import { sidebarStyles as sidebarStyles7, cn as cn26 } from "@cloudvoyant/helix";
-import { jsx as jsx26, jsxs as jsxs4 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles7, cn as cn30 } from "@cloudvoyant/helix";
+import { jsx as jsx30, jsxs as jsxs6 } from "react/jsx-runtime";
 function Group({ label, className, children, ...props }) {
-  return /* @__PURE__ */ jsxs4(Col, { "data-slot": "sidebar-group", "data-sidebar": "group", className: cn26(sidebarStyles7.groupClass, className), ...props, children: [
-    label && /* @__PURE__ */ jsx26("div", { "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: cn26(sidebarStyles7.groupLabelClass), children: label }),
-    /* @__PURE__ */ jsx26("div", { "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: cn26(sidebarStyles7.groupContentClass), children })
+  return /* @__PURE__ */ jsxs6(Col, { "data-slot": "sidebar-group", "data-sidebar": "group", className: cn30(sidebarStyles7.groupClass, className), ...props, children: [
+    label && /* @__PURE__ */ jsx30("div", { "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: cn30(sidebarStyles7.groupLabelClass), children: label }),
+    /* @__PURE__ */ jsx30("div", { "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: cn30(sidebarStyles7.groupContentClass), children })
   ] });
 }
 
 // src/sidebar/GroupAction.tsx
 import { ark as ark18 } from "@ark-ui/react/factory";
-import { sidebarStyles as sidebarStyles8, cn as cn27 } from "@cloudvoyant/helix";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles8, cn as cn31 } from "@cloudvoyant/helix";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function GroupAction({ className, asChild = false, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx31(
     ark18.button,
     {
       "data-slot": "sidebar-group-action",
       "data-sidebar": "group-action",
       asChild,
       type: "button",
-      className: cn27(sidebarStyles8.groupActionClass, className),
+      className: cn31(sidebarStyles8.groupActionClass, className),
       ...props
     }
   );
@@ -604,15 +830,15 @@ function GroupAction({ className, asChild = false, ...props }) {
 
 // src/sidebar/Menu.tsx
 import { ark as ark19 } from "@ark-ui/react/factory";
-import { sidebarStyles as sidebarStyles9, cn as cn28 } from "@cloudvoyant/helix";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles9, cn as cn32 } from "@cloudvoyant/helix";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function Menu({ className, ...props }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx32(
     ark19.ul,
     {
       "data-slot": "sidebar-menu",
       "data-sidebar": "menu",
-      className: cn28(sidebarStyles9.menuClass, className),
+      className: cn32(sidebarStyles9.menuClass, className),
       ...props
     }
   );
@@ -620,15 +846,15 @@ function Menu({ className, ...props }) {
 
 // src/sidebar/MenuItem.tsx
 import { ark as ark20 } from "@ark-ui/react/factory";
-import { sidebarStyles as sidebarStyles10, cn as cn29 } from "@cloudvoyant/helix";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles10, cn as cn33 } from "@cloudvoyant/helix";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function MenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx33(
     ark20.li,
     {
       "data-slot": "sidebar-menu-item",
       "data-sidebar": "menu-item",
-      className: cn29(sidebarStyles10.menuItemClass, className),
+      className: cn33(sidebarStyles10.menuItemClass, className),
       ...props
     }
   );
@@ -638,12 +864,12 @@ function MenuItem({ className, ...props }) {
 import { ark as ark21 } from "@ark-ui/react/factory";
 import {
   TooltipRoot,
-  TooltipTrigger,
+  TooltipTrigger as TooltipTrigger2,
   TooltipPositioner,
-  TooltipContent as ArkTooltipContent
+  TooltipContent as ArkTooltipContent2
 } from "@ark-ui/react/tooltip";
-import { sidebarMenuButtonVariants, sidebarStyles as sidebarStyles11, cn as cn30 } from "@cloudvoyant/helix";
-import { jsx as jsx30, jsxs as jsxs5 } from "react/jsx-runtime";
+import { sidebarMenuButtonVariants, sidebarStyles as sidebarStyles11, cn as cn34 } from "@cloudvoyant/helix";
+import { jsx as jsx34, jsxs as jsxs7 } from "react/jsx-runtime";
 function MenuButton({
   asChild = false,
   isActive = false,
@@ -655,7 +881,7 @@ function MenuButton({
   ...props
 }) {
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx30(
+  const button = /* @__PURE__ */ jsx34(
     ark21.button,
     {
       "data-slot": "sidebar-menu-button",
@@ -664,7 +890,7 @@ function MenuButton({
       "data-active": isActive,
       asChild,
       type: "button",
-      className: cn30(sidebarMenuButtonVariants({ variant, size }), className),
+      className: cn34(sidebarMenuButtonVariants({ variant, size }), className),
       ...props,
       children
     }
@@ -673,41 +899,41 @@ function MenuButton({
     return button;
   }
   const tooltipContent = typeof tooltip === "string" ? { children: tooltip } : tooltip;
-  return /* @__PURE__ */ jsxs5(TooltipRoot, { openDelay: 0, positioning: { placement: "right", gutter: 8 }, children: [
-    /* @__PURE__ */ jsx30(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx30(TooltipPositioner, { children: /* @__PURE__ */ jsx30(ArkTooltipContent, { className: cn30(sidebarStyles11.tooltipContentClass), ...tooltipContent }) })
+  return /* @__PURE__ */ jsxs7(TooltipRoot, { openDelay: 0, positioning: { placement: "right", gutter: 8 }, children: [
+    /* @__PURE__ */ jsx34(TooltipTrigger2, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx34(TooltipPositioner, { children: /* @__PURE__ */ jsx34(ArkTooltipContent2, { className: cn34(sidebarStyles11.tooltipContentClass), ...tooltipContent }) })
   ] });
 }
 
 // src/sidebar/MenuLink.tsx
-import { sidebarStyles as sidebarStyles12, cn as cn31 } from "@cloudvoyant/helix";
-import { Fragment as Fragment2, jsx as jsx31, jsxs as jsxs6 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles12, cn as cn35 } from "@cloudvoyant/helix";
+import { Fragment as Fragment2, jsx as jsx35, jsxs as jsxs8 } from "react/jsx-runtime";
 function MenuLink({ icon, href, onClick, isActive, variant, size, tooltip, className, children }) {
-  const content = /* @__PURE__ */ jsxs6(Fragment2, { children: [
+  const content = /* @__PURE__ */ jsxs8(Fragment2, { children: [
     icon,
-    children != null && /* @__PURE__ */ jsx31("span", { children })
+    children != null && /* @__PURE__ */ jsx35("span", { children })
   ] });
-  return /* @__PURE__ */ jsx31("li", { "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: cn31(sidebarStyles12.menuItemClass), children: href != null ? /* @__PURE__ */ jsx31(MenuButton, { asChild: true, isActive, variant, size, tooltip, className, children: /* @__PURE__ */ jsx31("a", { href, onClick, children: content }) }) : /* @__PURE__ */ jsx31(MenuButton, { isActive, variant, size, tooltip, className, onClick, children: content }) });
+  return /* @__PURE__ */ jsx35("li", { "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: cn35(sidebarStyles12.menuItemClass), children: href != null ? /* @__PURE__ */ jsx35(MenuButton, { asChild: true, isActive, variant, size, tooltip, className, children: /* @__PURE__ */ jsx35("a", { href, onClick, children: content }) }) : /* @__PURE__ */ jsx35(MenuButton, { isActive, variant, size, tooltip, className, onClick, children: content }) });
 }
 
 // src/sidebar/MenuAction.tsx
 import { ark as ark22 } from "@ark-ui/react/factory";
-import { sidebarStyles as sidebarStyles13, cn as cn32 } from "@cloudvoyant/helix";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles13, cn as cn36 } from "@cloudvoyant/helix";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function MenuAction({
   className,
   asChild = false,
   showOnHover = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx36(
     ark22.button,
     {
       "data-slot": "sidebar-menu-action",
       "data-sidebar": "menu-action",
       asChild,
       type: "button",
-      className: cn32(
+      className: cn36(
         sidebarStyles13.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
@@ -719,15 +945,15 @@ function MenuAction({
 
 // src/sidebar/MenuBadge.tsx
 import { ark as ark23 } from "@ark-ui/react/factory";
-import { sidebarStyles as sidebarStyles14, cn as cn33 } from "@cloudvoyant/helix";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles14, cn as cn37 } from "@cloudvoyant/helix";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function MenuBadge({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx37(
     ark23.div,
     {
       "data-slot": "sidebar-menu-badge",
       "data-sidebar": "menu-badge",
-      className: cn33(sidebarStyles14.menuBadgeClass, className),
+      className: cn37(sidebarStyles14.menuBadgeClass, className),
       ...props
     }
   );
@@ -736,26 +962,26 @@ function MenuBadge({ className, ...props }) {
 // src/sidebar/MenuSkeleton.tsx
 import * as React3 from "react";
 import { ark as ark24 } from "@ark-ui/react/factory";
-import { sidebarStyles as sidebarStyles15, cn as cn34 } from "@cloudvoyant/helix";
-import { jsx as jsx34, jsxs as jsxs7 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles15, cn as cn38 } from "@cloudvoyant/helix";
+import { jsx as jsx38, jsxs as jsxs9 } from "react/jsx-runtime";
 function MenuSkeleton({ className, showIcon = false, ...props }) {
   const width = React3.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs9(
     ark24.div,
     {
       "data-slot": "sidebar-menu-skeleton",
       "data-sidebar": "menu-skeleton",
-      className: cn34(sidebarStyles15.menuSkeletonClass, className),
+      className: cn38(sidebarStyles15.menuSkeletonClass, className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ jsx34(
+        showIcon && /* @__PURE__ */ jsx38(
           ark24.div,
           {
             className: "size-4 shrink-0 animate-pulse rounded-md bg-sidebar-accent",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx38(
           ark24.div,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1 animate-pulse rounded-md bg-sidebar-accent",
@@ -770,15 +996,15 @@ function MenuSkeleton({ className, showIcon = false, ...props }) {
 
 // src/sidebar/MenuSub.tsx
 import { ark as ark25 } from "@ark-ui/react/factory";
-import { sidebarStyles as sidebarStyles16, cn as cn35 } from "@cloudvoyant/helix";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles16, cn as cn39 } from "@cloudvoyant/helix";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function MenuSub({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx39(
     ark25.ul,
     {
       "data-slot": "sidebar-menu-sub",
       "data-sidebar": "menu-sub",
-      className: cn35(sidebarStyles16.menuSubClass, className),
+      className: cn39(sidebarStyles16.menuSubClass, className),
       ...props
     }
   );
@@ -786,15 +1012,15 @@ function MenuSub({ className, ...props }) {
 
 // src/sidebar/MenuSubItem.tsx
 import { ark as ark26 } from "@ark-ui/react/factory";
-import { sidebarStyles as sidebarStyles17, cn as cn36 } from "@cloudvoyant/helix";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles17, cn as cn40 } from "@cloudvoyant/helix";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function MenuSubItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx40(
     ark26.li,
     {
       "data-slot": "sidebar-menu-sub-item",
       "data-sidebar": "menu-sub-item",
-      className: cn36(sidebarStyles17.menuSubItemClass, className),
+      className: cn40(sidebarStyles17.menuSubItemClass, className),
       ...props
     }
   );
@@ -802,8 +1028,8 @@ function MenuSubItem({ className, ...props }) {
 
 // src/sidebar/MenuSubButton.tsx
 import { ark as ark27 } from "@ark-ui/react/factory";
-import { sidebarStyles as sidebarStyles18, cn as cn37 } from "@cloudvoyant/helix";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles18, cn as cn41 } from "@cloudvoyant/helix";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function MenuSubButton({
   asChild = false,
   size = "md",
@@ -811,7 +1037,7 @@ function MenuSubButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx41(
     ark27.a,
     {
       "data-slot": "sidebar-menu-sub-button",
@@ -819,7 +1045,7 @@ function MenuSubButton({
       "data-size": size,
       "data-active": isActive,
       asChild,
-      className: cn37(sidebarStyles18.menuSubButtonClass, className),
+      className: cn41(sidebarStyles18.menuSubButtonClass, className),
       ...props
     }
   );
@@ -827,18 +1053,18 @@ function MenuSubButton({
 
 // src/sidebar/Trigger.tsx
 import { ark as ark28 } from "@ark-ui/react/factory";
-import { sidebarStyles as sidebarStyles19, cn as cn38 } from "@cloudvoyant/helix";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles19, cn as cn42 } from "@cloudvoyant/helix";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function Trigger({ className, onClick, children, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx42(
     ark28.button,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
       type: "button",
       "aria-label": "Toggle Sidebar",
-      className: cn38(sidebarStyles19.triggerClass, className),
+      className: cn42(sidebarStyles19.triggerClass, className),
       onClick: (event) => {
         onClick?.(event);
         toggleSidebar();
@@ -851,11 +1077,11 @@ function Trigger({ className, onClick, children, ...props }) {
 
 // src/sidebar/Rail.tsx
 import { ark as ark29 } from "@ark-ui/react/factory";
-import { sidebarStyles as sidebarStyles20, cn as cn39 } from "@cloudvoyant/helix";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles20, cn as cn43 } from "@cloudvoyant/helix";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function Rail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx43(
     ark29.button,
     {
       "data-sidebar": "rail",
@@ -865,7 +1091,7 @@ function Rail({ className, ...props }) {
       tabIndex: -1,
       onClick: toggleSidebar,
       title: "Toggle Sidebar",
-      className: cn39(sidebarStyles20.railClass, className),
+      className: cn43(sidebarStyles20.railClass, className),
       ...props
     }
   );
@@ -873,23 +1099,23 @@ function Rail({ className, ...props }) {
 
 // src/sidebar/Inset.tsx
 import { ark as ark30 } from "@ark-ui/react/factory";
-import { sidebarStyles as sidebarStyles21, cn as cn40 } from "@cloudvoyant/helix";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles21, cn as cn44 } from "@cloudvoyant/helix";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function Inset({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(ark30.main, { "data-slot": "sidebar-inset", className: cn40(sidebarStyles21.insetClass, className), ...props });
+  return /* @__PURE__ */ jsx44(ark30.main, { "data-slot": "sidebar-inset", className: cn44(sidebarStyles21.insetClass, className), ...props });
 }
 
 // src/sidebar/Input.tsx
 import { ark as ark31 } from "@ark-ui/react/factory";
-import { sidebarStyles as sidebarStyles22, cn as cn41 } from "@cloudvoyant/helix";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { sidebarStyles as sidebarStyles22, cn as cn45 } from "@cloudvoyant/helix";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function Input({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx45(
     ark31.input,
     {
       "data-slot": "sidebar-input",
       "data-sidebar": "input",
-      className: cn41(sidebarStyles22.inputClass, className),
+      className: cn45(sidebarStyles22.inputClass, className),
       ...props
     }
   );
@@ -912,31 +1138,31 @@ import {
   tabsIndicatorVariants,
   tabsTriggerBase,
   tabsContentBase,
-  cn as cn42
+  cn as cn46
 } from "@cloudvoyant/helix";
-import { jsx as jsx42, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs10 } from "react/jsx-runtime";
 function Tabs({ className, lazyMount = true, unmountOnExit = true, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx46(
     TabsRoot,
     {
       lazyMount,
       unmountOnExit,
-      className: cn42(tabsRootBase, className),
+      className: cn46(tabsRootBase, className),
       ...props
     }
   );
 }
 function TabsList({ variant = "default", className, children, ...props }) {
-  return /* @__PURE__ */ jsxs8(TabList, { className: cn42(tabsListBase, tabsListVariants({ variant }), className), ...props, children: [
+  return /* @__PURE__ */ jsxs10(TabList, { className: cn46(tabsListBase, tabsListVariants({ variant }), className), ...props, children: [
     children,
-    /* @__PURE__ */ jsx42(TabIndicator, { className: cn42(tabsIndicatorBase, tabsIndicatorVariants({ variant })) })
+    /* @__PURE__ */ jsx46(TabIndicator, { className: cn46(tabsIndicatorBase, tabsIndicatorVariants({ variant })) })
   ] });
 }
 function TabsTrigger({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(TabTrigger, { className: cn42(tabsTriggerBase, className), ...props });
+  return /* @__PURE__ */ jsx46(TabTrigger, { className: cn46(tabsTriggerBase, className), ...props });
 }
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(TabContent, { className: cn42(tabsContentBase, className), ...props });
+  return /* @__PURE__ */ jsx46(TabContent, { className: cn46(tabsContentBase, className), ...props });
 }
 var useTabs = useTabsContext;
 
@@ -950,14 +1176,14 @@ import {
   PaginationEllipsis as ArkPaginationEllipsis
 } from "@ark-ui/react/pagination";
 import { ark as ark32 } from "@ark-ui/react/factory";
-import { paginationRootBase, paginationTriggerBase, paginationItemBase, paginationEllipsisBase, cn as cn43 } from "@cloudvoyant/helix";
-import { jsx as jsx43, jsxs as jsxs9 } from "react/jsx-runtime";
+import { paginationRootBase, paginationTriggerBase, paginationItemBase, paginationEllipsisBase, cn as cn47 } from "@cloudvoyant/helix";
+import { jsx as jsx47, jsxs as jsxs11 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(ArkPaginationRoot, { className: cn43(paginationRootBase, className), ...props });
+  return /* @__PURE__ */ jsx47(ArkPaginationRoot, { className: cn47(paginationRootBase, className), ...props });
 }
 function PaginationPrevious(props) {
-  return /* @__PURE__ */ jsx43(PaginationPrevTrigger, { asChild: true, ...props, children: /* @__PURE__ */ jsxs9(ark32.button, { className: cn43(paginationTriggerBase), children: [
-    /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(PaginationPrevTrigger, { asChild: true, ...props, children: /* @__PURE__ */ jsxs11(ark32.button, { className: cn47(paginationTriggerBase), children: [
+    /* @__PURE__ */ jsx47(
       "svg",
       {
         viewBox: "0 0 24 24",
@@ -967,16 +1193,16 @@ function PaginationPrevious(props) {
         strokeLinecap: "round",
         strokeLinejoin: "round",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx43("path", { d: "m15 18-6-6 6-6" })
+        children: /* @__PURE__ */ jsx47("path", { d: "m15 18-6-6 6-6" })
       }
     ),
     "Previous"
   ] }) });
 }
 function PaginationNext(props) {
-  return /* @__PURE__ */ jsx43(PaginationNextTrigger, { asChild: true, ...props, children: /* @__PURE__ */ jsxs9(ark32.button, { className: cn43(paginationTriggerBase), children: [
+  return /* @__PURE__ */ jsx47(PaginationNextTrigger, { asChild: true, ...props, children: /* @__PURE__ */ jsxs11(ark32.button, { className: cn47(paginationTriggerBase), children: [
     "Next",
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx47(
       "svg",
       {
         viewBox: "0 0 24 24",
@@ -986,21 +1212,21 @@ function PaginationNext(props) {
         strokeLinecap: "round",
         strokeLinejoin: "round",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx43("path", { d: "m9 18 6-6-6-6" })
+        children: /* @__PURE__ */ jsx47("path", { d: "m9 18 6-6-6-6" })
       }
     )
   ] }) });
 }
 function PaginationItem({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx43(ArkPaginationItem, { asChild: true, ...rest, children: /* @__PURE__ */ jsx43(ark32.button, { className: cn43(paginationItemBase, className), children }) });
+  return /* @__PURE__ */ jsx47(ArkPaginationItem, { asChild: true, ...rest, children: /* @__PURE__ */ jsx47(ark32.button, { className: cn47(paginationItemBase, className), children }) });
 }
 function PaginationItems() {
-  return /* @__PURE__ */ jsx43(ArkPaginationContext, { children: ({ pages }) => pages.map(
-    (page, index) => page.type === "page" ? /* @__PURE__ */ jsx43(PaginationItem, { type: "page", value: page.value, children: page.value }, page.value) : /* @__PURE__ */ jsx43(PaginationEllipsis, { index }, `ellipsis-${index}`)
+  return /* @__PURE__ */ jsx47(ArkPaginationContext, { children: ({ pages }) => pages.map(
+    (page, index) => page.type === "page" ? /* @__PURE__ */ jsx47(PaginationItem, { type: "page", value: page.value, children: page.value }, page.value) : /* @__PURE__ */ jsx47(PaginationEllipsis, { index }, `ellipsis-${index}`)
   ) });
 }
 function PaginationEllipsis({ className, ...rest }) {
-  return /* @__PURE__ */ jsx43(ArkPaginationEllipsis, { className: cn43(paginationEllipsisBase, className), ...rest, children: /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsx47(ArkPaginationEllipsis, { className: cn47(paginationEllipsisBase, className), ...rest, children: /* @__PURE__ */ jsxs11(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -1011,9 +1237,9 @@ function PaginationEllipsis({ className, ...rest }) {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx43("circle", { cx: "12", cy: "12", r: "1" }),
-        /* @__PURE__ */ jsx43("circle", { cx: "19", cy: "12", r: "1" }),
-        /* @__PURE__ */ jsx43("circle", { cx: "5", cy: "12", r: "1" })
+        /* @__PURE__ */ jsx47("circle", { cx: "12", cy: "12", r: "1" }),
+        /* @__PURE__ */ jsx47("circle", { cx: "19", cy: "12", r: "1" }),
+        /* @__PURE__ */ jsx47("circle", { cx: "5", cy: "12", r: "1" })
       ]
     }
   ) });
@@ -1022,16 +1248,16 @@ function PaginationEllipsis({ className, ...rest }) {
 // src/navbar.tsx
 import * as React4 from "react";
 import { ark as ark33 } from "@ark-ui/react/factory";
-import { Portal } from "@ark-ui/react/portal";
+import { Portal as Portal6 } from "@ark-ui/react/portal";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "@ark-ui/react/collapsible";
 import {
   DialogRoot,
-  DialogBackdrop,
+  DialogBackdrop as DialogBackdrop2,
   DialogPositioner,
-  DialogContent,
+  DialogContent as DialogContent2,
   DialogCloseTrigger,
-  DialogTitle,
-  DialogDescription
+  DialogTitle as DialogTitle2,
+  DialogDescription as DialogDescription2
 } from "@ark-ui/react/dialog";
 import {
   NavigationMenuRoot as ArkNavMenuRoot,
@@ -1070,10 +1296,10 @@ import {
   navbarMenuViewportPositionerBase,
   navbarMenuViewportBase,
   navbarMenuIndicatorBase,
-  cn as cn44
+  cn as cn48
 } from "@cloudvoyant/helix";
 import { navbarMenuTriggerStyle as navbarMenuTriggerStyle2 } from "@cloudvoyant/helix";
-import { Fragment as Fragment3, jsx as jsx44, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx48, jsxs as jsxs12 } from "react/jsx-runtime";
 var SCROLL_THRESHOLD = 24;
 function resolveScrollContainer(el) {
   for (let n = el; n; n = n.parentElement) {
@@ -1136,7 +1362,7 @@ function NavbarProvider({
     }),
     [id, open, scrolled, hovered, slots, setSlot]
   );
-  return /* @__PURE__ */ jsx44(NavbarContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx48(NavbarContext.Provider, { value: contextValue, children });
 }
 function Navbar({
   variant = "sticky",
@@ -1175,7 +1401,7 @@ function Navbar({
       el.style.overflow = prev;
     };
   }, [base.open]);
-  return /* @__PURE__ */ jsx44(NavbarContext.Provider, { value, children: /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx48(NavbarContext.Provider, { value, children: /* @__PURE__ */ jsx48(
     "header",
     {
       ref: headerRef,
@@ -1183,7 +1409,7 @@ function Navbar({
       "data-scrolled": base.scrolled || void 0,
       "data-hidden": hidden || void 0,
       "data-shrunk": shrunk || void 0,
-      className: cn44(
+      className: cn48(
         navbarVariants({ variant, floating }),
         navbarContainerBase,
         navbarDensityVariants({ density }),
@@ -1199,11 +1425,11 @@ function Navbar({
 }
 function NavbarActivationArea({ className, children, ...props }) {
   const { setHovered } = useNavbar();
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx48(
     ark33.div,
     {
       "data-slot": "navbar-activation-area",
-      className: cn44(navbarActivationAreaBase, className),
+      className: cn48(navbarActivationAreaBase, className),
       onMouseEnter: () => setHovered(true),
       onMouseLeave: () => setHovered(false),
       ...props,
@@ -1213,7 +1439,7 @@ function NavbarActivationArea({ className, children, ...props }) {
 }
 function NavbarBrand({ className, children, ...props }) {
   useNavbarSlot("brand", children);
-  return /* @__PURE__ */ jsx44(ark33.div, { "data-slot": "navbar-brand", className: cn44(navbarBrandBase, className), ...props, children });
+  return /* @__PURE__ */ jsx48(ark33.div, { "data-slot": "navbar-brand", className: cn48(navbarBrandBase, className), ...props, children });
 }
 function NavbarMenu({
   placement = "center",
@@ -1223,21 +1449,21 @@ function NavbarMenu({
 }) {
   const { scrolled, density, variant } = useNavbar();
   const menuDensity = density === "compact" || variant === "shrink" && scrolled ? "compact" : "relaxed";
-  return /* @__PURE__ */ jsx44(NavbarMenuStyleContext.Provider, { value: { density: menuDensity, variant: "default", inContent: false }, children: /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx48(NavbarMenuStyleContext.Provider, { value: { density: menuDensity, variant: "default", inContent: false }, children: /* @__PURE__ */ jsx48(
     ark33.div,
     {
       "data-slot": "navbar-menu",
       "data-placement": placement,
-      className: cn44(navbarMenuBase, navbarMenuPlacementVariants({ placement }), className),
-      children: /* @__PURE__ */ jsxs10(ArkNavMenuRoot, { "data-density": menuDensity, className: cn44(navbarMenuRootBase), ...props, children: [
+      className: cn48(navbarMenuBase, navbarMenuPlacementVariants({ placement }), className),
+      children: /* @__PURE__ */ jsxs12(ArkNavMenuRoot, { "data-density": menuDensity, className: cn48(navbarMenuRootBase), ...props, children: [
         children,
-        /* @__PURE__ */ jsx44(ArkNavMenuViewportPositioner, { className: cn44(navbarMenuViewportPositionerBase), children: /* @__PURE__ */ jsx44(ArkNavMenuViewport, { className: cn44(navbarMenuViewportBase) }) })
+        /* @__PURE__ */ jsx48(ArkNavMenuViewportPositioner, { className: cn48(navbarMenuViewportPositionerBase), children: /* @__PURE__ */ jsx48(ArkNavMenuViewport, { className: cn48(navbarMenuViewportBase) }) })
       ] })
     }
   ) });
 }
 function NavbarMenuList({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx44(ArkNavMenuList, { className: cn44(navbarMenuListBase, className), ...props, children });
+  return /* @__PURE__ */ jsx48(ArkNavMenuList, { className: cn48(navbarMenuListBase, className), ...props, children });
 }
 function NavbarMenuItem({
   variant = "default",
@@ -1245,11 +1471,11 @@ function NavbarMenuItem({
   ...props
 }) {
   const { density } = React4.useContext(NavbarMenuStyleContext);
-  return /* @__PURE__ */ jsx44(NavbarMenuStyleContext.Provider, { value: { density, variant, inContent: false }, children: /* @__PURE__ */ jsx44(ArkNavMenuItem, { "data-variant": variant, className: cn44(navbarMenuItemBase, className), ...props }) });
+  return /* @__PURE__ */ jsx48(NavbarMenuStyleContext.Provider, { value: { density, variant, inContent: false }, children: /* @__PURE__ */ jsx48(ArkNavMenuItem, { "data-variant": variant, className: cn48(navbarMenuItemBase, className), ...props }) });
 }
 function NavbarMenuTrigger({ asChild, className, children, ...props }) {
   const { density, variant } = React4.useContext(NavbarMenuStyleContext);
-  const chevron = /* @__PURE__ */ jsx44(
+  const chevron = /* @__PURE__ */ jsx48(
     "svg",
     {
       className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
@@ -1260,36 +1486,36 @@ function NavbarMenuTrigger({ asChild, className, children, ...props }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx44("path", { d: "m6 9 6 6 6-6" })
+      children: /* @__PURE__ */ jsx48("path", { d: "m6 9 6 6 6-6" })
     }
   );
-  return /* @__PURE__ */ jsx44(ArkNavMenuTrigger, { asChild, className: cn44(navbarMenuTriggerStyle({ density, variant }), className), ...props, children: asChild ? children : /* @__PURE__ */ jsxs10(Fragment3, { children: [
+  return /* @__PURE__ */ jsx48(ArkNavMenuTrigger, { asChild, className: cn48(navbarMenuTriggerStyle({ density, variant }), className), ...props, children: asChild ? children : /* @__PURE__ */ jsxs12(Fragment3, { children: [
     children,
     chevron
   ] }) });
 }
 function NavbarMenuContent({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx44(NavbarMenuStyleContext.Provider, { value: { density: "relaxed", variant: "default", inContent: true }, children: /* @__PURE__ */ jsx44(ArkNavMenuContent, { className: cn44(navbarMenuContentBase, className), ...props, children }) });
+  return /* @__PURE__ */ jsx48(NavbarMenuStyleContext.Provider, { value: { density: "relaxed", variant: "default", inContent: true }, children: /* @__PURE__ */ jsx48(ArkNavMenuContent, { className: cn48(navbarMenuContentBase, className), ...props, children }) });
 }
 function NavbarMenuLink({ className, children, ...props }) {
   const { density, variant, inContent } = React4.useContext(NavbarMenuStyleContext);
-  const classes = inContent ? cn44(navbarMenuLinkBase, className) : cn44(navbarMenuTriggerStyle({ density, variant }), className);
-  return /* @__PURE__ */ jsx44(ArkNavMenuLink, { className: classes, ...props, children });
+  const classes = inContent ? cn48(navbarMenuLinkBase, className) : cn48(navbarMenuTriggerStyle({ density, variant }), className);
+  return /* @__PURE__ */ jsx48(ArkNavMenuLink, { className: classes, ...props, children });
 }
 function NavbarMobileMenu({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx44(CollapsibleRoot, { "data-slot": "navbar-mobile-menu", className: cn44("group", className), ...props, children });
+  return /* @__PURE__ */ jsx48(CollapsibleRoot, { "data-slot": "navbar-mobile-menu", className: cn48("group", className), ...props, children });
 }
 function NavbarMobileMenuTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx44(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsx48(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
     "button",
     {
       type: "button",
       "data-slot": "navbar-mobile-menu-trigger",
-      className: cn44(navbarMobileMenuTriggerBase, className),
+      className: cn48(navbarMobileMenuTriggerBase, className),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx48(
           "svg",
           {
             className: "size-4 transition-transform duration-200 group-data-[state=open]:rotate-180",
@@ -1300,7 +1526,7 @@ function NavbarMobileMenuTrigger({ className, children, ...props }) {
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx44("path", { d: "m6 9 6 6 6-6" })
+            children: /* @__PURE__ */ jsx48("path", { d: "m6 9 6 6 6-6" })
           }
         )
       ]
@@ -1308,17 +1534,17 @@ function NavbarMobileMenuTrigger({ className, children, ...props }) {
   ) });
 }
 function NavbarMobileMenuContent({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx44(CollapsibleContent, { children: /* @__PURE__ */ jsx44("div", { "data-slot": "navbar-mobile-menu-content", className: cn44(navbarMobileMenuContentBase, className), ...props, children }) });
+  return /* @__PURE__ */ jsx48(CollapsibleContent, { children: /* @__PURE__ */ jsx48("div", { "data-slot": "navbar-mobile-menu-content", className: cn48(navbarMobileMenuContentBase, className), ...props, children }) });
 }
 function NavbarMenuViewport({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(ArkNavMenuViewport, { className: cn44(navbarMenuViewportBase, className), ...props });
+  return /* @__PURE__ */ jsx48(ArkNavMenuViewport, { className: cn48(navbarMenuViewportBase, className), ...props });
 }
 function NavbarMenuIndicator({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(ArkNavMenuIndicator, { className: cn44(navbarMenuIndicatorBase, className), ...props });
+  return /* @__PURE__ */ jsx48(ArkNavMenuIndicator, { className: cn48(navbarMenuIndicatorBase, className), ...props });
 }
 function NavbarActions({ className, children, ...props }) {
   useNavbarSlot("actions", children);
-  return /* @__PURE__ */ jsx44(ark33.div, { "data-slot": "navbar-actions", className: cn44(navbarActionsBase, className), ...props, children });
+  return /* @__PURE__ */ jsx48(ark33.div, { "data-slot": "navbar-actions", className: cn48(navbarActionsBase, className), ...props, children });
 }
 function NavbarTrigger({
   className,
@@ -1327,7 +1553,7 @@ function NavbarTrigger({
   ...props
 }) {
   const { id, open, setOpen, floating } = useNavbar();
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx48(
     "button",
     {
       type: "button",
@@ -1335,10 +1561,10 @@ function NavbarTrigger({
       "aria-expanded": open,
       "aria-controls": id,
       "aria-label": ariaLabel ?? "Toggle navigation menu",
-      className: cn44(navbarTriggerVariants({ floating }), "md:hidden", className),
+      className: cn48(navbarTriggerVariants({ floating }), "md:hidden", className),
       onClick: () => setOpen(!open),
       ...props,
-      children: children ?? /* @__PURE__ */ jsxs10(
+      children: children ?? /* @__PURE__ */ jsxs12(
         "svg",
         {
           className: "size-4",
@@ -1350,9 +1576,9 @@ function NavbarTrigger({
           strokeLinejoin: "round",
           "aria-hidden": "true",
           children: [
-            /* @__PURE__ */ jsx44("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
-            /* @__PURE__ */ jsx44("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
-            /* @__PURE__ */ jsx44("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+            /* @__PURE__ */ jsx48("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+            /* @__PURE__ */ jsx48("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+            /* @__PURE__ */ jsx48("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
           ]
         }
       )
@@ -1369,14 +1595,14 @@ function NavbarMobileOverlay({ className, children, ...props }) {
     document.addEventListener("keydown", onKeydown);
     return () => document.removeEventListener("keydown", onKeydown);
   }, [open, setOpen]);
-  return /* @__PURE__ */ jsx44(Portal, { container: portalRef, children: /* @__PURE__ */ jsxs10(DialogRoot, { open, lazyMount: true, unmountOnExit: true, onOpenChange: ({ open: open2 }) => setOpen(open2), preventScroll: false, children: [
-    /* @__PURE__ */ jsx44(DialogBackdrop, { className: "absolute inset-0 z-[100] bg-background/60 backdrop-blur-sm" }),
-    /* @__PURE__ */ jsx44(DialogPositioner, { className: "absolute inset-0 z-[100]", children: /* @__PURE__ */ jsxs10(DialogContent, { id, "data-slot": "navbar-mobile-overlay", className: cn44(navbarMobileContentBase, className), ...props, children: [
-      /* @__PURE__ */ jsx44(DialogTitle, { className: "sr-only", children: "Navigation menu" }),
-      /* @__PURE__ */ jsx44(DialogDescription, { className: "sr-only", children: "Mobile navigation menu" }),
-      /* @__PURE__ */ jsxs10("div", { className: navbarMobileHeaderBase, children: [
+  return /* @__PURE__ */ jsx48(Portal6, { container: portalRef, children: /* @__PURE__ */ jsxs12(DialogRoot, { open, lazyMount: true, unmountOnExit: true, onOpenChange: ({ open: open2 }) => setOpen(open2), preventScroll: false, children: [
+    /* @__PURE__ */ jsx48(DialogBackdrop2, { className: "absolute inset-0 z-[100] bg-background/60 backdrop-blur-sm" }),
+    /* @__PURE__ */ jsx48(DialogPositioner, { className: "absolute inset-0 z-[100]", children: /* @__PURE__ */ jsxs12(DialogContent2, { id, "data-slot": "navbar-mobile-overlay", className: cn48(navbarMobileContentBase, className), ...props, children: [
+      /* @__PURE__ */ jsx48(DialogTitle2, { className: "sr-only", children: "Navigation menu" }),
+      /* @__PURE__ */ jsx48(DialogDescription2, { className: "sr-only", children: "Mobile navigation menu" }),
+      /* @__PURE__ */ jsxs12("div", { className: navbarMobileHeaderBase, children: [
         slots.brand,
-        /* @__PURE__ */ jsx44(DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ jsx44("button", { type: "button", "aria-label": "Close navigation menu", className: cn44(navbarTriggerVariants({ floating })), children: /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx48(DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ jsx48("button", { type: "button", "aria-label": "Close navigation menu", className: cn48(navbarTriggerVariants({ floating })), children: /* @__PURE__ */ jsx48(
           "svg",
           {
             className: "size-4",
@@ -1387,12 +1613,12 @@ function NavbarMobileOverlay({ className, children, ...props }) {
             strokeLinecap: "round",
             strokeLinejoin: "round",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx44("path", { d: "M18 6 6 18M6 6l12 12" })
+            children: /* @__PURE__ */ jsx48("path", { d: "M18 6 6 18M6 6l12 12" })
           }
         ) }) })
       ] }),
-      /* @__PURE__ */ jsx44("div", { className: navbarMobileMenuBase, children }),
-      slots.actions ? /* @__PURE__ */ jsx44("div", { className: navbarMobileActionsBase, children: slots.actions }) : null
+      /* @__PURE__ */ jsx48("div", { className: navbarMobileMenuBase, children }),
+      slots.actions ? /* @__PURE__ */ jsx48("div", { className: navbarMobileActionsBase, children: slots.actions }) : null
     ] }) })
   ] }) });
 }
@@ -1422,52 +1648,52 @@ import {
   fieldsetLegendBase,
   fieldsetHelperBase,
   fieldsetErrorBase,
-  cn as cn45
+  cn as cn49
 } from "@cloudvoyant/helix";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function Field({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(ArkFieldRoot, { className: cn45(fieldRootBase, className), ...props });
+  return /* @__PURE__ */ jsx49(ArkFieldRoot, { className: cn49(fieldRootBase, className), ...props });
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(ArkFieldLabel, { className: cn45(fieldLabelBase, className), ...props });
+  return /* @__PURE__ */ jsx49(ArkFieldLabel, { className: cn49(fieldLabelBase, className), ...props });
 }
 function FieldHelper({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(ArkFieldHelperText, { className: cn45(fieldHelperBase, className), ...props });
+  return /* @__PURE__ */ jsx49(ArkFieldHelperText, { className: cn49(fieldHelperBase, className), ...props });
 }
 function FieldError({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(ArkFieldErrorText, { className: cn45(fieldErrorBase, className), ...props });
+  return /* @__PURE__ */ jsx49(ArkFieldErrorText, { className: cn49(fieldErrorBase, className), ...props });
 }
 function FieldRequiredIndicator({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(ArkFieldRequiredIndicator, { className: cn45(fieldRequiredIndicatorBase, className), ...props });
+  return /* @__PURE__ */ jsx49(ArkFieldRequiredIndicator, { className: cn49(fieldRequiredIndicatorBase, className), ...props });
 }
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(ArkFieldsetRoot, { className: cn45(fieldsetRootBase, className), ...props });
+  return /* @__PURE__ */ jsx49(ArkFieldsetRoot, { className: cn49(fieldsetRootBase, className), ...props });
 }
 function FieldSetLegend({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(ArkFieldsetLegend, { className: cn45(fieldsetLegendBase, className), ...props });
+  return /* @__PURE__ */ jsx49(ArkFieldsetLegend, { className: cn49(fieldsetLegendBase, className), ...props });
 }
 function FieldSetHelper({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(ArkFieldsetHelperText, { className: cn45(fieldsetHelperBase, className), ...props });
+  return /* @__PURE__ */ jsx49(ArkFieldsetHelperText, { className: cn49(fieldsetHelperBase, className), ...props });
 }
 function FieldSetError({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(ArkFieldsetErrorText, { className: cn45(fieldsetErrorBase, className), ...props });
+  return /* @__PURE__ */ jsx49(ArkFieldsetErrorText, { className: cn49(fieldsetErrorBase, className), ...props });
 }
 var useField = useFieldContext;
 
 // src/input.tsx
 import { FieldInput } from "@ark-ui/react/field";
-import { inputVariants, cn as cn46 } from "@cloudvoyant/helix";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { inputVariants, cn as cn50 } from "@cloudvoyant/helix";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function Input2({ className, size, ...props }) {
-  return /* @__PURE__ */ jsx46(FieldInput, { className: cn46(inputVariants({ size }), className), ...props });
+  return /* @__PURE__ */ jsx50(FieldInput, { className: cn50(inputVariants({ size }), className), ...props });
 }
 
 // src/textarea.tsx
 import { FieldTextarea } from "@ark-ui/react/field";
-import { textareaBase, cn as cn47 } from "@cloudvoyant/helix";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { textareaBase, cn as cn51 } from "@cloudvoyant/helix";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(FieldTextarea, { className: cn47(textareaBase, className), ...props });
+  return /* @__PURE__ */ jsx51(FieldTextarea, { className: cn51(textareaBase, className), ...props });
 }
 
 // src/number-input.tsx
@@ -1484,23 +1710,23 @@ import {
   numberInputControlBase,
   numberInputInputBase,
   numberInputTriggerBase,
-  cn as cn48
+  cn as cn52
 } from "@cloudvoyant/helix";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function NumberInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(ArkNumberInputRoot, { className: cn48(numberInputRootBase, className), ...props });
+  return /* @__PURE__ */ jsx52(ArkNumberInputRoot, { className: cn52(numberInputRootBase, className), ...props });
 }
 function NumberInputControl({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(ArkNumberInputControl, { className: cn48(numberInputControlBase, className), ...props });
+  return /* @__PURE__ */ jsx52(ArkNumberInputControl, { className: cn52(numberInputControlBase, className), ...props });
 }
 function NumberInputInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(ArkNumberInputInput, { className: cn48(numberInputInputBase, className), ...props });
+  return /* @__PURE__ */ jsx52(ArkNumberInputInput, { className: cn52(numberInputInputBase, className), ...props });
 }
 function NumberInputDecrement({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(ArkNumberInputDecrementTrigger, { "aria-label": "Decrement", className: cn48(numberInputTriggerBase, className), ...props });
+  return /* @__PURE__ */ jsx52(ArkNumberInputDecrementTrigger, { "aria-label": "Decrement", className: cn52(numberInputTriggerBase, className), ...props });
 }
 function NumberInputIncrement({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(ArkNumberInputIncrementTrigger, { "aria-label": "Increment", className: cn48(numberInputTriggerBase, className), ...props });
+  return /* @__PURE__ */ jsx52(ArkNumberInputIncrementTrigger, { "aria-label": "Increment", className: cn52(numberInputTriggerBase, className), ...props });
 }
 var useNumberInput = useNumberInputContext;
 
@@ -1515,27 +1741,27 @@ import {
   CheckboxHiddenInput as ArkCheckboxHiddenInput,
   useCheckboxContext
 } from "@ark-ui/react/checkbox";
-import { checkboxVariants, checkboxIndicatorBase, checkboxLabelBase, checkboxGroupBase, cn as cn49 } from "@cloudvoyant/helix";
-import { jsx as jsx49, jsxs as jsxs11 } from "react/jsx-runtime";
+import { checkboxVariants, checkboxIndicatorBase, checkboxLabelBase, checkboxGroupBase, cn as cn53 } from "@cloudvoyant/helix";
+import { jsx as jsx53, jsxs as jsxs13 } from "react/jsx-runtime";
 var CheckboxSizeContext = createContext4("md");
 function Checkbox({ className, size = "md", children, ...props }) {
-  return /* @__PURE__ */ jsx49(CheckboxSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxs11(ArkCheckboxRoot, { className: cn49("flex items-center gap-2", className), ...props, children: [
+  return /* @__PURE__ */ jsx53(CheckboxSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxs13(ArkCheckboxRoot, { className: cn53("flex items-center gap-2", className), ...props, children: [
     children,
-    /* @__PURE__ */ jsx49(ArkCheckboxHiddenInput, {})
+    /* @__PURE__ */ jsx53(ArkCheckboxHiddenInput, {})
   ] }) });
 }
 function CheckboxControl({ className, ...props }) {
   const size = useContext4(CheckboxSizeContext);
-  return /* @__PURE__ */ jsx49(ArkCheckboxControl, { className: cn49(checkboxVariants({ size }), className), ...props });
+  return /* @__PURE__ */ jsx53(ArkCheckboxControl, { className: cn53(checkboxVariants({ size }), className), ...props });
 }
 function CheckboxIndicator({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(ArkCheckboxIndicator, { className: cn49(checkboxIndicatorBase, className), ...props });
+  return /* @__PURE__ */ jsx53(ArkCheckboxIndicator, { className: cn53(checkboxIndicatorBase, className), ...props });
 }
 function CheckboxLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(ArkCheckboxLabel, { className: cn49(checkboxLabelBase, className), ...props });
+  return /* @__PURE__ */ jsx53(ArkCheckboxLabel, { className: cn53(checkboxLabelBase, className), ...props });
 }
 function CheckboxGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(ArkCheckboxGroup, { className: cn49(checkboxGroupBase, className), ...props });
+  return /* @__PURE__ */ jsx53(ArkCheckboxGroup, { className: cn53(checkboxGroupBase, className), ...props });
 }
 var useCheckbox = useCheckboxContext;
 
@@ -1549,30 +1775,30 @@ import {
   SwitchHiddenInput as ArkSwitchHiddenInput,
   useSwitchContext
 } from "@ark-ui/react/switch";
-import { switchVariants, switchControlBase, switchThumbBase, switchLabelBase, cn as cn50 } from "@cloudvoyant/helix";
-import { jsx as jsx50, jsxs as jsxs12 } from "react/jsx-runtime";
+import { switchVariants, switchControlBase, switchThumbBase, switchLabelBase, cn as cn54 } from "@cloudvoyant/helix";
+import { jsx as jsx54, jsxs as jsxs14 } from "react/jsx-runtime";
 var SwitchSizeContext = createContext5("md");
 function Switch({ className, size = "md", children, ...props }) {
-  return /* @__PURE__ */ jsx50(SwitchSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxs12(ArkSwitchRoot, { className: cn50("flex items-center gap-2", className), ...props, children: [
+  return /* @__PURE__ */ jsx54(SwitchSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxs14(ArkSwitchRoot, { className: cn54("flex items-center gap-2", className), ...props, children: [
     children,
-    /* @__PURE__ */ jsx50(ArkSwitchHiddenInput, {})
+    /* @__PURE__ */ jsx54(ArkSwitchHiddenInput, {})
   ] }) });
 }
 function SwitchControl({ className, ...props }) {
   const size = useContext5(SwitchSizeContext);
-  return /* @__PURE__ */ jsx50(ArkSwitchControl, { className: cn50(switchVariants({ size }), switchControlBase, className), ...props });
+  return /* @__PURE__ */ jsx54(ArkSwitchControl, { className: cn54(switchVariants({ size }), switchControlBase, className), ...props });
 }
 function SwitchThumb({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(ArkSwitchThumb, { className: cn50(switchThumbBase, className), ...props });
+  return /* @__PURE__ */ jsx54(ArkSwitchThumb, { className: cn54(switchThumbBase, className), ...props });
 }
 function SwitchLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(ArkSwitchLabel, { className: cn50(switchLabelBase, className), ...props });
+  return /* @__PURE__ */ jsx54(ArkSwitchLabel, { className: cn54(switchLabelBase, className), ...props });
 }
 var useSwitch = useSwitchContext;
 
 // src/select.tsx
 import { ark as ark34 } from "@ark-ui/react/factory";
-import { Portal as Portal2 } from "@ark-ui/react/portal";
+import { Portal as Portal7 } from "@ark-ui/react/portal";
 import { useMemo as useMemo4 } from "react";
 import {
   SelectRoot as ArkSelectRoot,
@@ -1606,7 +1832,7 @@ import {
   nativeSelectVariants,
   nativeSelectWrapperBase,
   nativeSelectIconBase,
-  cn as cn51
+  cn as cn55
 } from "@cloudvoyant/helix";
 
 // src/use-media-query.ts
@@ -1624,7 +1850,7 @@ function useMediaQuery(query) {
 }
 
 // src/select.tsx
-import { jsx as jsx51, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs15 } from "react/jsx-runtime";
 function Select({ items, collection, size, children, ...props }) {
   const isCoarse = useMediaQuery("(pointer: coarse)");
   const resolvedCollection = useMemo4(
@@ -1632,7 +1858,7 @@ function Select({ items, collection, size, children, ...props }) {
     [collection, items]
   );
   if (isCoarse && items) {
-    return /* @__PURE__ */ jsx51(
+    return /* @__PURE__ */ jsx55(
       SelectNative,
       {
         items,
@@ -1648,44 +1874,44 @@ function Select({ items, collection, size, children, ...props }) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs13(ArkSelectRoot, { collection: resolvedCollection, ...props, children: [
+  return /* @__PURE__ */ jsxs15(ArkSelectRoot, { collection: resolvedCollection, ...props, children: [
     children,
-    /* @__PURE__ */ jsx51(ArkSelectHiddenSelect, {})
+    /* @__PURE__ */ jsx55(ArkSelectHiddenSelect, {})
   ] });
 }
 function SelectTrigger({ size = "md", className, ...props }) {
-  return /* @__PURE__ */ jsx51(ArkSelectTrigger, { className: cn51(inputVariants2({ size }), selectTriggerBase, className), ...props });
+  return /* @__PURE__ */ jsx55(ArkSelectTrigger, { className: cn55(inputVariants2({ size }), selectTriggerBase, className), ...props });
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(ArkSelectValueText, { className: cn51(selectValueBase, className), ...props });
+  return /* @__PURE__ */ jsx55(ArkSelectValueText, { className: cn55(selectValueBase, className), ...props });
 }
 function SelectIndicator({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(ArkSelectIndicator, { className: cn51(selectIndicatorBase, className), ...props });
+  return /* @__PURE__ */ jsx55(ArkSelectIndicator, { className: cn55(selectIndicatorBase, className), ...props });
 }
 function SelectClearTrigger({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(ArkSelectClearTrigger, { "aria-label": "Clear selection", className: cn51(selectClearTriggerBase, className), ...props });
+  return /* @__PURE__ */ jsx55(ArkSelectClearTrigger, { "aria-label": "Clear selection", className: cn55(selectClearTriggerBase, className), ...props });
 }
 function SelectContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(Portal2, { children: /* @__PURE__ */ jsx51(ArkSelectPositioner, { className: selectPositionerBase, children: /* @__PURE__ */ jsx51(ArkSelectContent, { className: cn51(selectContentBase, className), ...props }) }) });
+  return /* @__PURE__ */ jsx55(Portal7, { children: /* @__PURE__ */ jsx55(ArkSelectPositioner, { className: selectPositionerBase, children: /* @__PURE__ */ jsx55(ArkSelectContent, { className: cn55(selectContentBase, className), ...props }) }) });
 }
 function SelectItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(ArkSelectItemGroup, { className, ...props });
+  return /* @__PURE__ */ jsx55(ArkSelectItemGroup, { className, ...props });
 }
 function SelectItemGroupLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(ArkSelectItemGroupLabel, { className: cn51(selectItemGroupLabelBase, className), ...props });
+  return /* @__PURE__ */ jsx55(ArkSelectItemGroupLabel, { className: cn55(selectItemGroupLabelBase, className), ...props });
 }
 function SelectItem({ item, className, ...props }) {
-  return /* @__PURE__ */ jsx51(ArkSelectItem, { item, className: cn51(selectItemBase, className), ...props });
+  return /* @__PURE__ */ jsx55(ArkSelectItem, { item, className: cn55(selectItemBase, className), ...props });
 }
 function SelectItemText({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(ArkSelectItemText, { className: cn51(selectItemTextBase, className), ...props });
+  return /* @__PURE__ */ jsx55(ArkSelectItemText, { className: cn55(selectItemTextBase, className), ...props });
 }
 function SelectItemIndicator({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(ArkSelectItemIndicator, { className: cn51(selectItemIndicatorBase, className), ...props });
+  return /* @__PURE__ */ jsx55(ArkSelectItemIndicator, { className: cn55(selectItemIndicatorBase, className), ...props });
 }
 var useSelect = useSelectContext;
 function ChevronDownIcon() {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx55(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -1695,7 +1921,7 @@ function ChevronDownIcon() {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": true,
-      children: /* @__PURE__ */ jsx51("path", { d: "m6 9 6 6 6-6" })
+      children: /* @__PURE__ */ jsx55("path", { d: "m6 9 6 6 6-6" })
     }
   );
 }
@@ -1710,8 +1936,8 @@ function SelectNative({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs13(ark34.div, { className: cn51(nativeSelectWrapperBase, className), children: [
-    /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsxs15(ark34.div, { className: cn55(nativeSelectWrapperBase, className), children: [
+    /* @__PURE__ */ jsx55(
       ark34.select,
       {
         className: nativeSelectVariants({ size }),
@@ -1720,15 +1946,15 @@ function SelectNative({
         onChange: (event) => onValueChange?.(event.currentTarget.value),
         "aria-invalid": invalid,
         ...props,
-        children: items.map((item) => /* @__PURE__ */ jsx51(ark34.option, { value: item.value, disabled: item.disabled, children: item.label }, item.value))
+        children: items.map((item) => /* @__PURE__ */ jsx55(ark34.option, { value: item.value, disabled: item.disabled, children: item.label }, item.value))
       }
     ),
-    /* @__PURE__ */ jsx51(ark34.span, { className: nativeSelectIconBase, "aria-hidden": true, children: icon ?? /* @__PURE__ */ jsx51(ChevronDownIcon, {}) })
+    /* @__PURE__ */ jsx55(ark34.span, { className: nativeSelectIconBase, "aria-hidden": true, children: icon ?? /* @__PURE__ */ jsx55(ChevronDownIcon, {}) })
   ] });
 }
 
 // src/combobox.tsx
-import { Portal as Portal3 } from "@ark-ui/react/portal";
+import { Portal as Portal8 } from "@ark-ui/react/portal";
 import { useMemo as useMemo5 } from "react";
 import {
   ComboboxRoot as ArkComboboxRoot,
@@ -1761,9 +1987,9 @@ import {
   comboboxItemIndicatorBase,
   comboboxListBase,
   comboboxEmptyBase,
-  cn as cn52
+  cn as cn56
 } from "@cloudvoyant/helix";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function Combobox({
   items,
   collection,
@@ -1776,7 +2002,7 @@ function Combobox({
     () => collection ?? createListCollection2({ items: items ?? [] }),
     [collection, items]
   );
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx56(
     ArkComboboxRoot,
     {
       collection: resolvedCollection,
@@ -1788,40 +2014,40 @@ function Combobox({
   );
 }
 function ComboboxControl({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(ArkComboboxControl, { className: cn52(comboboxControlBase, className), ...props });
+  return /* @__PURE__ */ jsx56(ArkComboboxControl, { className: cn56(comboboxControlBase, className), ...props });
 }
 function ComboboxInput({ size = "md", className, ...props }) {
-  return /* @__PURE__ */ jsx52(ArkComboboxInput, { className: cn52(inputVariants3({ size }), comboboxInputBase, className), ...props });
+  return /* @__PURE__ */ jsx56(ArkComboboxInput, { className: cn56(inputVariants3({ size }), comboboxInputBase, className), ...props });
 }
 function ComboboxTrigger({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(ArkComboboxTrigger, { className: cn52(comboboxTriggerBase, className), ...props });
+  return /* @__PURE__ */ jsx56(ArkComboboxTrigger, { className: cn56(comboboxTriggerBase, className), ...props });
 }
 function ComboboxClear({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(ArkComboboxClearTrigger, { "aria-label": "Clear", className: cn52(comboboxClearTriggerBase, className), ...props });
+  return /* @__PURE__ */ jsx56(ArkComboboxClearTrigger, { "aria-label": "Clear", className: cn56(comboboxClearTriggerBase, className), ...props });
 }
 function ComboboxContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(Portal3, { children: /* @__PURE__ */ jsx52(ArkComboboxPositioner, { className: comboboxPositionerBase, children: /* @__PURE__ */ jsx52(ArkComboboxContent, { className: cn52(comboboxContentBase, className), ...props }) }) });
+  return /* @__PURE__ */ jsx56(Portal8, { children: /* @__PURE__ */ jsx56(ArkComboboxPositioner, { className: comboboxPositionerBase, children: /* @__PURE__ */ jsx56(ArkComboboxContent, { className: cn56(comboboxContentBase, className), ...props }) }) });
 }
 function ComboboxItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(ArkComboboxItemGroup, { className, ...props });
+  return /* @__PURE__ */ jsx56(ArkComboboxItemGroup, { className, ...props });
 }
 function ComboboxItemGroupLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(ArkComboboxItemGroupLabel, { className: cn52(comboboxItemGroupLabelBase, className), ...props });
+  return /* @__PURE__ */ jsx56(ArkComboboxItemGroupLabel, { className: cn56(comboboxItemGroupLabelBase, className), ...props });
 }
 function ComboboxItem({ item, showIndicator = true, className, ...props }) {
-  return /* @__PURE__ */ jsx52(ArkComboboxItem, { item, persistFocus: true, className: cn52(comboboxItemVariants({ showIndicator }), className), ...props });
+  return /* @__PURE__ */ jsx56(ArkComboboxItem, { item, persistFocus: true, className: cn56(comboboxItemVariants({ showIndicator }), className), ...props });
 }
 function ComboboxItemText({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(ArkComboboxItemText, { className, ...props });
+  return /* @__PURE__ */ jsx56(ArkComboboxItemText, { className, ...props });
 }
 function ComboboxItemIndicator({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(ArkComboboxItemIndicator, { className: cn52(comboboxItemIndicatorBase, className), ...props });
+  return /* @__PURE__ */ jsx56(ArkComboboxItemIndicator, { className: cn56(comboboxItemIndicatorBase, className), ...props });
 }
 function ComboboxList({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(ArkComboboxList, { className: cn52(comboboxListBase, className), ...props });
+  return /* @__PURE__ */ jsx56(ArkComboboxList, { className: cn56(comboboxListBase, className), ...props });
 }
 function ComboboxEmpty({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx52(ArkComboboxEmpty, { className: cn52(comboboxEmptyBase, className), ...props, children: children ?? "No results found." });
+  return /* @__PURE__ */ jsx56(ArkComboboxEmpty, { className: cn56(comboboxEmptyBase, className), ...props, children: children ?? "No results found." });
 }
 var useCombobox = useComboboxContext;
 
@@ -1849,38 +2075,38 @@ import {
   tagsInputItemInputBase,
   tagsInputItemDeleteTriggerBase,
   tagsInputClearTriggerBase,
-  cn as cn53
+  cn as cn57
 } from "@cloudvoyant/helix";
-import { jsx as jsx53, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs16 } from "react/jsx-runtime";
 function TagInput({ className, editable = false, children, ...props }) {
-  return /* @__PURE__ */ jsxs14(ArkTagsInputRoot, { className: cn53(tagsInputRootBase, className), editable, ...props, children: [
+  return /* @__PURE__ */ jsxs16(ArkTagsInputRoot, { className: cn57(tagsInputRootBase, className), editable, ...props, children: [
     children,
-    /* @__PURE__ */ jsx53(ArkTagsInputHiddenInput, {})
+    /* @__PURE__ */ jsx57(ArkTagsInputHiddenInput, {})
   ] });
 }
 function TagInputControl({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(ArkTagsInputControl, { className: cn53(tagsInputControlBase, className), ...props });
+  return /* @__PURE__ */ jsx57(ArkTagsInputControl, { className: cn57(tagsInputControlBase, className), ...props });
 }
 function TagInputInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(ArkTagsInputInput, { className: cn53(tagsInputInputBase, className), ...props });
+  return /* @__PURE__ */ jsx57(ArkTagsInputInput, { className: cn57(tagsInputInputBase, className), ...props });
 }
 function TagInputItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(ArkTagsInputItem, { className: cn53(tagsInputItemBase, className), ...props });
+  return /* @__PURE__ */ jsx57(ArkTagsInputItem, { className: cn57(tagsInputItemBase, className), ...props });
 }
 function TagInputItemPreview({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(ArkTagsInputItemPreview, { className, ...props });
+  return /* @__PURE__ */ jsx57(ArkTagsInputItemPreview, { className, ...props });
 }
 function TagInputItemText({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(ArkTagsInputItemText, { className: cn53(tagsInputItemTextBase, className), ...props });
+  return /* @__PURE__ */ jsx57(ArkTagsInputItemText, { className: cn57(tagsInputItemTextBase, className), ...props });
 }
 function TagInputItemInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(ArkTagsInputItemInput, { className: cn53(tagsInputItemInputBase, className), ...props });
+  return /* @__PURE__ */ jsx57(ArkTagsInputItemInput, { className: cn57(tagsInputItemInputBase, className), ...props });
 }
 function TagInputItemDeleteTrigger({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(ArkTagsInputItemDeleteTrigger, { "aria-label": "Remove tag", className: cn53(tagsInputItemDeleteTriggerBase, className), ...props });
+  return /* @__PURE__ */ jsx57(ArkTagsInputItemDeleteTrigger, { "aria-label": "Remove tag", className: cn57(tagsInputItemDeleteTriggerBase, className), ...props });
 }
 function TagInputClearTrigger({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(ArkTagsInputClearTrigger, { "aria-label": "Clear all tags", className: cn53(tagsInputClearTriggerBase, className), ...props });
+  return /* @__PURE__ */ jsx57(ArkTagsInputClearTrigger, { "aria-label": "Clear all tags", className: cn57(tagsInputClearTriggerBase, className), ...props });
 }
 var TagInputContext = ArkTagsInputContext;
 var useTagInput = useTagsInputContext;
@@ -1915,6 +2141,16 @@ export {
   ComboboxList,
   ComboboxTrigger,
   Container,
+  Dialog,
+  DialogBackdrop,
+  DialogContent,
+  DialogDescription,
+  DialogDismiss,
+  DialogFooter,
+  DialogHeader,
+  DialogProvider,
+  DialogTitle,
+  DialogTrigger,
   Field,
   FieldError,
   FieldHelper,
@@ -1962,6 +2198,16 @@ export {
   PaginationItems,
   PaginationNext,
   PaginationPrevious,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverDescription,
+  PopoverDismiss,
+  PopoverIndicator,
+  PopoverProvider,
+  PopoverTitle,
+  PopoverTrigger,
+  Portal5 as Portal,
   Row,
   Scroll,
   Select,
@@ -2024,17 +2270,39 @@ export {
   Textarea,
   ToggleButton,
   ToggleButtonIndicator,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
   VStack,
+  Window,
+  WindowBody,
+  WindowControl,
+  WindowDismiss,
+  WindowDragTrigger,
+  WindowHeader,
+  WindowProvider,
+  WindowResizeTrigger,
+  WindowStageTrigger,
+  WindowTitle,
   navbarMenuTriggerStyle2 as navbarMenuTriggerStyle,
   useCheckbox,
   useCombobox,
+  useDialog,
+  useDialogContext,
   useField,
   useMediaQuery,
   useNavbar,
   useNumberInput,
+  usePopover,
+  usePopoverContext,
   useSelect,
   useSidebar,
   useSwitch,
   useTabs,
-  useTagInput
+  useTagInput,
+  useTooltip,
+  useTooltipContext,
+  useWindow,
+  useWindowContext
 };