@optiaxiom/react 0.13.10 → 0.13.11

package/dist/cjs/unstable.js

@@ -3,84 +3,85 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var Skeleton = require('./Skeleton-oWZnWUEm.js');
-require('./assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css');
-require('./assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DOKuvEBs.css');
-require('./assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-XBamgUSz.css');
+var Skeleton = require('./Skeleton-CZgaFkoI.js');
+require('./assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css');
+require('./assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-CwhG2nDf.css');
+require('./assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-2VyWE4wt.css');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var reactDayPicker = require('react-day-picker');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CB5HoQeP.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-Bvz5Q-kg.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-B86qYOMI.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-3nZKQGjz.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-B4auCEXz.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-ljRynESV.css');
 var reactId = require('@radix-ui/react-id');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/cover/Cover.css.ts.vanilla-CunyJODS.css');
-require('./assets/src/link/Link.css.ts.vanilla-CsQFSuFh.css');
-require('./assets/src/card/Card.css.ts.vanilla-C8sGDIQG.css');
-require('./assets/src/actions-content/ActionsContent.css.ts.vanilla-DgKELcJ6.css');
-require('./assets/src/card-overflow/CardOverflow.css.ts.vanilla-CpoNfdkk.css');
-require('./assets/src/card-actions/CardActions.css.ts.vanilla-Btb-kwiL.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-BiP4aP7J.css');
+require('./assets/src/link/Link.css.ts.vanilla-BN5b6lYM.css');
+require('./assets/src/card/Card.css.ts.vanilla-CVCjYFuZ.css');
+require('./assets/src/actions-content/ActionsContent.css.ts.vanilla-SnF9m67G.css');
+require('./assets/src/card-overflow/CardOverflow.css.ts.vanilla-BF9OzXd6.css');
+require('./assets/src/card-actions/CardActions.css.ts.vanilla-C2fE1EcC.css');
 var reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 var clsx = require('clsx');
-require('./assets/src/card-image/CardImage.css.ts.vanilla-pD5z7eC7.css');
+require('./assets/src/card-image/CardImage.css.ts.vanilla-FW_DvLEe.css');
 var RadixDialog = require('@radix-ui/react-dialog');
-require('./assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-DyKx4j0m.css');
+require('./assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-C1O1RVDt.css');
 var downshift = require('downshift');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var reactVirtual = require('@tanstack/react-virtual');
 var reactTable = require('@tanstack/react-table');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DoZg5P7G.css');
-require('./assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-D2xsj1oJ.css');
-require('./assets/src/table/Table.css.ts.vanilla-BIwgmrdI.css');
-require('./assets/src/table-body/TableBody.css.ts.vanilla-D1mp5qBp.css');
-require('./assets/src/table-row/TableRow.css.ts.vanilla-B-rdxkhY.css');
-require('./assets/src/table-cell/TableCell.css.ts.vanilla-DNhkb8MD.css');
-require('./assets/src/data-table-body/DataTableBody.css.ts.vanilla-DLHleMzh.css');
+require('./assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DOmKRkLb.css');
+require('./assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-CYNVfLex.css');
+require('./assets/src/table/Table.css.ts.vanilla-DYLvPFMB.css');
+require('./assets/src/table-body/TableBody.css.ts.vanilla-vm0l17-k.css');
+require('./assets/src/table-row/TableRow.css.ts.vanilla-D-0hyctR.css');
+require('./assets/src/table-cell/TableCell.css.ts.vanilla-gSB5EdI2.css');
+require('./assets/src/data-table-body/DataTableBody.css.ts.vanilla-D5mjQ_wI.css');
 var reactPopper = require('@radix-ui/react-popper');
 var reactPortal = require('@radix-ui/react-portal');
-require('./assets/src/select-content/SelectContent.css.ts.vanilla-cqFizGJU.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-C4Ty_o6t.css');
-require('./assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-C3aITHZQ.css');
-require('./assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-Bk6BLBoH.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-CwU-Uq9J.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-CLdzanWf.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-DeWpUjfT.css');
-require('./assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-DEbneJCv.css');
-require('./assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-DYrdJeiR.css');
-require('./assets/src/badge/Badge.css.ts.vanilla-CUH2ymZo.css');
-require('./assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-DTw5Czts.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CBgp_LAH.css');
-require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-5HypoJhx.css');
+require('./assets/src/select-content/SelectContent.css.ts.vanilla-RxyUX-cq.css');
+require('./assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-Dttxxg5e.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-Dlo5a245.css');
+require('./assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-YfVYW-E6.css');
+require('./assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-Dc69aJse.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-CdujAl4B.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-B_9yL0of.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-CYlJfo00.css');
+require('./assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-BalhOkjF.css');
+require('./assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-B6XBrp63.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-BxorUPCC.css');
+require('./assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-BBtDA3ZF.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CQQt3kyz.css');
+require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-DiEKBpt2.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-X8q-Pn52.css');
-require('./assets/src/input-control/InputControl.css.ts.vanilla-DTNzojK5.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.css');
-require('./assets/src/input-root/InputRoot.css.ts.vanilla-DNj2ihOQ.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-U_Y3IUkP.css');
-require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-ClQYz4Ri.css');
-require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-C8XXuceg.css');
-require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-CSg4Jq1V.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-DqHQ83UZ.css');
+require('./assets/src/input-control/InputControl.css.ts.vanilla-D8WPSee8.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css');
+require('./assets/src/input-root/InputRoot.css.ts.vanilla-Ip1MWEbm.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-VrDa4liD.css');
+require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-Mm44i0L9.css');
+require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-CCq3lJxj.css');
+require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-C8duxcS_.css');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('react-remove-scroll');
 require('@optiaxiom/globals');
 require('@radix-ui/react-tooltip');
-require('./assets/src/text/Text.css.ts.vanilla-CXrNxUYG.css');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-4DiUrtrm.css');
+require('./assets/src/text/Text.css.ts.vanilla-NvXH3Ems.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-fWS7exyc.css');
 require('@radix-ui/react-popover');
-require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BC0xYK_b.css');
-require('./assets/src/button-base/ButtonBase.css.ts.vanilla-DvsBxdbB.css');
-require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-Cb-UCbi0.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-DWyrqENr.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-DKgqGFNU.css');
+require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-DNb4kgA3.css');
+require('./assets/src/button-base/ButtonBase.css.ts.vanilla-Bxbzd_T5.css');
+require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BL6x-gCI.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-BD6gnyKv.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-BBLRChdl.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-BLFjWf4u.css');
-require('./assets/src/box/Box.css.ts.vanilla-vCHQXWN6.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-B8JlgVn2.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-Hns0MSgX.css');
+require('./assets/src/box/Box.css.ts.vanilla-C7rkoeOD.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-9ZEESQeP.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -232,7 +233,7 @@ function BreadcrumbEllipsis({ ...props }) {
 }
 BreadcrumbEllipsis.displayName = "@optiaxiom/react/BreadcrumbEllipsis";
 
-var item$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_9u2vh0']});
+var item$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'cuvsvc']});
 
 const BreadcrumbItem = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -242,7 +243,7 @@ const BreadcrumbItem = React.forwardRef(
 );
 BreadcrumbItem.displayName = "@optiaxiom/react/BreadcrumbItem";
 
-var link = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_9lujbl']});
+var link = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'dxwiig']});
 
 const BreadcrumbLink = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Link, { ...link({}, className), ref, ...props });
@@ -284,8 +285,8 @@ function CalendarDay({ children, ...props }) {
 }
 CalendarDay.displayName = "@optiaxiom/react/CalendarDay";
 
-var button$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',mt:'8',size:'md',transition:'colors'},'_2r6cgd'],variants:{appearance:{'default':'_1w8e555',holiday:[{color:'fg.error'},'_189mmny'],range_middle:'hbvzv7',selected:[{color:'fg.white'},'n36zbx'],weekend:{color:'fg.tertiary'}},range:{end:['_18gppw9'],middle:['_1gziz6d'],start:['_6utye']}}});
-var today = Skeleton.recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_115eq4g']});
+var button$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',mt:'8',size:'md',transition:'colors'},'_5gtzhw'],variants:{appearance:{'default':'le7apf',holiday:[{color:'fg.error'},'yjhl1d'],range_middle:'_1l64pgv',selected:[{color:'fg.white'},'n76jy2'],weekend:{color:'fg.tertiary'}},range:{end:['w2qosd'],middle:['_1it32y0'],start:['_1cxr42f']}}});
+var today = Skeleton.recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'u1qhov']});
 
 function CalendarDayButton({
   children,
@@ -350,14 +351,14 @@ function CalendarMonthGrid({
 }
 CalendarMonthGrid.displayName = "@optiaxiom/react/CalendarMonthGrid";
 
-var months = Skeleton.recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1yqm9pb']});
+var months = Skeleton.recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'ezlfu3']});
 
 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'},'jsqo78']});
+var nav = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_1ik9jtd']});
 
 function CalendarNav({ children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx(reactDayPicker.Nav, { ...props, children }) });
@@ -452,7 +453,7 @@ const Calendar = React.forwardRef(
 );
 Calendar.displayName = "@optiaxiom/react/Calendar";
 
-var root = Skeleton.recipeRuntime({base:'zbqiu6'});
+var root = Skeleton.recipeRuntime({base:'bbmj3v'});
 
 const ActionsRoot = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -463,7 +464,7 @@ ActionsRoot.displayName = "@optiaxiom/react/ActionsRoot";
 
 const [CardContextProvider, useCardContext] = reactContext.createContext("Card");
 
-var card = Skeleton.recipeRuntime({base:['_1ulc43q',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1agae3c']});
+var card = Skeleton.recipeRuntime({base:['budzzj',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'dj6a3n']});
 
 const mapOrientationToFlexDirection = {
   horizontal: "row",
@@ -495,7 +496,7 @@ const Card = React.forwardRef(
 );
 Card.displayName = "@optiaxiom/react/Card";
 
-var content$2 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'_1t4p8ny'],variants:{visible:{false:'zzed0w',true:'_9thjmb'}}});
+var content$2 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'k7is55'],variants:{visible:{false:'_1wtoxkx',true:'_1gys6js'}}});
 
 const ActionsContent = React.forwardRef(
   ({ children, className, visible = false, ...props }, ref) => {
@@ -504,7 +505,7 @@ const ActionsContent = React.forwardRef(
 );
 ActionsContent.displayName = "@optiaxiom/react/ActionsContent";
 
-var actions = Skeleton.recipeRuntime({base:['_1inxagk']});
+var actions = Skeleton.recipeRuntime({base:['vc1z3r']});
 
 const CardActions = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -574,7 +575,7 @@ const CardDescription = React.forwardRef(({ children, ...props }, ref) => {
 });
 CardDescription.displayName = "@optiaxiom/react/CardDescription";
 
-var cardImage = Skeleton.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1vpquji'],variants:{orientation:{horizontal:[{w:'auto'},'_13zvnd'],vertical:[{w:'full'},'_6xpc3d']}}});
+var cardImage = Skeleton.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1qoib4g'],variants:{orientation:{horizontal:[{w:'auto'},'_1bj8eyr'],vertical:[{w:'full'},'_7qq1i8']}}});
 
 const CardImage = React.forwardRef(
   ({ alt = "", asChild, children, className, src, ...props }, ref) => {
@@ -600,7 +601,7 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var cardOverflow = Skeleton.recipeRuntime({base:['_831rnv',{alignSelf:'stretch'},'_1j15wyw'],variants:{orientation:{horizontal:['rvfwra'],vertical:['_5fh1p2']}}});
+var cardOverflow = Skeleton.recipeRuntime({base:['_11txnvd',{alignSelf:'stretch'},'wdm135'],variants:{orientation:{horizontal:['avz25d'],vertical:['ei3xso']}}});
 
 const CardOverflow = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -734,7 +735,7 @@ Combobox.displayName = "@optiaxiom/react/Combobox";
 
 const [CommandContextProvider, useCommandContext] = reactContext.createContext("Command");
 
-var item$2 = Skeleton.recipeRuntime({base:'_1spe7rc'});
+var item$2 = Skeleton.recipeRuntime({base:'_1i9d352'});
 
 const CommandFocusableItem = React.forwardRef(({ children, className, ...props }, ref) => {
   const { lastInteractionSource } = useCommandContext("CommandFocusableItem");
@@ -1296,17 +1297,17 @@ const IconSortUp = Skeleton.withIcon(
   )
 );
 
-var cell$2 = Skeleton.recipeRuntime({base:'hltwr6'});
-var content$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_10vpm0x']});
+var cell$2 = Skeleton.recipeRuntime({base:'ja9cjb'});
+var content$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'uef7wa']});
 
 const TableHeaderCell = React.forwardRef(
   ({ children, className, colSpan, p, px = "16", py = "12", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...cell$2({}, 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 button = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_105ntgs']});
-var handle = Skeleton.recipeRuntime({base:[{h:'full',z:'10'},'_1o9z4r5'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_149vja1'],variants:{active:{false:'_1yr03es',true:'_1ij04um'}}});
+var button = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'sh6bmb']});
+var handle = Skeleton.recipeRuntime({base:[{h:'full',z:'10'},'_5ehgcm'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'tf9jxk'],variants:{active:{false:'ac7ypt',true:'otr1y4'}}});
 
 const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, ref) => {
   const sortDir = header.column.getIsSorted();
@@ -1359,22 +1360,22 @@ const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, re
 });
 DataTableHeaderCell.displayName = "@optiaxiom/react/DataTableHeaderCell";
 
-var table$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'h9h8a3'],variants:{layout:{auto:['_1d3diq9'],fixed:[{display:'grid'},'_1o61o91']}}});
-var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_1pvs0fk']});
+var table$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'ff2b4y'],variants:{layout:{auto:['_1ufzore'],fixed:[{display:'grid'},'eoqvdb']}}});
+var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_38e3zo']});
 
 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 }) }) })
 );
 Table.displayName = "@optiaxiom/react/Table";
 
-var body = Skeleton.recipeRuntime({base:['wigfmd']});
+var body = Skeleton.recipeRuntime({base:['_140zbur']});
 
 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$1 = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_1conl7z']});
+var cell$1 = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_71a7t5']});
 
 const TableCell = React.forwardRef(
   ({ children, className, colSpan, ...props }, ref) => {
@@ -1386,20 +1387,20 @@ 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 row = Skeleton.recipeRuntime({base:['_13b87xe',{transition:'colors',w:'full'},'_1fwrsru']});
+var row = Skeleton.recipeRuntime({base:['_12hy4g5',{transition:'colors',w:'full'},'s259mn']});
 
 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'},'_13bqm2w'],variants:{pinned:{left:'fg8jqi',right:'_14dcjhs'},pinnedType:{body:'eel9zk',header:{}}}});
-var cellOffsetVar = 'var(--ht96u1)';
-var cellSizeVar = 'var(--_1f4yda4)';
-var header = Skeleton.recipeRuntime({base:[{display:'grid'},'_1ds9fhg']});
-var leftTotalSizeVar = 'var(--bdmzhs)';
-var rightTotalSizeVar = 'var(--nuu3ay)';
-var table = Skeleton.recipeRuntime({base:'_1boymzc',variants:{pinned:{both:'hrr47g',left:'z96q0j',none:{},right:'_1z0hpty'}}});
+var cell = Skeleton.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1pa1nv5'],variants:{pinned:{left:'gsr9xl',right:'_9x3h9k'},pinnedType:{body:'bifv5g',header:{}}}});
+var cellOffsetVar = 'var(--dkj37b)';
+var cellSizeVar = 'var(--_15fra1p)';
+var header = Skeleton.recipeRuntime({base:[{display:'grid'},'_1k633cr']});
+var leftTotalSizeVar = 'var(--_1h96vcy)';
+var rightTotalSizeVar = 'var(--_1uy7uiq)';
+var table = Skeleton.recipeRuntime({base:'_1q2re9c',variants:{pinned:{both:'y7ie3u',left:'ew089x',none:{},right:'_1besteb'}}});
 
 const COL_VIRTUALIZATION_THRESHOLD = 20;
 const ROW_VIRTUALIZATION_THRESHOLD = 20;
@@ -1645,7 +1646,7 @@ function Select({
 }
 Select.displayName = "@optiaxiom/react/Select";
 
-var content = Skeleton.recipeRuntime({base:['sxs7ri']});
+var content = Skeleton.recipeRuntime({base:['_1uwhvka']});
 
 const SelectContent = React.forwardRef(
   ({
@@ -1756,6 +1757,8 @@ const SelectTrigger = React.forwardRef(
 );
 SelectTrigger.displayName = "@optiaxiom/react/SelectTrigger";
 
+var addon = Skeleton.recipeRuntime({base:'_1nefg2t',variants:{position:{end:{textAlign:'end'},start:{}}}});
+
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"];
 const DataTableFooter = React.forwardRef(
   ({ pageSizeOptions = DEFAULT_PAGE_SIZES, showPageSizeOptions, ...props }, ref) => {
@@ -1772,7 +1775,7 @@ const DataTableFooter = React.forwardRef(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { flexDirection: "row", gap: "8", children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ...addon({ position: "start" }), children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { flexDirection: "row", gap: "8", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Text, { color: "fg.secondary", id: pageSizeId, children: "Page Size" }),
             /* @__PURE__ */ jsxRuntime.jsxs(
               Select,
@@ -1801,7 +1804,7 @@ const DataTableFooter = React.forwardRef(
               total: table.getPageCount()
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Text, { children: table.getRowCount() > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Text, { ...addon({ position: "end" }), children: table.getRowCount() > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             pagination.pageIndex * pagination.pageSize + 1,
             " -",
             " ",
@@ -1835,7 +1838,7 @@ const IconCalendar = Skeleton.withIcon(
   )
 );
 
-var picker = Skeleton.recipeRuntime({base:'_2npfnv'});
+var picker = Skeleton.recipeRuntime({base:'iyw311'});
 
 function format(date) {
   return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())).toISOString().split("T")[0];
@@ -1977,7 +1980,7 @@ function DatePicker({
 }
 DatePicker.displayName = "@optiaxiom/react/DatePicker";
 
-var panels$1 = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_10gr4a6']});
+var panels$1 = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1u0lmee']});
 
 const DatePickerContent = React.forwardRef(
   ({
@@ -2082,7 +2085,7 @@ function DateRangePicker({
 }
 DateRangePicker.displayName = "@optiaxiom/react/DateRangePicker";
 
-var panels = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_10t2ac6']});
+var panels = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_13xej1g']});
 
 const DateRangePickerContent = React.forwardRef(
   ({
@@ -2161,7 +2164,7 @@ const DateRangePickerTrigger = React.forwardRef(
 );
 DateRangePickerTrigger.displayName = "@optiaxiom/react/DateRangePickerTrigger";
 
-var mark = Skeleton.recipeRuntime({base:'ug42nu'});
+var mark = Skeleton.recipeRuntime({base:'_1ld953i'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -2193,8 +2196,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = Skeleton.recipeRuntime({base:'_1d1b4q8',variants:{empty:{false:{},true:'_15w8hxv'}}});
-var input$1 = Skeleton.recipeRuntime({base:'_1ej2chk'});
+var editor = Skeleton.recipeRuntime({base:'y59arp',variants:{empty:{false:{},true:'_6wlgvt'}}});
+var input$1 = Skeleton.recipeRuntime({base:'sk400a'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -2296,7 +2299,7 @@ const Layout = React.forwardRef(
 );
 Layout.displayName = "@optiaxiom/react/Layout";
 
-var pill = Skeleton.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_14p94x2'],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'},'drpk6t'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Pill = React.forwardRef(
   ({ asChild, children, className, disabled, size = "sm", ...props }, ref) => {
@@ -2463,7 +2466,7 @@ const SpotlightEmpty = React.forwardRef(
 );
 SpotlightEmpty.displayName = "@optiaxiom/react/SpotlightEmpty";
 
-var input = Skeleton.recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'w085we']});
+var input = Skeleton.recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1a41pq']});
 
 const SpotlightInput = React.forwardRef(
   ({ addonAfter, className, ...props }, ref) => {
@@ -2520,7 +2523,7 @@ const SpotlightLabel = React.forwardRef(
 );
 SpotlightLabel.displayName = "@optiaxiom/react/SpotlightLabel";
 
-var item$1 = Skeleton.recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'f2lkmf']});
+var item$1 = Skeleton.recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_8hc6ru']});
 
 const SpotlightRadioItem = React.forwardRef(({ addonAfter, children, className, description, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(SpotlightItem, { asChild: true, ref, ...item$1({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2617,7 +2620,7 @@ const CommandSubItem = React.forwardRef(
 );
 CommandSubItem.displayName = "@optiaxiom/react/CommandSubItem";
 
-var item = Skeleton.recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_1k47zb9',true:'_1cs1v8n'}}});
+var item = Skeleton.recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_5b2be0',true:'_174sjq3'}}});
 
 const SpotlightSubItem = React.forwardRef(({ children, className, selected, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2642,19 +2645,10 @@ const SpotlightSubItem = React.forwardRef(({ children, className, selected, ...p
 SpotlightSubItem.displayName = "@optiaxiom/react/SpotlightSubItem";
 
 const DEFAULT_HOTKEY = "mod+K";
-const SpotlightTrigger = React.forwardRef(({ addonAfter, children, hotkey = DEFAULT_HOTKEY, ...props }, ref) => {
+const SpotlightTrigger = React.forwardRef(({ children, hotkey = DEFAULT_HOTKEY, ...props }, ref) => {
   const { open, setOpen } = useSpotlightContext("SpotlightTrigger");
   useHotkeys([[hotkey, () => setOpen(!open)]]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Skeleton.DialogTrigger,
-    {
-      addonAfter,
-      icon: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.IconMagnifyingGlass, {}),
-      ref,
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { color: "fg.tertiary", children })
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.DialogTrigger, { icon: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.IconMagnifyingGlass, {}), ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { color: "fg.tertiary", children }) });
 });
 SpotlightTrigger.displayName = "@optiaxiom/react/SpotlightTrigger";
 

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

@@ -0,0 +1,22 @@
+@layer optiaxiom._11nrm4e;
+@layer optiaxiom._11nrm4e {
+  .k7is55 {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  .bbmj3v:not(:has(.bbmj3v)):focus-within .k7is55, .k7is55:has(:checked, [data-state=open]) {
+    opacity: 1;
+    transition: none;
+  }
+  ._1wtoxkx {
+    opacity: 0;
+  }
+  ._1gys6js {
+    opacity: 1;
+  }
+  @media (hover: hover) {
+    .bbmj3v:not(:has(.bbmj3v)):hover .k7is55 {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

package/dist/esm/assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css

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

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

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

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

@@ -0,0 +1,27 @@
+@layer optiaxiom._11nrm4e;
+@layer optiaxiom._11nrm4e {
+  .qry0mt {
+    opacity: 0;
+  }
+  ._2hopso {
+    inset: 0;
+    position: fixed;
+  }
+  ._79xjf3 {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--_1osemzu)))
+      scale(calc(1 - 0.06 * var(--_1osemzu)))
+    ;
+  }
+  .gbbqoc {
+    width: 400px;
+  }
+  .yz251w {
+    width: 600px;
+  }
+  ._1wn58dr {
+    width: 800px;
+  }
+}

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

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

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

@@ -1,51 +1,51 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  ._195y8mi {
+@layer optiaxiom._11nrm4e;
+@layer optiaxiom._11nrm4e {
+  ._1op8w8w {
     user-select: none;
   }
-  ._1yxr38 ._195y8mi {
+  .koh6ad ._1op8w8w {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  .t0577z {
+  .jbvxl1 {
     font-size: 8px;
   }
-  ._1yxr38 .t0577z:not(:first-child) {
+  .koh6ad .jbvxl1:not(:first-child) {
     margin-left: -1px;
   }
-  .lpj3qk {
+  .dng28v {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1yxr38 .lpj3qk:not(:first-child) {
+  .koh6ad .dng28v:not(:first-child) {
     margin-left: -3px;
   }
-  ._1s4yjj1 {
+  ._1m6iz4y {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1yxr38 ._1s4yjj1:not(:first-child) {
+  .koh6ad ._1m6iz4y:not(:first-child) {
     margin-left: -5px;
   }
-  .huhxcy {
+  .y62o4i {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  ._1yxr38 .huhxcy:not(:first-child) {
+  .koh6ad .y62o4i:not(:first-child) {
     margin-left: -7px;
   }
-  .t6d3ow {
+  ._5265zc {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  ._1yxr38 .t6d3ow:not(:first-child) {
+  .koh6ad ._5265zc:not(:first-child) {
     margin-left: -9px;
   }
-  .fns9qs {
+  .qvcrmw {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  ._1yxr38 .fns9qs:not(:first-child) {
+  .koh6ad .qvcrmw:not(:first-child) {
     margin-left: -11px;
   }
-  ._1jhefb7 {
+  ._1r3i776 {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  ._1yxr38 ._1jhefb7:not(:first-child) {
+  .koh6ad ._1r3i776:not(:first-child) {
     margin-left: -13px;
   }
 }

package/dist/{cjs/assets/src/backdrop/Backdrop.css.ts.vanilla-CBgp_LAH.css → esm/assets/src/backdrop/Backdrop.css.ts.vanilla-CQQt3kyz.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  ._159re6z {
+@layer optiaxiom._11nrm4e;
+@layer optiaxiom._11nrm4e {
+  .o70lno {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;