@cloudvoyant/helix-react 0.12.0 → 0.13.0

package/dist/index.cjs

@@ -40,9 +40,37 @@ __export(index_exports, {
   CardHeader: () => CardHeader,
   CardTitle: () => CardTitle,
   Center: () => Center,
+  Checkbox: () => Checkbox,
+  CheckboxControl: () => CheckboxControl,
+  CheckboxGroup: () => CheckboxGroup,
+  CheckboxIndicator: () => CheckboxIndicator,
+  CheckboxLabel: () => CheckboxLabel,
   Col: () => Col,
+  Combobox: () => Combobox,
+  ComboboxClear: () => ComboboxClear,
+  ComboboxContent: () => ComboboxContent,
+  ComboboxControl: () => ComboboxControl,
+  ComboboxEmpty: () => ComboboxEmpty,
+  ComboboxInput: () => ComboboxInput,
+  ComboboxItem: () => ComboboxItem,
+  ComboboxItemGroup: () => ComboboxItemGroup,
+  ComboboxItemGroupLabel: () => ComboboxItemGroupLabel,
+  ComboboxItemIndicator: () => ComboboxItemIndicator,
+  ComboboxItemText: () => ComboboxItemText,
+  ComboboxList: () => ComboboxList,
+  ComboboxTrigger: () => ComboboxTrigger,
   Container: () => Container,
+  Field: () => Field,
+  FieldError: () => FieldError,
+  FieldHelper: () => FieldHelper,
+  FieldLabel: () => FieldLabel,
+  FieldRequiredIndicator: () => FieldRequiredIndicator,
+  FieldSet: () => FieldSet,
+  FieldSetError: () => FieldSetError,
+  FieldSetHelper: () => FieldSetHelper,
+  FieldSetLegend: () => FieldSetLegend,
   HStack: () => HStack,
+  Input: () => Input2,
   Item: () => Item,
   Navbar: () => Navbar,
   NavbarActions: () => NavbarActions,
@@ -63,6 +91,11 @@ __export(index_exports, {
   NavbarMobileOverlay: () => NavbarMobileOverlay,
   NavbarProvider: () => NavbarProvider,
   NavbarTrigger: () => NavbarTrigger,
+  NumberInput: () => NumberInput,
+  NumberInputControl: () => NumberInputControl,
+  NumberInputDecrement: () => NumberInputDecrement,
+  NumberInputIncrement: () => NumberInputIncrement,
+  NumberInputInput: () => NumberInputInput,
   Pagination: () => Pagination,
   PaginationEllipsis: () => PaginationEllipsis,
   PaginationItem: () => PaginationItem,
@@ -71,6 +104,18 @@ __export(index_exports, {
   PaginationPrevious: () => PaginationPrevious,
   Row: () => Row,
   Scroll: () => Scroll,
+  Select: () => Select,
+  SelectClearTrigger: () => SelectClearTrigger,
+  SelectContent: () => SelectContent,
+  SelectIndicator: () => SelectIndicator,
+  SelectItem: () => SelectItem,
+  SelectItemGroup: () => SelectItemGroup,
+  SelectItemGroupLabel: () => SelectItemGroupLabel,
+  SelectItemIndicator: () => SelectItemIndicator,
+  SelectItemText: () => SelectItemText,
+  SelectNative: () => SelectNative,
+  SelectTrigger: () => SelectTrigger,
+  SelectValue: () => SelectValue,
   Sidebar: () => Root,
   SidebarContent: () => Content,
   SidebarFooter: () => Footer,
@@ -98,17 +143,40 @@ __export(index_exports, {
   SplitterResizeTrigger: () => SplitterResizeTrigger,
   SplitterResizeTriggerIndicator: () => SplitterResizeTriggerIndicator,
   Stack: () => Stack,
+  Switch: () => Switch,
+  SwitchControl: () => SwitchControl,
+  SwitchLabel: () => SwitchLabel,
+  SwitchThumb: () => SwitchThumb,
   Tabs: () => Tabs,
   TabsContent: () => TabsContent,
   TabsList: () => TabsList,
   TabsTrigger: () => TabsTrigger,
+  TagInput: () => TagInput,
+  TagInputClearTrigger: () => TagInputClearTrigger,
+  TagInputContext: () => TagInputContext,
+  TagInputControl: () => TagInputControl,
+  TagInputInput: () => TagInputInput,
+  TagInputItem: () => TagInputItem,
+  TagInputItemDeleteTrigger: () => TagInputItemDeleteTrigger,
+  TagInputItemInput: () => TagInputItemInput,
+  TagInputItemPreview: () => TagInputItemPreview,
+  TagInputItemText: () => TagInputItemText,
+  Textarea: () => Textarea,
   ToggleButton: () => ToggleButton,
   ToggleButtonIndicator: () => ToggleButtonIndicator,
   VStack: () => VStack,
   navbarMenuTriggerStyle: () => import_helix44.navbarMenuTriggerStyle,
+  useCheckbox: () => useCheckbox,
+  useCombobox: () => useCombobox,
+  useField: () => useField,
+  useMediaQuery: () => useMediaQuery,
   useNavbar: () => useNavbar,
+  useNumberInput: () => useNumberInput,
+  useSelect: () => useSelect,
   useSidebar: () => useSidebar,
-  useTabs: () => useTabs
+  useSwitch: () => useSwitch,
+  useTabs: () => useTabs,
+  useTagInput: () => useTagInput
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -1341,6 +1409,357 @@ function NavbarMobileOverlay({ className, children, ...props }) {
     ] }) })
   ] }) });
 }
+
+// src/field.tsx
+var import_field = require("@ark-ui/react/field");
+var import_fieldset = require("@ark-ui/react/fieldset");
+var import_helix45 = require("@cloudvoyant/helix");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+function Field({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_field.FieldRoot, { className: (0, import_helix45.cn)(import_helix45.fieldRootBase, className), ...props });
+}
+function FieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_field.FieldLabel, { className: (0, import_helix45.cn)(import_helix45.fieldLabelBase, className), ...props });
+}
+function FieldHelper({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_field.FieldHelperText, { className: (0, import_helix45.cn)(import_helix45.fieldHelperBase, className), ...props });
+}
+function FieldError({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_field.FieldErrorText, { className: (0, import_helix45.cn)(import_helix45.fieldErrorBase, className), ...props });
+}
+function FieldRequiredIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_field.FieldRequiredIndicator, { className: (0, import_helix45.cn)(import_helix45.fieldRequiredIndicatorBase, className), ...props });
+}
+function FieldSet({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_fieldset.FieldsetRoot, { className: (0, import_helix45.cn)(import_helix45.fieldsetRootBase, className), ...props });
+}
+function FieldSetLegend({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_fieldset.FieldsetLegend, { className: (0, import_helix45.cn)(import_helix45.fieldsetLegendBase, className), ...props });
+}
+function FieldSetHelper({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_fieldset.FieldsetHelperText, { className: (0, import_helix45.cn)(import_helix45.fieldsetHelperBase, className), ...props });
+}
+function FieldSetError({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_fieldset.FieldsetErrorText, { className: (0, import_helix45.cn)(import_helix45.fieldsetErrorBase, className), ...props });
+}
+var useField = import_field.useFieldContext;
+
+// src/input.tsx
+var import_field2 = require("@ark-ui/react/field");
+var import_helix46 = require("@cloudvoyant/helix");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+function Input2({ className, size, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_field2.FieldInput, { className: (0, import_helix46.cn)((0, import_helix46.inputVariants)({ size }), className), ...props });
+}
+
+// src/textarea.tsx
+var import_field3 = require("@ark-ui/react/field");
+var import_helix47 = require("@cloudvoyant/helix");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_field3.FieldTextarea, { className: (0, import_helix47.cn)(import_helix47.textareaBase, className), ...props });
+}
+
+// src/number-input.tsx
+var import_number_input = require("@ark-ui/react/number-input");
+var import_helix48 = require("@cloudvoyant/helix");
+var import_jsx_runtime47 = require("react/jsx-runtime");
+function NumberInput({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_number_input.NumberInputRoot, { className: (0, import_helix48.cn)(import_helix48.numberInputRootBase, className), ...props });
+}
+function NumberInputControl({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_number_input.NumberInputControl, { className: (0, import_helix48.cn)(import_helix48.numberInputControlBase, className), ...props });
+}
+function NumberInputInput({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_number_input.NumberInputInput, { className: (0, import_helix48.cn)(import_helix48.numberInputInputBase, className), ...props });
+}
+function NumberInputDecrement({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_number_input.NumberInputDecrementTrigger, { "aria-label": "Decrement", className: (0, import_helix48.cn)(import_helix48.numberInputTriggerBase, className), ...props });
+}
+function NumberInputIncrement({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_number_input.NumberInputIncrementTrigger, { "aria-label": "Increment", className: (0, import_helix48.cn)(import_helix48.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_helix49 = require("@cloudvoyant/helix");
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var CheckboxSizeContext = (0, import_react2.createContext)("md");
+function Checkbox({ className, size = "md", children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(CheckboxSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_checkbox.CheckboxRoot, { className: (0, import_helix49.cn)("flex items-center gap-2", className), ...props, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_checkbox.CheckboxHiddenInput, {})
+  ] }) });
+}
+function CheckboxControl({ className, ...props }) {
+  const size = (0, import_react2.useContext)(CheckboxSizeContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_checkbox.CheckboxControl, { className: (0, import_helix49.cn)((0, import_helix49.checkboxVariants)({ size }), className), ...props });
+}
+function CheckboxIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_checkbox.CheckboxIndicator, { className: (0, import_helix49.cn)(import_helix49.checkboxIndicatorBase, className), ...props });
+}
+function CheckboxLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_checkbox.CheckboxLabel, { className: (0, import_helix49.cn)(import_helix49.checkboxLabelBase, className), ...props });
+}
+function CheckboxGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_checkbox.CheckboxGroup, { className: (0, import_helix49.cn)(import_helix49.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_helix50 = require("@cloudvoyant/helix");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var SwitchSizeContext = (0, import_react3.createContext)("md");
+function Switch({ className, size = "md", children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SwitchSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_switch.SwitchRoot, { className: (0, import_helix50.cn)("flex items-center gap-2", className), ...props, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_switch.SwitchHiddenInput, {})
+  ] }) });
+}
+function SwitchControl({ className, ...props }) {
+  const size = (0, import_react3.useContext)(SwitchSizeContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_switch.SwitchControl, { className: (0, import_helix50.cn)((0, import_helix50.switchVariants)({ size }), import_helix50.switchControlBase, className), ...props });
+}
+function SwitchThumb({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_switch.SwitchThumb, { className: (0, import_helix50.cn)(import_helix50.switchThumbBase, className), ...props });
+}
+function SwitchLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_switch.SwitchLabel, { className: (0, import_helix50.cn)(import_helix50.switchLabelBase, className), ...props });
+}
+var useSwitch = import_switch.useSwitchContext;
+
+// src/select.tsx
+var import_factory33 = require("@ark-ui/react/factory");
+var import_portal2 = require("@ark-ui/react/portal");
+var import_react5 = require("react");
+var import_select = require("@ark-ui/react/select");
+var import_helix51 = require("@cloudvoyant/helix");
+
+// src/use-media-query.ts
+var import_react4 = require("react");
+function useMediaQuery(query) {
+  return (0, import_react4.useSyncExternalStore)(
+    (onStoreChange) => {
+      const mql = window.matchMedia(query);
+      mql.addEventListener("change", onStoreChange);
+      return () => mql.removeEventListener("change", onStoreChange);
+    },
+    () => window.matchMedia(query).matches,
+    () => false
+  );
+}
+
+// src/select.tsx
+var import_jsx_runtime50 = 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_runtime50.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_runtime50.jsxs)(import_select.SelectRoot, { collection: resolvedCollection, ...props, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_select.SelectHiddenSelect, {})
+  ] });
+}
+function SelectTrigger({ size = "md", className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_select.SelectTrigger, { className: (0, import_helix51.cn)((0, import_helix51.inputVariants)({ size }), import_helix51.selectTriggerBase, className), ...props });
+}
+function SelectValue({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_select.SelectValueText, { className: (0, import_helix51.cn)(import_helix51.selectValueBase, className), ...props });
+}
+function SelectIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_select.SelectIndicator, { className: (0, import_helix51.cn)(import_helix51.selectIndicatorBase, className), ...props });
+}
+function SelectClearTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_select.SelectClearTrigger, { "aria-label": "Clear selection", className: (0, import_helix51.cn)(import_helix51.selectClearTriggerBase, className), ...props });
+}
+function SelectContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_portal2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_select.SelectPositioner, { className: import_helix51.selectPositionerBase, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_select.SelectContent, { className: (0, import_helix51.cn)(import_helix51.selectContentBase, className), ...props }) }) });
+}
+function SelectItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_select.SelectItemGroup, { className, ...props });
+}
+function SelectItemGroupLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_select.SelectItemGroupLabel, { className: (0, import_helix51.cn)(import_helix51.selectItemGroupLabelBase, className), ...props });
+}
+function SelectItem({ item, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_select.SelectItem, { item, className: (0, import_helix51.cn)(import_helix51.selectItemBase, className), ...props });
+}
+function SelectItemText({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_select.SelectItemText, { className: (0, import_helix51.cn)(import_helix51.selectItemTextBase, className), ...props });
+}
+function SelectItemIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_select.SelectItemIndicator, { className: (0, import_helix51.cn)(import_helix51.selectItemIndicatorBase, className), ...props });
+}
+var useSelect = import_select.useSelectContext;
+function ChevronDownIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.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_runtime50.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_runtime50.jsxs)(import_factory33.ark.div, { className: (0, import_helix51.cn)(import_helix51.nativeSelectWrapperBase, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      import_factory33.ark.select,
+      {
+        className: (0, import_helix51.nativeSelectVariants)({ size }),
+        value,
+        defaultValue,
+        onChange: (event) => onValueChange?.(event.currentTarget.value),
+        "aria-invalid": invalid,
+        ...props,
+        children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_factory33.ark.option, { value: item.value, disabled: item.disabled, children: item.label }, item.value))
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_factory33.ark.span, { className: import_helix51.nativeSelectIconBase, "aria-hidden": true, children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ChevronDownIcon, {}) })
+  ] });
+}
+
+// src/combobox.tsx
+var import_portal3 = require("@ark-ui/react/portal");
+var import_react6 = require("react");
+var import_combobox = require("@ark-ui/react/combobox");
+var import_helix52 = require("@cloudvoyant/helix");
+var import_jsx_runtime51 = 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_runtime51.jsx)(
+    import_combobox.ComboboxRoot,
+    {
+      collection: resolvedCollection,
+      openOnClick,
+      lazyMount,
+      unmountOnExit,
+      ...props
+    }
+  );
+}
+function ComboboxControl({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_combobox.ComboboxControl, { className: (0, import_helix52.cn)(import_helix52.comboboxControlBase, className), ...props });
+}
+function ComboboxInput({ size = "md", className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_combobox.ComboboxInput, { className: (0, import_helix52.cn)((0, import_helix52.inputVariants)({ size }), import_helix52.comboboxInputBase, className), ...props });
+}
+function ComboboxTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_combobox.ComboboxTrigger, { className: (0, import_helix52.cn)(import_helix52.comboboxTriggerBase, className), ...props });
+}
+function ComboboxClear({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_combobox.ComboboxClearTrigger, { "aria-label": "Clear", className: (0, import_helix52.cn)(import_helix52.comboboxClearTriggerBase, className), ...props });
+}
+function ComboboxContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_portal3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_combobox.ComboboxPositioner, { className: import_helix52.comboboxPositionerBase, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_combobox.ComboboxContent, { className: (0, import_helix52.cn)(import_helix52.comboboxContentBase, className), ...props }) }) });
+}
+function ComboboxItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_combobox.ComboboxItemGroup, { className, ...props });
+}
+function ComboboxItemGroupLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_combobox.ComboboxItemGroupLabel, { className: (0, import_helix52.cn)(import_helix52.comboboxItemGroupLabelBase, className), ...props });
+}
+function ComboboxItem({ item, showIndicator = true, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_combobox.ComboboxItem, { item, persistFocus: true, className: (0, import_helix52.cn)((0, import_helix52.comboboxItemVariants)({ showIndicator }), className), ...props });
+}
+function ComboboxItemText({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_combobox.ComboboxItemText, { className, ...props });
+}
+function ComboboxItemIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_combobox.ComboboxItemIndicator, { className: (0, import_helix52.cn)(import_helix52.comboboxItemIndicatorBase, className), ...props });
+}
+function ComboboxList({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_combobox.ComboboxList, { className: (0, import_helix52.cn)(import_helix52.comboboxListBase, className), ...props });
+}
+function ComboboxEmpty({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_combobox.ComboboxEmpty, { className: (0, import_helix52.cn)(import_helix52.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_helix53 = require("@cloudvoyant/helix");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+function TagInput({ className, editable = false, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_tags_input.TagsInputRoot, { className: (0, import_helix53.cn)(import_helix53.tagsInputRootBase, className), editable, ...props, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_tags_input.TagsInputHiddenInput, {})
+  ] });
+}
+function TagInputControl({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_tags_input.TagsInputControl, { className: (0, import_helix53.cn)(import_helix53.tagsInputControlBase, className), ...props });
+}
+function TagInputInput({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_tags_input.TagsInputInput, { className: (0, import_helix53.cn)(import_helix53.tagsInputInputBase, className), ...props });
+}
+function TagInputItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_tags_input.TagsInputItem, { className: (0, import_helix53.cn)(import_helix53.tagsInputItemBase, className), ...props });
+}
+function TagInputItemPreview({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_tags_input.TagsInputItemPreview, { className, ...props });
+}
+function TagInputItemText({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_tags_input.TagsInputItemText, { className: (0, import_helix53.cn)(import_helix53.tagsInputItemTextBase, className), ...props });
+}
+function TagInputItemInput({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_tags_input.TagsInputItemInput, { className: (0, import_helix53.cn)(import_helix53.tagsInputItemInputBase, className), ...props });
+}
+function TagInputItemDeleteTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_tags_input.TagsInputItemDeleteTrigger, { "aria-label": "Remove tag", className: (0, import_helix53.cn)(import_helix53.tagsInputItemDeleteTriggerBase, className), ...props });
+}
+function TagInputClearTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_tags_input.TagsInputClearTrigger, { "aria-label": "Clear all tags", className: (0, import_helix53.cn)(import_helix53.tagsInputClearTriggerBase, className), ...props });
+}
+var TagInputContext = import_tags_input.TagsInputContext;
+var useTagInput = import_tags_input.useTagsInputContext;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Badge,
@@ -1353,9 +1772,37 @@ function NavbarMobileOverlay({ className, children, ...props }) {
   CardHeader,
   CardTitle,
   Center,
+  Checkbox,
+  CheckboxControl,
+  CheckboxGroup,
+  CheckboxIndicator,
+  CheckboxLabel,
   Col,
+  Combobox,
+  ComboboxClear,
+  ComboboxContent,
+  ComboboxControl,
+  ComboboxEmpty,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxItemGroup,
+  ComboboxItemGroupLabel,
+  ComboboxItemIndicator,
+  ComboboxItemText,
+  ComboboxList,
+  ComboboxTrigger,
   Container,
+  Field,
+  FieldError,
+  FieldHelper,
+  FieldLabel,
+  FieldRequiredIndicator,
+  FieldSet,
+  FieldSetError,
+  FieldSetHelper,
+  FieldSetLegend,
   HStack,
+  Input,
   Item,
   Navbar,
   NavbarActions,
@@ -1376,6 +1823,11 @@ function NavbarMobileOverlay({ className, children, ...props }) {
   NavbarMobileOverlay,
   NavbarProvider,
   NavbarTrigger,
+  NumberInput,
+  NumberInputControl,
+  NumberInputDecrement,
+  NumberInputIncrement,
+  NumberInputInput,
   Pagination,
   PaginationEllipsis,
   PaginationItem,
@@ -1384,6 +1836,18 @@ function NavbarMobileOverlay({ className, children, ...props }) {
   PaginationPrevious,
   Row,
   Scroll,
+  Select,
+  SelectClearTrigger,
+  SelectContent,
+  SelectIndicator,
+  SelectItem,
+  SelectItemGroup,
+  SelectItemGroupLabel,
+  SelectItemIndicator,
+  SelectItemText,
+  SelectNative,
+  SelectTrigger,
+  SelectValue,
   Sidebar,
   SidebarContent,
   SidebarFooter,
@@ -1411,15 +1875,38 @@ function NavbarMobileOverlay({ className, children, ...props }) {
   SplitterResizeTrigger,
   SplitterResizeTriggerIndicator,
   Stack,
+  Switch,
+  SwitchControl,
+  SwitchLabel,
+  SwitchThumb,
   Tabs,
   TabsContent,
   TabsList,
   TabsTrigger,
+  TagInput,
+  TagInputClearTrigger,
+  TagInputContext,
+  TagInputControl,
+  TagInputInput,
+  TagInputItem,
+  TagInputItemDeleteTrigger,
+  TagInputItemInput,
+  TagInputItemPreview,
+  TagInputItemText,
+  Textarea,
   ToggleButton,
   ToggleButtonIndicator,
   VStack,
   navbarMenuTriggerStyle,
+  useCheckbox,
+  useCombobox,
+  useField,
+  useMediaQuery,
   useNavbar,
+  useNumberInput,
+  useSelect,
   useSidebar,
-  useTabs
+  useSwitch,
+  useTabs,
+  useTagInput
 });