@optiaxiom/react 1.3.4 → 1.3.6

package/dist/cjs/unstable.js

@@ -3,10 +3,10 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var Skeleton = require('./Skeleton-BwzEuXRY.js');
-require('./assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css');
-require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-BOZzSJCT.css');
-require('./assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-CrnYrajV.css');
+var Skeleton = require('./Skeleton-CX8LlUgm.js');
+require('./assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css');
+require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-rsriDPZo.css');
+require('./assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-Db835qcO.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var reactDayPicker = require('react-day-picker');
@@ -17,73 +17,73 @@ var reactPortal = require('@radix-ui/react-portal');
 var reactId = require('@radix-ui/react-id');
 var reactSlot = require('@radix-ui/react-slot');
 var clsx = require('clsx');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CloEEnqj.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-D9HKgHqG.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-BH_CEHvg.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CCtVe90o.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-CqKMfhS1.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-C1SX3EWC.css');
-require('./assets/src/link/Link.css.ts.vanilla-B-UzZVPR.css');
-require('./assets/src/card/Card.css.ts.vanilla-undxWMUN.css');
-require('./assets/src/card/CardOverflow.css.ts.vanilla-CfaszGo6.css');
-require('./assets/src/card/CardAction.css.ts.vanilla-DT_sWq0i.css');
-require('./assets/src/card/CardImage.css.ts.vanilla-8K9SYjci.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CcW8QE-Q.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-D_MJt33Q.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-eBZaZla9.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-mPaslDnv.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-B4iglvtu.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-6gsANvu_.css');
+require('./assets/src/link/Link.css.ts.vanilla-CkvEyNoz.css');
+require('./assets/src/card/Card.css.ts.vanilla-DPSAI4TL.css');
+require('./assets/src/card/CardOverflow.css.ts.vanilla-BVl_nq63.css');
+require('./assets/src/card/CardAction.css.ts.vanilla-Rokpns7p.css');
+require('./assets/src/card/CardImage.css.ts.vanilla-RFjtwvtk.css');
 var reactTable = require('@tanstack/react-table');
 var reactVirtual = require('@tanstack/react-virtual');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/table/Table.css.ts.vanilla-C7nc_IXT.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-DEsOS9NQ.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-CjlpeCcu.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-BPkQXE9u.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-C7duNQW3.css');
-require('./assets/src/data-table/DataTableBody.css.ts.vanilla-CWOX4ILB.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DccQvM9d.css');
-require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-BUf3z1Xk.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-BDCVJo5d.css');
-require('./assets/src/date-picker/DatePickerContent.css.ts.vanilla-Crl_Q15m.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-Dj5Z6HzB.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-BOkwdMCk.css');
+require('./assets/src/table/Table.css.ts.vanilla-Clpll45F.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-CEGmA_nd.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-L9Fx5VZc.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-BiqqvaJ8.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-B6GTKkgd.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-C6TM5Ak5.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-Da09UJwb.css');
+require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-Berk5yuA.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-DZAvtgCf.css');
+require('./assets/src/date-picker/DatePickerContent.css.ts.vanilla-TQGZz5-f.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-Ni7ZUHUo.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-Bq0Wroww.css');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CCtVe90o.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-CDi0jeiu.css');
-require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-DpVFTpc1.css');
-require('./assets/src/layout/Layouts.css.ts.vanilla-Cj6VhCY9.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-DWVzyQ5v.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-D8DiYbwQ.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-mPaslDnv.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-Bd2dzV48.css');
+require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-C8xYHTMc.css');
+require('./assets/src/layout/Layouts.css.ts.vanilla-DO2L0UUp.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-CNB3GpPD.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-a7j93yNq.css');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DWBpSYeV.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DcYrZKqo.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-80GG_e5W.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-SBTw-Uwk.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-CgKyyje7.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-B644yEwo.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-Cdq4Tadx.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-B3yRYHiN.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-B-s0-vtH.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DWMzPbgh.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-CBHllHS2.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-Lozs8z5D.css');
 require('@optiaxiom/globals');
 require('@radix-ui/react-tooltip');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-CGer1zmy.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-B3OXzCgC.css');
 require('@radix-ui/react-popover');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('react-remove-scroll');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CCtVe90o.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BZzguHzH.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CAchYNAD.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-mPaslDnv.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-Byr6x4TG.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-r2Ztxx8z.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-Cn_XcWOI.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-MmiRrm_S.css');
-require('./assets/src/text/Text.css.ts.vanilla--EVicwEp.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BvRZcXaa.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-hucDfOoh.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DRdpVsTv.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BJ2L8n3Y.css');
+require('./assets/src/text/Text.css.ts.vanilla-D9k0AUkV.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-CIuGxGXM.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CXPDyZdx.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-1uCIDzTk.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-0f4bGCPQ.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-PrfE3sWD.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-CysVj99D.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-D77uLhxE.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-CRqmiPzq.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-C19bwsLd.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-Bge3BDdC.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-D1q7bCk5.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BA6CMfjV.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-BUiI4yI-.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-BCBYncQ0.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-BcqoWQvZ.css');
-require('./assets/src/box/Box.css.ts.vanilla-Dnq424Jf.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-Dg6aZlKk.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-By86Ua1j.css');
+require('./assets/src/box/Box.css.ts.vanilla-BtJImGZv.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-BQkyIpyI.css');
 
 const toPlainDateTime = (date) => new Date(date.getTime() - new Date(date).getTimezoneOffset() * 60 * 1e3).toISOString().slice(0, -1);
 
@@ -259,7 +259,7 @@ function BreadcrumbEllipsis({ ...props }) {
 }
 BreadcrumbEllipsis.displayName = "@optiaxiom/react/BreadcrumbEllipsis";
 
-var item = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1mqeehb']});
+var item = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'f9mc0h']});
 
 const BreadcrumbItem = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -269,7 +269,7 @@ const BreadcrumbItem = React.forwardRef(
 );
 BreadcrumbItem.displayName = "@optiaxiom/react/BreadcrumbItem";
 
-var link = Skeleton.recipeRuntime({base:[{fontSize:'md',overflow:'hidden',rounded:'md'},'zl0xt9']});
+var link = Skeleton.recipeRuntime({base:[{fontSize:'md',overflow:'hidden',rounded:'md'},'_5mbp4w']});
 
 const BreadcrumbLink = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Tooltip, { auto: true, content: props.children, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Link, { ...link({}, className), ref, ...props }) });
@@ -421,7 +421,10 @@ const Select = React.forwardRef(
       itemToKey: (item) => item !== null ? item.value : item,
       itemToString: (item) => item !== null ? item.label : "",
       onHighlightedIndexChange(changes) {
-        if ((changes.type === downshift.useSelect.stateChangeTypes.ItemMouseMove || changes.type === downshift.useSelect.stateChangeTypes.MenuMouseLeave) && isOpen || changes.isOpen) {
+        if (changes.type === downshift.useSelect.stateChangeTypes.MenuMouseLeave) {
+          return;
+        }
+        if (changes.type === downshift.useSelect.stateChangeTypes.ItemMouseMove && isOpen || changes.isOpen) {
           setHighlightedIndex(changes.highlightedIndex);
         }
       },
@@ -536,7 +539,7 @@ const SelectContent = React.forwardRef(
     const shouldShowSeparator = (group) => {
       const show = !isFirstItem;
       isFirstItem = false;
-      return show && group && group !== lastGroup && group.separator;
+      return show && group !== lastGroup && (group?.separator || lastGroup?.separator);
     };
     const shouldShowGroup = (group) => {
       const show = group !== lastGroup;
@@ -795,8 +798,8 @@ function CalendarDay({ children, ...props }) {
 }
 CalendarDay.displayName = "@optiaxiom/react/CalendarDay";
 
-var button$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'r3rikg'],variants:{appearance:{'default':'zc2y9h',holiday:[{color:'fg.error'},'_1ezz8ma'],range_middle:'_1ceblxj',selected:[{color:'fg.white'},'_1hfxpw4'],weekend:[{color:'fg.tertiary'},'pb4j9a']},range:{end:['kltvxn'],middle:['nhjqo9'],start:['_1bxe8qi']}}});
-var today = Skeleton.recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_1gz1uxc']});
+var button$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_15lrpgb'],variants:{appearance:{'default':'mvui53',holiday:[{color:'fg.error'},'sx0oov'],range_middle:'l1dhz6',selected:[{color:'fg.white'},'_1yy43iq'],weekend:[{color:'fg.tertiary'},'_4osm7j']},range:{end:['i6uz5r'],middle:['s8dhfy'],start:['_1nw2omy']}}});
+var today = Skeleton.recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_1ichv9z']});
 
 function CalendarDayButton({
   children,
@@ -862,14 +865,14 @@ function CalendarMonthGrid({
 }
 CalendarMonthGrid.displayName = "@optiaxiom/react/CalendarMonthGrid";
 
-var months = Skeleton.recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'m15xq0']});
+var months = Skeleton.recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'dt5lnl']});
 
 function CalendarMonths({ children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { asChild: true, ...months(), children: /* @__PURE__ */ jsxRuntime.jsx(reactDayPicker.Months, { ...props, children }) });
 }
 CalendarMonths.displayName = "@optiaxiom/react/CalendarMonths";
 
-var nav = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'bk8xwq']});
+var nav = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_18p15qg']});
 
 function CalendarNav({ children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx(reactDayPicker.Nav, { ...props, children }) });
@@ -1106,7 +1109,7 @@ const Calendar = React.forwardRef(
 );
 Calendar.displayName = "@optiaxiom/react/Calendar";
 
-var content$2 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'_155bz3c'],variants:{visible:{false:'_9p9pyh',true:'_1w2xxnm'}}});
+var content$2 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'_1glu71u'],variants:{visible:{false:'tplmdk',true:'c0pkbq'}}});
 
 const ActionsContent = React.forwardRef(
   ({ children, className, visible = false, ...props }, ref) => {
@@ -1115,7 +1118,7 @@ const ActionsContent = React.forwardRef(
 );
 ActionsContent.displayName = "@optiaxiom/react/ActionsContent";
 
-var root = Skeleton.recipeRuntime({base:'_1muuout'});
+var root = Skeleton.recipeRuntime({base:'re99jm'});
 
 const ActionsRoot = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1124,7 +1127,7 @@ const ActionsRoot = React.forwardRef(
 );
 ActionsRoot.displayName = "@optiaxiom/react/ActionsRoot";
 
-var card = Skeleton.recipeRuntime({base:['_1nry745',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_19zrum1']});
+var card = Skeleton.recipeRuntime({base:['lj70da',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'s3ox8w']});
 
 const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
@@ -1158,7 +1161,7 @@ const Card = React.forwardRef(
 );
 Card.displayName = "@optiaxiom/react/Card";
 
-var action = Skeleton.recipeRuntime({base:['_112gkvg']});
+var action = Skeleton.recipeRuntime({base:['_1eub4el']});
 
 const CardAction = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1229,7 +1232,7 @@ const CardDescription = React.forwardRef(({ children, ...props }, ref) => {
 });
 CardDescription.displayName = "@optiaxiom/react/CardDescription";
 
-var cardImage = Skeleton.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_52lufl'],variants:{orientation:{horizontal:[{w:'auto'},'forjep'],vertical:[{w:'full'},'_1ng2pch']}}});
+var cardImage = Skeleton.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_18rpxgg'],variants:{orientation:{horizontal:[{w:'auto'},'_1gk33eh'],vertical:[{w:'full'},'_16rptlu']}}});
 
 const CardImage = React.forwardRef(
   ({ alt = "", asChild, children, className, src, ...props }, ref) => {
@@ -1255,7 +1258,7 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var cardOverflow = Skeleton.recipeRuntime({base:['ujrhy8',{alignSelf:'stretch'},'_1200woo'],variants:{orientation:{horizontal:['kof10o'],vertical:['cktmtm']}}});
+var cardOverflow = Skeleton.recipeRuntime({base:['ga9svo',{alignSelf:'stretch'},'_2tonc8'],variants:{orientation:{horizontal:['p9sf3s'],vertical:['_1vvec2h']}}});
 
 const CardOverflow = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1331,7 +1334,7 @@ const useCommandItems = ({
     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;
+    return "visible" in item ? resolveItemProperty(item.visible, { inputValue: inputValue2 }) : inputValue2 ? fuzzysearch(string, inputValue2) || item.keywords && fuzzysearch(item.keywords, inputValue2) : true;
   });
   return React.useMemo(() => {
     const substring = (inputValue ?? "").normalize();
@@ -1604,8 +1607,8 @@ const DataTable = React.forwardRef(
 );
 DataTable.displayName = "@optiaxiom/react/DataTable";
 
-var table$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'qq6rz4'],variants:{layout:{auto:['_12hi47r'],fixed:[{display:'grid'},'_19bwhtg']}}});
-var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'fzpjtk']});
+var table$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'f5796h'],variants:{layout:{auto:['_17b57sq'],fixed:[{display:'grid'},'thp50y']}}});
+var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_1rxs1cd']});
 
 const Table = React.forwardRef(
   ({ children, className, layout = "auto", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ...wrapper({}, className), ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...table$1({ layout }), children: /* @__PURE__ */ jsxRuntime.jsx("table", { children }) }) })
@@ -1619,14 +1622,14 @@ const TableAction = React.forwardRef(
 );
 TableAction.displayName = "@optiaxiom/react/TableAction";
 
-var body = Skeleton.recipeRuntime({base:['_1new21k']});
+var body = Skeleton.recipeRuntime({base:['lfsxf7']});
 
 const TableBody = React.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...body({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, children }) })
 );
 TableBody.displayName = "@optiaxiom/react/TableBody";
 
-var cell$2 = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_1u6f0ow']});
+var cell$2 = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_14l0b33']});
 
 const TableCell = React.forwardRef(
   ({ children, className, colSpan, ...props }, ref) => {
@@ -1638,28 +1641,28 @@ TableCell.displayName = "@optiaxiom/react/TableCell";
 const TableHeader = React.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, children }) }));
 TableHeader.displayName = "@optiaxiom/react/TableHeader";
 
-var cell$1 = Skeleton.recipeRuntime({base:'qbzyso'});
-var content$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_1116bmw']});
+var cell$1 = Skeleton.recipeRuntime({base:'_1k0j3hu'});
+var content$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_13zb7je']});
 
 const TableHeaderCell = React.forwardRef(
   ({ children, className, colSpan, p, px = "16", py = "12", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...cell$1({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("th", { colSpan, ref, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ...content$1(), px: p ?? px, py: p ?? py, children }) }) })
 );
 TableHeaderCell.displayName = "@optiaxiom/react/TableHeaderCell";
 
-var row = Skeleton.recipeRuntime({base:['_2hn8n1',{transition:'colors',w:'full'},'zxnmpk']});
+var row = Skeleton.recipeRuntime({base:['_2290y2',{transition:'colors',w:'full'},'_2xdnof']});
 
 const TableRow = React.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ActionsRoot, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...row({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("tr", { ref, children }) }) })
 );
 TableRow.displayName = "@optiaxiom/react/TableRow";
 
-var cell = Skeleton.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1uzy629'],variants:{pinned:{left:'_1n66ba',right:'jt0yf9'},pinnedType:{body:'b1micv',header:{}}}});
-var cellOffsetVar = 'var(--efdz07)';
-var cellSizeVar = 'var(--yy5yw3)';
-var header = Skeleton.recipeRuntime({base:[{display:'grid'},'_13yrt10']});
-var leftTotalSizeVar = 'var(--_1ta7iwa)';
-var rightTotalSizeVar = 'var(--had1uz)';
-var table = Skeleton.recipeRuntime({base:'_1yptylg',variants:{pinned:{both:'_9snfm8',left:'_15n3wvq',none:{},right:'_1v66hvg'}}});
+var cell = Skeleton.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1m4udcq'],variants:{pinned:{left:'dn5wae',right:'_1mehsjg'},pinnedType:{body:'iktydb',header:{}}}});
+var cellOffsetVar = 'var(--vcjzw)';
+var cellSizeVar = 'var(--o9mv9v)';
+var header = Skeleton.recipeRuntime({base:[{display:'grid'},'_2snwe2']});
+var leftTotalSizeVar = 'var(--_4mhe59)';
+var rightTotalSizeVar = 'var(--_1xvgvzn)';
+var table = Skeleton.recipeRuntime({base:'xlelnu',variants:{pinned:{both:'_1r443se',left:'_17yaj58',none:{},right:'fh2cqt'}}});
 
 const IconSort = Skeleton.withIcon(
   {
@@ -1706,9 +1709,9 @@ const IconSortUp = Skeleton.withIcon(
   )
 );
 
-var button$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'saxa0d']});
-var handle = Skeleton.recipeRuntime({base:[{h:'full',z:'10'},'_6qsxk9'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1pce08o'],variants:{active:{false:'_1m42qoo',true:'_1y0nkzn'}}});
+var button$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_4bsdfs']});
+var handle = Skeleton.recipeRuntime({base:[{h:'full',z:'10'},'bs5vyn'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_4d088f'],variants:{active:{false:'_15f0ff2',true:'_1ds5m0l'}}});
 
 const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, ref) => {
   const sortDir = header.column.getIsSorted();
@@ -1937,7 +1940,7 @@ const fakeRow = (table, rowIndex) => ({
   id: "loading" + rowIndex
 });
 
-var addon = Skeleton.recipeRuntime({base:'l2g92q',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = Skeleton.recipeRuntime({base:'_1ivxycp',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
   label: size,
@@ -2022,8 +2025,8 @@ const IconCalendar = Skeleton.withIcon(
   )
 );
 
-var input$2 = Skeleton.recipeRuntime({base:'_18ijq1u'});
-var picker = Skeleton.recipeRuntime({base:'szk90l'});
+var input$2 = Skeleton.recipeRuntime({base:'_15dofjc'});
+var picker = Skeleton.recipeRuntime({base:'bjnqfm'});
 
 const DateInput = React.forwardRef(
   ({
@@ -2199,7 +2202,7 @@ function DatePicker({
 }
 DatePicker.displayName = "@optiaxiom/react/DatePicker";
 
-var panels$1 = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1vvuzt9']});
+var panels$1 = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1daj0el']});
 
 const DatePickerContent = React.forwardRef(
   ({
@@ -2416,7 +2419,7 @@ const DateRangePickerTrigger = React.forwardRef(
 );
 DateRangePickerTrigger.displayName = "@optiaxiom/react/DateRangePickerTrigger";
 
-var mark = Skeleton.recipeRuntime({base:'_1fh7x0c'});
+var mark = Skeleton.recipeRuntime({base:'_6ala4g'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -2448,8 +2451,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = Skeleton.recipeRuntime({base:'ezggdp',variants:{empty:{false:{},true:'_147zglj'}}});
-var input$1 = Skeleton.recipeRuntime({base:'_14amwrt'});
+var editor = Skeleton.recipeRuntime({base:'_1crb85r',variants:{empty:{false:{},true:'_8pf4p2'}}});
+var input$1 = Skeleton.recipeRuntime({base:'_1a4brh7'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -2530,7 +2533,7 @@ function getText(element) {
   return text;
 }
 
-var button = Skeleton.recipeRuntime({base:[{justifyContent:'space-between'},'_165z7ma']});
+var button = Skeleton.recipeRuntime({base:[{justifyContent:'space-between'},'_2drsbm']});
 var content = Skeleton.recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
 var label = Skeleton.recipeRuntime({base:[{color:'fg.secondary',cursor:'pointer',maxW:'full',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
 
@@ -2561,7 +2564,7 @@ const LabelMenuButton = React.forwardRef(
 );
 LabelMenuButton.displayName = "@optiaxiom/react/LabelMenuButton";
 
-var layout = Skeleton.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1y6bhal']});
+var layout = Skeleton.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1cc49pq']});
 
 const Layout = React.forwardRef(
   ({ children, className, header, sidebar, ...props }, ref) => {
@@ -2593,10 +2596,12 @@ function MenuPopover(props) {
 }
 MenuPopover.displayName = "@optiaxiom/react/MenuPopover";
 
+const [MenuSubProvider, useMenuSubContext] = reactContext.createContext("@optiaxiom/react/MenuSub");
+
 function Menu({
   children,
-  defaultInputVisible,
   defaultOpen = false,
+  initialInputVisible,
   inputValue: inputValueProp,
   onInputValueChange,
   onOpenChange,
@@ -2623,43 +2628,41 @@ function Menu({
     onChange: onInputValueChange,
     prop: inputValueProp
   });
-  const [activePath, setActivePath] = React.useState([]);
+  const [activeItems, setActiveItems] = React.useState();
+  const [subMenuOpen, setSubMenuOpen] = React.useState(false);
   React.useEffect(() => {
     if (inputValue && size === "sm") {
-      setActivePath((path) => path.length ? [] : path);
+      setSubMenuOpen(false);
     }
   }, [inputValue, size]);
   React.useEffect(() => {
     if (size === "sm") {
       if (!open) {
-        setActivePath((path) => path.length ? [] : path);
+        setSubMenuOpen(false);
       }
     } else {
       if (open) {
-        setActivePath((path) => path.length ? [] : path);
+        setActiveItems(void 0);
       }
     }
   }, [open, size]);
   const inputRef = React.useRef(null);
   const options = React.useMemo(
-    () => activePath.length && size === "lg" ? activePath.reduce(
-      (result, index) => result[index].subOptions ?? [],
-      optionsProp
-    ) : size === "sm" ? optionsProp.map((option) => ({
+    () => size === "sm" ? optionsProp.map((option) => ({
       ...option,
       label: option.subOptions ? resolveItemProperty(option.label, { inputValue }).replace(
         "\u2026",
         ""
       ) : resolveItemProperty(option.label, { inputValue })
-    })) : optionsProp,
-    [activePath, inputValue, optionsProp, size]
+    })) : activeItems ?? optionsProp,
+    [activeItems, inputValue, optionsProp, size]
   );
   const hasSelectableItem = React.useMemo(
-    () => options.some((item) => "selected" in item),
+    () => options.filter((item) => "selected" in item).length > options.length / 2,
     [options]
   );
   const inputDefaultVisibleRef = React.useRef(hasSelectableItem);
-  inputDefaultVisibleRef.current = hasSelectableItem || defaultInputVisible || false;
+  inputDefaultVisibleRef.current = initialInputVisible !== void 0 ? initialInputVisible : hasSelectableItem || false;
   const [inputVisible, setInputVisible] = React.useState(
     inputDefaultVisibleRef.current
   );
@@ -2677,11 +2680,10 @@ function Menu({
     if (size === "lg") {
       setInputVisible(inputDefaultVisibleRef.current);
     }
-  }, [activePath, size]);
+  }, [activeItems, size]);
   return /* @__PURE__ */ jsxRuntime.jsx(Comp, { onOpenChange: setOpen, open, children: /* @__PURE__ */ jsxRuntime.jsx(
     MenuProvider,
     {
-      activePath,
       inputRef,
       inputVisible,
       onSelect: (item, { close }) => {
@@ -2692,7 +2694,6 @@ function Menu({
       },
       open,
       placeholder,
-      setActivePath,
       setOpen,
       size,
       children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2700,20 +2701,16 @@ function Menu({
         {
           inputValue,
           onHover: (item) => {
-            if (item.subOptions?.length) {
-              const index = options.indexOf(item);
-              setActivePath((path) => !path.includes(index) ? [index] : path);
-            } else {
-              setActivePath((path) => path.length ? [] : path);
-            }
+            setSubMenuOpen(!!item.subOptions?.length);
           },
           onInputValueChange: setInputValue,
           onSelect: (item, { close }) => {
             if (item.subOptions?.length) {
-              const index = options.indexOf(item);
-              setActivePath(
-                (path) => path.at(-1) !== index ? [...path, index] : path
-              );
+              if (size === "lg") {
+                setActiveItems(item.subOptions);
+              } else {
+                setSubMenuOpen(true);
+              }
             } else {
               item.execute?.({ inputValue });
               if (typeof openProp === "undefined" && close) {
@@ -2724,7 +2721,15 @@ function Menu({
           open,
           options,
           ...props,
-          children
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            MenuSubProvider,
+            {
+              inputRef,
+              open: subMenuOpen,
+              setOpen: setSubMenuOpen,
+              children
+            }
+          )
         }
       )
     }
@@ -2749,7 +2754,7 @@ const MenuDialogContent = React.forwardRef(
 );
 MenuDialogContent.displayName = "@optiaxiom/react/MenuDialogContent";
 
-var input = Skeleton.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_15n1uf2']}}});
+var input = Skeleton.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'a0bogi']}}});
 
 const MenuInput = React.forwardRef(
   ({ className, ...props }, outerRef) => {
@@ -2830,33 +2835,27 @@ const MenuRadioItem = React.forwardRef(
 );
 MenuRadioItem.displayName = "@optiaxiom/react/MenuRadioItem";
 
-const [MenuNestedProvider, useMenuNestedContext] = reactContext.createContext("@optiaxiom/react/MenuNested", { inputRef: void 0, level: 0 });
-
-const [MenuSubProvider, useMenuSubContext] = reactContext.createContext("@optiaxiom/react/MenuSub");
-
 const MenuSubContent = React.forwardRef(
-  ({ align = "start", children, item, side = "right", ...props }, outerRef) => {
+  ({ align = "start", children, item, side = "right", ...props }, ref) => {
     const options = React.useMemo(() => item.subOptions ?? [], [item]);
-    const {
-      activePath,
-      inputRef: rootInputRef,
-      onSelect,
-      setActivePath,
-      setOpen
-    } = useMenuContext("@optiaxiom/react/MenuSubContent");
+    const { onSelect, setOpen: setRootMenuOpen } = useMenuContext(
+      "@optiaxiom/react/MenuSubContent"
+    );
     const { setInputValue } = useCommandContext(
       "@optiaxiom/react/MenuSubContent"
     );
     const {
-      contentRef,
-      inputRef,
-      level,
-      setOpen: setSubOpen
+      inputRef: parentInputRef,
+      open,
+      setOpen
     } = useMenuSubContext("@optiaxiom/react/MenuSubContent");
-    const { inputRef: parentInputRef = rootInputRef } = useMenuNestedContext(
-      "@optiaxiom/react/MenuSubContent"
-    );
-    const ref = reactComposeRefs.useComposedRefs(contentRef, outerRef);
+    const inputRef = React.useRef(null);
+    const [subMenuOpen, setSubMenuOpen] = React.useState(false);
+    React.useEffect(() => {
+      if (!open) {
+        setSubMenuOpen(false);
+      }
+    }, [open]);
     return /* @__PURE__ */ jsxRuntime.jsx(
       Skeleton.PopoverContent,
       {
@@ -2865,13 +2864,13 @@ const MenuSubContent = React.forwardRef(
         maxH: "sm",
         minW: "trigger",
         onCloseAutoFocus: (event) => {
-          if (activePath.length > level) {
+          if (open) {
             return;
           }
           event.preventDefault();
           parentInputRef.current?.focus();
         },
-        onEscapeKeyDown: () => setOpen(false),
+        onEscapeKeyDown: () => setRootMenuOpen(false),
         p: "4",
         ref,
         side,
@@ -2881,16 +2880,7 @@ const MenuSubContent = React.forwardRef(
           Command,
           {
             onHover: (item2) => {
-              if (item2.subOptions?.length) {
-                const index = options.indexOf(item2);
-                setActivePath(
-                  (path) => path[level + 1] !== index ? [...path.slice(0, level + 1), index] : path
-                );
-              } else {
-                setActivePath(
-                  (path) => path.length > level + 1 ? path.slice(0, level + 1) : path
-                );
-              }
+              setSubMenuOpen(!!item2.subOptions?.length);
             },
             onInputValueChange: (inputValue) => {
               parentInputRef.current?.focus();
@@ -2898,10 +2888,7 @@ const MenuSubContent = React.forwardRef(
             },
             onSelect: (item2, { close }) => {
               if (item2.subOptions?.length) {
-                const index = options.indexOf(item2);
-                setActivePath(
-                  (path) => path[level + 1] !== index ? [...path.slice(0, level + 1), index] : path
-                );
+                setSubMenuOpen(true);
               } else {
                 onSelect(item2, { close });
               }
@@ -2915,13 +2902,21 @@ const MenuSubContent = React.forwardRef(
                   onKeyDown: (event) => {
                     if (event.key === "ArrowLeft") {
                       event.preventDefault();
-                      setSubOpen(false);
+                      setOpen(false);
                     }
                   },
                   ref: inputRef
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(MenuNestedProvider, { inputRef, level: level + 1, children: /* @__PURE__ */ jsxRuntime.jsx(MenuListbox, {}) })
+              /* @__PURE__ */ jsxRuntime.jsx(
+                MenuSubProvider,
+                {
+                  inputRef,
+                  open: subMenuOpen,
+                  setOpen: setSubMenuOpen,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(MenuListbox, {})
+                }
+              )
             ]
           }
         )
@@ -2932,11 +2927,9 @@ const MenuSubContent = React.forwardRef(
 MenuSubContent.displayName = "@optiaxiom/react/MenuSubContent";
 
 const MenuSubTrigger = React.forwardRef(
-  ({ children, item, onPointerDown, ...props }, ref) => {
+  ({ children, contentRef, item, onPointerDown, ...props }, ref) => {
     const { downshift, highlightedItem, pauseInteractionRef } = useCommandContext("@optiaxiom/react/MenuSubTrigger");
-    const { contentRef, open } = useMenuSubContext(
-      "@optiaxiom/react/MenuSubTrigger"
-    );
+    const { open } = Skeleton.usePopoverContext("@optiaxiom/react/MenuSubTrigger");
     return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.FilteredSlot, { exclude: "type", children: /* @__PURE__ */ jsxRuntime.jsx(
       MenuItem,
       {
@@ -2988,33 +2981,14 @@ const MenuSubTrigger = React.forwardRef(
 );
 MenuSubTrigger.displayName = "@optiaxiom/react/MenuSubTrigger";
 
-function MenuSub({ children, item }) {
-  const { activePath, setActivePath } = useMenuContext(
-    "@optiaxiom/react/MenuSub"
-  );
-  const { items } = useCommandContext("@optiaxiom/react/MenuSub");
-  const { level } = useMenuNestedContext("@optiaxiom/react/MenuSub");
-  const index = items.indexOf(item);
+function MenuSub({ item }) {
+  const { highlightedItem } = useCommandContext("@optiaxiom/react/MenuSub");
+  const { open } = useMenuSubContext("@optiaxiom/react/MenuSub");
   const contentRef = React.useRef(null);
-  const inputRef = React.useRef(null);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    MenuSubProvider,
-    {
-      contentRef,
-      inputRef,
-      level,
-      open: activePath[level] === index,
-      setOpen: () => {
-        setActivePath(
-          (path) => path[level] === index ? path.slice(0, level) : path
-        );
-      },
-      children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Popover, { open: activePath[level] === index, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(MenuSubTrigger, { item }),
-        /* @__PURE__ */ jsxRuntime.jsx(MenuSubContent, { item })
-      ] })
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Popover, { open: open && highlightedItem === item, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(MenuSubTrigger, { contentRef, item }),
+    /* @__PURE__ */ jsxRuntime.jsx(MenuSubContent, { item, ref: contentRef })
+  ] });
 }
 MenuSub.displayName = "@optiaxiom/react/MenuSub";
 
@@ -3026,7 +3000,7 @@ const MenuListbox = React.forwardRef(
     const shouldShowSeparator = (group) => {
       const show = !isFirstItem;
       isFirstItem = false;
-      return show && group && group !== lastGroup && group.separator;
+      return show && group !== lastGroup && (group?.separator || lastGroup?.separator);
     };
     const shouldShowGroup = (group) => {
       const show = group !== lastGroup;
@@ -3119,7 +3093,7 @@ const MenuTrigger = React.forwardRef(
 );
 MenuTrigger.displayName = "@optiaxiom/react/MenuTrigger";
 
-var pill = Skeleton.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'tol3up'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = Skeleton.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_1aecjbe'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -3151,7 +3125,7 @@ const PillGroup = React.forwardRef(
 PillGroup.displayName = "@optiaxiom/react/PillGroup";
 
 function Spotlight({ children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Menu, { defaultInputVisible: true, size: "lg", ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Menu, { initialInputVisible: true, size: "lg", ...props, children });
 }
 Spotlight.displayName = "@optiaxiom/react/Spotlight";