@optiaxiom/react 0.1.0 → 0.2.0

package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-DrCV8udS.css

@@ -1,30 +0,0 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  ._1us0ec5 {
-    user-select: none;
-  }
-  ._1us0ec5:focus-visible {
-    outline: 2px solid transparent;
-  }
-  ._1us0ec5:not([data-disabled]) {
-    color: var(--jpcf4p);
-    cursor: pointer;
-  }
-  ._1us0ec5:not([data-disabled])[data-highlighted] {
-    background-color: var(--_1oizt4y);
-  }
-  ._1us0ec5:not([data-disabled])[data-highlighted]:active {
-    background-color: var(--ax-colors-bg-secondary-hovered);
-  }
-  ._1us0ec5[data-disabled] {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._43zp6h {
-    --jpcf4p: var(--ax-colors-fg-error-strong);
-    --_1oizt4y: var(--ax-colors-bg-error-subtle);
-  }
-  ._19v5aym {
-    --jpcf4p: var(--ax-colors-fg-default);
-    --_1oizt4y: var(--ax-colors-bg-secondary);
-  }
-}

package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BzTZvoeC.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  ._1y8kzcv {
-    min-width: var(--ax-size-md);
-  }
-}

package/dist/assets/src/popover-content/PopoverContent.css.ts.vanilla-B7WAXVkn.css

@@ -1,8 +0,0 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  .w61lt3 {
-    max-height: var(--radix-popover-content-available-height);
-    min-width: var(--radix-popover-trigger-width);
-    position: relative;
-  }
-}

package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-Ck5zAZIX.css

@@ -1,9 +0,0 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  ._11cl6qu {
-    border-color: var(--pevld5);
-  }
-  .eu4bj0 {
-    background-color: var(--pevld5);
-  }
-}

package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-2JAkiMlw.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  ._8bzigm:is(:not(:focus-within):not(:hover), :has(input:disabled)) .tyrea0 {
-    visibility: hidden;
-  }
-}

package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-DoASts5V.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  ._93cuk6 {
-    --_8ihpnw: var(--ax-colors-fg-secondary);
-  }
-}

package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-BsQmCWCL.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  ._15u5bkn:empty:before {
-    content: "\00a0";
-  }
-}

package/dist/assets/src/switch/Switch.css.ts.vanilla-DC1xPpLC.css

@@ -1,26 +0,0 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  .f9hqbf {
-    --pevld5: var(--ax-colors-bg-tertiary);
-  }
-  .f9hqbf:has(._1vjv4i0:not([data-disabled])[data-state="unchecked"]):hover {
-    --pevld5: var(--ax-colors-bg-tertiary-hovered);
-  }
-  ._1u2gwfs {
-    background-color: var(--pevld5);
-    position: relative;
-  }
-  ._4zj2qs {
-    background-color: var(--ax-colors-neutral-00);
-    transform: translateX(-10px);
-  }
-  ._4zj2qs:not([data-disabled]) {
-    box-shadow: var(--ax-boxShadow-sm);
-  }
-  ._4zj2qs[data-disabled] {
-    background-color: var(--ax-colors-neutral-50);
-  }
-  ._4zj2qs[data-state="checked"] {
-    transform: translateX(10px);
-  }
-}

package/dist/assets/src/table/Table.css.ts.vanilla-Cok78MJU.css

@@ -1,9 +0,0 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  .nnxthe {
-    caption-side: bottom;
-  }
-  .orln2i {
-    position: relative;
-  }
-}

package/dist/assets/src/table-body/TableBody.css.ts.vanilla-D21txW4v.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  .t55v6c {
-    position: relative;
-  }
-}

package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-BlbmuVsP.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  ._8dzy12 {
-    vertical-align: middle;
-  }
-}

package/dist/assets/src/table-row/TableRow.css.ts.vanilla-9uH71Yf6.css

@@ -1,4 +0,0 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-
-}

package/dist/assets/src/tabs/Tabs.css.ts.vanilla-CehrT60e.css

@@ -1,9 +0,0 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  ._6l9qgf[data-orientation="horizontal"] {
-    flex-direction: column;
-  }
-  ._6l9qgf[data-orientation="vertical"] {
-    flex-direction: row;
-  }
-}

package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-tCf9UCkY.css

@@ -1,23 +0,0 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  ._1ijxhwe[data-orientation="horizontal"] {
-    flex-direction: row;
-  }
-  ._1ijxhwe[data-orientation="vertical"] {
-    flex-direction: column;
-  }
-  ._1t15pof[data-orientation="horizontal"] {
-    border-bottom-width: 1px;
-    gap: var(--ax-spacing-lg);
-  }
-  ._1t15pof[data-orientation="vertical"] {
-    border-right-width: 1px;
-    gap: var(--ax-spacing-xs);
-  }
-  .n8r5dw[data-orientation="horizontal"] {
-    gap: var(--ax-spacing-md);
-  }
-  .n8r5dw[data-orientation="vertical"] {
-    gap: var(--ax-spacing-xs);
-  }
-}

package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-CJ9hUlY-.css

@@ -1,34 +0,0 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  .rcuitc {
-    max-height: calc(16px + var(--_12mcgpd) * 22px);
-  }
-  ._1nlocyw {
-    --_12mcgpd: 1;
-  }
-  ._1gy53dn {
-    --_12mcgpd: 2;
-  }
-  ._1bzp6j7 {
-    --_12mcgpd: 3;
-  }
-  ._14ufo1m {
-    --_12mcgpd: 4;
-  }
-  .fh7u7n {
-    --_12mcgpd: 5;
-  }
-  ._1uc1ekq {
-    resize: vertical;
-  }
-  .tcfqg {
-    grid-area: 1 / 1 / 2 / 2;
-  }
-  .ea9n1i {
-    visibility: hidden;
-    white-space: pre-wrap;
-  }
-  ._1t9sp71 {
-    resize: none;
-  }
-}

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

@@ -1,92 +0,0 @@
-@keyframes tvfoxq {
-  from {
-    opacity: 1;
-  }
-}
-@keyframes _1g2cuq6 {
-  from {
-    translate: var(--wkvili);
-  }
-  to {
-    translate: 0;
-  }
-}
-@keyframes _1va2ffd {
-  from {
-    opacity: 1;
-    translate: var(--radix-toast-swipe-end-x) var(--radix-toast-swipe-end-y);
-  }
-  to {
-    translate: var(--wkvili);
-  }
-}
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  ._1bcwx56:focus-visible {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  ._1bcwx56[data-state="closed"] {
-    animation: tvfoxq 100ms ease-in;
-    opacity: 0;
-  }
-  ._1bcwx56[data-state="closed"] ~ ._1bcwx56 {
-    transition: translate 100ms ease-in 100ms;
-  }
-  ._1bcwx56[data-state="open"] {
-    animation: _1g2cuq6 150ms cubic-bezier(0.16, 1, 0.3, 1);
-  }
-  ._1bcwx56[data-swipe="cancel"] {
-    transition: translate 150ms ease;
-    translate: 0;
-  }
-  ._1bcwx56[data-swipe="end"] {
-    animation: _1va2ffd 100ms ease-out;
-    opacity: 0;
-  }
-  ._1bcwx56[data-swipe="move"] {
-    translate: var(--radix-toast-swipe-move-x) var(--radix-toast-swipe-move-y);
-  }
-  ._1bcwx56[data-swipe-direction="down"] {
-    --wkvili: 0 calc(100% + var(--ax-spacing-24));
-  }
-  ._1bcwx56[data-swipe-direction="left"] {
-    --wkvili: calc(-100% - var(--ax-spacing-24)) 0;
-  }
-  ._1bcwx56[data-swipe-direction="right"] {
-    --wkvili: calc(100% + var(--ax-spacing-24)) 0;
-  }
-  ._1bcwx56[data-swipe-direction="up"] {
-    --wkvili: 0 calc(-100% - var(--ax-spacing-24));
-  }
-  [data-position^="bottom"] ._1bcwx56:first-child {
-    margin-bottom: auto;
-  }
-  [data-position^="bottom"] ._1bcwx56[data-state="closed"] ~ ._1bcwx56 {
-    translate: 0 calc(100% + var(--ax-spacing-md));
-  }
-  [data-position^="top"] ._1bcwx56:last-child {
-    margin-top: auto;
-  }
-  [data-position^="top"] ._1bcwx56[data-state="closed"] ~ ._1bcwx56 {
-    translate: 0 calc(-100% - var(--ax-spacing-md));
-  }
-  .tksept {
-    --qzvarm: var(--ax-colors-red-300);
-  }
-  ._45dcit {
-    --qzvarm: var(--ax-colors-brand-200);
-  }
-  ._9qevzi {
-    --qzvarm: var(--ax-colors-fg-default-inverse);
-  }
-  ._1ykv0i {
-    --qzvarm: var(--ax-colors-green-400);
-  }
-  ._1ipzsvx {
-    --qzvarm: var(--ax-colors-yellow-300);
-  }
-  ._1eaab0e {
-    color: var(--qzvarm);
-  }
-}

package/dist/src/autocomplete-item/AutocompleteItem-css.js

@@ -1,7 +0,0 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/autocomplete-item/AutocompleteItem.css.ts.vanilla-iI5UGzA4.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var item = recipeRuntime({base:[{alignItems:'center',display:'flex',flexDirection:'row',fontSize:'md',gap:'xs',justifyContent:'space-between',p:'xs',rounded:'sm'},'_1vdooap']});
-
-export { item };

package/dist/src/combobox/Combobox.js

@@ -1,40 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { ComboboxContextProvider } from '../combobox-context/ComboboxContext.js';
-import { Popover } from '../popover/Popover.js';
-
-function Combobox({
-  children,
-  defaultOpen,
-  defaultValue = "",
-  mode = "single",
-  onOpenChange,
-  onValueChange,
-  open: openProp,
-  value: valueProp
-}) {
-  const [open, setOpen] = useControllableState({
-    defaultProp: defaultOpen,
-    onChange: onOpenChange,
-    prop: openProp
-  });
-  const [value, setValue] = useControllableState({
-    defaultProp: defaultValue,
-    onChange: onValueChange,
-    prop: valueProp
-  });
-  return /* @__PURE__ */ jsx(
-    ComboboxContextProvider,
-    {
-      mode,
-      open,
-      setOpen,
-      setValue,
-      value,
-      children: /* @__PURE__ */ jsx(Popover, { onOpenChange: setOpen, open, children })
-    }
-  );
-}
-Combobox.displayName = "@optiaxiom/react/Combobox";
-
-export { Combobox };

package/dist/src/combobox-content/ComboboxContent.js

@@ -1,24 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useComboboxContext } from '../combobox-context/ComboboxContext.js';
-import { Command } from '../command/Command.js';
-import { CommandInput } from '../command-input/CommandInput.js';
-import { CommandSeparator } from '../command-separator/CommandSeparator.js';
-import { PopoverContent } from '../popover-content/PopoverContent.js';
-import { SearchInput } from '../search-input/SearchInput.js';
-
-const ComboboxContent = forwardRef(
-  ({ asChild, children, ...props }, ref) => {
-    const context = useComboboxContext("Combobox");
-    if (!context)
-      throw new Error("ComboboxContent must be used within a Combobox");
-    return /* @__PURE__ */ jsx(PopoverContent, { asChild: true, p: "0", ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxs(Command, { children: [
-      /* @__PURE__ */ jsx(CommandInput, { asChild: true, children: /* @__PURE__ */ jsx(SearchInput, { m: "2" }) }),
-      /* @__PURE__ */ jsx(CommandSeparator, { alwaysRender: true }),
-      children
-    ] }) });
-  }
-);
-ComboboxContent.displayName = "@optiaxiom/react/ComboboxContent";
-
-export { ComboboxContent };

package/dist/src/combobox-context/ComboboxContext.js

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

package/dist/src/combobox-multi-trigger/ComboboxMultiTrigger.js

@@ -1,34 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Badge } from '../badge/Badge.js';
-import { Box } from '../box/Box.js';
-import { Button } from '../button/Button.js';
-import { useComboboxContext } from '../combobox-context/ComboboxContext.js';
-import { ComboboxTrigger } from '../combobox-trigger/ComboboxTrigger.js';
-import { Flex } from '../flex/Flex.js';
-import { Text } from '../text/Text.js';
-
-const ComboboxMultiTrigger = forwardRef(({ maxDisplayedItems = 2, title = "Select Items", ...props }, ref) => {
-  const { mode, value } = useComboboxContext("Combobox");
-  return /* @__PURE__ */ jsx(ComboboxTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { alignItems: "center", ref, w: "full", ...props, children: /* @__PURE__ */ jsx(Box, { overflow: "hidden", children: mode === "multiple" && Array.isArray(value) && value.length > 0 ? /* @__PURE__ */ jsxs(
-    Flex,
-    {
-      alignItems: "center",
-      flexDirection: "row",
-      flexWrap: "wrap",
-      gap: "2",
-      overflow: "hidden",
-      children: [
-        value.slice(0, maxDisplayedItems).map((item) => /* @__PURE__ */ jsx(Box, { flex: "none", children: /* @__PURE__ */ jsx(Badge, { children: item }) }, item)),
-        value.length > maxDisplayedItems && /* @__PURE__ */ jsx(Box, { flex: "none", children: /* @__PURE__ */ jsxs(Text, { children: [
-          "+",
-          value.length - maxDisplayedItems,
-          " more"
-        ] }) })
-      ]
-    }
-  ) : /* @__PURE__ */ jsx(Text, { children: title }) }) }) });
-});
-ComboboxMultiTrigger.displayName = "@optiaxiom/react/ComboboxMultiTrigger";
-
-export { ComboboxMultiTrigger };

package/dist/src/combobox-single-trigger/ComboboxSingleTrigger.js

@@ -1,13 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useComboboxContext } from '../combobox-context/ComboboxContext.js';
-import { ComboboxTrigger } from '../combobox-trigger/ComboboxTrigger.js';
-import { MenuButton } from '../menu-button/MenuButton.js';
-
-const ComboboxSingleTrigger = forwardRef(({ title, ...props }, ref) => {
-  const { value } = useComboboxContext("Combobox");
-  return /* @__PURE__ */ jsx(ComboboxTrigger, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(MenuButton, { children: value || title }) });
-});
-ComboboxSingleTrigger.displayName = "@optiaxiom/react/ComboboxSingleTrigger";
-
-export { ComboboxSingleTrigger };

package/dist/src/combobox-trigger/ComboboxTrigger.js

@@ -1,21 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useComboboxContext } from '../combobox-context/ComboboxContext.js';
-import { ComboboxMultiTrigger } from '../combobox-multi-trigger/ComboboxMultiTrigger.js';
-import { ComboboxSingleTrigger } from '../combobox-single-trigger/ComboboxSingleTrigger.js';
-import { PopoverTrigger } from '../popover-trigger/PopoverTrigger.js';
-
-const ComboboxTrigger = forwardRef(({ asChild, children, maxDisplayedItems = 2, title, ...props }, ref) => {
-  const { mode } = useComboboxContext("Combobox");
-  return /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, ref, children: asChild ? children : mode === "single" ? /* @__PURE__ */ jsx(ComboboxSingleTrigger, { title, ...props }) : mode === "multiple" ? /* @__PURE__ */ jsx(
-    ComboboxMultiTrigger,
-    {
-      maxDisplayedItems,
-      title,
-      ...props
-    }
-  ) : children });
-});
-ComboboxTrigger.displayName = "@optiaxiom/react/ComboboxTrigger";
-
-export { ComboboxTrigger };

package/dist/src/command-checkbox-item/CommandCheckboxItem.js

@@ -1,58 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import { Checkbox } from '../checkbox/Checkbox.js';
-import { useComboboxContext } from '../combobox-context/ComboboxContext.js';
-import { CommandItem } from '../command-item/CommandItem.js';
-
-const CommandCheckboxItem = forwardRef(({ children, disabled, onCheckedChange, value, ...props }, ref) => {
-  const {
-    mode,
-    setValue,
-    value: contextValue
-  } = useComboboxContext("ComboboxContext");
-  const isChecked = Array.isArray(contextValue) ? contextValue.includes(value) : contextValue === value;
-  const handleChange = () => {
-    const newChecked = !isChecked;
-    if (mode === "multiple") {
-      if (Array.isArray(contextValue)) {
-        setValue(
-          newChecked ? [...contextValue, value] : contextValue.filter((v) => v !== value)
-        );
-      } else {
-        setValue([value]);
-      }
-    } else {
-      setValue(newChecked ? value : "");
-    }
-    if (onCheckedChange) {
-      onCheckedChange(newChecked);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    CommandItem,
-    {
-      "data-disabled": disabled ? "" : void 0,
-      "data-selected": isChecked ? "" : void 0,
-      disabled,
-      onSelect: handleChange,
-      ref,
-      value,
-      ...props,
-      children: /* @__PURE__ */ jsxs(Box, { alignItems: "center", display: "flex", w: "full", children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            checked: isChecked,
-            disabled,
-            onChange: handleChange
-          }
-        ),
-        /* @__PURE__ */ jsx(Box, { mt: "2", children })
-      ] })
-    }
-  );
-});
-CommandCheckboxItem.displayName = "@optiaxiom/react/CommandCheckboxItem";
-
-export { CommandCheckboxItem };

package/dist/src/command-empty/CommandEmpty.js

@@ -1,17 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { CommandEmpty as CommandEmpty$1 } from 'cmdk';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-
-const CommandEmpty = forwardRef(
-  ({ children, ...props }, ref) => {
-    const { restProps, sprinkleProps } = extractSprinkles(props);
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ...sprinkleProps, children: /* @__PURE__ */ jsx(CommandEmpty$1, { ref, ...restProps, children: children || "No results found" }) });
-  }
-);
-CommandEmpty.displayName = "@optiaxiom/react/CommandEmpty";
-
-export { CommandEmpty };

package/dist/src/command-footer/CommandFooter-css.js

@@ -1,6 +0,0 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'md',justifyContent:'space-between',p:'sm'}]});
-
-export { footer };

package/dist/src/command-footer/CommandFooter.js

@@ -1,13 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Flex } from '../flex/Flex.js';
-import { footer } from './CommandFooter-css.js';
-
-const CommandFooter = forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Flex, { ref, ...footer({}, className), ...props, children });
-  }
-);
-CommandFooter.displayName = "@optiaxiom/react/CommandFooter";
-
-export { CommandFooter };

package/dist/src/command-group/CommandGroup.js

@@ -1,17 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { CommandGroup as CommandGroup$1 } from 'cmdk';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-
-const CommandGroup = forwardRef(
-  ({ children, ...props }, ref) => {
-    const { restProps, sprinkleProps } = extractSprinkles(props);
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ...sprinkleProps, children: /* @__PURE__ */ jsx(CommandGroup$1, { ref, ...restProps, children }) });
-  }
-);
-CommandGroup.displayName = "@optiaxiom/react/CommandGroup";
-
-export { CommandGroup };

package/dist/src/command-input/CommandInput.js

@@ -1,17 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { CommandInput as CommandInput$1 } from 'cmdk';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-
-const CommandInput = forwardRef(
-  ({ children, ...props }, ref) => {
-    const { restProps, sprinkleProps } = extractSprinkles(props);
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ...sprinkleProps, children: /* @__PURE__ */ jsx(CommandInput$1, { ref, ...restProps, children }) });
-  }
-);
-CommandInput.displayName = "@optiaxiom/react/CommandInput";
-
-export { CommandInput };

package/dist/src/command-item/CommandItem-css.js

@@ -1,7 +0,0 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/command-item/CommandItem.css.ts.vanilla-Uu0_1Rf_.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var item = recipeRuntime({base:[{alignItems:'center',display:'flex',flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_43rr5f']});
-
-export { item };

package/dist/src/command-item/CommandItem.js

@@ -1,42 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { CommandItem as CommandItem$1 } from 'cmdk';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import { useComboboxContext } from '../combobox-context/ComboboxContext.js';
-import { Flex } from '../flex/Flex.js';
-import { IconCheck } from '../icons/IconCheck.js';
-import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { item } from './CommandItem-css.js';
-
-const CommandItem = forwardRef(
-  ({ children, className, onSelect, value, ...props }, ref) => {
-    const {
-      mode,
-      setOpen,
-      setValue,
-      value: contextValue
-    } = useComboboxContext("ComboboxContext");
-    const { restProps, sprinkleProps } = extractSprinkles(props);
-    const handleSelect = () => {
-      if (mode === "single") {
-        setOpen(false);
-        setValue(value);
-      } else if (mode === "multiple" && Array.isArray(contextValue)) {
-        const newValue = contextValue.includes(value) ? contextValue.filter((v) => v !== value) : [...contextValue, value];
-        setValue(newValue);
-      }
-      if (onSelect)
-        onSelect(value);
-    };
-    const isSelected = mode === "single" ? contextValue === value : Array.isArray(contextValue) && contextValue.includes(value);
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ...item({}, className), ...sprinkleProps, children: /* @__PURE__ */ jsx(CommandItem$1, { onSelect: handleSelect, ref, ...restProps, children: /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", justifyContent: "space-between", w: "full", children: [
-      children,
-      isSelected && mode === "single" && /* @__PURE__ */ jsx(IconCheck, {})
-    ] }) }) });
-  }
-);
-CommandItem.displayName = "@optiaxiom/react/CommandItem";
-
-export { CommandItem };

package/dist/src/command-list/CommandList-css.js

@@ -1,7 +0,0 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/command-list/CommandList.css.ts.vanilla-DCUc2i8R.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var list = recipeRuntime({base:['_19nvkod']});
-
-export { list };