@optiaxiom/react 1.4.5 → 1.5.1

package/dist/cjs/index.js

@@ -4,109 +4,110 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var React = require('react');
-var IconMagnifyingGlass = require('./IconMagnifyingGlass-Cx14aYC0.js');
-require('./assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-DExKVjQj.css');
+var IconMagnifyingGlass = require('./IconMagnifyingGlass-CxLRvuEF.js');
+require('./assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css');
+require('./assets/src/alert/Alert.css.ts.vanilla--5D2utwe.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-BWh92oY5.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BSI39Knn.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CatiX2J7.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-Dp4RfPsO.css');
 var RadixAvatar = require('@radix-ui/react-avatar');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-Cx5atBZp.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-DPtRqiKr.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-1mT-GBsC.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-BDCinAOU.css');
 var globals = require('@optiaxiom/globals');
 var RadixToast = require('@radix-ui/react-toast');
-require('./assets/src/toast/ToastProvider.css.ts.vanilla-DXIOfwQH.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-Cz7qYeux.css');
+require('./assets/src/toast/ToastProvider.css.ts.vanilla-Rb3IBfGy.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-B1s_WiKY.css');
 var shim = require('use-sync-external-store/shim');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/badge/Badge.css.ts.vanilla-Dq4Qf-vP.css');
-require('./assets/src/banner/Banner.css.ts.vanilla-DCktBCQs.css');
-require('./assets/src/code/Code.css.ts.vanilla-CvcuTH71.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-DCk4HMcT.css');
+require('./assets/src/banner/Banner.css.ts.vanilla-RIwiMeWC.css');
+require('./assets/src/code/Code.css.ts.vanilla-BC87odrx.css');
 var reactTable = require('@tanstack/react-table');
 var reactVirtual = require('@tanstack/react-virtual');
-require('./assets/src/table/TableRow.css.ts.vanilla-DKWSCVR_.css');
-require('./assets/src/data-table/DataTableBody.css.ts.vanilla-Dvs6hPxM.css');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-wa8ut6PQ.css');
-require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-6FI_NI_I.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-CNZPhQM5.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-DARD99Vi.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-gcAqEEUc.css');
+var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
+var clsx = require('clsx');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-CwdmFgL-.css');
+require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-eYr7nCK5.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-Cvg6hsJf.css');
 var RadixCollapsible = require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-CuQ5uhBg.css');
-require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-F5ng0xoR.css');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-aNtSD3_M.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-DcMs5fFG.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-BGbZpTX4.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-DnM-SqYs.css');
-var clsx = require('clsx');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-Cx5atBZp.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-Dx1pjGJE.css');
-require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-CXGSSOar.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-DiyfPdb3.css');
-require('./assets/src/nav/NavAccountItem.css.ts.vanilla-CLaBZvXR.css');
-require('./assets/src/nav/NavItem.css.ts.vanilla-BIB32Kxv.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-Bp0TILRb.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-X86I4gvB.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-1mT-GBsC.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-c0Df-0jA.css');
+require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-RT8TQ3_G.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-V7wQzusF.css');
+require('./assets/src/nav/NavAccountItem.css.ts.vanilla-DJh8tYjr.css');
+require('./assets/src/nav/NavItem.css.ts.vanilla-eNc92HM5.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-s1nNYPKL.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-Cx5atBZp.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-bHOUxPUF.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-CCO8u4ZD.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-DPg_qaQp.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-CgJ1rTXQ.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-1mT-GBsC.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BtnqM68I.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-LRKuy-lf.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-DbCvm8VJ.css');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-C0hPWOPW.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-CpXGifUw.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-BvK6EdPH.css');
-require('./assets/src/tabs/TabsList.css.ts.vanilla-CR1hDfP_.css');
-require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-3OozOs6a.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-DpxBUCvb.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-Dd2FzYe5.css');
+require('./assets/src/tabs/TabsList.css.ts.vanilla-0YpBbwtu.css');
+require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-DoeX0WOt.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-D1ZLWztv.css');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-Cx5atBZp.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-BABdrlmZ.css');
-require('./assets/src/table/Table.css.ts.vanilla-C9jWIfZN.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-Dvewv0g8.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-BXyR8q89.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-DWjifEIw.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DA_qbxeU.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-1mT-GBsC.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-BzBSmcTE.css');
+require('./assets/src/table/Table.css.ts.vanilla-oE1dR3U1.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-BS5o-IU4.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-Mzp6i09q.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-DD4vI1Ml.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BEyX-mhJ.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DKYwKskK.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-CoG8NtWh.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DLhhwjcr.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-FBb6V0pK.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-DTGYmare.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-CUEDvAsn.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-B5VHHqk5.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BLJQrr3z.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-CTpGUIiK.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-u-VlisWS.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-Dt3RTsY7.css');
 require('@radix-ui/react-popover');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-Fry_f6al.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-BHOxCZ1j.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DN9kKQT8.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BU8QYqxz.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CYu7IUFz.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CTJ8rLzc.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-B1Yx7IEn.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DDe2uTWF.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DeoFu4V5.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-t0w4VnI3.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BvbsDONo.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-ChH3E2S-.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-D3djE9RO.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-X8GV77Cr.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-Dqt3__za.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-CNDt1Hak.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-sZQmo5Rf.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-BzdnTk-p.css');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-CmIZK1cU.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-Dx-5dCIS.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-DklKq-BZ.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-qMr39fy7.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-DsS2VGDY.css');
-require('./assets/src/text/Text.css.ts.vanilla-CKKtIpha.css');
-require('@radix-ui/react-visually-hidden');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-xheREv7l.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-UH8Wm1GJ.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-rL9r9uUN.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-BRoCqZT7.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-DZ8Q2jnW.css');
+require('./assets/src/text/Text.css.ts.vanilla-20Dy4ncJ.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DoCIMRp7.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-GDFL-t3V.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-DMpnynLb.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-DS0kd8K7.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-DATOtFl_.css');
-require('./assets/src/box/Box.css.ts.vanilla-Bc1EpFFv.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-Dfr_ZXXG.css');
-require('./assets/src/link/Link.css.ts.vanilla-BJCeHHTC.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-C7okIXxT.css');
+require('./assets/src/box/Box.css.ts.vanilla-Dhk5a5nh.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-DgBv8RuW.css');
+require('./assets/src/link/Link.css.ts.vanilla-FPM0Un1u.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -197,7 +198,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'},'_1swj4aa']});
+var content$4 = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1',gap:'8'},'_1b1mc0w']});
 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 = {
@@ -240,6 +241,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({
@@ -266,14 +356,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
+          ]
         }
       )
     }
@@ -310,10 +403,10 @@ const AlertDialogCancel = React.forwardRef(({ appearance = "subtle", asChild, ch
 });
 AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 
-var backdrop = IconMagnifyingGlass.recipeRuntime({variants:{hidden:{false:{},true:'n0m1rp'}}});
-var content$3 = IconMagnifyingGlass.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1rjww8y'],variants:{size:{sm:'_1ngmdcf',md:'_1qgwpcl',lg:'_14y2jt9'}}});
-var nestedDialogCountVar = 'var(--v3bq1o)';
-var root$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1hex5r6']});
+var backdrop = IconMagnifyingGlass.recipeRuntime({variants:{hidden:{false:{},true:'_99mljq'}}});
+var content$3 = IconMagnifyingGlass.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1hmp55o'],variants:{size:{sm:'_1w6ggff',md:'_6xmrki',lg:'_1gdwege'}}});
+var nestedDialogCountVar = 'var(--ymttcc)';
+var root$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'r47i8o']});
 
 const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...props }, outerRef) => {
   const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("@optiaxiom/react/AlertDialogContent");
@@ -336,7 +429,7 @@ const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...
         ) }),
         /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ...root$2(), children: [
           /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { flex: "1", pointerEvents: "none" }),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Transition, { "data-side": "bottom", type: "fade", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Transition, { type: "pop", children: /* @__PURE__ */ jsxRuntime.jsx(
             IconMagnifyingGlass.Paper,
             {
               asChild: true,
@@ -360,7 +453,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'},'_3j6s2e']});
+var footer = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_15e15ea']});
 
 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 }) });
@@ -410,7 +503,7 @@ const IconUsersSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-var avatar = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1qow7ji'],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'},'uenji3'],xs:[{fontWeight:'400',size:'xs'},'_1dwloql'],sm:[{size:'sm'},'lycr9q'],md:[{size:'md'},'_10dn8i6'],lg:[{size:'lg'},'d4jlzo'],xl:[{size:'xl'},'_1j2v79j'],'3xl':[{size:'3xl'},'_1cbxo32']}}});
+var avatar = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1p5yykb'],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'},'rk2yts'],xs:[{fontWeight:'400',size:'xs'},'llnc2l'],sm:[{size:'sm'},'_1d0tj0k'],md:[{size:'md'},'_1bnaqr5'],lg:[{size:'lg'},'_1lujf6x'],xl:[{size:'xl'},'beo9xr'],'3xl':[{size:'3xl'},'_12ghxat']}}});
 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'}}}});
 
@@ -455,7 +548,7 @@ const Avatar = React.forwardRef(
 );
 Avatar.displayName = "@optiaxiom/react/Avatar";
 
-var avatarGroup = IconMagnifyingGlass.recipeRuntime({base:['has5nn',{display:'flex'}]});
+var avatarGroup = IconMagnifyingGlass.recipeRuntime({base:['_18nsy22',{display:'flex'}]});
 
 const AvatarGroup = React.forwardRef(
   ({ children, className, size = "md", ...props }, ref) => {
@@ -466,8 +559,8 @@ AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._12h7ywj';
-var reset = 'optiaxiom._1jqkdoc';
+var components = 'optiaxiom._1hnxwzp';
+var reset = 'optiaxiom._1s6q7tx';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -517,9 +610,9 @@ function ThemeProvider({ children }) {
 }
 ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 
-var icon$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'oct49j']});
-var offsetVar = 'var(--_1l4thfu)';
-var root$1 = IconMagnifyingGlass.recipeRuntime({base:['_1j7wajm',{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']},'_1ac9sc9'],variants:{intent:{danger:'_1kdh68c',information:'fl4kvd',neutral:'ip10on',success:'ifeyp4',warning:'eio6eq'}}});
+var icon$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_13jjilc']});
+var offsetVar = 'var(--w6xgnw)';
+var root$1 = IconMagnifyingGlass.recipeRuntime({base:['r1n09p',{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']},'pewbg6'],variants:{intent:{danger:'_1e3kyc9',information:'upcu5j',neutral:'_1qm3frb',success:'_6ljmip',warning:'_1jk89ag'}}});
 
 const mapIntentToIcon$1 = {
   danger: IconCircleExclamationSolid,
@@ -588,7 +681,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'},'dv4vkk'],variants:{position:{bottom:'_18gssbh','bottom-left':'_131r61h','bottom-right':'_1cwtkgf',top:'_1w8a2y7','top-left':'_5dz0w1','top-right':'td5v0s'}}});
+var viewport = IconMagnifyingGlass.recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1683sqj'],variants:{position:{bottom:'_13cu7fs','bottom-left':'olg680','bottom-right':'kwzowi',top:'misrsl','top-left':'_1fdujee','top-right':'_1l7ge7y'}}});
 
 const ToastTitle = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -725,7 +818,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'},'_17l0m0j'],variants:{intent:{danger:'_1babgrq',information:'wd26n3',neutral:'cspfif',primary:'fzz8hd',success:'_16g7p72',warning:'exek4o'},variant:{strong:'g6hc43',subtle:'_1zhkr3'}}});
+var badge$1 = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1x64vzv'],variants:{intent:{danger:'_1783rc4',information:'_1hx0k12',neutral:'hg0e26',primary:'_1ym3l3y',success:'_1xyg6cb',warning:'_5sxcza'},variant:{strong:'_1bbs775',subtle:'_1mmofh0'}}});
 
 const Slot$4 = reactSlot.createSlot("@optiaxiom/react/Badge");
 const Badge = React.forwardRef(
@@ -752,7 +845,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'},'gnnw4s']});
+var content$2 = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1',gap:'8'},'bt4jfv']});
 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 = {
@@ -795,7 +888,7 @@ const Banner = React.forwardRef(
 );
 Banner.displayName = "@optiaxiom/react/Banner";
 
-var code = IconMagnifyingGlass.recipeRuntime({base:[{fontWeight:'600'},'_1wyeiwk']});
+var code = IconMagnifyingGlass.recipeRuntime({base:[{fontWeight:'600'},'_1mul9d']});
 
 const Slot$3 = reactSlot.createSlot("@optiaxiom/react/Code");
 const Code = React.forwardRef(
@@ -811,6 +904,7 @@ const [DataTableProvider, useDataTableContext] = reactContext.createContext("@op
 
 const DataTable = React.forwardRef(
   ({ children, table, ...props }, ref) => {
+    const [highlightedIndex, setHighlightedIndex] = React.useState(-1);
     return /* @__PURE__ */ jsxRuntime.jsx(
       IconMagnifyingGlass.Flex,
       {
@@ -820,21 +914,269 @@ const DataTable = React.forwardRef(
         maxW: "full",
         ref,
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(DataTableProvider, { table, children })
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          DataTableProvider,
+          {
+            highlightedIndex,
+            setHighlightedIndex,
+            table,
+            children
+          }
+        )
       }
     );
   }
 );
 DataTable.displayName = "@optiaxiom/react/DataTable";
 
-var cell = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1s0s7p1'],variants:{pinned:{left:'_6e2f59',right:'_1jv3vls'},pinnedType:{body:'r2x6ge',header:{}}}});
-var cellOffsetVar = 'var(--m5pnsu)';
-var cellSizeVar = 'var(--_139sjys)';
-var header = IconMagnifyingGlass.recipeRuntime({base:[{display:'grid'},'_1g9pcik']});
-var leftTotalSizeVar = 'var(--_1iwf12)';
-var rightTotalSizeVar = 'var(--fczn59)';
-var table = IconMagnifyingGlass.recipeRuntime({base:'_1ntyvjh',variants:{pinned:{both:'_1imx1oq',left:'_1s909d',none:{},right:'g1ifuy'}}});
-var totalSizeVar = 'var(--_1eyqbx4)';
+const [DataTableRowProvider, useDataTableRowContext] = reactContext.createContext("@optiaxiom/react/DataTableRow", {
+  actions: [],
+  focusManaged: void 0,
+  highlightedIndex: -1,
+  labelId: void 0,
+  onActionMount: void 0,
+  row: void 0,
+  setHighlightedIndex: void 0,
+  setSelector: void 0
+});
+const fakeCellsFactory = (columns, rowIndex) => () => columns.map((column, columnIndex) => ({
+  column,
+  getContext: () => ({}),
+  id: column.id + "-" + ["1/2", "full", "3/4"][(rowIndex + columnIndex) % 3]
+}));
+const fakeRow = (table, rowIndex) => ({
+  getCanMultiSelect: () => false,
+  getCanSelect: () => false,
+  getCenterVisibleCells: fakeCellsFactory(
+    table.getCenterVisibleLeafColumns(),
+    rowIndex
+  ),
+  getIsSelected: () => false,
+  getLeftVisibleCells: fakeCellsFactory(
+    table.getLeftVisibleLeafColumns(),
+    rowIndex
+  ),
+  getRightVisibleCells: fakeCellsFactory(
+    table.getRightVisibleLeafColumns(),
+    rowIndex
+  ),
+  getToggleSelectedHandler: () => (_event) => {
+  },
+  id: "loading" + rowIndex,
+  toggleSelected: (_value) => {
+  }
+});
+
+const DataTableAction = React.forwardRef(
+  ({ onKeyDown, onPointerDown, primary, visible, ...props }, outerRef) => {
+    const {
+      actions,
+      focusManaged,
+      highlightedIndex,
+      onActionMount,
+      setHighlightedIndex
+    } = useDataTableRowContext("@optiaxiom/react/DataTableAction");
+    const innerRef = React.useRef(null);
+    const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+    React.useEffect(() => {
+      if (!onActionMount) {
+        return;
+      }
+      return onActionMount({ primary, ref: innerRef });
+    }, [onActionMount, primary]);
+    const index = actions.indexOf(innerRef);
+    React.useEffect(() => {
+      if (highlightedIndex === index) {
+        innerRef.current?.focus();
+      }
+    }, [highlightedIndex, index]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.TableAction,
+      {
+        onKeyDown: (event) => {
+          onKeyDown?.(event);
+          if (event.defaultPrevented) {
+            return;
+          }
+          if (event.target instanceof HTMLElement && event.target !== innerRef?.current && (event.target.isContentEditable || ["input", "select", "textarea"].includes(event.target.localName))) {
+            return;
+          }
+          if (focusManaged && (event.key === "ArrowRight" || event.key === "ArrowLeft")) {
+            const nextIndex = event.key === "ArrowRight" ? highlightedIndex + 1 : highlightedIndex - 1;
+            if (nextIndex >= -1 && nextIndex <= actions.length - 1) {
+              event.preventDefault();
+              setHighlightedIndex?.(nextIndex);
+            }
+          }
+        },
+        onPointerDown: (event) => {
+          onPointerDown?.(event);
+          if (event.defaultPrevented) {
+            return;
+          }
+          setHighlightedIndex?.(index);
+        },
+        ref,
+        tabIndex: focusManaged ? highlightedIndex === index ? 0 : -1 : void 0,
+        visible: visible ?? (primary ? "always" : void 0),
+        ...props
+      }
+    );
+  }
+);
+DataTableAction.displayName = "@optiaxiom/react/DataTableAction";
+
+var cell = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_7332yu'],variants:{pinned:{left:'_1qysja2',right:'ia8y8j'},pinnedType:{body:'_7c3w9t',header:{}}}});
+var cellOffsetVar = 'var(--kwecv9)';
+var cellSizeVar = 'var(--_1adcahm)';
+var leftTotalSizeVar = 'var(--guhqaj)';
+var rightTotalSizeVar = 'var(--_10h3l7r)';
+var table = IconMagnifyingGlass.recipeRuntime({base:'_1fn6j21',variants:{pinned:{both:'_1b36si7',left:'q8qyg0',none:{},right:'_1f6ry4p'}}});
+var totalSizeVar = 'var(--_1xdj1h)';
+
+const DataTableRow = React.forwardRef(
+  ({ children, index, row, ...props }, outerRef) => {
+    const { highlightedIndex, setHighlightedIndex, table } = useDataTableContext("@optiaxiom/react/DataTableRow");
+    const [subHighlightedIndex, setSubHighlightedIndex] = React.useState(-1);
+    const labelId = reactId.useId();
+    const innerRef = React.useRef(null);
+    const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+    React.useEffect(() => {
+      if (highlightedIndex !== index) {
+        return;
+      }
+      if (!innerRef.current?.contains(document.activeElement)) {
+        innerRef.current?.focus();
+      }
+      return () => setSubHighlightedIndex(-1);
+    }, [highlightedIndex, index]);
+    const [actions, setActions] = React.useState([]);
+    const primary = actions.find((action) => action.primary);
+    const [selector, setSelector] = React.useState();
+    const focusManaged = Boolean(selector || primary);
+    const onActionMount = IconMagnifyingGlass.useEffectEvent(
+      ({
+        primary: primary2,
+        ref: ref2
+      }) => {
+        setActions((actions2) => [...actions2, { primary: primary2, ref: ref2 }]);
+        return () => setActions(
+          (actions2) => actions2.filter((action) => action.ref !== ref2)
+        );
+      }
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.TableRow,
+      {
+        "aria-labelledby": labelId,
+        "aria-selected": row.getCanSelect() ? row.getIsSelected() : void 0,
+        "data-focus-visible": focusManaged ? "" : void 0,
+        "data-selected": row.getIsSelected() ? "" : void 0,
+        onClick: (event) => {
+          if (selector && getAssociatedControl(event) !== selector.current) {
+            table.setRowSelection({ [row.id]: true });
+          }
+        },
+        onDoubleClick: (event) => {
+          if (!primary || event.target instanceof Element && primary.ref.current?.contains(event.target)) {
+            return;
+          }
+          event.preventDefault();
+          document.getSelection()?.empty();
+          primary.ref.current?.click();
+        },
+        onFocus: (event) => {
+          if (focusManaged) {
+            setHighlightedIndex(index);
+            if (event.target === event.currentTarget) {
+              setSubHighlightedIndex(-1);
+            }
+          }
+        },
+        onKeyDown: (event) => {
+          if (event.defaultPrevented) {
+            return;
+          }
+          if (event.target instanceof HTMLElement && event.target !== selector?.current && (event.target.isContentEditable || ["input", "select", "textarea"].includes(event.target.localName))) {
+            return;
+          }
+          const { rows } = table.getRowModel();
+          if (focusManaged && (event.key === "ArrowDown" || event.key === "ArrowUp")) {
+            const nextIndex = event.key === "ArrowDown" ? highlightedIndex + 1 : highlightedIndex - 1;
+            if (nextIndex >= 0 && nextIndex <= rows.length - 1) {
+              event.preventDefault();
+              setHighlightedIndex(nextIndex);
+              if (selector) {
+                const nextRow = rows[nextIndex];
+                if (event.shiftKey && row.getCanMultiSelect()) {
+                  table.setRowSelection(
+                    (selection) => selection[nextRow.id] ? {
+                      ...selection,
+                      [row.id]: false
+                    } : {
+                      ...selection,
+                      [nextRow.id]: true
+                    }
+                  );
+                } else {
+                  table.setRowSelection({
+                    [nextRow.id]: true
+                  });
+                }
+              }
+            }
+          } else if (focusManaged && document.activeElement === event.currentTarget && event.key === "ArrowRight") {
+            const nextIndex = subHighlightedIndex + 1;
+            if (nextIndex <= actions.length - 1) {
+              event.preventDefault();
+              setSubHighlightedIndex(nextIndex);
+            }
+          } else if (event.currentTarget === document.activeElement) {
+            if (event.key === " " && selector) {
+              event.preventDefault();
+              row.toggleSelected();
+            } else if (event.key === "Enter" && primary) {
+              event.preventDefault();
+              primary.ref.current?.click();
+            }
+          }
+        },
+        ref,
+        tabIndex: focusManaged ? (highlightedIndex === -1 || highlightedIndex === index) && subHighlightedIndex === -1 ? 0 : -1 : void 0,
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          DataTableRowProvider,
+          {
+            actions: actions.map(({ ref: ref2 }) => ref2),
+            focusManaged,
+            highlightedIndex: subHighlightedIndex,
+            labelId,
+            onActionMount,
+            row,
+            setHighlightedIndex: IconMagnifyingGlass.useEffectEvent((nextIndex) => {
+              setSubHighlightedIndex(nextIndex);
+              if (nextIndex === -1) {
+                innerRef.current?.focus();
+              }
+            }),
+            setSelector,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+DataTableRow.displayName = "@optiaxiom/react/DataTableRow";
+const getAssociatedControl = (event) => {
+  if (event.target instanceof Element) {
+    const label = event.target.closest("label");
+    if (label && event.currentTarget.contains(label) && label.control) {
+      return label.control;
+    }
+  }
+  return;
+};
 
 const COL_VIRTUALIZATION_THRESHOLD = 20;
 const ROW_VIRTUALIZATION_THRESHOLD = 20;
@@ -878,10 +1220,11 @@ const DataTableBody = React.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TableHeader, { ...header(), children: table$1.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TableRow, { display: "flex", children: headerGroup.headers.map((header) => /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TableHeader, { display: "grid", pinned: true, children: table$1.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TableRow, { display: "flex", children: headerGroup.headers.map((header) => /* @__PURE__ */ jsxRuntime.jsx(
             IconMagnifyingGlass.DataTableHeaderCell,
             {
               header,
+              pinned: !!header.column.getIsPinned(),
               style: {
                 ...dynamic.assignInlineVars({
                   [cellOffsetVar]: `${header.column.getStart(header.column.getIsPinned() || "left")}px`,
@@ -910,13 +1253,14 @@ const DataTableBody = React.forwardRef(
               })) : rowVirtualizer.options.enabled ? rowVirtualizer.getVirtualItems().map((virtualRow) => ({
                 row: rows[virtualRow.index],
                 virtualRow
-              })) : rows.map((row) => ({ row, virtualRow: void 0 }))).map(({ row, virtualRow }) => /* @__PURE__ */ jsxRuntime.jsxs(
-                IconMagnifyingGlass.TableRow,
+              })) : rows.map((row) => ({ row, virtualRow: void 0 }))).map(({ row, virtualRow }, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                DataTableRow,
                 {
-                  "data-highlighted": row.getIsSelected() ? "" : void 0,
                   "data-index": virtualRow?.index,
                   display: "flex",
+                  index: virtualRow?.index ?? index,
                   ref: virtualRow ? rowVirtualizer.measureElement : void 0,
+                  row,
                   style: virtualRow ? {
                     minHeight: virtualRow.size,
                     position: "absolute",
@@ -926,6 +1270,7 @@ const DataTableBody = React.forwardRef(
                     row.getLeftVisibleCells().map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
                       IconMagnifyingGlass.TableCell,
                       {
+                        pinned: true,
                         style: {
                           ...dynamic.assignInlineVars({
                             [cellOffsetVar]: `${cell$1.column.getStart("left")}px`,
@@ -960,6 +1305,7 @@ const DataTableBody = React.forwardRef(
                     row.getRightVisibleCells().map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
                       IconMagnifyingGlass.TableCell,
                       {
+                        pinned: true,
                         style: {
                           ...dynamic.assignInlineVars({
                             [cellOffsetVar]: `${cell$1.column.getStart("right")}px`,
@@ -986,121 +1332,58 @@ const DataTableBody = React.forwardRef(
   }
 );
 DataTableBody.displayName = "@optiaxiom/react/DataTableBody";
-const fakeCellsFactory = (columns, rowIndex) => () => columns.map((column, columnIndex) => ({
-  column,
-  getContext: () => ({}),
-  id: column.id + "-" + ["1/2", "full", "3/4"][(rowIndex + columnIndex) % 3]
-}));
 const fakeCellWidth = (id) => id.split("-")[1];
-const fakeRow = (table, rowIndex) => ({
-  getCenterVisibleCells: fakeCellsFactory(
-    table.getCenterVisibleLeafColumns(),
-    rowIndex
-  ),
-  getIsSelected: () => false,
-  getLeftVisibleCells: fakeCellsFactory(
-    table.getLeftVisibleLeafColumns(),
-    rowIndex
-  ),
-  getRightVisibleCells: fakeCellsFactory(
-    table.getRightVisibleLeafColumns(),
-    rowIndex
-  ),
-  id: "loading" + rowIndex
-});
 
-function useUncontrolled({
-  value,
-  defaultValue,
-  finalValue,
-  onChange = () => {
-  }
-}) {
-  const [uncontrolledValue, setUncontrolledValue] = React.useState(
-    defaultValue !== void 0 ? defaultValue : finalValue
+const DataTableCheckbox = React.forwardRef(({ children, disabled, visible, ...props }, outerRef) => {
+  const { table } = useDataTableContext("@optiaxiom/react/DataTableCheckbox");
+  const { labelId, row, setSelector } = useDataTableRowContext(
+    "@optiaxiom/react/DataTableCheckbox"
   );
-  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)];
+  const labelPrefixId = reactId.useId();
+  const innerRef = React.useRef(null);
+  const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+  React.useEffect(() => {
+    if (!setSelector) {
+      return;
     }
-    if (shouldShowLeftDots && !shouldShowRightDots) {
-      const rightItemCount = boundaries + 1 + 2 * siblings;
-      return [...range(1, boundaries), DOTS, ...range(_total - rightItemCount, _total)];
+    if (!disabled) {
+      setSelector(innerRef);
     }
-    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
-  };
-}
+    return () => setSelector(void 0);
+  }, [disabled, setSelector]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    row && /* @__PURE__ */ jsxRuntime.jsxs(RadixVisuallyHidden.VisuallyHidden, { id: labelPrefixId, children: [
+      "Check to ",
+      row.getIsSelected() ? "unselect" : "select"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DataTableAction,
+      {
+        asChild: true,
+        visible: visible ?? (table.getIsSomeRowsSelected() || !row) ? "always" : void 0,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          IconMagnifyingGlass.Checkbox,
+          {
+            "aria-label": !row ? "Select all" : void 0,
+            "aria-labelledby": row && clsx(labelPrefixId, labelId),
+            checked: row ? row.getIsSelected() : table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected(),
+            disabled,
+            indeterminate: !row && table.getIsSomePageRowsSelected(),
+            onChange: row ? row.getToggleSelectedHandler() : table.getToggleAllPageRowsSelectedHandler(),
+            ref,
+            ...props,
+            children
+          }
+        )
+      }
+    )
+  ] });
+});
+DataTableCheckbox.displayName = "@optiaxiom/react/DataTableCheckbox";
 
-var button$1 = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'center'},'_3taapp']});
-var cursor = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1twqkls'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'2'},'if696u']});
+var button$1 = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'center'},'_1oeuyqb']});
+var cursor = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1l3s26x'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_24xzyz']});
 
 const Pagination = React.forwardRef(
   ({
@@ -1175,7 +1458,6 @@ const Pagination = React.forwardRef(
                 {
                   asChild: true,
                   color: disabled ? "fg.disabled" : "fg.default",
-                  cursor: disabled ? "not-allowed" : "default",
                   children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconEllipsis, {})
                 }
               )
@@ -1215,7 +1497,7 @@ const Pagination = React.forwardRef(
 );
 Pagination.displayName = "@optiaxiom/react/Pagination";
 
-var addon = IconMagnifyingGlass.recipeRuntime({base:'fmbnwo',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = IconMagnifyingGlass.recipeRuntime({base:'_8nr3oi',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
   label: size,
@@ -1285,6 +1567,16 @@ const DataTableFooter = React.forwardRef(
 );
 DataTableFooter.displayName = "@optiaxiom/react/DataTableFooter";
 
+const DataTableLabel = React.forwardRef(
+  (props, ref) => {
+    const { labelId } = useDataTableRowContext(
+      "@optiaxiom/react/DataTableLabel"
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { id: labelId, ref, ...props });
+  }
+);
+DataTableLabel.displayName = "@optiaxiom/react/DataTableLabel";
+
 const IconCalendar = IconMagnifyingGlass.withIcon(
   {
     name: "IconCalendar"
@@ -1300,10 +1592,10 @@ const IconCalendar = IconMagnifyingGlass.withIcon(
   )
 );
 
-var clear$1 = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'_1drwirr']});
-var date = IconMagnifyingGlass.recipeRuntime({base:'_6f6e93'});
-var input$2 = IconMagnifyingGlass.recipeRuntime({base:'kh9z8c'});
-var picker = IconMagnifyingGlass.recipeRuntime({base:'_19p7ghc'});
+var clear$1 = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'ggbiy2']});
+var date = IconMagnifyingGlass.recipeRuntime({base:'_6wiklc'});
+var input$2 = IconMagnifyingGlass.recipeRuntime({base:'q6yqsp'});
+var picker = IconMagnifyingGlass.recipeRuntime({base:'_1p75z5e'});
 
 const DateInput = React.forwardRef(
   ({
@@ -1604,10 +1896,10 @@ const Disclosure = React.forwardRef(
 );
 Disclosure.displayName = "@optiaxiom/react/Disclosure";
 
-var inner = IconMagnifyingGlass.recipeRuntime({base:['_2l1lry']});
-var outer = IconMagnifyingGlass.recipeRuntime({base:[{display:'grid'},'_12urdvb']});
+var inner = IconMagnifyingGlass.recipeRuntime({base:['_12lo52b']});
+var outer = IconMagnifyingGlass.recipeRuntime({base:[{display:'grid'},'_154cvtx'],variants:{scale:{false:'_2se9xy',true:{}}}});
 
-const DisclosureContent = React.forwardRef(({ children, transitionType = "slide", ...props }, ref) => {
+const DisclosureContent = React.forwardRef(({ children, ...props }, ref) => {
   const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
   const [skipAnimations, setSkipAnimations] = React.useState(Boolean(open));
   React.useEffect(() => {
@@ -1615,21 +1907,23 @@ const DisclosureContent = React.forwardRef(({ children, transitionType = "slide"
       requestAnimationFrame(() => setSkipAnimations(false));
     }
   }, [skipAnimations]);
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TransitionGroup, { open, children: /* @__PURE__ */ jsxRuntime.jsx(
-    IconMagnifyingGlass.Transition,
+  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TransitionGroup, { open, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Transition, { "data-side": "bottom", skipAnimations, type: "pop", children: /* @__PURE__ */ jsxRuntime.jsx(
+    IconMagnifyingGlass.Box,
     {
-      "data-side": "bottom",
-      skipAnimations,
-      type: transitionType,
-      children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ...outer(), children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...inner(), children: /* @__PURE__ */ jsxRuntime.jsx(RadixCollapsible__namespace.Content, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { pb: "8", pt: "4", ref, ...props, children }) }) }) })
+      ...outer({
+        scale: Boolean(
+          "data-transition-scale" in props && props["data-transition-scale"]
+        )
+      }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...inner(), children: /* @__PURE__ */ jsxRuntime.jsx(RadixCollapsible__namespace.Content, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { pb: "8", pt: "4", ref, ...props, children }) }) })
     }
-  ) });
+  ) }) });
 });
 DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
 
-var icon = IconMagnifyingGlass.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_3ldc21',start:'s1py1u'}}});
-var root = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1opaied']});
-var trigger$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1j39dt9']});
+var icon = IconMagnifyingGlass.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'dph83v',start:'_1v8fla8'}}});
+var root = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1jljdvk']});
+var trigger$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_7pp2d6']});
 
 const DisclosureTrigger = React.forwardRef(
   ({
@@ -1700,29 +1994,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
         }
-      ) })
+      ) }) })
     }
   );
 });
@@ -1804,25 +2089,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";
 
@@ -2044,9 +2320,9 @@ const Grid = React.forwardRef((props, ref) => {
 });
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = IconMagnifyingGlass.recipeRuntime({base:'d9dknh',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_17qsynw']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1byd6k5']}}});
-var floating = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1rqrgqx'],variants:{offset:{false:'_1oc9er9',true:{}},position:{'bottom-right':'_1rdgh17','top-right':'xanft1'}}});
-var indicator$2 = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex'},'_17h8k5u']});
+var badge = IconMagnifyingGlass.recipeRuntime({base:'_1nop32h',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'wc2rsz']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'v1ycc9']}}});
+var floating = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'dy9djd'],variants:{offset:{false:'_1cahyis',true:{}},position:{'bottom-right':'_1deypgm','top-right':'e6siu4'}}});
+var indicator$2 = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex'},'la2cyc']});
 
 const Indicator = React.forwardRef(
   ({
@@ -2092,8 +2368,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'},'_16iqid3'],subtle:{}}}});
-var keys = IconMagnifyingGlass.recipeRuntime({base:'aywuc0'});
+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'},'izwo7d'],subtle:{}}}});
+var keys = IconMagnifyingGlass.recipeRuntime({base:'_1f624bu'});
 
 const mapKeyToCode = {
   command: "\u2318",
@@ -2120,7 +2396,7 @@ const Kbd = React.forwardRef(
 );
 Kbd.displayName = "@optiaxiom/react/Kbd";
 
-var button = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'space-between'},'vefguh']});
+var button = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'space-between'},'_1tovhm0']});
 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'}}}});
 
@@ -2153,7 +2429,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'},'_1av69qs']});
+var nav$1 = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1alniqk']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -2174,7 +2450,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:'_1dtqo4c',true:'lqafdi'}}});
+var item$1 = IconMagnifyingGlass.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1gvu9sk',true:'y3qzu2'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
@@ -2280,12 +2556,12 @@ const NavGroupContent = React.forwardRef(({ children, ...props }, ref) => {
     DisclosureContent,
     {
       asChild: true,
+      "data-transition-scale": true,
       display: "flex",
       flexDirection: "column",
       gap: "4",
       pb: "0",
       pt: "0",
-      transitionType: "slidePop",
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx("ul", { ref, children })
     }
@@ -2343,8 +2619,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'},'_1arxn28']});
-var label = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'h6wf4w'],variants:{expanded:{false:'_1jvg4w8',true:'xvq5bx'}}});
+var item = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1262qdk']});
+var label = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1qy9o6e'],variants:{expanded:{false:'_5j7v87',true:'_8lejm8'}}});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/NavItem");
 const NavItem = React.forwardRef(
@@ -2397,10 +2673,6 @@ NavItem.displayName = "@optiaxiom/react/NavItem";
 
 const NavList = React.forwardRef(
   ({ children, ...props }, ref) => {
-    const { id } = useNavGroupContext("@optiaxiom/react/NavList");
-    if (id) {
-      throw new Error("huh");
-    }
     return /* @__PURE__ */ jsxRuntime.jsx(
       IconMagnifyingGlass.Box,
       {
@@ -2423,7 +2695,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'},'jyzif3']});
+var progress = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1wpb0tk']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
@@ -2447,10 +2719,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'},'cxs4m4'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = IconMagnifyingGlass.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1cofyw4']});
-var input$1 = IconMagnifyingGlass.recipeRuntime({base:'q8sgtb'});
-var radio = IconMagnifyingGlass.recipeRuntime({base:'_1rullu7'});
+var control = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'x9v4qr'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = IconMagnifyingGlass.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_8x1sf5']});
+var input$1 = IconMagnifyingGlass.recipeRuntime({base:'_10gy52o'});
+var radio = IconMagnifyingGlass.recipeRuntime({base:'_1pn0x78'});
 
 const [RadioGroupProvider, useRadioGroupContext] = reactContext.createContext("@optiaxiom/react/RadioGroup", null);
 
@@ -2479,36 +2751,28 @@ const Radio = React.forwardRef(
         );
       }
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      IconMagnifyingGlass.ToggleInput,
-      {
-        description: !!description,
-        ...radio({}, className),
-        ...boxProps,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.ToggleInputHiddenInput,
-            {
-              checked: groupContext?.value !== void 0 ? groupContext.value === props.value : void 0,
-              defaultChecked: groupContext?.defaultValue !== void 0 ? groupContext.defaultValue === props.value : void 0,
-              disabled: groupContext?.disabled ?? disabled,
-              name: groupContext?.name ?? name,
-              onBlur: groupContext?.onBlur ?? onBlur,
-              onChange: groupContext?.onChange ?? onChange,
-              ref,
-              type: "radio",
-              ...input$1(),
-              ...restProps
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ToggleInputControl, { ...control({ shift: Boolean(children) }), children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ...indicator() }) }),
-          (children || description) && /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.ToggleInputContent, { children: [
-            children && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ToggleInputLabel, { children }),
-            description && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ToggleInputDescription, { children: description })
-          ] })
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.ToggleInput, { ...radio({}, className), ...boxProps, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        IconMagnifyingGlass.ToggleInputHiddenInput,
+        {
+          checked: groupContext?.value !== void 0 ? groupContext.value === props.value : void 0,
+          defaultChecked: groupContext?.defaultValue !== void 0 ? groupContext.defaultValue === props.value : void 0,
+          disabled: groupContext?.disabled ?? disabled,
+          name: groupContext?.name ?? name,
+          onBlur: groupContext?.onBlur ?? onBlur,
+          onChange: groupContext?.onChange ?? onChange,
+          ref,
+          type: "radio",
+          ...input$1(),
+          ...restProps
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ToggleInputControl, { ...control({ shift: Boolean(children) }), children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ...indicator() }) }),
+      (children || description) && /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.ToggleInputContent, { children: [
+        children && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ToggleInputLabel, { children }),
+        description && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ToggleInputDescription, { children: description })
+      ] })
+    ] });
   }
 );
 Radio.displayName = "@optiaxiom/react/Radio";
@@ -2564,9 +2828,9 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'_1hogvp5']});
-var input = IconMagnifyingGlass.recipeRuntime({base:'diwhot'});
-var search = IconMagnifyingGlass.recipeRuntime({base:'_140keur'});
+var clear = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'fub016']});
+var input = IconMagnifyingGlass.recipeRuntime({base:'_128z2pz'});
+var search = IconMagnifyingGlass.recipeRuntime({base:'_1nbptwb'});
 
 const SearchInput = React.forwardRef(
   ({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
@@ -2700,7 +2964,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'},'qxr47']});
+var nav = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_1kgf1v4']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -2730,7 +2994,7 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex'},'blrvb1']});
+var tabs = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex'},'_1nfxwmp']});
 
 const Tabs = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -2747,7 +3011,7 @@ const TabsContent = React.forwardRef(
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = IconMagnifyingGlass.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1p6cqa7']});
+var list = IconMagnifyingGlass.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_314ky9']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -2756,8 +3020,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'},'_16e3l6k']});
-var trigger = IconMagnifyingGlass.recipeRuntime({base:['g3fscl',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1enykyb']});
+var content = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_1yzdo5f']});
+var trigger = IconMagnifyingGlass.recipeRuntime({base:['jjponh',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'w7sk02']});
 
 const TabsTrigger = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, value, ...props }, ref) => {
@@ -2771,9 +3035,9 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var shadow = IconMagnifyingGlass.recipeRuntime({base:['_1aus5bz','_1b72xac']});
-var textarea = IconMagnifyingGlass.recipeRuntime({base:['_1aus5bz','eowdoj']});
-var wrapper = IconMagnifyingGlass.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['kn5yr2','wfzs2o'],'2':['kn5yr2','_12035f2'],'3':['kn5yr2','_1key2z3'],'4':['kn5yr2','_1qts3fn'],'5':['kn5yr2','_1vuq2t3']},resize:{auto:{},none:{},vertical:'_1g0dnzv'}}});
+var shadow = IconMagnifyingGlass.recipeRuntime({base:['_1mli3a6','_16abjam']});
+var textarea = IconMagnifyingGlass.recipeRuntime({base:['_1mli3a6','ckbsae']});
+var wrapper = IconMagnifyingGlass.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1rirliu','gvs7dk'],'2':['_1rirliu','nz9gpj'],'3':['_1rirliu','_1yx8vme'],'4':['_1rirliu','_1ie10qa'],'5':['_1rirliu','i8dv0u']},resize:{auto:{},none:{},vertical:'_7k4owz'}}});
 
 const Slot$1 = reactSlot.createSlot("@optiaxiom/react/TextareaAutosize");
 const TextareaAutosize = React.forwardRef(
@@ -2824,7 +3088,7 @@ const Textarea = React.forwardRef(
     style,
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot : TextareaAutosize;
+    const Comp = asChild ? Slot : "textarea";
     const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       IconMagnifyingGlass.InputRoot,
@@ -2836,7 +3100,7 @@ const Textarea = React.forwardRef(
         ...boxProps,
         children: [
           addonBefore && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.InputAddon, { asChild: true, children: IconMagnifyingGlass.fallbackSpan(addonBefore) }),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.InputControl, { asChild: true, p: "8", size: "lg", ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, rows: props.rows ?? 3, children }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.InputControl, { asChild: true, p: "8", size: "lg", ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(TextareaAutosize, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, rows: props.rows ?? 3, children }) }) }),
           addonAfter && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.InputAddon, { asChild: true, children: IconMagnifyingGlass.fallbackSpan(addonAfter) })
         ]
       }
@@ -2917,6 +3181,7 @@ exports.TransitionGlobalConfig = IconMagnifyingGlass.TransitionGlobalConfig;
 exports.TransitionGroup = IconMagnifyingGlass.TransitionGroup;
 exports.extractBoxProps = IconMagnifyingGlass.extractBoxProps;
 exports.mapResponsiveValue = IconMagnifyingGlass.mapResponsiveValue;
+exports.normalizeResponsiveValue = IconMagnifyingGlass.normalizeResponsiveValue;
 exports.sprinkles = IconMagnifyingGlass.sprinkles;
 exports.sprinklesMerge = IconMagnifyingGlass.sprinklesMerge;
 exports.useModalContext = IconMagnifyingGlass.useModalContext;
@@ -2953,8 +3218,11 @@ exports.Badge = Badge;
 exports.Banner = Banner;
 exports.Code = Code;
 exports.DataTable = DataTable;
+exports.DataTableAction = DataTableAction;
 exports.DataTableBody = DataTableBody;
+exports.DataTableCheckbox = DataTableCheckbox;
 exports.DataTableFooter = DataTableFooter;
+exports.DataTableLabel = DataTableLabel;
 exports.DateInput = DateInput;
 exports.DateRangePicker = DateRangePicker;
 exports.DateRangePickerContent = DateRangePickerContent;