@cloudvoyant/vortex-react 0.17.0-rc.202609040136.45c8986

package/dist/index.cjs

@@ -0,0 +1,3480 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Badge: () => Badge,
+  Button: () => Button,
+  Card: () => Card,
+  CardBody: () => CardBody,
+  CardCover: () => CardCover,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Center: () => Center,
+  Chart: () => Chart,
+  Checkbox: () => Checkbox,
+  CheckboxControl: () => CheckboxControl,
+  CheckboxGroup: () => CheckboxGroup,
+  CheckboxIndicator: () => CheckboxIndicator,
+  CheckboxLabel: () => CheckboxLabel,
+  CodeBlock: () => CodeBlock,
+  CodeBlockContent: () => CodeBlockContent,
+  CodeBlockCopyButton: () => CodeBlockCopyButton,
+  CodeBlockHeader: () => CodeBlockHeader,
+  CodeBlockTitle: () => CodeBlockTitle,
+  Col: () => Col,
+  Combobox: () => Combobox,
+  ComboboxClear: () => ComboboxClear,
+  ComboboxContent: () => ComboboxContent,
+  ComboboxControl: () => ComboboxControl,
+  ComboboxEmpty: () => ComboboxEmpty,
+  ComboboxInput: () => ComboboxInput,
+  ComboboxItem: () => ComboboxItem,
+  ComboboxItemGroup: () => ComboboxItemGroup,
+  ComboboxItemGroupLabel: () => ComboboxItemGroupLabel,
+  ComboboxItemIndicator: () => ComboboxItemIndicator,
+  ComboboxItemText: () => ComboboxItemText,
+  ComboboxList: () => ComboboxList,
+  ComboboxTrigger: () => ComboboxTrigger,
+  Container: () => Container,
+  CopyButton: () => CopyButton,
+  Dialog: () => Dialog,
+  DialogBackdrop: () => DialogBackdrop,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogDismiss: () => DialogDismiss,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogProvider: () => DialogProvider,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  Field: () => Field,
+  FieldError: () => FieldError,
+  FieldHelper: () => FieldHelper,
+  FieldLabel: () => FieldLabel,
+  FieldRequiredIndicator: () => FieldRequiredIndicator,
+  FieldSet: () => FieldSet,
+  FieldSetError: () => FieldSetError,
+  FieldSetHelper: () => FieldSetHelper,
+  FieldSetLegend: () => FieldSetLegend,
+  Figure: () => Figure,
+  HStack: () => HStack,
+  InlineLaTeX: () => InlineLaTeX,
+  Input: () => Input2,
+  Item: () => Item,
+  LaTeX: () => LaTeX,
+  LanguageTabsCodeBlock: () => LanguageTabsCodeBlock,
+  Manim: () => Manim,
+  Mermaid: () => Mermaid,
+  MultiFileCodeBlock: () => MultiFileCodeBlock,
+  MultipleChoiceQuestion: () => MultipleChoiceQuestion,
+  Navbar: () => Navbar,
+  NavbarActions: () => NavbarActions,
+  NavbarActivationArea: () => NavbarActivationArea,
+  NavbarBrand: () => NavbarBrand,
+  NavbarMenu: () => NavbarMenu,
+  NavbarMenuContent: () => NavbarMenuContent,
+  NavbarMenuIndicator: () => NavbarMenuIndicator,
+  NavbarMenuItem: () => NavbarMenuItem,
+  NavbarMenuLink: () => NavbarMenuLink,
+  NavbarMenuList: () => NavbarMenuList,
+  NavbarMenuTrigger: () => NavbarMenuTrigger,
+  NavbarMenuViewport: () => NavbarMenuViewport,
+  NavbarMenuViewportPositioner: () => import_navigation_menu.NavigationMenuViewportPositioner,
+  NavbarMobileMenu: () => NavbarMobileMenu,
+  NavbarMobileMenuContent: () => NavbarMobileMenuContent,
+  NavbarMobileMenuTrigger: () => NavbarMobileMenuTrigger,
+  NavbarMobileOverlay: () => NavbarMobileOverlay,
+  NavbarProvider: () => NavbarProvider,
+  NavbarTrigger: () => NavbarTrigger,
+  Notice: () => Notice,
+  NumberInput: () => NumberInput,
+  NumberInputControl: () => NumberInputControl,
+  NumberInputDecrement: () => NumberInputDecrement,
+  NumberInputIncrement: () => NumberInputIncrement,
+  NumberInputInput: () => NumberInputInput,
+  NumericQuestion: () => NumericQuestion,
+  Page: () => Page,
+  PageContent: () => PageContent,
+  PageFooter: () => PageFooter,
+  PageGutter: () => PageGutter,
+  PageSection: () => PageSection,
+  Pagination: () => Pagination,
+  PaginationEllipsis: () => PaginationEllipsis,
+  PaginationItem: () => PaginationItem,
+  PaginationItems: () => PaginationItems,
+  PaginationNext: () => PaginationNext,
+  PaginationPrevious: () => PaginationPrevious,
+  Popover: () => Popover,
+  PopoverAnchor: () => PopoverAnchor,
+  PopoverContent: () => PopoverContent,
+  PopoverDescription: () => PopoverDescription,
+  PopoverDismiss: () => PopoverDismiss,
+  PopoverIndicator: () => PopoverIndicator,
+  PopoverProvider: () => PopoverProvider,
+  PopoverTitle: () => PopoverTitle,
+  PopoverTrigger: () => PopoverTrigger,
+  Portal: () => import_portal5.Portal,
+  PrevNext: () => PrevNext,
+  Quiz: () => Quiz,
+  RadioGroup: () => RadioGroup,
+  RadioGroupItem: () => RadioGroupItem,
+  Reveal: () => Reveal,
+  Row: () => Row,
+  Scroll: () => Scroll,
+  Select: () => Select,
+  SelectClearTrigger: () => SelectClearTrigger,
+  SelectContent: () => SelectContent,
+  SelectIndicator: () => SelectIndicator,
+  SelectItem: () => SelectItem,
+  SelectItemGroup: () => SelectItemGroup,
+  SelectItemGroupLabel: () => SelectItemGroupLabel,
+  SelectItemIndicator: () => SelectItemIndicator,
+  SelectItemText: () => SelectItemText,
+  SelectNative: () => SelectNative,
+  SelectTrigger: () => SelectTrigger,
+  SelectValue: () => SelectValue,
+  Sidebar: () => Root,
+  SidebarContent: () => Content,
+  SidebarFooter: () => Footer,
+  SidebarGroup: () => Group,
+  SidebarGroupAction: () => GroupAction,
+  SidebarHeader: () => Header,
+  SidebarInput: () => Input,
+  SidebarInset: () => Inset,
+  SidebarMenu: () => Menu,
+  SidebarMenuAction: () => MenuAction,
+  SidebarMenuBadge: () => MenuBadge,
+  SidebarMenuButton: () => MenuButton,
+  SidebarMenuItem: () => MenuItem,
+  SidebarMenuLink: () => MenuLink,
+  SidebarMenuSkeleton: () => MenuSkeleton,
+  SidebarMenuSub: () => MenuSub,
+  SidebarMenuSubButton: () => MenuSubButton,
+  SidebarMenuSubItem: () => MenuSubItem,
+  SidebarProvider: () => Provider,
+  SidebarRail: () => Rail,
+  SidebarSeparator: () => Separator,
+  SidebarTrigger: () => Trigger,
+  SingleChoiceQuestion: () => SingleChoiceQuestion,
+  Splitter: () => Splitter,
+  SplitterPanel: () => SplitterPanel,
+  SplitterResizeTrigger: () => SplitterResizeTrigger,
+  SplitterResizeTriggerIndicator: () => SplitterResizeTriggerIndicator,
+  Stack: () => Stack,
+  Switch: () => Switch,
+  SwitchControl: () => SwitchControl,
+  SwitchLabel: () => SwitchLabel,
+  SwitchThumb: () => SwitchThumb,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
+  TagInput: () => TagInput,
+  TagInputClearTrigger: () => TagInputClearTrigger,
+  TagInputContext: () => TagInputContext,
+  TagInputControl: () => TagInputControl,
+  TagInputInput: () => TagInputInput,
+  TagInputItem: () => TagInputItem,
+  TagInputItemDeleteTrigger: () => TagInputItemDeleteTrigger,
+  TagInputItemInput: () => TagInputItemInput,
+  TagInputItemPreview: () => TagInputItemPreview,
+  TagInputItemText: () => TagInputItemText,
+  Textarea: () => Textarea,
+  ToggleButton: () => ToggleButton,
+  ToggleButtonIndicator: () => ToggleButtonIndicator,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
+  VStack: () => VStack,
+  Window: () => Window,
+  WindowBody: () => WindowBody,
+  WindowControl: () => WindowControl,
+  WindowDismiss: () => WindowDismiss,
+  WindowDragTrigger: () => WindowDragTrigger,
+  WindowHeader: () => WindowHeader,
+  WindowProvider: () => WindowProvider,
+  WindowResizeTrigger: () => WindowResizeTrigger,
+  WindowStageTrigger: () => WindowStageTrigger,
+  WindowTitle: () => WindowTitle,
+  YouTube: () => YouTube,
+  YoutubeTimestampAt: () => YoutubeTimestampAt,
+  YoutubeTimestamps: () => YoutubeTimestamps,
+  navbarMenuTriggerStyle: () => import_vortex_ui49.navbarMenuTriggerStyle,
+  useCheckbox: () => useCheckbox,
+  useCombobox: () => useCombobox,
+  useDialog: () => import_dialog.useDialog,
+  useDialogContext: () => import_dialog.useDialogContext,
+  useField: () => useField,
+  useMediaQuery: () => useMediaQuery,
+  useNavbar: () => useNavbar,
+  useNumberInput: () => useNumberInput,
+  usePopover: () => import_popover.usePopover,
+  usePopoverContext: () => import_popover.usePopoverContext,
+  useRadioGroup: () => useRadioGroup,
+  useSelect: () => useSelect,
+  useSidebar: () => useSidebar,
+  useSwitch: () => useSwitch,
+  useTabs: () => useTabs,
+  useTagInput: () => useTagInput,
+  useTooltip: () => import_tooltip.useTooltip,
+  useTooltipContext: () => import_tooltip.useTooltipContext,
+  useWindow: () => import_floating_panel.useFloatingPanel,
+  useWindowContext: () => import_floating_panel.useFloatingPanelContext
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/button.tsx
+var import_factory = require("@ark-ui/react/factory");
+var import_vortex_ui = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Button({ className, variant, color, size, type = "button", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_factory.ark.button, { type, className: (0, import_vortex_ui.cn)((0, import_vortex_ui.buttonVariants)({ variant, color, size }), className), ...props });
+}
+
+// src/toggle-button.tsx
+var import_toggle = require("@ark-ui/react/toggle");
+var import_vortex_ui2 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function ToggleButton({ className, variant, size, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_toggle.ToggleRoot, { className: (0, import_vortex_ui2.cn)((0, import_vortex_ui2.toggleButtonVariants)({ variant, size }), className), ...props });
+}
+function ToggleButtonIndicator(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_toggle.ToggleIndicator, { ...props });
+}
+
+// src/tooltip.tsx
+var import_tooltip = require("@ark-ui/react/tooltip");
+var import_portal = require("@ark-ui/react/portal");
+var import_vortex_ui3 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Tooltip(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipRoot, { ...props });
+}
+function TooltipProvider(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipRootProvider, { ...props });
+}
+function TooltipTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipTrigger, { className: (0, import_vortex_ui3.cn)(className), ...props });
+}
+function TooltipContent({ arrow = true, className, ...props }) {
+  const tooltip = (0, import_tooltip.useTooltipContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_portal.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_tooltip.TooltipPositioner, { className: import_vortex_ui3.tooltipPositionerBase, children: [
+    arrow && tooltip.open ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipArrow, { className: import_vortex_ui3.tooltipArrowBase, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipArrowTip, {}) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipContent, { className: (0, import_vortex_ui3.cn)(import_vortex_ui3.tooltipContentBase, className), ...props })
+  ] }) });
+}
+
+// src/popover.tsx
+var import_popover = require("@ark-ui/react/popover");
+var import_portal2 = require("@ark-ui/react/portal");
+var import_vortex_ui4 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function Popover(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverRoot, { ...props });
+}
+function PopoverProvider(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverRootProvider, { ...props });
+}
+function PopoverTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverTrigger, { className: (0, import_vortex_ui4.cn)(className), ...props });
+}
+function PopoverAnchor({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverAnchor, { className: (0, import_vortex_ui4.cn)(className), ...props });
+}
+function PopoverContent({ arrow = false, className, ...props }) {
+  const popover = (0, import_popover.usePopoverContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_portal2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_popover.PopoverPositioner, { className: import_vortex_ui4.popoverPositionerBase, children: [
+    arrow && popover.open ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverArrow, { className: import_vortex_ui4.popoverArrowBase, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverArrowTip, {}) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverContent, { className: (0, import_vortex_ui4.cn)(import_vortex_ui4.popoverContentBase, className), ...props })
+  ] }) });
+}
+function PopoverTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverTitle, { className: (0, import_vortex_ui4.cn)(import_vortex_ui4.popoverTitleBase, className), ...props });
+}
+function PopoverDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverDescription, { className: (0, import_vortex_ui4.cn)(import_vortex_ui4.popoverDescriptionBase, className), ...props });
+}
+function PopoverDismiss({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverCloseTrigger, { "aria-label": "Close", className: (0, import_vortex_ui4.cn)(import_vortex_ui4.popoverCloseTriggerBase, className), ...props });
+}
+function PopoverIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverIndicator, { className: (0, import_vortex_ui4.cn)(import_vortex_ui4.popoverIndicatorBase, className), ...props });
+}
+
+// src/dialog.tsx
+var import_dialog = require("@ark-ui/react/dialog");
+var import_portal3 = require("@ark-ui/react/portal");
+var import_vortex_ui5 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Dialog(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogRoot, { ...props });
+}
+function DialogProvider(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogRootProvider, { ...props });
+}
+function DialogTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogTrigger, { className: (0, import_vortex_ui5.cn)(className), ...props });
+}
+function DialogBackdrop({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_portal3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogBackdrop, { className: (0, import_vortex_ui5.cn)(import_vortex_ui5.dialogBackdropBase, className), ...props }) });
+}
+function DialogContent({
+  positionerClassName,
+  fullscreen,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_portal3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogPositioner, { className: (0, import_vortex_ui5.cn)(import_vortex_ui5.dialogPositionerBase, fullscreen && "p-0", positionerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_dialog.DialogContent,
+    {
+      className: (0, import_vortex_ui5.cn)(import_vortex_ui5.dialogContentBase, fullscreen && import_vortex_ui5.dialogFullscreenContentBase, className),
+      ...props
+    }
+  ) }) });
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogTitle, { className: (0, import_vortex_ui5.cn)(import_vortex_ui5.dialogTitleBase, className), ...props });
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogDescription, { className: (0, import_vortex_ui5.cn)(import_vortex_ui5.dialogDescriptionBase, className), ...props });
+}
+function DialogHeader({ sticky, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: (0, import_vortex_ui5.cn)(import_vortex_ui5.dialogHeaderBase, sticky && import_vortex_ui5.dialogHeaderStickyBase, className), ...props });
+}
+function DialogFooter({ sticky, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: (0, import_vortex_ui5.cn)(import_vortex_ui5.dialogFooterBase, sticky && import_vortex_ui5.dialogFooterStickyBase, className), ...props });
+}
+function DialogDismiss({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogCloseTrigger, { "aria-label": "Close", className: (0, import_vortex_ui5.cn)(import_vortex_ui5.dialogCloseTriggerBase, className), ...props });
+}
+
+// src/window.tsx
+var import_floating_panel = require("@ark-ui/react/floating-panel");
+var import_portal4 = require("@ark-ui/react/portal");
+var import_vortex_ui6 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Window({ className, positionerClassName, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelRoot, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal4.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelPositioner, { className: (0, import_vortex_ui6.cn)(import_vortex_ui6.windowPositionerBase, positionerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelContent, { className: (0, import_vortex_ui6.cn)(import_vortex_ui6.windowContentBase, className), children }) }) }) });
+}
+function WindowProvider(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelRootProvider, { ...props });
+}
+function WindowDragTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelDragTrigger, { className: (0, import_vortex_ui6.cn)(import_vortex_ui6.windowDragTriggerBase, className), ...props });
+}
+function WindowHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelHeader, { className: (0, import_vortex_ui6.cn)(import_vortex_ui6.windowHeaderBase, className), ...props });
+}
+function WindowTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelTitle, { className: (0, import_vortex_ui6.cn)(import_vortex_ui6.windowTitleBase, className), ...props });
+}
+function WindowControl({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelControl, { className: (0, import_vortex_ui6.cn)(import_vortex_ui6.windowControlBase, className), ...props });
+}
+function WindowStageTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelStageTrigger, { className: (0, import_vortex_ui6.cn)(import_vortex_ui6.windowStageTriggerBase, className), ...props });
+}
+function WindowDismiss({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelCloseTrigger, { "aria-label": "Close", className: (0, import_vortex_ui6.cn)(import_vortex_ui6.windowCloseTriggerBase, className), ...props });
+}
+function WindowBody({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelBody, { className: (0, import_vortex_ui6.cn)(import_vortex_ui6.windowBodyBase, className), ...props });
+}
+function WindowResizeTrigger({ axis = "se", className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelResizeTrigger, { axis, className: (0, import_vortex_ui6.cn)(import_vortex_ui6.windowResizeTriggerBase, className), ...props });
+}
+
+// src/badge.tsx
+var import_factory2 = require("@ark-ui/react/factory");
+var import_vortex_ui7 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Badge({ className, variant, color, size, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_factory2.ark.span, { className: (0, import_vortex_ui7.cn)((0, import_vortex_ui7.badgeVariants)({ variant, color, size }), className), ...props });
+}
+
+// src/container.tsx
+var import_factory3 = require("@ark-ui/react/factory");
+var import_vortex_ui8 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Container({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_factory3.ark.div, { className: (0, import_vortex_ui8.cn)(import_vortex_ui8.containerBase, className), ...props });
+}
+
+// src/row.tsx
+var import_factory4 = require("@ark-ui/react/factory");
+var import_vortex_ui9 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function Row({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_factory4.ark.div, { className: (0, import_vortex_ui9.cn)(import_vortex_ui9.rowBase, className), ...props });
+}
+
+// src/col.tsx
+var import_factory5 = require("@ark-ui/react/factory");
+var import_vortex_ui10 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Col({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_factory5.ark.div, { className: (0, import_vortex_ui10.cn)(import_vortex_ui10.colBase, className), ...props });
+}
+
+// src/center.tsx
+var import_factory6 = require("@ark-ui/react/factory");
+var import_vortex_ui11 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function Center({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_factory6.ark.div, { className: (0, import_vortex_ui11.cn)(import_vortex_ui11.centerBase, className), ...props });
+}
+
+// src/portal.tsx
+var import_portal5 = require("@ark-ui/react/portal");
+
+// src/item.tsx
+var import_factory7 = require("@ark-ui/react/factory");
+var import_vortex_ui12 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function Item({ className, variant, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_factory7.ark.div, { className: (0, import_vortex_ui12.cn)((0, import_vortex_ui12.itemVariants)({ variant }), className), ...props });
+}
+
+// src/card/root.tsx
+var import_factory8 = require("@ark-ui/react/factory");
+var import_vortex_ui13 = require("@cloudvoyant/vortex-ui");
+
+// src/card/context.ts
+var import_react = require("react");
+var CardOrientationContext = (0, import_react.createContext)("vertical");
+function useCardOrientation() {
+  return (0, import_react.useContext)(CardOrientationContext);
+}
+
+// src/card/root.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Card({ className, variant, size, orientation, children, ...props }) {
+  const resolvedOrientation = orientation ?? "vertical";
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CardOrientationContext.Provider, { value: resolvedOrientation, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_factory8.ark.div, { className: (0, import_vortex_ui13.cn)((0, import_vortex_ui13.cardVariants)({ variant, size, orientation: resolvedOrientation }), className), ...props, children }) });
+}
+
+// src/card/header.tsx
+var import_factory9 = require("@ark-ui/react/factory");
+var import_vortex_ui14 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_factory9.ark.div, { className: (0, import_vortex_ui14.cn)(import_vortex_ui14.cardHeaderBase, className), ...props });
+}
+
+// src/card/body.tsx
+var import_factory10 = require("@ark-ui/react/factory");
+var import_vortex_ui15 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function CardBody({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_factory10.ark.div, { className: (0, import_vortex_ui15.cn)(import_vortex_ui15.cardBodyBase, className), ...props });
+}
+
+// src/card/footer.tsx
+var import_factory11 = require("@ark-ui/react/factory");
+var import_vortex_ui16 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_factory11.ark.div, { className: (0, import_vortex_ui16.cn)(import_vortex_ui16.cardFooterBase, className), ...props });
+}
+
+// src/card/title.tsx
+var import_factory12 = require("@ark-ui/react/factory");
+var import_vortex_ui17 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_factory12.ark.h3, { className: (0, import_vortex_ui17.cn)(import_vortex_ui17.cardTitleBase, className), ...props });
+}
+
+// src/card/description.tsx
+var import_factory13 = require("@ark-ui/react/factory");
+var import_vortex_ui18 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_factory13.ark.p, { className: (0, import_vortex_ui18.cn)(import_vortex_ui18.cardDescriptionBase, className), ...props });
+}
+
+// src/card/cover.tsx
+var import_factory14 = require("@ark-ui/react/factory");
+var import_vortex_ui19 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function CardCover({ className, variant, orientation, ...props }) {
+  const contextOrientation = useCardOrientation();
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_factory14.ark.div,
+    {
+      className: (0, import_vortex_ui19.cn)((0, import_vortex_ui19.cardCoverVariants)({ variant, orientation: orientation ?? contextOrientation }), className),
+      ...props
+    }
+  );
+}
+
+// src/stack.tsx
+var import_factory15 = require("@ark-ui/react/factory");
+var import_vortex_ui20 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function Stack({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_factory15.ark.div, { className: (0, import_vortex_ui20.cn)(import_vortex_ui20.stackBase, className), ...props });
+}
+function HStack({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_factory15.ark.div, { className: (0, import_vortex_ui20.cn)(import_vortex_ui20.hstackBase, className), ...props });
+}
+function VStack({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_factory15.ark.div, { className: (0, import_vortex_ui20.cn)(import_vortex_ui20.vstackBase, className), ...props });
+}
+
+// src/scroll.tsx
+var import_scroll_area = require("@ark-ui/react/scroll-area");
+var import_vortex_ui21 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function Scroll({
+  className,
+  orientation = "vertical",
+  variant = "default",
+  contentClassName,
+  thumbClassName,
+  viewportClassName,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_scroll_area.ScrollAreaRoot, { className: (0, import_vortex_ui21.cn)(import_vortex_ui21.scrollRootBase, className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_scroll_area.ScrollAreaViewport, { className: (0, import_vortex_ui21.cn)(import_vortex_ui21.scrollViewportBase, viewportClassName), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_scroll_area.ScrollAreaContent, { className: (0, import_vortex_ui21.cn)(import_vortex_ui21.scrollContentBase, contentClassName), children }) }),
+    variant === "hidden" ? null : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+      (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_scroll_area.ScrollAreaScrollbar, { orientation: "vertical", className: import_vortex_ui21.scrollScrollbarBase, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_scroll_area.ScrollAreaThumb, { className: (0, import_vortex_ui21.cn)(import_vortex_ui21.scrollThumbBase, thumbClassName) }) }),
+      (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_scroll_area.ScrollAreaScrollbar, { orientation: "horizontal", className: import_vortex_ui21.scrollScrollbarBase, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_scroll_area.ScrollAreaThumb, { className: (0, import_vortex_ui21.cn)(import_vortex_ui21.scrollThumbBase, thumbClassName) }) }),
+      orientation === "both" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_scroll_area.ScrollAreaCorner, { className: import_vortex_ui21.scrollCornerBase })
+    ] })
+  ] });
+}
+
+// src/page.tsx
+var import_factory16 = require("@ark-ui/react/factory");
+var import_vortex_ui22 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function Page({ variant = "default", className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_factory16.ark.div, { "data-slot": "page", className: (0, import_vortex_ui22.cn)((0, import_vortex_ui22.pageVariants)({ variant }), className), ...props, children });
+}
+function PageGutter({
+  side = "left",
+  align = "start",
+  contentClassName,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_factory16.ark.div, { "data-slot": "page-gutter-area", className: (0, import_vortex_ui22.cn)(import_vortex_ui22.pageGutterAreaBase, side === "right" && "[grid-area:right]"), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_factory16.ark.div, { "data-slot": "page-gutter", className: (0, import_vortex_ui22.cn)((0, import_vortex_ui22.pageGutterVariants)({ side }), className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_factory16.ark.div, { "data-slot": "page-gutter-content", className: (0, import_vortex_ui22.cn)((0, import_vortex_ui22.pageGutterContentVariants)({ align }), contentClassName), children }) }) });
+}
+function PageContent({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_factory16.ark.main, { "data-slot": "page-content", className: (0, import_vortex_ui22.cn)(import_vortex_ui22.pageContentBase, className), ...props, children });
+}
+function PageFooter({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_factory16.ark.footer, { "data-slot": "page-footer", className: (0, import_vortex_ui22.cn)(import_vortex_ui22.pageFooterBase, className), ...props, children });
+}
+function PageSection({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_factory16.ark.section, { "data-slot": "page-section", className: (0, import_vortex_ui22.cn)(import_vortex_ui22.pageSectionBase, className), ...props, children });
+}
+
+// src/splitter.tsx
+var import_splitter = require("@ark-ui/react/splitter");
+var import_vortex_ui23 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function Splitter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_splitter.SplitterRoot, { className: (0, import_vortex_ui23.cn)(import_vortex_ui23.splitterRootBase, className), ...props });
+}
+function SplitterPanel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_splitter.SplitterPanel, { className: (0, import_vortex_ui23.cn)(import_vortex_ui23.splitterPanelBase, className), ...props });
+}
+function SplitterResizeTrigger({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_splitter.SplitterResizeTrigger, { className: (0, import_vortex_ui23.cn)(import_vortex_ui23.splitterResizeTriggerBase, className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-hidden": true, "data-part": "separator", className: import_vortex_ui23.splitterResizeTriggerSeparatorBase }),
+    children
+  ] });
+}
+function SplitterResizeTriggerIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_splitter.SplitterResizeTriggerIndicator, { className: (0, import_vortex_ui23.cn)(import_vortex_ui23.splitterResizeTriggerIndicatorBase, className), ...props });
+}
+
+// src/sidebar/Provider.tsx
+var React2 = __toESM(require("react"), 1);
+var import_vortex_ui24 = require("@cloudvoyant/vortex-ui");
+
+// src/sidebar/context.ts
+var React = __toESM(require("react"), 1);
+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
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var SIDEBAR_COOKIE_NAME = "sidebar_state";
+var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+function useIsMobile() {
+  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 === import_vortex_ui24.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__ */ (0, import_jsx_runtime24.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    Row,
+    {
+      "data-slot": "sidebar-wrapper",
+      style: {
+        "--sidebar-width": import_vortex_ui24.SIDEBAR_WIDTH,
+        "--sidebar-width-icon": import_vortex_ui24.SIDEBAR_WIDTH_ICON,
+        ...style
+      },
+      className: (0, import_vortex_ui24.cn)(import_vortex_ui24.sidebarStyles.wrapperClass, className),
+      ...props,
+      children
+    }
+  ) });
+}
+
+// src/sidebar/Root.tsx
+var import_drawer = require("@ark-ui/react/drawer");
+var import_vortex_ui25 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime25 = require("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__ */ (0, import_jsx_runtime25.jsx)(
+      Col,
+      {
+        "data-slot": "sidebar",
+        "data-sidebar": "sidebar",
+        className: (0, import_vortex_ui25.cn)("h-full w-(--sidebar-width) bg-sidebar text-sidebar-foreground", className),
+        ...props,
+        children
+      }
+    );
+  }
+  if (isMobile) {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      import_drawer.DrawerRoot,
+      {
+        open: openMobile,
+        onOpenChange: (details) => setOpenMobile(details.open),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_drawer.DrawerBackdrop, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_drawer.DrawerPositioner, { className: "w-(--sidebar-width)", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+            import_drawer.DrawerContent,
+            {
+              "data-sidebar": "sidebar",
+              "data-slot": "sidebar",
+              "data-mobile": "true",
+              className: (0, import_vortex_ui25.cn)("w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground", className),
+              style: { "--sidebar-width": import_vortex_ui25.SIDEBAR_WIDTH_MOBILE },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_drawer.DrawerTitle, { className: "sr-only", children: "Sidebar" }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_drawer.DrawerDescription, { className: "sr-only", children: "Displays the mobile sidebar." }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_drawer.DrawerCloseTrigger, { className: "hidden" }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Col, { className: "h-full w-full", children })
+              ]
+            }
+          ) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    "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__ */ (0, import_jsx_runtime25.jsx)(
+          "div",
+          {
+            "data-slot": "sidebar-gap",
+            className: (0, import_vortex_ui25.cn)(
+              import_vortex_ui25.sidebarStyles.gapClass,
+              side === "right" && "rotate-180",
+              variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          "div",
+          {
+            "data-slot": "sidebar-container",
+            className: (0, import_vortex_ui25.cn)(
+              import_vortex_ui25.sidebarStyles.containerClass,
+              side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+              variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+              className
+            ),
+            ...props,
+            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              "div",
+              {
+                "data-sidebar": "sidebar",
+                "data-slot": "sidebar-inner",
+                "data-variant": variant,
+                className: (0, import_vortex_ui25.cn)(import_vortex_ui25.sidebarStyles.innerClass),
+                children
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/sidebar/Header.tsx
+var import_vortex_ui26 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function Header({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    Col,
+    {
+      "data-slot": "sidebar-header",
+      "data-sidebar": "header",
+      className: (0, import_vortex_ui26.cn)(import_vortex_ui26.sidebarStyles.headerClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/Footer.tsx
+var import_vortex_ui27 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function Footer({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    Col,
+    {
+      "data-slot": "sidebar-footer",
+      "data-sidebar": "footer",
+      className: (0, import_vortex_ui27.cn)(import_vortex_ui27.sidebarStyles.footerClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/Separator.tsx
+var import_factory17 = require("@ark-ui/react/factory");
+var import_vortex_ui28 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function Separator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    import_factory17.ark.div,
+    {
+      "data-slot": "sidebar-separator",
+      "data-sidebar": "separator",
+      role: "separator",
+      className: (0, import_vortex_ui28.cn)(import_vortex_ui28.sidebarStyles.separatorClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/Content.tsx
+var import_vortex_ui29 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function Content({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    Col,
+    {
+      "data-slot": "sidebar-content",
+      "data-sidebar": "content",
+      className: (0, import_vortex_ui29.cn)(import_vortex_ui29.sidebarStyles.contentClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/Group.tsx
+var import_vortex_ui30 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function Group({ label, className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Col, { "data-slot": "sidebar-group", "data-sidebar": "group", className: (0, import_vortex_ui30.cn)(import_vortex_ui30.sidebarStyles.groupClass, className), ...props, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: (0, import_vortex_ui30.cn)(import_vortex_ui30.sidebarStyles.groupLabelClass), children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      "div",
+      {
+        "data-slot": "sidebar-group-content",
+        "data-sidebar": "group-content",
+        className: (0, import_vortex_ui30.cn)(import_vortex_ui30.sidebarStyles.groupContentClass),
+        children
+      }
+    )
+  ] });
+}
+
+// src/sidebar/GroupAction.tsx
+var import_factory18 = require("@ark-ui/react/factory");
+var import_vortex_ui31 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function GroupAction({ className, asChild = false, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    import_factory18.ark.button,
+    {
+      "data-slot": "sidebar-group-action",
+      "data-sidebar": "group-action",
+      asChild,
+      type: "button",
+      className: (0, import_vortex_ui31.cn)(import_vortex_ui31.sidebarStyles.groupActionClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/Menu.tsx
+var import_factory19 = require("@ark-ui/react/factory");
+var import_vortex_ui32 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function Menu({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_factory19.ark.ul,
+    {
+      "data-slot": "sidebar-menu",
+      "data-sidebar": "menu",
+      className: (0, import_vortex_ui32.cn)(import_vortex_ui32.sidebarStyles.menuClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/MenuItem.tsx
+var import_factory20 = require("@ark-ui/react/factory");
+var import_vortex_ui33 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function MenuItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_factory20.ark.li,
+    {
+      "data-slot": "sidebar-menu-item",
+      "data-sidebar": "menu-item",
+      className: (0, import_vortex_ui33.cn)(import_vortex_ui33.sidebarStyles.menuItemClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/MenuButton.tsx
+var import_factory21 = require("@ark-ui/react/factory");
+var import_tooltip2 = require("@ark-ui/react/tooltip");
+var import_vortex_ui34 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+function MenuButton({
+  asChild = false,
+  isActive = false,
+  variant = "default",
+  size = "default",
+  tooltip,
+  className,
+  children,
+  ...props
+}) {
+  const { isMobile, state } = useSidebar();
+  const button = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    import_factory21.ark.button,
+    {
+      "data-slot": "sidebar-menu-button",
+      "data-sidebar": "menu-button",
+      "data-size": size,
+      "data-active": isActive,
+      asChild,
+      type: "button",
+      className: (0, import_vortex_ui34.cn)((0, import_vortex_ui34.sidebarMenuButtonVariants)({ variant, size }), className),
+      ...props,
+      children
+    }
+  );
+  if (!tooltip || state !== "collapsed" || isMobile) {
+    return button;
+  }
+  const tooltipContent = typeof tooltip === "string" ? { children: tooltip } : tooltip;
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_tooltip2.TooltipRoot, { openDelay: 0, positioning: { placement: "right", gutter: 8 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_tooltip2.TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_tooltip2.TooltipPositioner, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_tooltip2.TooltipContent, { className: (0, import_vortex_ui34.cn)(import_vortex_ui34.sidebarStyles.tooltipContentClass), ...tooltipContent }) })
+  ] });
+}
+
+// src/sidebar/MenuLink.tsx
+var import_vortex_ui35 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+function MenuLink({
+  icon,
+  href,
+  onClick,
+  isActive,
+  variant,
+  size,
+  tooltip,
+  className,
+  children
+}) {
+  const content = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+    icon,
+    children != null && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("li", { "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: (0, import_vortex_ui35.cn)(import_vortex_ui35.sidebarStyles.menuItemClass), children: href == null ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    MenuButton,
+    {
+      isActive,
+      variant,
+      size,
+      tooltip,
+      className,
+      onClick,
+      children: content
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(MenuButton, { asChild: true, isActive, variant, size, tooltip, className, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("a", { href, onClick, children: content }) }) });
+}
+
+// src/sidebar/MenuAction.tsx
+var import_factory22 = require("@ark-ui/react/factory");
+var import_vortex_ui36 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function MenuAction({
+  className,
+  asChild = false,
+  showOnHover = false,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    import_factory22.ark.button,
+    {
+      "data-slot": "sidebar-menu-action",
+      "data-sidebar": "menu-action",
+      asChild,
+      type: "button",
+      className: (0, import_vortex_ui36.cn)(
+        import_vortex_ui36.sidebarStyles.menuActionClass,
+        showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground data-[state=open]:opacity-100 md:opacity-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/MenuBadge.tsx
+var import_factory23 = require("@ark-ui/react/factory");
+var import_vortex_ui37 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+function MenuBadge({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    import_factory23.ark.div,
+    {
+      "data-slot": "sidebar-menu-badge",
+      "data-sidebar": "menu-badge",
+      className: (0, import_vortex_ui37.cn)(import_vortex_ui37.sidebarStyles.menuBadgeClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/MenuSkeleton.tsx
+var React3 = __toESM(require("react"), 1);
+var import_factory24 = require("@ark-ui/react/factory");
+var import_vortex_ui38 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+function MenuSkeleton({ className, showIcon = false, ...props }) {
+  const width = React3.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+    import_factory24.ark.div,
+    {
+      "data-slot": "sidebar-menu-skeleton",
+      "data-sidebar": "menu-skeleton",
+      className: (0, import_vortex_ui38.cn)(import_vortex_ui38.sidebarStyles.menuSkeletonClass, className),
+      ...props,
+      children: [
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          import_factory24.ark.div,
+          {
+            className: "size-4 shrink-0 animate-pulse rounded-md bg-sidebar-accent",
+            "data-sidebar": "menu-skeleton-icon"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          import_factory24.ark.div,
+          {
+            className: "h-4 max-w-(--skeleton-width) flex-1 animate-pulse rounded-md bg-sidebar-accent",
+            "data-sidebar": "menu-skeleton-text",
+            style: { "--skeleton-width": width }
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/sidebar/MenuSub.tsx
+var import_factory25 = require("@ark-ui/react/factory");
+var import_vortex_ui39 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+function MenuSub({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_factory25.ark.ul,
+    {
+      "data-slot": "sidebar-menu-sub",
+      "data-sidebar": "menu-sub",
+      className: (0, import_vortex_ui39.cn)(import_vortex_ui39.sidebarStyles.menuSubClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/MenuSubItem.tsx
+var import_factory26 = require("@ark-ui/react/factory");
+var import_vortex_ui40 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+function MenuSubItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    import_factory26.ark.li,
+    {
+      "data-slot": "sidebar-menu-sub-item",
+      "data-sidebar": "menu-sub-item",
+      className: (0, import_vortex_ui40.cn)(import_vortex_ui40.sidebarStyles.menuSubItemClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/MenuSubButton.tsx
+var import_factory27 = require("@ark-ui/react/factory");
+var import_vortex_ui41 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+function MenuSubButton({
+  asChild = false,
+  size = "md",
+  isActive = false,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    import_factory27.ark.a,
+    {
+      "data-slot": "sidebar-menu-sub-button",
+      "data-sidebar": "menu-sub-button",
+      "data-size": size,
+      "data-active": isActive,
+      asChild,
+      className: (0, import_vortex_ui41.cn)(import_vortex_ui41.sidebarStyles.menuSubButtonClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/Trigger.tsx
+var import_factory28 = require("@ark-ui/react/factory");
+var import_vortex_ui42 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+function Trigger({ className, onClick, children, ...props }) {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    import_factory28.ark.button,
+    {
+      "data-sidebar": "trigger",
+      "data-slot": "sidebar-trigger",
+      type: "button",
+      "aria-label": "Toggle Sidebar",
+      className: (0, import_vortex_ui42.cn)(import_vortex_ui42.sidebarStyles.triggerClass, className),
+      onClick: (event) => {
+        onClick?.(event);
+        toggleSidebar();
+      },
+      ...props,
+      children
+    }
+  );
+}
+
+// src/sidebar/Rail.tsx
+var import_factory29 = require("@ark-ui/react/factory");
+var import_vortex_ui43 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+function Rail({ className, ...props }) {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    import_factory29.ark.button,
+    {
+      "data-sidebar": "rail",
+      "data-slot": "sidebar-rail",
+      type: "button",
+      "aria-label": "Toggle Sidebar",
+      tabIndex: -1,
+      onClick: toggleSidebar,
+      title: "Toggle Sidebar",
+      className: (0, import_vortex_ui43.cn)(import_vortex_ui43.sidebarStyles.railClass, className),
+      ...props
+    }
+  );
+}
+
+// src/sidebar/Inset.tsx
+var import_factory30 = require("@ark-ui/react/factory");
+var import_vortex_ui44 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+function Inset({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_factory30.ark.main, { "data-slot": "sidebar-inset", className: (0, import_vortex_ui44.cn)(import_vortex_ui44.sidebarStyles.insetClass, className), ...props });
+}
+
+// src/sidebar/Input.tsx
+var import_factory31 = require("@ark-ui/react/factory");
+var import_vortex_ui45 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+function Input({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    import_factory31.ark.input,
+    {
+      "data-slot": "sidebar-input",
+      "data-sidebar": "input",
+      className: (0, import_vortex_ui45.cn)(import_vortex_ui45.sidebarStyles.inputClass, className),
+      ...props
+    }
+  );
+}
+
+// src/tabs.tsx
+var import_tabs = require("@ark-ui/react/tabs");
+var import_vortex_ui46 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+function Tabs({ className, lazyMount = true, unmountOnExit = true, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_tabs.TabsRoot, { lazyMount, unmountOnExit, className: (0, import_vortex_ui46.cn)(import_vortex_ui46.tabsRootBase, className), ...props });
+}
+function TabsList({ variant = "default", className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_tabs.TabList, { className: (0, import_vortex_ui46.cn)(import_vortex_ui46.tabsListBase, (0, import_vortex_ui46.tabsListVariants)({ variant }), className), ...props, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_tabs.TabIndicator, { className: (0, import_vortex_ui46.cn)(import_vortex_ui46.tabsIndicatorBase, (0, import_vortex_ui46.tabsIndicatorVariants)({ variant })) })
+  ] });
+}
+function TabsTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_tabs.TabTrigger, { className: (0, import_vortex_ui46.cn)(import_vortex_ui46.tabsTriggerBase, className), ...props });
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_tabs.TabContent, { className: (0, import_vortex_ui46.cn)(import_vortex_ui46.tabsContentBase, className), ...props });
+}
+var useTabs = import_tabs.useTabsContext;
+
+// src/pagination.tsx
+var import_pagination = require("@ark-ui/react/pagination");
+var import_factory32 = require("@ark-ui/react/factory");
+var import_vortex_ui47 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime47 = require("react/jsx-runtime");
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_pagination.PaginationRoot, { className: (0, import_vortex_ui47.cn)(import_vortex_ui47.paginationRootBase, className), ...props });
+}
+function PaginationPrevious(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_pagination.PaginationPrevTrigger, { asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_factory32.ark.button, { className: (0, import_vortex_ui47.cn)(import_vortex_ui47.paginationTriggerBase), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      "svg",
+      {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "m15 18-6-6 6-6" })
+      }
+    ),
+    "Previous"
+  ] }) });
+}
+function PaginationNext(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_pagination.PaginationNextTrigger, { asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_factory32.ark.button, { className: (0, import_vortex_ui47.cn)(import_vortex_ui47.paginationTriggerBase), children: [
+    "Next",
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      "svg",
+      {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "m9 18 6-6-6-6" })
+      }
+    )
+  ] }) });
+}
+function PaginationItem({ className, children, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_pagination.PaginationItem, { asChild: true, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_factory32.ark.button, { className: (0, import_vortex_ui47.cn)(import_vortex_ui47.paginationItemBase, className), children }) });
+}
+function PaginationItems() {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_pagination.PaginationContext, { children: ({ pages }) => pages.map(
+    (page, index) => page.type === "page" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PaginationItem, { type: "page", value: page.value, children: page.value }, page.value) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PaginationEllipsis, { index }, `ellipsis-${index}`)
+  ) });
+}
+function PaginationEllipsis({ className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_pagination.PaginationEllipsis, { className: (0, import_vortex_ui47.cn)(import_vortex_ui47.paginationEllipsisBase, className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("circle", { cx: "5", cy: "12", r: "1" })
+      ]
+    }
+  ) });
+}
+
+// src/navbar.tsx
+var React4 = __toESM(require("react"), 1);
+var import_factory33 = require("@ark-ui/react/factory");
+var import_portal6 = require("@ark-ui/react/portal");
+var import_collapsible = require("@ark-ui/react/collapsible");
+var import_dialog2 = require("@ark-ui/react/dialog");
+var import_navigation_menu = require("@ark-ui/react/navigation-menu");
+var import_vortex_ui48 = require("@cloudvoyant/vortex-ui");
+var import_vortex_ui49 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime48 = require("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__ */ (0, import_jsx_runtime48.jsx)(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__ */ (0, import_jsx_runtime48.jsx)(NavbarContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    "header",
+    {
+      ref: headerRef,
+      "data-slot": "navbar",
+      "data-scrolled": base.scrolled || void 0,
+      "data-hidden": hidden || void 0,
+      "data-shrunk": shrunk || void 0,
+      className: (0, import_vortex_ui48.cn)(
+        (0, import_vortex_ui48.navbarVariants)({ variant, floating }),
+        import_vortex_ui48.navbarContainerBase,
+        (0, import_vortex_ui48.navbarDensityVariants)({ density }),
+        shrunk && import_vortex_ui48.navbarShrunkBase,
+        className
+      ),
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      ...props,
+      children
+    }
+  ) });
+}
+function NavbarActivationArea({ className, children, ...props }) {
+  const { setHovered } = useNavbar();
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    import_factory33.ark.div,
+    {
+      "data-slot": "navbar-activation-area",
+      className: (0, import_vortex_ui48.cn)(import_vortex_ui48.navbarActivationAreaBase, className),
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      ...props,
+      children
+    }
+  );
+}
+function NavbarBrand({ className, children, ...props }) {
+  useNavbarSlot("brand", children);
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_factory33.ark.div, { "data-slot": "navbar-brand", className: (0, import_vortex_ui48.cn)(import_vortex_ui48.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__ */ (0, import_jsx_runtime48.jsx)(NavbarMenuStyleContext.Provider, { value: { density: menuDensity, variant: "default", inContent: false }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    import_factory33.ark.div,
+    {
+      "data-slot": "navbar-menu",
+      "data-placement": placement,
+      className: (0, import_vortex_ui48.cn)(import_vortex_ui48.navbarMenuBase, (0, import_vortex_ui48.navbarMenuPlacementVariants)({ placement }), className),
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_navigation_menu.NavigationMenuRoot, { "data-density": menuDensity, className: (0, import_vortex_ui48.cn)(import_vortex_ui48.navbarMenuRootBase), ...props, children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_navigation_menu.NavigationMenuViewportPositioner, { className: (0, import_vortex_ui48.cn)(import_vortex_ui48.navbarMenuViewportPositionerBase), children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_navigation_menu.NavigationMenuViewport, { className: (0, import_vortex_ui48.cn)(import_vortex_ui48.navbarMenuViewportBase) }) })
+      ] })
+    }
+  ) });
+}
+function NavbarMenuList({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_navigation_menu.NavigationMenuList, { className: (0, import_vortex_ui48.cn)(import_vortex_ui48.navbarMenuListBase, className), ...props, children });
+}
+function NavbarMenuItem({
+  variant = "default",
+  className,
+  ...props
+}) {
+  const { density } = React4.useContext(NavbarMenuStyleContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(NavbarMenuStyleContext.Provider, { value: { density, variant, inContent: false }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_navigation_menu.NavigationMenuItem, { "data-variant": variant, className: (0, import_vortex_ui48.cn)(import_vortex_ui48.navbarMenuItemBase, className), ...props }) });
+}
+function NavbarMenuTrigger({ asChild, className, children, ...props }) {
+  const { density, variant } = React4.useContext(NavbarMenuStyleContext);
+  const chevron = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    "svg",
+    {
+      className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+      "aria-hidden": "true",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "m6 9 6 6 6-6" })
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    import_navigation_menu.NavigationMenuTrigger,
+    {
+      asChild,
+      className: (0, import_vortex_ui48.cn)((0, import_vortex_ui48.navbarMenuTriggerStyle)({ density, variant }), className),
+      ...props,
+      children: asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
+        children,
+        chevron
+      ] })
+    }
+  );
+}
+function NavbarMenuContent({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(NavbarMenuStyleContext.Provider, { value: { density: "relaxed", variant: "default", inContent: true }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_navigation_menu.NavigationMenuContent, { className: (0, import_vortex_ui48.cn)(import_vortex_ui48.navbarMenuContentBase, className), ...props, children }) });
+}
+function NavbarMenuLink({ className, children, ...props }) {
+  const { density, variant, inContent } = React4.useContext(NavbarMenuStyleContext);
+  const classes = inContent ? (0, import_vortex_ui48.cn)(import_vortex_ui48.navbarMenuLinkBase, className) : (0, import_vortex_ui48.cn)((0, import_vortex_ui48.navbarMenuTriggerStyle)({ density, variant }), className);
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_navigation_menu.NavigationMenuLink, { className: classes, ...props, children });
+}
+function NavbarMobileMenu({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_collapsible.CollapsibleRoot, { "data-slot": "navbar-mobile-menu", className: (0, import_vortex_ui48.cn)("group", className), ...props, children });
+}
+function NavbarMobileMenuTrigger({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_collapsible.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+    "button",
+    {
+      type: "button",
+      "data-slot": "navbar-mobile-menu-trigger",
+      className: (0, import_vortex_ui48.cn)(import_vortex_ui48.navbarMobileMenuTriggerBase, className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          "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__ */ (0, import_jsx_runtime48.jsx)("path", { d: "m6 9 6 6 6-6" })
+          }
+        )
+      ]
+    }
+  ) });
+}
+function NavbarMobileMenuContent({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_collapsible.CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { "data-slot": "navbar-mobile-menu-content", className: (0, import_vortex_ui48.cn)(import_vortex_ui48.navbarMobileMenuContentBase, className), ...props, children }) });
+}
+function NavbarMenuViewport({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_navigation_menu.NavigationMenuViewport, { className: (0, import_vortex_ui48.cn)(import_vortex_ui48.navbarMenuViewportBase, className), ...props });
+}
+function NavbarMenuIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_navigation_menu.NavigationMenuIndicator, { className: (0, import_vortex_ui48.cn)(import_vortex_ui48.navbarMenuIndicatorBase, className), ...props });
+}
+function NavbarActions({ className, children, ...props }) {
+  useNavbarSlot("actions", children);
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_factory33.ark.div, { "data-slot": "navbar-actions", className: (0, import_vortex_ui48.cn)(import_vortex_ui48.navbarActionsBase, className), ...props, children });
+}
+function NavbarTrigger({
+  className,
+  children,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  const { id, open, setOpen, floating } = useNavbar();
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    "button",
+    {
+      type: "button",
+      "data-slot": "navbar-trigger",
+      "aria-expanded": open,
+      "aria-controls": id,
+      "aria-label": ariaLabel ?? "Toggle navigation menu",
+      className: (0, import_vortex_ui48.cn)((0, import_vortex_ui48.navbarTriggerVariants)({ floating }), "md:hidden", className),
+      onClick: () => setOpen(!open),
+      ...props,
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+        "svg",
+        {
+          className: "size-4",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+          ]
+        }
+      )
+    }
+  );
+}
+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__ */ (0, import_jsx_runtime48.jsx)(import_portal6.Portal, { container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_dialog2.DialogRoot, { open, lazyMount: true, unmountOnExit: true, onOpenChange: ({ open: open2 }) => setOpen(open2), preventScroll: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_dialog2.DialogBackdrop, { className: "absolute inset-0 z-[100] bg-background/60 backdrop-blur-sm" }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_dialog2.DialogPositioner, { className: "absolute inset-0 z-[100]", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+      import_dialog2.DialogContent,
+      {
+        id,
+        "data-slot": "navbar-mobile-overlay",
+        className: (0, import_vortex_ui48.cn)(import_vortex_ui48.navbarMobileContentBase, className),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_dialog2.DialogTitle, { className: "sr-only", children: "Navigation menu" }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_dialog2.DialogDescription, { className: "sr-only", children: "Mobile navigation menu" }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: import_vortex_ui48.navbarMobileHeaderBase, children: [
+            slots.brand,
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_dialog2.DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Close navigation menu",
+                className: (0, import_vortex_ui48.cn)((0, import_vortex_ui48.navbarTriggerVariants)({ floating })),
+                children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                  "svg",
+                  {
+                    className: "size-4",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M18 6 6 18M6 6l12 12" })
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: import_vortex_ui48.navbarMobileMenuBase, children }),
+          slots.actions ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: import_vortex_ui48.navbarMobileActionsBase, children: slots.actions }) : null
+        ]
+      }
+    ) })
+  ] }) });
+}
+
+// src/field.tsx
+var import_field = require("@ark-ui/react/field");
+var import_fieldset = require("@ark-ui/react/fieldset");
+var import_vortex_ui50 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+function Field({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_field.FieldRoot, { className: (0, import_vortex_ui50.cn)(import_vortex_ui50.fieldRootBase, className), ...props });
+}
+function FieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_field.FieldLabel, { className: (0, import_vortex_ui50.cn)(import_vortex_ui50.fieldLabelBase, className), ...props });
+}
+function FieldHelper({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_field.FieldHelperText, { className: (0, import_vortex_ui50.cn)(import_vortex_ui50.fieldHelperBase, className), ...props });
+}
+function FieldError({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_field.FieldErrorText, { className: (0, import_vortex_ui50.cn)(import_vortex_ui50.fieldErrorBase, className), ...props });
+}
+function FieldRequiredIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_field.FieldRequiredIndicator, { className: (0, import_vortex_ui50.cn)(import_vortex_ui50.fieldRequiredIndicatorBase, className), ...props });
+}
+function FieldSet({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_fieldset.FieldsetRoot, { className: (0, import_vortex_ui50.cn)(import_vortex_ui50.fieldsetRootBase, className), ...props });
+}
+function FieldSetLegend({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_fieldset.FieldsetLegend, { className: (0, import_vortex_ui50.cn)(import_vortex_ui50.fieldsetLegendBase, className), ...props });
+}
+function FieldSetHelper({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_fieldset.FieldsetHelperText, { className: (0, import_vortex_ui50.cn)(import_vortex_ui50.fieldsetHelperBase, className), ...props });
+}
+function FieldSetError({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_fieldset.FieldsetErrorText, { className: (0, import_vortex_ui50.cn)(import_vortex_ui50.fieldsetErrorBase, className), ...props });
+}
+var useField = import_field.useFieldContext;
+
+// src/input.tsx
+var import_field2 = require("@ark-ui/react/field");
+var import_vortex_ui51 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+function Input2({ className, size, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_field2.FieldInput, { className: (0, import_vortex_ui51.cn)((0, import_vortex_ui51.inputVariants)({ size }), className), ...props });
+}
+
+// src/textarea.tsx
+var import_field3 = require("@ark-ui/react/field");
+var import_vortex_ui52 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_field3.FieldTextarea, { className: (0, import_vortex_ui52.cn)(import_vortex_ui52.textareaBase, className), ...props });
+}
+
+// src/number-input.tsx
+var import_number_input = require("@ark-ui/react/number-input");
+var import_vortex_ui53 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+function NumberInput({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_number_input.NumberInputRoot, { className: (0, import_vortex_ui53.cn)(import_vortex_ui53.numberInputRootBase, className), ...props });
+}
+function NumberInputControl({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_number_input.NumberInputControl, { className: (0, import_vortex_ui53.cn)(import_vortex_ui53.numberInputControlBase, className), ...props });
+}
+function NumberInputInput({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_number_input.NumberInputInput, { className: (0, import_vortex_ui53.cn)(import_vortex_ui53.numberInputInputBase, className), ...props });
+}
+function NumberInputDecrement({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    import_number_input.NumberInputDecrementTrigger,
+    {
+      "aria-label": "Decrement",
+      className: (0, import_vortex_ui53.cn)(import_vortex_ui53.numberInputTriggerBase, className),
+      ...props
+    }
+  );
+}
+function NumberInputIncrement({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    import_number_input.NumberInputIncrementTrigger,
+    {
+      "aria-label": "Increment",
+      className: (0, import_vortex_ui53.cn)(import_vortex_ui53.numberInputTriggerBase, className),
+      ...props
+    }
+  );
+}
+var useNumberInput = import_number_input.useNumberInputContext;
+
+// src/checkbox.tsx
+var import_react2 = require("react");
+var import_checkbox = require("@ark-ui/react/checkbox");
+var import_vortex_ui54 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var CheckboxSizeContext = (0, import_react2.createContext)("md");
+function Checkbox({ className, size = "md", children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CheckboxSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_checkbox.CheckboxRoot, { className: (0, import_vortex_ui54.cn)("flex items-center gap-2", className), ...props, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_checkbox.CheckboxHiddenInput, {})
+  ] }) });
+}
+function CheckboxControl({ className, ...props }) {
+  const size = (0, import_react2.useContext)(CheckboxSizeContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_checkbox.CheckboxControl, { className: (0, import_vortex_ui54.cn)((0, import_vortex_ui54.checkboxVariants)({ size }), className), ...props });
+}
+function CheckboxIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_checkbox.CheckboxIndicator, { className: (0, import_vortex_ui54.cn)(import_vortex_ui54.checkboxIndicatorBase, className), ...props });
+}
+function CheckboxLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_checkbox.CheckboxLabel, { className: (0, import_vortex_ui54.cn)(import_vortex_ui54.checkboxLabelBase, className), ...props });
+}
+function CheckboxGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_checkbox.CheckboxGroup, { className: (0, import_vortex_ui54.cn)(import_vortex_ui54.checkboxGroupBase, className), ...props });
+}
+var useCheckbox = import_checkbox.useCheckboxContext;
+
+// src/switch.tsx
+var import_react3 = require("react");
+var import_switch = require("@ark-ui/react/switch");
+var import_vortex_ui55 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var SwitchSizeContext = (0, import_react3.createContext)("md");
+function Switch({ className, size = "md", children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SwitchSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_switch.SwitchRoot, { className: (0, import_vortex_ui55.cn)("flex items-center gap-2", className), ...props, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_switch.SwitchHiddenInput, {})
+  ] }) });
+}
+function SwitchControl({ className, ...props }) {
+  const size = (0, import_react3.useContext)(SwitchSizeContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_switch.SwitchControl, { className: (0, import_vortex_ui55.cn)((0, import_vortex_ui55.switchVariants)({ size }), import_vortex_ui55.switchControlBase, className), ...props });
+}
+function SwitchThumb({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_switch.SwitchThumb, { className: (0, import_vortex_ui55.cn)(import_vortex_ui55.switchThumbBase, className), ...props });
+}
+function SwitchLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_switch.SwitchLabel, { className: (0, import_vortex_ui55.cn)(import_vortex_ui55.switchLabelBase, className), ...props });
+}
+var useSwitch = import_switch.useSwitchContext;
+
+// src/select.tsx
+var import_factory34 = require("@ark-ui/react/factory");
+var import_portal7 = require("@ark-ui/react/portal");
+var import_react5 = require("react");
+var import_select = require("@ark-ui/react/select");
+var import_vortex_ui56 = require("@cloudvoyant/vortex-ui");
+
+// src/use-media-query.ts
+var import_react4 = require("react");
+function useMediaQuery(query) {
+  return (0, import_react4.useSyncExternalStore)(
+    (onStoreChange) => {
+      const mql = window.matchMedia(query);
+      mql.addEventListener("change", onStoreChange);
+      return () => mql.removeEventListener("change", onStoreChange);
+    },
+    () => window.matchMedia(query).matches,
+    () => false
+  );
+}
+
+// src/select.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+function Select({ items, collection, size, children, ...props }) {
+  const isCoarse = useMediaQuery("(pointer: coarse)");
+  const resolvedCollection = (0, import_react5.useMemo)(
+    () => collection ?? (0, import_select.createListCollection)({ items: items ?? [] }),
+    [collection, items]
+  );
+  if (isCoarse && items) {
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      SelectNative,
+      {
+        items,
+        size,
+        value: props.value?.[0],
+        defaultValue: props.defaultValue?.[0],
+        onValueChange: (value) => props.onValueChange?.({ value: [value], items: items.filter((i) => i.value === value) }),
+        invalid: props.invalid,
+        disabled: props.disabled,
+        name: props.name,
+        form: props.form,
+        required: props.required
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_select.SelectRoot, { collection: resolvedCollection, ...props, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectHiddenSelect, {})
+  ] });
+}
+function SelectTrigger({ size = "md", className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectTrigger, { className: (0, import_vortex_ui56.cn)((0, import_vortex_ui56.inputVariants)({ size }), import_vortex_ui56.selectTriggerBase, className), ...props });
+}
+function SelectValue({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectValueText, { className: (0, import_vortex_ui56.cn)(import_vortex_ui56.selectValueBase, className), ...props });
+}
+function SelectIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectIndicator, { className: (0, import_vortex_ui56.cn)(import_vortex_ui56.selectIndicatorBase, className), ...props });
+}
+function SelectClearTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectClearTrigger, { "aria-label": "Clear selection", className: (0, import_vortex_ui56.cn)(import_vortex_ui56.selectClearTriggerBase, className), ...props });
+}
+function SelectContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_portal7.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectPositioner, { className: import_vortex_ui56.selectPositionerBase, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectContent, { className: (0, import_vortex_ui56.cn)(import_vortex_ui56.selectContentBase, className), ...props }) }) });
+}
+function SelectItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectItemGroup, { className, ...props });
+}
+function SelectItemGroupLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectItemGroupLabel, { className: (0, import_vortex_ui56.cn)(import_vortex_ui56.selectItemGroupLabelBase, className), ...props });
+}
+function SelectItem({ item, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectItem, { item, className: (0, import_vortex_ui56.cn)(import_vortex_ui56.selectItemBase, className), ...props });
+}
+function SelectItemText({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectItemText, { className: (0, import_vortex_ui56.cn)(import_vortex_ui56.selectItemTextBase, className), ...props });
+}
+function SelectItemIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.SelectItemIndicator, { className: (0, import_vortex_ui56.cn)(import_vortex_ui56.selectItemIndicatorBase, className), ...props });
+}
+var useSelect = import_select.useSelectContext;
+function ChevronDownIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "m6 9 6 6 6-6" })
+    }
+  );
+}
+function SelectNative({
+  items = [],
+  value,
+  defaultValue,
+  onValueChange,
+  size = "md",
+  invalid,
+  icon,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_factory34.ark.div, { className: (0, import_vortex_ui56.cn)(import_vortex_ui56.nativeSelectWrapperBase, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      import_factory34.ark.select,
+      {
+        className: (0, import_vortex_ui56.nativeSelectVariants)({ size }),
+        value,
+        defaultValue,
+        onChange: (event) => onValueChange?.(event.currentTarget.value),
+        "aria-invalid": invalid,
+        ...props,
+        children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_factory34.ark.option, { value: item.value, disabled: item.disabled, children: item.label }, item.value))
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_factory34.ark.span, { className: import_vortex_ui56.nativeSelectIconBase, "aria-hidden": true, children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ChevronDownIcon, {}) })
+  ] });
+}
+
+// src/combobox.tsx
+var import_portal8 = require("@ark-ui/react/portal");
+var import_react6 = require("react");
+var import_combobox = require("@ark-ui/react/combobox");
+var import_vortex_ui57 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime56 = require("react/jsx-runtime");
+function Combobox({
+  items,
+  collection,
+  openOnClick = true,
+  lazyMount = true,
+  unmountOnExit = true,
+  ...props
+}) {
+  const resolvedCollection = (0, import_react6.useMemo)(
+    () => collection ?? (0, import_combobox.createListCollection)({ items: items ?? [] }),
+    [collection, items]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    import_combobox.ComboboxRoot,
+    {
+      collection: resolvedCollection,
+      openOnClick,
+      lazyMount,
+      unmountOnExit,
+      ...props
+    }
+  );
+}
+function ComboboxControl({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxControl, { className: (0, import_vortex_ui57.cn)(import_vortex_ui57.comboboxControlBase, className), ...props });
+}
+function ComboboxInput({ size = "md", className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxInput, { className: (0, import_vortex_ui57.cn)((0, import_vortex_ui57.inputVariants)({ size }), import_vortex_ui57.comboboxInputBase, className), ...props });
+}
+function ComboboxTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxTrigger, { className: (0, import_vortex_ui57.cn)(import_vortex_ui57.comboboxTriggerBase, className), ...props });
+}
+function ComboboxClear({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxClearTrigger, { "aria-label": "Clear", className: (0, import_vortex_ui57.cn)(import_vortex_ui57.comboboxClearTriggerBase, className), ...props });
+}
+function ComboboxContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_portal8.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxPositioner, { className: import_vortex_ui57.comboboxPositionerBase, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxContent, { className: (0, import_vortex_ui57.cn)(import_vortex_ui57.comboboxContentBase, className), ...props }) }) });
+}
+function ComboboxItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxItemGroup, { className, ...props });
+}
+function ComboboxItemGroupLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxItemGroupLabel, { className: (0, import_vortex_ui57.cn)(import_vortex_ui57.comboboxItemGroupLabelBase, className), ...props });
+}
+function ComboboxItem({ item, showIndicator = true, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    import_combobox.ComboboxItem,
+    {
+      item,
+      persistFocus: true,
+      className: (0, import_vortex_ui57.cn)((0, import_vortex_ui57.comboboxItemVariants)({ showIndicator }), className),
+      ...props
+    }
+  );
+}
+function ComboboxItemText({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxItemText, { className, ...props });
+}
+function ComboboxItemIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxItemIndicator, { className: (0, import_vortex_ui57.cn)(import_vortex_ui57.comboboxItemIndicatorBase, className), ...props });
+}
+function ComboboxList({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxList, { className: (0, import_vortex_ui57.cn)(import_vortex_ui57.comboboxListBase, className), ...props });
+}
+function ComboboxEmpty({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_combobox.ComboboxEmpty, { className: (0, import_vortex_ui57.cn)(import_vortex_ui57.comboboxEmptyBase, className), ...props, children: children ?? "No results found." });
+}
+var useCombobox = import_combobox.useComboboxContext;
+
+// src/tags-input.tsx
+var import_tags_input = require("@ark-ui/react/tags-input");
+var import_vortex_ui58 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime57 = require("react/jsx-runtime");
+function TagInput({ className, editable = false, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_tags_input.TagsInputRoot, { className: (0, import_vortex_ui58.cn)(import_vortex_ui58.tagsInputRootBase, className), editable, ...props, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tags_input.TagsInputHiddenInput, {})
+  ] });
+}
+function TagInputControl({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tags_input.TagsInputControl, { className: (0, import_vortex_ui58.cn)(import_vortex_ui58.tagsInputControlBase, className), ...props });
+}
+function TagInputInput({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tags_input.TagsInputInput, { className: (0, import_vortex_ui58.cn)(import_vortex_ui58.tagsInputInputBase, className), ...props });
+}
+function TagInputItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tags_input.TagsInputItem, { className: (0, import_vortex_ui58.cn)(import_vortex_ui58.tagsInputItemBase, className), ...props });
+}
+function TagInputItemPreview({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tags_input.TagsInputItemPreview, { className, ...props });
+}
+function TagInputItemText({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tags_input.TagsInputItemText, { className: (0, import_vortex_ui58.cn)(import_vortex_ui58.tagsInputItemTextBase, className), ...props });
+}
+function TagInputItemInput({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tags_input.TagsInputItemInput, { className: (0, import_vortex_ui58.cn)(import_vortex_ui58.tagsInputItemInputBase, className), ...props });
+}
+function TagInputItemDeleteTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    import_tags_input.TagsInputItemDeleteTrigger,
+    {
+      "aria-label": "Remove tag",
+      className: (0, import_vortex_ui58.cn)(import_vortex_ui58.tagsInputItemDeleteTriggerBase, className),
+      ...props
+    }
+  );
+}
+function TagInputClearTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    import_tags_input.TagsInputClearTrigger,
+    {
+      "aria-label": "Clear all tags",
+      className: (0, import_vortex_ui58.cn)(import_vortex_ui58.tagsInputClearTriggerBase, className),
+      ...props
+    }
+  );
+}
+var TagInputContext = import_tags_input.TagsInputContext;
+var useTagInput = import_tags_input.useTagsInputContext;
+
+// src/mermaid.tsx
+var import_react7 = require("react");
+var import_factory35 = require("@ark-ui/react/factory");
+var import_vortex_ui59 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime58 = require("react/jsx-runtime");
+function Mermaid({ code, svg, className, ...props }) {
+  const [status, setStatus] = (0, import_react7.useState)(svg === void 0 ? "loading" : "done");
+  const [rendered, setRendered] = (0, import_react7.useState)(svg ?? null);
+  const aspectRatio = rendered === null ? void 0 : (0, import_vortex_ui59.mermaidSvgAspectRatio)(rendered);
+  (0, import_react7.useEffect)(() => {
+    if (svg !== void 0) return;
+    let cancelled = false;
+    setStatus("loading");
+    setRendered(null);
+    (0, import_vortex_ui59.renderMermaidSource)(code).then((markup) => {
+      if (!cancelled) {
+        setRendered(markup);
+        setStatus("done");
+      }
+    }).catch(() => {
+      if (!cancelled) setStatus("error");
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [code, svg]);
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    import_factory35.ark.div,
+    {
+      ...props,
+      "data-mermaid-code": JSON.stringify(code),
+      "data-mermaid-src": rendered === null ? void 0 : code,
+      "data-mermaid-state": status,
+      style: aspectRatio === void 0 ? props.style : { ...props.style, aspectRatio },
+      className: (0, import_vortex_ui59.cn)(import_vortex_ui59.mermaidRootBase, className),
+      children: rendered === null ? status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("pre", { className: import_vortex_ui59.mermaidSourceBase, children: code }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: import_vortex_ui59.mermaidLoadingBase, role: "status", "aria-label": "Rendering diagram", "data-mermaid-loading": true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "h-5 w-5 shrink-0 animate-spin rounded-full border-2 border-muted-foreground/25 border-t-muted-foreground"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm text-muted-foreground", children: "Rendering diagram" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("noscript", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("style", { children: "[data-mermaid-loading]{display:none}" }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("pre", { className: import_vortex_ui59.mermaidSourceBase, children: code })
+        ] })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: import_vortex_ui59.mermaidSvgBase, dangerouslySetInnerHTML: { __html: rendered } })
+    }
+  );
+}
+
+// src/clipboard.tsx
+var import_clipboard = require("@ark-ui/react/clipboard");
+var import_vortex_ui60 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime59 = require("react/jsx-runtime");
+function CopyIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+      ]
+    }
+  );
+}
+function CheckIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M20 6 9 17l-5-5" })
+    }
+  );
+}
+function CopyButton({ value, label = "Copy", className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_clipboard.ClipboardRoot, { value, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_clipboard.ClipboardTrigger, { className: (0, import_vortex_ui60.cn)(import_vortex_ui60.clipboardTriggerBase, className), "aria-label": label, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_clipboard.ClipboardIndicator, { copied: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CheckIcon, {}), children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CopyIcon, {}) }) }) });
+}
+
+// src/radio-group.tsx
+var import_radio_group = require("@ark-ui/react/radio-group");
+var import_vortex_ui61 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime60 = require("react/jsx-runtime");
+function RadioGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_radio_group.RadioGroupRoot, { className: (0, import_vortex_ui61.cn)(import_vortex_ui61.radioGroupRootBase, className), ...props });
+}
+function RadioGroupItem({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_radio_group.RadioGroupItem, { className: (0, import_vortex_ui61.cn)("flex cursor-pointer items-center gap-2.5", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_radio_group.RadioGroupItemControl, { className: import_vortex_ui61.radioGroupItemControlBase, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "size-1.5 rounded-full bg-current hidden [[data-state=checked]>&]:block" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_radio_group.RadioGroupItemText, { className: import_vortex_ui61.radioGroupItemTextBase, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_radio_group.RadioGroupItemHiddenInput, {})
+  ] });
+}
+var useRadioGroup = import_radio_group.useRadioGroupContext;
+
+// src/notice.tsx
+var import_factory36 = require("@ark-ui/react/factory");
+var import_vortex_ui62 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime61 = require("react/jsx-runtime");
+function InfoIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+function CheckCircleIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "m9 12 2 2 4-4" })
+      ]
+    }
+  );
+}
+function TriangleAlertIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M12 9v4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M12 17h.01" })
+      ]
+    }
+  );
+}
+function CircleXIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "m15 9-6 6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "m9 9 6 6" })
+      ]
+    }
+  );
+}
+var noticeIcons = {
+  info: InfoIcon,
+  success: CheckCircleIcon,
+  warning: TriangleAlertIcon,
+  error: CircleXIcon
+};
+function Notice({ variant = "info", title, children, className, ...props }) {
+  const Icon = variant !== null && variant !== void 0 && variant !== "none" ? noticeIcons[variant] : null;
+  const role = variant === "error" ? "alert" : variant === "none" ? void 0 : "status";
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_factory36.ark.div, { role, className: (0, import_vortex_ui62.cn)((0, import_vortex_ui62.noticeVariants)({ variant }), className), ...props, children: [
+    Icon ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, {}) : null,
+    title ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_factory36.ark.div, { className: import_vortex_ui62.noticeTitleBase, children: title }) : null,
+    children ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_factory36.ark.div, { className: import_vortex_ui62.noticeDescriptionBase, children }) : null
+  ] });
+}
+
+// src/figure.tsx
+var import_factory37 = require("@ark-ui/react/factory");
+var import_vortex_ui63 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime62 = require("react/jsx-runtime");
+function Figure({ src, alt, img, caption, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_factory37.ark.figure, { className: (0, import_vortex_ui63.cn)(import_vortex_ui63.figureRootBase, className), ...props, children: [
+    img ?? (src ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_factory37.ark.img, { src, alt, loading: "lazy", className: import_vortex_ui63.figureImageBase }) : null),
+    caption ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_factory37.ark.figcaption, { className: import_vortex_ui63.figureCaptionBase, children: caption }) : null
+  ] });
+}
+
+// src/reveal.tsx
+var import_collapsible2 = require("@ark-ui/react/collapsible");
+var import_vortex_ui64 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime63 = require("react/jsx-runtime");
+function ChevronRightIcon({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      className,
+      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+function Reveal({ question, children, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_collapsible2.CollapsibleRoot, { className: (0, import_vortex_ui64.cn)(import_vortex_ui64.revealRootBase, className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_collapsible2.CollapsibleTrigger, { className: import_vortex_ui64.revealTriggerBase, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ChevronRightIcon, { className: import_vortex_ui64.revealChevronBase }),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: question })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_collapsible2.CollapsibleContent, { className: import_vortex_ui64.revealContentBase, children })
+  ] });
+}
+
+// src/prevnext.tsx
+var import_factory38 = require("@ark-ui/react/factory");
+var import_vortex_ui65 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime64 = require("react/jsx-runtime");
+function PrevNext({ prev, next, className, ...props }) {
+  if (!prev && !next) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_factory38.ark.nav, { className: (0, import_vortex_ui65.cn)(import_vortex_ui65.prevNextRootBase, className), "aria-label": "Previous and next pages", ...props, children: [
+    prev ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_factory38.ark.a, { href: prev.href, className: import_vortex_ui65.prevNextLinkBase, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_factory38.ark.span, { className: import_vortex_ui65.prevNextDirectionBase, children: "Previous" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_factory38.ark.span, { className: import_vortex_ui65.prevNextTitleBase, children: [
+        "\u2190 ",
+        prev.title
+      ] })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_factory38.ark.span, { className: import_vortex_ui65.prevNextSpacerBase }),
+    next ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_factory38.ark.a, { href: next.href, className: (0, import_vortex_ui65.cn)(import_vortex_ui65.prevNextLinkBase, import_vortex_ui65.prevNextLinkNextBase), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_factory38.ark.span, { className: import_vortex_ui65.prevNextDirectionBase, children: "Next" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_factory38.ark.span, { className: import_vortex_ui65.prevNextTitleBase, children: [
+        next.title,
+        " \u2192"
+      ] })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_factory38.ark.span, { className: import_vortex_ui65.prevNextSpacerBase })
+  ] });
+}
+
+// src/latex.tsx
+var import_factory39 = require("@ark-ui/react/factory");
+var import_vortex_ui66 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime65 = require("react/jsx-runtime");
+function LaTeX({ latex, html, className, ...props }) {
+  let markup;
+  let error = false;
+  if (html === void 0) {
+    try {
+      markup = (0, import_vortex_ui66.toLaTeX)(latex, { displayMode: true });
+    } catch {
+      markup = latex;
+      error = true;
+    }
+  } else {
+    markup = html;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    import_factory39.ark.div,
+    {
+      ...props,
+      "data-latex-state": error ? "error" : "done",
+      className: (0, import_vortex_ui66.cn)(import_vortex_ui66.latexRootBase, import_vortex_ui66.latexDisplayBase, className),
+      children: error ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("code", { className: import_vortex_ui66.latexErrorBase, children: latex }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { dangerouslySetInnerHTML: { __html: markup } })
+    }
+  );
+}
+function InlineLaTeX({ latex, html, className, ...props }) {
+  let markup;
+  let error = false;
+  if (html === void 0) {
+    try {
+      markup = (0, import_vortex_ui66.toLaTeX)(latex);
+    } catch {
+      markup = latex;
+      error = true;
+    }
+  } else {
+    markup = html;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    import_factory39.ark.span,
+    {
+      ...props,
+      "data-latex-state": error ? "error" : "done",
+      className: (0, import_vortex_ui66.cn)(import_vortex_ui66.latexRootBase, import_vortex_ui66.latexInlineBase, className),
+      children: error ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("code", { className: import_vortex_ui66.latexErrorBase, children: latex }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { dangerouslySetInnerHTML: { __html: markup } })
+    }
+  );
+}
+
+// src/code-block.tsx
+var import_react8 = require("react");
+var import_factory40 = require("@ark-ui/react/factory");
+var import_vortex_ui67 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime66 = require("react/jsx-runtime");
+var CodeBlockContext = (0, import_react8.createContext)(null);
+function useCodeBlock() {
+  const ctx = (0, import_react8.useContext)(CodeBlockContext);
+  if (!ctx) throw new Error("CodeBlock parts must be rendered inside a <CodeBlock>.");
+  return ctx;
+}
+function CodeRenderer({
+  code,
+  language,
+  html,
+  showLineNumbers,
+  scrollable,
+  maxHeight,
+  highlightLines
+}) {
+  const [rendered, setRendered] = (0, import_react8.useState)(html ?? null);
+  (0, import_react8.useEffect)(() => {
+    (0, import_vortex_ui67.injectCodeBlockStyles)();
+  }, []);
+  const highlightKey = highlightLines?.join(",");
+  (0, import_react8.useEffect)(() => {
+    if (html !== void 0) return;
+    let cancelled = false;
+    setRendered(null);
+    (0, import_vortex_ui67.renderCodeToHtml)(code, language, highlightLines).then((h) => {
+      if (!cancelled) setRendered(h);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [code, language, html, highlightKey]);
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    "div",
+    {
+      className: (0, import_vortex_ui67.cn)(import_vortex_ui67.codeBlockBodyBase, scrollable && import_vortex_ui67.codeBlockBodyScrollableBase),
+      style: scrollable ? { maxHeight: `${maxHeight}px` } : void 0,
+      children: rendered === null ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: import_vortex_ui67.codeBlockLoadingBase, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: import_vortex_ui67.codeBlockSpinnerBase }) }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        "div",
+        {
+          dangerouslySetInnerHTML: { __html: rendered },
+          className: (0, import_vortex_ui67.cn)(
+            import_vortex_ui67.codeBlockContentBase,
+            showLineNumbers && import_vortex_ui67.codeBlockLineNumbersBase,
+            highlightLines?.length && import_vortex_ui67.codeBlockHighlightBase
+          )
+        }
+      )
+    }
+  );
+}
+function CodeBlock({
+  code,
+  language = "tsx",
+  filename,
+  html,
+  showLineNumbers = false,
+  scrollable = false,
+  maxHeight = 400,
+  highlightLines,
+  className,
+  children,
+  ...props
+}) {
+  const ctx = { code, language, html, showLineNumbers, scrollable, maxHeight, highlightLines };
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CodeBlockContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_factory40.ark.div, { "data-code-block": true, className: (0, import_vortex_ui67.cn)(import_vortex_ui67.codeBlockRootBase, className), ...props, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(CodeBlockHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CodeBlockTitle, { children: filename ?? language }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "ml-auto", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CodeBlockCopyButton, {}) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CodeBlockContent, {})
+  ] }) }) });
+}
+function CodeBlockHeader({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_factory40.ark.div, { className: (0, import_vortex_ui67.cn)(import_vortex_ui67.codeBlockHeaderBase, className), ...props, children });
+}
+function CodeBlockTitle({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_factory40.ark.span, { className: (0, import_vortex_ui67.cn)(import_vortex_ui67.codeBlockTitleBase, className), ...props, children });
+}
+function CodeBlockCopyButton({ label = "Copy code", className, ...props }) {
+  const { code } = useCodeBlock();
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_factory40.ark.div, { className, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CopyButton, { value: code, label }) });
+}
+function CodeBlockContent({ className, html, ...props }) {
+  const ctx = useCodeBlock();
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_factory40.ark.div, { className, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CodeRenderer, { ...ctx, html: html ?? ctx.html }) });
+}
+function MultiFileCodeBlock({
+  files,
+  showLineNumbers = false,
+  scrollable = false,
+  maxHeight = 400,
+  className,
+  ...props
+}) {
+  const [active, setActive] = (0, import_react8.useState)(files[0]?.filename ?? "");
+  const file = files.find((f) => f.filename === active) ?? files[0];
+  (0, import_react8.useEffect)(() => {
+    if (!files.some((f) => f.filename === active)) {
+      setActive(files[0]?.filename ?? "");
+    }
+  }, [files, active]);
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_factory40.ark.div, { "data-code-block": true, className: (0, import_vortex_ui67.cn)(import_vortex_ui67.codeBlockRootBase, className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center justify-between border-b bg-muted/50", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { role: "tablist", "aria-label": "Files", className: "flex overflow-x-auto no-scrollbar pl-1", children: files.map((f) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        "button",
+        {
+          role: "tab",
+          "aria-selected": active === f.filename,
+          onClick: () => setActive(f.filename),
+          className: (0, import_vortex_ui67.cn)(
+            "h-10 shrink-0 border-b-2 px-3 font-mono text-xs transition-colors",
+            active === f.filename ? "border-foreground text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"
+          ),
+          children: f.filename
+        },
+        f.filename
+      )) }),
+      file ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "shrink-0 pr-3", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CopyButton, { value: file.code, label: "Copy code" }) }) : null
+    ] }),
+    file ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      CodeRenderer,
+      {
+        code: file.code,
+        language: file.language ?? "tsx",
+        html: file.html,
+        showLineNumbers,
+        scrollable,
+        maxHeight
+      }
+    ) : null
+  ] });
+}
+function LanguageTabsCodeBlock({
+  tabs,
+  showLineNumbers = false,
+  scrollable = false,
+  maxHeight = 400,
+  className,
+  ...props
+}) {
+  const [active, setActive] = (0, import_react8.useState)(tabs[0]?.label ?? "");
+  const tab = tabs.find((t) => t.label === active) ?? tabs[0];
+  (0, import_react8.useEffect)(() => {
+    if (!tabs.some((t) => t.label === active)) {
+      setActive(tabs[0]?.label ?? "");
+    }
+  }, [tabs, active]);
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_factory40.ark.div, { "data-code-block": true, className: (0, import_vortex_ui67.cn)(import_vortex_ui67.codeBlockRootBase, className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(CodeBlockHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CodeBlockTitle, { children: tab?.filename }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "ml-auto", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+        Select,
+        {
+          items: tabs.map((t) => ({ value: t.label, label: t.label })),
+          value: [active],
+          onValueChange: (details) => setActive(details.value[0]),
+          "aria-label": "Language",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(SelectTrigger, { size: "sm", className: "min-w-28 justify-between font-mono text-xs", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SelectValue, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SelectIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("path", { d: "m6 9 6 6 6-6" })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SelectContent, { children: tabs.map((t) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(SelectItem, { item: { value: t.label, label: t.label }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SelectItemText, { children: t.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SelectItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("path", { d: "M20 6 9 17l-5-5" })
+                }
+              ) })
+            ] }, t.label)) })
+          ]
+        }
+      ) })
+    ] }),
+    tab ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        CodeRenderer,
+        {
+          code: tab.code,
+          language: tab.language ?? "tsx",
+          html: tab.html,
+          showLineNumbers,
+          scrollable,
+          maxHeight
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: import_vortex_ui67.codeBlockCopyFloatBase, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CopyButton, { value: tab.code, label: "Copy code" }) })
+    ] }) : null
+  ] });
+}
+
+// src/manim.tsx
+var import_react9 = require("react");
+var import_factory41 = require("@ark-ui/react/factory");
+var import_vortex_ui68 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime67 = require("react/jsx-runtime");
+function Manim({ build, width = 800, height = 450, caption, className, ...props }) {
+  const wrapperRef = (0, import_react9.useRef)(null);
+  const containerRef = (0, import_react9.useRef)(null);
+  const [state, setState] = (0, import_react9.useState)("loading");
+  const [errorMsg, setErrorMsg] = (0, import_react9.useState)("");
+  (0, import_react9.useEffect)(() => {
+    const wrapper = wrapperRef.current;
+    if (!wrapper) return;
+    let disposed = false;
+    let player = null;
+    let resizeTimer;
+    let mountedWidth = 0;
+    let generation = 0;
+    function fail(msg) {
+      if (!disposed) {
+        setErrorMsg(msg);
+        setState("error");
+      }
+    }
+    async function mount(pixelWidth) {
+      const gen = ++generation;
+      try {
+        const manim = await import("manim-web");
+        if (disposed || gen !== generation || !containerRef.current) return;
+        try {
+          player?.dispose?.();
+        } catch {
+        }
+        containerRef.current.replaceChildren();
+        mountedWidth = pixelWidth;
+        player = new manim.Player(containerRef.current, {
+          width: pixelWidth,
+          height: Math.round(pixelWidth * height / width),
+          backgroundOpacity: 0,
+          autoPlay: true,
+          loop: false
+        });
+        setState("ready");
+        await player.sequence(async (scene) => {
+          await build(manim, scene);
+        });
+      } catch (err) {
+        if (gen === generation) {
+          fail(`Failed to load animation: ${err instanceof Error ? err.message : String(err)}`);
+        }
+      }
+    }
+    const initialWidth = Math.floor(wrapper.getBoundingClientRect().width);
+    if (initialWidth > 0) void mount(initialWidth);
+    const observer = new ResizeObserver((entries) => {
+      const measured = Math.floor(entries[0]?.contentRect.width ?? 0);
+      if (measured <= 0 || measured === mountedWidth) return;
+      clearTimeout(resizeTimer);
+      resizeTimer = setTimeout(() => {
+        if (!disposed) void mount(measured);
+      }, 200);
+    });
+    observer.observe(wrapper);
+    return () => {
+      disposed = true;
+      clearTimeout(resizeTimer);
+      observer.disconnect();
+      try {
+        player?.dispose?.();
+      } catch {
+      }
+    };
+  }, [build, width, height]);
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_factory41.ark.figure, { "data-manim-state": state, className: (0, import_vortex_ui68.cn)(import_vortex_ui68.manimRootBase, className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { ref: wrapperRef, className: import_vortex_ui68.manimContainerBase, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { ref: containerRef, className: "w-full" }),
+      state === "loading" && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: import_vortex_ui68.manimPlaceholderBase, style: { aspectRatio: `${width} / ${height}` }, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: import_vortex_ui68.manimPlaceholderLabelBase, children: "Loading animation\u2026" }) }),
+      state === "error" && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: import_vortex_ui68.manimErrorBase, children: errorMsg })
+    ] }),
+    caption ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_factory41.ark.figcaption, { className: import_vortex_ui68.manimCaptionBase, children: caption }) : null
+  ] });
+}
+
+// src/youtube.tsx
+var import_react10 = require("react");
+var import_factory42 = require("@ark-ui/react/factory");
+var import_vortex_ui69 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime68 = require("react/jsx-runtime");
+function PlayIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      className: "h-8 w-8",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { d: "M8 5v14l11-7z" })
+    }
+  );
+}
+function ChevronRightIcon2({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      className,
+      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+var YouTubeContext = (0, import_react10.createContext)(null);
+function useYouTube() {
+  const ctx = (0, import_react10.useContext)(YouTubeContext);
+  if (!ctx) throw new Error("YoutubeTimestamps must be rendered inside a <YouTube>.");
+  return ctx;
+}
+function YouTube({ url, title, description, poster, className, children, ...props }) {
+  const videoId = (0, import_vortex_ui69.extractYouTubeId)(url);
+  const posterUrl = poster ?? `https://i.ytimg.com/vi/${videoId}/hqdefault.jpg`;
+  const [playing, setPlaying] = (0, import_react10.useState)(false);
+  const [startAt, setStartAt] = (0, import_react10.useState)(null);
+  const seek = (t) => {
+    setStartAt(t);
+    setPlaying(true);
+  };
+  const src = `https://www.youtube-nocookie.com/embed/${videoId}?autoplay=1${startAt == null ? "" : `&start=${startAt}`}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(YouTubeContext.Provider, { value: { url, videoId, seek }, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_factory42.ark.div, { "data-youtube-id": videoId, className: (0, import_vortex_ui69.cn)(import_vortex_ui69.youtubeRootBase, className), ...props, children: [
+    title ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_factory42.ark.h3, { className: import_vortex_ui69.youtubeTitleBase, children: title }) : null,
+    playing ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      "iframe",
+      {
+        src,
+        title: title ?? `YouTube video ${videoId}`,
+        allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+        allowFullScreen: true,
+        className: "aspect-video w-full rounded-md border border-border"
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+      import_factory42.ark.button,
+      {
+        type: "button",
+        className: import_vortex_ui69.youtubeFacadeBase,
+        onClick: () => setPlaying(true),
+        "aria-label": title ? `Play video: ${title}` : "Play video",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+            import_factory42.ark.img,
+            {
+              src: posterUrl,
+              alt: title ?? `YouTube video ${videoId}`,
+              loading: "lazy",
+              className: "h-full w-full object-cover"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_factory42.ark.span, { className: import_vortex_ui69.youtubePlayButtonBase, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_factory42.ark.span, { className: import_vortex_ui69.youtubePlayButtonInnerBase, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PlayIcon, {}) }) })
+        ]
+      }
+    ),
+    description ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_factory42.ark.p, { className: import_vortex_ui69.youtubeDescriptionBase, children: description }) : null,
+    children
+  ] }) });
+}
+function YoutubeTimestampAt({ t, children, className, ...props }) {
+  const { seek } = useYouTube();
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_factory42.ark.li, { className, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_factory42.ark.button, { type: "button", onClick: () => seek(t), className: import_vortex_ui69.youtubeChapterButtonBase, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_factory42.ark.span, { className: import_vortex_ui69.youtubeChapterTimeBase, children: (0, import_vortex_ui69.formatTime)(t) }),
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_factory42.ark.span, { className: import_vortex_ui69.youtubeChapterLabelBase, children })
+  ] }) });
+}
+function YoutubeTimestamps({ chapters, children, className, ...props }) {
+  const { url } = useYouTube();
+  const [inferred, setInferred] = (0, import_react10.useState)([]);
+  const [loading, setLoading] = (0, import_react10.useState)(chapters === void 0);
+  (0, import_react10.useEffect)(() => {
+    if (chapters !== void 0) return;
+    let cancelled = false;
+    setLoading(true);
+    (0, import_vortex_ui69.fetchYouTubeMetadata)(url).then((meta) => {
+      if (!cancelled) {
+        setInferred(meta.description ? (0, import_vortex_ui69.parseYouTubeChapters)(meta.description) : []);
+        setLoading(false);
+      }
+    }).catch(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [url, chapters]);
+  const resolved = chapters ?? inferred;
+  const hasChildren = children !== void 0 && children !== null;
+  if (!loading && resolved.length === 0 && !hasChildren) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_factory42.ark.div, { className: (0, import_vortex_ui69.cn)(import_vortex_ui69.youtubeChaptersBase, className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("details", { className: "group", open: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_factory42.ark.summary, { className: import_vortex_ui69.youtubeChaptersSummaryBase, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ChevronRightIcon2, { className: import_vortex_ui69.youtubeChaptersChevronBase }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: "Timestamps" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_factory42.ark.nav, { "aria-label": "Video timestamps", className: import_vortex_ui69.youtubeChaptersListBase, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_factory42.ark.ul, { className: "space-y-1", children: [
+      resolved.map((ch) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(YoutubeTimestampAt, { t: ch.t, children: ch.label }, ch.t)),
+      children
+    ] }) })
+  ] }) });
+}
+
+// src/chart.tsx
+var import_factory43 = require("@ark-ui/react/factory");
+var import_react11 = require("@tanstack/charts/react");
+var import_vortex_ui70 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime69 = require("react/jsx-runtime");
+function Chart({ svg, className, ...props }) {
+  const { type, height = 320 } = props;
+  if (svg !== void 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_factory43.ark.div, { "data-chart-state": "prerendered", "data-chart-type": type, className: (0, import_vortex_ui70.cn)(import_vortex_ui70.chartRootBase, className), children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex w-full justify-center [&>svg]:max-w-full", dangerouslySetInnerHTML: { __html: svg } }) });
+  }
+  const definition = (0, import_vortex_ui70.buildChartDefinition)(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_factory43.ark.div, { "data-chart-state": "ready", "data-chart-type": type, className: (0, import_vortex_ui70.cn)(import_vortex_ui70.chartRootBase, className), children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react11.Chart, { definition, height, ariaLabel: type === "pie" ? "Pie chart" : "Chart" }) });
+}
+
+// src/questions.tsx
+var import_react12 = require("react");
+var import_factory44 = require("@ark-ui/react/factory");
+var import_vortex_ui71 = require("@cloudvoyant/vortex-ui");
+var import_jsx_runtime70 = require("react/jsx-runtime");
+function CheckCircleIcon2() {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      className: "size-4 shrink-0",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "m9 12 2 2 4-4" })
+      ]
+    }
+  );
+}
+function CircleXIcon2() {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      className: "size-4 shrink-0",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "m15 9-6 6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "m9 9 6 6" })
+      ]
+    }
+  );
+}
+function CheckIcon2() {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M20 6 9 17l-5-5" })
+    }
+  );
+}
+function Feedback({ correct, explanation }) {
+  if (correct === null) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { "aria-live": "polite", role: "status", className: "mt-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      "div",
+      {
+        className: (0, import_vortex_ui71.cn)(
+          "flex items-center gap-2 text-sm font-medium",
+          correct ? import_vortex_ui71.feedbackCorrectBase : import_vortex_ui71.feedbackIncorrectBase
+        ),
+        children: correct ? /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(CheckCircleIcon2, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: "Correct" })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(CircleXIcon2, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: "Incorrect" })
+        ] })
+      }
+    ),
+    explanation ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: import_vortex_ui71.feedbackExplanationBase, children: explanation }) : null
+  ] });
+}
+function SingleChoiceRenderer({
+  prompt,
+  choices,
+  correct,
+  explanation,
+  quiz = false,
+  submitted = false,
+  onAnswerChange,
+  onGraded,
+  className,
+  ...rest
+}) {
+  const [selected, setSelected] = (0, import_react12.useState)(null);
+  const [result, setResult] = (0, import_react12.useState)(null);
+  (0, import_react12.useEffect)(() => {
+    if (quiz) {
+      const isAnswered = selected !== null;
+      onAnswerChange?.({ answered: isAnswered, correct: isAnswered && selected === correct });
+    }
+  }, [quiz, selected, correct]);
+  const displayResult = quiz ? submitted ? selected === correct : null : result;
+  const handleCheck = () => {
+    if (selected === null) return;
+    const isCorrect = selected === correct;
+    setResult(isCorrect);
+    onGraded?.(isCorrect);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: (0, import_vortex_ui71.cn)(import_vortex_ui71.questionCardBase, className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: import_vortex_ui71.questionPromptBase, children: prompt }),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      RadioGroup,
+      {
+        orientation: "vertical",
+        value: selected === null ? null : String(selected),
+        onValueChange: (details) => {
+          if (quiz ? submitted : result !== null) return;
+          setSelected(details.value == null ? null : Number(details.value));
+        },
+        disabled: quiz ? submitted : result !== null,
+        className: import_vortex_ui71.questionGroupBase,
+        children: choices.map((choice, i) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+          RadioGroupItem,
+          {
+            value: String(i),
+            className: (0, import_vortex_ui71.cn)(
+              import_vortex_ui71.questionOptionBase,
+              displayResult !== null && i === correct && import_vortex_ui71.questionOptionCorrectBase,
+              displayResult !== null && i === selected && i !== correct && import_vortex_ui71.questionOptionIncorrectBase
+            ),
+            children: choice
+          },
+          i
+        ))
+      }
+    ),
+    !quiz && result === null && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      import_factory44.ark.button,
+      {
+        type: "button",
+        onClick: handleCheck,
+        disabled: selected === null,
+        className: import_vortex_ui71.questionCheckButtonBase,
+        children: "Check"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Feedback, { correct: displayResult, explanation: displayResult === null ? void 0 : explanation })
+  ] });
+}
+function MultipleChoiceRenderer({
+  prompt,
+  choices,
+  correct,
+  explanation,
+  quiz = false,
+  submitted = false,
+  onAnswerChange,
+  onGraded,
+  className,
+  ...rest
+}) {
+  const [selected, setSelected] = (0, import_react12.useState)(/* @__PURE__ */ new Set());
+  const [result, setResult] = (0, import_react12.useState)(null);
+  const computeCorrect = () => {
+    const correctSet = new Set(correct);
+    return selected.size === correctSet.size && [...selected].every((v) => correctSet.has(v));
+  };
+  (0, import_react12.useEffect)(() => {
+    if (quiz) {
+      const isAnswered = selected.size > 0;
+      onAnswerChange?.({ answered: isAnswered, correct: isAnswered && computeCorrect() });
+    }
+  }, [quiz, selected, correct]);
+  const toggleOption = (index) => {
+    if (quiz ? submitted : result !== null) return;
+    setSelected((prev) => {
+      const next = new Set(prev);
+      if (next.has(index)) next.delete(index);
+      else next.add(index);
+      return next;
+    });
+  };
+  const displayResult = quiz ? submitted ? computeCorrect() : null : result;
+  const handleCheck = () => {
+    if (selected.size === 0) return;
+    const isCorrect = computeCorrect();
+    setResult(isCorrect);
+    onGraded?.(isCorrect);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: (0, import_vortex_ui71.cn)(import_vortex_ui71.questionCardBase, className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: import_vortex_ui71.questionPromptBase, children: prompt }),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { role: "group", className: import_vortex_ui71.questionGroupBase, children: choices.map((choice, i) => {
+      const isCorrectOption = correct.includes(i);
+      return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+        Checkbox,
+        {
+          checked: selected.has(i),
+          onCheckedChange: () => toggleOption(i),
+          disabled: quiz ? submitted : result !== null,
+          className: (0, import_vortex_ui71.cn)(
+            import_vortex_ui71.questionOptionBase,
+            displayResult !== null && isCorrectOption && import_vortex_ui71.questionOptionCorrectBase,
+            displayResult !== null && selected.has(i) && !isCorrectOption && import_vortex_ui71.questionOptionIncorrectBase
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(CheckboxControl, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(CheckboxIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(CheckIcon2, {}) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(CheckboxLabel, { children: choice })
+          ]
+        },
+        i
+      );
+    }) }),
+    !quiz && result === null && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      import_factory44.ark.button,
+      {
+        type: "button",
+        onClick: handleCheck,
+        disabled: selected.size === 0,
+        className: import_vortex_ui71.questionCheckButtonBase,
+        children: "Check"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Feedback, { correct: displayResult, explanation: displayResult === null ? void 0 : explanation })
+  ] });
+}
+function NumericRenderer({
+  id,
+  prompt,
+  answer,
+  tolerance = 0,
+  unit,
+  explanation,
+  quiz = false,
+  submitted = false,
+  onAnswerChange,
+  onGraded,
+  className,
+  ...rest
+}) {
+  const inputId = `q-${id}-input`;
+  const [value, setValue] = (0, import_react12.useState)("");
+  const [result, setResult] = (0, import_react12.useState)(null);
+  const computeCorrect = () => {
+    const parsed = parseFloat(value);
+    return !Number.isNaN(parsed) && Math.abs(parsed - answer) <= tolerance;
+  };
+  (0, import_react12.useEffect)(() => {
+    if (quiz) {
+      const parsed = parseFloat(value);
+      const isAnswered = value.trim() !== "" && !Number.isNaN(parsed);
+      onAnswerChange?.({ answered: isAnswered, correct: isAnswered && computeCorrect() });
+    }
+  }, [quiz, value, answer, tolerance]);
+  const displayResult = quiz ? submitted ? computeCorrect() : null : result;
+  const handleCheck = () => {
+    const parsed = parseFloat(value);
+    if (Number.isNaN(parsed)) return;
+    const isCorrect = Math.abs(parsed - answer) <= tolerance;
+    setResult(isCorrect);
+    onGraded?.(isCorrect);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: (0, import_vortex_ui71.cn)(import_vortex_ui71.questionCardBase, className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_factory44.ark.label, { htmlFor: inputId, className: import_vortex_ui71.questionPromptBase, children: prompt }),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        import_factory44.ark.input,
+        {
+          id: inputId,
+          type: "text",
+          inputMode: "decimal",
+          value,
+          onChange: (e) => {
+            if (quiz ? submitted : result !== null) return;
+            setValue(e.currentTarget.value);
+          },
+          disabled: quiz ? submitted : result !== null,
+          className: import_vortex_ui71.questionInputBase
+        }
+      ),
+      unit ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_factory44.ark.span, { className: import_vortex_ui71.questionUnitBase, children: unit }) : null
+    ] }),
+    !quiz && result === null && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      import_factory44.ark.button,
+      {
+        type: "button",
+        onClick: handleCheck,
+        disabled: value.trim() === "" || Number.isNaN(parseFloat(value)),
+        className: import_vortex_ui71.questionCheckButtonBase,
+        children: "Check"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Feedback, { correct: displayResult, explanation: displayResult === null ? void 0 : explanation })
+  ] });
+}
+function SingleChoiceQuestion(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SingleChoiceRenderer, { ...props });
+}
+function MultipleChoiceQuestion(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(MultipleChoiceRenderer, { ...props });
+}
+function NumericQuestion(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(NumericRenderer, { ...props });
+}
+function Quiz({ id, title, questions, className, ...props }) {
+  const [answers, setAnswers] = (0, import_react12.useState)({});
+  const [submitted, setSubmitted] = (0, import_react12.useState)(false);
+  const [resetKey, setResetKey] = (0, import_react12.useState)(0);
+  const total = questions.length;
+  const allAnswered = questions.length > 0 && questions.every((q) => answers[q.id]?.answered === true);
+  const score = questions.filter((q) => answers[q.id]?.correct === true).length;
+  const pct = total > 0 ? Math.round(score / total * 100) : 0;
+  const handleAnswerChange = (questionId) => (state) => {
+    setAnswers((prev) => ({ ...prev, [questionId]: state }));
+  };
+  const handleReset = () => {
+    setAnswers({});
+    setSubmitted(false);
+    setResetKey((k) => k + 1);
+  };
+  const renderQuestion = (q) => {
+    const key = `${q.id}-${String(resetKey)}`;
+    const quizProps = {
+      quiz: true,
+      submitted,
+      onAnswerChange: handleAnswerChange(q.id)
+    };
+    switch (q.type) {
+      case "single":
+        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+          SingleChoiceRenderer,
+          {
+            id: q.id,
+            prompt: q.prompt,
+            choices: q.choices,
+            correct: q.correct,
+            explanation: q.explanation,
+            ...quizProps
+          },
+          key
+        );
+      case "multiple":
+        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+          MultipleChoiceRenderer,
+          {
+            id: q.id,
+            prompt: q.prompt,
+            choices: q.choices,
+            correct: q.correct,
+            explanation: q.explanation,
+            ...quizProps
+          },
+          key
+        );
+      case "numeric":
+        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+          NumericRenderer,
+          {
+            id: q.id,
+            prompt: q.prompt,
+            answer: q.answer,
+            tolerance: q.tolerance,
+            unit: q.unit,
+            explanation: q.explanation,
+            ...quizProps
+          },
+          key
+        );
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { "data-quiz-id": id, className: (0, import_vortex_ui71.cn)(import_vortex_ui71.quizRootBase, className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: import_vortex_ui71.quizHeaderBase, children: title ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_factory44.ark.h3, { className: import_vortex_ui71.quizTitleBase, children: title }) : null }),
+    questions.map(renderQuestion),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "mt-4 flex items-center gap-3", children: [
+      submitted ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_factory44.ark.button, { type: "button", onClick: handleReset, className: import_vortex_ui71.quizResetButtonBase, children: "Reset" }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        import_factory44.ark.button,
+        {
+          type: "button",
+          onClick: () => setSubmitted(true),
+          disabled: !allAnswered,
+          className: import_vortex_ui71.quizSubmitButtonBase,
+          children: "Submit"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_factory44.ark.span, { role: "status", className: import_vortex_ui71.quizScoreBase, children: submitted ? `${score}/${total} (${pct}%)` : `${total} question${total === 1 ? "" : "s"}` })
+    ] }),
+    submitted && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: import_vortex_ui71.quizResultBase, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { "aria-live": "polite", role: "status", className: "text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("p", { className: import_vortex_ui71.quizResultTitleBase, children: [
+        score,
+        "/",
+        total,
+        " (",
+        pct,
+        "%)"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: import_vortex_ui71.quizResultTextBase, children: pct >= 70 ? "Well done!" : "Keep studying and try again." })
+    ] }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Badge,
+  Button,
+  Card,
+  CardBody,
+  CardCover,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Center,
+  Chart,
+  Checkbox,
+  CheckboxControl,
+  CheckboxGroup,
+  CheckboxIndicator,
+  CheckboxLabel,
+  CodeBlock,
+  CodeBlockContent,
+  CodeBlockCopyButton,
+  CodeBlockHeader,
+  CodeBlockTitle,
+  Col,
+  Combobox,
+  ComboboxClear,
+  ComboboxContent,
+  ComboboxControl,
+  ComboboxEmpty,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxItemGroup,
+  ComboboxItemGroupLabel,
+  ComboboxItemIndicator,
+  ComboboxItemText,
+  ComboboxList,
+  ComboboxTrigger,
+  Container,
+  CopyButton,
+  Dialog,
+  DialogBackdrop,
+  DialogContent,
+  DialogDescription,
+  DialogDismiss,
+  DialogFooter,
+  DialogHeader,
+  DialogProvider,
+  DialogTitle,
+  DialogTrigger,
+  Field,
+  FieldError,
+  FieldHelper,
+  FieldLabel,
+  FieldRequiredIndicator,
+  FieldSet,
+  FieldSetError,
+  FieldSetHelper,
+  FieldSetLegend,
+  Figure,
+  HStack,
+  InlineLaTeX,
+  Input,
+  Item,
+  LaTeX,
+  LanguageTabsCodeBlock,
+  Manim,
+  Mermaid,
+  MultiFileCodeBlock,
+  MultipleChoiceQuestion,
+  Navbar,
+  NavbarActions,
+  NavbarActivationArea,
+  NavbarBrand,
+  NavbarMenu,
+  NavbarMenuContent,
+  NavbarMenuIndicator,
+  NavbarMenuItem,
+  NavbarMenuLink,
+  NavbarMenuList,
+  NavbarMenuTrigger,
+  NavbarMenuViewport,
+  NavbarMenuViewportPositioner,
+  NavbarMobileMenu,
+  NavbarMobileMenuContent,
+  NavbarMobileMenuTrigger,
+  NavbarMobileOverlay,
+  NavbarProvider,
+  NavbarTrigger,
+  Notice,
+  NumberInput,
+  NumberInputControl,
+  NumberInputDecrement,
+  NumberInputIncrement,
+  NumberInputInput,
+  NumericQuestion,
+  Page,
+  PageContent,
+  PageFooter,
+  PageGutter,
+  PageSection,
+  Pagination,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationItems,
+  PaginationNext,
+  PaginationPrevious,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverDescription,
+  PopoverDismiss,
+  PopoverIndicator,
+  PopoverProvider,
+  PopoverTitle,
+  PopoverTrigger,
+  Portal,
+  PrevNext,
+  Quiz,
+  RadioGroup,
+  RadioGroupItem,
+  Reveal,
+  Row,
+  Scroll,
+  Select,
+  SelectClearTrigger,
+  SelectContent,
+  SelectIndicator,
+  SelectItem,
+  SelectItemGroup,
+  SelectItemGroupLabel,
+  SelectItemIndicator,
+  SelectItemText,
+  SelectNative,
+  SelectTrigger,
+  SelectValue,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuLink,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  SingleChoiceQuestion,
+  Splitter,
+  SplitterPanel,
+  SplitterResizeTrigger,
+  SplitterResizeTriggerIndicator,
+  Stack,
+  Switch,
+  SwitchControl,
+  SwitchLabel,
+  SwitchThumb,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  TagInput,
+  TagInputClearTrigger,
+  TagInputContext,
+  TagInputControl,
+  TagInputInput,
+  TagInputItem,
+  TagInputItemDeleteTrigger,
+  TagInputItemInput,
+  TagInputItemPreview,
+  TagInputItemText,
+  Textarea,
+  ToggleButton,
+  ToggleButtonIndicator,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  VStack,
+  Window,
+  WindowBody,
+  WindowControl,
+  WindowDismiss,
+  WindowDragTrigger,
+  WindowHeader,
+  WindowProvider,
+  WindowResizeTrigger,
+  WindowStageTrigger,
+  WindowTitle,
+  YouTube,
+  YoutubeTimestampAt,
+  YoutubeTimestamps,
+  navbarMenuTriggerStyle,
+  useCheckbox,
+  useCombobox,
+  useDialog,
+  useDialogContext,
+  useField,
+  useMediaQuery,
+  useNavbar,
+  useNumberInput,
+  usePopover,
+  usePopoverContext,
+  useRadioGroup,
+  useSelect,
+  useSidebar,
+  useSwitch,
+  useTabs,
+  useTagInput,
+  useTooltip,
+  useTooltipContext,
+  useWindow,
+  useWindowContext
+});