@optiaxiom/react 1.9.5 → 1.9.7

package/dist/cjs/index.js

@@ -1,129 +1,129 @@
 "use client";
 'use strict';
 
-var Textarea = require('./Textarea-D2_CCaWg.js');
+var Textarea = require('./Textarea-D_AdTfRE.js');
 var jsxRuntime = require('react/jsx-runtime');
 var globals = require('@optiaxiom/globals');
 var React = require('react');
 var reactId = require('@radix-ui/react-id');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/layers/layers.css.ts.vanilla-Dl1BH7Bx.css');
+require('./assets/src/layers/layers.css.ts.vanilla-iaXD05J2.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var RadixToast = require('@radix-ui/react-toast');
 var shim = require('use-sync-external-store/shim');
-require('./assets/src/toast/ToastProvider.css.ts.vanilla-BtHqPcnW.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-DwHdb3gl.css');
-var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/badge/Badge.css.ts.vanilla-wuow454S.css');
-require('./assets/src/banner/Banner.css.ts.vanilla-B0INL4jW.css');
-require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-DPCL7jlf.css');
-require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-BYfIxHIn.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-DLFEXxnQ.css');
-require('./assets/src/card/Card.css.ts.vanilla-B0IYdQsH.css');
+require('./assets/src/toast/ToastProvider.css.ts.vanilla-DekJsql0.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-KuDttP6c.css');
+require('./assets/src/banner/Banner.css.ts.vanilla-Bb5dL5ty.css');
+require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-CYxOURRB.css');
+require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-CKZIxqx-.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-CyIQGZaJ.css');
+require('./assets/src/card/Card.css.ts.vanilla-D-R3SjEC.css');
 var reactContext = require('@radix-ui/react-context');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var clsx = require('clsx');
-require('./assets/src/card/CardCheckbox.css.ts.vanilla-DhWtbmhp.css');
-require('./assets/src/card/CardHeader.css.ts.vanilla-Cyo3qvhW.css');
-require('./assets/src/card/CardPreview.css.ts.vanilla-dmFYrOYk.css');
-require('./assets/src/code/Code.css.ts.vanilla-i0324nlP.css');
-var reactTable = require('@tanstack/react-table');
-var reactVirtual = require('@tanstack/react-virtual');
-require('./assets/src/table/TableRow.css.ts.vanilla-CbgyThF9.css');
-require('./assets/src/data-table/DataTableBody.css.ts.vanilla-RBGwVTUV.css');
+require('./assets/src/card/CardCheckbox.css.ts.vanilla-2nFoigZv.css');
+require('./assets/src/card/CardHeader.css.ts.vanilla-BvHZ-Rsq.css');
+require('./assets/src/card/CardPreview.css.ts.vanilla-QTZIiKUS.css');
+var reactSlot = require('@radix-ui/react-slot');
+require('./assets/src/code/Code.css.ts.vanilla-CJ0QUxPI.css');
 var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-BZ10X03p.css');
-require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-9AJGDOJy.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-BzQruL_0.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-tzo84_be.css');
+require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-CmjVR8vx.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-DUZzX6GH.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-CZdCA2f6.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-CSyQAzbf.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-YAKqbOhk.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-CvEzXkU_.css');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-C3ekkXES.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-BgZ7TCsC.css');
-require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-GkpGq8yY.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-C0xL7RDG.css');
-require('./assets/src/nav/NavAccountItem.css.ts.vanilla-XHRl-rlk.css');
-require('./assets/src/nav/NavItem.css.ts.vanilla-ttPujKRm.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CobE3002.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-CWwxuYwh.css');
+require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-DphaANpT.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-D9BEbYsz.css');
+require('./assets/src/nav/NavAccountItem.css.ts.vanilla-BBPxpX5w.css');
+require('./assets/src/nav/NavItem.css.ts.vanilla-CZMaUkCt.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-BlZTmvtZ.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-C3ekkXES.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CFhxw2se.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-BWsmvT2R.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-B8ydtSeL.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-vnDYyuqO.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CobE3002.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-B0Aq2wnn.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-CPbfAoNU.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-DTlPAkYv.css');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-CATQDB6d.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-BKbe_CVa.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-C9tY-NnQ.css');
-require('./assets/src/tabs/TabsList.css.ts.vanilla-DvsfCXcc.css');
-require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-byCwOX64.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-C7mCd8yA.css');
+require('./assets/src/tabs/TabsList.css.ts.vanilla-jVVajR26.css');
+require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-URKIwzsq.css');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/link/Link.css.ts.vanilla-lXRqNlkN.css');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-Bu5kK45N.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-CRgejJr8.css');
+require('./assets/src/link/Link.css.ts.vanilla-B9IrSBJC.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BFZuRb08.css');
 require('downshift');
-require('./assets/src/command/CommandItem.css.ts.vanilla-C83TDjJu.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-5zXTVF6A.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-abrJL6XN.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-WHHyLQ62.css');
 require('react-remove-scroll');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-C3ekkXES.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BgamDWmW.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-C0gpDvmM.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-CNBVX90Y.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-dYFQMzj0.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-D0IsfLi1.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BcolCd7I.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-CHic4IWa.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-C3ekkXES.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-BXOzoZNJ.css');
-require('./assets/src/table/Table.css.ts.vanilla-CRNwAqXI.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-QujLXBux.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-n4IAXu1q.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-m6DoUwjc.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-CCPzeIoh.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DToTZHuI.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CobE3002.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DDPJ5HZA.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-ltIeJo8g.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-CUFF6DX_.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DA9N-Aak.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BYfx4EcM.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-CTXgSXF6.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-CoDUJtUJ.css');
+require('@tanstack/react-table');
+require('@tanstack/react-virtual');
+require('./assets/src/table/Table.css.ts.vanilla-CB5Bbl9R.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CobE3002.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-D_pawuqt.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-DuoOSRRm.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-D4XGmkhz.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-CaHZC2u3.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-DipC5HbM.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-De50vXEo.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-DzK1xxBU.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DJ8JxWsX.css');
 require('react-day-picker');
 require('@radix-ui/react-popper');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('@radix-ui/react-focus-scope');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-9oVdxPSx.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-cobtI8aO.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-Dzo2ksMd.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BwhFMFCw.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-B58Oh0Wp.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-DZ8_0v8K.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-TOH9es8f.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CfR3-Zm2.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-CMouJMyb.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-ykgsj9om.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-DK0qbY-n.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-DvpopYG1.css');
 require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-BY8YNsaS.css');
-require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-Bu4ya8rN.css');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-BqdGXoV9.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-D1Qh71Nu.css');
 require('@radix-ui/react-tooltip');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-TwvpzahH.css');
-require('./assets/src/box/Box.css.ts.vanilla-DjWYs6yJ.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BelJ8rnv.css');
-require('./assets/src/text/Text.css.ts.vanilla-CwUDFnOK.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-CAXgcrlS.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-DIIITvYM.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-DREMNf6s.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-CUlmd92Z.css');
+require('./assets/src/box/Box.css.ts.vanilla-Dc-1-d3V.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-DqNkvfeJ.css');
+require('./assets/src/text/Text.css.ts.vanilla-sqhsXy5C.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-D-q_vZpS.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-tpsVSHjj.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-BoekewV6.css');
 require('@radix-ui/react-avatar');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-C3ekkXES.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-sc1F--nm.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CobE3002.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-DFQ7cJMu.css');
 require('@radix-ui/react-popover');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DzJ9mfPH.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-B_rZHbDF.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Ca_tphYM.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-7US1g64e.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BaaU2UNb.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-GWu_sGdd.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-C9BBixEY.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-CeNmR5st.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Cq2CXe6W.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-y57Lbbw_.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-C8epWxe1.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-ChatJ78k.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-s9AKTTQf.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-Cp50wePU.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-lBSs8jlZ.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-BKcR1UQ3.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-BjkySQ0s.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-DYkS-t4f.css');
 require('@radix-ui/react-portal');
-require('./assets/src/input/Input.css.ts.vanilla-iFvfCybW.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-CJ_s53hl.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-BXxh0TvF.css');
-require('./assets/src/textarea/Textarea.css.ts.vanilla-UTq3mLOH.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-D8toYo1_.css');
+require('./assets/src/input/Input.css.ts.vanilla-liWs6eoz.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-DPrf2eNf.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-CS_BBw__.css');
+require('./assets/src/textarea/Textarea.css.ts.vanilla-Cnhy_QmN.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-QacgvZya.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -351,8 +351,8 @@ SuggestionProvider.displayName = "@optiaxiom/react/SuggestionProvider";
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1hxc9m4';
-var reset = 'optiaxiom._1kzdn6u';
+var components = 'optiaxiom._4oeyba';
+var reset = 'optiaxiom._19nyb9d';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -402,9 +402,9 @@ function ThemeProvider({ children }) {
 }
 ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 
-var icon$1 = Textarea.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1xj5bzp']});
-var offsetVar = 'var(--_19g1p19)';
-var root$1 = Textarea.recipeRuntime({base:['_1n65kic',{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']},'_8h6d6e'],variants:{intent:{danger:'_4luqx1',information:'cutrmt',neutral:'fczqim',success:'_1bbjvld',warning:'_3yua0q'}}});
+var icon$1 = Textarea.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'ai4k0t']});
+var offsetVar = 'var(--_14gx54o)';
+var root = Textarea.recipeRuntime({base:['_15l1zj8',{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']},'_1jmo300'],variants:{intent:{danger:'t7r0hd',information:'vg0yxq',neutral:'rcfln2',success:'_737ouy',warning:'itbf99'}}});
 
 const mapIntentToIcon$1 = {
   danger: Textarea.IconCircleExclamationSolid,
@@ -428,7 +428,7 @@ const Toast = React.forwardRef(
             [offsetVar]: `${context.offset}px`
           })
         },
-        ...root$1({ intent }, className),
+        ...root({ intent }, className),
         ...boxProps,
         children: /* @__PURE__ */ jsxRuntime.jsxs(
           RadixToast__namespace.Root,
@@ -473,7 +473,7 @@ const ToastAction = React.forwardRef(
 ToastAction.displayName = "@optiaxiom/react/ToastAction";
 
 var gap = '16';
-var viewport = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1j3hutk'],variants:{position:{bottom:'_1a36ou','bottom-left':'_191m7hv','bottom-right':['right-scroll-bar-position','_9luf1u'],top:'_3an6a1','top-left':'_1fird91','top-right':['right-scroll-bar-position','_1x963yl']}}});
+var viewport = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'z0h3u3'],variants:{position:{bottom:'_52ak4o','bottom-left':'tglz7i','bottom-right':['right-scroll-bar-position','_1dvruoy'],top:'_1iuv9bt','top-left':'eljdvt','top-right':['right-scroll-bar-position','szi71c']}}});
 
 const ToastTitle = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -606,34 +606,8 @@ function AxiomProvider({
 }
 AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
 
-var badge$1 = Textarea.recipeRuntime({base:[{display:'inline-flex',flex:'none',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1y45w0s'],variants:{intent:{danger:'_14may8x',information:'tudkib',neutral:'_70o0w1',primary:'_1tpndzb',success:'mqpaix',warning:'o84iyu'},variant:{strong:'rdr2c3',subtle:'_1rfjta3'}}});
-
-const Slot$4 = reactSlot.createSlot("@optiaxiom/react/Badge");
-const Badge = React.forwardRef(
-  ({
-    asChild,
-    children,
-    className,
-    intent = "neutral",
-    variant = "subtle",
-    ...props
-  }, ref) => {
-    const Comp = asChild ? Slot$4 : "span";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.Text,
-      {
-        asChild: true,
-        ...badge$1({ intent, variant }, className),
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, children })
-      }
-    );
-  }
-);
-Badge.displayName = "@optiaxiom/react/Badge";
-
 var banner = Textarea.recipeRuntime({base:[{alignItems:'start',color:'fg.default',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$3 = Textarea.recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'8',justifyContent:'center'},'_196ys15']});
+var content$3 = Textarea.recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'8',justifyContent:'center'},'_10nweku']});
 var icon = Textarea.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 = {
@@ -691,10 +665,10 @@ const IconEllipsisSolid = Textarea.withIcon(
   )
 );
 
-var link = Textarea.recipeRuntime({base:'_1q6tk4b'});
-var list$2 = Textarea.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'y1kcou']});
+var link = Textarea.recipeRuntime({base:'mq6fdn'});
+var list$2 = Textarea.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_1meebct']});
 
-var item$2 = Textarea.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'h5i9sb']});
+var item$2 = Textarea.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_8tip4e']});
 
 const BreadcrumbNode = React.forwardRef(
   ({ addonAfter, children, className, ...props }, ref) => {
@@ -758,7 +732,7 @@ const renderItems = (items, limit = items.length, renderItem) => {
   ];
 };
 
-var card = Textarea.recipeRuntime({base:['_1r9lnd',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'_16eska1']});
+var card = Textarea.recipeRuntime({base:['_1y0ppog',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'x83mt1']});
 
 const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
@@ -778,7 +752,7 @@ const CardAction = React.forwardRef(
 );
 CardAction.displayName = "@optiaxiom/react/CardAction";
 
-var checkbox = Textarea.recipeRuntime({base:['_9k7rkn']});
+var checkbox = Textarea.recipeRuntime({base:['_6yezaj']});
 
 const CardCheckbox = React.forwardRef(
   ({ className, onChange, ...props }, ref) => {
@@ -819,9 +793,9 @@ const CardFooter = React.forwardRef(
 );
 CardFooter.displayName = "@optiaxiom/react/CardFooter";
 
-var addon$1 = Textarea.recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'i86uwc',before:'jtmooe'}}});
-var content$2 = Textarea.recipeRuntime({base:[{flex:'1'},'_1d16hmg']});
-var header = Textarea.recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'dr0czy']});
+var addon$1 = Textarea.recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'_3m036d',before:'_1yefuvz'}}});
+var content$2 = Textarea.recipeRuntime({base:[{flex:'1'},'_1osy243']});
+var header = Textarea.recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'_1f5watb']});
 
 const CardHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -856,8 +830,8 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var overlay = Textarea.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_194nnt7']});
-var preview = Textarea.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_124kzln']});
+var overlay = Textarea.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_1hfmn62']});
+var preview = Textarea.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1ry1p07']});
 
 const CardPreview = React.forwardRef(
   ({
@@ -924,7 +898,7 @@ function cleanup() {
   globals.toaster.clear();
 }
 
-var code = Textarea.recipeRuntime({base:[{fontWeight:'600'},'_1tc5y8y']});
+var code = Textarea.recipeRuntime({base:[{fontWeight:'600'},'_1s9lgjm']});
 
 const Slot$3 = reactSlot.createSlot("@optiaxiom/react/Code");
 const Code = React.forwardRef(
@@ -936,35 +910,6 @@ const Code = React.forwardRef(
 );
 Code.displayName = "@optiaxiom/react/Code";
 
-const [DataTableProvider, useDataTableContext] = reactContext.createContext("@optiaxiom/react/DataTable");
-
-const DataTable = React.forwardRef(
-  ({ children, table, ...props }, ref) => {
-    const [highlightedIndex, setHighlightedIndex] = React.useState(-1);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.Group,
-      {
-        flexDirection: "column",
-        gap: "8",
-        maxH: "full",
-        maxW: "full",
-        ref,
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          DataTableProvider,
-          {
-            highlightedIndex,
-            setHighlightedIndex,
-            table,
-            children
-          }
-        )
-      }
-    );
-  }
-);
-DataTable.displayName = "@optiaxiom/react/DataTable";
-
 const DataTableAction = React.forwardRef(
   ({ onKeyDown, onPointerDown, primary, visible, ...props }, outerRef) => {
     const {
@@ -1024,402 +969,8 @@ const DataTableAction = React.forwardRef(
 );
 DataTableAction.displayName = "@optiaxiom/react/DataTableAction";
 
-var cell = Textarea.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1avo0mq'],variants:{pinned:{left:'jcc3n7',right:'h5y1lz'},pinnedType:{body:'_15mc14c',header:{}},resizable:{false:{},true:'_1xn10o5'}}});
-var cellOffsetVar = 'var(--_2syvip)';
-var cellSizeVar = 'var(--_10monlp)';
-var leftTotalSizeVar = 'var(--_1as1mqw)';
-var rightTotalSizeVar = 'var(--t11ira)';
-var root = Textarea.recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'dxzc8p']});
-var totalSizeVar = 'var(--vt8284)';
-
-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 = Textarea.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(
-      Textarea.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 (!(event.target instanceof Element)) {
-            return;
-          }
-          if (isPortalClick(event)) {
-            return;
-          }
-          if (isInteractiveElement(event)) {
-            return;
-          }
-          if (row.getCanSelect()) {
-            if (selector && getAssociatedControl(event) !== selector.current) {
-              table.setRowSelection({ [row.id]: true });
-            }
-          } else if (!primary?.ref.current?.contains(event.target)) {
-            primary?.ref.current?.click();
-          }
-        },
-        onDoubleClick: (event) => {
-          if (!row.getCanSelect() || !primary || !(event.target instanceof Element)) {
-            return;
-          }
-          if (isPortalClick(event)) {
-            return;
-          }
-          if (isInteractiveElement(event)) {
-            return;
-          }
-          if (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(
-          Textarea.DataTableRowProvider,
-          {
-            actions: actions.map(({ ref: ref2 }) => ref2),
-            focusManaged,
-            highlightedIndex: subHighlightedIndex,
-            labelId,
-            onActionMount,
-            row,
-            setHighlightedIndex: Textarea.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 isInteractiveElement = (event) => {
-  if (!(event.target instanceof Element)) {
-    return false;
-  }
-  const interactive = event.target.closest(
-    'a, button, input, select, textarea, [contenteditable="true"], [role="button"], [role="link"]'
-  );
-  return interactive && interactive !== event.currentTarget;
-};
-const isPortalClick = (event) => {
-  return event.target instanceof Element && !event.currentTarget.contains(event.target);
-};
-
-const COL_VIRTUALIZATION_THRESHOLD = 20;
-const ROW_VIRTUALIZATION_THRESHOLD = 20;
-const DataTableBody = React.forwardRef(
-  ({ className, estimatedRowHeight = 52, loading, style, ...props }, outerRef) => {
-    const innerRef = React.useRef(null);
-    const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-    const { table } = useDataTableContext("@optiaxiom/react/DataTableBody");
-    const { rows: rawRows } = table.getRowModel();
-    const rows = React.useMemo(() => {
-      let index = 0;
-      return rawRows.reduce((result, row) => {
-        result.push(row);
-        index++;
-        if (loading && typeof loading === "object" && loading[row.id] === "sub-rows") {
-          result.push(Textarea.fakeRow(table, index++), Textarea.fakeRow(table, index++));
-        }
-        return result;
-      }, []);
-    }, [loading, rawRows, table]);
-    const previousRowsRef = React.useRef(rows);
-    React.useEffect(() => {
-      previousRowsRef.current = rows;
-    });
-    const scrollContainerRef = React.useRef(null);
-    const calculateScrollTimeline = () => {
-      if (!innerRef.current || !scrollContainerRef.current) {
-        return;
-      }
-      const { offsetWidth, scrollLeft, scrollWidth } = scrollContainerRef.current;
-      if (scrollWidth > offsetWidth) {
-        innerRef.current.dataset.scrollTimeline = scrollLeft === 0 ? "left" : scrollLeft >= scrollWidth - offsetWidth ? "right" : "middle";
-      } else {
-        delete innerRef.current.dataset.scrollTimeline;
-      }
-    };
-    React.useEffect(calculateScrollTimeline, []);
-    const centerColumns = table.getCenterVisibleLeafColumns();
-    const columnVirtualizer = reactVirtual.useVirtualizer({
-      count: centerColumns.length,
-      enabled: centerColumns.length > COL_VIRTUALIZATION_THRESHOLD,
-      estimateSize: (index) => centerColumns[index].getSize(),
-      getItemKey: (index) => centerColumns[index].id,
-      getScrollElement: () => scrollContainerRef.current,
-      horizontal: true
-    });
-    const virtualColumns = columnVirtualizer.getVirtualItems();
-    const virtualColumnsOffset = virtualColumns[0]?.start ?? 0;
-    const rowVirtualizer = reactVirtual.useVirtualizer({
-      count: rows.length,
-      enabled: centerColumns.length > COL_VIRTUALIZATION_THRESHOLD || rows.length > ROW_VIRTUALIZATION_THRESHOLD,
-      estimateSize: () => estimatedRowHeight,
-      getItemKey: (index) => rows[index].id,
-      getScrollElement: () => scrollContainerRef.current
-    });
-    const virtualRows = rowVirtualizer.getVirtualItems();
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.Box,
-      {
-        ref,
-        style: {
-          ...dynamic.assignInlineVars({
-            [leftTotalSizeVar]: `${table.getLeftTotalSize()}px`,
-            [rightTotalSizeVar]: `${table.getRightTotalSize()}px`,
-            [totalSizeVar]: (table.getHeaderGroups()[0]?.headers.reduce(
-              (sum, header) => sum + (header.column.getCanResize() ? header.getSize() : 0),
-              0
-            ) ?? 0).toString()
-          }),
-          ...style
-        },
-        ...root({}, className),
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          Textarea.Table,
-          {
-            layout: "fixed",
-            onScroll: calculateScrollTimeline,
-            ref: scrollContainerRef,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Textarea.TableHeader, { display: "grid", pinned: true, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsx(Textarea.TableRow, { display: "flex", children: headerGroup.headers.map((header) => /* @__PURE__ */ jsxRuntime.jsx(
-                Textarea.DataTableHeaderCell,
-                {
-                  header,
-                  pinned: !!header.column.getIsPinned(),
-                  style: {
-                    ...dynamic.assignInlineVars({
-                      [cellOffsetVar]: `${header.column.getStart(header.column.getIsPinned() || "left")}px`,
-                      [cellSizeVar]: `${header.getSize()}`
-                    })
-                  },
-                  ...cell({
-                    pinned: header.column.getIsPinned() || void 0,
-                    pinnedType: header.column.getIsPinned() ? "header" : void 0,
-                    resizable: header.column.getCanResize()
-                  }),
-                  children: header.isPlaceholder ? null : reactTable.flexRender(
-                    header.column.columnDef.header,
-                    header.getContext()
-                  )
-                },
-                header.id
-              )) }, headerGroup.id)) }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Textarea.TableBody,
-                {
-                  display: "grid",
-                  style: rowVirtualizer.options.enabled ? { height: `${rowVirtualizer.getTotalSize()}px` } : void 0,
-                  children: (loading === true ? Array.from({ length: 10 }, (_, rowIndex) => ({
-                    row: Textarea.fakeRow(table, rowIndex),
-                    virtualRow: void 0
-                  })) : rowVirtualizer.options.enabled ? virtualRows.length === 0 && rows.length > 0 ? (
-                    /**
-                     * If virtualization was just enabled in this render then
-                     * virtualRows will be empty so we render the rows from the
-                     * previous render instead temporarily.
-                     */
-                    previousRowsRef.current.map((row) => ({
-                      row,
-                      virtualRow: void 0
-                    }))
-                  ) : virtualRows.map((virtualRow) => ({
-                    row: rows[virtualRow.index],
-                    virtualRow
-                  })) : rows.map((row) => ({ row, virtualRow: void 0 }))).map(({ row, virtualRow }, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    DataTableRow,
-                    {
-                      "data-index": virtualRow?.index,
-                      display: "flex",
-                      index: virtualRow?.index ?? index,
-                      ref: virtualRow ? rowVirtualizer.measureElement : void 0,
-                      row,
-                      style: virtualRow ? {
-                        position: "absolute",
-                        transform: `translateY(${virtualRow.start}px)`
-                      } : void 0,
-                      children: [
-                        row.getLeftVisibleCells().map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
-                          Textarea.TableCell,
-                          {
-                            pinned: true,
-                            style: {
-                              ...dynamic.assignInlineVars({
-                                [cellOffsetVar]: `${cell$1.column.getStart("left")}px`,
-                                [cellSizeVar]: `${cell$1.column.getSize()}`
-                              })
-                            },
-                            ...cell({
-                              pinned: "left",
-                              pinnedType: "body",
-                              resizable: cell$1.column.getCanResize()
-                            }),
-                            children: reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
-                          },
-                          cell$1.id
-                        )),
-                        columnVirtualizer.options.enabled && virtualColumnsOffset > 0 && /* @__PURE__ */ jsxRuntime.jsx(Textarea.TableCell, { style: { width: virtualColumnsOffset } }),
-                        (columnVirtualizer.options.enabled ? virtualColumns.map((virtualCell) => {
-                          const cells = row.getCenterVisibleCells();
-                          return cells[virtualCell.index];
-                        }) : row.getCenterVisibleCells()).map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
-                          Textarea.TableCell,
-                          {
-                            style: {
-                              ...dynamic.assignInlineVars({
-                                [cellSizeVar]: `${cell$1.column.getSize()}`
-                              })
-                            },
-                            ...cell({
-                              resizable: cell$1.column.getCanResize()
-                            }),
-                            children: reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
-                          },
-                          cell$1.id
-                        )),
-                        row.getRightVisibleCells().map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
-                          Textarea.TableCell,
-                          {
-                            pinned: true,
-                            style: {
-                              ...dynamic.assignInlineVars({
-                                [cellOffsetVar]: `${cell$1.column.getStart("right")}px`,
-                                [cellSizeVar]: `${cell$1.column.getSize()}`
-                              })
-                            },
-                            ...cell({
-                              pinned: "right",
-                              pinnedType: "body",
-                              resizable: cell$1.column.getCanResize()
-                            }),
-                            children: reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
-                          },
-                          cell$1.id
-                        ))
-                      ]
-                    },
-                    row.id
-                  ))
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-DataTableBody.displayName = "@optiaxiom/react/DataTableBody";
-
 const DataTableCheckbox = React.forwardRef(({ children, disabled, visible, ...props }, outerRef) => {
-  const { table } = useDataTableContext("@optiaxiom/react/DataTableCheckbox");
+  const { table } = Textarea.useDataTableContext("@optiaxiom/react/DataTableCheckbox");
   const { labelId, row, setSelector } = Textarea.useDataTableRowContext(
     "@optiaxiom/react/DataTableCheckbox"
   );
@@ -1499,9 +1050,9 @@ const IconEllipsis = Textarea.withIcon(
   ] })
 );
 
-var button$1 = Textarea.recipeRuntime({base:[{justifyContent:'center'},'_1da4ycd']});
-var cursor = Textarea.recipeRuntime({base:[{justifyContent:'center',z:'10'},'fu1414'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list$1 = Textarea.recipeRuntime({base:[{gap:'2'},'m5fnl']});
+var button$1 = Textarea.recipeRuntime({base:[{justifyContent:'center'},'_1kqt0wn']});
+var cursor = Textarea.recipeRuntime({base:[{justifyContent:'center',z:'10'},'nv4tmr'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list$1 = Textarea.recipeRuntime({base:[{gap:'2'},'n1n4u']});
 
 const Pagination = React.forwardRef(
   ({
@@ -1615,7 +1166,7 @@ const Pagination = React.forwardRef(
 );
 Pagination.displayName = "@optiaxiom/react/Pagination";
 
-var addon = Textarea.recipeRuntime({base:'kp7knt',variants:{slot:{after:{textAlign:'end'},before:{}}}});
+var addon = Textarea.recipeRuntime({base:'fk4del',variants:{slot:{after:{textAlign:'end'},before:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
   label: size,
@@ -1623,7 +1174,7 @@ const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
 }));
 const DataTableFooter = React.forwardRef(
   ({ pageSizeOptions = DEFAULT_PAGE_SIZES, showPageSizeOptions, ...props }, ref) => {
-    const { table } = useDataTableContext("@optiaxiom/react/DataTableFooter");
+    const { table } = Textarea.useDataTableContext("@optiaxiom/react/DataTableFooter");
     const { pagination } = table.getState();
     const pageSizeId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1710,10 +1261,10 @@ const IconCalendar = Textarea.withIcon(
   )
 );
 
-var clear$1 = Textarea.recipeRuntime({base:[{size:'sm'},'_3zeeqx']});
-var date = Textarea.recipeRuntime({base:'_1gylsdn'});
-var input$2 = Textarea.recipeRuntime({base:'_1nrok1v'});
-var picker = Textarea.recipeRuntime({base:'_8f4oef'});
+var clear$1 = Textarea.recipeRuntime({base:[{size:'sm'},'_1q7zuhx']});
+var date = Textarea.recipeRuntime({base:'_1kmuaky'});
+var input$2 = Textarea.recipeRuntime({base:'mn7sln'});
+var picker = Textarea.recipeRuntime({base:'_1cgj6gw'});
 
 const DateInput = React.forwardRef(
   ({
@@ -1918,7 +1469,7 @@ function DateRangePicker({
         setValueStable({ from, to: end });
       }
     }
-  }, [from, open, setValueStable]);
+  }, [from, open]);
   return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Popover, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     DateRangePickerProvider,
     {
@@ -2243,9 +1794,9 @@ const Grid = React.forwardRef(
 );
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = Textarea.recipeRuntime({base:'_2427dv',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'qzaoda']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1dt2vqr']}}});
-var floating = Textarea.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_175ydyk'],variants:{offset:{false:'_1fmqvox',true:{}},position:{'bottom-right':'_16c41n8','top-right':'_4ys6km'}}});
-var indicator$2 = Textarea.recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'_6s1pv7']});
+var badge = Textarea.recipeRuntime({base:'_11auk8z',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1xgwm2w']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'vbranp']}}});
+var floating = Textarea.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'dr3sj1'],variants:{offset:{false:'b922n4',true:{}},position:{'bottom-right':'_1yy2n8s','top-right':'_9bve6x'}}});
+var indicator$2 = Textarea.recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'_1ses0nc']});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/Indicator");
 const Indicator = React.forwardRef(
@@ -2270,10 +1821,10 @@ const Indicator = React.forwardRef(
           {
             "aria-hidden": "true",
             ...badge({ offset, ping: true }),
-            children: asChild ? content : /* @__PURE__ */ jsxRuntime.jsx(Badge, { intent, variant, children: content })
+            children: asChild ? content : /* @__PURE__ */ jsxRuntime.jsx(Textarea.Badge, { intent, variant, children: content })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(Slot$2, { ...badge({ offset }), children: asChild ? content : /* @__PURE__ */ jsxRuntime.jsx(Badge, { intent, variant, children: content }) })
+        /* @__PURE__ */ jsxRuntime.jsx(Slot$2, { ...badge({ offset }), children: asChild ? content : /* @__PURE__ */ jsxRuntime.jsx(Textarea.Badge, { intent, variant, children: content }) })
       ] })
     ] });
   }
@@ -2281,7 +1832,7 @@ const Indicator = React.forwardRef(
 Indicator.displayName = "@optiaxiom/react/Indicator";
 
 var kbd = Textarea.recipeRuntime({base:{display:'inline-flex',gap:'2',whiteSpace:'nowrap'}});
-var key = Textarea.recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'ggb4yc'],subtle:{}}}});
+var key = Textarea.recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'i0ttgn'],subtle:{}}}});
 
 const platform = typeof navigator !== "undefined" && (navigator.platform.startsWith("Mac") || navigator.platform === "iPhone") ? "mac" : "win";
 const mapModifierToCode = {
@@ -2322,7 +1873,7 @@ const Kbd = React.forwardRef(
 );
 Kbd.displayName = "@optiaxiom/react/Kbd";
 
-var button = Textarea.recipeRuntime({base:[{justifyContent:'space-between'},'_18e5u43']});
+var button = Textarea.recipeRuntime({base:[{justifyContent:'space-between'},'pebw2h']});
 var content$1 = Textarea.recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
 var label$1 = Textarea.recipeRuntime({base:[{color:'fg.secondary',cursor:'pointer',maxW:'full',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
 
@@ -2364,7 +1915,7 @@ LabelMenuButton.displayName = "@optiaxiom/react/LabelMenuButton";
 
 const [SidebarProvider, useSidebarContext] = reactContext.createContext("@optiaxiom/react/Sidebar");
 
-var nav$1 = Textarea.recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_5i0poq']});
+var nav$1 = Textarea.recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_8t6ehf']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -2387,7 +1938,7 @@ const Nav = React.forwardRef(
 );
 Nav.displayName = "@optiaxiom/react/Nav";
 
-var item$1 = Textarea.recipeRuntime({base:{flex:'1',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'sn76wr',true:'_1cc9wwg'}}});
+var item$1 = Textarea.recipeRuntime({base:{flex:'1',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'fiwl7u',true:'l7qa0r'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
@@ -2548,8 +2099,8 @@ const NavHeader = React.forwardRef(
 );
 NavHeader.displayName = "@optiaxiom/react/NavHeader";
 
-var item = Textarea.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'ljxpon']});
-var label = Textarea.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'i7d3dz'],variants:{expanded:{false:'_1vtc12j',true:'_11ev7if'}}});
+var item = Textarea.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1ri129o']});
+var label = Textarea.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_16d97sv'],variants:{expanded:{false:'_8m148p',true:'te9vbn'}}});
 
 const Slot$1 = reactSlot.createSlot("@optiaxiom/react/NavItem");
 const NavItem = React.forwardRef(
@@ -2623,8 +2174,8 @@ const NavSeparator = React.forwardRef(
 );
 NavSeparator.displayName = "@optiaxiom/react/NavSeparator";
 
-var indicator$1 = Textarea.recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'_1q46o5g',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = Textarea.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1e57wex']});
+var indicator$1 = Textarea.recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'aj5ewl',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
+var progress = Textarea.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_9azq1t']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
@@ -2649,10 +2200,10 @@ const Progress = React.forwardRef(
 const DEFAULT_MAX = 100;
 Progress.displayName = "@optiaxiom/react/Progress";
 
-var control = Textarea.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_196zpya'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = Textarea.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1uudnls']});
-var input$1 = Textarea.recipeRuntime({base:'_1i9y23m'});
-var radio = Textarea.recipeRuntime({base:'_6xmv5c'});
+var control = Textarea.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'hoprm5'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = Textarea.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'qob692']});
+var input$1 = Textarea.recipeRuntime({base:'_1nqvyr2'});
+var radio = Textarea.recipeRuntime({base:'wcdiv0'});
 
 const [RadioGroupProvider, useRadioGroupContext] = reactContext.createContext("@optiaxiom/react/RadioGroup", null);
 
@@ -2765,9 +2316,9 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = Textarea.recipeRuntime({base:[{size:'sm'},'_1a7c8wg']});
-var input = Textarea.recipeRuntime({base:'kuob43'});
-var search = Textarea.recipeRuntime({base:'_1xb3fq5'});
+var clear = Textarea.recipeRuntime({base:[{size:'sm'},'_1sc3bmp']});
+var input = Textarea.recipeRuntime({base:'gyyx39'});
+var search = Textarea.recipeRuntime({base:'_1owc8on'});
 
 const SearchInput = React.forwardRef(
   ({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
@@ -2901,7 +2452,7 @@ const SidebarToggle = React.forwardRef(
 );
 SidebarToggle.displayName = "@optiaxiom/react/SidebarToggle";
 
-var nav = Textarea.recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',py:'16'},'_182a3jk']});
+var nav = Textarea.recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',py:'16'},'_1g8rb99']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -2933,7 +2484,7 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = Textarea.recipeRuntime({base:[{display:'flex'},'_7fxj49']});
+var tabs = Textarea.recipeRuntime({base:[{display:'flex'},'_1ep1ycf']});
 
 const Tabs = React.forwardRef(
   ({ children, className, onValueChange, ...props }, ref) => {
@@ -2969,7 +2520,7 @@ const TabsContent = React.forwardRef(
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = Textarea.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'buf6i']});
+var list = Textarea.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1h3ztr2']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -2978,8 +2529,8 @@ const TabsList = React.forwardRef(
 );
 TabsList.displayName = "@optiaxiom/react/TabsList";
 
-var content = Textarea.recipeRuntime({base:[{gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'kbf6ya']});
-var trigger = Textarea.recipeRuntime({base:['_18lcccr',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_2vtdmf']});
+var content = Textarea.recipeRuntime({base:[{gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_1ru48em']});
+var trigger = Textarea.recipeRuntime({base:['sam0tb',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1lmayri']});
 
 const Slot = reactSlot.createSlot("@optiaxiom/react/TabsTrigger");
 const TabsTrigger = React.forwardRef(
@@ -3015,11 +2566,14 @@ exports.AngleMenuButton = Textarea.AngleMenuButton;
 exports.AuthProvider = Textarea.AuthProvider;
 exports.Avatar = Textarea.Avatar;
 exports.AvatarGroup = Textarea.AvatarGroup;
+exports.Badge = Textarea.Badge;
 exports.Box = Textarea.Box;
 exports.Button = Textarea.Button;
 exports.ButtonGroup = Textarea.ButtonGroup;
 exports.Checkbox = Textarea.Checkbox;
 exports.Cover = Textarea.Cover;
+exports.DataTable = Textarea.DataTable;
+exports.DataTableBody = Textarea.DataTableBody;
 exports.Dialog = Textarea.Dialog;
 exports.DialogBody = Textarea.DialogBody;
 exports.DialogClose = Textarea.DialogClose;
@@ -3109,7 +2663,6 @@ Object.defineProperty(exports, "tokens", {
   get: function () { return globals.tokens; }
 });
 exports.AxiomProvider = AxiomProvider;
-exports.Badge = Badge;
 exports.Banner = Banner;
 exports.Breadcrumb = Breadcrumb;
 exports.Card = Card;
@@ -3121,9 +2674,7 @@ exports.CardImage = CardImage;
 exports.CardLink = CardLink;
 exports.CardPreview = CardPreview;
 exports.Code = Code;
-exports.DataTable = DataTable;
 exports.DataTableAction = DataTableAction;
-exports.DataTableBody = DataTableBody;
 exports.DataTableCheckbox = DataTableCheckbox;
 exports.DataTableFooter = DataTableFooter;
 exports.DataTableLabel = DataTableLabel;