@optiaxiom/react 1.2.5 → 1.3.0

package/dist/esm/assets/src/toast/Toast.css.ts.vanilla-DWFqTQ4_.css

@@ -1,104 +0,0 @@
-@keyframes _1c5o4mw {
-  from {
-    opacity: 0;
-    translate: 
-    var(--_1djaxwr, 0)
-    var(--hz4duw, 0)
-  ;
-  }
-}
-@layer optiaxiom._1t5zyt3;
-@layer optiaxiom._1t5zyt3 {
-  ._16lry4p {
-    --hxi79t: 0;
-    --_1oqfo8t: 0;
-    animation-duration: var(--ax-duration-lg);
-    animation-timing-function: ease;
-    pointer-events: auto;
-    transition-duration: var(--ax-duration-lg);
-    transition-property: opacity;
-    transition-timing-function: ease;
-    translate: var(--hxi79t) var(--_1oqfo8t);
-  }
-  ._16lry4p::after {
-    bottom: -16px;
-  }
-  ._16lry4p::after, ._16lry4p::before {
-    content: "";
-    height: 16px;
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  ._16lry4p::before {
-    top: -16px;
-  }
-  ._16lry4p:focus-visible {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  ._16lry4p[data-state="closed"] {
-    opacity: 0;
-  }
-  ._16lry4p[data-state="closed"] ~ ._16lry4p {
-    transition-property: opacity, translate;
-  }
-  ._16lry4p[data-state="open"] {
-    animation-name: _1c5o4mw;
-  }
-  ._16lry4p[data-swipe-direction="down"] {
-    --hz4duw: calc(100% + 24px);
-  }
-  ._16lry4p[data-swipe-direction="left"] {
-    --_1djaxwr: calc(-100% - 24px);
-  }
-  ._16lry4p[data-swipe-direction="right"] {
-    --_1djaxwr: calc(100% + 24px);
-  }
-  ._16lry4p[data-swipe-direction="up"] {
-    --hz4duw: calc(-100% - 24px);
-  }
-  ._16lry4p[data-swipe="end"] {
-    --hxi79t: var(--_1djaxwr, 0);
-    --_1oqfo8t: var(--hz4duw, 0);
-    transition-property: opacity, translate;
-  }
-  ._16lry4p[data-swipe="move"] {
-    --hxi79t: var(--radix-toast-swipe-move-x);
-    --_1oqfo8t: var(--radix-toast-swipe-move-y);
-  }
-  [data-position^="bottom"] ._16lry4p:first-child {
-    margin-bottom: auto;
-  }
-  [data-position^="bottom"] ._16lry4p[data-state="closed"] ~ ._16lry4p {
-    --_1oqfo8t: var(--gbg7fr);
-  }
-  [data-position^="top"] ._16lry4p:last-child {
-    margin-top: auto;
-  }
-  [data-position^="top"] ._16lry4p[data-state="closed"] ~ ._16lry4p {
-    --_1oqfo8t: calc(-1 * var(--gbg7fr));
-  }
-  ._1rjp8sd {
-    --cnbpv8: var(--ax-colors-fg-error-light);
-  }
-  ._5ji938 {
-    --cnbpv8: var(--ax-colors-fg-information-light);
-  }
-  ._1msbt59 {
-    --cnbpv8: var(--ax-colors-fg-default-inverse);
-  }
-  ._1gqbc6e {
-    --cnbpv8: var(--ax-colors-fg-success-light);
-  }
-  ._7dgqi2 {
-    --cnbpv8: var(--ax-colors-fg-warning-light);
-  }
-  ._8f05g7 {
-    color: var(--cnbpv8);
-  }
-  ._4k638r a {
-    color: var(--ax-colors-fg-link-inverse);
-    text-decoration: underline;
-  }
-}

package/dist/esm/assets/src/toggle-input/ToggleInput.css.ts.vanilla-DNCCDGec.css

@@ -1,25 +0,0 @@
-@layer optiaxiom._1t5zyt3;
-@layer optiaxiom._1t5zyt3 {
-  .sca6l4 {
-    --_1vri3vi: var(--ax-colors-border-control);
-    color: var(--ax-colors-fg-default);
-    position: relative;
-  }
-  .sca6l4:has(._4fnhor:checked) {
-    --_1vri3vi: var(--ax-colors-bg-accent);
-  }
-  .sca6l4:has(._4fnhor:disabled) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  .sca6l4:not(:has(._4fnhor:disabled)) {
-    cursor: pointer;
-  }
-  @media (hover: hover) {
-    .sca6l4:has(._4fnhor:not(:disabled):checked):hover {
-      --_1vri3vi: var(--ax-colors-bg-accent-hovered);
-    }
-    .sca6l4:has(._4fnhor:not(:disabled):not(:checked)):hover {
-      --_1vri3vi: var(--ax-colors-border-control-hovered);
-    }
-  }
-}

package/dist/esm/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-D4QUtJqT.css

@@ -1,10 +0,0 @@
-@layer optiaxiom._1t5zyt3;
-@layer optiaxiom._1t5zyt3 {
-  ._444yha:has(:focus-visible) .x30z3d {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  ._444yha:has(input:disabled) .x30z3d {
-    opacity: 0.3;
-  }
-}

package/dist/esm/packages/react/src/combobox/Combobox.js

@@ -1,42 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { ComboboxProvider } from '../combobox-context/ComboboxContext.js';
-import { ComboboxDialogContent } from '../combobox-dialog-content/ComboboxDialogContent.js';
-import { ComboboxPopover } from '../combobox-popover/ComboboxPopover.js';
-import { ComboboxPopoverContent } from '../combobox-popover-content/ComboboxPopoverContent.js';
-import { Command } from '../command/Command.js';
-import { Dialog } from '../dialog/Dialog.js';
-import { DialogTrigger } from '../dialog-trigger/DialogTrigger.js';
-import { PopoverTrigger } from '../popover-trigger/PopoverTrigger.js';
-import { useResponsiveMatches } from '../use-responsive-matches/useResponsiveMatches.js';
-
-function Combobox({
-  children,
-  defaultOpen = false,
-  onOpenChange,
-  open: openProp,
-  ...props
-}) {
-  const components = useResponsiveMatches({
-    base: {
-      Content: ComboboxDialogContent,
-      Root: Dialog,
-      Trigger: DialogTrigger
-    },
-    sm: {
-      Content: ComboboxPopoverContent,
-      Root: ComboboxPopover,
-      Trigger: PopoverTrigger
-    }
-  });
-  const [open, setOpen] = useControllableState({
-    defaultProp: defaultOpen,
-    onChange: onOpenChange,
-    prop: openProp
-  });
-  return /* @__PURE__ */ jsx(components.Root, { onOpenChange: setOpen, open, children: /* @__PURE__ */ jsx(ComboboxProvider, { components, open, setOpen, children: /* @__PURE__ */ jsx(Command, { ...props, children }) }) });
-}
-Combobox.displayName = "@optiaxiom/react/Combobox";
-
-export { Combobox };

package/dist/esm/packages/react/src/combobox-checkbox-item/ComboboxCheckboxItem.js

@@ -1,12 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { ComboboxItem } from '../combobox-item/ComboboxItem.js';
-import { ListboxCheckboxItem } from '../listbox-checkbox-item/ListboxCheckboxItem.js';
-
-const ComboboxCheckboxItem = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(ComboboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(ListboxCheckboxItem, { children }) });
-});
-ComboboxCheckboxItem.displayName = "@optiaxiom/react/ComboboxCheckboxItem";
-
-export { ComboboxCheckboxItem };

package/dist/esm/packages/react/src/combobox-content/ComboboxContent.js

@@ -1,39 +0,0 @@
-"use client";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useComboboxContext } from '../combobox-context/ComboboxContext.js';
-import { ComboboxInput } from '../combobox-input/ComboboxInput.js';
-import { ComboboxListbox } from '../combobox-listbox/ComboboxListbox.js';
-import '../field-context/FieldContext.js';
-import { useFieldContext } from '../field-context/useFieldContext.js';
-import { useResponsiveMatches } from '../use-responsive-matches/useResponsiveMatches.js';
-
-const ComboboxContent = forwardRef(
-  ({ children, ...props }, ref) => {
-    const p = useResponsiveMatches({
-      base: "8",
-      sm: "4"
-    });
-    const { labelId } = useFieldContext();
-    const { components } = useComboboxContext(
-      "@optiaxiom/react/ComboboxContent"
-    );
-    return /* @__PURE__ */ jsx(
-      components.Content,
-      {
-        "aria-labelledby": labelId,
-        overflow: "hidden",
-        p,
-        ref,
-        ...props,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(ComboboxInput, { placeholder: "Search..." }),
-          /* @__PURE__ */ jsx(ComboboxListbox, {})
-        ] })
-      }
-    );
-  }
-);
-ComboboxContent.displayName = "@optiaxiom/react/ComboboxContent";
-
-export { ComboboxContent };

package/dist/esm/packages/react/src/combobox-context/ComboboxContext.js

@@ -1,6 +0,0 @@
-"use client";
-import { createContext } from '@radix-ui/react-context';
-
-const [ComboboxProvider, useComboboxContext] = createContext("@optiaxiom/react/Combobox");
-
-export { ComboboxProvider, useComboboxContext };

package/dist/esm/packages/react/src/combobox-dialog-content/ComboboxDialogContent.js

@@ -1,16 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
-import { forwardRef } from 'react';
-import { DialogContent } from '../dialog-content/DialogContent.js';
-
-const ComboboxDialogContent = forwardRef(({ "aria-label": ariaLabel, children, minW: _minW, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs(DialogContent, { ref, ...props, children: [
-    /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(RadixDialog.Title, { children: ariaLabel }) }),
-    children
-  ] });
-});
-ComboboxDialogContent.displayName = "@optiaxiom/react/ComboboxDialogContent";
-
-export { ComboboxDialogContent };

package/dist/esm/packages/react/src/combobox-footer/ComboboxFooter.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { ListboxFooter } from '../listbox-footer/ListboxFooter.js';
-
-const ComboboxFooter = forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(ListboxFooter, { ref, ...props });
-  }
-);
-ComboboxFooter.displayName = "@optiaxiom/react/ComboboxFooter";
-
-export { ComboboxFooter };

package/dist/esm/packages/react/src/combobox-group/ComboboxGroup.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { ListboxGroup } from '../listbox-group/ListboxGroup.js';
-
-const ComboboxGroup = forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(ListboxGroup, { ref, ...props });
-  }
-);
-ComboboxGroup.displayName = "@optiaxiom/react/ComboboxGroup";
-
-export { ComboboxGroup };

package/dist/esm/packages/react/src/combobox-item/ComboboxItem.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { CommandItem } from '../command-item/CommandItem.js';
-
-const ComboboxItem = forwardRef(
-  (props, ref) => /* @__PURE__ */ jsx(CommandItem, { ref, ...props })
-);
-ComboboxItem.displayName = "@optiaxiom/react/ComboboxItem";
-
-export { ComboboxItem };

package/dist/esm/packages/react/src/combobox-label/ComboboxLabel.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { ListboxLabel } from '../listbox-label/ListboxLabel.js';
-
-const ComboboxLabel = forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(ListboxLabel, { ref, ...props });
-  }
-);
-ComboboxLabel.displayName = "@optiaxiom/react/ComboboxLabel";
-
-export { ComboboxLabel };

package/dist/esm/packages/react/src/combobox-listbox/ComboboxListbox.js

@@ -1,18 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { ComboboxRadioItem } from '../combobox-radio-item/ComboboxRadioItem.js';
-import { useCommandContext } from '../command-context/CommandContext.js';
-import { CommandListbox } from '../command-listbox/CommandListbox.js';
-
-const ComboboxListbox = forwardRef(
-  ({ children, ...props }, ref) => {
-    const { itemToLabel } = useCommandContext(
-      "@optiaxiom/react/ComboboxListbox"
-    );
-    return /* @__PURE__ */ jsx(CommandListbox, { ref, tabIndex: -1, ...props, children: children ?? ((item) => /* @__PURE__ */ jsx(ComboboxRadioItem, { item, children: itemToLabel(item) })) });
-  }
-);
-ComboboxListbox.displayName = "@optiaxiom/react/ComboboxListbox";
-
-export { ComboboxListbox };

package/dist/esm/packages/react/src/combobox-radio-item/ComboboxRadioItem.js

@@ -1,12 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { ComboboxItem } from '../combobox-item/ComboboxItem.js';
-import { ListboxRadioItem } from '../listbox-radio-item/ListboxRadioItem.js';
-
-const ComboboxRadioItem = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(ComboboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(ListboxRadioItem, { children }) });
-});
-ComboboxRadioItem.displayName = "@optiaxiom/react/ComboboxRadioItem";
-
-export { ComboboxRadioItem };

package/dist/esm/packages/react/src/combobox-separator/ComboboxSeparator.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { ListboxSeparator } from '../listbox-separator/ListboxSeparator.js';
-
-const ComboboxSeparator = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(ListboxSeparator, { ref, ...props });
-});
-ComboboxSeparator.displayName = "@optiaxiom/react/ComboboxSeparator";
-
-export { ComboboxSeparator };

package/dist/esm/packages/react/src/command-focusable-item/CommandFocusableItem-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-BfzbPCLF.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var item = recipeRuntime({base:'_14286wt'});
-
-export { item };

package/dist/esm/packages/react/src/command-focusable-item/CommandFocusableItem.js

@@ -1,27 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { useCommandContext } from '../command-context/CommandContext.js';
-import { item } from './CommandFocusableItem-css.js';
-
-const CommandFocusableItem = forwardRef(({ children, className, ...props }, ref) => {
-  const { lastInteractionSource } = useCommandContext(
-    "@optiaxiom/react/CommandFocusableItem"
-  );
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      "data-focus-visible": lastInteractionSource === "keyboard" ? "" : void 0,
-      ref,
-      ...item({}, className),
-      ...props,
-      children
-    }
-  );
-});
-CommandFocusableItem.displayName = "@optiaxiom/react/CommandFocusableItem";
-
-export { CommandFocusableItem };

package/dist/esm/packages/react/src/command-sub/CommandSub.js

@@ -1,16 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { CommandSubProvider } from '../command-sub-context/CommandSubContext.js';
-
-const CommandSub = forwardRef(
-  ({ children, item, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(CommandSubProvider, { item, children: /* @__PURE__ */ jsx(Box, { ref, role: "group", ...props, children }) });
-  }
-);
-CommandSub.displayName = "@optiaxiom/react/CommandSub";
-
-export { CommandSub };

package/dist/esm/packages/react/src/command-sub-context/CommandSubContext.js

@@ -1,6 +0,0 @@
-"use client";
-import { createContext } from '@radix-ui/react-context';
-
-const [CommandSubProvider, useCommandSubContext] = createContext("@optiaxiom/react/CommandSub");
-
-export { CommandSubProvider, useCommandSubContext };

package/dist/esm/packages/react/src/command-sub-item/CommandSubItem.js

@@ -1,76 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { forwardRef, useRef, useEffect } from 'react';
-import { useCommandContext } from '../command-context/CommandContext.js';
-import { CommandFocusableItem } from '../command-focusable-item/CommandFocusableItem.js';
-import { useCommandSubContext } from '../command-sub-context/CommandSubContext.js';
-
-const CommandSubItem = forwardRef(
-  ({ children, item, onClick, onMouseDown, onMouseMove, selected, ...props }, outerRef) => {
-    const {
-      downshift,
-      highlightedItem,
-      highlightedSubIndex,
-      isItemDisabled,
-      isItemSelected,
-      items,
-      itemToSubItems,
-      setHighlightedIndex,
-      setHighlightedSubIndex
-    } = useCommandContext("@optiaxiom/react/CommandSubItem");
-    const { item: parentItem } = useCommandSubContext(
-      "@optiaxiom/react/CommandSubItem"
-    );
-    const subItems = itemToSubItems?.(parentItem) ?? [];
-    const highlightedSubItem = highlightedItem === parentItem && highlightedSubIndex !== -1 ? subItems[highlightedSubIndex] : null;
-    const index = items.indexOf(parentItem);
-    const subIndex = subItems.indexOf(item);
-    const disabled = isItemDisabled(item, subIndex);
-    const highlighted = highlightedSubItem === item;
-    const isSelected = selected ?? isItemSelected(item, index);
-    const innerRef = useRef(null);
-    const ref = useComposedRefs(innerRef, outerRef);
-    useEffect(() => {
-      if (innerRef.current && isSelected) {
-        innerRef.current.scrollIntoView({ block: "nearest" });
-      }
-    }, [isSelected]);
-    return /* @__PURE__ */ jsx(
-      CommandFocusableItem,
-      {
-        "aria-disabled": disabled,
-        "aria-selected": isSelected,
-        "data-disabled": disabled ? "" : void 0,
-        "data-highlighted": highlighted ? "" : void 0,
-        onClick: (event) => {
-          onClick?.(event);
-          if (event.defaultPrevented) {
-            return;
-          }
-          event.preventDefault();
-          downshift.selectItem(item);
-        },
-        onMouseDown: (event) => {
-          onMouseDown?.(event);
-          event.preventDefault();
-        },
-        onMouseMove: (event) => {
-          onMouseMove?.(event);
-          if (event.defaultPrevented) {
-            return;
-          }
-          setHighlightedIndex(index, "pointer");
-          setHighlightedSubIndex(subIndex, "pointer");
-        },
-        ref,
-        role: "option",
-        ...props,
-        children
-      }
-    );
-  }
-);
-CommandSubItem.displayName = "@optiaxiom/react/CommandSubItem";
-
-export { CommandSubItem };

package/dist/esm/packages/react/src/dropdown-menu-autocomplete-item/DropdownMenuAutocompleteItem.js

@@ -1,12 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { CommandItem } from '../command-item/CommandItem.js';
-import { ListboxItem } from '../listbox-item/ListboxItem.js';
-
-const DropdownMenuAutocompleteItem = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(ListboxItem, { children }) });
-});
-DropdownMenuAutocompleteItem.displayName = "@optiaxiom/react/DropdownMenuAutocompleteItem";
-
-export { DropdownMenuAutocompleteItem };

package/dist/esm/packages/react/src/dropdown-menu-combobox/DropdownMenuCombobox.js

@@ -1,41 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { useRef } from 'react';
-import { Command } from '../command/Command.js';
-import { DropdownMenuComboboxProvider } from '../dropdown-menu-combobox-context/DropdownMenuComboboxContext.js';
-import { useDropdownMenuContext } from '../dropdown-menu-context/DropdownMenuContext.js';
-import { DropdownMenuSub } from '../dropdown-menu-sub/DropdownMenuSub.js';
-
-function DropdownMenuCombobox({
-  children,
-  defaultOpen,
-  onItemSelect,
-  onOpenChange,
-  open: openProp,
-  ...props
-}) {
-  const { setOpen: setOpenRoot } = useDropdownMenuContext(
-    "@optiaxiom/react/DropdownMenuCombobox"
-  );
-  const [open, setOpen] = useControllableState({
-    defaultProp: defaultOpen,
-    onChange: onOpenChange,
-    prop: openProp
-  });
-  const inputRef = useRef(null);
-  return /* @__PURE__ */ jsx(DropdownMenuSub, { onOpenChange: setOpen, open, children: /* @__PURE__ */ jsx(DropdownMenuComboboxProvider, { inputRef, children: /* @__PURE__ */ jsx(
-    Command,
-    {
-      onItemSelect: (item) => {
-        onItemSelect?.(item);
-        setOpenRoot(false);
-      },
-      ...props,
-      children
-    }
-  ) }) });
-}
-DropdownMenuCombobox.displayName = "@optiaxiom/react/DropdownMenuCombobox";
-
-export { DropdownMenuCombobox };

package/dist/esm/packages/react/src/dropdown-menu-combobox-content/DropdownMenuComboboxContent.js

@@ -1,48 +0,0 @@
-"use client";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { forwardRef, useRef, useEffect } from 'react';
-import { useDropdownMenuComboboxContext } from '../dropdown-menu-combobox-context/DropdownMenuComboboxContext.js';
-import { DropdownMenuComboboxInput } from '../dropdown-menu-combobox-input/DropdownMenuComboboxInput.js';
-import { DropdownMenuComboboxListbox } from '../dropdown-menu-combobox-listbox/DropdownMenuComboboxListbox.js';
-import { DropdownMenuSubContent } from '../dropdown-menu-sub-content/DropdownMenuSubContent.js';
-import { useDropdownMenuSubContext } from '../dropdown-menu-sub-context/DropdownMenuSubContext.js';
-
-const DropdownMenuComboboxContent = forwardRef(({ children, onMouseMove, ...props }, outerRef) => {
-  const { presence } = useDropdownMenuSubContext(
-    "@optiaxiom/react/DropdownMenuComboboxContent"
-  );
-  const { inputRef } = useDropdownMenuComboboxContext(
-    "@optiaxiom/react/DropdownMenuComboboxContent"
-  );
-  const innerRef = useRef(null);
-  const ref = useComposedRefs(innerRef, outerRef);
-  useEffect(() => {
-    const container = innerRef.current;
-    if (!container || !presence) {
-      return;
-    }
-    const listener = () => inputRef.current?.focus();
-    container.addEventListener("focus", listener);
-    return () => container.removeEventListener("focus", listener);
-  }, [inputRef, presence]);
-  return /* @__PURE__ */ jsx(
-    DropdownMenuSubContent,
-    {
-      onMouseMove: (event) => {
-        onMouseMove?.(event);
-        inputRef.current?.focus();
-      },
-      ref,
-      role: "dialog",
-      ...props,
-      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(DropdownMenuComboboxInput, { placeholder: "Search..." }),
-        /* @__PURE__ */ jsx(DropdownMenuComboboxListbox, {})
-      ] })
-    }
-  );
-});
-DropdownMenuComboboxContent.displayName = "@optiaxiom/react/DropdownMenuComboboxContent";
-
-export { DropdownMenuComboboxContent };

package/dist/esm/packages/react/src/dropdown-menu-combobox-context/DropdownMenuComboboxContext.js

@@ -1,6 +0,0 @@
-"use client";
-import { createContext } from '@radix-ui/react-context';
-
-const [DropdownMenuComboboxProvider, useDropdownMenuComboboxContext] = createContext("@optiaxiom/react/DropdownMenuCombobox");
-
-export { DropdownMenuComboboxProvider, useDropdownMenuComboboxContext };

package/dist/esm/packages/react/src/dropdown-menu-combobox-input/DropdownMenuComboboxInput.js

@@ -1,38 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { forwardRef } from 'react';
-import { useCommandContext } from '../command-context/CommandContext.js';
-import { CommandInput } from '../command-input/CommandInput.js';
-import { useDropdownMenuComboboxContext } from '../dropdown-menu-combobox-context/DropdownMenuComboboxContext.js';
-
-const DropdownMenuComboboxInput = forwardRef((props, outerRef) => {
-  const { downshift, highlightedItem } = useCommandContext(
-    "@optiaxiom/react/DropdownMenuComboboxInput"
-  );
-  const { inputRef } = useDropdownMenuComboboxContext(
-    "@optiaxiom/react/DropdownMenuComboboxInput"
-  );
-  const ref = useComposedRefs(inputRef, outerRef);
-  return /* @__PURE__ */ jsx(
-    CommandInput,
-    {
-      htmlSize: 10,
-      m: "4",
-      onKeyDown: (event) => {
-        if (!(event.target instanceof HTMLInputElement)) {
-          return;
-        }
-        if (event.key === " " && !event.target.value) {
-          event.preventDefault();
-          downshift.selectItem(highlightedItem);
-        }
-      },
-      ref,
-      ...props
-    }
-  );
-});
-DropdownMenuComboboxInput.displayName = "@optiaxiom/react/DropdownMenuComboboxInput";
-
-export { DropdownMenuComboboxInput };