@optiaxiom/react 1.5.2 → 1.5.4

package/dist/cjs/unstable.js

@@ -3,88 +3,88 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var IconMagnifyingGlass = require('./IconMagnifyingGlass-CacSUrdL.js');
+var IconMagnifyingGlass = require('./IconMagnifyingGlass-hmmKrmr2.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');
-require('./assets/src/layers/layers.css.ts.vanilla-Civa05NT.css');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DzL9QYXt.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-h2ap7D1w.css');
-require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-DUpbZMlu.css');
-require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-BwQYNtNR.css');
+require('./assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-B4CE23FH.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-Bg2YlhiL.css');
+require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-DNdX_o65.css');
+require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-8XG07EDw.css');
 var reactId = require('@radix-ui/react-id');
-require('./assets/src/cover/Cover.css.ts.vanilla-B917GpyM.css');
-require('./assets/src/card/Card.css.ts.vanilla-BXn3GyGV.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-Bvm4KJcN.css');
+require('./assets/src/card/Card.css.ts.vanilla-C3iyrQhz.css');
 var clsx = require('clsx');
-require('./assets/src/card/CardCheckbox.css.ts.vanilla-Cc9swtry.css');
-require('./assets/src/card/CardHeader.css.ts.vanilla-CyeV8u85.css');
-require('./assets/src/card/CardPreview.css.ts.vanilla-C6u08X0W.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-DckVHko3.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-DBG0upye.css');
-require('./assets/src/layout/Layouts.css.ts.vanilla-Bk-AKk_C.css');
+require('./assets/src/card/CardCheckbox.css.ts.vanilla-BgDeBd1m.css');
+require('./assets/src/card/CardHeader.css.ts.vanilla-BFTVhJxW.css');
+require('./assets/src/card/CardPreview.css.ts.vanilla-kiMDFXEr.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-DDa5-u9M.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-BBuNcCvH.css');
+require('./assets/src/layout/Layouts.css.ts.vanilla-DhjR3-Ki.css');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/pill/Pill.css.ts.vanilla-BDiGt1qn.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-B2Is7XuO.css');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/Sortable.css.ts.vanilla-DgrF6r4-.css');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-CXUp0pMb.css');
+require('./assets/src/sortable/Sortable.css.ts.vanilla-BHHUv1C2.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-CtiUCath.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-BfyK8VBg.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CjP4uWdY.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-CvGF514_.css');
-require('./assets/src/table/Table.css.ts.vanilla-BvVvA-0l.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-DabIaLb3.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-DyIpaig8.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-exHiypp2.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla--HgBQDMl.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BWxRQAQ6.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-1vYxWRKv.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-Pm6YeT8x.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-B6SRciqg.css');
+require('./assets/src/table/Table.css.ts.vanilla-CjxtcFrD.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-DfZSn9rQ.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-dbNPxr0e.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-CStotefy.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-nw3IAq_1.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-B5htcVwe.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-M05uOsbn.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-DtN3_ehV.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-BL314mBN.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-B4Er5kv8.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-Cb1DMVNp.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-DBw833_v.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CjP4uWdY.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-eQ2oAvIr.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-Bb2ZrqYd.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-B5fdgClO.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DG7xjeUf.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-wZs9ViPZ.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-tCmBEyVy.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-DB66dcP2.css');
 require('@radix-ui/react-popover');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CjP4uWdY.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-eoPceij7.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-B-zjJRlF.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-qcoZrDec.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BTi1iegz.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-CTxYEg_L.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CIu7N2Mr.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-BfgQ5fq2.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-Brbn2K4g.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-Mv1w52P2.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-CRZnokk5.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BrSi_uD3.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-Dlhs2Jtu.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-cTJvWDIo.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-0fMBJUjO.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-DMsXuGAu.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-DhRBupkx.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-BgnugODO.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-nEW92Qgm.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-H9Rg-y-9.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-CJbzROcR.css');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-yQEzJWEo.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-B3YkndCa.css');
 require('@vanilla-extract/dynamic');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-D33wSGgi.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BLNU-7s8.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-hpJXAAN1.css');
-require('./assets/src/text/Text.css.ts.vanilla-BC9J5flx.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-Bmlq47OG.css');
+require('./assets/src/text/Text.css.ts.vanilla-d5Zps1qt.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-BEUYXojv.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-CLFm0omN.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-B6WvMVkO.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-BQNWCClo.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-BGU_i7CP.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-C9YGe-Hw.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-D4RtPpB9.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-CDRGTzwI.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-Dyb6gK8o.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-8LlHNuJj.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-dY7X2ULz.css');
-require('./assets/src/box/Box.css.ts.vanilla-CEk-jwDq.css');
-require('./assets/src/link/Link.css.ts.vanilla-C_eRdnPL.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-BW209bzp.css');
+require('./assets/src/box/Box.css.ts.vanilla-zMAcUzMW.css');
+require('./assets/src/link/Link.css.ts.vanilla-CZWAIa03.css');
 
 const useFocusBookmark = (ref) => {
   React.useEffect(() => {
@@ -289,6 +289,7 @@ function Command({
     isInsideTriangle: null,
     timer: void 0
   });
+  const highlightedItemRef = React.useRef(null);
   const downshift$1 = downshift.useCombobox({
     highlightedIndex: highlightedIndex === -1 ? items.findIndex((item) => !resolveItemProperty(item.disabledReason)) : highlightedIndex,
     inputValue,
@@ -340,7 +341,9 @@ function Command({
     {
       downshift: downshift$1,
       empty,
+      enabled: Boolean(enabled),
       highlightedItem: items[downshift$1.highlightedIndex],
+      highlightedItemRef,
       inputValue,
       items,
       loading,
@@ -354,14 +357,13 @@ function Command({
 Command.displayName = "@optiaxiom/react/Command";
 
 const CommandInput = React.forwardRef(
-  ({ onKeyDown, size, ...props }, ref) => {
-    const { downshift, highlightedItem, setInputValue } = useCommandContext(
-      "@optiaxiom/react/CommandInput"
-    );
+  ({ onBlur, onKeyDown, size, ...props }, ref) => {
+    const { downshift, highlightedItem, highlightedItemRef, setInputValue } = useCommandContext("@optiaxiom/react/CommandInput");
     const setInputValueStable = IconMagnifyingGlass.useEffectEvent(setInputValue);
     React.useEffect(() => {
       setInputValueStable("");
     }, [setInputValueStable]);
+    const preventDownshiftBlurRef = React.useRef(false);
     return /* @__PURE__ */ jsxRuntime.jsx(
       IconMagnifyingGlass.Input,
       {
@@ -371,6 +373,16 @@ const CommandInput = React.forwardRef(
         ...downshift.getInputProps({
           ref,
           ...props,
+          onBlur: (event) => {
+            onBlur?.(event);
+            if (event.defaultPrevented) {
+              return;
+            }
+            if (preventDownshiftBlurRef.current) {
+              Object.assign(event, { preventDownshiftDefault: true });
+              preventDownshiftBlurRef.current = false;
+            }
+          },
           onChange: (event) => {
             setInputValue("value" in event.target ? event.target.value : "");
           },
@@ -382,12 +394,22 @@ const CommandInput = React.forwardRef(
             if (!(event.target instanceof HTMLInputElement)) {
               return;
             }
-            if (event.target.value) {
+            if (!highlightedItem) {
               return;
             }
-            if (event.key === " " && highlightedItem) {
+            if (!event.target.value && event.key === " ") {
               event.preventDefault();
               downshift.selectItem(highlightedItem);
+            } else if (event.key === "Enter") {
+              if (highlightedItemRef.current instanceof HTMLAnchorElement) {
+                const { view: _view, ...eventInit } = event;
+                event.preventDefault();
+                Object.assign(event, { preventDownshiftDefault: true });
+                preventDownshiftBlurRef.current = true;
+                highlightedItemRef.current.dispatchEvent(
+                  new MouseEvent("click", eventInit)
+                );
+              }
             }
           }
         })
@@ -409,14 +431,20 @@ const CommandItem = React.forwardRef(
     selected,
     size,
     ...props
-  }, ref) => {
+  }, outerRef) => {
     const {
       downshift,
+      enabled,
       highlightedItem,
+      highlightedItemRef,
       inputValue,
       items,
       pauseInteractionRef
     } = useCommandContext("@optiaxiom/react/CommandItem");
+    const ref = reactComposeRefs.useComposedRefs(
+      highlightedItem === item ? highlightedItemRef : void 0,
+      outerRef
+    );
     const itemProps = downshift.getItemProps({
       "aria-posinset": index + 1,
       "aria-selected": selected ?? resolveItemProperty(item.selected),
@@ -425,7 +453,15 @@ const CommandItem = React.forwardRef(
       onClick: (event) => {
         onClick?.(event);
         if (event.currentTarget instanceof HTMLAnchorElement) {
-          event.preventDefault();
+          if (event.altKey || event.metaKey || event.shiftKey) {
+            Object.assign(event, {
+              preventDownshiftDefault: true
+            });
+          } else {
+            if (item.execute) {
+              event.preventDefault();
+            }
+          }
         }
       },
       onMouseLeave: (event) => {
@@ -437,7 +473,7 @@ const CommandItem = React.forwardRef(
         if (event.defaultPrevented) {
           return;
         }
-        if (!downshift.isOpen || resolveItemProperty(item.disabledReason)) {
+        if (!enabled || resolveItemProperty(item.disabledReason)) {
           event.preventDefault();
           Object.assign(event.nativeEvent, {
             preventDownshiftDefault: true
@@ -689,7 +725,7 @@ function Menu({
 }
 Menu.displayName = "@optiaxiom/react/Menu";
 
-var content$1 = IconMagnifyingGlass.recipeRuntime({base:'wg0nw9'});
+var content$1 = IconMagnifyingGlass.recipeRuntime({base:'_1vtzzea'});
 
 const MenuDialogContent = React.forwardRef(
   ({
@@ -709,7 +745,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'},'_19rp306']}}});
+var input$1 = IconMagnifyingGlass.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1ecx42x']}}});
 
 const MenuInput = React.forwardRef(
   ({ className, onKeyDown, ...props }, outerRef) => {
@@ -997,7 +1033,7 @@ const MenuSubTrigger = React.forwardRef(
     onPointerMove,
     ...props
   }, outerRef) => {
-    const { downshift, highlightedItem, pauseInteractionRef } = useCommandContext("@optiaxiom/react/MenuSubTrigger");
+    const { downshift, enabled, highlightedItem, pauseInteractionRef } = useCommandContext("@optiaxiom/react/MenuSubTrigger");
     const { open } = IconMagnifyingGlass.usePopoverContext("@optiaxiom/react/MenuSubTrigger");
     const { contentRef, triggerRef } = useMenuSubContext(
       "@optiaxiom/react/MenuSubTrigger"
@@ -1065,7 +1101,7 @@ const MenuSubTrigger = React.forwardRef(
           if (event.defaultPrevented) {
             return;
           }
-          if (pointerEnterRef.current && downshift.isOpen) {
+          if (pointerEnterRef.current && enabled) {
             downshift.selectItem(item);
           }
           pointerEnterRef.current = false;
@@ -1221,16 +1257,16 @@ const MenuTrigger = React.forwardRef(
 );
 MenuTrigger.displayName = "@optiaxiom/react/MenuTrigger";
 
-var list = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'hokenh']});
+var link = IconMagnifyingGlass.recipeRuntime({base:'_1pyear7'});
+var list = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'nye4x5']});
 
-var item$1 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_1j9zwag']});
-var link = IconMagnifyingGlass.recipeRuntime({base:'_19mm58o'});
+var item$1 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'h4zyak']});
 
 const BreadcrumbItem = React.forwardRef(
-  ({ addonAfter, children, className, current, href, ...props }, ref) => {
+  ({ 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: [
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Tooltip, { auto: true, content: children, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { asChild: true, truncate: true, children: current || !href ? /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { "aria-current": current ? "page" : void 0, children }) : /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Link, { appearance: "subtle", href, ...link(), children }) }) }),
+      children,
       addonAfter && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { asChild: true, flex: "none", flexDirection: "row", gap: "4", children: IconMagnifyingGlass.fallbackSpan(addonAfter) })
     ] }) });
   }
@@ -1240,15 +1276,21 @@ BreadcrumbItem.displayName = "@optiaxiom/react/BreadcrumbItem";
 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,
+    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(
+      IconMagnifyingGlass.Box,
+      {
+        "aria-current": index === items.length - 1 ? "page" : void 0,
+        children: item.label
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Link,
       {
-        addonAfter: item.addonAfter,
-        current: index === items.length - 1,
+        appearance: "subtle",
         href: item.href,
+        ...link(),
         children: item.label
       }
-    )) }) }) }) });
+    ) }) }) })) }) }) }) });
   }
 );
 Breadcrumb.displayName = "@optiaxiom/react/Breadcrumb";
@@ -1282,7 +1324,7 @@ const renderItems = (items, limit = items.length, renderItem) => {
   ];
 };
 
-var card = IconMagnifyingGlass.recipeRuntime({base:['_13ki7k0',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',justifyContent:'flex-start',p:'16'},'_17i0dkz']});
+var card = IconMagnifyingGlass.recipeRuntime({base:['pe4xuh',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',justifyContent:'flex-start',p:'16'},'_10zsg1f']});
 
 const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
@@ -1302,7 +1344,7 @@ const CardAction = React.forwardRef(
 );
 CardAction.displayName = "@optiaxiom/react/CardAction";
 
-var checkbox = IconMagnifyingGlass.recipeRuntime({base:['_13zh6km']});
+var checkbox = IconMagnifyingGlass.recipeRuntime({base:['_16594ta']});
 
 const CardCheckbox = React.forwardRef(
   ({ className, onChange, ...props }, ref) => {
@@ -1343,9 +1385,9 @@ const CardFooter = React.forwardRef(
 );
 CardFooter.displayName = "@optiaxiom/react/CardFooter";
 
-var addon = IconMagnifyingGlass.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_14bdu5f',before:'_1jfaj5t'}}});
-var content = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1'},'_18kaifv']});
-var header = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_82exht']});
+var addon = IconMagnifyingGlass.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_1b7zmi4',before:'mdhssq'}}});
+var content = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1'},'fbk0sa']});
+var header = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'l5mcq5']});
 
 const CardHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -1380,8 +1422,8 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var overlay$1 = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_19zd54g']});
-var preview = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1kquow4']});
+var overlay$1 = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'m5xinb']});
+var preview = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'k6pk55']});
 
 const CardPreview = React.forwardRef(
   ({
@@ -1443,7 +1485,7 @@ const CardPreview = React.forwardRef(
 );
 CardPreview.displayName = "@optiaxiom/react/CardPreview";
 
-var mark = IconMagnifyingGlass.recipeRuntime({base:'_1q93uho'});
+var mark = IconMagnifyingGlass.recipeRuntime({base:'_1m3nnp4'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -1475,8 +1517,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = IconMagnifyingGlass.recipeRuntime({base:'biri1h',variants:{empty:{false:{},true:'v6j8b8'}}});
-var input = IconMagnifyingGlass.recipeRuntime({base:'hg7nn6'});
+var editor = IconMagnifyingGlass.recipeRuntime({base:'jrfco2',variants:{empty:{false:{},true:'_12oosr1'}}});
+var input = IconMagnifyingGlass.recipeRuntime({base:'_1x0c0ss'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -1557,7 +1599,7 @@ function getText(element) {
   return text;
 }
 
-var layout = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1n9630q']});
+var layout = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1wfqeks']});
 
 const Layout = React.forwardRef(
   ({ children, className, header, sidebar, ...props }, ref) => {
@@ -1582,7 +1624,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'},'nbxhjo'],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'},'lmeaay'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -1613,7 +1655,7 @@ const PillGroup = React.forwardRef(
 );
 PillGroup.displayName = "@optiaxiom/react/PillGroup";
 
-var overlay = IconMagnifyingGlass.recipeRuntime({base:['a4j6n8']});
+var overlay = IconMagnifyingGlass.recipeRuntime({base:['a4iak9']});
 
 const [SortableProvider, useSortableContext] = reactContext.createContext("@optiaxiom/react/Sortable");
 
@@ -1669,7 +1711,7 @@ const Sortable = React.forwardRef(
 );
 Sortable.displayName = "@optiaxiom/react/Sortable";
 
-var handle = IconMagnifyingGlass.recipeRuntime({base:'_1is0nxq'});
+var handle = IconMagnifyingGlass.recipeRuntime({base:'p9tst2'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -1694,7 +1736,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = IconMagnifyingGlass.recipeRuntime({base:{transition:'opacity'},variants:{handle:{false:{},true:'mcj5xc'}}});
+var item = IconMagnifyingGlass.recipeRuntime({base:{transition:'opacity'},variants:{handle:{false:{},true:'_1tyfwt0'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, style, ...props }, outerRef) => {

package/dist/{cjs/assets/src/actions/ActionsContent.css.ts.vanilla-CvGF514_.css → esm/assets/src/actions/ActionsContent.css.ts.vanilla-B6SRciqg.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom._1r5fo7o;
-@layer optiaxiom._1r5fo7o {
-  .tkhca5 {
+@layer optiaxiom._1j1bwj;
+@layer optiaxiom._1j1bwj {
+  .r4ka67 {
     transition: opacity var(--ax-duration-sm) ease;
   }
-  ._1edviay:not(:has(._1edviay)):focus-within .tkhca5, .tkhca5:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+  ._1n6o7pd:not(:has(._1n6o7pd)):focus-within .r4ka67, .r4ka67:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
     opacity: 1;
     transition: none;
   }
-  ._13n2urh {
+  .dddkwd {
     opacity: 1;
   }
-  ._12m828b {
+  .xybuua {
     opacity: 0;
   }
   @media (hover: hover) {
-    ._1edviay:not(:has(._1edviay)):hover .tkhca5 {
+    ._1n6o7pd:not(:has(._1n6o7pd)):hover .r4ka67 {
       opacity: 1;
       transition: none;
     }

package/dist/esm/assets/src/alert/Alert.css.ts.vanilla-3lEOPqRF.css

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

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

@@ -0,0 +1,27 @@
+@layer optiaxiom._1j1bwj;
+@layer optiaxiom._1j1bwj {
+  ._15tilcq {
+    opacity: 0;
+  }
+  .u3iq6p {
+    inset: 0;
+    position: fixed;
+  }
+  .k1uato {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--_1s0dczu)))
+      scale(calc(1 - 0.06 * var(--_1s0dczu)))
+    ;
+  }
+  ._1817g5v {
+    width: 400px;
+  }
+  .fq3137 {
+    width: 600px;
+  }
+  .dgw383 {
+    width: 800px;
+  }
+}

package/dist/esm/assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-B2pU1PNL.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1j1bwj;
+@layer optiaxiom._1j1bwj {
+  ._14vw39w {
+    border-top: 1px solid var(--ax-colors-border-secondary);
+  }
+}

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

@@ -1,51 +1,51 @@
-@layer optiaxiom._1r5fo7o;
-@layer optiaxiom._1r5fo7o {
-  .sqip98 {
+@layer optiaxiom._1j1bwj;
+@layer optiaxiom._1j1bwj {
+  ._1prxdna {
     user-select: none;
   }
-  .skuzbu .sqip98 {
+  ._40lmh1 ._1prxdna {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  .rx11f2 {
+  ._42xeq5 {
     font-size: 8px;
   }
-  .skuzbu .rx11f2:not(:first-child) {
+  ._40lmh1 ._42xeq5:not(:first-child) {
     margin-left: -1px;
   }
-  ._1iv3r6a {
+  .yavlns {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .skuzbu ._1iv3r6a:not(:first-child) {
+  ._40lmh1 .yavlns:not(:first-child) {
     margin-left: -3px;
   }
-  ._1gjm44q {
+  ._1nu1an5 {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .skuzbu ._1gjm44q:not(:first-child) {
+  ._40lmh1 ._1nu1an5:not(:first-child) {
     margin-left: -5px;
   }
-  ._1skfwg7 {
+  ._1xbfype {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  .skuzbu ._1skfwg7:not(:first-child) {
+  ._40lmh1 ._1xbfype:not(:first-child) {
     margin-left: -7px;
   }
-  ._1tzmob7 {
+  .v3xkl3 {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  .skuzbu ._1tzmob7:not(:first-child) {
+  ._40lmh1 .v3xkl3:not(:first-child) {
     margin-left: -9px;
   }
-  .tuiaix {
+  .x8p9mq {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  .skuzbu .tuiaix:not(:first-child) {
+  ._40lmh1 .x8p9mq:not(:first-child) {
     margin-left: -11px;
   }
-  .hgxggo {
+  .xo0oc2 {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  .skuzbu .hgxggo:not(:first-child) {
+  ._40lmh1 .xo0oc2:not(:first-child) {
     margin-left: -13px;
   }
 }

package/dist/esm/assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css

@@ -0,0 +1,4 @@
+@layer optiaxiom._1j1bwj;
+@layer optiaxiom._1j1bwj {
+
+}

package/dist/{cjs/assets/src/backdrop/Backdrop.css.ts.vanilla-D33wSGgi.css → esm/assets/src/backdrop/Backdrop.css.ts.vanilla-BLNU-7s8.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1r5fo7o;
-@layer optiaxiom._1r5fo7o {
-  ._1x00cba {
+@layer optiaxiom._1j1bwj;
+@layer optiaxiom._1j1bwj {
+  .mgr8g {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;