@optiaxiom/react 1.3.0 → 1.3.2

package/dist/esm/packages/react/src/avatar-group/AvatarGroup-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var avatarGroup = recipeRuntime({base:['u2ln8q',{display:'flex'}]});
-
-export { avatarGroup };

package/dist/esm/packages/react/src/breadcrumb-item/BreadcrumbItem-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DWZetct8.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_178wu0q']});
-
-export { item };

package/dist/esm/packages/react/src/breadcrumb-link/BreadcrumbLink-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-BbqzwWHh.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1cs9h3b']});
-
-export { link };

package/dist/esm/packages/react/src/button-base/ButtonBase-css.js

@@ -1,9 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Cs-zXoZj.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var buttonBase = recipeRuntime({base:['_1lghi6c',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1lxpgpr'],variants:{intent:{danger:'_1w0cgtm',neutral:'_2svnj3',primary:'_14nornx'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_16mr07s',true:{}},variant:{outline:'dz1ygr',strong:'_17nmz6n',subtle:'_15up603'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'ont2vp',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'xm6mf1',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1fsz3v0',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'_1ft7uy']});
-
-export { buttonBase, spinner };

package/dist/esm/packages/react/src/button-group/ButtonGroup-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var buttonGroup = recipeRuntime({base:'_190zwsw'});
-
-export { buttonGroup };

package/dist/esm/packages/react/src/button-loadable/ButtonLoadable-css.js

@@ -1,9 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Cs-zXoZj.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BmuWE4Qq.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var loadable = recipeRuntime({base:[{transition:'opacity'},'jeebq8']});
-
-export { loadable };

package/dist/esm/packages/react/src/card-action/CardAction-css.js

@@ -1,8 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-By_KKDNi.css';
-import './../../../../assets/src/card-action/CardAction.css.ts.vanilla-CyOOeLcY.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var action = recipeRuntime({base:['_1cpbj8u']});
-
-export { action };

package/dist/esm/packages/react/src/card-image/CardImage-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-MqvDJoWy.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1wbz9af'],variants:{orientation:{horizontal:[{w:'auto'},'_1lqtcet'],vertical:[{w:'full'},'dp5jov']}}});
-
-export { cardImage };

package/dist/esm/packages/react/src/card-overflow/CardOverflow-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-By_KKDNi.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var cardOverflow = recipeRuntime({base:['_1vhbqt2',{alignSelf:'stretch'},'_12oievt'],variants:{orientation:{horizontal:['_1pkn190'],vertical:['_4l5cdf']}}});
-
-export { cardOverflow };

package/dist/esm/packages/react/src/checkbox-control/CheckboxControl-css.js

@@ -1,11 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BD9DPgTh.css';
-import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-Lqy6ibue.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'gggqxk'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_1lqzoxn']});
-var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
-
-export { control, icon, indicator };

package/dist/esm/packages/react/src/command-input/CommandInput.js

@@ -1,31 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useCommandContext } from '../command-context/CommandContext.js';
-import { IconMagnifyingGlass } from '../icons/IconMagnifyingGlass.js';
-import { Input } from '../input/Input.js';
-
-const CommandInput = forwardRef(
-  ({ size, ...props }, ref) => {
-    const { downshift, setInputValue } = useCommandContext(
-      "@optiaxiom/react/CommandInput"
-    );
-    return /* @__PURE__ */ jsx(
-      Input,
-      {
-        addonBefore: /* @__PURE__ */ jsx(IconMagnifyingGlass, {}),
-        size,
-        ...downshift.getInputProps({
-          ref,
-          ...props,
-          onChange: (event) => {
-            setInputValue("value" in event.target ? event.target.value : "");
-          }
-        })
-      }
-    );
-  }
-);
-CommandInput.displayName = "@optiaxiom/react/CommandInput";
-
-export { CommandInput };

package/dist/esm/packages/react/src/data-table-body/DataTableBody-css.js

@@ -1,14 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CxBIRqIz.css';
-import './../../../../assets/src/data-table-body/DataTableBody.css.ts.vanilla-BUSMEieY.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'fn31b3'],variants:{pinned:{left:'_1va33xd',right:'_12s5zow'},pinnedType:{body:'njuhvp',header:{}}}});
-var cellOffsetVar = 'var(--_1k9vy4o)';
-var cellSizeVar = 'var(--mns3gj)';
-var header = recipeRuntime({base:[{display:'grid'},'_6fagj0']});
-var leftTotalSizeVar = 'var(--eenlqt)';
-var rightTotalSizeVar = 'var(--_134ot22)';
-var table = recipeRuntime({base:'_1hdzyaq',variants:{pinned:{both:'_1me3eba',left:'xn1i0a',none:{},right:'_1kjpl6r'}}});
-
-export { cell, cellOffsetVar, cellSizeVar, header, leftTotalSizeVar, rightTotalSizeVar, table };

package/dist/esm/packages/react/src/data-table-footer/DataTableFooter-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-YMRroFsN.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var addon = recipeRuntime({base:'_1r9phfc',variants:{position:{end:{textAlign:'end'},start:{}}}});
-
-export { addon };

package/dist/esm/packages/react/src/data-table-header-cell/DataTableHeaderCell-css.js

@@ -1,9 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-DQZuvEQA.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_1qa9e13']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'t7297c'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1k2m83v'],variants:{active:{false:'_6qodpz',true:'w9nuaz'}}});
-
-export { button, handle, icon };

package/dist/esm/packages/react/src/date-picker-content/DatePickerContent-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-D8qogbi-.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'snk0cb']});
-
-export { panels };

package/dist/esm/packages/react/src/dialog-body/DialogBody-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-DZdBKCaB.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'flex-start',overflow:'auto',px:'24',py:'16'},'_199d0ev']});
-
-export { body };

package/dist/esm/packages/react/src/dialog-content/DialogContent-css.js

@@ -1,9 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-Rq_MWFQh.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1ryd5jh'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1w8ixjl'],variants:{size:{sm:'yvbjcu',md:'glvtrn',lg:'x7hsb9',fullscreen:'nmfb3j'}}});
-var nestedDialogCountVar = 'var(--_7d3jzs)';
-
-export { backdrop, content, nestedDialogCountVar };

package/dist/esm/packages/react/src/dialog-header/DialogHeader-css.js

@@ -1,10 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-BKx5_XPN.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_1gi9vlm']});
-var close = recipeRuntime({base:['_1ua6aow']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'dgp04m']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'x9w7u1']});
-
-export { actions, close, description, title };

package/dist/esm/packages/react/src/disclosure-content/DisclosureContent-css.js

@@ -1,8 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DiFktDjh.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var inner = recipeRuntime({base:['_1cn3ak']});
-var outer = recipeRuntime({base:[{display:'grid'},'rbjv56']});
-
-export { inner, outer };

package/dist/esm/packages/react/src/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.js

@@ -1,12 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import * as RadixMenu from '@radix-ui/react-dropdown-menu';
-import { forwardRef } from 'react';
-import { ListboxSwitchItem } from '../listbox-switch-item/ListboxSwitchItem.js';
-
-const DropdownMenuCheckboxItem = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(RadixMenu.CheckboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(ListboxSwitchItem, { children }) });
-});
-DropdownMenuCheckboxItem.displayName = "@optiaxiom/react/DropdownMenuCheckboxItem";
-
-export { DropdownMenuCheckboxItem };

package/dist/esm/packages/react/src/dropdown-menu-separator/DropdownMenuSeparator.js

@@ -1,10 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import * as RadixMenu from '@radix-ui/react-dropdown-menu';
-import { forwardRef } from 'react';
-import { ListboxSeparator } from '../listbox-separator/ListboxSeparator.js';
-
-const DropdownMenuSeparator = forwardRef((props, ref) => /* @__PURE__ */ jsx(ListboxSeparator, { asChild: true, ...props, children: /* @__PURE__ */ jsx(RadixMenu.Separator, { ref }) }));
-DropdownMenuSeparator.displayName = "@optiaxiom/react/DropdownMenuSeparator";
-
-export { DropdownMenuSeparator };

package/dist/esm/packages/react/src/input-control/InputControl-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Djmx4C5o.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var control = recipeRuntime({base:['yxn2vo',{bg:'transparent',flex:'auto',w:'full'},'jy9nnd','_1ea5ijj'],variants:{size:{md:{},lg:{},xl:['_1na51t4']}}});
-
-export { control };

package/dist/esm/packages/react/src/input-root/InputRoot-css.js

@@ -1,9 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Djmx4C5o.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-Cih6Anrm.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_11vhwp4']});
-
-export { root };

package/dist/esm/packages/react/src/listbox-checkbox-item/ListboxCheckboxItem-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/listbox-checkbox-item/ListboxCheckboxItem.css.ts.vanilla-DOCfa7Zk.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var checkbox = recipeRuntime({base:[{display:'inline-flex',transition:'opacity'},'_50bgsb'],variants:{visible:{false:{},true:'_1rb62wy'}}});
-
-export { checkbox };

package/dist/esm/packages/react/src/listbox-item/ListboxItem-css.js

@@ -1,9 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-T_bauynn.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1hfjjk0']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1jf4qmn'],variants:{intent:{danger:'_1eyldeb',neutral:'zm7l1o'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'nlbhu']});
-
-export { description, item, title };

package/dist/esm/packages/react/src/listbox-item-indicator/ListboxItemIndicator-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/listbox-item-indicator/ListboxItemIndicator.css.ts.vanilla-BAisdqe5.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var indicator = recipeRuntime({base:['oxed6l'],variants:{active:{false:{},true:'cykdef'}}});
-
-export { indicator };

package/dist/esm/packages/react/src/menu-checkbox-item/MenuCheckboxItem.js

@@ -1,24 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useCommandContext } from '../command-context/CommandContext.js';
-import { CommandItem } from '../command-item/CommandItem.js';
-import { ListboxCheckboxItem } from '../listbox-checkbox-item/ListboxCheckboxItem.js';
-
-const MenuCheckboxItem = forwardRef(({ children, ...props }, ref) => {
-  const Comp = props.item.link ? "a" : "div";
-  const { inputValue } = useCommandContext("@optiaxiom/react/MenuCheckboxItem");
-  return /* @__PURE__ */ jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(
-    ListboxCheckboxItem,
-    {
-      addonBefore: props.item.addon,
-      asChild: true,
-      description: props.item.description,
-      onCheckedChange: () => props.item.execute?.({ inputValue }),
-      children: /* @__PURE__ */ jsx(Comp, { ...props.item.link && { href: props.item.link }, children })
-    }
-  ) });
-});
-MenuCheckboxItem.displayName = "@optiaxiom/react/MenuCheckboxItem";
-
-export { MenuCheckboxItem };

package/dist/esm/packages/react/src/menu-item/MenuItem.js

@@ -1,23 +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 MenuItem = forwardRef(
-  ({ children, ...props }, ref) => {
-    const Comp = props.item.link ? "a" : "div";
-    return /* @__PURE__ */ jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(
-      ListboxItem,
-      {
-        addonBefore: props.item.addon,
-        asChild: true,
-        description: props.item.description,
-        children: /* @__PURE__ */ jsx(Comp, { ...props.item.link && { href: props.item.link }, children })
-      }
-    ) });
-  }
-);
-MenuItem.displayName = "@optiaxiom/react/MenuItem";
-
-export { MenuItem };

package/dist/esm/packages/react/src/menu-radio-item/MenuRadioItem.js

@@ -1,23 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { CommandItem } from '../command-item/CommandItem.js';
-import { ListboxRadioItem } from '../listbox-radio-item/ListboxRadioItem.js';
-
-const MenuRadioItem = forwardRef(
-  ({ children, ...props }, ref) => {
-    const Comp = props.item.link ? "a" : "div";
-    return /* @__PURE__ */ jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(
-      ListboxRadioItem,
-      {
-        addonBefore: props.item.addon,
-        asChild: true,
-        description: props.item.description,
-        children: /* @__PURE__ */ jsx(Comp, { ...props.item.link && { href: props.item.link }, children })
-      }
-    ) });
-  }
-);
-MenuRadioItem.displayName = "@optiaxiom/react/MenuRadioItem";
-
-export { MenuRadioItem };

package/dist/esm/packages/react/src/menu-sub/MenuSub.js

@@ -1,40 +0,0 @@
-"use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { DropdownMenu } from '@radix-ui/react-dropdown-menu';
-import { useState, useRef } from 'react';
-import { useCommandContext } from '../command-context/CommandContext.js';
-import { useMenuContext } from '../menu-context/MenuContext.js';
-import { MenuSubContent } from '../menu-sub-content/MenuSubContent.js';
-import { MenuSubProvider } from '../menu-sub-context/MenuSubContext.js';
-import { MenuSubTrigger } from '../menu-sub-trigger/MenuSubTrigger.js';
-
-function MenuSub({ children, item }) {
-  const { activePath, setActivePath } = useMenuContext(
-    "@optiaxiom/react/MenuSub"
-  );
-  const { items } = useCommandContext("@optiaxiom/react/MenuSub");
-  const index = items.indexOf(item);
-  const [presence, setPresence] = useState();
-  const contentRef = useRef(null);
-  return /* @__PURE__ */ jsx(
-    MenuSubProvider,
-    {
-      contentRef,
-      open: activePath[0] === index,
-      presence,
-      setOpen: () => {
-        setActivePath(
-          (path) => path.at(-1) === index ? path.slice(0, -1) : path
-        );
-      },
-      setPresence,
-      children: children ?? /* @__PURE__ */ jsxs(DropdownMenu, { modal: false, open: activePath[0] === index || presence, children: [
-        /* @__PURE__ */ jsx(MenuSubTrigger, { item }),
-        /* @__PURE__ */ jsx(MenuSubContent, { item })
-      ] })
-    }
-  );
-}
-MenuSub.displayName = "@optiaxiom/react/MenuSub";
-
-export { MenuSub };

package/dist/esm/packages/react/src/menu-sub-content/MenuSubContent.js

@@ -1,154 +0,0 @@
-"use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { DropdownMenuPortal, DropdownMenuContent, DropdownMenuCheckboxItem, DropdownMenuItem } from '@radix-ui/react-dropdown-menu';
-import { forwardRef, Fragment } from 'react';
-import { useCommandContext, resolveItemProperty } from '../command-context/CommandContext.js';
-import { ListboxCheckboxItem } from '../listbox-checkbox-item/ListboxCheckboxItem.js';
-import { ListboxItem } from '../listbox-item/ListboxItem.js';
-import { ListboxLabel } from '../listbox-label/ListboxLabel.js';
-import { ListboxRadioItem } from '../listbox-radio-item/ListboxRadioItem.js';
-import { useMenuContext } from '../menu-context/MenuContext.js';
-import { useMenuSubContext } from '../menu-sub-context/MenuSubContext.js';
-import { OverlayListbox } from '../overlay-listbox/OverlayListbox.js';
-import { Separator } from '../separator/Separator.js';
-import { TransitionGroup } from '../transition-group/TransitionGroup.js';
-import { content } from './SelectContent-css.js';
-
-const MenuSubContent = forwardRef(
-  ({ align = "start", children, className, item, side = "right", ...props }, outerRef) => {
-    const { activePath, inputRef, onSelect, setOpen } = useMenuContext(
-      "@optiaxiom/react/MenuSubContent"
-    );
-    const { inputValue, setInputValue } = useCommandContext(
-      "@optiaxiom/react/MenuSubContent"
-    );
-    const {
-      contentRef,
-      open,
-      setOpen: setSubOpen,
-      setPresence
-    } = useMenuSubContext("@optiaxiom/react/MenuSubContent");
-    const ref = useComposedRefs(contentRef, outerRef);
-    let isFirstItem = true;
-    let lastGroup = void 0;
-    const shouldShowSeparator = (group) => {
-      const show = !isFirstItem;
-      isFirstItem = false;
-      return show && group && group !== lastGroup && group.separator;
-    };
-    const shouldShowGroup = (group) => {
-      const show = group !== lastGroup;
-      lastGroup = group;
-      return show && !group?.hidden;
-    };
-    return /* @__PURE__ */ jsx(TransitionGroup, { onPresenceChange: setPresence, open, children: /* @__PURE__ */ jsx(DropdownMenuPortal, { forceMount: true, children: /* @__PURE__ */ jsx(
-      OverlayListbox,
-      {
-        asChild: true,
-        maxH: "sm",
-        minW: "trigger",
-        ref,
-        ...content({}, className),
-        ...props,
-        children: /* @__PURE__ */ jsx(
-          DropdownMenuContent,
-          {
-            align,
-            alignOffset: -4,
-            loop: true,
-            onCloseAutoFocus: (event) => {
-              if (activePath.length) {
-                return;
-              }
-              event.preventDefault();
-              inputRef.current?.focus();
-            },
-            onEscapeKeyDown: () => {
-              setOpen(false);
-            },
-            onKeyDown: (event) => {
-              if (event.key === "ArrowLeft") {
-                event.preventDefault();
-                setSubOpen(false);
-              } else if (/^[A-Za-z0-9]$/.test(event.key)) {
-                event.preventDefault();
-                event.stopPropagation();
-                inputRef.current?.focus();
-                setInputValue(event.key);
-              }
-            },
-            side,
-            sideOffset: 0,
-            children: children ?? item.subOptions?.map((item2, index) => {
-              const type = "selected" in item2 ? item2.multi ? "checkbox" : "radio" : "action";
-              let element;
-              switch (type) {
-                case "action":
-                  element = /* @__PURE__ */ jsx(
-                    DropdownMenuItem,
-                    {
-                      asChild: true,
-                      onSelect: () => onSelect(item2, { close: true }),
-                      children: /* @__PURE__ */ jsx(ListboxItem, { addonBefore: item2.addon, children: resolveItemProperty(item2.label, { inputValue }) })
-                    }
-                  );
-                  break;
-                case "checkbox":
-                  element = /* @__PURE__ */ jsx(
-                    DropdownMenuCheckboxItem,
-                    {
-                      asChild: true,
-                      checked: resolveItemProperty(item2.selected),
-                      onKeyDown: (event) => {
-                        if (event.key === " ") {
-                          event.preventDefault();
-                          onSelect(item2, { close: false });
-                        }
-                      },
-                      onSelect: () => onSelect(item2, { close: true }),
-                      children: /* @__PURE__ */ jsx(
-                        ListboxCheckboxItem,
-                        {
-                          addonBefore: item2.addon,
-                          onCheckedChange: () => onSelect(item2, { close: false }),
-                          children: resolveItemProperty(item2.label, { inputValue })
-                        }
-                      )
-                    }
-                  );
-                  break;
-                case "radio":
-                  element = /* @__PURE__ */ jsx(
-                    DropdownMenuCheckboxItem,
-                    {
-                      asChild: true,
-                      checked: resolveItemProperty(item2.selected),
-                      onKeyDown: (event) => {
-                        if (event.key === " ") {
-                          event.preventDefault();
-                          onSelect(item2, { close: false });
-                        }
-                      },
-                      onSelect: () => onSelect(item2, { close: true }),
-                      children: /* @__PURE__ */ jsx(ListboxRadioItem, { addonBefore: item2.addon, children: resolveItemProperty(item2.label, { inputValue }) })
-                    }
-                  );
-                  break;
-              }
-              const group = item2.group;
-              return /* @__PURE__ */ jsxs(Fragment, { children: [
-                shouldShowSeparator(group) && /* @__PURE__ */ jsx(Separator, {}),
-                shouldShowGroup(group) && /* @__PURE__ */ jsx(ListboxLabel, { children: group.name }),
-                element
-              ] }, index);
-            })
-          }
-        )
-      }
-    ) }) });
-  }
-);
-MenuSubContent.displayName = "@optiaxiom/react/MenuSubContent";
-
-export { MenuSubContent };

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

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/menu-sub-content/SelectContent.css.ts.vanilla-DCAKMvfS.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var content = recipeRuntime({base:['fy6jej']});
-
-export { content };

package/dist/esm/packages/react/src/menu-sub-trigger/MenuSubTrigger.js

@@ -1,65 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { DropdownMenuTrigger } from '@radix-ui/react-dropdown-menu';
-import { forwardRef } from 'react';
-import { useCommandContext } from '../command-context/CommandContext.js';
-import { FilteredSlot } from '../filtered-slot/FilteredSlot.js';
-import { IconAngleRight } from '../icons/IconAngleRight.js';
-import { MenuItem } from '../menu-item/MenuItem.js';
-import { useMenuSubContext } from '../menu-sub-context/MenuSubContext.js';
-
-const MenuSubTrigger = forwardRef(
-  ({ children, item, onPointerDown, ...props }, ref) => {
-    const { downshift, pauseInteractionRef } = useCommandContext(
-      "@optiaxiom/react/MenuSubTrigger"
-    );
-    const { contentRef, open } = useMenuSubContext(
-      "@optiaxiom/react/MenuSubTrigger"
-    );
-    return /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(FilteredSlot, { exclude: "disabled", children: /* @__PURE__ */ jsx(
-      MenuItem,
-      {
-        addonAfter: /* @__PURE__ */ jsx(IconAngleRight, {}),
-        item,
-        onPointerDown: (event) => {
-          onPointerDown?.(event);
-          if (open) {
-            event.preventDefault();
-          }
-        },
-        onPointerEnter: () => {
-          downshift.selectItem(item);
-        },
-        onPointerLeave: (event) => {
-          const box = contentRef.current?.getBoundingClientRect();
-          if (!box) {
-            return;
-          }
-          pauseInteractionRef.current.triangle = {
-            bottom: {
-              x: box.left,
-              y: box.top + box.height
-            },
-            side: {
-              x: event.clientX + 10 * (box.left > event.clientX ? -1 : 1),
-              y: event.clientY
-            },
-            top: {
-              x: box.left,
-              y: box.top
-            }
-          };
-          pauseInteractionRef.current.timer = window.setTimeout(() => {
-            pauseInteractionRef.current.triangle = null;
-          }, 50);
-        },
-        ref,
-        ...props,
-        children
-      }
-    ) }) });
-  }
-);
-MenuSubTrigger.displayName = "@optiaxiom/react/MenuSubTrigger";
-
-export { MenuSubTrigger };