@optiaxiom/react 1.3.3 → 1.3.4

package/dist/cjs/unstable.js

@@ -3,10 +3,10 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var Skeleton = require('./Skeleton-Da4YHK8G.js');
-require('./assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css');
-require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-BgkVXqPo.css');
-require('./assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-CfyCsxWH.css');
+var Skeleton = require('./Skeleton-BwzEuXRY.js');
+require('./assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css');
+require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-BOZzSJCT.css');
+require('./assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-CrnYrajV.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var reactDayPicker = require('react-day-picker');
@@ -17,73 +17,73 @@ var reactPortal = require('@radix-ui/react-portal');
 var reactId = require('@radix-ui/react-id');
 var reactSlot = require('@radix-ui/react-slot');
 var clsx = require('clsx');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CbzJvQqN.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BYIA8kKI.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-BOl2sT7H.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-CP7W567V.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-l3bRDSQn.css');
-require('./assets/src/link/Link.css.ts.vanilla-DIghhNpx.css');
-require('./assets/src/card/Card.css.ts.vanilla-BJ-5_F6D.css');
-require('./assets/src/card/CardOverflow.css.ts.vanilla-4xeH6as-.css');
-require('./assets/src/card/CardAction.css.ts.vanilla-cGe0ueeL.css');
-require('./assets/src/card/CardImage.css.ts.vanilla-B_-yqAwq.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CloEEnqj.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-D9HKgHqG.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-BH_CEHvg.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CCtVe90o.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-CqKMfhS1.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-C1SX3EWC.css');
+require('./assets/src/link/Link.css.ts.vanilla-B-UzZVPR.css');
+require('./assets/src/card/Card.css.ts.vanilla-undxWMUN.css');
+require('./assets/src/card/CardOverflow.css.ts.vanilla-CfaszGo6.css');
+require('./assets/src/card/CardAction.css.ts.vanilla-DT_sWq0i.css');
+require('./assets/src/card/CardImage.css.ts.vanilla-8K9SYjci.css');
 var reactTable = require('@tanstack/react-table');
 var reactVirtual = require('@tanstack/react-virtual');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/table/Table.css.ts.vanilla-_82W2CkP.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-C-df23i7.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-Cej-0j8c.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-DlJxn3H6.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-LVBfEZG4.css');
-require('./assets/src/data-table/DataTableBody.css.ts.vanilla-BLMDpMYk.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DK2BQHue.css');
-require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-ByVCphpT.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-C7ZsmRf9.css');
-require('./assets/src/date-picker/DatePickerContent.css.ts.vanilla-DtRKdrg_.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-OD4RC-0V.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-CxO9GZ4w.css');
+require('./assets/src/table/Table.css.ts.vanilla-C7nc_IXT.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-DEsOS9NQ.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-CjlpeCcu.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-BPkQXE9u.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-C7duNQW3.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-CWOX4ILB.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DccQvM9d.css');
+require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-BUf3z1Xk.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-BDCVJo5d.css');
+require('./assets/src/date-picker/DatePickerContent.css.ts.vanilla-Crl_Q15m.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-Dj5Z6HzB.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-BOkwdMCk.css');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-BnswEL8I.css');
-require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-D0XAc_n5.css');
-require('./assets/src/layout/Layouts.css.ts.vanilla-DT0NGpqU.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-FyouPppH.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-D1Dp0lEq.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CCtVe90o.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-CDi0jeiu.css');
+require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-DpVFTpc1.css');
+require('./assets/src/layout/Layouts.css.ts.vanilla-Cj6VhCY9.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-DWVzyQ5v.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-D8DiYbwQ.css');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-CbuP5e8A.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DbkaRi_T.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-BRnr6MU6.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-B-8go-oS.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-DkC-V-K6.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-BwqY7eUc.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-DWBpSYeV.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DcYrZKqo.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-80GG_e5W.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-SBTw-Uwk.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-CgKyyje7.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-B644yEwo.css');
 require('@optiaxiom/globals');
 require('@radix-ui/react-tooltip');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-BuhaMNMY.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-CGer1zmy.css');
 require('@radix-ui/react-popover');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('react-remove-scroll');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-Cud_bjK9.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BlLJcjK6.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CCtVe90o.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BZzguHzH.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CAchYNAD.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-CAosigYx.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Dbl8ewMo.css');
-require('./assets/src/text/Text.css.ts.vanilla-Dqj-4wL_.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DIQ0bw7f.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-DrTbIVHO.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-Cn_XcWOI.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-MmiRrm_S.css');
+require('./assets/src/text/Text.css.ts.vanilla--EVicwEp.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BvRZcXaa.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-hucDfOoh.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-Ci_ZKppN.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-2Y5nhCpl.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-DNlWa43q.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-IQ6f7j1M.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-yCc1rkLn.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-DMmxn9Jg.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-1uCIDzTk.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-0f4bGCPQ.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-PrfE3sWD.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-CysVj99D.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-D77uLhxE.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-CRqmiPzq.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-CvhHm1x9.css');
-require('./assets/src/box/Box.css.ts.vanilla-D05nRDry.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-BFP81jRu.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-BcqoWQvZ.css');
+require('./assets/src/box/Box.css.ts.vanilla-Dnq424Jf.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-Dg6aZlKk.css');
 
 const toPlainDateTime = (date) => new Date(date.getTime() - new Date(date).getTimezoneOffset() * 60 * 1e3).toISOString().slice(0, -1);
 
@@ -259,7 +259,7 @@ function BreadcrumbEllipsis({ ...props }) {
 }
 BreadcrumbEllipsis.displayName = "@optiaxiom/react/BreadcrumbEllipsis";
 
-var item = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_12j4ssn']});
+var item = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1mqeehb']});
 
 const BreadcrumbItem = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -269,7 +269,7 @@ const BreadcrumbItem = React.forwardRef(
 );
 BreadcrumbItem.displayName = "@optiaxiom/react/BreadcrumbItem";
 
-var link = Skeleton.recipeRuntime({base:[{fontSize:'md',overflow:'hidden',rounded:'md'},'vjsvmv']});
+var link = Skeleton.recipeRuntime({base:[{fontSize:'md',overflow:'hidden',rounded:'md'},'zl0xt9']});
 
 const BreadcrumbLink = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Tooltip, { auto: true, content: props.children, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Link, { ...link({}, className), ref, ...props }) });
@@ -795,8 +795,8 @@ function CalendarDay({ children, ...props }) {
 }
 CalendarDay.displayName = "@optiaxiom/react/CalendarDay";
 
-var button$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'q7rqu6'],variants:{appearance:{'default':'uqfd8u',holiday:[{color:'fg.error'},'_1vg0chb'],range_middle:'ynq14q',selected:[{color:'fg.white'},'ozck2s'],weekend:[{color:'fg.tertiary'},'wv59u9']},range:{end:['_1xf2bhj'],middle:['_1ae1374'],start:['_132gxkx']}}});
-var today = Skeleton.recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_1s98nz4']});
+var button$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'r3rikg'],variants:{appearance:{'default':'zc2y9h',holiday:[{color:'fg.error'},'_1ezz8ma'],range_middle:'_1ceblxj',selected:[{color:'fg.white'},'_1hfxpw4'],weekend:[{color:'fg.tertiary'},'pb4j9a']},range:{end:['kltvxn'],middle:['nhjqo9'],start:['_1bxe8qi']}}});
+var today = Skeleton.recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_1gz1uxc']});
 
 function CalendarDayButton({
   children,
@@ -862,14 +862,14 @@ function CalendarMonthGrid({
 }
 CalendarMonthGrid.displayName = "@optiaxiom/react/CalendarMonthGrid";
 
-var months = Skeleton.recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'gocjc7']});
+var months = Skeleton.recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'m15xq0']});
 
 function CalendarMonths({ children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { asChild: true, ...months(), children: /* @__PURE__ */ jsxRuntime.jsx(reactDayPicker.Months, { ...props, children }) });
 }
 CalendarMonths.displayName = "@optiaxiom/react/CalendarMonths";
 
-var nav = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_1wnnxrc']});
+var nav = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'bk8xwq']});
 
 function CalendarNav({ children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx(reactDayPicker.Nav, { ...props, children }) });
@@ -1106,7 +1106,7 @@ const Calendar = React.forwardRef(
 );
 Calendar.displayName = "@optiaxiom/react/Calendar";
 
-var content$2 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'_1ex3gvu'],variants:{visible:{false:'_19666jl',true:'xo58ij'}}});
+var content$2 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'_155bz3c'],variants:{visible:{false:'_9p9pyh',true:'_1w2xxnm'}}});
 
 const ActionsContent = React.forwardRef(
   ({ children, className, visible = false, ...props }, ref) => {
@@ -1115,7 +1115,7 @@ const ActionsContent = React.forwardRef(
 );
 ActionsContent.displayName = "@optiaxiom/react/ActionsContent";
 
-var root = Skeleton.recipeRuntime({base:'mlg7yu'});
+var root = Skeleton.recipeRuntime({base:'_1muuout'});
 
 const ActionsRoot = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1124,7 +1124,7 @@ const ActionsRoot = React.forwardRef(
 );
 ActionsRoot.displayName = "@optiaxiom/react/ActionsRoot";
 
-var card = Skeleton.recipeRuntime({base:['_3gjhi9',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'h7vgvu']});
+var card = Skeleton.recipeRuntime({base:['_1nry745',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_19zrum1']});
 
 const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
@@ -1158,7 +1158,7 @@ const Card = React.forwardRef(
 );
 Card.displayName = "@optiaxiom/react/Card";
 
-var action = Skeleton.recipeRuntime({base:['xvmgv4']});
+var action = Skeleton.recipeRuntime({base:['_112gkvg']});
 
 const CardAction = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1229,7 +1229,7 @@ const CardDescription = React.forwardRef(({ children, ...props }, ref) => {
 });
 CardDescription.displayName = "@optiaxiom/react/CardDescription";
 
-var cardImage = Skeleton.recipeRuntime({base:[{h:'full',rounded:'inherit'},'vsr17m'],variants:{orientation:{horizontal:[{w:'auto'},'_16eg3iw'],vertical:[{w:'full'},'_4fsem8']}}});
+var cardImage = Skeleton.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_52lufl'],variants:{orientation:{horizontal:[{w:'auto'},'forjep'],vertical:[{w:'full'},'_1ng2pch']}}});
 
 const CardImage = React.forwardRef(
   ({ alt = "", asChild, children, className, src, ...props }, ref) => {
@@ -1255,7 +1255,7 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var cardOverflow = Skeleton.recipeRuntime({base:['_9dlhqg',{alignSelf:'stretch'},'_1vep2az'],variants:{orientation:{horizontal:['zjysul'],vertical:['_1vrvpt7']}}});
+var cardOverflow = Skeleton.recipeRuntime({base:['ujrhy8',{alignSelf:'stretch'},'_1200woo'],variants:{orientation:{horizontal:['kof10o'],vertical:['cktmtm']}}});
 
 const CardOverflow = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1604,8 +1604,8 @@ const DataTable = React.forwardRef(
 );
 DataTable.displayName = "@optiaxiom/react/DataTable";
 
-var table$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'hofnr9'],variants:{layout:{auto:['y68pk5'],fixed:[{display:'grid'},'_1vzdy1m']}}});
-var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_13nig35']});
+var table$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'qq6rz4'],variants:{layout:{auto:['_12hi47r'],fixed:[{display:'grid'},'_19bwhtg']}}});
+var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'fzpjtk']});
 
 const Table = React.forwardRef(
   ({ children, className, layout = "auto", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ...wrapper({}, className), ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...table$1({ layout }), children: /* @__PURE__ */ jsxRuntime.jsx("table", { children }) }) })
@@ -1619,14 +1619,14 @@ const TableAction = React.forwardRef(
 );
 TableAction.displayName = "@optiaxiom/react/TableAction";
 
-var body = Skeleton.recipeRuntime({base:['l46354']});
+var body = Skeleton.recipeRuntime({base:['_1new21k']});
 
 const TableBody = React.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...body({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, children }) })
 );
 TableBody.displayName = "@optiaxiom/react/TableBody";
 
-var cell$2 = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_503gve']});
+var cell$2 = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_1u6f0ow']});
 
 const TableCell = React.forwardRef(
   ({ children, className, colSpan, ...props }, ref) => {
@@ -1638,28 +1638,28 @@ TableCell.displayName = "@optiaxiom/react/TableCell";
 const TableHeader = React.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, children }) }));
 TableHeader.displayName = "@optiaxiom/react/TableHeader";
 
-var cell$1 = Skeleton.recipeRuntime({base:'_37nez'});
-var content$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_403fek']});
+var cell$1 = Skeleton.recipeRuntime({base:'qbzyso'});
+var content$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_1116bmw']});
 
 const TableHeaderCell = React.forwardRef(
   ({ children, className, colSpan, p, px = "16", py = "12", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...cell$1({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("th", { colSpan, ref, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ...content$1(), px: p ?? px, py: p ?? py, children }) }) })
 );
 TableHeaderCell.displayName = "@optiaxiom/react/TableHeaderCell";
 
-var row = Skeleton.recipeRuntime({base:['_162xz65',{transition:'colors',w:'full'},'qqe2uk']});
+var row = Skeleton.recipeRuntime({base:['_2hn8n1',{transition:'colors',w:'full'},'zxnmpk']});
 
 const TableRow = React.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ActionsRoot, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...row({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("tr", { ref, children }) }) })
 );
 TableRow.displayName = "@optiaxiom/react/TableRow";
 
-var cell = Skeleton.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1hhhe1d'],variants:{pinned:{left:'p9mm24',right:'_1vqvdtj'},pinnedType:{body:'_3nxwar',header:{}}}});
-var cellOffsetVar = 'var(--_1werpep)';
-var cellSizeVar = 'var(--_52cn80)';
-var header = Skeleton.recipeRuntime({base:[{display:'grid'},'okd5gf']});
-var leftTotalSizeVar = 'var(--mickdd)';
-var rightTotalSizeVar = 'var(--_1m1726f)';
-var table = Skeleton.recipeRuntime({base:'o0sxdt',variants:{pinned:{both:'_19joz6c',left:'_185g4wt',none:{},right:'_1ry5vr9'}}});
+var cell = Skeleton.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1uzy629'],variants:{pinned:{left:'_1n66ba',right:'jt0yf9'},pinnedType:{body:'b1micv',header:{}}}});
+var cellOffsetVar = 'var(--efdz07)';
+var cellSizeVar = 'var(--yy5yw3)';
+var header = Skeleton.recipeRuntime({base:[{display:'grid'},'_13yrt10']});
+var leftTotalSizeVar = 'var(--_1ta7iwa)';
+var rightTotalSizeVar = 'var(--had1uz)';
+var table = Skeleton.recipeRuntime({base:'_1yptylg',variants:{pinned:{both:'_9snfm8',left:'_15n3wvq',none:{},right:'_1v66hvg'}}});
 
 const IconSort = Skeleton.withIcon(
   {
@@ -1706,9 +1706,9 @@ const IconSortUp = Skeleton.withIcon(
   )
 );
 
-var button$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_23doc3']});
-var handle = Skeleton.recipeRuntime({base:[{h:'full',z:'10'},'_9ivp1w'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1ag9scj'],variants:{active:{false:'xq9s52',true:'_1bwixve'}}});
+var button$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'saxa0d']});
+var handle = Skeleton.recipeRuntime({base:[{h:'full',z:'10'},'_6qsxk9'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1pce08o'],variants:{active:{false:'_1m42qoo',true:'_1y0nkzn'}}});
 
 const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, ref) => {
   const sortDir = header.column.getIsSorted();
@@ -1937,7 +1937,7 @@ const fakeRow = (table, rowIndex) => ({
   id: "loading" + rowIndex
 });
 
-var addon = Skeleton.recipeRuntime({base:'_1rmni24',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = Skeleton.recipeRuntime({base:'l2g92q',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
   label: size,
@@ -2022,7 +2022,8 @@ const IconCalendar = Skeleton.withIcon(
   )
 );
 
-var picker = Skeleton.recipeRuntime({base:'_13hrj79'});
+var input$2 = Skeleton.recipeRuntime({base:'_18ijq1u'});
+var picker = Skeleton.recipeRuntime({base:'szk90l'});
 
 const DateInput = React.forwardRef(
   ({
@@ -2066,6 +2067,7 @@ const DateInput = React.forwardRef(
               ...picker()
             }
           ),
+          asChild: true,
           disabled,
           max,
           min,
@@ -2087,7 +2089,8 @@ const DateInput = React.forwardRef(
           ref,
           step,
           type,
-          ...props
+          ...props,
+          children: /* @__PURE__ */ jsxRuntime.jsx("input", { ...input$2() })
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2196,7 +2199,7 @@ function DatePicker({
 }
 DatePicker.displayName = "@optiaxiom/react/DatePicker";
 
-var panels$1 = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1kd0p0i']});
+var panels$1 = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1vvuzt9']});
 
 const DatePickerContent = React.forwardRef(
   ({
@@ -2413,7 +2416,7 @@ const DateRangePickerTrigger = React.forwardRef(
 );
 DateRangePickerTrigger.displayName = "@optiaxiom/react/DateRangePickerTrigger";
 
-var mark = Skeleton.recipeRuntime({base:'_1ax1tiy'});
+var mark = Skeleton.recipeRuntime({base:'_1fh7x0c'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -2445,8 +2448,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = Skeleton.recipeRuntime({base:'_103pbru',variants:{empty:{false:{},true:'_9erttx'}}});
-var input$1 = Skeleton.recipeRuntime({base:'i5srvh'});
+var editor = Skeleton.recipeRuntime({base:'ezggdp',variants:{empty:{false:{},true:'_147zglj'}}});
+var input$1 = Skeleton.recipeRuntime({base:'_14amwrt'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -2527,7 +2530,7 @@ function getText(element) {
   return text;
 }
 
-var button = Skeleton.recipeRuntime({base:[{justifyContent:'space-between'},'_1i8b5f6']});
+var button = Skeleton.recipeRuntime({base:[{justifyContent:'space-between'},'_165z7ma']});
 var content = Skeleton.recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
 var label = Skeleton.recipeRuntime({base:[{color:'fg.secondary',cursor:'pointer',maxW:'full',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
 
@@ -2558,7 +2561,7 @@ const LabelMenuButton = React.forwardRef(
 );
 LabelMenuButton.displayName = "@optiaxiom/react/LabelMenuButton";
 
-var layout = Skeleton.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1bkm6bv']});
+var layout = Skeleton.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1y6bhal']});
 
 const Layout = React.forwardRef(
   ({ children, className, header, sidebar, ...props }, ref) => {
@@ -2746,7 +2749,7 @@ const MenuDialogContent = React.forwardRef(
 );
 MenuDialogContent.displayName = "@optiaxiom/react/MenuDialogContent";
 
-var input = Skeleton.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_9zd1ku']}}});
+var input = Skeleton.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_15n1uf2']}}});
 
 const MenuInput = React.forwardRef(
   ({ className, ...props }, outerRef) => {
@@ -3116,7 +3119,7 @@ const MenuTrigger = React.forwardRef(
 );
 MenuTrigger.displayName = "@optiaxiom/react/MenuTrigger";
 
-var pill = Skeleton.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_1hj6b35'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = Skeleton.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'tol3up'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -3188,6 +3191,7 @@ exports.CommandListbox = CommandListbox;
 exports.DataTable = DataTable;
 exports.DataTableBody = DataTableBody;
 exports.DataTableFooter = DataTableFooter;
+exports.DataTableHeaderCell = DataTableHeaderCell;
 exports.DateInput = DateInput;
 exports.DatePicker = DatePicker;
 exports.DatePickerContent = DatePickerContent;

package/dist/esm/assets/src/actions/ActionsContent.css.ts.vanilla-CqKMfhS1.css

@@ -0,0 +1,22 @@
+@layer optiaxiom._1y6jejb;
+@layer optiaxiom._1y6jejb {
+  ._155bz3c {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  ._1muuout:not(:has(._1muuout)):focus-within ._155bz3c, ._155bz3c:has(:checked, [data-state=open]) {
+    opacity: 1;
+    transition: none;
+  }
+  ._9p9pyh {
+    opacity: 0;
+  }
+  ._1w2xxnm {
+    opacity: 1;
+  }
+  @media (hover: hover) {
+    ._1muuout:not(:has(._1muuout)):hover ._155bz3c {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

package/dist/esm/assets/src/alert/Alert.css.ts.vanilla-H_D2eMbo.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1y6jejb;
+@layer optiaxiom._1y6jejb {
+  .viz4sx {
+    min-height: var(--ax-size-sm);
+  }
+}

package/dist/esm/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BakT7sx5.css

@@ -0,0 +1,27 @@
+@layer optiaxiom._1y6jejb;
+@layer optiaxiom._1y6jejb {
+  ._15crdj6 {
+    opacity: 0;
+  }
+  ._1v2qssy {
+    inset: 0;
+    position: fixed;
+  }
+  .in66eq {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--x7oqhw)))
+      scale(calc(1 - 0.06 * var(--x7oqhw)))
+    ;
+  }
+  .q8weu9 {
+    width: 400px;
+  }
+  .cb1gio {
+    width: 600px;
+  }
+  ._101ryy0 {
+    width: 800px;
+  }
+}

package/dist/esm/assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-CeHGV9aR.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1y6jejb;
+@layer optiaxiom._1y6jejb {
+  .opzudk {
+    border-top: 1px solid var(--ax-colors-border-secondary);
+  }
+}

package/dist/esm/assets/src/avatar/{Avatar.css.ts.vanilla-C7OxSp25.css → Avatar.css.ts.vanilla-DxrBSYDj.css}

@@ -1,51 +1,51 @@
-@layer optiaxiom._4afdq5;
-@layer optiaxiom._4afdq5 {
-  ._91b0sw {
+@layer optiaxiom._1y6jejb;
+@layer optiaxiom._1y6jejb {
+  ._1tyxdvy {
     user-select: none;
   }
-  ._1a8xkwx ._91b0sw {
+  ._1mfs6tx ._1tyxdvy {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  ._1ygo9iz {
+  ._1kf5obh {
     font-size: 8px;
   }
-  ._1a8xkwx ._1ygo9iz:not(:first-child) {
+  ._1mfs6tx ._1kf5obh:not(:first-child) {
     margin-left: -1px;
   }
-  ._1lslq1q {
+  .hjd31x {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1a8xkwx ._1lslq1q:not(:first-child) {
+  ._1mfs6tx .hjd31x:not(:first-child) {
     margin-left: -3px;
   }
-  .o606yv {
+  .s6mype {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1a8xkwx .o606yv:not(:first-child) {
+  ._1mfs6tx .s6mype:not(:first-child) {
     margin-left: -5px;
   }
-  ._77eaw9 {
+  ._1j2bgfz {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  ._1a8xkwx ._77eaw9:not(:first-child) {
+  ._1mfs6tx ._1j2bgfz:not(:first-child) {
     margin-left: -7px;
   }
-  ._1wwu4h {
+  .ny716y {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  ._1a8xkwx ._1wwu4h:not(:first-child) {
+  ._1mfs6tx .ny716y:not(:first-child) {
     margin-left: -9px;
   }
-  ._1rblv9g {
+  ._1mbexzo {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  ._1a8xkwx ._1rblv9g:not(:first-child) {
+  ._1mfs6tx ._1mbexzo:not(:first-child) {
     margin-left: -11px;
   }
-  ._1dhkslo {
+  ._16q5uad {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  ._1a8xkwx ._1dhkslo:not(:first-child) {
+  ._1mfs6tx ._16q5uad:not(:first-child) {
     margin-left: -13px;
   }
 }

package/dist/esm/assets/src/avatar/AvatarGroup.css.ts.vanilla-CCtVe90o.css

@@ -0,0 +1,4 @@
+@layer optiaxiom._1y6jejb;
+@layer optiaxiom._1y6jejb {
+
+}

package/dist/esm/assets/src/backdrop/{Backdrop.css.ts.vanilla-DbkaRi_T.css → Backdrop.css.ts.vanilla-DcYrZKqo.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._4afdq5;
-@layer optiaxiom._4afdq5 {
-  .vtp149 {
+@layer optiaxiom._1y6jejb;
+@layer optiaxiom._1y6jejb {
+  ._5ml0ot {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

package/dist/esm/assets/src/badge/Badge.css.ts.vanilla-B8D-HF4B.css

@@ -0,0 +1,46 @@
+@layer optiaxiom._1y6jejb;
+@layer optiaxiom._1y6jejb {
+  .fpmdye {
+    --e4lrwq: var(--ax-colors-fg-white);
+  }
+  .rkb69e {
+    --stoqu2: var(--ax-colors-bg-error);
+    --_4knm3g: var(--ax-colors-bg-error-subtle);
+    --_151hhsx: var(--ax-colors-fg-error-strong);
+  }
+  ._1pkxsnd {
+    --stoqu2: var(--ax-colors-bg-information);
+    --_4knm3g: var(--ax-colors-bg-information-subtle);
+    --_151hhsx: var(--ax-colors-fg-information-strong);
+  }
+  ._10jxfyc {
+    --stoqu2: var(--ax-colors-bg-tertiary);
+    --e4lrwq: var(--ax-colors-fg-default);
+    --_4knm3g: var(--ax-colors-bg-secondary);
+    --_151hhsx: var(--ax-colors-fg-secondary);
+  }
+  .z7dgrm {
+    --stoqu2: var(--ax-colors-bg-accent);
+    --_4knm3g: var(--ax-colors-bg-accent-subtle);
+    --_151hhsx: var(--ax-colors-fg-accent-strong);
+  }
+  ._39fkm3 {
+    --stoqu2: var(--ax-colors-bg-success);
+    --_4knm3g: var(--ax-colors-bg-success-subtle);
+    --_151hhsx: var(--ax-colors-fg-success-strong);
+  }
+  ._18fvatm {
+    --stoqu2: var(--ax-colors-bg-warning);
+    --e4lrwq: var(--ax-colors-fg-warning-inverse);
+    --_4knm3g: var(--ax-colors-bg-warning-subtle);
+    --_151hhsx: var(--ax-colors-fg-warning-strong);
+  }
+  .z4m2jg {
+    background-color: var(--stoqu2);
+    color: var(--e4lrwq);
+  }
+  ._18efg7n {
+    background-color: var(--_4knm3g);
+    color: var(--_151hhsx);
+  }
+}

package/dist/esm/assets/src/banner/Banner.css.ts.vanilla-BPijpKTb.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1y6jejb;
+@layer optiaxiom._1y6jejb {
+  ._4qy3zx {
+    min-height: var(--ax-size-sm);
+  }
+}