@optiaxiom/react 1.5.5 → 1.5.7

package/dist/cjs/index.js

@@ -4,111 +4,113 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var React = require('react');
-var IconMagnifyingGlass = require('./IconMagnifyingGlass-B2lTMCkk.js');
-require('./assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-CcJYVAnA.css');
+var IconMagnifyingGlass = require('./IconMagnifyingGlass-C1vmdpal.js');
+var reactSlot = require('@radix-ui/react-slot');
+require('./assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-BRx0AySP.css');
 var RadixAlertDialog = require('@radix-ui/react-alert-dialog');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var reactContext = require('@radix-ui/react-context');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BrO5Oi0c.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-R0S2rxx3.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-Bt8toY1c.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BVq5KG3B.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-BIn4WV0b.css');
 var RadixAvatar = require('@radix-ui/react-avatar');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-u6nBstXC.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-DwF5UNbQ.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-0EgqGIul.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-yF8Gt2LT.css');
 var globals = require('@optiaxiom/globals');
 var RadixToast = require('@radix-ui/react-toast');
-require('./assets/src/toast/ToastProvider.css.ts.vanilla-BlfhQ0IJ.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-B66U_s0W.css');
+require('./assets/src/toast/ToastProvider.css.ts.vanilla-CkaiVJU3.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-oqDsuxfc.css');
 var shim = require('use-sync-external-store/shim');
-var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/badge/Badge.css.ts.vanilla-C4R19eEq.css');
-require('./assets/src/banner/Banner.css.ts.vanilla-a_e8Avsf.css');
-require('./assets/src/code/Code.css.ts.vanilla-CuDneyc2.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-Suw-Y_di.css');
+require('./assets/src/banner/Banner.css.ts.vanilla-DfGP9q1k.css');
+require('./assets/src/code/Code.css.ts.vanilla-BIawqm1J.css');
 var reactTable = require('@tanstack/react-table');
 var reactVirtual = require('@tanstack/react-virtual');
-require('./assets/src/table/TableRow.css.ts.vanilla-anJXMUPf.css');
-require('./assets/src/data-table/DataTableBody.css.ts.vanilla-4R5f6osf.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-DUuHeFsV.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-D7cAE-Us.css');
 var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
 var clsx = require('clsx');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-z6LwupeP.css');
-require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-BsnnP5ap.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-BnhpsOC2.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-CADK5dA-.css');
+require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-CaLfEAl9.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-BlgUX0VZ.css');
 var RadixCollapsible = require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-BnzxuUnk.css');
-require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-DPPrLc45.css');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-SX-R3iE7.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-CFHR-Pol.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-BKl2vzUO.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-CZchcyis.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-u6nBstXC.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-CKV8XYmU.css');
-require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-jYWWRq58.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-zeWE_kzB.css');
-require('./assets/src/nav/NavAccountItem.css.ts.vanilla-BhVbRAeR.css');
-require('./assets/src/nav/NavItem.css.ts.vanilla-ChnzoLtS.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-78Wno5Jg.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-Cdw9jZNd.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-0EgqGIul.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-Dd4mtFDn.css');
+require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-Dd_vb7Sf.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-GBXf6G0D.css');
+require('./assets/src/nav/NavAccountItem.css.ts.vanilla-kvmw9WM9.css');
+require('./assets/src/nav/NavItem.css.ts.vanilla-B6en78yi.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-CKT_MGSU.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-u6nBstXC.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BCilgzn2.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-CZfwX7sK.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-C56hMF5N.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-CqzQ4gnm.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-0EgqGIul.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-SpZDsPH1.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-D0Nfm2Aw.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-DUSHD_wh.css');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-Cy0tkWAA.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-wo8QkWXf.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-b4K96rde.css');
-require('./assets/src/tabs/TabsList.css.ts.vanilla-BSHXd7ss.css');
-require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-Wh_uzqVi.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-BIY8T8Bv.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-BtuLeYcG.css');
+require('./assets/src/tabs/TabsList.css.ts.vanilla-CKp4QMDS.css');
+require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-Cpnsv4zf.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-FKU1wAku.css');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-u6nBstXC.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-DZZuHeZw.css');
-require('./assets/src/table/Table.css.ts.vanilla-B5dhG7o0.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-CeJycUv7.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-BI0-zFxh.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-Cqq0P-RJ.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-nQKJCSaW.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DtgF1usX.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-0EgqGIul.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-BZJSlXYR.css');
+require('./assets/src/table/Table.css.ts.vanilla-CrhcQ9Fw.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-mpdS9jrL.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-CRF35HvX.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-_0RfH23t.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-81aLYTXU.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DfZe4S8I.css');
 require('react-day-picker');
 require('@radix-ui/react-popper');
 require('downshift');
 require('@radix-ui/react-tooltip');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-CcCQeAPt.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-DNvXS2S2.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-wvR5p-eh.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-DqnyM60k.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-DGnwLOnv.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-Cvu47XQC.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-8O7JrqRv.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-Ch1bq769.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-Csvemw5U.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-Dd_s-ito.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-Q-s24Cus.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-Ao8bwsNZ.css');
 require('@radix-ui/react-popover');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BvofMiCy.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-sHWX-495.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Boysq-Qv.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-aWtUx5zZ.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-DGO9QbUA.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-BabUUhln.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CjXYpuJi.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-r_mUsSk9.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-0CIupe31.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-D7uVxjkP.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CxNujvlK.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CHqwUT0f.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-DGE7X2K0.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-mxAw0qXt.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-CwrW5T_8.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-2m7n0NDy.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-CZJTNIIa.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-ZzU49MIC.css');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DJOUUhpP.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-wSxpsOW8.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-0EgqGIul.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-D8UiT9f3.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-HoKkPIKV.css');
-require('./assets/src/text/Text.css.ts.vanilla-BcfBWIns.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DD3VWZYl.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BecW3Bat.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-Cuy-5QTV.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-Q0H8i3_-.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-Ci1Zxe5U.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-Cdb_sOf-.css');
+require('./assets/src/text/Text.css.ts.vanilla-Bjbyatqw.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-BtW7ujiM.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BFURnQ7k.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-SZfW2-MF.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-C5JDwK5p.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-BMvfQRph.css');
-require('./assets/src/box/Box.css.ts.vanilla-Bzc7O3b2.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-HjCHhlBJ.css');
-require('./assets/src/link/Link.css.ts.vanilla-_8_jYioD.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-Dn8sSmJR.css');
+require('./assets/src/box/Box.css.ts.vanilla-BOT2FD3S.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-ByQQlPVT.css');
+require('./assets/src/link/Link.css.ts.vanilla-DWEYenF1.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -183,6 +185,23 @@ const IconCircleInfoSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
+const Slot$6 = reactSlot.createSlot("@optiaxiom/react/IconOpal");
+const IconOpal = React.forwardRef(
+  ({ asChild, ...props }, ref) => {
+    const Comp = asChild ? Slot$6 : "img";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        alt: "Opal",
+        ref,
+        src: "data:image/webp;base64,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",
+        ...props
+      }
+    );
+  }
+);
+IconOpal.displayName = "@optiaxiom/react/IconOpal";
+
 const IconTriangleExclamationSolid = IconMagnifyingGlass.withIcon(
   {
     name: "IconTriangleExclamationSolid",
@@ -198,14 +217,15 @@ const IconTriangleExclamationSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-var alert = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',justifyContent:'space-between',p:'12',pr:'16',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
-var content$4 = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1',gap:'8'},'_1k3z4ol']});
-var icon$4 = IconMagnifyingGlass.recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
+var alert = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',justifyContent:'space-between',p:'12',pr:'16',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},opal:'_1rtxbro',success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
+var content$4 = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1',gap:'8'},'_12hclz0']});
+var icon$4 = IconMagnifyingGlass.recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},opal:{h:'xs',mt:'2'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
 const mapIntentToIcon$2 = {
   danger: IconCircleExclamationSolid,
   information: IconCircleInfoSolid,
   neutral: IconCircleInfoSolid,
+  opal: IconOpal,
   success: IconCircleCheckSolid,
   warning: IconTriangleExclamationSolid
 };
@@ -299,10 +319,10 @@ const AlertDialogBody = React.forwardRef(
       flex: "1",
       fontSize: "md",
       justifyContent: "flex-start",
-      overflow: "auto",
       px: "24",
       py: "16",
       ref,
+      z: "0",
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { children }) })
     }
@@ -315,10 +335,10 @@ const AlertDialogCancel = React.forwardRef(({ appearance = "subtle", asChild, ch
 });
 AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 
-var backdrop = IconMagnifyingGlass.recipeRuntime({variants:{hidden:{false:{},true:'_9pvg2b'}}});
-var content$3 = IconMagnifyingGlass.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_5t3voi'],variants:{size:{sm:'_17mnz0p',md:'_5daqh3',lg:'_1idw318'}}});
-var nestedDialogCountVar = 'var(--_4wl0ni)';
-var root$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_7vv8en']});
+var backdrop = IconMagnifyingGlass.recipeRuntime({variants:{hidden:{false:{},true:'_1akghmb'}}});
+var content$3 = IconMagnifyingGlass.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'mp3y5e'],variants:{size:{sm:'_1kcckfk',md:'_5cmcvp',lg:'q628ex'}}});
+var nestedDialogCountVar = 'var(--_44owiq)';
+var root$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_9gwuik']});
 
 const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...props }, outerRef) => {
   const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("@optiaxiom/react/AlertDialogContent");
@@ -365,15 +385,17 @@ const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...
 });
 AlertDialogContent.displayName = "@optiaxiom/react/AlertDialogContent";
 
-var footer = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1gsnsd6']});
+var footer = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'hev69i']});
 
 const AlertDialogFooter = React.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ...footer({}, className), ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ButtonProvider, { size: "lg", children }) });
 });
 AlertDialogFooter.displayName = "@optiaxiom/react/AlertDialogFooter";
 
-const AlertDialogHeader = React.forwardRef(({ addonBefore, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { flexDirection: "row", gap: "8", p: "24", pb: "16", ref, ...props, children: [
+var header = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'24',pb:'16',z:'10'},'_15cjwbs']});
+
+const AlertDialogHeader = React.forwardRef(({ addonBefore, children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ref, ...header({}, className), ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Icon, { asChild: true, color: "fg.error", children: addonBefore ? IconMagnifyingGlass.fallbackSpan(addonBefore) : /* @__PURE__ */ jsxRuntime.jsx(IconTriangleExclamationSolid, {}) }),
     /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Heading, { asChild: true, color: "fg.default", fontWeight: "500", level: "3", children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Title, { children }) })
   ] });
@@ -415,7 +437,7 @@ const IconUsersSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-var avatar = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'ipmvjz'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'_16irnh2'],xs:[{fontWeight:'400',size:'xs'},'nyil4x'],sm:[{size:'sm'},'_5yg1j7'],md:[{size:'md'},'gb7hdm'],lg:[{size:'lg'},'m3pvsy'],xl:[{size:'xl'},'_17xmfew'],'3xl':[{size:'3xl'},'aa5lv7']}}});
+var avatar = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_11bipc'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'fhayfw'],xs:[{fontWeight:'400',size:'xs'},'_1emteof'],sm:[{size:'sm'},'zeyyi'],md:[{size:'md'},'_10oa2rh'],lg:[{size:'lg'},'_328n63'],xl:[{size:'xl'},'gkfpq6'],'3xl':[{size:'3xl'},'_10q3eyd']}}});
 var fallback = IconMagnifyingGlass.recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon$3 = IconMagnifyingGlass.recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'10'},xs:{h:'10'},sm:{h:'12'},md:{h:'12'},lg:{h:'2xs'},xl:{h:'2xs'},'3xl':{h:'sm'}}}});
 
@@ -428,6 +450,7 @@ function getInitialsFromName(name) {
   return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
 }
 const mapFallbackToIcon = {
+  opal: null,
   team: /* @__PURE__ */ jsxRuntime.jsx(IconUsersSolid, {}),
   user: /* @__PURE__ */ jsxRuntime.jsx(IconUserSolid, {})
 };
@@ -444,6 +467,10 @@ const Avatar = React.forwardRef(
   }, ref) => {
     const context = useAvatarContext("@optiaxiom/react/Avatar");
     const size = sizeProp || context?.size || "md";
+    if (fallback$1 === "opal") {
+      fallback$1 = "user";
+      src = "opal";
+    }
     return /* @__PURE__ */ jsxRuntime.jsx(
       IconMagnifyingGlass.Box,
       {
@@ -451,7 +478,7 @@ const Avatar = React.forwardRef(
         ...avatar({ colorScheme, size }, className),
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsxs(RadixAvatar__namespace.Root, { ref, children: [
-          src && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, objectFit: "cover", rounded: "inherit", size: "full", children: /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.Image, { alt: name ?? "avatar", src }) }),
+          src && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, objectFit: "cover", rounded: "inherit", size: "full", children: src === "opal" ? /* @__PURE__ */ jsxRuntime.jsx(IconOpal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.Image, { alt: name ?? "Opal" }) }) : /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.Image, { alt: name ?? "avatar", src }) }),
           /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...fallback({}), children: /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.Fallback, { delayMs: src ? 600 : void 0, children: (children ?? (name ? getInitialsFromName(name) : void 0)) || /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...icon$3({ size }), children: mapFallbackToIcon[fallback$1] }) }) })
         ] })
       }
@@ -460,7 +487,7 @@ const Avatar = React.forwardRef(
 );
 Avatar.displayName = "@optiaxiom/react/Avatar";
 
-var avatarGroup = IconMagnifyingGlass.recipeRuntime({base:['bgisgn',{display:'flex'}]});
+var avatarGroup = IconMagnifyingGlass.recipeRuntime({base:['_2gkvvt',{display:'flex'}]});
 
 const AvatarGroup = React.forwardRef(
   ({ children, className, size = "md", ...props }, ref) => {
@@ -471,8 +498,8 @@ AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._16mxn3u';
-var reset = 'optiaxiom._153l05a';
+var components = 'optiaxiom._1gbl9ta';
+var reset = 'optiaxiom._1ajdsky';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -522,9 +549,9 @@ function ThemeProvider({ children }) {
 }
 ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 
-var icon$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'wjlgy8']});
-var offsetVar = 'var(--_1lrb8z9)';
-var root$1 = IconMagnifyingGlass.recipeRuntime({base:['_2hxspg',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'zh9bss'],variants:{intent:{danger:'_1bxjuja',information:'v2dg5',neutral:'_16vbkzp',success:'_1c3g558',warning:'qca0qv'}}});
+var icon$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'s1jw1o']});
+var offsetVar = 'var(--mcun6h)';
+var root$1 = IconMagnifyingGlass.recipeRuntime({base:['_1oie5ir',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'msfgr0'],variants:{intent:{danger:'_1kkv5c',information:'_13y2z6q',neutral:'xf6xfy',success:'_18zg0zl',warning:'_8bjfaz'}}});
 
 const mapIntentToIcon$1 = {
   danger: IconCircleExclamationSolid,
@@ -682,7 +709,7 @@ const ToastAction = React.forwardRef(
 ToastAction.displayName = "@optiaxiom/react/ToastAction";
 
 var gap = '16';
-var viewport = IconMagnifyingGlass.recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'bem19v'],variants:{position:{bottom:'_1jqaydr','bottom-left':'_18r59u6','bottom-right':'_14ctbh0',top:'cor61p','top-left':'_5fd36o','top-right':'_10b8ytt'}}});
+var viewport = IconMagnifyingGlass.recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1txgila'],variants:{position:{bottom:'veao53','bottom-left':'_6fupa4','bottom-right':'y3gdyj',top:'f6r1md','top-left':'jwvk71','top-right':'_146trge'}}});
 
 const ToastTitle = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -769,7 +796,7 @@ const ToastProvider = React.forwardRef(
               onOpenChange: () => toasterProp.remove(id),
               open,
               toastRef: ref2,
-              children: /* @__PURE__ */ jsxRuntime.jsxs(Toast, { intent: toast.type, children: [
+              children: /* @__PURE__ */ jsxRuntime.jsxs(Toast, { intent: toast.intent || toast.type, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(ToastTitle, { children: toast.title }),
                 toast.action && /* @__PURE__ */ jsxRuntime.jsx(ToastAction, { altText: toast.action, onClick: toast.onAction, children: toast.action })
               ] }, id)
@@ -811,7 +838,7 @@ function AxiomProvider({
 }
 AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
 
-var badge$1 = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1qsewnx'],variants:{intent:{danger:'gxxy8d',information:'bao8th',neutral:'_466jx7',primary:'wgqxcv',success:'_1dh2ve5',warning:'_16nfhsk'},variant:{strong:'emy2zz',subtle:'_1ke4gvo'}}});
+var badge$1 = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'sbed5e'],variants:{intent:{danger:'_164fhu1',information:'datxjh',neutral:'_111tkcx',primary:'_2n0ysl',success:'bxlom6',warning:'xcdjxt'},variant:{strong:'_1m9w9hv',subtle:'umkx0e'}}});
 
 const Slot$5 = reactSlot.createSlot("@optiaxiom/react/Badge");
 const Badge = React.forwardRef(
@@ -838,7 +865,7 @@ const Badge = React.forwardRef(
 Badge.displayName = "@optiaxiom/react/Badge";
 
 var banner = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'12',justifyContent:'space-between',px:'24',py:'12'}],variants:{intent:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});
-var content$2 = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1',gap:'8'},'dhkupv']});
+var content$2 = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1',gap:'8'},'eerun3']});
 var icon$1 = IconMagnifyingGlass.recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
 const mapIntentToIcon = {
@@ -881,7 +908,7 @@ const Banner = React.forwardRef(
 );
 Banner.displayName = "@optiaxiom/react/Banner";
 
-var code = IconMagnifyingGlass.recipeRuntime({base:[{fontWeight:'600'},'_1979fyk']});
+var code = IconMagnifyingGlass.recipeRuntime({base:[{fontWeight:'600'},'_1k12m32']});
 
 const Slot$4 = reactSlot.createSlot("@optiaxiom/react/Code");
 const Code = React.forwardRef(
@@ -1019,13 +1046,13 @@ const DataTableAction = React.forwardRef(
 );
 DataTableAction.displayName = "@optiaxiom/react/DataTableAction";
 
-var cell = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1lgb8kk'],variants:{pinned:{left:'_2aj9hg',right:'n9ycjp'},pinnedType:{body:'_1omzxs',header:{}}}});
-var cellOffsetVar = 'var(--_1r0zo2y)';
-var cellSizeVar = 'var(--_1mf60le)';
-var leftTotalSizeVar = 'var(--_1seegsg)';
-var rightTotalSizeVar = 'var(--_5by9wn)';
-var table = IconMagnifyingGlass.recipeRuntime({base:'_1h0p6bz',variants:{pinned:{both:'_1vzgfca',left:'_9ju9rv',none:{},right:'_1em6p67'}}});
-var totalSizeVar = 'var(--_1qkw0pt)';
+var cell = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_4bsrw9'],variants:{pinned:{left:'_6qeenl',right:'a1b9n1'},pinnedType:{body:'io6zd7',header:{}}}});
+var cellOffsetVar = 'var(--rq5acm)';
+var cellSizeVar = 'var(--h2xt9o)';
+var leftTotalSizeVar = 'var(--ilpdan)';
+var rightTotalSizeVar = 'var(--_1835fbp)';
+var table = IconMagnifyingGlass.recipeRuntime({base:'_1hsd9ja',variants:{pinned:{both:'_19hn2nc',left:'swl1zg',none:{},right:'_1s6clyf'}}});
+var totalSizeVar = 'var(--_1sfbdzx)';
 
 const DataTableRow = React.forwardRef(
   ({ children, index, row, ...props }, outerRef) => {
@@ -1409,9 +1436,9 @@ const IconEllipsis = IconMagnifyingGlass.withIcon(
   ] })
 );
 
-var button$1 = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'center'},'_13pgrb2']});
-var cursor = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'center',z:'10'},'_154y10p'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'2'},'i1gw7j']});
+var button$1 = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'center'},'vreown']});
+var cursor = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1fyal0p'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'2'},'n6owh4']});
 
 const Pagination = React.forwardRef(
   ({
@@ -1525,7 +1552,7 @@ const Pagination = React.forwardRef(
 );
 Pagination.displayName = "@optiaxiom/react/Pagination";
 
-var addon = IconMagnifyingGlass.recipeRuntime({base:'_1wq08y1',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = IconMagnifyingGlass.recipeRuntime({base:'tscn7a',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
   label: size,
@@ -1620,10 +1647,10 @@ const IconCalendar = IconMagnifyingGlass.withIcon(
   )
 );
 
-var clear$1 = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'_1n1i1qf']});
-var date = IconMagnifyingGlass.recipeRuntime({base:'azjr1g'});
-var input$2 = IconMagnifyingGlass.recipeRuntime({base:'luzuw0'});
-var picker = IconMagnifyingGlass.recipeRuntime({base:'_1nisry9'});
+var clear$1 = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'_15wlc96']});
+var date = IconMagnifyingGlass.recipeRuntime({base:'zczpmy'});
+var input$2 = IconMagnifyingGlass.recipeRuntime({base:'_1bx84bh'});
+var picker = IconMagnifyingGlass.recipeRuntime({base:'_7i0ykc'});
 
 const DateInput = React.forwardRef(
   ({
@@ -1638,6 +1665,10 @@ const DateInput = React.forwardRef(
     weekend,
     ...props
   }, outerRef) => {
+    const { labelId: fieldLabelId } = IconMagnifyingGlass.useFieldContext(
+      "@optiaxiom/react/DateInput"
+    );
+    const labelId = reactId.useId();
     const [open, setOpen] = React.useState(false);
     const hasInteractedOutsideRef = React.useRef(false);
     const pickerRef = React.useRef(null);
@@ -1719,6 +1750,7 @@ const DateInput = React.forwardRef(
       /* @__PURE__ */ jsxRuntime.jsxs(
         IconMagnifyingGlass.PopoverContent,
         {
+          "aria-labelledby": clsx(labelId, fieldLabelId),
           gap: "8",
           onCloseAutoFocus: (event) => {
             if (hasInteractedOutsideRef.current) {
@@ -1734,6 +1766,7 @@ const DateInput = React.forwardRef(
             }
           },
           children: [
+            /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.VisuallyHidden, { asChild: true, id: labelId, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Calendar" }) }),
             /* @__PURE__ */ jsxRuntime.jsx(
               IconMagnifyingGlass.Calendar,
               {
@@ -1789,6 +1822,7 @@ function DateRangePicker({
   value: valueProp,
   ...props
 }) {
+  const triggerRef = React.useRef(null);
   const [open, setOpen] = reactUseControllableState.useControllableState({
     caller: "@optiaxiom/react/DateRangePicker",
     defaultProp: defaultOpen,
@@ -1807,6 +1841,7 @@ function DateRangePicker({
       disabled,
       setOpen,
       setValue,
+      triggerRef,
       value,
       children
     }
@@ -1820,6 +1855,7 @@ const DateRangePickerContent = React.forwardRef(
   ({
     addonAfter,
     addonBefore,
+    "aria-label": ariaLabel,
     children,
     holiday,
     max,
@@ -1828,33 +1864,48 @@ const DateRangePickerContent = React.forwardRef(
     weekend,
     ...props
   }, ref) => {
-    const { setOpen, setValue, value } = useDateRangePickerContext(
+    const { labelId: fieldLabelId } = IconMagnifyingGlass.useFieldContext(
       "@optiaxiom/react/DateRangePickerContent"
     );
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.PopoverContent, { gap: "8", maxW: void 0, ref, ...props, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ...panels(), children: [
-        addonBefore,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Calendar,
-          {
-            alignSelf: "start",
-            holiday,
-            max,
-            min,
-            mode: "range",
-            onValueChange: (value2) => {
-              setValue(value2);
-              setOpen(false);
-            },
-            today,
-            value,
-            weekend
-          }
-        ),
-        addonAfter
-      ] }),
-      children
-    ] });
+    const { setOpen, setValue, triggerRef, value } = useDateRangePickerContext(
+      "@optiaxiom/react/DateRangePickerContent"
+    );
+    const labelId = reactId.useId();
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      IconMagnifyingGlass.PopoverContent,
+      {
+        "aria-labelledby": clsx(fieldLabelId ?? triggerRef.current?.id, labelId),
+        gap: "8",
+        maxW: void 0,
+        ref,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.VisuallyHidden, { id: labelId, children: ariaLabel || "Calendar" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ...panels(), children: [
+            addonBefore,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              IconMagnifyingGlass.Calendar,
+              {
+                alignSelf: "start",
+                holiday,
+                max,
+                min,
+                mode: "range",
+                onValueChange: (value2) => {
+                  setValue(value2);
+                  setOpen(false);
+                },
+                today,
+                value,
+                weekend
+              }
+            ),
+            addonAfter
+          ] }),
+          children
+        ]
+      }
+    );
   }
 );
 DateRangePickerContent.displayName = "@optiaxiom/react/DateRangePickerContent";
@@ -1872,19 +1923,20 @@ const DateRangePickerTrigger = React.forwardRef(
     placeholder = "Pick a date",
     ...props
   }, outerRef) => {
-    const { disabled, value } = useDateRangePickerContext(
+    const { disabled, triggerRef, value } = useDateRangePickerContext(
       "@optiaxiom/react/DateRangePickerTrigger"
     );
+    const id = reactId.useId();
+    const ref = reactComposeRefs.useComposedRefs(outerRef, triggerRef);
+    const labelId = IconMagnifyingGlass.useFieldLabelTrigger(triggerRef, ariaLabelledBy);
     const formatter = formatRange ? { formatRange } : dateFormatter;
-    const buttonRef = React.useRef(null);
-    const ref = reactComposeRefs.useComposedRefs(outerRef, buttonRef);
-    const labelId = IconMagnifyingGlass.useFieldLabelTrigger(buttonRef, ariaLabelledBy);
     return /* @__PURE__ */ jsxRuntime.jsx(
       IconMagnifyingGlass.PopoverTrigger,
       {
         "aria-labelledby": labelId,
         disabled,
         icon: /* @__PURE__ */ jsxRuntime.jsx(IconCalendar, {}),
+        id,
         ref,
         ...props,
         children: children ?? (value ? formatter.formatRange(value.from, value.to) : /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { color: "fg.tertiary", children: placeholder }))
@@ -1924,8 +1976,8 @@ const Disclosure = React.forwardRef(
 );
 Disclosure.displayName = "@optiaxiom/react/Disclosure";
 
-var inner = IconMagnifyingGlass.recipeRuntime({base:['qzgcx0']});
-var outer = IconMagnifyingGlass.recipeRuntime({base:[{display:'grid'},'la36fp'],variants:{scale:{false:'_11j8juu',true:{}}}});
+var inner = IconMagnifyingGlass.recipeRuntime({base:['_14k2j9d']});
+var outer = IconMagnifyingGlass.recipeRuntime({base:[{display:'grid'},'_2mxdc1'],variants:{scale:{false:'dl4wf3',true:{}}}});
 
 const DisclosureContent = React.forwardRef(({ children, ...props }, ref) => {
   const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
@@ -1949,9 +2001,9 @@ const DisclosureContent = React.forwardRef(({ children, ...props }, ref) => {
 });
 DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
 
-var icon = IconMagnifyingGlass.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'c8qson',start:'ztw7kd'}}});
-var root = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'dvbikr']});
-var trigger$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'hv7k0l']});
+var icon = IconMagnifyingGlass.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_15i8g1y',start:'qnni86'}}});
+var root = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1mujf54']});
+var trigger$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'lst00o']});
 
 const DisclosureTrigger = React.forwardRef(
   ({
@@ -2033,7 +2085,7 @@ const DropdownMenuContent = React.forwardRef(({ align = "start", children, loadi
           },
           ref,
           sideOffset: 4,
-          children: loading ? /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Spinner, {}) }) : children
+          children: loading ? /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { "aria-hidden": true, display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Spinner, {}) }) : children
         }
       ) }) })
     }
@@ -2333,9 +2385,9 @@ const Grid = React.forwardRef((props, ref) => {
 });
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = IconMagnifyingGlass.recipeRuntime({base:'_5gdaac',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'ydnfci']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_3sfhiy']}}});
-var floating = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_19mv9po'],variants:{offset:{false:'_1vzm338',true:{}},position:{'bottom-right':'_1ncefab','top-right':'vaa1ua'}}});
-var indicator$2 = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex'},'ghjaes']});
+var badge = IconMagnifyingGlass.recipeRuntime({base:'_9qx59r',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'dvatgs']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_7k93bt']}}});
+var floating = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1lzunmu'],variants:{offset:{false:'fzd6cp',true:{}},position:{'bottom-right':'code82','top-right':'_1vpl7tu'}}});
+var indicator$2 = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex'},'_1g3upx2']});
 
 const Indicator = React.forwardRef(
   ({
@@ -2382,7 +2434,7 @@ const Indicator = React.forwardRef(
 Indicator.displayName = "@optiaxiom/react/Indicator";
 
 var kbd = IconMagnifyingGlass.recipeRuntime({base:{display:'inline-flex',gap:'2',whiteSpace:'nowrap'}});
-var key = IconMagnifyingGlass.recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'e95mgl'],subtle:{}}}});
+var key = IconMagnifyingGlass.recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'_14aj5w3'],subtle:{}}}});
 
 const platform = typeof navigator !== "undefined" && (navigator.platform.startsWith("Mac") || navigator.platform === "iPhone") ? "mac" : "win";
 const mapModifierToCode = {
@@ -2421,7 +2473,7 @@ const Kbd = React.forwardRef(
 );
 Kbd.displayName = "@optiaxiom/react/Kbd";
 
-var button = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'space-between'},'_16gjx8k']});
+var button = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'space-between'},'_1hgo8m6']});
 var content$1 = IconMagnifyingGlass.recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
 var label$1 = IconMagnifyingGlass.recipeRuntime({base:[{color:'fg.secondary',cursor:'pointer',maxW:'full',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
 
@@ -2454,7 +2506,7 @@ LabelMenuButton.displayName = "@optiaxiom/react/LabelMenuButton";
 
 const [SidebarProvider, useSidebarContext] = reactContext.createContext("@optiaxiom/react/Sidebar");
 
-var nav$1 = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'n54q9q']});
+var nav$1 = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_147yypj']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -2475,7 +2527,7 @@ const Nav = React.forwardRef(
 );
 Nav.displayName = "@optiaxiom/react/Nav";
 
-var item$1 = IconMagnifyingGlass.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1bpbt30',true:'yn9qmy'}}});
+var item$1 = IconMagnifyingGlass.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1f86836',true:'fr1t5k'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
@@ -2644,8 +2696,8 @@ const NavHeader = React.forwardRef(
 );
 NavHeader.displayName = "@optiaxiom/react/NavHeader";
 
-var item = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1oxl9yj']});
-var label = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1t6phut'],variants:{expanded:{false:'_18ohup2',true:'_18mso2d'}}});
+var item = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_5scrfs']});
+var label = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'oocssu'],variants:{expanded:{false:'z2lom6',true:'_127koqr'}}});
 
 const Slot$3 = reactSlot.createSlot("@optiaxiom/react/NavItem");
 const NavItem = React.forwardRef(
@@ -2720,7 +2772,7 @@ const NavSeparator = React.forwardRef(
 NavSeparator.displayName = "@optiaxiom/react/NavSeparator";
 
 var indicator$1 = IconMagnifyingGlass.recipeRuntime({base:[{h:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'wdv9tz']});
+var progress = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'d4o23a']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
@@ -2744,10 +2796,10 @@ const Progress = React.forwardRef(
 const DEFAULT_MAX = 100;
 Progress.displayName = "@optiaxiom/react/Progress";
 
-var control = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1nvqrvf'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = IconMagnifyingGlass.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'v07sx3']});
-var input$1 = IconMagnifyingGlass.recipeRuntime({base:'rmvxez'});
-var radio = IconMagnifyingGlass.recipeRuntime({base:'_3ahpd0'});
+var control = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_13tj24e'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = IconMagnifyingGlass.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1wu3jpw']});
+var input$1 = IconMagnifyingGlass.recipeRuntime({base:'k21kvl'});
+var radio = IconMagnifyingGlass.recipeRuntime({base:'_13c6hvs'});
 
 const [RadioGroupProvider, useRadioGroupContext] = reactContext.createContext("@optiaxiom/react/RadioGroup", null);
 
@@ -2853,9 +2905,9 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'fw5vrt']});
-var input = IconMagnifyingGlass.recipeRuntime({base:'kn1z9o'});
-var search = IconMagnifyingGlass.recipeRuntime({base:'_1uwkq90'});
+var clear = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'yzkg31']});
+var input = IconMagnifyingGlass.recipeRuntime({base:'_4scn26'});
+var search = IconMagnifyingGlass.recipeRuntime({base:'_48hxqb'});
 
 const SearchInput = React.forwardRef(
   ({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
@@ -2989,7 +3041,7 @@ const SidebarToggle = React.forwardRef(
 );
 SidebarToggle.displayName = "@optiaxiom/react/SidebarToggle";
 
-var nav = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'gajf6g']});
+var nav = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_100270']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -3019,7 +3071,7 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex'},'_5goz91']});
+var tabs = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex'},'_11p6jlt']});
 
 const Tabs = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3036,7 +3088,7 @@ const TabsContent = React.forwardRef(
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = IconMagnifyingGlass.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'bynlmw']});
+var list = IconMagnifyingGlass.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1d70s99']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3045,8 +3097,8 @@ const TabsList = React.forwardRef(
 );
 TabsList.displayName = "@optiaxiom/react/TabsList";
 
-var content = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'fv8j6d']});
-var trigger = IconMagnifyingGlass.recipeRuntime({base:['jfwx6k',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'txz122']});
+var content = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_1usru3y']});
+var trigger = IconMagnifyingGlass.recipeRuntime({base:['_1ax0f9k',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'yrkzj8']});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/TabsTrigger");
 const TabsTrigger = React.forwardRef(
@@ -3062,9 +3114,9 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var shadow = IconMagnifyingGlass.recipeRuntime({base:['_1xui2w4','zb9s9k']});
-var textarea = IconMagnifyingGlass.recipeRuntime({base:['_1xui2w4','xpm46r']});
-var wrapper = IconMagnifyingGlass.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1eaz01h','_1r9cp5v'],'2':['_1eaz01h','_1wq0ekw'],'3':['_1eaz01h','_1unt6fu'],'4':['_1eaz01h','iukzyc'],'5':['_1eaz01h','ygoj1g']},resize:{auto:{},none:{},vertical:'_1fvk2l'}}});
+var shadow = IconMagnifyingGlass.recipeRuntime({base:['_1e26v4m','_12zxxb8']});
+var textarea = IconMagnifyingGlass.recipeRuntime({base:['_1e26v4m','ikzdq6']});
+var wrapper = IconMagnifyingGlass.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_772508','_1bnxh6a'],'2':['_772508','_47p30s'],'3':['_772508','_113kcto'],'4':['_772508','_1kgqhia'],'5':['_772508','_1t0zlu3']},resize:{auto:{},none:{},vertical:'_1ahpem6'}}});
 
 const Slot$1 = reactSlot.createSlot("@optiaxiom/react/TextareaAutosize");
 const TextareaAutosize = React.forwardRef(
@@ -3167,7 +3219,6 @@ exports.Link = IconMagnifyingGlass.Link;
 exports.Listbox = IconMagnifyingGlass.Listbox;
 exports.ListboxCheckboxItem = IconMagnifyingGlass.ListboxCheckboxItem;
 exports.ListboxEmpty = IconMagnifyingGlass.ListboxEmpty;
-exports.ListboxFooter = IconMagnifyingGlass.ListboxFooter;
 exports.ListboxGroup = IconMagnifyingGlass.ListboxGroup;
 exports.ListboxItem = IconMagnifyingGlass.ListboxItem;
 exports.ListboxItemIndicator = IconMagnifyingGlass.ListboxItemIndicator;