@optiaxiom/react 1.2.5 → 1.3.1

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-D2iWt029.css';
+import './../../../../assets/src/table/Table.css.ts.vanilla-BwPOHhs_.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'},'_1x7yaoc'],variants:{layout:{auto:['_17chxsm'],fixed:[{display:'grid'},'hpv250']}}});
+var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_77vhxu']});
 
 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-D2iWt029.css';
+import './../../../../assets/src/table-body/TableBody.css.ts.vanilla-BYY8IIuw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:['jli4x9']});
+var body = recipeRuntime({base:['x2j69j']});
 
 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-D2iWt029.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C8xEmbBv.css';
+import './../../../../assets/src/table-cell/TableCell.css.ts.vanilla-CrSWyIGa.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'},'_159f5re']});
 
 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-D2iWt029.css';
+import './../../../../assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-Dabn0RCS.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:'_17zicgj'});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_12glaqo']});
 
 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-D2iWt029.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C8xEmbBv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var row = recipeRuntime({base:['_14xes2s',{transition:'colors',w:'full'},'_1qlkiw3']});
+var row = recipeRuntime({base:['_1urd86t',{transition:'colors',w:'full'},'_2wamft']});
 
 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-D2iWt029.css';
+import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-CrRgmvJd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var tabs = recipeRuntime({base:[{display:'flex'},'ybwpdn']});
+var tabs = recipeRuntime({base:[{display:'flex'},'hy9brm']});
 
 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-D2iWt029.css';
+import './../../../../assets/src/tabs-list/TabsList.css.ts.vanilla-j9pVJNbz.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'},'_1ppjldm']});
 
 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-D2iWt029.css';
+import './../../../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-C3-RyyGA.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'},'r1bc3j']});
+var trigger = recipeRuntime({base:['_1rnruzy',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1f5209d']});
 
 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-D2iWt029.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-B2NYcXGo.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'},'wnteh0','y7b7hc','_8434da'],'2':[undefined,'wnteh0','y7b7hc','_1nkevbe'],'3':[undefined,'wnteh0','y7b7hc','_11sq0bc'],'4':[undefined,'wnteh0','y7b7hc','_17h6wwe']},truncate:{true:[undefined,'wnteh0',{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-D2iWt029.css';
+import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-CbKWA-E8.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:['plxs5a','_15860ya']});
+var textarea = recipeRuntime({base:['plxs5a','da0u3k']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1sh9sc8','udhacp'],'2':['_1sh9sc8','_60e0qe'],'3':['_1sh9sc8','_2gmed1'],'4':['_1sh9sc8','_1brqik8'],'5':['_1sh9sc8','_1cjprm4']},resize:{auto:{},none:{},vertical:'_1ee83a3'}}});
 
 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-D2iWt029.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-xe3ShKUS.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-CjB-pAue.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'},'_7dt4jt']});
+var offsetVar = 'var(--_1twgqfe)';
+var root = recipeRuntime({base:['f623r1',{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']},'_1bkh8r8'],variants:{intent:{danger:'fnswud',information:'gy5thc',neutral:'_1cmtnnr',success:'spuu5h',warning:'gpfshm'}}});
 
 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-D2iWt029.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-xe3ShKUS.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'},'_1096lpq'],variants:{position:{bottom:'_1la3iwv','bottom-left':'_1xlztsf','bottom-right':'uu5wkf',top:'_1b0ti45','top-left':'_2ym869','top-right':'qv720l'}}});
 
 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-D2iWt029.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CDv_HSCK.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-ByPjrct_.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:['zqdlh5',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'e09pji']});
 
 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-D2iWt029.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CDv_HSCK.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-ByPjrct_.css';
+import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DGNVVOIL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['x30z3d']});
+var control = recipeRuntime({base:['_19isznr']});
 
 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-D2iWt029.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CDv_HSCK.css';
 
-var className = '_4fnhor';
+var className = 'bxjzkn';
 
 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-D2iWt029.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-D2iWt029.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-Bu-WyyWJ.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:'_1v0odsf',variants:{duration:{sm:'_1d65iug',md:'_1i9az3j',lg:'_1qrcytv'},type:{fade:'kyt8lt',pop:'s43k21',slide:'_1dgh22q',slidePop:'_1ib1juu'}}});
 
 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,30 @@
-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));
-      }
-    })
-  ];
-};
-const filter = (items, inputValue, filterFn) => {
-  const substring = (inputValue ?? "").normalize();
-  return inputValue ? items.filter((item) => filterFn(item, substring)) : items;
+  return useMemo(() => {
+    const substring = (inputValue ?? "").normalize();
+    const callback = (parentOption) => (item) => {
+      return item.subOptions && substring ? item.subOptions.flatMap(callback(item)) : filterFn(item, substring) ? [
+        parentOption ? {
+          ...item,
+          parentOption
+        } : item
+      ] : [];
+    };
+    return options.flatMap(callback());
+  }, [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-C_wDwJpa.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-C_wDwJpa.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 };