@optiaxiom/react 1.5.3 → 1.5.5

package/dist/cjs/index.js

@@ -4,111 +4,111 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var React = require('react');
-var IconMagnifyingGlass = require('./IconMagnifyingGlass-DSb8yHAt.js');
-require('./assets/src/layers/layers.css.ts.vanilla-8LhR5w3v.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-D6CZ2pKW.css');
+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 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-B1rXmD75.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-Dv-PM3Pu.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BrO5Oi0c.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-R0S2rxx3.css');
 var RadixAvatar = require('@radix-ui/react-avatar');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CJDNP0Kx.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-De23pi0W.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-u6nBstXC.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-DwF5UNbQ.css');
 var globals = require('@optiaxiom/globals');
 var RadixToast = require('@radix-ui/react-toast');
-require('./assets/src/toast/ToastProvider.css.ts.vanilla-Dtal9aqd.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-DZHAYLPs.css');
+require('./assets/src/toast/ToastProvider.css.ts.vanilla-BlfhQ0IJ.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-B66U_s0W.css');
 var shim = require('use-sync-external-store/shim');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/badge/Badge.css.ts.vanilla-BjSTu_t5.css');
-require('./assets/src/banner/Banner.css.ts.vanilla-BDUc6mA2.css');
-require('./assets/src/code/Code.css.ts.vanilla-D1G4Aowo.css');
+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');
 var reactTable = require('@tanstack/react-table');
 var reactVirtual = require('@tanstack/react-virtual');
-require('./assets/src/table/TableRow.css.ts.vanilla-CWDdCmxv.css');
-require('./assets/src/data-table/DataTableBody.css.ts.vanilla-bUz50Tem.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-anJXMUPf.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-4R5f6osf.css');
 var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
 var clsx = require('clsx');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-Cca_4s1e.css');
-require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-DqcLcSeq.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-DsEC8hKd.css');
+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');
 var RadixCollapsible = require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-kbKN2pXk.css');
-require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-BjaubiLf.css');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-BnzxuUnk.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-DPPrLc45.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-CWcy8z_N.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-utEiylLi.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CJDNP0Kx.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-z8aQkdYA.css');
-require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-BoTsJSUp.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-CwyEdzud.css');
-require('./assets/src/nav/NavAccountItem.css.ts.vanilla-CCq0o31x.css');
-require('./assets/src/nav/NavItem.css.ts.vanilla-CRadsGPm.css');
+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');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-CMcbrz5Z.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CJDNP0Kx.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-DJvZ0etP.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-CcOA0bAo.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-BuKl-R6W.css');
+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');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-B_8DBp6a.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-Cy0tkWAA.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-CLvOZhC4.css');
-require('./assets/src/tabs/TabsList.css.ts.vanilla-CgrTxfYr.css');
-require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-DCx5IgLB.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-lhHMB6Vn.css');
+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');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CJDNP0Kx.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-DtgB8qaI.css');
-require('./assets/src/table/Table.css.ts.vanilla-BBv3smRP.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-B9iraYpv.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-CZGS-jc-.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-74DzHpNe.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-B_XkaSHg.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-B7It_nVP.css');
+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('react-day-picker');
 require('@radix-ui/react-popper');
 require('downshift');
 require('@radix-ui/react-tooltip');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-ClSVw3Dw.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-hV69pzOp.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-CzzPfCL9.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-BG6BK7O0.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-C2smGP-j.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-C6gmwJZA.css');
+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('@radix-ui/react-popover');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CpKWXW6H.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DWdYUXqs.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-JMfsYW26.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BYPobqvu.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BENwxMg5.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CUNyez_P.css');
+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('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-CcXUnze5.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-DniA0gMP.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-D8wejmbE.css');
+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('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-Dk191LzY.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DOuPOyFX.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-DJOUUhpP.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-wSxpsOW8.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-DYLdRaZO.css');
-require('./assets/src/text/Text.css.ts.vanilla-ClbiM7to.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-BxJRjiSk.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BFyL7usa.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-CaxwdPPt.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-C736k4Hf.css');
+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('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-BrZyuCJa.css');
-require('./assets/src/box/Box.css.ts.vanilla-D4_HO4KZ.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-MwWujuN6.css');
-require('./assets/src/link/Link.css.ts.vanilla-Bx_q1DaI.css');
+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');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -199,7 +199,7 @@ 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'},'mrczyo']});
+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'}}}});
 
 const mapIntentToIcon$2 = {
@@ -242,95 +242,6 @@ const Alert = React.forwardRef(
 );
 Alert.displayName = "@optiaxiom/react/Alert";
 
-function useUncontrolled({
-  value,
-  defaultValue,
-  finalValue,
-  onChange = () => {
-  }
-}) {
-  const [uncontrolledValue, setUncontrolledValue] = React.useState(
-    defaultValue !== void 0 ? defaultValue : finalValue
-  );
-  const handleUncontrolledChange = (val, ...payload) => {
-    setUncontrolledValue(val);
-    onChange?.(val, ...payload);
-  };
-  if (value !== void 0) {
-    return [value, onChange, true];
-  }
-  return [uncontrolledValue, handleUncontrolledChange, false];
-}
-
-function range(start, end) {
-  const length = end - start + 1;
-  return Array.from({ length }, (_, index) => index + start);
-}
-const DOTS = "dots";
-function usePagination({
-  total,
-  siblings = 1,
-  boundaries = 1,
-  page,
-  initialPage = 1,
-  onChange
-}) {
-  const _total = Math.max(Math.trunc(total), 0);
-  const [activePage, setActivePage] = useUncontrolled({
-    value: page,
-    onChange,
-    defaultValue: initialPage,
-    finalValue: initialPage
-  });
-  const setPage = (pageNumber) => {
-    if (pageNumber <= 0) {
-      setActivePage(1);
-    } else if (pageNumber > _total) {
-      setActivePage(_total);
-    } else {
-      setActivePage(pageNumber);
-    }
-  };
-  const next = () => setPage(activePage + 1);
-  const previous = () => setPage(activePage - 1);
-  const first = () => setPage(1);
-  const last = () => setPage(_total);
-  const paginationRange = React.useMemo(() => {
-    const totalPageNumbers = siblings * 2 + 3 + boundaries * 2;
-    if (totalPageNumbers >= _total) {
-      return range(1, _total);
-    }
-    const leftSiblingIndex = Math.max(activePage - siblings, boundaries);
-    const rightSiblingIndex = Math.min(activePage + siblings, _total - boundaries);
-    const shouldShowLeftDots = leftSiblingIndex > boundaries + 2;
-    const shouldShowRightDots = rightSiblingIndex < _total - (boundaries + 1);
-    if (!shouldShowLeftDots && shouldShowRightDots) {
-      const leftItemCount = siblings * 2 + boundaries + 2;
-      return [...range(1, leftItemCount), DOTS, ...range(_total - (boundaries - 1), _total)];
-    }
-    if (shouldShowLeftDots && !shouldShowRightDots) {
-      const rightItemCount = boundaries + 1 + 2 * siblings;
-      return [...range(1, boundaries), DOTS, ...range(_total - rightItemCount, _total)];
-    }
-    return [
-      ...range(1, boundaries),
-      DOTS,
-      ...range(leftSiblingIndex, rightSiblingIndex),
-      DOTS,
-      ...range(_total - boundaries + 1, _total)
-    ];
-  }, [_total, siblings, activePage]);
-  return {
-    range: paginationRange,
-    active: activePage,
-    setPage,
-    next,
-    previous,
-    first,
-    last
-  };
-}
-
 const [AlertDialogProvider, useAlertDialogContext] = reactContext.createContext("@optiaxiom/react/AlertDialog");
 
 function AlertDialog({
@@ -404,10 +315,10 @@ const AlertDialogCancel = React.forwardRef(({ appearance = "subtle", asChild, ch
 });
 AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 
-var backdrop = IconMagnifyingGlass.recipeRuntime({variants:{hidden:{false:{},true:'_1s9hjyx'}}});
-var content$3 = IconMagnifyingGlass.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1c9nwta'],variants:{size:{sm:'_75z4wk',md:'_1uy0naw',lg:'_14bhbjv'}}});
-var nestedDialogCountVar = 'var(--_1z0jdhp)';
-var root$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'k7juog']});
+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']});
 
 const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...props }, outerRef) => {
   const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("@optiaxiom/react/AlertDialogContent");
@@ -442,7 +353,7 @@ const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...
                 ...style
               },
               ...content$3({ size }),
-              children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Content, { ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ModalProvider, { shardRef: innerRef, children }) })
+              children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Content, { ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ModalProvider, { shardRef: innerRef, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.FocusBookmarkProvider, { containerRef: innerRef, children }) }) })
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { flex: "1", pointerEvents: "none" }),
@@ -454,7 +365,7 @@ 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'},'_1xrd2pa']});
+var footer = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1gsnsd6']});
 
 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 }) });
@@ -504,7 +415,7 @@ const IconUsersSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-var avatar = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_11826wc'],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'},'_1sfte4f'],xs:[{fontWeight:'400',size:'xs'},'_1pk3x1p'],sm:[{size:'sm'},'l0kbx2'],md:[{size:'md'},'_10kzcb4'],lg:[{size:'lg'},'mso15j'],xl:[{size:'xl'},'_1rpownt'],'3xl':[{size:'3xl'},'_7fh9tw']}}});
+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 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'}}}});
 
@@ -549,7 +460,7 @@ const Avatar = React.forwardRef(
 );
 Avatar.displayName = "@optiaxiom/react/Avatar";
 
-var avatarGroup = IconMagnifyingGlass.recipeRuntime({base:['d22pkn',{display:'flex'}]});
+var avatarGroup = IconMagnifyingGlass.recipeRuntime({base:['bgisgn',{display:'flex'}]});
 
 const AvatarGroup = React.forwardRef(
   ({ children, className, size = "md", ...props }, ref) => {
@@ -560,8 +471,8 @@ AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1p6cx7k';
-var reset = 'optiaxiom._1q23x02';
+var components = 'optiaxiom._16mxn3u';
+var reset = 'optiaxiom._153l05a';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -611,9 +522,9 @@ function ThemeProvider({ children }) {
 }
 ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 
-var icon$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'ngac2b']});
-var offsetVar = 'var(--_1k4ydks)';
-var root$1 = IconMagnifyingGlass.recipeRuntime({base:['fcawvm',{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']},'a6lefr'],variants:{intent:{danger:'_1iyf8le',information:'_1014r4l',neutral:'_1pux61l',success:'b5a085',warning:'wq94lg'}}});
+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'}}});
 
 const mapIntentToIcon$1 = {
   danger: IconCircleExclamationSolid,
@@ -671,6 +582,95 @@ const Toast = React.forwardRef(
 );
 Toast.displayName = "@optiaxiom/react/Toast";
 
+function useUncontrolled({
+  value,
+  defaultValue,
+  finalValue,
+  onChange = () => {
+  }
+}) {
+  const [uncontrolledValue, setUncontrolledValue] = React.useState(
+    defaultValue !== void 0 ? defaultValue : finalValue
+  );
+  const handleUncontrolledChange = (val, ...payload) => {
+    setUncontrolledValue(val);
+    onChange?.(val, ...payload);
+  };
+  if (value !== void 0) {
+    return [value, onChange, true];
+  }
+  return [uncontrolledValue, handleUncontrolledChange, false];
+}
+
+function range(start, end) {
+  const length = end - start + 1;
+  return Array.from({ length }, (_, index) => index + start);
+}
+const DOTS = "dots";
+function usePagination({
+  total,
+  siblings = 1,
+  boundaries = 1,
+  page,
+  initialPage = 1,
+  onChange
+}) {
+  const _total = Math.max(Math.trunc(total), 0);
+  const [activePage, setActivePage] = useUncontrolled({
+    value: page,
+    onChange,
+    defaultValue: initialPage,
+    finalValue: initialPage
+  });
+  const setPage = (pageNumber) => {
+    if (pageNumber <= 0) {
+      setActivePage(1);
+    } else if (pageNumber > _total) {
+      setActivePage(_total);
+    } else {
+      setActivePage(pageNumber);
+    }
+  };
+  const next = () => setPage(activePage + 1);
+  const previous = () => setPage(activePage - 1);
+  const first = () => setPage(1);
+  const last = () => setPage(_total);
+  const paginationRange = React.useMemo(() => {
+    const totalPageNumbers = siblings * 2 + 3 + boundaries * 2;
+    if (totalPageNumbers >= _total) {
+      return range(1, _total);
+    }
+    const leftSiblingIndex = Math.max(activePage - siblings, boundaries);
+    const rightSiblingIndex = Math.min(activePage + siblings, _total - boundaries);
+    const shouldShowLeftDots = leftSiblingIndex > boundaries + 2;
+    const shouldShowRightDots = rightSiblingIndex < _total - (boundaries + 1);
+    if (!shouldShowLeftDots && shouldShowRightDots) {
+      const leftItemCount = siblings * 2 + boundaries + 2;
+      return [...range(1, leftItemCount), DOTS, ...range(_total - (boundaries - 1), _total)];
+    }
+    if (shouldShowLeftDots && !shouldShowRightDots) {
+      const rightItemCount = boundaries + 1 + 2 * siblings;
+      return [...range(1, boundaries), DOTS, ...range(_total - rightItemCount, _total)];
+    }
+    return [
+      ...range(1, boundaries),
+      DOTS,
+      ...range(leftSiblingIndex, rightSiblingIndex),
+      DOTS,
+      ...range(_total - boundaries + 1, _total)
+    ];
+  }, [_total, siblings, activePage]);
+  return {
+    range: paginationRange,
+    active: activePage,
+    setPage,
+    next,
+    previous,
+    first,
+    last
+  };
+}
+
 const ToastAction = React.forwardRef(
   ({ altText, appearance = "inverse", children, size = "sm", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -682,7 +682,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'},'pi807w'],variants:{position:{bottom:'cihl60','bottom-left':'_1lecijk','bottom-right':'_68m7qf',top:'_1s2o6rw','top-left':'_1iwt30h','top-right':'_3v6dcv'}}});
+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'}}});
 
 const ToastTitle = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -769,17 +769,9 @@ const ToastProvider = React.forwardRef(
               onOpenChange: () => toasterProp.remove(id),
               open,
               toastRef: ref2,
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/microsoft/TypeScript/issues/53178
-              children: React.isValidElement(toast) ? toast : /* @__PURE__ */ jsxRuntime.jsxs(Toast, { intent: toast.type, children: [
+              children: /* @__PURE__ */ jsxRuntime.jsxs(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
-                  }
-                )
+                toast.action && /* @__PURE__ */ jsxRuntime.jsx(ToastAction, { altText: toast.action, onClick: toast.onAction, children: toast.action })
               ] }, id)
             },
             id
@@ -809,19 +801,19 @@ function AxiomProvider({
   tooltip
 }) {
   const axiom = React.useContext(globals.AxiomVersionContext);
-  if (axiom) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  if (!axiom) {
+    children = /* @__PURE__ */ jsxRuntime.jsxs(ThemeProvider, { children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(ToastProvider, { ...toast })
+    ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(globals.AxiomVersionContext.Provider, { value: IconMagnifyingGlass.version, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TooltipProvider, { ...tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs(ThemeProvider, { children: [
-    children,
-    /* @__PURE__ */ jsxRuntime.jsx(ToastProvider, { ...toast })
-  ] }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(globals.AxiomVersionContext.Provider, { value: IconMagnifyingGlass.version, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TooltipProvider, { ...tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.FocusBookmarkProvider, { children }) }) });
 }
 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'},'_1dvx48u'],variants:{intent:{danger:'r07kzg',information:'_1ozt3m1',neutral:'l6cjke',primary:'wzvxbi',success:'detivz',warning:'gievlj'},variant:{strong:'_53udu8',subtle:'_1319dnb'}}});
+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'}}});
 
-const Slot$4 = reactSlot.createSlot("@optiaxiom/react/Badge");
+const Slot$5 = reactSlot.createSlot("@optiaxiom/react/Badge");
 const Badge = React.forwardRef(
   ({
     asChild,
@@ -831,7 +823,7 @@ const Badge = React.forwardRef(
     variant = "subtle",
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot$4 : "span";
+    const Comp = asChild ? Slot$5 : "span";
     return /* @__PURE__ */ jsxRuntime.jsx(
       IconMagnifyingGlass.Text,
       {
@@ -846,7 +838,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'},'_1305es0']});
+var content$2 = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1',gap:'8'},'dhkupv']});
 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 = {
@@ -889,12 +881,12 @@ const Banner = React.forwardRef(
 );
 Banner.displayName = "@optiaxiom/react/Banner";
 
-var code = IconMagnifyingGlass.recipeRuntime({base:[{fontWeight:'600'},'_1c13whq']});
+var code = IconMagnifyingGlass.recipeRuntime({base:[{fontWeight:'600'},'_1979fyk']});
 
-const Slot$3 = reactSlot.createSlot("@optiaxiom/react/Code");
+const Slot$4 = reactSlot.createSlot("@optiaxiom/react/Code");
 const Code = React.forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
-    const Comp = asChild ? Slot$3 : "code";
+    const Comp = asChild ? Slot$4 : "code";
     const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
     return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...code({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, ...restProps, children }) });
   }
@@ -1027,13 +1019,13 @@ const DataTableAction = React.forwardRef(
 );
 DataTableAction.displayName = "@optiaxiom/react/DataTableAction";
 
-var cell = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_163mu2t'],variants:{pinned:{left:'x3eskc',right:'_1c6i3b5'},pinnedType:{body:'_17oeg4b',header:{}}}});
-var cellOffsetVar = 'var(--bay68o)';
-var cellSizeVar = 'var(--d76vgv)';
-var leftTotalSizeVar = 'var(--umkl4m)';
-var rightTotalSizeVar = 'var(--_1bq3kt4)';
-var table = IconMagnifyingGlass.recipeRuntime({base:'_1i6qlrs',variants:{pinned:{both:'_2rhpot',left:'_171jekq',none:{},right:'fd1rlq'}}});
-var totalSizeVar = 'var(--pyc7np)';
+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)';
 
 const DataTableRow = React.forwardRef(
   ({ children, index, row, ...props }, outerRef) => {
@@ -1417,9 +1409,9 @@ const IconEllipsis = IconMagnifyingGlass.withIcon(
   ] })
 );
 
-var button$1 = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'center'},'_1yxj67d']});
-var cursor = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'center',z:'10'},'_12827jf'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1s6b9hl']});
+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']});
 
 const Pagination = React.forwardRef(
   ({
@@ -1533,7 +1525,7 @@ const Pagination = React.forwardRef(
 );
 Pagination.displayName = "@optiaxiom/react/Pagination";
 
-var addon = IconMagnifyingGlass.recipeRuntime({base:'_19ats41',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = IconMagnifyingGlass.recipeRuntime({base:'_1wq08y1',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
   label: size,
@@ -1628,10 +1620,10 @@ const IconCalendar = IconMagnifyingGlass.withIcon(
   )
 );
 
-var clear$1 = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'_1gkv4j5']});
-var date = IconMagnifyingGlass.recipeRuntime({base:'_4jatyr'});
-var input$2 = IconMagnifyingGlass.recipeRuntime({base:'cyq0bq'});
-var picker = IconMagnifyingGlass.recipeRuntime({base:'_4ud87h'});
+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'});
 
 const DateInput = React.forwardRef(
   ({
@@ -1932,8 +1924,8 @@ const Disclosure = React.forwardRef(
 );
 Disclosure.displayName = "@optiaxiom/react/Disclosure";
 
-var inner = IconMagnifyingGlass.recipeRuntime({base:['_2cl6ie']});
-var outer = IconMagnifyingGlass.recipeRuntime({base:[{display:'grid'},'gkerom'],variants:{scale:{false:'_1f5qy7i',true:{}}}});
+var inner = IconMagnifyingGlass.recipeRuntime({base:['qzgcx0']});
+var outer = IconMagnifyingGlass.recipeRuntime({base:[{display:'grid'},'la36fp'],variants:{scale:{false:'_11j8juu',true:{}}}});
 
 const DisclosureContent = React.forwardRef(({ children, ...props }, ref) => {
   const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
@@ -1957,9 +1949,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:'xsljzr',start:'zb1au'}}});
-var root = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'wrzel0']});
-var trigger$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_19991b9']});
+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']});
 
 const DisclosureTrigger = React.forwardRef(
   ({
@@ -2341,9 +2333,9 @@ const Grid = React.forwardRef((props, ref) => {
 });
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = IconMagnifyingGlass.recipeRuntime({base:'_19cfiau',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1qafj1s']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1qedl9u']}}});
-var floating = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1da06l2'],variants:{offset:{false:'lra3yp',true:{}},position:{'bottom-right':'_6wpbi2','top-right':'_1c7ki1w'}}});
-var indicator$2 = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex'},'akce0k']});
+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']});
 
 const Indicator = React.forwardRef(
   ({
@@ -2390,7 +2382,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'},'_1qy4p2z'],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'},'e95mgl'],subtle:{}}}});
 
 const platform = typeof navigator !== "undefined" && (navigator.platform.startsWith("Mac") || navigator.platform === "iPhone") ? "mac" : "win";
 const mapModifierToCode = {
@@ -2429,7 +2421,7 @@ const Kbd = React.forwardRef(
 );
 Kbd.displayName = "@optiaxiom/react/Kbd";
 
-var button = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'space-between'},'_1r9pxvf']});
+var button = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'space-between'},'_16gjx8k']});
 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'}}}});
 
@@ -2462,7 +2454,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'},'_17mfqeq']});
+var nav$1 = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'n54q9q']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -2483,7 +2475,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:'_1nc4slm',true:'f7cr7x'}}});
+var item$1 = IconMagnifyingGlass.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1bpbt30',true:'yn9qmy'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
@@ -2652,10 +2644,10 @@ 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'},'th2fl7']});
-var label = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'ru5rkg'],variants:{expanded:{false:'rd9gsy',true:'z2wchc'}}});
+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'}}});
 
-const Slot$2 = reactSlot.createSlot("@optiaxiom/react/NavItem");
+const Slot$3 = reactSlot.createSlot("@optiaxiom/react/NavItem");
 const NavItem = React.forwardRef(
   ({
     active,
@@ -2667,7 +2659,7 @@ const NavItem = React.forwardRef(
     icon,
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot$2 : "button";
+    const Comp = asChild ? Slot$3 : "button";
     const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
     const { expanded } = useSidebarContext("@optiaxiom/react/NavItem");
     let tooltip = null;
@@ -2728,7 +2720,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'},'blccg8']});
+var progress = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'wdv9tz']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
@@ -2752,10 +2744,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'},'_4shuzw'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = IconMagnifyingGlass.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'oozu5j']});
-var input$1 = IconMagnifyingGlass.recipeRuntime({base:'evkc31'});
-var radio = IconMagnifyingGlass.recipeRuntime({base:'_16g673o'});
+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'});
 
 const [RadioGroupProvider, useRadioGroupContext] = reactContext.createContext("@optiaxiom/react/RadioGroup", null);
 
@@ -2861,9 +2853,9 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'sfeia0']});
-var input = IconMagnifyingGlass.recipeRuntime({base:'_1adotu1'});
-var search = IconMagnifyingGlass.recipeRuntime({base:'_1nsxuia'});
+var clear = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'fw5vrt']});
+var input = IconMagnifyingGlass.recipeRuntime({base:'kn1z9o'});
+var search = IconMagnifyingGlass.recipeRuntime({base:'_1uwkq90'});
 
 const SearchInput = React.forwardRef(
   ({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
@@ -2997,7 +2989,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'},'abhixv']});
+var nav = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'gajf6g']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -3027,7 +3019,7 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex'},'_1qa1t2']});
+var tabs = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex'},'_5goz91']});
 
 const Tabs = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3044,7 +3036,7 @@ const TabsContent = React.forwardRef(
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = IconMagnifyingGlass.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1be5dju']});
+var list = IconMagnifyingGlass.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'bynlmw']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3053,24 +3045,26 @@ 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'},'_174k5pb']});
-var trigger = IconMagnifyingGlass.recipeRuntime({base:['p0yhrl',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'l9jx5p']});
+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']});
 
+const Slot$2 = reactSlot.createSlot("@optiaxiom/react/TabsTrigger");
 const TabsTrigger = React.forwardRef(
-  ({ addonAfter, addonBefore, children, className, value, ...props }, ref) => {
+  ({ addonAfter, addonBefore, asChild, children, className, value, ...props }, ref) => {
+    const Comp = asChild ? Slot$2 : "button";
     const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Trigger, { ref, value, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ...content(), children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Trigger, { asChild: true, ref, value, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: IconMagnifyingGlass.decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ...content(), children: [
       addonBefore,
-      children,
+      children2,
       addonAfter
-    ] }) }) });
+    ] })) }) }) });
   }
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var shadow = IconMagnifyingGlass.recipeRuntime({base:['hho8kk','_15prees']});
-var textarea = IconMagnifyingGlass.recipeRuntime({base:['hho8kk','qloobc']});
-var wrapper = IconMagnifyingGlass.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_6is8j','rsl7pe'],'2':['_6is8j','_1kfm6fo'],'3':['_6is8j','ebh4zv'],'4':['_6is8j','r94cu7'],'5':['_6is8j','r9z1hy']},resize:{auto:{},none:{},vertical:'_1ijj35o'}}});
+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'}}});
 
 const Slot$1 = reactSlot.createSlot("@optiaxiom/react/TextareaAutosize");
 const TextareaAutosize = React.forwardRef(