@optiaxiom/react 1.2.5 → 1.3.0

package/dist/esm/packages/react/src/table/Table-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/table/Table.css.ts.vanilla-DA5H5_FY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/table/Table.css.ts.vanilla-9FeooTji.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'_19hiexi'],variants:{layout:{auto:['lpim7t'],fixed:[{display:'grid'},'_448yrh']}}});
-var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_1gftj40']});
+var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'_1g7ux9z'],variants:{layout:{auto:['e8nfzw'],fixed:[{display:'grid'},'_1h0pzle']}}});
+var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_1i4rsac']});
 
 export { table, wrapper };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/table-body/TableBody.css.ts.vanilla-gyrGzzA_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/table-body/TableBody.css.ts.vanilla-BUg4jUW-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:['jli4x9']});
+var body = recipeRuntime({base:['u4hmdj']});
 
 export { body };

package/dist/esm/packages/react/src/table-cell/TableCell-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Dzxs57Ca.css';
-import './../../../../assets/src/table-cell/TableCell.css.ts.vanilla-DARtrZn8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CxBIRqIz.css';
+import './../../../../assets/src/table-cell/TableCell.css.ts.vanilla-WEAPDuXd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'p72438']});
+var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_1qd7285']});
 
 export { cell };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-Cz62bqT8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-5cVo8-8R.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:'_22k295'});
-var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'pafxzm']});
+var cell = recipeRuntime({base:'_1yvi2ai'});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_19wv8hx']});
 
 export { cell, content };

package/dist/esm/packages/react/src/table-row/TableRow-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Dzxs57Ca.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CxBIRqIz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var row = recipeRuntime({base:['_14xes2s',{transition:'colors',w:'full'},'_1qlkiw3']});
+var row = recipeRuntime({base:['xzaq7',{transition:'colors',w:'full'},'_7m0yfi']});
 
 export { row };

package/dist/esm/packages/react/src/tabs/Tabs-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-0oLewras.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-Bbmpcxf3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var tabs = recipeRuntime({base:[{display:'flex'},'ybwpdn']});
+var tabs = recipeRuntime({base:[{display:'flex'},'sdznhy']});
 
 export { tabs };

package/dist/esm/packages/react/src/tabs-list/TabsList-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/tabs-list/TabsList.css.ts.vanilla-C3yYrnWg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/tabs-list/TabsList.css.ts.vanilla-Dxan7uxA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_15bd3ny']});
+var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'ch21fw']});
 
 export { list };

package/dist/esm/packages/react/src/tabs-trigger/TabsTrigger-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-B6yVf8gr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-DxisoHwO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_61wmuv']});
-var trigger = recipeRuntime({base:['wxt54c',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'mzvq9x']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_1d0yj1b']});
+var trigger = recipeRuntime({base:['p72y2g',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_11qzyvt']});
 
 export { content, trigger };

package/dist/esm/packages/react/src/text/Text-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-B5VbRhB3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-FQ1NB0hD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'_14so07l','_1euvmyr','_59hz0w'],'2':[undefined,'_14so07l','_1euvmyr','ree8yp'],'3':[undefined,'_14so07l','_1euvmyr','_11hlemm'],'4':[undefined,'_14so07l','_1euvmyr','_1r9e33t']},truncate:{true:[undefined,'_14so07l',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
+var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'um3fyx','spffji','xpck11'],'2':[undefined,'um3fyx','spffji','_1xsvedi'],'3':[undefined,'um3fyx','spffji','_3lrhia'],'4':[undefined,'um3fyx','spffji','rgsf73']},truncate:{true:[undefined,'um3fyx',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
 
 export { text };

package/dist/esm/packages/react/src/textarea/Textarea.js

@@ -10,6 +10,7 @@ import { InputRoot } from '../input-root/InputRoot.js';
 import { TextareaAutosize } from '../textarea-autosize/TextareaAutosize.js';
 import '../utils/conditions.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
+import '../utils/isHoverSupported.js';
 
 const Textarea = forwardRef(
   ({

package/dist/esm/packages/react/src/textarea-autosize/TextareaAutosize-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-Cd1HgnK0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-vhg4GSql.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['nqaciw','_13t0oku']});
-var textarea = recipeRuntime({base:['nqaciw','ciumao']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['dsq9tq','_747hxw'],'2':['dsq9tq','_1r5u1xm'],'3':['dsq9tq','_11x661z'],'4':['dsq9tq','_1hmw7wi'],'5':['dsq9tq','_11z7813']},resize:{auto:{},none:{},vertical:'_82y7vm'}}});
+var shadow = recipeRuntime({base:['_1j4hct','_1ss2qks']});
+var textarea = recipeRuntime({base:['_1j4hct','dawn9n']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['jwtd7b','_4j4vpe'],'2':['jwtd7b','_1sl9bl3'],'3':['jwtd7b','_11qwgbx'],'4':['jwtd7b','_1xiyugm'],'5':['jwtd7b','_19uvxs8']},resize:{auto:{},none:{},vertical:'blf4p4'}}});
 
 export { shadow, textarea, wrapper };

package/dist/esm/packages/react/src/toast/Toast-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-BzErTYdw.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-DWFqTQ4_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-kpdTOWop.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-D-fgXyQL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_8f05g7']});
-var offsetVar = 'var(--gbg7fr)';
-var root = recipeRuntime({base:['_4k638r',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'_16lry4p'],variants:{intent:{danger:'_1rjp8sd',information:'_5ji938',neutral:'_1msbt59',success:'_1gqbc6e',warning:'_7dgqi2'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1olo56q']});
+var offsetVar = 'var(--_1fzbl62)';
+var root = recipeRuntime({base:['_1oxm2fy',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'_15jt6xv'],variants:{intent:{danger:'_1k9zhuz',information:'_1sdfzoh',neutral:'_1459fqp',success:'tpp19n',warning:'_1msyawb'}}});
 
 export { icon, offsetVar, root };

package/dist/esm/packages/react/src/toast-provider/ToastProvider-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-BzErTYdw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-kpdTOWop.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var gap = '16';
-var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_18kugod'],variants:{position:{bottom:'wwmcev','bottom-left':'skzmn9','bottom-right':'_93pvus',top:'sney6r','top-left':'r60u4i','top-right':'jiv6l0'}}});
+var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_14c5ul0'],variants:{position:{bottom:'_1kbd1j7','bottom-left':'_14fee9m','bottom-right':'egq6gi',top:'_1lk018y','top-left':'zkn2ej','top-right':'_1f0sk4z'}}});
 
 export { gap, viewport };

package/dist/esm/packages/react/src/toggle-input/ToggleInput-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CjfwYd9Q.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DNCCDGec.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_444yha',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'sca6l4']});
+var toggleInput = recipeRuntime({base:['cxhape',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'lfru6']});
 
 export { toggleInput };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CjfwYd9Q.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DNCCDGec.css';
-import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-D4QUtJqT.css';
+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/toggle-input-control/ToggleInputControl.css.ts.vanilla-YDkEAbGj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['x30z3d']});
+var control = recipeRuntime({base:['o132zp']});
 
 export { control };

package/dist/esm/packages/react/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CjfwYd9Q.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
 
-var className = '_4fnhor';
+var className = 'xqvqxm';
 
 export { className };

package/dist/esm/packages/react/src/tooltip-content/TooltipContent-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',px:'12',py:'8',rounded:'md',z:'tooltip'}]});

package/dist/esm/packages/react/src/transition/Transition-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BIlp7Els.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-D_jnqlSi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-CvRF_XVl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_1brqn95',variants:{duration:{sm:'_1omo2es',md:'y6cvuz',lg:'dwrhq8'},type:{fade:'uwy0eo',pop:'_1q8f6xn',slide:'gim6zb',slidePop:'_1tlpq8e'}}});
+var transition = recipeRuntime({base:'nx1prb',variants:{duration:{sm:'ytsjer',md:'_1psfjt0',lg:'_6at4oq'},type:{fade:'_1s8xw5h',pop:'_1fq10qv',slide:'_14l405u',slidePop:'u5kse1'}}});
 
 export { transition };

package/dist/esm/packages/react/src/use-command-items/fuzzysearch.js

@@ -9,7 +9,7 @@ function fuzzysearch(haystack, needle) {
     return false;
   }
   if (nlen === hlen) {
-    return needle === haystack;
+    return collator.compare(needle, haystack) === 0;
   }
   outer:
     for (let i = 0, j = 0; i < nlen; i++) {

package/dist/esm/packages/react/src/use-command-items/useCommandItems.js

@@ -1,45 +1,31 @@
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { useState } from 'react';
+import { useMemo } from 'react';
+import { resolveItemProperty } from '../command-context/CommandContext.js';
 import { useEffectEvent } from '../use-event/useEffectEvent.js';
 import { fuzzysearch } from './fuzzysearch.js';
 
 const useCommandItems = ({
-  defaultFilter,
-  defaultItems,
-  inputValue: inputValueProp,
-  items: itemsProp,
-  itemToLabel,
-  onInputValueChange
+  inputValue,
+  options
 }) => {
-  const [inputValue, setInputValue] = useControllableState({
-    defaultProp: "",
-    onChange: onInputValueChange,
-    prop: inputValueProp
+  const filterFn = useEffectEvent((item, inputValue2) => {
+    const string = resolveItemProperty(item.label, {
+      inputValue: inputValue2
+    }).normalize();
+    return item.visible ? resolveItemProperty(item.visible, { inputValue: inputValue2 }) : inputValue2 ? fuzzysearch(string, inputValue2) || item.keywords && fuzzysearch(item.keywords, inputValue2) : true;
   });
-  const filterFn = useEffectEvent(
-    defaultFilter ?? ((item, inputValue2) => {
-      const string = itemToLabel(item).normalize();
-      return fuzzysearch(string, inputValue2);
-    })
-  );
-  const [itemsState, setItemsState] = useState(
-    defaultItems ? filter(defaultItems, inputValue, filterFn) : []
-  );
-  const items = typeof itemsProp !== "undefined" ? itemsProp : itemsState;
-  return [
-    items,
-    inputValue,
-    useEffectEvent((inputValue2) => {
-      setInputValue(inputValue2);
-      if (typeof itemsProp === "undefined" && defaultItems) {
-        setItemsState(filter(defaultItems, inputValue2, filterFn));
+  return useMemo(() => {
+    const substring = (inputValue ?? "").normalize();
+    return options.flatMap((item) => {
+      if (item.subOptions && substring) {
+        return item.subOptions.filter((item2) => filterFn(item2, substring)).map((subItem) => ({
+          ...subItem,
+          parentOption: item
+        }));
+      } else {
+        return filterFn(item, substring) ? [item] : [];
       }
-    })
-  ];
-};
-const filter = (items, inputValue, filterFn) => {
-  const substring = (inputValue ?? "").normalize();
-  return inputValue ? items.filter((item) => filterFn(item, substring)) : items;
+    });
+  }, [options, filterFn, inputValue]);
 };
 
 export { useCommandItems };

package/dist/esm/packages/react/src/use-responsive-matches/useResponsiveMatches.js

@@ -3,6 +3,7 @@ import { conditions } from '../utils/conditions.js';
 import '@radix-ui/react-slot';
 import 'react';
 import 'react/jsx-runtime';
+import '../utils/isHoverSupported.js';
 import { useMediaQuery } from '../../../../node_modules/.pnpm/@mantine_hooks@7.17.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js';
 
 const list = ["md", "sm"];

package/dist/esm/packages/react/src/utils/fallbackSpan.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { isValidElement } from 'react';
+import { isValidElement, Fragment } from 'react';
 
-const fallbackSpan = (content) => isValidElement(content) ? content : /* @__PURE__ */ jsx("span", { children: content });
+const fallbackSpan = (content) => isValidElement(content) && content.type !== Fragment ? content : /* @__PURE__ */ jsx("span", { children: content });
 
 export { fallbackSpan };

package/dist/esm/packages/react/src/utils/isHoverSupported.js

@@ -0,0 +1,3 @@
+const isHoverSupported = typeof window !== "undefined" && window.matchMedia("(hover: hover)").matches;
+
+export { isHoverSupported };

package/dist/esm/packages/react/src/visually-hidden/VisuallyHidden.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import * as RadixVisuallyHidden from '@radix-ui/react-visually-hidden';
+import { forwardRef } from 'react';
+import { FilteredSlot } from '../filtered-slot/FilteredSlot.js';
+
+const VisuallyHidden = forwardRef(
+  ({ children, disabled, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(RadixVisuallyHidden.Root, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(FilteredSlot, { exclude: disabled ? "style" : void 0, children: /* @__PURE__ */ jsx("span", { children }) }) });
+  }
+);
+VisuallyHidden.displayName = "@optiaxiom/react/VisuallyHidden";
+
+export { VisuallyHidden };

package/dist/esm/unstable.js

@@ -14,18 +14,6 @@ export { CardLink } from './packages/react/src/card-link/CardLink.js';
 export { CardOverflow } from './packages/react/src/card-overflow/CardOverflow.js';
 export { CardTitle } from './packages/react/src/card-title/CardTitle.js';
 export { Clock } from './packages/react/src/clock/Clock.js';
-export { Combobox } from './packages/react/src/combobox/Combobox.js';
-export { ComboboxCheckboxItem } from './packages/react/src/combobox-checkbox-item/ComboboxCheckboxItem.js';
-export { ComboboxContent } from './packages/react/src/combobox-content/ComboboxContent.js';
-export { ComboboxFooter } from './packages/react/src/combobox-footer/ComboboxFooter.js';
-export { ComboboxGroup } from './packages/react/src/combobox-group/ComboboxGroup.js';
-export { ComboboxInput } from './packages/react/src/combobox-input/ComboboxInput.js';
-export { ComboboxItem } from './packages/react/src/combobox-item/ComboboxItem.js';
-export { ComboboxLabel } from './packages/react/src/combobox-label/ComboboxLabel.js';
-export { ComboboxListbox } from './packages/react/src/combobox-listbox/ComboboxListbox.js';
-export { ComboboxRadioItem } from './packages/react/src/combobox-radio-item/ComboboxRadioItem.js';
-export { ComboboxSeparator } from './packages/react/src/combobox-separator/ComboboxSeparator.js';
-export { ComboboxTrigger } from './packages/react/src/combobox-trigger/ComboboxTrigger.js';
 export { Command } from './packages/react/src/command/Command.js';
 export { CommandInput } from './packages/react/src/command-input/CommandInput.js';
 export { CommandItem } from './packages/react/src/command-item/CommandItem.js';
@@ -40,35 +28,20 @@ export { DatePickerTrigger } from './packages/react/src/date-picker-trigger/Date
 export { DateRangePicker } from './packages/react/src/date-range-picker/DateRangePicker.js';
 export { DateRangePickerContent } from './packages/react/src/date-range-picker-content/DateRangePickerContent.js';
 export { DateRangePickerTrigger } from './packages/react/src/date-range-picker-trigger/DateRangePickerTrigger.js';
-export { DropdownMenuCombobox } from './packages/react/src/dropdown-menu-combobox/DropdownMenuCombobox.js';
-export { DropdownMenuComboboxContent } from './packages/react/src/dropdown-menu-combobox-content/DropdownMenuComboboxContent.js';
-export { DropdownMenuComboboxInput } from './packages/react/src/dropdown-menu-combobox-input/DropdownMenuComboboxInput.js';
-export { DropdownMenuComboboxListbox } from './packages/react/src/dropdown-menu-combobox-listbox/DropdownMenuComboboxListbox.js';
-export { DropdownMenuComboboxTrigger } from './packages/react/src/dropdown-menu-combobox-trigger/DropdownMenuComboboxTrigger.js';
 export { Highlight } from './packages/react/src/highlight/Highlight.js';
 export { InlineInput } from './packages/react/src/inline-input/InlineInput.js';
 export { LabelMenuButton } from './packages/react/src/label-menu-button/LabelMenuButton.js';
 export { Layout } from './packages/react/src/layout/Layout.js';
+export { Menu } from './packages/react/src/menu/Menu.js';
+export { MenuContent } from './packages/react/src/menu-content/MenuContent.js';
+export { MenuTrigger } from './packages/react/src/menu-trigger/MenuTrigger.js';
 export { Pill } from './packages/react/src/pill/Pill.js';
 export { PillGroup } from './packages/react/src/pill-group/PillGroup.js';
 export { Select } from './packages/react/src/select/Select.js';
 export { SelectContent } from './packages/react/src/select-content/SelectContent.js';
-export { SelectGroup } from './packages/react/src/select-group/SelectGroup.js';
-export { SelectItem } from './packages/react/src/select-item/SelectItem.js';
-export { SelectLabel } from './packages/react/src/select-label/SelectLabel.js';
-export { SelectRadioItem } from './packages/react/src/select-radio-item/SelectRadioItem.js';
-export { SelectSeparator } from './packages/react/src/select-separator/SelectSeparator.js';
 export { SelectTrigger } from './packages/react/src/select-trigger/SelectTrigger.js';
 export { Spotlight } from './packages/react/src/spotlight/Spotlight.js';
 export { SpotlightContent } from './packages/react/src/spotlight-content/SpotlightContent.js';
-export { SpotlightEmpty } from './packages/react/src/spotlight-empty/SpotlightEmpty.js';
-export { SpotlightInput } from './packages/react/src/spotlight-input/SpotlightInput.js';
-export { SpotlightItem } from './packages/react/src/spotlight-item/SpotlightItem.js';
-export { SpotlightLabel } from './packages/react/src/spotlight-label/SpotlightLabel.js';
-export { SpotlightListbox } from './packages/react/src/spotlight-listbox/SpotlightListbox.js';
-export { SpotlightRadioItem } from './packages/react/src/spotlight-radio-item/SpotlightRadioItem.js';
-export { SpotlightSub } from './packages/react/src/spotlight-sub/SpotlightSub.js';
-export { SpotlightSubItem } from './packages/react/src/spotlight-sub-item/SpotlightSubItem.js';
 export { SpotlightTrigger } from './packages/react/src/spotlight-trigger/SpotlightTrigger.js';
 export { Table } from './packages/react/src/table/Table.js';
 export { TableAction } from './packages/react/src/table-action/TableAction.js';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithoutRef, ElementType, RefObject, ComponentPropsWithRef, ReactElement } from 'react';
-import { S as Sprinkles, R as RecipeVariants, E as ExcludeProps, B as BoxProps, a as ExtendProps, T as Transition, M as MenuListbox, b as ResponsiveArray } from './PopoverContent-D7WFp-Jh.js';
-export { c as Box, e as Button, d as ButtonProps, C as Checkbox, D as DialogContent, f as DropdownMenuSub, L as Link, P as Popover, g as PopoverContent, m as mapResponsiveValue, s as sprinkles, v as vars } from './PopoverContent-D7WFp-Jh.js';
+import { S as Sprinkles, R as RecipeVariants, E as ExcludeProps, B as BoxProps, a as ExtendProps, T as Transition, O as OverlayListbox, b as ResponsiveArray } from './PopoverContent-D6Cc7TfW.js';
+export { c as Box, e as Button, d as ButtonProps, C as Checkbox, D as DialogContent, L as Link, P as Popover, f as PopoverContent, m as mapResponsiveValue, s as sprinkles, v as vars } from './PopoverContent-D6Cc7TfW.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import { createToaster } from '@optiaxiom/globals';
@@ -13,6 +13,7 @@ import * as RadixDialog from '@radix-ui/react-dialog';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import * as _radix_ui_react_separator from '@radix-ui/react-separator';
+import * as _radix_ui_react_dismissable_layer from '@radix-ui/react-dismissable-layer';
 import * as RadixPopover from '@radix-ui/react-popover';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
@@ -449,7 +450,7 @@ declare const DropdownMenuCheckboxItem: react.ForwardRefExoticComponent<Omit<Non
     className?: string;
 }>, never> & Omit<Omit<RadixMenu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type DropdownMenuContentProps = ExcludeProps<BoxProps<typeof RadixMenu.Content, Pick<ComponentPropsWithoutRef<typeof MenuListbox>, "maxH" | "minW"> & {
+type DropdownMenuContentProps = ExcludeProps<BoxProps<typeof RadixMenu.Content, Pick<ComponentPropsWithoutRef<typeof OverlayListbox>, "maxH" | "minW"> & {
     /**
      * Whether to show loading spinner inside the menu.
      */
@@ -484,7 +485,27 @@ declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<NonNul
     className?: string;
 }>, never> & Omit<Omit<RadixMenu.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type MenuSubContentProps = ExcludeProps<BoxProps<typeof RadixMenu.SubContent, Pick<ComponentPropsWithoutRef<typeof MenuListbox>, "maxH" | "minW">>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "loop" | "sideOffset" | "sticky" | "updatePositionStrategy">;
+type MenuSubProps = {
+    children?: React.ReactNode;
+    /**
+     * The initial open state in uncontrolled mode.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Handler that is called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The open state in controlled mode.
+     */
+    open?: boolean;
+};
+declare function DropdownMenuSub({ children, defaultOpen, onOpenChange, open: openProp, ...props }: MenuSubProps): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenuSub {
+    var displayName: string;
+}
+
+type MenuSubContentProps = ExcludeProps<BoxProps<typeof RadixMenu.SubContent, Pick<ComponentPropsWithoutRef<typeof OverlayListbox>, "maxH" | "minW">>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "loop" | "sideOffset" | "sticky" | "updatePositionStrategy">;
 declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<MenuSubContentProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<{
@@ -808,7 +829,28 @@ declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Non
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & Pick<Omit<Pick<Omit<{
+    description?: react.ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+    indeterminate?: boolean;
+    shift?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "indeterminate"> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const ListboxEmpty: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -940,7 +982,7 @@ declare const useModalContext: (consumerName: string) => {
 declare const ModalLayer: react.ForwardRefExoticComponent<Pick<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild"> & {
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild"> & Pick<Omit<_radix_ui_react_dismissable_layer.DismissableLayerProps & react.RefAttributes<HTMLDivElement>, "ref">, "onEscapeKeyDown"> & {
     children?: ReactNode;
 } & react.RefAttributes<HTMLDivElement>>;
 
@@ -1460,4 +1502,4 @@ declare namespace TransitionGroup {
     var displayName: string;
 }
 
-export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BoxProps, ButtonGroup, Code, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Heading, type HeadingProps, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ModalLayer, ModalProvider, Nav, NavAccountItem, type NavAccountItemProps, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, type NavItemProps, NavList, NavSeparator, Pagination, type PaginationProps, Paper, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidebar, SidebarToggle, type SidebarToggleProps, Skeleton, Spinner, Sprinkles, SubNav, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge, useModalContext };
+export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BoxProps, ButtonGroup, Code, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Heading, type HeadingProps, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ModalLayer, ModalProvider, Nav, NavAccountItem, type NavAccountItemProps, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, type NavItemProps, NavList, NavSeparator, Pagination, type PaginationProps, Paper, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidebar, SidebarToggle, type SidebarToggleProps, Skeleton, Spinner, Sprinkles, SubNav, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge, useModalContext };