@cloudvoyant/helix-react 0.11.0-rc.202608270956.10f653f

package/dist/index.js

@@ -0,0 +1,1418 @@
+// src/button.tsx
+import { ark } from "@ark-ui/react/factory";
+import { buttonVariants, cn } from "@cloudvoyant/helix";
+import { jsx } from "react/jsx-runtime";
+function Button({ className, variant, color, size, type = "button", ...props }) {
+  return /* @__PURE__ */ jsx(ark.button, { type, className: cn(buttonVariants({ variant, color, size }), className), ...props });
+}
+
+// src/toggle-button.tsx
+import { ToggleRoot, ToggleIndicator } from "@ark-ui/react/toggle";
+import { toggleButtonVariants, cn as cn2 } from "@cloudvoyant/helix";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function ToggleButton({ className, variant, size, ...props }) {
+  return /* @__PURE__ */ jsx2(ToggleRoot, { className: cn2(toggleButtonVariants({ variant, size }), className), ...props });
+}
+function ToggleButtonIndicator(props) {
+  return /* @__PURE__ */ jsx2(ToggleIndicator, { ...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";
+function Badge({ className, variant, color, size, ...props }) {
+  return /* @__PURE__ */ jsx3(ark2.span, { className: cn3(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";
+function Container({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(ark3.div, { className: cn4(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";
+function Row({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(ark4.div, { className: cn5(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";
+function Col({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(ark5.div, { className: cn6(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";
+function Center({ className, ...props }) {
+  return /* @__PURE__ */ jsx7(ark6.div, { className: cn7(centerBase, className), ...props });
+}
+
+// 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";
+function Item({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx8(ark7.div, { className: cn8(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";
+
+// src/card/context.ts
+import { createContext, useContext } from "react";
+var CardOrientationContext = createContext("vertical");
+function useCardOrientation() {
+  return useContext(CardOrientationContext);
+}
+
+// src/card/root.tsx
+import { jsx as jsx9 } 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 }) });
+}
+
+// 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";
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx10(ark9.div, { className: cn10(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";
+function CardBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx11(ark10.div, { className: cn11(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";
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx12(ark11.div, { className: cn12(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";
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx13(ark12.h3, { className: cn13(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";
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx14(ark13.p, { className: cn14(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";
+function CardCover({ className, variant, orientation, ...props }) {
+  const contextOrientation = useCardOrientation();
+  return /* @__PURE__ */ jsx15(
+    ark14.div,
+    {
+      className: cn15(cardCoverVariants({ variant, orientation: orientation ?? contextOrientation }), className),
+      ...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";
+function Stack({ className, ...props }) {
+  return /* @__PURE__ */ jsx16(ark15.div, { className: cn16(stackBase, className), ...props });
+}
+function HStack({ className, ...props }) {
+  return /* @__PURE__ */ jsx16(ark15.div, { className: cn16(hstackBase, className), ...props });
+}
+function VStack({ className, ...props }) {
+  return /* @__PURE__ */ jsx16(ark15.div, { className: cn16(vstackBase, className), ...props });
+}
+
+// src/scroll.tsx
+import {
+  ScrollAreaRoot as ArkRoot,
+  ScrollAreaViewport as ArkViewport,
+  ScrollAreaContent as ArkContent,
+  ScrollAreaScrollbar as ArkScrollbar,
+  ScrollAreaThumb as ArkThumb,
+  ScrollAreaCorner as ArkCorner
+} from "@ark-ui/react/scroll-area";
+import {
+  scrollRootBase,
+  scrollViewportBase,
+  scrollContentBase,
+  scrollScrollbarBase,
+  scrollThumbBase,
+  scrollCornerBase,
+  cn as cn17
+} from "@cloudvoyant/helix";
+import { jsx as jsx17, jsxs } from "react/jsx-runtime";
+function Scroll({
+  className,
+  orientation = "vertical",
+  contentClassName,
+  thumbClassName,
+  viewportClassName,
+  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 }) }),
+    (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 })
+  ] });
+}
+
+// src/splitter.tsx
+import {
+  SplitterRoot as ArkSplitterRoot,
+  SplitterPanel as ArkSplitterPanel,
+  SplitterResizeTrigger as ArkSplitterResizeTrigger,
+  SplitterResizeTriggerIndicator as ArkSplitterResizeTriggerIndicator
+} from "@ark-ui/react/splitter";
+import {
+  splitterRootBase,
+  splitterPanelBase,
+  splitterResizeTriggerBase,
+  splitterResizeTriggerSeparatorBase,
+  splitterResizeTriggerIndicatorBase,
+  cn as cn18
+} from "@cloudvoyant/helix";
+import { jsx as jsx18, jsxs as jsxs2 } from "react/jsx-runtime";
+function Splitter({ className, ...props }) {
+  return /* @__PURE__ */ jsx18(ArkSplitterRoot, { className: cn18(splitterRootBase, className), ...props });
+}
+function SplitterPanel({ className, ...props }) {
+  return /* @__PURE__ */ jsx18(ArkSplitterPanel, { className: cn18(splitterPanelBase, className), ...props });
+}
+function SplitterResizeTrigger({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs2(ArkSplitterResizeTrigger, { className: cn18(splitterResizeTriggerBase, className), ...props, children: [
+    /* @__PURE__ */ jsx18("span", { "aria-hidden": true, "data-part": "separator", className: splitterResizeTriggerSeparatorBase }),
+    children
+  ] });
+}
+function SplitterResizeTriggerIndicator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(
+    ArkSplitterResizeTriggerIndicator,
+    {
+      className: cn18(splitterResizeTriggerIndicatorBase, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/Provider.tsx
+import * as React2 from "react";
+import { SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_KEYBOARD_SHORTCUT, sidebarStyles, cn as cn19 } from "@cloudvoyant/helix";
+
+// src/sidebar/context.ts
+import * as React from "react";
+var SidebarContext = React.createContext(null);
+function useSidebar() {
+  const context = React.useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  }
+  return context;
+}
+
+// src/sidebar/Provider.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+var SIDEBAR_COOKIE_NAME = "sidebar_state";
+var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React2.useState(false);
+  const [isMobileSet, setIsMobileSet] = React2.useState(false);
+  React2.useEffect(() => {
+    const mql = window.matchMedia("(max-width: 767px)");
+    const onChange = () => {
+      setIsMobile(window.innerWidth < 768);
+      setIsMobileSet(true);
+    };
+    onChange();
+    mql.addEventListener("change", onChange);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return isMobile && isMobileSet;
+}
+function Provider({
+  defaultOpen = true,
+  open: openProp,
+  onOpenChange: setOpenProp,
+  className,
+  style,
+  children,
+  ...props
+}) {
+  const isMobile = useIsMobile();
+  const [openMobile, setOpenMobile] = React2.useState(false);
+  const [_open, _setOpen] = React2.useState(defaultOpen);
+  const open = openProp ?? _open;
+  const setOpen = React2.useCallback(
+    (value) => {
+      const openState = typeof value === "function" ? value(open) : value;
+      if (setOpenProp) {
+        setOpenProp(openState);
+      } else {
+        _setOpen(openState);
+      }
+      if (typeof document !== "undefined") {
+        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+      }
+    },
+    [setOpenProp, open]
+  );
+  const toggleSidebar = React2.useCallback(() => {
+    return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
+  }, [isMobile, setOpen, setOpenMobile]);
+  React2.useEffect(() => {
+    if (openProp !== void 0) return;
+    if (typeof document === "undefined") return;
+    const cookie = document.cookie.split("; ").find((row) => row.startsWith(`${SIDEBAR_COOKIE_NAME}=`));
+    if (cookie) {
+      _setOpen(cookie.split("=")[1] === "true");
+    }
+  }, [openProp]);
+  React2.useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        toggleSidebar();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [toggleSidebar]);
+  const state = open ? "expanded" : "collapsed";
+  const contextValue = React2.useMemo(
+    () => ({
+      state,
+      open,
+      setOpen,
+      isMobile,
+      openMobile,
+      setOpenMobile,
+      toggleSidebar
+    }),
+    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+  );
+  return /* @__PURE__ */ jsx19(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx19(
+    Row,
+    {
+      "data-slot": "sidebar-wrapper",
+      style: {
+        "--sidebar-width": SIDEBAR_WIDTH,
+        "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+        ...style
+      },
+      className: cn19(sidebarStyles.wrapperClass, className),
+      ...props,
+      children
+    }
+  ) });
+}
+
+// src/sidebar/Root.tsx
+import {
+  DrawerRoot,
+  DrawerBackdrop,
+  DrawerPositioner,
+  DrawerContent,
+  DrawerTitle,
+  DrawerDescription,
+  DrawerCloseTrigger
+} from "@ark-ui/react/drawer";
+import { SIDEBAR_WIDTH_MOBILE, sidebarStyles as sidebarStyles2, cn as cn20 } from "@cloudvoyant/helix";
+import { jsx as jsx20, jsxs as jsxs3 } from "react/jsx-runtime";
+function Root({
+  side = "left",
+  variant = "sidebar",
+  collapsible = "offcanvas",
+  className,
+  children,
+  ...props
+}) {
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+  if (collapsible === "none") {
+    return /* @__PURE__ */ jsx20(
+      Col,
+      {
+        "data-slot": "sidebar",
+        "data-sidebar": "sidebar",
+        className: cn20("h-full w-(--sidebar-width) bg-sidebar text-sidebar-foreground", className),
+        ...props,
+        children
+      }
+    );
+  }
+  if (isMobile) {
+    return /* @__PURE__ */ jsxs3(
+      DrawerRoot,
+      {
+        open: openMobile,
+        onOpenChange: (details) => setOpenMobile(details.open),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx20(DrawerBackdrop, {}),
+          /* @__PURE__ */ jsx20(DrawerPositioner, { className: "w-(--sidebar-width)", children: /* @__PURE__ */ jsxs3(
+            DrawerContent,
+            {
+              "data-sidebar": "sidebar",
+              "data-slot": "sidebar",
+              "data-mobile": "true",
+              className: cn20("w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground", className),
+              style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
+              children: [
+                /* @__PURE__ */ jsx20(DrawerTitle, { className: "sr-only", children: "Sidebar" }),
+                /* @__PURE__ */ jsx20(DrawerDescription, { className: "sr-only", children: "Displays the mobile sidebar." }),
+                /* @__PURE__ */ jsx20(DrawerCloseTrigger, { className: "hidden" }),
+                /* @__PURE__ */ jsx20(Col, { className: "h-full w-full", children })
+              ]
+            }
+          ) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: "group peer hidden text-sidebar-foreground md:block",
+      "data-state": state,
+      "data-collapsible": state === "collapsed" ? collapsible : "",
+      "data-variant": variant,
+      "data-side": side,
+      "data-slot": "sidebar",
+      children: [
+        /* @__PURE__ */ jsx20(
+          "div",
+          {
+            "data-slot": "sidebar-gap",
+            className: cn20(
+              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__ */ jsx20(
+          "div",
+          {
+            "data-slot": "sidebar-container",
+            className: cn20(
+              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__ */ jsx20(
+              "div",
+              {
+                "data-sidebar": "sidebar",
+                "data-slot": "sidebar-inner",
+                "data-variant": variant,
+                className: cn20(sidebarStyles2.innerClass),
+                children
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/sidebar/Header.tsx
+import { sidebarStyles as sidebarStyles3, cn as cn21 } from "@cloudvoyant/helix";
+import { jsx as jsx21 } from "react/jsx-runtime";
+function Header({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    Col,
+    {
+      "data-slot": "sidebar-header",
+      "data-sidebar": "header",
+      className: cn21(sidebarStyles3.headerClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/Footer.tsx
+import { sidebarStyles as sidebarStyles4, cn as cn22 } from "@cloudvoyant/helix";
+import { jsx as jsx22 } from "react/jsx-runtime";
+function Footer({ className, ...props }) {
+  return /* @__PURE__ */ jsx22(
+    Col,
+    {
+      "data-slot": "sidebar-footer",
+      "data-sidebar": "footer",
+      className: cn22(sidebarStyles4.footerClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/Separator.tsx
+import { ark as ark16 } from "@ark-ui/react/factory";
+import { sidebarStyles as sidebarStyles5, cn as cn23 } from "@cloudvoyant/helix";
+import { jsx as jsx23 } from "react/jsx-runtime";
+function Separator({ className, ...props }) {
+  return /* @__PURE__ */ jsx23(
+    ark16.div,
+    {
+      "data-slot": "sidebar-separator",
+      "data-sidebar": "separator",
+      role: "separator",
+      className: cn23(sidebarStyles5.separatorClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/Content.tsx
+import { sidebarStyles as sidebarStyles6, cn as cn24 } from "@cloudvoyant/helix";
+import { jsx as jsx24 } from "react/jsx-runtime";
+function Content({ className, ...props }) {
+  return /* @__PURE__ */ jsx24(
+    Col,
+    {
+      "data-slot": "sidebar-content",
+      "data-sidebar": "content",
+      className: cn24(sidebarStyles6.contentClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/Group.tsx
+import { sidebarStyles as sidebarStyles7, cn as cn25 } from "@cloudvoyant/helix";
+import { jsx as jsx25, jsxs as jsxs4 } from "react/jsx-runtime";
+function Group({ label, className, children, ...props }) {
+  return /* @__PURE__ */ jsxs4(Col, { "data-slot": "sidebar-group", "data-sidebar": "group", className: cn25(sidebarStyles7.groupClass, className), ...props, children: [
+    label && /* @__PURE__ */ jsx25("div", { "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: cn25(sidebarStyles7.groupLabelClass), children: label }),
+    /* @__PURE__ */ jsx25("div", { "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: cn25(sidebarStyles7.groupContentClass), children })
+  ] });
+}
+
+// src/sidebar/GroupAction.tsx
+import { ark as ark17 } from "@ark-ui/react/factory";
+import { sidebarStyles as sidebarStyles8, cn as cn26 } from "@cloudvoyant/helix";
+import { jsx as jsx26 } from "react/jsx-runtime";
+function GroupAction({ className, asChild = false, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    ark17.button,
+    {
+      "data-slot": "sidebar-group-action",
+      "data-sidebar": "group-action",
+      asChild,
+      type: "button",
+      className: cn26(sidebarStyles8.groupActionClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/Menu.tsx
+import { ark as ark18 } from "@ark-ui/react/factory";
+import { sidebarStyles as sidebarStyles9, cn as cn27 } from "@cloudvoyant/helix";
+import { jsx as jsx27 } from "react/jsx-runtime";
+function Menu({ className, ...props }) {
+  return /* @__PURE__ */ jsx27(
+    ark18.ul,
+    {
+      "data-slot": "sidebar-menu",
+      "data-sidebar": "menu",
+      className: cn27(sidebarStyles9.menuClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/MenuItem.tsx
+import { ark as ark19 } from "@ark-ui/react/factory";
+import { sidebarStyles as sidebarStyles10, cn as cn28 } from "@cloudvoyant/helix";
+import { jsx as jsx28 } from "react/jsx-runtime";
+function MenuItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx28(
+    ark19.li,
+    {
+      "data-slot": "sidebar-menu-item",
+      "data-sidebar": "menu-item",
+      className: cn28(sidebarStyles10.menuItemClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/MenuButton.tsx
+import { ark as ark20 } from "@ark-ui/react/factory";
+import {
+  TooltipRoot,
+  TooltipTrigger,
+  TooltipPositioner,
+  TooltipContent as ArkTooltipContent
+} from "@ark-ui/react/tooltip";
+import { sidebarMenuButtonVariants, sidebarStyles as sidebarStyles11, cn as cn29 } from "@cloudvoyant/helix";
+import { jsx as jsx29, jsxs as jsxs5 } from "react/jsx-runtime";
+function MenuButton({
+  asChild = false,
+  isActive = false,
+  variant = "default",
+  size = "default",
+  tooltip,
+  className,
+  children,
+  ...props
+}) {
+  const { isMobile, state } = useSidebar();
+  const button = /* @__PURE__ */ jsx29(
+    ark20.button,
+    {
+      "data-slot": "sidebar-menu-button",
+      "data-sidebar": "menu-button",
+      "data-size": size,
+      "data-active": isActive,
+      asChild,
+      type: "button",
+      className: cn29(sidebarMenuButtonVariants({ variant, size }), className),
+      ...props,
+      children
+    }
+  );
+  if (!tooltip || state !== "collapsed" || isMobile) {
+    return button;
+  }
+  const tooltipContent = typeof tooltip === "string" ? { children: tooltip } : tooltip;
+  return /* @__PURE__ */ jsxs5(TooltipRoot, { openDelay: 0, positioning: { placement: "right", gutter: 8 }, children: [
+    /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx29(TooltipPositioner, { children: /* @__PURE__ */ jsx29(ArkTooltipContent, { className: cn29(sidebarStyles11.tooltipContentClass), ...tooltipContent }) })
+  ] });
+}
+
+// src/sidebar/MenuLink.tsx
+import { sidebarStyles as sidebarStyles12, cn as cn30 } from "@cloudvoyant/helix";
+import { Fragment, jsx as jsx30, jsxs as jsxs6 } from "react/jsx-runtime";
+function MenuLink({ icon, href, onClick, isActive, variant, size, tooltip, className, children }) {
+  const content = /* @__PURE__ */ jsxs6(Fragment, { children: [
+    icon,
+    children != null && /* @__PURE__ */ jsx30("span", { children })
+  ] });
+  return /* @__PURE__ */ jsx30("li", { "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: cn30(sidebarStyles12.menuItemClass), children: href != null ? /* @__PURE__ */ jsx30(MenuButton, { asChild: true, isActive, variant, size, tooltip, className, children: /* @__PURE__ */ jsx30("a", { href, onClick, children: content }) }) : /* @__PURE__ */ jsx30(MenuButton, { isActive, variant, size, tooltip, className, onClick, children: content }) });
+}
+
+// src/sidebar/MenuAction.tsx
+import { ark as ark21 } from "@ark-ui/react/factory";
+import { sidebarStyles as sidebarStyles13, cn as cn31 } from "@cloudvoyant/helix";
+import { jsx as jsx31 } from "react/jsx-runtime";
+function MenuAction({
+  className,
+  asChild = false,
+  showOnHover = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx31(
+    ark21.button,
+    {
+      "data-slot": "sidebar-menu-action",
+      "data-sidebar": "menu-action",
+      asChild,
+      type: "button",
+      className: cn31(
+        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
+      ),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/MenuBadge.tsx
+import { ark as ark22 } from "@ark-ui/react/factory";
+import { sidebarStyles as sidebarStyles14, cn as cn32 } from "@cloudvoyant/helix";
+import { jsx as jsx32 } from "react/jsx-runtime";
+function MenuBadge({ className, ...props }) {
+  return /* @__PURE__ */ jsx32(
+    ark22.div,
+    {
+      "data-slot": "sidebar-menu-badge",
+      "data-sidebar": "menu-badge",
+      className: cn32(sidebarStyles14.menuBadgeClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/MenuSkeleton.tsx
+import * as React3 from "react";
+import { ark as ark23 } from "@ark-ui/react/factory";
+import { sidebarStyles as sidebarStyles15, cn as cn33 } from "@cloudvoyant/helix";
+import { jsx as jsx33, jsxs as jsxs7 } from "react/jsx-runtime";
+function MenuSkeleton({ className, showIcon = false, ...props }) {
+  const width = React3.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+  return /* @__PURE__ */ jsxs7(
+    ark23.div,
+    {
+      "data-slot": "sidebar-menu-skeleton",
+      "data-sidebar": "menu-skeleton",
+      className: cn33(sidebarStyles15.menuSkeletonClass, className),
+      ...props,
+      children: [
+        showIcon && /* @__PURE__ */ jsx33(
+          ark23.div,
+          {
+            className: "size-4 shrink-0 animate-pulse rounded-md bg-sidebar-accent",
+            "data-sidebar": "menu-skeleton-icon"
+          }
+        ),
+        /* @__PURE__ */ jsx33(
+          ark23.div,
+          {
+            className: "h-4 max-w-(--skeleton-width) flex-1 animate-pulse rounded-md bg-sidebar-accent",
+            "data-sidebar": "menu-skeleton-text",
+            style: { "--skeleton-width": width }
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/sidebar/MenuSub.tsx
+import { ark as ark24 } from "@ark-ui/react/factory";
+import { sidebarStyles as sidebarStyles16, cn as cn34 } from "@cloudvoyant/helix";
+import { jsx as jsx34 } from "react/jsx-runtime";
+function MenuSub({ className, ...props }) {
+  return /* @__PURE__ */ jsx34(
+    ark24.ul,
+    {
+      "data-slot": "sidebar-menu-sub",
+      "data-sidebar": "menu-sub",
+      className: cn34(sidebarStyles16.menuSubClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/MenuSubItem.tsx
+import { ark as ark25 } from "@ark-ui/react/factory";
+import { sidebarStyles as sidebarStyles17, cn as cn35 } from "@cloudvoyant/helix";
+import { jsx as jsx35 } from "react/jsx-runtime";
+function MenuSubItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx35(
+    ark25.li,
+    {
+      "data-slot": "sidebar-menu-sub-item",
+      "data-sidebar": "menu-sub-item",
+      className: cn35(sidebarStyles17.menuSubItemClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/MenuSubButton.tsx
+import { ark as ark26 } from "@ark-ui/react/factory";
+import { sidebarStyles as sidebarStyles18, cn as cn36 } from "@cloudvoyant/helix";
+import { jsx as jsx36 } from "react/jsx-runtime";
+function MenuSubButton({
+  asChild = false,
+  size = "md",
+  isActive = false,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx36(
+    ark26.a,
+    {
+      "data-slot": "sidebar-menu-sub-button",
+      "data-sidebar": "menu-sub-button",
+      "data-size": size,
+      "data-active": isActive,
+      asChild,
+      className: cn36(sidebarStyles18.menuSubButtonClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/Trigger.tsx
+import { ark as ark27 } from "@ark-ui/react/factory";
+import { sidebarStyles as sidebarStyles19, cn as cn37 } from "@cloudvoyant/helix";
+import { jsx as jsx37 } from "react/jsx-runtime";
+function Trigger({ className, onClick, children, ...props }) {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ jsx37(
+    ark27.button,
+    {
+      "data-sidebar": "trigger",
+      "data-slot": "sidebar-trigger",
+      type: "button",
+      "aria-label": "Toggle Sidebar",
+      className: cn37(sidebarStyles19.triggerClass, className),
+      onClick: (event) => {
+        onClick?.(event);
+        toggleSidebar();
+      },
+      ...props,
+      children
+    }
+  );
+}
+
+// src/sidebar/Rail.tsx
+import { ark as ark28 } from "@ark-ui/react/factory";
+import { sidebarStyles as sidebarStyles20, cn as cn38 } from "@cloudvoyant/helix";
+import { jsx as jsx38 } from "react/jsx-runtime";
+function Rail({ className, ...props }) {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ jsx38(
+    ark28.button,
+    {
+      "data-sidebar": "rail",
+      "data-slot": "sidebar-rail",
+      type: "button",
+      "aria-label": "Toggle Sidebar",
+      tabIndex: -1,
+      onClick: toggleSidebar,
+      title: "Toggle Sidebar",
+      className: cn38(sidebarStyles20.railClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/Inset.tsx
+import { ark as ark29 } from "@ark-ui/react/factory";
+import { sidebarStyles as sidebarStyles21, cn as cn39 } from "@cloudvoyant/helix";
+import { jsx as jsx39 } from "react/jsx-runtime";
+function Inset({ className, ...props }) {
+  return /* @__PURE__ */ jsx39(ark29.main, { "data-slot": "sidebar-inset", className: cn39(sidebarStyles21.insetClass, className), ...props });
+}
+
+// src/sidebar/Input.tsx
+import { ark as ark30 } from "@ark-ui/react/factory";
+import { sidebarStyles as sidebarStyles22, cn as cn40 } from "@cloudvoyant/helix";
+import { jsx as jsx40 } from "react/jsx-runtime";
+function Input({ className, ...props }) {
+  return /* @__PURE__ */ jsx40(
+    ark30.input,
+    {
+      "data-slot": "sidebar-input",
+      "data-sidebar": "input",
+      className: cn40(sidebarStyles22.inputClass, className),
+      ...props
+    }
+  );
+}
+
+// src/tabs.tsx
+import {
+  TabsRoot,
+  TabList,
+  TabIndicator,
+  TabTrigger,
+  TabContent,
+  useTabsContext
+} from "@ark-ui/react/tabs";
+import {
+  tabsRootBase,
+  tabsListBase,
+  tabsListVariants,
+  tabsIndicatorBase,
+  tabsIndicatorVariants,
+  tabsTriggerBase,
+  tabsContentBase,
+  cn as cn41
+} from "@cloudvoyant/helix";
+import { jsx as jsx41, jsxs as jsxs8 } from "react/jsx-runtime";
+function Tabs({ className, lazyMount = true, unmountOnExit = true, ...props }) {
+  return /* @__PURE__ */ jsx41(
+    TabsRoot,
+    {
+      lazyMount,
+      unmountOnExit,
+      className: cn41(tabsRootBase, className),
+      ...props
+    }
+  );
+}
+function TabsList({ variant = "default", className, children, ...props }) {
+  return /* @__PURE__ */ jsxs8(TabList, { className: cn41(tabsListBase, tabsListVariants({ variant }), className), ...props, children: [
+    children,
+    /* @__PURE__ */ jsx41(TabIndicator, { className: cn41(tabsIndicatorBase, tabsIndicatorVariants({ variant })) })
+  ] });
+}
+function TabsTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx41(TabTrigger, { className: cn41(tabsTriggerBase, className), ...props });
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx41(TabContent, { className: cn41(tabsContentBase, className), ...props });
+}
+var useTabs = useTabsContext;
+
+// src/pagination.tsx
+import {
+  PaginationRoot as ArkPaginationRoot,
+  PaginationContext as ArkPaginationContext,
+  PaginationItem as ArkPaginationItem,
+  PaginationPrevTrigger,
+  PaginationNextTrigger,
+  PaginationEllipsis as ArkPaginationEllipsis
+} from "@ark-ui/react/pagination";
+import { ark as ark31 } from "@ark-ui/react/factory";
+import { paginationRootBase, paginationTriggerBase, paginationItemBase, paginationEllipsisBase, cn as cn42 } from "@cloudvoyant/helix";
+import { jsx as jsx42, jsxs as jsxs9 } from "react/jsx-runtime";
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ jsx42(ArkPaginationRoot, { className: cn42(paginationRootBase, className), ...props });
+}
+function PaginationPrevious(props) {
+  return /* @__PURE__ */ jsx42(PaginationPrevTrigger, { asChild: true, ...props, children: /* @__PURE__ */ jsxs9(ark31.button, { className: cn42(paginationTriggerBase), children: [
+    /* @__PURE__ */ jsx42(
+      "svg",
+      {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx42("path", { d: "m15 18-6-6 6-6" })
+      }
+    ),
+    "Previous"
+  ] }) });
+}
+function PaginationNext(props) {
+  return /* @__PURE__ */ jsx42(PaginationNextTrigger, { asChild: true, ...props, children: /* @__PURE__ */ jsxs9(ark31.button, { className: cn42(paginationTriggerBase), children: [
+    "Next",
+    /* @__PURE__ */ jsx42(
+      "svg",
+      {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx42("path", { d: "m9 18 6-6-6-6" })
+      }
+    )
+  ] }) });
+}
+function PaginationItem({ className, children, ...rest }) {
+  return /* @__PURE__ */ jsx42(ArkPaginationItem, { asChild: true, ...rest, children: /* @__PURE__ */ jsx42(ark31.button, { className: cn42(paginationItemBase, className), children }) });
+}
+function PaginationItems() {
+  return /* @__PURE__ */ jsx42(ArkPaginationContext, { children: ({ pages }) => pages.map(
+    (page, index) => page.type === "page" ? /* @__PURE__ */ jsx42(PaginationItem, { type: "page", value: page.value, children: page.value }, page.value) : /* @__PURE__ */ jsx42(PaginationEllipsis, { index }, `ellipsis-${index}`)
+  ) });
+}
+function PaginationEllipsis({ className, ...rest }) {
+  return /* @__PURE__ */ jsx42(ArkPaginationEllipsis, { className: cn42(paginationEllipsisBase, className), ...rest, children: /* @__PURE__ */ jsxs9(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx42("circle", { cx: "12", cy: "12", r: "1" }),
+        /* @__PURE__ */ jsx42("circle", { cx: "19", cy: "12", r: "1" }),
+        /* @__PURE__ */ jsx42("circle", { cx: "5", cy: "12", r: "1" })
+      ]
+    }
+  ) });
+}
+
+// src/navbar.tsx
+import * as React4 from "react";
+import { ark as ark32 } from "@ark-ui/react/factory";
+import { Portal } from "@ark-ui/react/portal";
+import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "@ark-ui/react/collapsible";
+import {
+  DialogRoot,
+  DialogBackdrop,
+  DialogPositioner,
+  DialogContent,
+  DialogCloseTrigger,
+  DialogTitle,
+  DialogDescription
+} from "@ark-ui/react/dialog";
+import {
+  NavigationMenuRoot as ArkNavMenuRoot,
+  NavigationMenuList as ArkNavMenuList,
+  NavigationMenuItem as ArkNavMenuItem,
+  NavigationMenuTrigger as ArkNavMenuTrigger,
+  NavigationMenuContent as ArkNavMenuContent,
+  NavigationMenuLink as ArkNavMenuLink,
+  NavigationMenuViewport as ArkNavMenuViewport,
+  NavigationMenuViewportPositioner as ArkNavMenuViewportPositioner,
+  NavigationMenuIndicator as ArkNavMenuIndicator
+} from "@ark-ui/react/navigation-menu";
+import {
+  navbarVariants,
+  navbarContainerBase,
+  navbarDensityVariants,
+  navbarShrunkBase,
+  navbarBrandBase,
+  navbarMenuBase,
+  navbarMenuPlacementVariants,
+  navbarActionsBase,
+  navbarTriggerVariants,
+  navbarActivationAreaBase,
+  navbarMobileContentBase,
+  navbarMobileHeaderBase,
+  navbarMobileMenuBase,
+  navbarMobileActionsBase,
+  navbarMenuRootBase,
+  navbarMenuListBase,
+  navbarMenuItemBase,
+  navbarMenuTriggerStyle,
+  navbarMenuContentBase,
+  navbarMenuLinkBase,
+  navbarMobileMenuContentBase,
+  navbarMobileMenuTriggerBase,
+  navbarMenuViewportPositionerBase,
+  navbarMenuViewportBase,
+  navbarMenuIndicatorBase,
+  cn as cn43
+} from "@cloudvoyant/helix";
+import { navbarMenuTriggerStyle as navbarMenuTriggerStyle2 } from "@cloudvoyant/helix";
+import { Fragment as Fragment2, jsx as jsx43, jsxs as jsxs10 } from "react/jsx-runtime";
+var SCROLL_THRESHOLD = 24;
+function resolveScrollContainer(el) {
+  for (let n = el; n; n = n.parentElement) {
+    const oy = getComputedStyle(n).overflowY;
+    if (oy === "auto" || oy === "scroll" || oy === "overlay") return n;
+  }
+  return null;
+}
+var NavbarContext = React4.createContext(null);
+function useNavbar() {
+  const context = React4.useContext(NavbarContext);
+  if (!context) {
+    throw new Error("Navbar parts must be used within a NavbarProvider.");
+  }
+  return context;
+}
+function useNavbarSlot(key, children) {
+  const { setSlot } = useNavbar();
+  React4.useLayoutEffect(() => {
+    setSlot(key, children);
+  }, [key, children, setSlot]);
+}
+var NavbarMenuStyleContext = React4.createContext({
+  density: "relaxed",
+  variant: "default",
+  inContent: false
+});
+function NavbarProvider({
+  defaultOpen = false,
+  children
+}) {
+  const id = React4.useId();
+  const [open, setOpen] = React4.useState(defaultOpen);
+  const [scrolled, setScrolled] = React4.useState(false);
+  const [hovered, setHovered] = React4.useState(false);
+  const [slots, setSlots] = React4.useState({
+    brand: null,
+    actions: null
+  });
+  const portalRef = React4.useRef(null);
+  const setSlot = React4.useCallback((key, node) => {
+    setSlots((prev) => prev[key] === node ? prev : { ...prev, [key]: node });
+  }, []);
+  const contextValue = React4.useMemo(
+    () => ({
+      id,
+      open,
+      setOpen,
+      scrolled,
+      setScrolled,
+      hovered,
+      setHovered,
+      slots,
+      setSlot,
+      portalRef,
+      // Baseline config; the Navbar header overrides these with its props.
+      variant: "sticky",
+      floating: false,
+      density: "relaxed"
+    }),
+    [id, open, scrolled, hovered, slots, setSlot]
+  );
+  return /* @__PURE__ */ jsx43(NavbarContext.Provider, { value: contextValue, children });
+}
+function Navbar({
+  variant = "sticky",
+  floating = false,
+  density = "relaxed",
+  className,
+  children,
+  ...props
+}) {
+  const base = useNavbar();
+  const headerRef = React4.useRef(null);
+  const { setScrolled, setHovered } = base;
+  React4.useEffect(() => {
+    const target = resolveScrollContainer(headerRef.current) ?? window;
+    const getY = () => target === window ? window.scrollY : target.scrollTop;
+    const onScroll = () => setScrolled(getY() > SCROLL_THRESHOLD);
+    onScroll();
+    target.addEventListener("scroll", onScroll, { passive: true });
+    return () => target.removeEventListener("scroll", onScroll);
+  }, [setScrolled]);
+  const value = React4.useMemo(
+    () => ({ ...base, variant, floating, density }),
+    [base, variant, floating, density]
+  );
+  const hidden = variant === "hide" && base.scrolled && !base.hovered;
+  const shrunk = variant === "shrink" && base.scrolled;
+  React4.useLayoutEffect(() => {
+    base.portalRef.current = headerRef.current?.parentElement ?? null;
+  });
+  React4.useEffect(() => {
+    if (!base.open) return;
+    const el = resolveScrollContainer(headerRef.current) ?? document.documentElement;
+    const prev = el.style.overflow;
+    el.style.overflow = "hidden";
+    return () => {
+      el.style.overflow = prev;
+    };
+  }, [base.open]);
+  return /* @__PURE__ */ jsx43(NavbarContext.Provider, { value, children: /* @__PURE__ */ jsx43(
+    "header",
+    {
+      ref: headerRef,
+      "data-slot": "navbar",
+      "data-scrolled": base.scrolled || void 0,
+      "data-hidden": hidden || void 0,
+      "data-shrunk": shrunk || void 0,
+      className: cn43(
+        navbarVariants({ variant, floating }),
+        navbarContainerBase,
+        navbarDensityVariants({ density }),
+        shrunk && navbarShrunkBase,
+        className
+      ),
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      ...props,
+      children
+    }
+  ) });
+}
+function NavbarActivationArea({ className, children, ...props }) {
+  const { setHovered } = useNavbar();
+  return /* @__PURE__ */ jsx43(
+    ark32.div,
+    {
+      "data-slot": "navbar-activation-area",
+      className: cn43(navbarActivationAreaBase, className),
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      ...props,
+      children
+    }
+  );
+}
+function NavbarBrand({ className, children, ...props }) {
+  useNavbarSlot("brand", children);
+  return /* @__PURE__ */ jsx43(ark32.div, { "data-slot": "navbar-brand", className: cn43(navbarBrandBase, className), ...props, children });
+}
+function NavbarMenu({
+  placement = "center",
+  className,
+  children,
+  ...props
+}) {
+  const { scrolled, density, variant } = useNavbar();
+  const menuDensity = density === "compact" || variant === "shrink" && scrolled ? "compact" : "relaxed";
+  return /* @__PURE__ */ jsx43(NavbarMenuStyleContext.Provider, { value: { density: menuDensity, variant: "default", inContent: false }, children: /* @__PURE__ */ jsx43(
+    ark32.div,
+    {
+      "data-slot": "navbar-menu",
+      "data-placement": placement,
+      className: cn43(navbarMenuBase, navbarMenuPlacementVariants({ placement }), className),
+      children: /* @__PURE__ */ jsxs10(ArkNavMenuRoot, { "data-density": menuDensity, className: cn43(navbarMenuRootBase), ...props, children: [
+        children,
+        /* @__PURE__ */ jsx43(ArkNavMenuViewportPositioner, { className: cn43(navbarMenuViewportPositionerBase), children: /* @__PURE__ */ jsx43(ArkNavMenuViewport, { className: cn43(navbarMenuViewportBase) }) })
+      ] })
+    }
+  ) });
+}
+function NavbarMenuList({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx43(ArkNavMenuList, { className: cn43(navbarMenuListBase, className), ...props, children });
+}
+function NavbarMenuItem({
+  variant = "default",
+  className,
+  ...props
+}) {
+  const { density } = React4.useContext(NavbarMenuStyleContext);
+  return /* @__PURE__ */ jsx43(NavbarMenuStyleContext.Provider, { value: { density, variant, inContent: false }, children: /* @__PURE__ */ jsx43(ArkNavMenuItem, { "data-variant": variant, className: cn43(navbarMenuItemBase, className), ...props }) });
+}
+function NavbarMenuTrigger({ asChild, className, children, ...props }) {
+  const { density, variant } = React4.useContext(NavbarMenuStyleContext);
+  const chevron = /* @__PURE__ */ jsx43(
+    "svg",
+    {
+      className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+      "aria-hidden": "true",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ jsx43("path", { d: "m6 9 6 6 6-6" })
+    }
+  );
+  return /* @__PURE__ */ jsx43(ArkNavMenuTrigger, { asChild, className: cn43(navbarMenuTriggerStyle({ density, variant }), className), ...props, children: asChild ? children : /* @__PURE__ */ jsxs10(Fragment2, { children: [
+    children,
+    chevron
+  ] }) });
+}
+function NavbarMenuContent({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx43(NavbarMenuStyleContext.Provider, { value: { density: "relaxed", variant: "default", inContent: true }, children: /* @__PURE__ */ jsx43(ArkNavMenuContent, { className: cn43(navbarMenuContentBase, className), ...props, children }) });
+}
+function NavbarMenuLink({ className, children, ...props }) {
+  const { density, variant, inContent } = React4.useContext(NavbarMenuStyleContext);
+  const classes = inContent ? cn43(navbarMenuLinkBase, className) : cn43(navbarMenuTriggerStyle({ density, variant }), className);
+  return /* @__PURE__ */ jsx43(ArkNavMenuLink, { className: classes, ...props, children });
+}
+function NavbarMobileMenu({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx43(CollapsibleRoot, { "data-slot": "navbar-mobile-menu", className: cn43("group", className), ...props, children });
+}
+function NavbarMobileMenuTrigger({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx43(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
+    "button",
+    {
+      type: "button",
+      "data-slot": "navbar-mobile-menu-trigger",
+      className: cn43(navbarMobileMenuTriggerBase, className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx43(
+          "svg",
+          {
+            className: "size-4 transition-transform duration-200 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ jsx43("path", { d: "m6 9 6 6 6-6" })
+          }
+        )
+      ]
+    }
+  ) });
+}
+function NavbarMobileMenuContent({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx43(CollapsibleContent, { children: /* @__PURE__ */ jsx43("div", { "data-slot": "navbar-mobile-menu-content", className: cn43(navbarMobileMenuContentBase, className), ...props, children }) });
+}
+function NavbarMenuViewport({ className, ...props }) {
+  return /* @__PURE__ */ jsx43(ArkNavMenuViewport, { className: cn43(navbarMenuViewportBase, className), ...props });
+}
+function NavbarMenuIndicator({ className, ...props }) {
+  return /* @__PURE__ */ jsx43(ArkNavMenuIndicator, { className: cn43(navbarMenuIndicatorBase, className), ...props });
+}
+function NavbarActions({ className, children, ...props }) {
+  useNavbarSlot("actions", children);
+  return /* @__PURE__ */ jsx43(ark32.div, { "data-slot": "navbar-actions", className: cn43(navbarActionsBase, className), ...props, children });
+}
+function NavbarTrigger({
+  className,
+  children,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  const { id, open, setOpen, floating } = useNavbar();
+  return /* @__PURE__ */ jsx43(
+    "button",
+    {
+      type: "button",
+      "data-slot": "navbar-trigger",
+      "aria-expanded": open,
+      "aria-controls": id,
+      "aria-label": ariaLabel ?? "Toggle navigation menu",
+      className: cn43(navbarTriggerVariants({ floating }), "md:hidden", className),
+      onClick: () => setOpen(!open),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxs10(
+        "svg",
+        {
+          className: "size-4",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ jsx43("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+            /* @__PURE__ */ jsx43("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+            /* @__PURE__ */ jsx43("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+          ]
+        }
+      )
+    }
+  );
+}
+function NavbarMobileOverlay({ className, children, ...props }) {
+  const { id, open, setOpen, slots, floating, portalRef } = useNavbar();
+  React4.useEffect(() => {
+    if (!open) return;
+    const onKeydown = (event) => {
+      if (event.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("keydown", onKeydown);
+    return () => document.removeEventListener("keydown", onKeydown);
+  }, [open, setOpen]);
+  return /* @__PURE__ */ jsx43(Portal, { container: portalRef, children: /* @__PURE__ */ jsxs10(DialogRoot, { open, lazyMount: true, unmountOnExit: true, onOpenChange: ({ open: open2 }) => setOpen(open2), preventScroll: false, children: [
+    /* @__PURE__ */ jsx43(DialogBackdrop, { className: "absolute inset-0 z-[100] bg-background/60 backdrop-blur-sm" }),
+    /* @__PURE__ */ jsx43(DialogPositioner, { className: "absolute inset-0 z-[100]", children: /* @__PURE__ */ jsxs10(DialogContent, { id, "data-slot": "navbar-mobile-overlay", className: cn43(navbarMobileContentBase, className), ...props, children: [
+      /* @__PURE__ */ jsx43(DialogTitle, { className: "sr-only", children: "Navigation menu" }),
+      /* @__PURE__ */ jsx43(DialogDescription, { className: "sr-only", children: "Mobile navigation menu" }),
+      /* @__PURE__ */ jsxs10("div", { className: navbarMobileHeaderBase, children: [
+        slots.brand,
+        /* @__PURE__ */ jsx43(DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ jsx43("button", { type: "button", "aria-label": "Close navigation menu", className: cn43(navbarTriggerVariants({ floating })), children: /* @__PURE__ */ jsx43(
+          "svg",
+          {
+            className: "size-4",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsx43("path", { d: "M18 6 6 18M6 6l12 12" })
+          }
+        ) }) })
+      ] }),
+      /* @__PURE__ */ jsx43("div", { className: navbarMobileMenuBase, children }),
+      slots.actions ? /* @__PURE__ */ jsx43("div", { className: navbarMobileActionsBase, children: slots.actions }) : null
+    ] }) })
+  ] }) });
+}
+export {
+  Badge,
+  Button,
+  Card,
+  CardBody,
+  CardCover,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Center,
+  Col,
+  Container,
+  HStack,
+  Item,
+  Navbar,
+  NavbarActions,
+  NavbarActivationArea,
+  NavbarBrand,
+  NavbarMenu,
+  NavbarMenuContent,
+  NavbarMenuIndicator,
+  NavbarMenuItem,
+  NavbarMenuLink,
+  NavbarMenuList,
+  NavbarMenuTrigger,
+  NavbarMenuViewport,
+  ArkNavMenuViewportPositioner as NavbarMenuViewportPositioner,
+  NavbarMobileMenu,
+  NavbarMobileMenuContent,
+  NavbarMobileMenuTrigger,
+  NavbarMobileOverlay,
+  NavbarProvider,
+  NavbarTrigger,
+  Pagination,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationItems,
+  PaginationNext,
+  PaginationPrevious,
+  Row,
+  Scroll,
+  Root as Sidebar,
+  Content as SidebarContent,
+  Footer as SidebarFooter,
+  Group as SidebarGroup,
+  GroupAction as SidebarGroupAction,
+  Header as SidebarHeader,
+  Input as SidebarInput,
+  Inset as SidebarInset,
+  Menu as SidebarMenu,
+  MenuAction as SidebarMenuAction,
+  MenuBadge as SidebarMenuBadge,
+  MenuButton as SidebarMenuButton,
+  MenuItem as SidebarMenuItem,
+  MenuLink as SidebarMenuLink,
+  MenuSkeleton as SidebarMenuSkeleton,
+  MenuSub as SidebarMenuSub,
+  MenuSubButton as SidebarMenuSubButton,
+  MenuSubItem as SidebarMenuSubItem,
+  Provider as SidebarProvider,
+  Rail as SidebarRail,
+  Separator as SidebarSeparator,
+  Trigger as SidebarTrigger,
+  Splitter,
+  SplitterPanel,
+  SplitterResizeTrigger,
+  SplitterResizeTriggerIndicator,
+  Stack,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  ToggleButton,
+  ToggleButtonIndicator,
+  VStack,
+  navbarMenuTriggerStyle2 as navbarMenuTriggerStyle,
+  useNavbar,
+  useSidebar,
+  useTabs
+};