@optiaxiom/react 1.5.0 → 1.5.2

package/dist/cjs/index.js

@@ -4,110 +4,111 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var React = require('react');
-var IconMagnifyingGlass = require('./IconMagnifyingGlass-DdX-kGbo.js');
-require('./assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-WFV8JCKf.css');
+var IconMagnifyingGlass = require('./IconMagnifyingGlass-CacSUrdL.js');
+require('./assets/src/layers/layers.css.ts.vanilla-Civa05NT.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-C2H3LhZK.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-C7an7bjx.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-ixoJK4Uu.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-B1tHGNkr.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-D799Ps_d.css');
 var RadixAvatar = require('@radix-ui/react-avatar');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-BopGCQ-R.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-BLBs1H7Y.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CjP4uWdY.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-BErxvCGw.css');
 var globals = require('@optiaxiom/globals');
 var RadixToast = require('@radix-ui/react-toast');
-require('./assets/src/toast/ToastProvider.css.ts.vanilla-GL3Lg_SG.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-3sJcBec0.css');
+require('./assets/src/toast/ToastProvider.css.ts.vanilla-DfZ-U9z6.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-CCmKNddX.css');
 var shim = require('use-sync-external-store/shim');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/badge/Badge.css.ts.vanilla-CuLdYQ9B.css');
-require('./assets/src/banner/Banner.css.ts.vanilla-siGQ2kb9.css');
-require('./assets/src/code/Code.css.ts.vanilla-BoAhBZWP.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-br6SO8Bh.css');
+require('./assets/src/banner/Banner.css.ts.vanilla-BOQ09gzU.css');
+require('./assets/src/code/Code.css.ts.vanilla-BbDiCj2c.css');
 var reactTable = require('@tanstack/react-table');
 var reactVirtual = require('@tanstack/react-virtual');
-require('./assets/src/table/TableRow.css.ts.vanilla-NYW4Uw9y.css');
-require('./assets/src/data-table/DataTableBody.css.ts.vanilla-C_DfJtL2.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-DyIpaig8.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-NZqDEG48.css');
 var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
 var clsx = require('clsx');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-BymbFie0.css');
-require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-C_IF3hEV.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-4__Sb9ku.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-fLbnOLPz.css');
+require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-yfkVVK7g.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-xBc7fU7u.css');
 var RadixCollapsible = require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-C9U-yeAt.css');
-require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-BV48zban.css');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-Cxoz_n1a.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-yG0cf1JM.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-Cqc8wAby.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-BjujHWpO.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-BopGCQ-R.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-O9AqM-cn.css');
-require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-C14Cg9ip.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-CDY2trIw.css');
-require('./assets/src/nav/NavAccountItem.css.ts.vanilla-B_diGx7I.css');
-require('./assets/src/nav/NavItem.css.ts.vanilla-BrQFSPpt.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-Bi_x4LHM.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-CSWSrfns.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CjP4uWdY.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-CLFm0omN.css');
+require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-KRQfUNio.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-BT0JIR9Z.css');
+require('./assets/src/nav/NavAccountItem.css.ts.vanilla-D9tX272B.css');
+require('./assets/src/nav/NavItem.css.ts.vanilla-Cb4w7_ti.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-VHfLy_-i.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-BopGCQ-R.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CCXnMKDM.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-DI-V-pBk.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-BM1YCu_Q.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-ChcEp37y.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CjP4uWdY.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-eoPceij7.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-CkN56CVs.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-DwpWBNWV.css');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-CSYzwbO_.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-z8FgvayO.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-fFDhnR6L.css');
-require('./assets/src/tabs/TabsList.css.ts.vanilla-CUTelOi-.css');
-require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-DvcrmVLh.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-CCzZmj1B.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-DGWooiVG.css');
+require('./assets/src/tabs/TabsList.css.ts.vanilla-CrwtO6VY.css');
+require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-C3XD_DGA.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-CWZr2SGQ.css');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-BopGCQ-R.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-CQHrzlcL.css');
-require('./assets/src/table/Table.css.ts.vanilla-DRTckl_I.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-CkDN5-4K.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-Bry58N9S.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-IOX7pyGu.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BW37-stS.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DNpXsbZo.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CjP4uWdY.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-CvGF514_.css');
+require('./assets/src/table/Table.css.ts.vanilla-BvVvA-0l.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-DabIaLb3.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-exHiypp2.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla--HgBQDMl.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BWxRQAQ6.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-1vYxWRKv.css');
 require('react-day-picker');
 require('@radix-ui/react-popper');
 require('downshift');
 require('@radix-ui/react-tooltip');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-DVnXE0ON.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-Bk3EYZsx.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-DSb7Uxf2.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-nfmZzL1M.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-DV9HPDg-.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-DtN3_ehV.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-BL314mBN.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-B4Er5kv8.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-Cb1DMVNp.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-DBw833_v.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-eQ2oAvIr.css');
 require('@radix-ui/react-popover');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CjmvydXp.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DsEEG4cq.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-CO9UYuYz.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-C6F6cJM6.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BYQQkUoP.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-BDczmgVK.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-B-zjJRlF.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-qcoZrDec.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BTi1iegz.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-CTxYEg_L.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CIu7N2Mr.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-BfgQ5fq2.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-BqyG84oT.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-BezJzmsV.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-Dwc1LppA.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-DMsXuGAu.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-DhRBupkx.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-BgnugODO.css');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BMyUtJSV.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-pOrYXbTf.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-yQEzJWEo.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-D33wSGgi.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-D0cw8qnd.css');
-require('./assets/src/text/Text.css.ts.vanilla-DuuK1SVw.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DDjHJ5Rg.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BaizcQx4.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-rC41IFce.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-BLq6D2sV.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-hpJXAAN1.css');
+require('./assets/src/text/Text.css.ts.vanilla-BC9J5flx.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-BEUYXojv.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-B6WvMVkO.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-BQNWCClo.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-BGU_i7CP.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-BbsOICsR.css');
-require('./assets/src/box/Box.css.ts.vanilla-DN4ECRY3.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-Bhl8iscl.css');
-require('./assets/src/link/Link.css.ts.vanilla-BW1It0AR.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-dY7X2ULz.css');
+require('./assets/src/box/Box.css.ts.vanilla-CEk-jwDq.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-B917GpyM.css');
+require('./assets/src/link/Link.css.ts.vanilla-C_eRdnPL.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -198,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'},'_1o63hef']});
+var content$4 = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1',gap:'8'},'kc6he3']});
 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 = {
@@ -241,6 +242,95 @@ 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({
@@ -267,14 +357,17 @@ function AlertDialog({
       onOpenChange: setOpen,
       open: open || presence,
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
         AlertDialogProvider,
         {
           nestedDialogCount,
           open,
           presence,
           setPresence,
-          children
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.FocusBookmarkRestore, {}) }),
+            children
+          ]
         }
       )
     }
@@ -311,10 +404,10 @@ const AlertDialogCancel = React.forwardRef(({ appearance = "subtle", asChild, ch
 });
 AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 
-var backdrop = IconMagnifyingGlass.recipeRuntime({variants:{hidden:{false:{},true:'_10mhby3'}}});
-var content$3 = IconMagnifyingGlass.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_2cieha'],variants:{size:{sm:'_1qgyfky',md:'hhcdn7',lg:'j2btyy'}}});
-var nestedDialogCountVar = 'var(--_1q57fc0)';
-var root$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'ye4msw']});
+var backdrop = IconMagnifyingGlass.recipeRuntime({variants:{hidden:{false:{},true:'wsq9zp'}}});
+var content$3 = IconMagnifyingGlass.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_11f6kf'],variants:{size:{sm:'dcpics',md:'_2vl4xs',lg:'wdaoss'}}});
+var nestedDialogCountVar = 'var(--_1y3exo3)';
+var root$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1gg1d1g']});
 
 const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...props }, outerRef) => {
   const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("@optiaxiom/react/AlertDialogContent");
@@ -361,7 +454,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'},'_1u5n021']});
+var footer = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1h7p8oi']});
 
 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 }) });
@@ -411,7 +504,7 @@ const IconUsersSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-var avatar = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_3w7abc'],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'},'_1qwdlmb'],xs:[{fontWeight:'400',size:'xs'},'_1nqkzzy'],sm:[{size:'sm'},'_1caums0'],md:[{size:'md'},'_1e2tfxj'],lg:[{size:'lg'},'b6wxqt'],xl:[{size:'xl'},'_16gfb4v'],'3xl':[{size:'3xl'},'_1897agq']}}});
+var avatar = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'sqip98'],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'},'rx11f2'],xs:[{fontWeight:'400',size:'xs'},'_1iv3r6a'],sm:[{size:'sm'},'_1gjm44q'],md:[{size:'md'},'_1skfwg7'],lg:[{size:'lg'},'_1tzmob7'],xl:[{size:'xl'},'tuiaix'],'3xl':[{size:'3xl'},'hgxggo']}}});
 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'}}}});
 
@@ -456,7 +549,7 @@ const Avatar = React.forwardRef(
 );
 Avatar.displayName = "@optiaxiom/react/Avatar";
 
-var avatarGroup = IconMagnifyingGlass.recipeRuntime({base:['_2rh5fj',{display:'flex'}]});
+var avatarGroup = IconMagnifyingGlass.recipeRuntime({base:['skuzbu',{display:'flex'}]});
 
 const AvatarGroup = React.forwardRef(
   ({ children, className, size = "md", ...props }, ref) => {
@@ -467,8 +560,8 @@ AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1wo04pn';
-var reset = 'optiaxiom._15szljk';
+var components = 'optiaxiom._1r5fo7o';
+var reset = 'optiaxiom._1orxe16';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -518,9 +611,9 @@ function ThemeProvider({ children }) {
 }
 ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 
-var icon$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_17kdmqv']});
-var offsetVar = 'var(--puxxky)';
-var root$1 = IconMagnifyingGlass.recipeRuntime({base:['_1ijakq9',{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']},'d3wuzj'],variants:{intent:{danger:'_1si6o0j',information:'c4gkg0',neutral:'_1uable',success:'ko2cpo',warning:'j7zxt8'}}});
+var icon$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1q3hxqq']});
+var offsetVar = 'var(--hf4oza)';
+var root$1 = IconMagnifyingGlass.recipeRuntime({base:['u57su4',{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']},'kn7hgc'],variants:{intent:{danger:'npdppl',information:'wr7o7f',neutral:'mtxsgs',success:'_1lhziuj',warning:'_1dblgaj'}}});
 
 const mapIntentToIcon$1 = {
   danger: IconCircleExclamationSolid,
@@ -578,95 +671,6 @@ 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: [
@@ -678,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'},'_8jeqgd'],variants:{position:{bottom:'_1mpzxyv','bottom-left':'_3av06g','bottom-right':'_1bq3w3p',top:'_3xrpyn','top-left':'_12op3ox','top-right':'_1jrayrn'}}});
+var viewport = IconMagnifyingGlass.recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'ojfnqn'],variants:{position:{bottom:'mc4af6','bottom-left':'_1kareyn','bottom-right':'_14dbc9s',top:'_19x90g','top-left':'ltdf6c','top-right':'_15f6gw0'}}});
 
 const ToastTitle = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -815,7 +819,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'},'_1kr271j'],variants:{intent:{danger:'at2bfa',information:'_9jr6my',neutral:'_12ovzvl',primary:'_3lp3ma',success:'ow1y24',warning:'_7b74al'},variant:{strong:'_1wqitqm',subtle:'_1mpd4mv'}}});
+var badge$1 = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'w04xpx'],variants:{intent:{danger:'_1a5locq',information:'_1b57fkh',neutral:'ntz5uh',primary:'_1aahibx',success:'_1459mmc',warning:'_19o2gq7'},variant:{strong:'ww9lvo',subtle:'_12fe47k'}}});
 
 const Slot$4 = reactSlot.createSlot("@optiaxiom/react/Badge");
 const Badge = React.forwardRef(
@@ -842,7 +846,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'},'_1c5d5bf']});
+var content$2 = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1',gap:'8'},'_1pq0d1v']});
 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 = {
@@ -885,7 +889,7 @@ const Banner = React.forwardRef(
 );
 Banner.displayName = "@optiaxiom/react/Banner";
 
-var code = IconMagnifyingGlass.recipeRuntime({base:[{fontWeight:'600'},'_7jabfq']});
+var code = IconMagnifyingGlass.recipeRuntime({base:[{fontWeight:'600'},'_13gy2ry']});
 
 const Slot$3 = reactSlot.createSlot("@optiaxiom/react/Code");
 const Code = React.forwardRef(
@@ -981,7 +985,7 @@ const DataTableAction = React.forwardRef(
       }
       return onActionMount({ primary, ref: innerRef });
     }, [onActionMount, primary]);
-    const index = actions.indexOf(innerRef);
+    const index = actions.includes(innerRef) ? actions.indexOf(innerRef) : void 0;
     React.useEffect(() => {
       if (highlightedIndex === index) {
         innerRef.current?.focus();
@@ -1008,7 +1012,7 @@ const DataTableAction = React.forwardRef(
         },
         onPointerDown: (event) => {
           onPointerDown?.(event);
-          if (event.defaultPrevented) {
+          if (event.defaultPrevented || !index) {
             return;
           }
           setHighlightedIndex?.(index);
@@ -1023,13 +1027,13 @@ const DataTableAction = React.forwardRef(
 );
 DataTableAction.displayName = "@optiaxiom/react/DataTableAction";
 
-var cell = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1cywpho'],variants:{pinned:{left:'_956rl0',right:'_1fy2bgc'},pinnedType:{body:'f8c8ww',header:{}}}});
-var cellOffsetVar = 'var(--_9dunfk)';
-var cellSizeVar = 'var(--_13gfxs6)';
-var leftTotalSizeVar = 'var(--b5wrzk)';
-var rightTotalSizeVar = 'var(--vm1if2)';
-var table = IconMagnifyingGlass.recipeRuntime({base:'o7k06r',variants:{pinned:{both:'_1gzro5',left:'_1p8pchs',none:{},right:'udxfzy'}}});
-var totalSizeVar = 'var(--e5cbr4)';
+var cell = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_17xgxjy'],variants:{pinned:{left:'k9gc3r',right:'_1ypg45h'},pinnedType:{body:'dpij24',header:{}}}});
+var cellOffsetVar = 'var(--_1brz2va)';
+var cellSizeVar = 'var(--qhyh4y)';
+var leftTotalSizeVar = 'var(--_40qd5a)';
+var rightTotalSizeVar = 'var(--_1yr7kpm)';
+var table = IconMagnifyingGlass.recipeRuntime({base:'_153uav4',variants:{pinned:{both:'_1c9te9u',left:'jk1s6h',none:{},right:'_1ndvg1w'}}});
+var totalSizeVar = 'var(--dr48tm)';
 
 const DataTableRow = React.forwardRef(
   ({ children, index, row, ...props }, outerRef) => {
@@ -1378,9 +1382,44 @@ const DataTableCheckbox = React.forwardRef(({ children, disabled, visible, ...pr
 });
 DataTableCheckbox.displayName = "@optiaxiom/react/DataTableCheckbox";
 
-var button$1 = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'center'},'uumygv']});
-var cursor = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'center',z:'10'},'igo22j'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'2'},'e1wc8g']});
+const IconEllipsis = IconMagnifyingGlass.withIcon(
+  {
+    name: "IconEllipsis"
+  },
+  /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        clipRule: "evenodd",
+        d: "M8.54167 8C8.54167 7.19459 9.19458 6.54167 10 6.54167C10.8054 6.54167 11.4583 7.19459 11.4583 8C11.4583 8.80542 10.8054 9.45833 10 9.45833C9.19458 9.45833 8.54167 8.80542 8.54167 8Z",
+        fill: "currentColor",
+        fillRule: "evenodd"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        clipRule: "evenodd",
+        d: "M14.375 8C14.375 7.19459 15.0279 6.54167 15.8333 6.54167C16.6387 6.54167 17.2917 7.19459 17.2917 8C17.2917 8.80542 16.6387 9.45833 15.8333 9.45833C15.0279 9.45833 14.375 8.80542 14.375 8Z",
+        fill: "currentColor",
+        fillRule: "evenodd"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        clipRule: "evenodd",
+        d: "M2.70833 8C2.70833 7.19459 3.36125 6.54167 4.16667 6.54167C4.97208 6.54167 5.625 7.19459 5.625 8C5.625 8.80542 4.97208 9.45833 4.16667 9.45833C3.36125 9.45833 2.70833 8.80542 2.70833 8Z",
+        fill: "currentColor",
+        fillRule: "evenodd"
+      }
+    )
+  ] })
+);
+
+var button$1 = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'center'},'_1gwj8ag']});
+var cursor = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1moxy5f'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_13y0h0w']});
 
 const Pagination = React.forwardRef(
   ({
@@ -1455,7 +1494,7 @@ const Pagination = React.forwardRef(
                 {
                   asChild: true,
                   color: disabled ? "fg.disabled" : "fg.default",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconEllipsis, {})
+                  children: /* @__PURE__ */ jsxRuntime.jsx(IconEllipsis, {})
                 }
               )
             }
@@ -1494,7 +1533,7 @@ const Pagination = React.forwardRef(
 );
 Pagination.displayName = "@optiaxiom/react/Pagination";
 
-var addon = IconMagnifyingGlass.recipeRuntime({base:'uivehr',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = IconMagnifyingGlass.recipeRuntime({base:'_12nx73a',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
   label: size,
@@ -1589,10 +1628,10 @@ const IconCalendar = IconMagnifyingGlass.withIcon(
   )
 );
 
-var clear$1 = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'_1xs1xvh']});
-var date = IconMagnifyingGlass.recipeRuntime({base:'_1lth73p'});
-var input$2 = IconMagnifyingGlass.recipeRuntime({base:'chcmry'});
-var picker = IconMagnifyingGlass.recipeRuntime({base:'_615ehu'});
+var clear$1 = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'_1ottvoi']});
+var date = IconMagnifyingGlass.recipeRuntime({base:'_1ml48qt'});
+var input$2 = IconMagnifyingGlass.recipeRuntime({base:'_1a8ty4u'});
+var picker = IconMagnifyingGlass.recipeRuntime({base:'_1o92qyd'});
 
 const DateInput = React.forwardRef(
   ({
@@ -1893,8 +1932,8 @@ const Disclosure = React.forwardRef(
 );
 Disclosure.displayName = "@optiaxiom/react/Disclosure";
 
-var inner = IconMagnifyingGlass.recipeRuntime({base:['myp5s8']});
-var outer = IconMagnifyingGlass.recipeRuntime({base:[{display:'grid'},'_1jloj4n'],variants:{scale:{false:'cbk36e',true:{}}}});
+var inner = IconMagnifyingGlass.recipeRuntime({base:['_1if564p']});
+var outer = IconMagnifyingGlass.recipeRuntime({base:[{display:'grid'},'_1x6udxw'],variants:{scale:{false:'_1c6kbec',true:{}}}});
 
 const DisclosureContent = React.forwardRef(({ children, ...props }, ref) => {
   const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
@@ -1918,9 +1957,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:'c8qdz',start:'_12ajhfp'}}});
-var root = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'cpebqm']});
-var trigger$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1xmhnt0']});
+var icon = IconMagnifyingGlass.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_126pje7',start:'tlouag'}}});
+var root = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'n1aadv']});
+var trigger$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1ok8jpd']});
 
 const DisclosureTrigger = React.forwardRef(
   ({
@@ -1991,29 +2030,20 @@ const DropdownMenuContent = React.forwardRef(({ align = "start", children, loadi
       onPresenceChange: setPresence,
       open,
       presence,
-      children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.ModalListbox,
+      children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ModalListbox, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+        RadixMenu__namespace.Content,
         {
-          asChild: true,
-          minW: loading ? "trigger" : void 0,
-          provider: "dropdown-menu",
-          ...props,
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            RadixMenu__namespace.Content,
-            {
-              align,
-              onPointerMove: (event) => {
-                if (!open) {
-                  event.preventDefault();
-                }
-              },
-              ref,
-              sideOffset: 4,
-              children: loading ? /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Spinner, {}) }) : children
+          align,
+          onPointerMove: (event) => {
+            if (!open) {
+              event.preventDefault();
             }
-          )
+          },
+          ref,
+          sideOffset: 4,
+          children: loading ? /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Spinner, {}) }) : children
         }
-      ) })
+      ) }) })
     }
   );
 });
@@ -2095,25 +2125,16 @@ const DropdownMenuSubContent = React.forwardRef(({ asChild, children, ...props }
   const { open, setPresence } = useDropdownMenuSubContext(
     "@optiaxiom/react/DropdownMenuSubContent"
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TransitionGroup, { onPresenceChange: setPresence, open, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-    IconMagnifyingGlass.ModalListbox,
+  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TransitionGroup, { onPresenceChange: setPresence, open, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ModalListbox, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    RadixMenu__namespace.SubContent,
     {
-      asChild: true,
-      minW: "trigger",
-      provider: "dropdown-menu",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        RadixMenu__namespace.SubContent,
-        {
-          alignOffset: -4,
-          asChild,
-          ref,
-          sideOffset: 0,
-          children
-        }
-      )
+      alignOffset: -4,
+      asChild,
+      ref,
+      sideOffset: 0,
+      children
     }
-  ) }) });
+  ) }) }) });
 });
 DropdownMenuSubContent.displayName = "@optiaxiom/react/DropdownMenuSubContent";
 
@@ -2127,26 +2148,11 @@ const DropdownMenuTrigger = React.forwardRef(({ asChild, children, ...props }, r
 });
 DropdownMenuTrigger.displayName = "@optiaxiom/react/DropdownMenuTrigger";
 
-const IconEllipsisSolid = IconMagnifyingGlass.withIcon(
-  {
-    name: "IconEllipsisSolid",
-    viewBox: "0 0 448 512"
-  },
-  // <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      d: "M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z",
-      fill: "currentColor"
-    }
-  )
-);
-
 const EllipsisMenuButton = React.forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     IconMagnifyingGlass.Button,
     {
-      icon: /* @__PURE__ */ jsxRuntime.jsx(IconEllipsisSolid, {}),
+      icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconEllipsisSolid, {}),
       iconPosition: "end",
       ref,
       ...props,
@@ -2335,9 +2341,9 @@ const Grid = React.forwardRef((props, ref) => {
 });
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = IconMagnifyingGlass.recipeRuntime({base:'sgq41h',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1enkwai']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'g2muv0']}}});
-var floating = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1im4w3f'],variants:{offset:{false:'_1ufq5k1',true:{}},position:{'bottom-right':'_11fttsg','top-right':'rsdxgh'}}});
-var indicator$2 = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex'},'_1hpm0bo']});
+var badge = IconMagnifyingGlass.recipeRuntime({base:'_1qvdq1o',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_11x8ymo']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_141exuc']}}});
+var floating = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1j7cswx'],variants:{offset:{false:'_1ru3k8e',true:{}},position:{'bottom-right':'_1b9rgpl','top-right':'_15hcluw'}}});
+var indicator$2 = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex'},'_1tln4xk']});
 
 const Indicator = React.forwardRef(
   ({
@@ -2383,8 +2389,8 @@ const Indicator = React.forwardRef(
 );
 Indicator.displayName = "@optiaxiom/react/Indicator";
 
-var kbd = IconMagnifyingGlass.recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',flexDirection:'row',fontFamily:'sans',gap:'2',whiteSpace:'nowrap'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',px:'6',rounded:'sm'},'cap2cb'],subtle:{}}}});
-var keys = IconMagnifyingGlass.recipeRuntime({base:'azr6ej'});
+var kbd = IconMagnifyingGlass.recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',flexDirection:'row',fontFamily:'sans',gap:'2',whiteSpace:'nowrap'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',px:'6',rounded:'sm'},'e1ex2'],subtle:{}}}});
+var keys = IconMagnifyingGlass.recipeRuntime({base:'_6xscdy'});
 
 const mapKeyToCode = {
   command: "\u2318",
@@ -2411,7 +2417,7 @@ const Kbd = React.forwardRef(
 );
 Kbd.displayName = "@optiaxiom/react/Kbd";
 
-var button = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'space-between'},'u7n3sq']});
+var button = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'space-between'},'_1tpjknb']});
 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'}}}});
 
@@ -2444,7 +2450,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'},'_1d44vgh']});
+var nav$1 = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1vpkj1w']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -2465,7 +2471,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:'_81szjv',true:'_1y8s27t'}}});
+var item$1 = IconMagnifyingGlass.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1eixnwz',true:'_15w8ieu'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
@@ -2495,7 +2501,7 @@ const NavAccountItem = React.forwardRef(({ name, organization, src, ...props },
             /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { color: "fg.default", fontWeight: "500", truncate: true, children: name }),
             /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { color: "fg.tertiary", fontSize: "sm", truncate: true, children: organization })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconEllipsis, {}) })
+          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconEllipsis, {}) })
         ] })
       ] })
     }
@@ -2634,8 +2640,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'},'_1yux5iv']});
-var label = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_16bitf5'],variants:{expanded:{false:'_1j4nk9t',true:'_1tr9bmv'}}});
+var item = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_17u5q21']});
+var label = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'qcbviz'],variants:{expanded:{false:'cs4j44',true:'rduuyj'}}});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/NavItem");
 const NavItem = React.forwardRef(
@@ -2710,7 +2716,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'},'zvsdfc']});
+var progress = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'nnf5gw']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
@@ -2734,10 +2740,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'},'g5c3za'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = IconMagnifyingGlass.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_162qnhy']});
-var input$1 = IconMagnifyingGlass.recipeRuntime({base:'_1jgukhm'});
-var radio = IconMagnifyingGlass.recipeRuntime({base:'_1k5xa1v'});
+var control = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_187lsfw'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = IconMagnifyingGlass.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_3sjvpx']});
+var input$1 = IconMagnifyingGlass.recipeRuntime({base:'_1b1a4im'});
+var radio = IconMagnifyingGlass.recipeRuntime({base:'l4m95q'});
 
 const [RadioGroupProvider, useRadioGroupContext] = reactContext.createContext("@optiaxiom/react/RadioGroup", null);
 
@@ -2843,9 +2849,9 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'_3a82lm']});
-var input = IconMagnifyingGlass.recipeRuntime({base:'_1qedhb2'});
-var search = IconMagnifyingGlass.recipeRuntime({base:'_39fuwp'});
+var clear = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'n5f4gy']});
+var input = IconMagnifyingGlass.recipeRuntime({base:'cscq7t'});
+var search = IconMagnifyingGlass.recipeRuntime({base:'tmun3n'});
 
 const SearchInput = React.forwardRef(
   ({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
@@ -2979,7 +2985,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'},'_1ndref1']});
+var nav = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'p3lt8e']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -3009,7 +3015,7 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex'},'_12c4b4p']});
+var tabs = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex'},'_1dn6ii']});
 
 const Tabs = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3026,7 +3032,7 @@ const TabsContent = React.forwardRef(
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = IconMagnifyingGlass.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1d2tf7b']});
+var list = IconMagnifyingGlass.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1ngmqnt']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3035,8 +3041,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'},'h4m98']});
-var trigger = IconMagnifyingGlass.recipeRuntime({base:['w9p7xx',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1pdujqn']});
+var content = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'p76rsk']});
+var trigger = IconMagnifyingGlass.recipeRuntime({base:['ger1mo',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_45k537']});
 
 const TabsTrigger = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, value, ...props }, ref) => {
@@ -3050,9 +3056,9 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var shadow = IconMagnifyingGlass.recipeRuntime({base:['_1yjg4ix','_9ol0km']});
-var textarea = IconMagnifyingGlass.recipeRuntime({base:['_1yjg4ix','fa5n6d']});
-var wrapper = IconMagnifyingGlass.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1y65px4','_1m1qugg'],'2':['_1y65px4','_17xn6ro'],'3':['_1y65px4','rpmmfe'],'4':['_1y65px4','_1bg8xho'],'5':['_1y65px4','_1akf536']},resize:{auto:{},none:{},vertical:'_1ha9krz'}}});
+var shadow = IconMagnifyingGlass.recipeRuntime({base:['_10k70t9','tal77w']});
+var textarea = IconMagnifyingGlass.recipeRuntime({base:['_10k70t9','_5nakqx']});
+var wrapper = IconMagnifyingGlass.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['s4z9y2','_1x1h0pa'],'2':['s4z9y2','_1jnfm5q'],'3':['s4z9y2','_1pdoftw'],'4':['s4z9y2','_1bhcdgo'],'5':['s4z9y2','ovxptz']},resize:{auto:{},none:{},vertical:'p1nyd8'}}});
 
 const Slot$1 = reactSlot.createSlot("@optiaxiom/react/TextareaAutosize");
 const TextareaAutosize = React.forwardRef(