@optiaxiom/react 1.5.9 → 1.5.10

package/dist/cjs/unstable.js

@@ -3,90 +3,90 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var IconMagnifyingGlass = require('./IconMagnifyingGlass-l4lyw31a.js');
+var IconMagnifyingGlass = require('./IconMagnifyingGlass-DHMMizt_.js');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var downshift = require('downshift');
 var reactContext = require('@radix-ui/react-context');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var clsx = require('clsx');
-require('./assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-cZVGhcw3.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-Bf6pAFWt.css');
+require('./assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BYJNgn6o.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-DN_An87W.css');
 var reactId = require('@radix-ui/react-id');
-require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-Bgb_K_qI.css');
-require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-C0t-ImS8.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-B7ifRXzK.css');
-require('./assets/src/card/Card.css.ts.vanilla-DWRoAkEU.css');
-require('./assets/src/card/CardCheckbox.css.ts.vanilla-CQA9E9Hd.css');
-require('./assets/src/card/CardHeader.css.ts.vanilla-BI52cGXd.css');
-require('./assets/src/card/CardPreview.css.ts.vanilla-Cbq2BzJm.css');
+require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-DLUJJuft.css');
+require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-pqw_XDl8.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-CLhL08Qx.css');
+require('./assets/src/card/Card.css.ts.vanilla-oWhKJmKK.css');
+require('./assets/src/card/CardCheckbox.css.ts.vanilla-Ck-_5yDk.css');
+require('./assets/src/card/CardHeader.css.ts.vanilla-QkND2uAJ.css');
+require('./assets/src/card/CardPreview.css.ts.vanilla-D1e3eylu.css');
 var reactDropzone = require('react-dropzone');
-require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-CaOs20ch.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-DHIzBl3t.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-BtRpxB_S.css');
-require('./assets/src/layout/Layouts.css.ts.vanilla-BpdJM0hh.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-n2n71GxY.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-CrppmEYN.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-DlfuUVHO.css');
+require('./assets/src/layout/Layouts.css.ts.vanilla-DXRcmYF_.css');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/pill/Pill.css.ts.vanilla-DF8TRDwX.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-BlpQ57RP.css');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-DSLCmr1W.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-B5cgV8cp.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-DrojkcgI.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BGkDreBM.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-B1nj-lOR.css');
-require('./assets/src/table/Table.css.ts.vanilla-BYeQmH2Y.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-BtH1pKw7.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-DtHSZb8O.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-CWBvbpJk.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-Cn1jZj8u.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BlgVEAMG.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DzVT4QtY.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-wSHLqyac.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BAVurMho.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-1KkhXf1t.css');
+require('./assets/src/table/Table.css.ts.vanilla-DCDR7tYW.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-DHIbyg_C.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-DXINfsi5.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-Bmr9nk1h.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-Dmfk9zLL.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-DryjnOnk.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-CW31SvjP.css');
 require('react-day-picker');
 require('@radix-ui/react-popper');
 require('@optiaxiom/globals');
 require('@radix-ui/react-tooltip');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-Bt1RIzxm.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-DBgZ4dAA.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BYhjXrzi.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-CARPueAn.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-C9_LVZhG.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BGkDreBM.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-BOUgRCH_.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-BiEjtAX-.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CIdPzP1Z.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BA7j01ok.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-78lgmVm1.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-B7DJPVcg.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BAVurMho.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-DcQtYZUX.css');
 require('@radix-ui/react-popover');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BGkDreBM.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-C3Eyp63O.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-B2jY-FTQ.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-IAcLEIVH.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-B4bfdvSK.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-X7dcCdH-.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-TBDke6xS.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-DKfCsVm2.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BAVurMho.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-C_JacPym.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CO_lSItd.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-aKRxf5sl.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-_DVreXE5.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DXGNK9-Q.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-NslPP0n7.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-DlZg_zL9.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-Bysb5ICL.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-esk_cjZB.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-vJ4ibcUx.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-CM6oB7tu.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-CXdnCizu.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-BseVK4OE.css');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BGkDreBM.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BAVurMho.css');
 require('@vanilla-extract/dynamic');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BXy_kn-B.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-OS6irg_N.css');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('react-remove-scroll');
 require('@radix-ui/react-portal');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-guagiIXf.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-B7FTN28g.css');
-require('./assets/src/text/Text.css.ts.vanilla-D5aE5ZD3.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-DZD1FoAu.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-Bd1_WKe2.css');
+require('./assets/src/text/Text.css.ts.vanilla-D1op-0Em.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-CfYbRkTA.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-BZilmyUD.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-Cn8okhqh.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-C9Tu4ZkQ.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-LUQvS36-.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-BdzgK3QK.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-BbogaacG.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-UGYsg4Cs.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-C5DcVSup.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-DH9Jf0fk.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-DVrj3i5o.css');
-require('./assets/src/box/Box.css.ts.vanilla-9dOX9gEv.css');
-require('./assets/src/link/Link.css.ts.vanilla-D64-a8ia.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-BpQvbhHk.css');
+require('./assets/src/box/Box.css.ts.vanilla-7Txzm60e.css');
+require('./assets/src/link/Link.css.ts.vanilla-CxXwCi-M.css');
 
 const keyNameMap = {
   " ": "space",
@@ -218,7 +218,7 @@ function fuzzysearch(haystack, needle) {
   return true;
 }
 function score(item, inputValue) {
-  if (!inputValue) {
+  if (!inputValue || item.skipFilterScoring) {
     return 0;
   }
   const label = resolveItemProperty(item.label, { inputValue }).normalize().toLowerCase();
@@ -319,8 +319,12 @@ function Command({
         onItemSelect?.(selectedItem, {
           dismiss: type !== downshift.useCombobox.stateChangeTypes.FunctionSelectItem || !("selected" in selectedItem)
         });
+        downshift$1.selectItem(null);
       }
     },
+    scrollIntoView(node) {
+      node.scrollIntoView({ block: "nearest" });
+    },
     selectedItem: null,
     stateReducer: (state, actionAndChanges) => {
       const { changes, type } = actionAndChanges;
@@ -746,7 +750,7 @@ function Menu({
 }
 Menu.displayName = "@optiaxiom/react/Menu";
 
-var content$1 = IconMagnifyingGlass.recipeRuntime({base:'x4klq0'});
+var content$1 = IconMagnifyingGlass.recipeRuntime({base:'_1dng7qd'});
 
 const MenuDialogContent = React.forwardRef(
   ({
@@ -787,7 +791,7 @@ const MenuDialogContent = React.forwardRef(
 );
 MenuDialogContent.displayName = "@optiaxiom/react/MenuDialogContent";
 
-var input$1 = IconMagnifyingGlass.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1qskfih']}}});
+var input$1 = IconMagnifyingGlass.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_3g7siv']}}});
 
 const MenuInput = React.forwardRef(
   ({ className, onKeyDown, ...props }, outerRef) => {
@@ -849,9 +853,11 @@ const MenuCheckboxItem = React.forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     IconMagnifyingGlass.ListboxCheckboxItem,
     {
-      addonBefore: props.item.addon,
+      addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
       asChild: true,
-      description: props.item.description,
+      description: resolveItemProperty(props.item.description, {
+        inputValue
+      }),
       onCheckedChange: () => !resolveItemProperty(props.item.disabledReason) && props.item.execute?.({ dismiss: false, inputValue }),
       children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
     }
@@ -862,12 +868,15 @@ MenuCheckboxItem.displayName = "@optiaxiom/react/MenuCheckboxItem";
 const MenuItem = React.forwardRef(
   ({ children, ...props }, ref) => {
     const Comp = props.item.href ? "a" : "div";
+    const { inputValue } = useCommandContext("@optiaxiom/react/MenuItem");
     return /* @__PURE__ */ jsxRuntime.jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
       IconMagnifyingGlass.ListboxItem,
       {
-        addonBefore: props.item.addon,
+        addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
         asChild: true,
-        description: props.item.description,
+        description: resolveItemProperty(props.item.description, {
+          inputValue
+        }),
         intent: props.item.intent,
         children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
       }
@@ -879,12 +888,15 @@ MenuItem.displayName = "@optiaxiom/react/MenuItem";
 const MenuRadioItem = React.forwardRef(
   ({ children, ...props }, ref) => {
     const Comp = props.item.href ? "a" : "div";
+    const { inputValue } = useCommandContext("@optiaxiom/react/MenuRadioItem");
     return /* @__PURE__ */ jsxRuntime.jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
       IconMagnifyingGlass.ListboxRadioItem,
       {
-        addonBefore: props.item.addon,
+        addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
         asChild: true,
-        description: props.item.description,
+        description: resolveItemProperty(props.item.description, {
+          inputValue
+        }),
         children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
       }
     ) });
@@ -1165,9 +1177,11 @@ const MenuSwitchItem = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
       IconMagnifyingGlass.ListboxSwitchItem,
       {
-        addonBefore: props.item.addon,
+        addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
         asChild: true,
-        description: props.item.description,
+        description: resolveItemProperty(props.item.description, {
+          inputValue
+        }),
         onCheckedChange: () => !resolveItemProperty(props.item.disabledReason) && props.item.execute?.({ dismiss: false, inputValue }),
         children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
       }
@@ -1342,12 +1356,12 @@ const MenuTrigger = React.forwardRef(
 );
 MenuTrigger.displayName = "@optiaxiom/react/MenuTrigger";
 
-var link = IconMagnifyingGlass.recipeRuntime({base:'_1vobdsg'});
-var list = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'tq6pzd']});
+var link = IconMagnifyingGlass.recipeRuntime({base:'_1azp3l5'});
+var list = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_1u2ntml']});
 
-var item$1 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'zpbbe3']});
+var item$1 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'hv9i98']});
 
-const BreadcrumbItem = React.forwardRef(
+const BreadcrumbNode = React.forwardRef(
   ({ addonAfter, children, className, ...props }, ref) => {
     const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
     return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...item$1({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsxs("li", { ref, ...restProps, children: [
@@ -1356,18 +1370,18 @@ const BreadcrumbItem = React.forwardRef(
     ] }) });
   }
 );
-BreadcrumbItem.displayName = "@optiaxiom/react/BreadcrumbItem";
+BreadcrumbNode.displayName = "@optiaxiom/react/BreadcrumbNode";
 
 const Breadcrumb = React.forwardRef(
   ({ className, items, maxItems = 3, ...props }, ref) => {
     const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, className, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...list(), children: /* @__PURE__ */ jsxRuntime.jsx("ol", { children: renderItems(items, maxItems, (item, index) => /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { addonAfter: item.addonAfter, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Tooltip, { auto: true, content: item.label, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { asChild: true, truncate: true, children: index === items.length - 1 || !item.href ? /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, className, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...list(), children: /* @__PURE__ */ jsxRuntime.jsx("ol", { children: renderItems(items, maxItems, (item, index) => /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbNode, { addonAfter: item.addonAfter, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Tooltip, { auto: true, content: item.label, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { asChild: true, truncate: true, children: index === items.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx(
       IconMagnifyingGlass.Box,
       {
         "aria-current": index === items.length - 1 ? "page" : void 0,
         children: item.label
       }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
+    ) : item.href ? /* @__PURE__ */ jsxRuntime.jsx(
       IconMagnifyingGlass.Link,
       {
         appearance: "subtle",
@@ -1375,7 +1389,7 @@ const Breadcrumb = React.forwardRef(
         ...link(),
         children: item.label
       }
-    ) }) }) })) }) }) }) });
+    ) : item.execute ? /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Link, { appearance: "subtle", asChild: true, ...link(), children: /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => item.execute?.(), children: item.label }) }) : null }) }) })) }) }) }) });
   }
 );
 Breadcrumb.displayName = "@optiaxiom/react/Breadcrumb";
@@ -1394,7 +1408,7 @@ const renderItems = (items, limit = items.length, renderItem) => {
   ];
   return [
     ...items.slice(boundaries[0], boundaries[1]).map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: renderItem(item, index) }, "left" + index)),
-    boundaries[2] > boundaries[1] && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(Menu, { options: items.slice(boundaries[1], boundaries[2]), children: [
+    boundaries[2] > boundaries[1] && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbNode, { children: /* @__PURE__ */ jsxRuntime.jsxs(Menu, { options: items.slice(boundaries[1], boundaries[2]), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         MenuTrigger,
         {
@@ -1409,7 +1423,7 @@ const renderItems = (items, limit = items.length, renderItem) => {
   ];
 };
 
-var card = IconMagnifyingGlass.recipeRuntime({base:['_1dt45gc',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'_6ub5bd']});
+var card = IconMagnifyingGlass.recipeRuntime({base:['_11rxhd6',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'p3zn6u']});
 
 const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
@@ -1429,7 +1443,7 @@ const CardAction = React.forwardRef(
 );
 CardAction.displayName = "@optiaxiom/react/CardAction";
 
-var checkbox = IconMagnifyingGlass.recipeRuntime({base:['g1jyek']});
+var checkbox = IconMagnifyingGlass.recipeRuntime({base:['f2veql']});
 
 const CardCheckbox = React.forwardRef(
   ({ className, onChange, ...props }, ref) => {
@@ -1470,9 +1484,9 @@ const CardFooter = React.forwardRef(
 );
 CardFooter.displayName = "@optiaxiom/react/CardFooter";
 
-var addon = IconMagnifyingGlass.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_12ld5tn',before:'w6hkxd'}}});
-var content = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1'},'_136szac']});
-var header = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_1oqljvl']});
+var addon = IconMagnifyingGlass.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'gmf6ua',before:'kchyk4'}}});
+var content = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1'},'yzdak2']});
+var header = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_1aje92']});
 
 const CardHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -1507,8 +1521,8 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var overlay = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'nlygyh']});
-var preview = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1716fhe']});
+var overlay = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'nndg15']});
+var preview = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'of449v']});
 
 const CardPreview = React.forwardRef(
   ({
@@ -1617,7 +1631,7 @@ const IconFileImportSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-var dropzone = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',border:'1',cursor:'pointer',display:'flex',flexDirection:'column',fontSize:'md',gap:'8',justifyContent:'center',p:'16',rounded:'lg',textAlign:'center',transition:'colors'},'_159pt2e'],variants:{drag:{accept:[{borderColor:'border.success'},'_5mn998'],'default':'zhiwws',reject:[{borderColor:'border.error'},'_9vquf9']}}});
+var dropzone = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',border:'1',cursor:'pointer',display:'flex',flexDirection:'column',fontSize:'md',gap:'8',justifyContent:'center',p:'16',rounded:'lg',textAlign:'center',transition:'colors'},'wj074x'],variants:{drag:{accept:[{borderColor:'border.success'},'_1af2g9y'],'default':'_11jk794',reject:[{borderColor:'border.error'},'huwe3x']}}});
 
 const FileUploadDropzone = React.forwardRef(({ children, className, ...props }, ref) => {
   const { getInputProps, getRootProps, isDragAccept, isDragReject } = useFileUploadContext("@optiaxiom/react/FileUploadDropzone");
@@ -1646,7 +1660,7 @@ const FileUploadDropzone = React.forwardRef(({ children, className, ...props },
 });
 FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
 
-var mark = IconMagnifyingGlass.recipeRuntime({base:'_17p5tlb'});
+var mark = IconMagnifyingGlass.recipeRuntime({base:'p121cq'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -1678,8 +1692,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = IconMagnifyingGlass.recipeRuntime({base:'_1qoti6t',variants:{empty:{false:{},true:'_1mbhevs'}}});
-var input = IconMagnifyingGlass.recipeRuntime({base:'pg5m4f'});
+var editor = IconMagnifyingGlass.recipeRuntime({base:'c4qn84',variants:{empty:{false:{},true:'_11un4je'}}});
+var input = IconMagnifyingGlass.recipeRuntime({base:'p4mvwe'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -1760,7 +1774,7 @@ function getText(element) {
   return text;
 }
 
-var layout = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1r4g79e']});
+var layout = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1sdcjpc']});
 
 const Layout = React.forwardRef(
   ({ children, className, header, sidebar, ...props }, ref) => {
@@ -1785,7 +1799,7 @@ const Layout = React.forwardRef(
 );
 Layout.displayName = "@optiaxiom/react/Layout";
 
-var pill = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'yjgp0o'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'a6dspc'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -1878,7 +1892,7 @@ const SortableGroup = React.forwardRef(
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = IconMagnifyingGlass.recipeRuntime({base:'_6s2cl5'});
+var handle = IconMagnifyingGlass.recipeRuntime({base:'_1qbms7t'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -1903,7 +1917,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = IconMagnifyingGlass.recipeRuntime({base:'t995ym',variants:{handle:{false:{},true:'sk3r4u'}}});
+var item = IconMagnifyingGlass.recipeRuntime({base:'_1avm0ae',variants:{handle:{false:{},true:'_1mfptim'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {

package/dist/esm/assets/src/actions/ActionsContent.css.ts.vanilla-1KkhXf1t.css

@@ -0,0 +1,22 @@
+@layer optiaxiom._1ee6v2p;
+@layer optiaxiom._1ee6v2p {
+  ._1k88kph {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  ._1widhgz:not(:has(._1widhgz)):focus-within ._1k88kph, ._1k88kph:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+    opacity: 1;
+    transition: none;
+  }
+  .uvr48f {
+    opacity: 1;
+  }
+  ._1odk0jj {
+    opacity: 0;
+  }
+  @media (hover: hover) {
+    ._1widhgz:not(:has(._1widhgz)):hover ._1k88kph {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

package/dist/esm/assets/src/alert/{Alert.css.ts.vanilla-CFb9cYSW.css → Alert.css.ts.vanilla-D02ndAKc.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._1m1gdh0;
-@layer optiaxiom._1m1gdh0 {
-  .p82bm9 {
+@layer optiaxiom._1ee6v2p;
+@layer optiaxiom._1ee6v2p {
+  ._64luvv {
     background-image: radial-gradient(150% 150% at 22px 22px, #F5F3FF, #E5EFFF);
   }
-  .c2nmol {
+  .rccbou {
     min-height: var(--ax-size-sm);
   }
 }

package/dist/esm/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BmJYhrX6.css

@@ -0,0 +1,30 @@
+@layer optiaxiom._1ee6v2p;
+@layer optiaxiom._1ee6v2p {
+  ._16tkcoq {
+    opacity: 0;
+  }
+  .rl21zh {
+    inset: 0;
+    position: fixed;
+  }
+  ._12tw3rj {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--kxwbtf)))
+      scale(calc(1 - 0.06 * var(--kxwbtf)))
+    ;
+  }
+  ._12tw3rj:focus-visible {
+    outline: none;
+  }
+  .oms8am {
+    width: 400px;
+  }
+  ._16iwgxp {
+    width: 600px;
+  }
+  .j4v7xp {
+    width: 800px;
+  }
+}

package/dist/esm/assets/src/alert-dialog/{AlertDialogFooter.css.ts.vanilla-_7Ay-QZw.css → AlertDialogFooter.css.ts.vanilla-BrT4HWEG.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1m1gdh0;
-@layer optiaxiom._1m1gdh0 {
-  .e1gmyr {
+@layer optiaxiom._1ee6v2p;
+@layer optiaxiom._1ee6v2p {
+  ._1gmud24 {
     border-top: 1px solid var(--ax-colors-border-secondary);
     bottom: 0;
     position: sticky;

package/dist/esm/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DZ7RPZz0.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1ee6v2p;
+@layer optiaxiom._1ee6v2p {
+  ._14o4bll {
+    position: sticky;
+    top: 0;
+  }
+}

package/dist/esm/assets/src/avatar/{Avatar.css.ts.vanilla-en67x_NI.css → Avatar.css.ts.vanilla-DAvHr4BY.css}

@@ -1,52 +1,52 @@
-@layer optiaxiom._1m1gdh0;
-@layer optiaxiom._1m1gdh0 {
-  ._6kji2f {
+@layer optiaxiom._1ee6v2p;
+@layer optiaxiom._1ee6v2p {
+  ._14s8dux {
     -webkit-user-select: none;
             user-select: none;
   }
-  .xhgge3 ._6kji2f {
+  .c046r4 ._14s8dux {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  .wk2rbs {
+  ._14w3bck {
     font-size: 8px;
   }
-  .xhgge3 .wk2rbs:not(:first-child) {
+  .c046r4 ._14w3bck:not(:first-child) {
     margin-left: -1px;
   }
-  ._1mmti04 {
+  ._1wdo3dw {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .xhgge3 ._1mmti04:not(:first-child) {
+  .c046r4 ._1wdo3dw:not(:first-child) {
     margin-left: -3px;
   }
-  ._1nq3vw8 {
+  ._189jgwb {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .xhgge3 ._1nq3vw8:not(:first-child) {
+  .c046r4 ._189jgwb:not(:first-child) {
     margin-left: -5px;
   }
-  ._16n5i3u {
+  ._1nj0pcz {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  .xhgge3 ._16n5i3u:not(:first-child) {
+  .c046r4 ._1nj0pcz:not(:first-child) {
     margin-left: -7px;
   }
-  ._1nffsc {
+  ._1lapgnx {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  .xhgge3 ._1nffsc:not(:first-child) {
+  .c046r4 ._1lapgnx:not(:first-child) {
     margin-left: -9px;
   }
-  ._11k7pv8 {
+  .q5gcto {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  .xhgge3 ._11k7pv8:not(:first-child) {
+  .c046r4 .q5gcto:not(:first-child) {
     margin-left: -11px;
   }
-  .p5u5rn {
+  ._3e55uu {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  .xhgge3 .p5u5rn:not(:first-child) {
+  .c046r4 ._3e55uu:not(:first-child) {
     margin-left: -13px;
   }
 }

package/dist/{cjs/assets/src/backdrop/Backdrop.css.ts.vanilla-BXy_kn-B.css → esm/assets/src/backdrop/Backdrop.css.ts.vanilla-OS6irg_N.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1m1gdh0;
-@layer optiaxiom._1m1gdh0 {
-  .ok3uvj {
+@layer optiaxiom._1ee6v2p;
+@layer optiaxiom._1ee6v2p {
+  .arq9eo {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

package/dist/esm/assets/src/badge/Badge.css.ts.vanilla-DHmGIz1q.css

@@ -0,0 +1,48 @@
+@layer optiaxiom._1ee6v2p;
+@layer optiaxiom._1ee6v2p {
+  ._2izl6u {
+    --_1ybouoq: var(--ax-colors-fg-white);
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._16d90ui {
+    --_190jij2: var(--ax-colors-bg-error);
+    --_1j53go2: var(--ax-colors-bg-error-subtle);
+    --_1mu4k8u: var(--ax-colors-fg-error-strong);
+  }
+  ._15mgm5i {
+    --_190jij2: var(--ax-colors-bg-information);
+    --_1j53go2: var(--ax-colors-bg-information-subtle);
+    --_1mu4k8u: var(--ax-colors-fg-information-strong);
+  }
+  ._3xwv4a {
+    --_190jij2: var(--ax-colors-bg-tertiary);
+    --_1ybouoq: var(--ax-colors-fg-default);
+    --_1j53go2: var(--ax-colors-bg-secondary);
+    --_1mu4k8u: var(--ax-colors-fg-secondary);
+  }
+  .wgefih {
+    --_190jij2: var(--ax-colors-bg-accent);
+    --_1j53go2: var(--ax-colors-bg-accent-subtle);
+    --_1mu4k8u: var(--ax-colors-fg-accent-strong);
+  }
+  ._1ix52g9 {
+    --_190jij2: var(--ax-colors-bg-success);
+    --_1j53go2: var(--ax-colors-bg-success-subtle);
+    --_1mu4k8u: var(--ax-colors-fg-success-strong);
+  }
+  .mhog9k {
+    --_190jij2: var(--ax-colors-bg-warning);
+    --_1ybouoq: var(--ax-colors-fg-warning-inverse);
+    --_1j53go2: var(--ax-colors-bg-warning-subtle);
+    --_1mu4k8u: var(--ax-colors-fg-warning-strong);
+  }
+  .uhwg00 {
+    background-color: var(--_190jij2);
+    color: var(--_1ybouoq);
+  }
+  .udbe6q {
+    background-color: var(--_1j53go2);
+    color: var(--_1mu4k8u);
+  }
+}

package/dist/esm/assets/src/banner/Banner.css.ts.vanilla-DyRbqa4J.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1ee6v2p;
+@layer optiaxiom._1ee6v2p {
+  .bb3iz3 {
+    min-height: var(--ax-size-sm);
+  }
+}