@optiaxiom/react 1.4.0 → 1.4.2

package/dist/cjs/unstable.js

@@ -3,78 +3,79 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var IconMagnifyingGlass = require('./IconMagnifyingGlass-D4Z039q-.js');
-require('./assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css');
-require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-CXAw9Ysg.css');
-require('./assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-T1RYbhEg.css');
+var IconMagnifyingGlass = require('./IconMagnifyingGlass-BjiLxA1Q.js');
+require('./assets/src/layers/layers.css.ts.vanilla-Dzoqz3a_.css');
+require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-wdVgLGW7.css');
+require('./assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-BgEOOYdV.css');
 var reactId = require('@radix-ui/react-id');
-require('./assets/src/cover/Cover.css.ts.vanilla-BwrrSUgH.css');
-require('./assets/src/link/Link.css.ts.vanilla-CCzRyxxA.css');
-require('./assets/src/card/Card.css.ts.vanilla-B5M8Ezvo.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-CN4saWWS.css');
+require('./assets/src/link/Link.css.ts.vanilla-CmN0ZtWP.css');
+require('./assets/src/card/Card.css.ts.vanilla-CeV55mqZ.css');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/card/CardOverflow.css.ts.vanilla-BHwYVxJ0.css');
-require('./assets/src/card/CardAction.css.ts.vanilla-DoP1mqAm.css');
+require('./assets/src/card/CardOverflow.css.ts.vanilla-CtSgyKpZ.css');
+require('./assets/src/card/CardAction.css.ts.vanilla-Dce_0Pc1.css');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var clsx = require('clsx');
-require('./assets/src/card/CardImage.css.ts.vanilla-D3HpbV_k.css');
+require('./assets/src/card/CardImage.css.ts.vanilla-D2Gqrwc_.css');
 var reactSlot = require('@radix-ui/react-slot');
 var downshift = require('downshift');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-DmgRrxyU.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-Ck_ze2fz.css');
-require('./assets/src/layout/Layouts.css.ts.vanilla-CCZbG4aH.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-BQ-HgINf.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-BefgOCLo.css');
+require('./assets/src/layout/Layouts.css.ts.vanilla-DaN63rMj.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-DxtymiUe.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-DWLptfp-.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-cBnoy0-c.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-Bu-BHIVG.css');
-require('./assets/src/table/Table.css.ts.vanilla-1BkmblNu.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-WcTUovlJ.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-D8hePLeg.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-BaTdzXBh.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-DLT7MEZP.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-CxzbR_uv.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-6hAHuZDQ.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-BaF_FyuF.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CtEnSPR9.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-Duc38o-h.css');
+require('./assets/src/table/Table.css.ts.vanilla-BSjTwPKR.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-D81P1Jen.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-03Howrsh.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-k9kt5FQt.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BiMqKBba.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-4iA89ScB.css');
 require('react-day-picker');
 require('@radix-ui/react-popper');
 require('@optiaxiom/globals');
 require('@radix-ui/react-tooltip');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-DNr2OvoV.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-CO6uqNRS.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-B6xvcRtH.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-DxYvZN_I.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-cBnoy0-c.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-BczYlfwk.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-C7WAJ5l1.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-t950Aqm0.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-BsiMwzCv.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-Umo67efj.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CtEnSPR9.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-CcnoYBa5.css');
 require('@radix-ui/react-popover');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-cBnoy0-c.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-m5FEauqI.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-TILPqdsH.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-HVpo9CAc.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-CdGTTZEe.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DXDUGf-m.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-DbL1_E0k.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CtEnSPR9.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-DbD4jaVm.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-B4BajJh3.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DGTQN8mt.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-EchCEMZS.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-Db6pUIcT.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BjZns1yA.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-DgBlFXT9.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-BtevYyD1.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-ldtuqJ8w.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-HRG4F-ZP.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-wS2qmdRH.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-ChXA8gON.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-BujxQe95.css');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DGcCE6wN.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CxORpAHs.css');
 require('@vanilla-extract/dynamic');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-7HhFEzyl.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BpFaHxTH.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-C15H64bZ.css');
-require('./assets/src/text/Text.css.ts.vanilla-E-Il_R31.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-Dw7N6ES4.css');
+require('./assets/src/text/Text.css.ts.vanilla-BbWEqOyL.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-geHFKsr2.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-CpGdbNV_.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-bLEdweNe.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-CwAsWxNd.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-7mFww7oH.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-B0jOOZOg.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-wenJY4iS.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-_3WF_OeZ.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-BBAm6dsH.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-DcuuYLiM.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-Cmx2bDUD.css');
-require('./assets/src/box/Box.css.ts.vanilla-Dro_6tM9.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-BtYNRlzd.css');
+require('./assets/src/box/Box.css.ts.vanilla-DbWvc6tT.css');
 
 function parseHotkey(hotkey) {
   const keys = hotkey.toLowerCase().split("+").map((part) => part.trim());
@@ -174,7 +175,7 @@ function BreadcrumbEllipsis({ ...props }) {
 }
 BreadcrumbEllipsis.displayName = "@optiaxiom/react/BreadcrumbEllipsis";
 
-var item = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'q3wmp2']});
+var item = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'al2nnb']});
 
 const BreadcrumbItem = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -184,7 +185,7 @@ const BreadcrumbItem = React.forwardRef(
 );
 BreadcrumbItem.displayName = "@optiaxiom/react/BreadcrumbItem";
 
-var link = IconMagnifyingGlass.recipeRuntime({base:[{fontSize:'md'},'_1cbwven']});
+var link = IconMagnifyingGlass.recipeRuntime({base:[{fontSize:'md'},'_5wmka2']});
 
 const BreadcrumbLink = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Link, { ...link({}, className), ref, ...props });
@@ -198,7 +199,7 @@ const BreadcrumbPage = React.forwardRef(
 );
 BreadcrumbPage.displayName = "@optiaxiom/react/BreadcrumbPage";
 
-var card = IconMagnifyingGlass.recipeRuntime({base:['_1e7b45g',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_21zgix']});
+var card = IconMagnifyingGlass.recipeRuntime({base:['s2ju3o',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1cylciy']});
 
 const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
@@ -232,7 +233,7 @@ const Card = React.forwardRef(
 );
 Card.displayName = "@optiaxiom/react/Card";
 
-var action = IconMagnifyingGlass.recipeRuntime({base:['_16wg32q']});
+var action = IconMagnifyingGlass.recipeRuntime({base:['_1arda8u']});
 
 const CardAction = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -303,7 +304,7 @@ const CardDescription = React.forwardRef(({ children, ...props }, ref) => {
 });
 CardDescription.displayName = "@optiaxiom/react/CardDescription";
 
-var cardImage = IconMagnifyingGlass.recipeRuntime({base:[{h:'full',rounded:'inherit'},'b21lzu'],variants:{orientation:{horizontal:[{w:'auto'},'h6s25w'],vertical:[{w:'full'},'tpqcu8']}}});
+var cardImage = IconMagnifyingGlass.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1unsksa'],variants:{orientation:{horizontal:[{w:'auto'},'_1laptms'],vertical:[{w:'full'},'_1f96z3f']}}});
 
 const CardImage = React.forwardRef(
   ({ alt = "", asChild, children, className, src, ...props }, ref) => {
@@ -329,7 +330,7 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var cardOverflow = IconMagnifyingGlass.recipeRuntime({base:['_1lo8hel',{alignSelf:'stretch'},'_1isv8id'],variants:{orientation:{horizontal:['_1rx6r9l'],vertical:['_1ds7qg']}}});
+var cardOverflow = IconMagnifyingGlass.recipeRuntime({base:['_1qlsks4',{alignSelf:'stretch'},'_1khhy4c'],variants:{orientation:{horizontal:['_1qr5meg'],vertical:['ogvnyj']}}});
 
 const CardOverflow = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -474,7 +475,7 @@ function Command({
     onSelectedItemChange({ selectedItem, type }) {
       if (type !== downshift.useCombobox.stateChangeTypes.InputBlur && selectedItem !== null) {
         onItemSelect?.(selectedItem, {
-          close: type !== downshift.useCombobox.stateChangeTypes.FunctionSelectItem || !("selected" in selectedItem)
+          dismiss: type !== downshift.useCombobox.stateChangeTypes.FunctionSelectItem || !("selected" in selectedItem)
         });
       }
     },
@@ -571,7 +572,17 @@ const CommandInput = React.forwardRef(
 CommandInput.displayName = "@optiaxiom/react/CommandInput";
 
 const CommandItem = React.forwardRef(
-  ({ asChild, children, item, selected, size, ...props }, ref) => {
+  ({
+    asChild,
+    children,
+    item,
+    onClick,
+    onMouseLeave,
+    onMouseMove,
+    selected,
+    size,
+    ...props
+  }, ref) => {
     const {
       downshift,
       highlightedItem,
@@ -583,14 +594,17 @@ const CommandItem = React.forwardRef(
       "aria-selected": selected ?? resolveItemProperty(item.selected),
       item,
       onClick: (event) => {
+        onClick?.(event);
         if (event.currentTarget instanceof HTMLAnchorElement) {
           event.preventDefault();
         }
       },
-      onMouseLeave: () => {
+      onMouseLeave: (event) => {
+        onMouseLeave?.(event);
         window.clearTimeout(pauseInteractionRef.current.timer);
       },
       onMouseMove: (event) => {
+        onMouseMove?.(event);
         if (resolveItemProperty(item.disabledReason)) {
           event.preventDefault();
           Object.assign(event.nativeEvent, {
@@ -671,7 +685,7 @@ const CommandListbox = React.forwardRef(
 );
 CommandListbox.displayName = "@optiaxiom/react/CommandListbox";
 
-var mark = IconMagnifyingGlass.recipeRuntime({base:'_8aa34x'});
+var mark = IconMagnifyingGlass.recipeRuntime({base:'_1n7kjql'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -703,8 +717,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = IconMagnifyingGlass.recipeRuntime({base:'ihe0re',variants:{empty:{false:{},true:'_1jarzcm'}}});
-var input$1 = IconMagnifyingGlass.recipeRuntime({base:'_1n4a2mh'});
+var editor = IconMagnifyingGlass.recipeRuntime({base:'u6tpk6',variants:{empty:{false:{},true:'s43ae9'}}});
+var input$1 = IconMagnifyingGlass.recipeRuntime({base:'_1tpyq8r'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -785,7 +799,7 @@ function getText(element) {
   return text;
 }
 
-var layout = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_124odkt']});
+var layout = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'u43gs0']});
 
 const Layout = React.forwardRef(
   ({ children, className, header, sidebar, ...props }, ref) => {
@@ -907,9 +921,9 @@ function Menu({
     {
       inputRef,
       inputVisible,
-      onSelect: (item, { close }) => {
-        item.execute?.({ inputValue });
-        if (typeof openProp === "undefined" && close) {
+      onSelect: (item, { dismiss }) => {
+        item.execute?.({ dismiss, inputValue });
+        if (typeof openProp === "undefined" && dismiss) {
           setOpen(false);
         }
       },
@@ -925,7 +939,7 @@ function Menu({
             setSubMenuOpen(!!item.subOptions?.length);
           },
           onInputValueChange: setInputValue,
-          onSelect: (item, { close }) => {
+          onSelect: (item, { dismiss }) => {
             if (item.subOptions?.length) {
               if (size === "lg") {
                 setActiveItems(item.subOptions);
@@ -933,8 +947,8 @@ function Menu({
                 setSubMenuOpen(true);
               }
             } else {
-              item.execute?.({ inputValue });
-              if (typeof openProp === "undefined" && close) {
+              item.execute?.({ dismiss, inputValue });
+              if (typeof openProp === "undefined" && dismiss) {
                 setOpen(false);
               }
             }
@@ -975,7 +989,7 @@ const MenuDialogContent = React.forwardRef(
 );
 MenuDialogContent.displayName = "@optiaxiom/react/MenuDialogContent";
 
-var input = IconMagnifyingGlass.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'ftr3vt']}}});
+var input = IconMagnifyingGlass.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_9z3r59']}}});
 
 const MenuInput = React.forwardRef(
   ({ className, ...props }, outerRef) => {
@@ -1017,7 +1031,7 @@ const MenuCheckboxItem = React.forwardRef(({ children, ...props }, ref) => {
       addonBefore: props.item.addon,
       asChild: true,
       description: props.item.description,
-      onCheckedChange: () => !resolveItemProperty(props.item.disabledReason) && props.item.execute?.({ inputValue }),
+      onCheckedChange: () => !resolveItemProperty(props.item.disabledReason) && props.item.execute?.({ dismiss: false, inputValue }),
       children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.link && { href: props.item.link }, children })
     }
   ) });
@@ -1093,6 +1107,15 @@ const MenuSubContent = React.forwardRef(
           parentInputRef.current?.focus();
         },
         onEscapeKeyDown: () => setRootMenuOpen(false),
+        onPointerDown: (event) => {
+          if (event.defaultPrevented) {
+            return;
+          }
+          if (event.target instanceof HTMLElement && event.target.closest('[role="option"]')) {
+            return;
+          }
+          event.preventDefault();
+        },
         onPointerEnter: () => {
           if (item.subOptionsInputVisible) {
             inputRef.current?.focus();
@@ -1122,11 +1145,11 @@ const MenuSubContent = React.forwardRef(
               parentInputRef.current?.focus();
               setInputValue(inputValue);
             },
-            onSelect: (item2, { close }) => {
+            onSelect: (item2, { dismiss }) => {
               if (item2.subOptions?.length) {
                 setSubMenuOpen(true);
               } else {
-                onSelect(item2, { close });
+                onSelect(item2, { dismiss });
               }
             },
             open: true,
@@ -1167,7 +1190,15 @@ const MenuSubContent = React.forwardRef(
 MenuSubContent.displayName = "@optiaxiom/react/MenuSubContent";
 
 const MenuSubTrigger = React.forwardRef(
-  ({ children, contentRef, item, onPointerDown, ...props }, ref) => {
+  ({
+    children,
+    contentRef,
+    item,
+    onPointerDown,
+    onPointerEnter,
+    onPointerLeave,
+    ...props
+  }, ref) => {
     const { downshift, highlightedItem, pauseInteractionRef } = useCommandContext("@optiaxiom/react/MenuSubTrigger");
     const { open } = IconMagnifyingGlass.usePopoverContext("@optiaxiom/react/MenuSubTrigger");
     return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.FilteredSlot, { exclude: "type", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1181,13 +1212,15 @@ const MenuSubTrigger = React.forwardRef(
             event.preventDefault();
           }
         },
-        onPointerEnter: () => {
+        onPointerEnter: (event) => {
+          onPointerEnter?.(event);
           if (highlightedItem !== item) {
             return;
           }
           downshift.selectItem(item);
         },
         onPointerLeave: (event) => {
+          onPointerLeave?.(event);
           const box = contentRef.current?.getBoundingClientRect();
           if (!box) {
             return;
@@ -1297,7 +1330,7 @@ const MenuPopoverContent = React.forwardRef(({ style, ...props }, outerRef) => {
 MenuPopoverContent.displayName = "@optiaxiom/react/MenuPopoverContent";
 
 const MenuContent = React.forwardRef(
-  ({ children, ...props }, ref) => {
+  ({ children, onPointerDown, ...props }, ref) => {
     const { labelId } = IconMagnifyingGlass.useFieldContext("@optiaxiom/react/MenuContent");
     const { inputVisible, placeholder, size } = useMenuContext(
       "@optiaxiom/react/MenuContent"
@@ -1311,6 +1344,16 @@ const MenuContent = React.forwardRef(
       Comp,
       {
         "aria-labelledby": labelId,
+        onPointerDown: (event) => {
+          onPointerDown?.(event);
+          if (event.defaultPrevented) {
+            return;
+          }
+          if (event.target instanceof HTMLElement && event.target.closest('[role="option"]')) {
+            return;
+          }
+          event.preventDefault();
+        },
         overflow: "hidden",
         p: size === "sm" ? "4" : "0",
         ref,
@@ -1361,7 +1404,7 @@ const MenuTrigger = React.forwardRef(
 );
 MenuTrigger.displayName = "@optiaxiom/react/MenuTrigger";
 
-var pill = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'jxzh5n'],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'},'_3bk28s'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(

package/dist/{cjs/assets/src/actions/ActionsContent.css.ts.vanilla-Bu-BHIVG.css → esm/assets/src/actions/ActionsContent.css.ts.vanilla-Duc38o-h.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom.koi6h4;
-@layer optiaxiom.koi6h4 {
-  ._1qexvl8 {
+@layer optiaxiom.rgvlm2;
+@layer optiaxiom.rgvlm2 {
+  .e60o45 {
     transition: opacity var(--ax-duration-sm) ease;
   }
-  .xlz18d:not(:has(.xlz18d)):focus-within ._1qexvl8, ._1qexvl8:has(:checked, [data-state=open]) {
+  ._19m0ex4:not(:has(._19m0ex4)):focus-within .e60o45, .e60o45:has(:checked, [data-state=open]) {
     opacity: 1;
     transition: none;
   }
-  .bx92rq {
+  ._1xvu02w {
     opacity: 0;
   }
-  ._14mskib {
+  .n21z3x {
     opacity: 1;
   }
   @media (hover: hover) {
-    .xlz18d:not(:has(.xlz18d)):hover ._1qexvl8 {
+    ._19m0ex4:not(:has(._19m0ex4)):hover .e60o45 {
       opacity: 1;
       transition: none;
     }

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

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

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

@@ -0,0 +1,27 @@
+@layer optiaxiom.rgvlm2;
+@layer optiaxiom.rgvlm2 {
+  ._3yucon {
+    opacity: 0;
+  }
+  .ggxywq {
+    inset: 0;
+    position: fixed;
+  }
+  ._1n830s9 {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--vz93ir)))
+      scale(calc(1 - 0.06 * var(--vz93ir)))
+    ;
+  }
+  .h6pqqd {
+    width: 400px;
+  }
+  ._1diorld {
+    width: 600px;
+  }
+  .druspl {
+    width: 800px;
+  }
+}

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

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

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

@@ -1,51 +1,51 @@
-@layer optiaxiom.koi6h4;
-@layer optiaxiom.koi6h4 {
-  .ap86jc {
+@layer optiaxiom.rgvlm2;
+@layer optiaxiom.rgvlm2 {
+  ._1esomjk {
     user-select: none;
   }
-  .b0seoe .ap86jc {
+  ._1chs35w ._1esomjk {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  .ol19tx {
+  ._1xmr843 {
     font-size: 8px;
   }
-  .b0seoe .ol19tx:not(:first-child) {
+  ._1chs35w ._1xmr843:not(:first-child) {
     margin-left: -1px;
   }
-  .ciowt7 {
+  .b3xluw {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .b0seoe .ciowt7:not(:first-child) {
+  ._1chs35w .b3xluw:not(:first-child) {
     margin-left: -3px;
   }
-  ._1qianhq {
+  .cekb23 {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .b0seoe ._1qianhq:not(:first-child) {
+  ._1chs35w .cekb23:not(:first-child) {
     margin-left: -5px;
   }
-  ._1i3hv4w {
+  .p94fyn {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  .b0seoe ._1i3hv4w:not(:first-child) {
+  ._1chs35w .p94fyn:not(:first-child) {
     margin-left: -7px;
   }
-  ._6j7xyn {
+  ._1cupapo {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  .b0seoe ._6j7xyn:not(:first-child) {
+  ._1chs35w ._1cupapo:not(:first-child) {
     margin-left: -9px;
   }
-  ._15bmqut {
+  .yqpmd1 {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  .b0seoe ._15bmqut:not(:first-child) {
+  ._1chs35w .yqpmd1:not(:first-child) {
     margin-left: -11px;
   }
-  ._1bevb9r {
+  .xmqhlv {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  .b0seoe ._1bevb9r:not(:first-child) {
+  ._1chs35w .xmqhlv:not(:first-child) {
     margin-left: -13px;
   }
 }

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

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

package/dist/esm/assets/src/backdrop/{Backdrop.css.ts.vanilla-7HhFEzyl.css → Backdrop.css.ts.vanilla-BpFaHxTH.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.koi6h4;
-@layer optiaxiom.koi6h4 {
-  ._1ulj9uy {
+@layer optiaxiom.rgvlm2;
+@layer optiaxiom.rgvlm2 {
+  .p6qk8r {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

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

@@ -0,0 +1,46 @@
+@layer optiaxiom.rgvlm2;
+@layer optiaxiom.rgvlm2 {
+  .hzikh1 {
+    --_14rtgn1: var(--ax-colors-fg-white);
+  }
+  ._1deoqwh {
+    --d5loyz: var(--ax-colors-bg-error);
+    --_19e6e4y: var(--ax-colors-bg-error-subtle);
+    --_19pfsyy: var(--ax-colors-fg-error-strong);
+  }
+  ._8zqgkk {
+    --d5loyz: var(--ax-colors-bg-information);
+    --_19e6e4y: var(--ax-colors-bg-information-subtle);
+    --_19pfsyy: var(--ax-colors-fg-information-strong);
+  }
+  ._7oezip {
+    --d5loyz: var(--ax-colors-bg-tertiary);
+    --_14rtgn1: var(--ax-colors-fg-default);
+    --_19e6e4y: var(--ax-colors-bg-secondary);
+    --_19pfsyy: var(--ax-colors-fg-secondary);
+  }
+  .fmlisa {
+    --d5loyz: var(--ax-colors-bg-accent);
+    --_19e6e4y: var(--ax-colors-bg-accent-subtle);
+    --_19pfsyy: var(--ax-colors-fg-accent-strong);
+  }
+  .dvevb9 {
+    --d5loyz: var(--ax-colors-bg-success);
+    --_19e6e4y: var(--ax-colors-bg-success-subtle);
+    --_19pfsyy: var(--ax-colors-fg-success-strong);
+  }
+  ._1rzuixd {
+    --d5loyz: var(--ax-colors-bg-warning);
+    --_14rtgn1: var(--ax-colors-fg-warning-inverse);
+    --_19e6e4y: var(--ax-colors-bg-warning-subtle);
+    --_19pfsyy: var(--ax-colors-fg-warning-strong);
+  }
+  .l73n92 {
+    background-color: var(--d5loyz);
+    color: var(--_14rtgn1);
+  }
+  ._6smtkf {
+    background-color: var(--_19e6e4y);
+    color: var(--_19pfsyy);
+  }
+}

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

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