@optiaxiom/react 1.2.5 → 1.3.1

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 };

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

@@ -1,16 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useCommandContext } from '../command-context/CommandContext.js';
-import { CommandListbox } from '../command-listbox/CommandListbox.js';
-import { DropdownMenuAutocompleteItem } from '../dropdown-menu-autocomplete-item/DropdownMenuAutocompleteItem.js';
-
-const DropdownMenuComboboxListbox = forwardRef(({ children, ...props }, ref) => {
-  const { itemToLabel } = useCommandContext(
-    "@optiaxiom/react/DropdownMenuComboboxListbox"
-  );
-  return /* @__PURE__ */ jsx(CommandListbox, { ref, ...props, children: children ?? ((item) => /* @__PURE__ */ jsx(DropdownMenuAutocompleteItem, { item, children: itemToLabel(item) }, item)) });
-});
-DropdownMenuComboboxListbox.displayName = "@optiaxiom/react/DropdownMenuComboboxListbox";
-
-export { DropdownMenuComboboxListbox };

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

@@ -1,11 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { DropdownMenuSubTrigger } from '../dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js';
-
-const DropdownMenuComboboxTrigger = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(DropdownMenuSubTrigger, { "aria-haspopup": "dialog", ref, ...props });
-});
-DropdownMenuComboboxTrigger.displayName = "@optiaxiom/react/DropdownMenuComboboxTrigger";
-
-export { DropdownMenuComboboxTrigger };

package/dist/esm/packages/react/src/menu-listbox/MenuListbox-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-Cqb0w2i5.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'e20gf3'],variants:{maxH:{xs:'_1mgt5qr',sm:'_1ffp4kl',md:'_1xzh3k2',lg:'_1r1n84h',full:{}},minW:{'0':{},trigger:'_60sn9m'},provider:{'dropdown-menu':'_197re6x',popover:'_10za79z',popper:'qyen7r'}}});
-
-export { listbox };

package/dist/esm/packages/react/src/select-content/SelectContent-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-DXggbRTQ.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var content = recipeRuntime({base:['fwayxp']});
-
-export { content };

package/dist/esm/packages/react/src/select-group/SelectGroup.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 SelectGroup = forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(ListboxGroup, { ref, ...props });
-  }
-);
-SelectGroup.displayName = "@optiaxiom/react/SelectGroup";
-
-export { SelectGroup };

package/dist/esm/packages/react/src/select-label/SelectLabel.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 SelectLabel = forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(ListboxLabel, { ref, ...props });
-  }
-);
-SelectLabel.displayName = "@optiaxiom/react/SelectLabel";
-
-export { SelectLabel };

package/dist/esm/packages/react/src/select-separator/SelectSeparator.js

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

package/dist/esm/packages/react/src/spotlight-context/SpotlightContext.js

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

package/dist/esm/packages/react/src/spotlight-empty/SpotlightEmpty.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { ListboxEmpty } from '../listbox-empty/ListboxEmpty.js';
-
-const SpotlightEmpty = forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(ListboxEmpty, { fontSize: "lg", gap: "12", p: "32", ref, ...props });
-  }
-);
-SpotlightEmpty.displayName = "@optiaxiom/react/SpotlightEmpty";
-
-export { SpotlightEmpty };

package/dist/esm/packages/react/src/spotlight-input/SpotlightInput-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-CFXSuLJN.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1e8glwj']});
-
-export { input };

package/dist/esm/packages/react/src/spotlight-input/SpotlightInput.js

@@ -1,40 +0,0 @@
-"use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { CommandInput } from '../command-input/CommandInput.js';
-import { DialogClose } from '../dialog-close/DialogClose.js';
-import { Flex } from '../flex/Flex.js';
-import { IconMagnifyingGlass } from '../icons/IconMagnifyingGlass.js';
-import { input } from './SpotlightInput-css.js';
-
-const SpotlightInput = forwardRef(
-  ({ addonAfter, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      CommandInput,
-      {
-        addonAfter: /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", children: [
-          addonAfter,
-          /* @__PURE__ */ jsx(
-            DialogClose,
-            {
-              appearance: "default",
-              fontSize: "xs",
-              fontWeight: "500",
-              h: "xs",
-              size: "sm",
-              children: "ESC"
-            }
-          )
-        ] }),
-        addonBefore: /* @__PURE__ */ jsx(IconMagnifyingGlass, {}),
-        ref,
-        size: "xl",
-        ...input({}, className),
-        ...props
-      }
-    );
-  }
-);
-SpotlightInput.displayName = "@optiaxiom/react/SpotlightInput";
-
-export { SpotlightInput };

package/dist/esm/packages/react/src/spotlight-item/SpotlightItem.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 SpotlightItem = forwardRef(
-  (props, ref) => /* @__PURE__ */ jsx(CommandItem, { ref, ...props })
-);
-SpotlightItem.displayName = "@optiaxiom/react/SpotlightItem";
-
-export { SpotlightItem };

package/dist/esm/packages/react/src/spotlight-label/SpotlightLabel.js

@@ -1,28 +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';
-
-const SpotlightLabel = forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        color: "fg.default",
-        fontSize: "lg",
-        fontWeight: "600",
-        pb: "12",
-        pt: "16",
-        px: "24",
-        ref,
-        ...props,
-        children
-      }
-    );
-  }
-);
-SpotlightLabel.displayName = "@optiaxiom/react/SpotlightLabel";
-
-export { SpotlightLabel };

package/dist/esm/packages/react/src/spotlight-listbox/SpotlightListbox.js

@@ -1,9 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { CommandListbox } from '../command-listbox/CommandListbox.js';
-
-const SpotlightListbox = forwardRef((props, ref) => /* @__PURE__ */ jsx(CommandListbox, { gap: "8", ref, ...props }));
-SpotlightListbox.displayName = "@optiaxiom/react/SpotlightListbox";
-
-export { SpotlightListbox };

package/dist/esm/packages/react/src/spotlight-radio-item/SpotlightRadioItem-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-DnWR9h1S.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_1hz708r']});
-
-export { item };

package/dist/esm/packages/react/src/spotlight-radio-item/SpotlightRadioItem.js

@@ -1,24 +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 { IconAngleRight } from '../icons/IconAngleRight.js';
-import { ListboxRadioItem } from '../listbox-radio-item/ListboxRadioItem.js';
-import { SpotlightItem } from '../spotlight-item/SpotlightItem.js';
-import { item } from './SpotlightRadioItem-css.js';
-
-const SpotlightRadioItem = forwardRef(({ addonAfter, children, className, description, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(SpotlightItem, { asChild: true, ref, ...item({}, className), ...props, children: /* @__PURE__ */ jsx(
-    ListboxRadioItem,
-    {
-      addonAfter: addonAfter ?? /* @__PURE__ */ jsx(IconAngleRight, {}),
-      description: description && /* @__PURE__ */ jsx(Box, { fontSize: "md", mt: "2", children: description }),
-      children
-    }
-  ) });
-});
-SpotlightRadioItem.displayName = "@optiaxiom/react/SpotlightRadioItem";
-
-export { SpotlightRadioItem };

package/dist/esm/packages/react/src/spotlight-sub/SpotlightSub.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { CommandSub } from '../command-sub/CommandSub.js';
-import { Flex } from '../flex/Flex.js';
-
-const SpotlightSub = forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(CommandSub, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "8", pt: "12", px: "24", children }) });
-  }
-);
-SpotlightSub.displayName = "@optiaxiom/react/SpotlightSub";
-
-export { SpotlightSub };

package/dist/esm/packages/react/src/spotlight-sub-item/SpotlightSubItem-css.js

@@ -1,8 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-i6CsKaj9.css';
-import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-Bwmx5Lqj.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_1d3ixq',true:'ojdloy'}}});
-
-export { item };

package/dist/esm/packages/react/src/spotlight-sub-item/SpotlightSubItem.js

@@ -1,30 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Badge } from '../badge/Badge.js';
-import { CommandSubItem } from '../command-sub-item/CommandSubItem.js';
-import { item } from './SpotlightSubItem-css.js';
-
-const SpotlightSubItem = forwardRef(({ children, className, selected, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    CommandSubItem,
-    {
-      asChild: true,
-      ref,
-      selected,
-      ...item({ active: selected || false }, className),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        Badge,
-        {
-          intent: selected ? "information" : "neutral",
-          variant: selected ? "strong" : "subtle",
-          children
-        }
-      )
-    }
-  );
-});
-SpotlightSubItem.displayName = "@optiaxiom/react/SpotlightSubItem";
-
-export { SpotlightSubItem };