@cloudvoyant/helix-react 0.12.0 → 0.13.0

package/dist/index.js

@@ -1335,6 +1335,494 @@ function NavbarMobileOverlay({ className, children, ...props }) {
     ] }) })
   ] }) });
 }
+
+// src/field.tsx
+import {
+  FieldRoot as ArkFieldRoot,
+  FieldLabel as ArkFieldLabel,
+  FieldHelperText as ArkFieldHelperText,
+  FieldErrorText as ArkFieldErrorText,
+  FieldRequiredIndicator as ArkFieldRequiredIndicator,
+  useFieldContext
+} from "@ark-ui/react/field";
+import {
+  FieldsetRoot as ArkFieldsetRoot,
+  FieldsetLegend as ArkFieldsetLegend,
+  FieldsetHelperText as ArkFieldsetHelperText,
+  FieldsetErrorText as ArkFieldsetErrorText
+} from "@ark-ui/react/fieldset";
+import {
+  fieldRootBase,
+  fieldLabelBase,
+  fieldHelperBase,
+  fieldErrorBase,
+  fieldRequiredIndicatorBase,
+  fieldsetRootBase,
+  fieldsetLegendBase,
+  fieldsetHelperBase,
+  fieldsetErrorBase,
+  cn as cn44
+} from "@cloudvoyant/helix";
+import { jsx as jsx44 } from "react/jsx-runtime";
+function Field({ className, ...props }) {
+  return /* @__PURE__ */ jsx44(ArkFieldRoot, { className: cn44(fieldRootBase, className), ...props });
+}
+function FieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx44(ArkFieldLabel, { className: cn44(fieldLabelBase, className), ...props });
+}
+function FieldHelper({ className, ...props }) {
+  return /* @__PURE__ */ jsx44(ArkFieldHelperText, { className: cn44(fieldHelperBase, className), ...props });
+}
+function FieldError({ className, ...props }) {
+  return /* @__PURE__ */ jsx44(ArkFieldErrorText, { className: cn44(fieldErrorBase, className), ...props });
+}
+function FieldRequiredIndicator({ className, ...props }) {
+  return /* @__PURE__ */ jsx44(ArkFieldRequiredIndicator, { className: cn44(fieldRequiredIndicatorBase, className), ...props });
+}
+function FieldSet({ className, ...props }) {
+  return /* @__PURE__ */ jsx44(ArkFieldsetRoot, { className: cn44(fieldsetRootBase, className), ...props });
+}
+function FieldSetLegend({ className, ...props }) {
+  return /* @__PURE__ */ jsx44(ArkFieldsetLegend, { className: cn44(fieldsetLegendBase, className), ...props });
+}
+function FieldSetHelper({ className, ...props }) {
+  return /* @__PURE__ */ jsx44(ArkFieldsetHelperText, { className: cn44(fieldsetHelperBase, className), ...props });
+}
+function FieldSetError({ className, ...props }) {
+  return /* @__PURE__ */ jsx44(ArkFieldsetErrorText, { className: cn44(fieldsetErrorBase, className), ...props });
+}
+var useField = useFieldContext;
+
+// src/input.tsx
+import { FieldInput } from "@ark-ui/react/field";
+import { inputVariants, cn as cn45 } from "@cloudvoyant/helix";
+import { jsx as jsx45 } from "react/jsx-runtime";
+function Input2({ className, size, ...props }) {
+  return /* @__PURE__ */ jsx45(FieldInput, { className: cn45(inputVariants({ size }), className), ...props });
+}
+
+// src/textarea.tsx
+import { FieldTextarea } from "@ark-ui/react/field";
+import { textareaBase, cn as cn46 } from "@cloudvoyant/helix";
+import { jsx as jsx46 } from "react/jsx-runtime";
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx46(FieldTextarea, { className: cn46(textareaBase, className), ...props });
+}
+
+// src/number-input.tsx
+import {
+  NumberInputRoot as ArkNumberInputRoot,
+  NumberInputControl as ArkNumberInputControl,
+  NumberInputInput as ArkNumberInputInput,
+  NumberInputIncrementTrigger as ArkNumberInputIncrementTrigger,
+  NumberInputDecrementTrigger as ArkNumberInputDecrementTrigger,
+  useNumberInputContext
+} from "@ark-ui/react/number-input";
+import {
+  numberInputRootBase,
+  numberInputControlBase,
+  numberInputInputBase,
+  numberInputTriggerBase,
+  cn as cn47
+} from "@cloudvoyant/helix";
+import { jsx as jsx47 } from "react/jsx-runtime";
+function NumberInput({ className, ...props }) {
+  return /* @__PURE__ */ jsx47(ArkNumberInputRoot, { className: cn47(numberInputRootBase, className), ...props });
+}
+function NumberInputControl({ className, ...props }) {
+  return /* @__PURE__ */ jsx47(ArkNumberInputControl, { className: cn47(numberInputControlBase, className), ...props });
+}
+function NumberInputInput({ className, ...props }) {
+  return /* @__PURE__ */ jsx47(ArkNumberInputInput, { className: cn47(numberInputInputBase, className), ...props });
+}
+function NumberInputDecrement({ className, ...props }) {
+  return /* @__PURE__ */ jsx47(ArkNumberInputDecrementTrigger, { "aria-label": "Decrement", className: cn47(numberInputTriggerBase, className), ...props });
+}
+function NumberInputIncrement({ className, ...props }) {
+  return /* @__PURE__ */ jsx47(ArkNumberInputIncrementTrigger, { "aria-label": "Increment", className: cn47(numberInputTriggerBase, className), ...props });
+}
+var useNumberInput = useNumberInputContext;
+
+// src/checkbox.tsx
+import { createContext as createContext4, useContext as useContext4 } from "react";
+import {
+  CheckboxRoot as ArkCheckboxRoot,
+  CheckboxControl as ArkCheckboxControl,
+  CheckboxIndicator as ArkCheckboxIndicator,
+  CheckboxLabel as ArkCheckboxLabel,
+  CheckboxGroup as ArkCheckboxGroup,
+  CheckboxHiddenInput as ArkCheckboxHiddenInput,
+  useCheckboxContext
+} from "@ark-ui/react/checkbox";
+import { checkboxVariants, checkboxIndicatorBase, checkboxLabelBase, checkboxGroupBase, cn as cn48 } from "@cloudvoyant/helix";
+import { jsx as jsx48, jsxs as jsxs11 } from "react/jsx-runtime";
+var CheckboxSizeContext = createContext4("md");
+function Checkbox({ className, size = "md", children, ...props }) {
+  return /* @__PURE__ */ jsx48(CheckboxSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxs11(ArkCheckboxRoot, { className: cn48("flex items-center gap-2", className), ...props, children: [
+    children,
+    /* @__PURE__ */ jsx48(ArkCheckboxHiddenInput, {})
+  ] }) });
+}
+function CheckboxControl({ className, ...props }) {
+  const size = useContext4(CheckboxSizeContext);
+  return /* @__PURE__ */ jsx48(ArkCheckboxControl, { className: cn48(checkboxVariants({ size }), className), ...props });
+}
+function CheckboxIndicator({ className, ...props }) {
+  return /* @__PURE__ */ jsx48(ArkCheckboxIndicator, { className: cn48(checkboxIndicatorBase, className), ...props });
+}
+function CheckboxLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx48(ArkCheckboxLabel, { className: cn48(checkboxLabelBase, className), ...props });
+}
+function CheckboxGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx48(ArkCheckboxGroup, { className: cn48(checkboxGroupBase, className), ...props });
+}
+var useCheckbox = useCheckboxContext;
+
+// src/switch.tsx
+import { createContext as createContext5, useContext as useContext5 } from "react";
+import {
+  SwitchRoot as ArkSwitchRoot,
+  SwitchControl as ArkSwitchControl,
+  SwitchThumb as ArkSwitchThumb,
+  SwitchLabel as ArkSwitchLabel,
+  SwitchHiddenInput as ArkSwitchHiddenInput,
+  useSwitchContext
+} from "@ark-ui/react/switch";
+import { switchVariants, switchControlBase, switchThumbBase, switchLabelBase, cn as cn49 } from "@cloudvoyant/helix";
+import { jsx as jsx49, jsxs as jsxs12 } from "react/jsx-runtime";
+var SwitchSizeContext = createContext5("md");
+function Switch({ className, size = "md", children, ...props }) {
+  return /* @__PURE__ */ jsx49(SwitchSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxs12(ArkSwitchRoot, { className: cn49("flex items-center gap-2", className), ...props, children: [
+    children,
+    /* @__PURE__ */ jsx49(ArkSwitchHiddenInput, {})
+  ] }) });
+}
+function SwitchControl({ className, ...props }) {
+  const size = useContext5(SwitchSizeContext);
+  return /* @__PURE__ */ jsx49(ArkSwitchControl, { className: cn49(switchVariants({ size }), switchControlBase, className), ...props });
+}
+function SwitchThumb({ className, ...props }) {
+  return /* @__PURE__ */ jsx49(ArkSwitchThumb, { className: cn49(switchThumbBase, className), ...props });
+}
+function SwitchLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx49(ArkSwitchLabel, { className: cn49(switchLabelBase, className), ...props });
+}
+var useSwitch = useSwitchContext;
+
+// src/select.tsx
+import { ark as ark33 } from "@ark-ui/react/factory";
+import { Portal as Portal2 } from "@ark-ui/react/portal";
+import { useMemo as useMemo4 } from "react";
+import {
+  SelectRoot as ArkSelectRoot,
+  SelectTrigger as ArkSelectTrigger,
+  SelectValueText as ArkSelectValueText,
+  SelectIndicator as ArkSelectIndicator,
+  SelectClearTrigger as ArkSelectClearTrigger,
+  SelectContent as ArkSelectContent,
+  SelectPositioner as ArkSelectPositioner,
+  SelectItem as ArkSelectItem,
+  SelectItemGroup as ArkSelectItemGroup,
+  SelectItemGroupLabel as ArkSelectItemGroupLabel,
+  SelectItemText as ArkSelectItemText,
+  SelectItemIndicator as ArkSelectItemIndicator,
+  SelectHiddenSelect as ArkSelectHiddenSelect,
+  createListCollection,
+  useSelectContext
+} from "@ark-ui/react/select";
+import {
+  inputVariants as inputVariants2,
+  selectTriggerBase,
+  selectValueBase,
+  selectIndicatorBase,
+  selectClearTriggerBase,
+  selectContentBase,
+  selectPositionerBase,
+  selectItemBase,
+  selectItemGroupLabelBase,
+  selectItemTextBase,
+  selectItemIndicatorBase,
+  nativeSelectVariants,
+  nativeSelectWrapperBase,
+  nativeSelectIconBase,
+  cn as cn50
+} from "@cloudvoyant/helix";
+
+// src/use-media-query.ts
+import { useSyncExternalStore } from "react";
+function useMediaQuery(query) {
+  return useSyncExternalStore(
+    (onStoreChange) => {
+      const mql = window.matchMedia(query);
+      mql.addEventListener("change", onStoreChange);
+      return () => mql.removeEventListener("change", onStoreChange);
+    },
+    () => window.matchMedia(query).matches,
+    () => false
+  );
+}
+
+// src/select.tsx
+import { jsx as jsx50, jsxs as jsxs13 } from "react/jsx-runtime";
+function Select({ items, collection, size, children, ...props }) {
+  const isCoarse = useMediaQuery("(pointer: coarse)");
+  const resolvedCollection = useMemo4(
+    () => collection ?? createListCollection({ items: items ?? [] }),
+    [collection, items]
+  );
+  if (isCoarse && items) {
+    return /* @__PURE__ */ jsx50(
+      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__ */ jsxs13(ArkSelectRoot, { collection: resolvedCollection, ...props, children: [
+    children,
+    /* @__PURE__ */ jsx50(ArkSelectHiddenSelect, {})
+  ] });
+}
+function SelectTrigger({ size = "md", className, ...props }) {
+  return /* @__PURE__ */ jsx50(ArkSelectTrigger, { className: cn50(inputVariants2({ size }), selectTriggerBase, className), ...props });
+}
+function SelectValue({ className, ...props }) {
+  return /* @__PURE__ */ jsx50(ArkSelectValueText, { className: cn50(selectValueBase, className), ...props });
+}
+function SelectIndicator({ className, ...props }) {
+  return /* @__PURE__ */ jsx50(ArkSelectIndicator, { className: cn50(selectIndicatorBase, className), ...props });
+}
+function SelectClearTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx50(ArkSelectClearTrigger, { "aria-label": "Clear selection", className: cn50(selectClearTriggerBase, className), ...props });
+}
+function SelectContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx50(Portal2, { children: /* @__PURE__ */ jsx50(ArkSelectPositioner, { className: selectPositionerBase, children: /* @__PURE__ */ jsx50(ArkSelectContent, { className: cn50(selectContentBase, className), ...props }) }) });
+}
+function SelectItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx50(ArkSelectItemGroup, { className, ...props });
+}
+function SelectItemGroupLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx50(ArkSelectItemGroupLabel, { className: cn50(selectItemGroupLabelBase, className), ...props });
+}
+function SelectItem({ item, className, ...props }) {
+  return /* @__PURE__ */ jsx50(ArkSelectItem, { item, className: cn50(selectItemBase, className), ...props });
+}
+function SelectItemText({ className, ...props }) {
+  return /* @__PURE__ */ jsx50(ArkSelectItemText, { className: cn50(selectItemTextBase, className), ...props });
+}
+function SelectItemIndicator({ className, ...props }) {
+  return /* @__PURE__ */ jsx50(ArkSelectItemIndicator, { className: cn50(selectItemIndicatorBase, className), ...props });
+}
+var useSelect = useSelectContext;
+function ChevronDownIcon() {
+  return /* @__PURE__ */ jsx50(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      children: /* @__PURE__ */ jsx50("path", { d: "m6 9 6 6 6-6" })
+    }
+  );
+}
+function SelectNative({
+  items = [],
+  value,
+  defaultValue,
+  onValueChange,
+  size = "md",
+  invalid,
+  icon,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs13(ark33.div, { className: cn50(nativeSelectWrapperBase, className), children: [
+    /* @__PURE__ */ jsx50(
+      ark33.select,
+      {
+        className: nativeSelectVariants({ size }),
+        value,
+        defaultValue,
+        onChange: (event) => onValueChange?.(event.currentTarget.value),
+        "aria-invalid": invalid,
+        ...props,
+        children: items.map((item) => /* @__PURE__ */ jsx50(ark33.option, { value: item.value, disabled: item.disabled, children: item.label }, item.value))
+      }
+    ),
+    /* @__PURE__ */ jsx50(ark33.span, { className: nativeSelectIconBase, "aria-hidden": true, children: icon ?? /* @__PURE__ */ jsx50(ChevronDownIcon, {}) })
+  ] });
+}
+
+// src/combobox.tsx
+import { Portal as Portal3 } from "@ark-ui/react/portal";
+import { useMemo as useMemo5 } from "react";
+import {
+  ComboboxRoot as ArkComboboxRoot,
+  ComboboxControl as ArkComboboxControl,
+  ComboboxInput as ArkComboboxInput,
+  ComboboxTrigger as ArkComboboxTrigger,
+  ComboboxClearTrigger as ArkComboboxClearTrigger,
+  ComboboxContent as ArkComboboxContent,
+  ComboboxPositioner as ArkComboboxPositioner,
+  ComboboxItem as ArkComboboxItem,
+  ComboboxItemGroup as ArkComboboxItemGroup,
+  ComboboxItemGroupLabel as ArkComboboxItemGroupLabel,
+  ComboboxItemText as ArkComboboxItemText,
+  ComboboxItemIndicator as ArkComboboxItemIndicator,
+  ComboboxList as ArkComboboxList,
+  ComboboxEmpty as ArkComboboxEmpty,
+  createListCollection as createListCollection2,
+  useComboboxContext
+} from "@ark-ui/react/combobox";
+import {
+  inputVariants as inputVariants3,
+  comboboxControlBase,
+  comboboxInputBase,
+  comboboxTriggerBase,
+  comboboxClearTriggerBase,
+  comboboxContentBase,
+  comboboxPositionerBase,
+  comboboxItemVariants,
+  comboboxItemGroupLabelBase,
+  comboboxItemIndicatorBase,
+  comboboxListBase,
+  comboboxEmptyBase,
+  cn as cn51
+} from "@cloudvoyant/helix";
+import { jsx as jsx51 } from "react/jsx-runtime";
+function Combobox({
+  items,
+  collection,
+  openOnClick = true,
+  lazyMount = true,
+  unmountOnExit = true,
+  ...props
+}) {
+  const resolvedCollection = useMemo5(
+    () => collection ?? createListCollection2({ items: items ?? [] }),
+    [collection, items]
+  );
+  return /* @__PURE__ */ jsx51(
+    ArkComboboxRoot,
+    {
+      collection: resolvedCollection,
+      openOnClick,
+      lazyMount,
+      unmountOnExit,
+      ...props
+    }
+  );
+}
+function ComboboxControl({ className, ...props }) {
+  return /* @__PURE__ */ jsx51(ArkComboboxControl, { className: cn51(comboboxControlBase, className), ...props });
+}
+function ComboboxInput({ size = "md", className, ...props }) {
+  return /* @__PURE__ */ jsx51(ArkComboboxInput, { className: cn51(inputVariants3({ size }), comboboxInputBase, className), ...props });
+}
+function ComboboxTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx51(ArkComboboxTrigger, { className: cn51(comboboxTriggerBase, className), ...props });
+}
+function ComboboxClear({ className, ...props }) {
+  return /* @__PURE__ */ jsx51(ArkComboboxClearTrigger, { "aria-label": "Clear", className: cn51(comboboxClearTriggerBase, className), ...props });
+}
+function ComboboxContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx51(Portal3, { children: /* @__PURE__ */ jsx51(ArkComboboxPositioner, { className: comboboxPositionerBase, children: /* @__PURE__ */ jsx51(ArkComboboxContent, { className: cn51(comboboxContentBase, className), ...props }) }) });
+}
+function ComboboxItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx51(ArkComboboxItemGroup, { className, ...props });
+}
+function ComboboxItemGroupLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx51(ArkComboboxItemGroupLabel, { className: cn51(comboboxItemGroupLabelBase, className), ...props });
+}
+function ComboboxItem({ item, showIndicator = true, className, ...props }) {
+  return /* @__PURE__ */ jsx51(ArkComboboxItem, { item, persistFocus: true, className: cn51(comboboxItemVariants({ showIndicator }), className), ...props });
+}
+function ComboboxItemText({ className, ...props }) {
+  return /* @__PURE__ */ jsx51(ArkComboboxItemText, { className, ...props });
+}
+function ComboboxItemIndicator({ className, ...props }) {
+  return /* @__PURE__ */ jsx51(ArkComboboxItemIndicator, { className: cn51(comboboxItemIndicatorBase, className), ...props });
+}
+function ComboboxList({ className, ...props }) {
+  return /* @__PURE__ */ jsx51(ArkComboboxList, { className: cn51(comboboxListBase, className), ...props });
+}
+function ComboboxEmpty({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx51(ArkComboboxEmpty, { className: cn51(comboboxEmptyBase, className), ...props, children: children ?? "No results found." });
+}
+var useCombobox = useComboboxContext;
+
+// src/tags-input.tsx
+import {
+  TagsInputRoot as ArkTagsInputRoot,
+  TagsInputControl as ArkTagsInputControl,
+  TagsInputInput as ArkTagsInputInput,
+  TagsInputItem as ArkTagsInputItem,
+  TagsInputItemPreview as ArkTagsInputItemPreview,
+  TagsInputItemText as ArkTagsInputItemText,
+  TagsInputItemInput as ArkTagsInputItemInput,
+  TagsInputItemDeleteTrigger as ArkTagsInputItemDeleteTrigger,
+  TagsInputClearTrigger as ArkTagsInputClearTrigger,
+  TagsInputHiddenInput as ArkTagsInputHiddenInput,
+  TagsInputContext as ArkTagsInputContext,
+  useTagsInputContext
+} from "@ark-ui/react/tags-input";
+import {
+  tagsInputRootBase,
+  tagsInputControlBase,
+  tagsInputInputBase,
+  tagsInputItemBase,
+  tagsInputItemTextBase,
+  tagsInputItemInputBase,
+  tagsInputItemDeleteTriggerBase,
+  tagsInputClearTriggerBase,
+  cn as cn52
+} from "@cloudvoyant/helix";
+import { jsx as jsx52, jsxs as jsxs14 } from "react/jsx-runtime";
+function TagInput({ className, editable = false, children, ...props }) {
+  return /* @__PURE__ */ jsxs14(ArkTagsInputRoot, { className: cn52(tagsInputRootBase, className), editable, ...props, children: [
+    children,
+    /* @__PURE__ */ jsx52(ArkTagsInputHiddenInput, {})
+  ] });
+}
+function TagInputControl({ className, ...props }) {
+  return /* @__PURE__ */ jsx52(ArkTagsInputControl, { className: cn52(tagsInputControlBase, className), ...props });
+}
+function TagInputInput({ className, ...props }) {
+  return /* @__PURE__ */ jsx52(ArkTagsInputInput, { className: cn52(tagsInputInputBase, className), ...props });
+}
+function TagInputItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx52(ArkTagsInputItem, { className: cn52(tagsInputItemBase, className), ...props });
+}
+function TagInputItemPreview({ className, ...props }) {
+  return /* @__PURE__ */ jsx52(ArkTagsInputItemPreview, { className, ...props });
+}
+function TagInputItemText({ className, ...props }) {
+  return /* @__PURE__ */ jsx52(ArkTagsInputItemText, { className: cn52(tagsInputItemTextBase, className), ...props });
+}
+function TagInputItemInput({ className, ...props }) {
+  return /* @__PURE__ */ jsx52(ArkTagsInputItemInput, { className: cn52(tagsInputItemInputBase, className), ...props });
+}
+function TagInputItemDeleteTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx52(ArkTagsInputItemDeleteTrigger, { "aria-label": "Remove tag", className: cn52(tagsInputItemDeleteTriggerBase, className), ...props });
+}
+function TagInputClearTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx52(ArkTagsInputClearTrigger, { "aria-label": "Clear all tags", className: cn52(tagsInputClearTriggerBase, className), ...props });
+}
+var TagInputContext = ArkTagsInputContext;
+var useTagInput = useTagsInputContext;
 export {
   Badge,
   Button,
@@ -1346,9 +1834,37 @@ export {
   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,
+  Input2 as Input,
   Item,
   Navbar,
   NavbarActions,
@@ -1369,6 +1885,11 @@ export {
   NavbarMobileOverlay,
   NavbarProvider,
   NavbarTrigger,
+  NumberInput,
+  NumberInputControl,
+  NumberInputDecrement,
+  NumberInputIncrement,
+  NumberInputInput,
   Pagination,
   PaginationEllipsis,
   PaginationItem,
@@ -1377,6 +1898,18 @@ export {
   PaginationPrevious,
   Row,
   Scroll,
+  Select,
+  SelectClearTrigger,
+  SelectContent,
+  SelectIndicator,
+  SelectItem,
+  SelectItemGroup,
+  SelectItemGroupLabel,
+  SelectItemIndicator,
+  SelectItemText,
+  SelectNative,
+  SelectTrigger,
+  SelectValue,
   Root as Sidebar,
   Content as SidebarContent,
   Footer as SidebarFooter,
@@ -1404,15 +1937,38 @@ export {
   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,
   navbarMenuTriggerStyle2 as navbarMenuTriggerStyle,
+  useCheckbox,
+  useCombobox,
+  useField,
+  useMediaQuery,
   useNavbar,
+  useNumberInput,
+  useSelect,
   useSidebar,
-  useTabs
+  useSwitch,
+  useTabs,
+  useTagInput
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudvoyant/helix-react",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "helix React UI components",
   "license": "MIT",
   "type": "module",
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@ark-ui/react": "^5.38.2",
-    "@cloudvoyant/helix": "0.12.0"
+    "@cloudvoyant/helix": "0.13.0"
   },
   "devDependencies": {
     "@types/node": "^22.0.0",