@optiaxiom/react 1.0.3 → 1.1.0

package/dist/cjs/unstable.js

@@ -3,10 +3,10 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var Skeleton = require('./Skeleton-CPJVm2Ss.js');
-require('./assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css');
-require('./assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-CKeegiae.css');
-require('./assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-D0g-SbhU.css');
+var Skeleton = require('./Skeleton-C94CfpKC.js');
+require('./assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css');
+require('./assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-CzM03E0T.css');
+require('./assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-CW9oXG7L.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var reactDayPicker = require('react-day-picker');
@@ -14,75 +14,75 @@ var reactPopper = require('@radix-ui/react-popper');
 var downshift = require('downshift');
 var reactContext = require('@radix-ui/react-context');
 var reactPortal = require('@radix-ui/react-portal');
-require('./assets/src/select-content/SelectContent.css.ts.vanilla-DG6eCtjF.css');
+require('./assets/src/select-content/SelectContent.css.ts.vanilla-CUPJPb-Q.css');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-b4S0bozI.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BSMIxZr7.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-DNgDmHQz.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CDGpnEQo.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-Dg0B9pk6.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-DEA4bVgm.css');
 var reactId = require('@radix-ui/react-id');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-5weXmjJ7.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-2WyhKF__.css');
-require('./assets/src/link/Link.css.ts.vanilla-B7Ubxpmv.css');
-require('./assets/src/card/Card.css.ts.vanilla-CEvWY43O.css');
-require('./assets/src/actions-content/ActionsContent.css.ts.vanilla-CA5T1ci3.css');
-require('./assets/src/card-overflow/CardOverflow.css.ts.vanilla-fRKjpbqF.css');
-require('./assets/src/card-action/CardAction.css.ts.vanilla-DZJLp_d6.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-CJW_goYk.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-BillaUi-.css');
+require('./assets/src/link/Link.css.ts.vanilla-ByffnwI1.css');
+require('./assets/src/card/Card.css.ts.vanilla-DufBvLZH.css');
+require('./assets/src/actions-content/ActionsContent.css.ts.vanilla-v-rhY2uH.css');
+require('./assets/src/card-overflow/CardOverflow.css.ts.vanilla-BpmRlr0X.css');
+require('./assets/src/card-action/CardAction.css.ts.vanilla-D4i-Q7fB.css');
 var reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 var clsx = require('clsx');
-require('./assets/src/card-image/CardImage.css.ts.vanilla-DyXsUGQN.css');
+require('./assets/src/card-image/CardImage.css.ts.vanilla-CCN9Akc4.css');
 var RadixDialog = require('@radix-ui/react-dialog');
-require('./assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-COhGgawe.css');
+require('./assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-DozsjqdV.css');
 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-BA2UHgjZ.css');
-require('./assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-4Ki8cozo.css');
-require('./assets/src/table/Table.css.ts.vanilla-CpRGDMDN.css');
-require('./assets/src/table-body/TableBody.css.ts.vanilla-CAXFA-2C.css');
-require('./assets/src/table-row/TableRow.css.ts.vanilla-B1YWGfFN.css');
-require('./assets/src/table-cell/TableCell.css.ts.vanilla-BftHpLE1.css');
-require('./assets/src/data-table-body/DataTableBody.css.ts.vanilla-NehT-bUe.css');
-require('./assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-BBV3D3MS.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-iSIgi9uS.css');
-require('./assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-obBMUM8-.css');
-require('./assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-CW_fG4pc.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-CJPCQckm.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla--SgFZPFK.css');
-require('./assets/src/layout/Layouts.css.ts.vanilla-KTj0kQeR.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-CEBGgfpR.css');
-require('./assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-D1k1vkLA.css');
-require('./assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-B9B3hYqI.css');
-require('./assets/src/badge/Badge.css.ts.vanilla-CnNAuAF5.css');
-require('./assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-CCzEd24A.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-ziUyXpin.css');
-require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-Cu1TmZGG.css');
+require('./assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-8aFaM0Co.css');
+require('./assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-BnZgXHK7.css');
+require('./assets/src/table/Table.css.ts.vanilla-CtTF7IAL.css');
+require('./assets/src/table-body/TableBody.css.ts.vanilla-Dyv91Jmu.css');
+require('./assets/src/table-row/TableRow.css.ts.vanilla-C6FlfSZZ.css');
+require('./assets/src/table-cell/TableCell.css.ts.vanilla-BFYKlSW5.css');
+require('./assets/src/data-table-body/DataTableBody.css.ts.vanilla-DkCOv7cr.css');
+require('./assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-B7XSi-el.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-COGhbDU6.css');
+require('./assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-C1UbsQ3R.css');
+require('./assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-BsbkFgoB.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-Cu9rnljA.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-CcZ_-P5w.css');
+require('./assets/src/layout/Layouts.css.ts.vanilla-BrJZ9b48.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-BerLBPwr.css');
+require('./assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-BG50h7Fr.css');
+require('./assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-Cla2d-L6.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-gAONLzWs.css');
+require('./assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-DfwAJ8Wz.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DH-dqyss.css');
+require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-Bx03v-7N.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-CK7ilmRH.css');
-require('./assets/src/input-control/InputControl.css.ts.vanilla-BjLXAT_t.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-5weXmjJ7.css');
-require('./assets/src/input-root/InputRoot.css.ts.vanilla-Dzj_Gux4.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-5weXmjJ7.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-DQ4H7ykl.css');
-require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-_1F3C9Rj.css');
-require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-CkDCH_wt.css');
-require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-nGgdT1Xu.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-B4XqOfv3.css');
+require('./assets/src/input-control/InputControl.css.ts.vanilla-BO22HPl9.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-CJW_goYk.css');
+require('./assets/src/input-root/InputRoot.css.ts.vanilla-Cak7u8CN.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-CJW_goYk.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-DUlOrUqH.css');
+require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B1vhYFxv.css');
+require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-DLcEJJNX.css');
+require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-BH3StrZy.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-CS_BCRaJ.css');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-8t4DndA7.css');
+require('./assets/src/text/Text.css.ts.vanilla-DHt1LDgX.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-DbLUh50Y.css');
 require('@radix-ui/react-popover');
-require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-CNFumDy8.css');
-require('./assets/src/button-base/ButtonBase.css.ts.vanilla-DrQkyKY6.css');
-require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-C0KdnzNv.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-BqDTfUxp.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-BZVHMidV.css');
+require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-CtoX0bQr.css');
+require('./assets/src/button-base/ButtonBase.css.ts.vanilla-DB7Rlj5O.css');
+require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CBeN_0Yc.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-DatXx1Xy.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-_fzqKmJt.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-B1HErXb1.css');
-require('./assets/src/box/Box.css.ts.vanilla-CeerNWEh.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CoBgbbbC.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-kIkWJMG2.css');
+require('./assets/src/box/Box.css.ts.vanilla-Dh_7dI_N.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-B-wYTiAT.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -244,7 +244,7 @@ function BreadcrumbEllipsis({ ...props }) {
 }
 BreadcrumbEllipsis.displayName = "@optiaxiom/react/BreadcrumbEllipsis";
 
-var item$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1f86mql']});
+var item$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1s4zy74']});
 
 const BreadcrumbItem = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -254,7 +254,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'},'_1csj2r9']});
+var link = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_19mb0tw']});
 
 const BreadcrumbLink = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Link, { ...link({}, className), ref, ...props });
@@ -360,7 +360,7 @@ function Select({
 }
 Select.displayName = "@optiaxiom/react/Select";
 
-var content$2 = Skeleton.recipeRuntime({base:['_1v8c39f']});
+var content$2 = Skeleton.recipeRuntime({base:['_11mh0s6']});
 
 const SelectContent = React.forwardRef(
   ({
@@ -625,8 +625,8 @@ function CalendarDay({ children, ...props }) {
 }
 CalendarDay.displayName = "@optiaxiom/react/CalendarDay";
 
-var button$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1qpdyow'],variants:{appearance:{'default':'_1pyw366',holiday:[{color:'fg.error'},'_1y5wbvb'],range_middle:'_1lcvfzj',selected:[{color:'fg.white'},'_1sqcpe3'],weekend:[{color:'fg.tertiary'},'u41ecl']},range:{end:['_1e3fua0'],middle:['_1fjcw9m'],start:['amrc65']}}});
-var today = Skeleton.recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_13y86ts']});
+var button$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1vap8hj'],variants:{appearance:{'default':'giplgz',holiday:[{color:'fg.error'},'_176mstm'],range_middle:'_15hr68g',selected:[{color:'fg.white'},'_5rvt1o'],weekend:[{color:'fg.tertiary'},'_1fued4w']},range:{end:['fmdxiy'],middle:['s45iho'],start:['_1nokx2h']}}});
+var today = Skeleton.recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_7yypfb']});
 
 function CalendarDayButton({
   children,
@@ -691,14 +691,14 @@ function CalendarMonthGrid({
 }
 CalendarMonthGrid.displayName = "@optiaxiom/react/CalendarMonthGrid";
 
-var months = Skeleton.recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'zjnsb5']});
+var months = Skeleton.recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'nkx1a1']});
 
 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'},'_1ljd6m8']});
+var nav = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'onog7q']});
 
 function CalendarNav({ children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx(reactDayPicker.Nav, { ...props, children }) });
@@ -855,7 +855,7 @@ const Calendar = React.forwardRef(
 );
 Calendar.displayName = "@optiaxiom/react/Calendar";
 
-var root = Skeleton.recipeRuntime({base:'_15tjkjn'});
+var root = Skeleton.recipeRuntime({base:'_8e4v72'});
 
 const ActionsRoot = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -866,7 +866,7 @@ ActionsRoot.displayName = "@optiaxiom/react/ActionsRoot";
 
 const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
-var card = Skeleton.recipeRuntime({base:['_1x3bgue',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'ht0sif']});
+var card = Skeleton.recipeRuntime({base:['dwgynt',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1g79nyr']});
 
 const mapOrientationToFlexDirection = {
   horizontal: "row",
@@ -898,7 +898,7 @@ const Card = React.forwardRef(
 );
 Card.displayName = "@optiaxiom/react/Card";
 
-var content$1 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'_10qqj1q'],variants:{visible:{false:'_7tt5wy',true:'_1y2d3tw'}}});
+var content$1 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'nrfvuw'],variants:{visible:{false:'_2i8qyc',true:'_1dr91yd'}}});
 
 const ActionsContent = React.forwardRef(
   ({ children, className, visible = false, ...props }, ref) => {
@@ -907,7 +907,7 @@ const ActionsContent = React.forwardRef(
 );
 ActionsContent.displayName = "@optiaxiom/react/ActionsContent";
 
-var action = Skeleton.recipeRuntime({base:['c6cchr']});
+var action = Skeleton.recipeRuntime({base:['_1er1c2g']});
 
 const CardAction = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -977,7 +977,7 @@ const CardDescription = React.forwardRef(({ children, ...props }, ref) => {
 });
 CardDescription.displayName = "@optiaxiom/react/CardDescription";
 
-var cardImage = Skeleton.recipeRuntime({base:[{h:'full',rounded:'inherit'},'lz9x0t'],variants:{orientation:{horizontal:[{w:'auto'},'hor8ji'],vertical:[{w:'full'},'wtikoc']}}});
+var cardImage = Skeleton.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1plr2j9'],variants:{orientation:{horizontal:[{w:'auto'},'vn1esz'],vertical:[{w:'full'},'kotdbi']}}});
 
 const CardImage = React.forwardRef(
   ({ alt = "", asChild, children, className, src, ...props }, ref) => {
@@ -1003,7 +1003,7 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var cardOverflow = Skeleton.recipeRuntime({base:['txcsg6',{alignSelf:'stretch'},'z2o45x'],variants:{orientation:{horizontal:['fk6yx6'],vertical:['_1fnh3ts']}}});
+var cardOverflow = Skeleton.recipeRuntime({base:['_1etn66z',{alignSelf:'stretch'},'_6v7ldk'],variants:{orientation:{horizontal:['_5g053c'],vertical:['_1tzs4xu']}}});
 
 const CardOverflow = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1127,7 +1127,7 @@ Combobox.displayName = "@optiaxiom/react/Combobox";
 
 const [CommandProvider, useCommandContext] = reactContext.createContext("@optiaxiom/react/Command");
 
-var item$2 = Skeleton.recipeRuntime({base:'h03uup'});
+var item$2 = Skeleton.recipeRuntime({base:'_1qxaypg'});
 
 const CommandFocusableItem = React.forwardRef(({ children, className, ...props }, ref) => {
   const { lastInteractionSource } = useCommandContext(
@@ -1249,7 +1249,7 @@ function Command({
       }
     },
     onSelectedItemChange({ selectedItem: selectedItem2, type }) {
-      if (type !== downshift.useCombobox.stateChangeTypes.InputBlur) {
+      if (type !== downshift.useCombobox.stateChangeTypes.InputBlur && selectedItem2) {
         onItemSelect?.(selectedItem2);
       }
     },
@@ -1683,17 +1683,17 @@ const IconSortUp = Skeleton.withIcon(
   )
 );
 
-var cell$2 = Skeleton.recipeRuntime({base:'_1bgwqsl'});
-var content = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_1myo606']});
+var cell$2 = Skeleton.recipeRuntime({base:'_8l8mo8'});
+var content = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'vaoz1s']});
 
 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(), px: p ?? px, py: p ?? py, children }) }) })
 );
 TableHeaderCell.displayName = "@optiaxiom/react/TableHeaderCell";
 
-var button = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_14fta0m']});
-var handle = Skeleton.recipeRuntime({base:[{h:'full',z:'10'},'qt76u1'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1f6kwd5'],variants:{active:{false:'_1hmc7qr',true:'_4xt40z'}}});
+var button = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_1n20p99']});
+var handle = Skeleton.recipeRuntime({base:[{h:'full',z:'10'},'bad435'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'j2cnd9'],variants:{active:{false:'_1a5sce4',true:'dg1py2'}}});
 
 const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, ref) => {
   const sortDir = header.column.getIsSorted();
@@ -1746,22 +1746,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'},'_27zc9t'],variants:{layout:{auto:['_3mfpgt'],fixed:[{display:'grid'},'nc3mqp']}}});
-var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_112u1wq']});
+var table$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'q0holg'],variants:{layout:{auto:['_1ggsht7'],fixed:[{display:'grid'},'_1quwmfv']}}});
+var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_118482a']});
 
 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:['s96511']});
+var body = Skeleton.recipeRuntime({base:['_1socatb']});
 
 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'},'qkucic']});
+var cell$1 = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'sq55b8']});
 
 const TableCell = React.forwardRef(
   ({ children, className, colSpan, ...props }, ref) => {
@@ -1773,20 +1773,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:['_1kh5xud',{transition:'colors',w:'full'},'_1615gwv']});
+var row = Skeleton.recipeRuntime({base:['wyz3iu',{transition:'colors',w:'full'},'_1yd1o42']});
 
 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'},'_4y7e2g'],variants:{pinned:{left:'_2yiss0',right:'y22tz5'},pinnedType:{body:'_1jhrhcu',header:{}}}});
-var cellOffsetVar = 'var(--_1fsmgap)';
-var cellSizeVar = 'var(--_1iys1kv)';
-var header = Skeleton.recipeRuntime({base:[{display:'grid'},'qnkfch']});
-var leftTotalSizeVar = 'var(--_1xsqfi4)';
-var rightTotalSizeVar = 'var(--_1w1eulk)';
-var table = Skeleton.recipeRuntime({base:'_75a2ut',variants:{pinned:{both:'k6nroh',left:'_1qxhg17',none:{},right:'osrlg5'}}});
+var cell = Skeleton.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_8sf1a2'],variants:{pinned:{left:'_1p093rt',right:'_18bc52u'},pinnedType:{body:'glube',header:{}}}});
+var cellOffsetVar = 'var(--_15w1brq)';
+var cellSizeVar = 'var(--k2xsiu)';
+var header = Skeleton.recipeRuntime({base:[{display:'grid'},'y7rd5h']});
+var leftTotalSizeVar = 'var(--_1nxkbss)';
+var rightTotalSizeVar = 'var(--_1th7wfd)';
+var table = Skeleton.recipeRuntime({base:'lojb8x',variants:{pinned:{both:'_1sxcvpq',left:'bvoidh',none:{},right:'_1b6if6m'}}});
 
 const COL_VIRTUALIZATION_THRESHOLD = 20;
 const ROW_VIRTUALIZATION_THRESHOLD = 20;
@@ -1964,7 +1964,7 @@ const fakeRow = (table, rowIndex) => ({
   id: "loading" + rowIndex
 });
 
-var addon = Skeleton.recipeRuntime({base:'_10coot3',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = Skeleton.recipeRuntime({base:'bxd4en',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"];
 const DataTableFooter = React.forwardRef(
@@ -1977,6 +1977,7 @@ const DataTableFooter = React.forwardRef(
       {
         alignSelf: "stretch",
         flexDirection: "row",
+        fontSize: "md",
         justifyContent: "space-between",
         mt: "auto",
         ref,
@@ -2045,7 +2046,7 @@ const IconCalendar = Skeleton.withIcon(
   )
 );
 
-var picker = Skeleton.recipeRuntime({base:'_1tbpcko'});
+var picker = Skeleton.recipeRuntime({base:'_1ru8rxk'});
 
 function toInstant(str) {
   const rawDate = str && typeof str === "string" ? new Date(str) : void 0;
@@ -2223,7 +2224,7 @@ function DatePicker({
 }
 DatePicker.displayName = "@optiaxiom/react/DatePicker";
 
-var panels$1 = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1b918su']});
+var panels$1 = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1o3h4ao']});
 
 const DatePickerContent = React.forwardRef(
   ({
@@ -2349,7 +2350,7 @@ function DateRangePicker({
 }
 DateRangePicker.displayName = "@optiaxiom/react/DateRangePicker";
 
-var panels = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'ptn1qq']});
+var panels = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1l2apsc']});
 
 const DateRangePickerContent = React.forwardRef(
   ({
@@ -2428,7 +2429,7 @@ const DateRangePickerTrigger = React.forwardRef(
 );
 DateRangePickerTrigger.displayName = "@optiaxiom/react/DateRangePickerTrigger";
 
-var mark = Skeleton.recipeRuntime({base:'_17zepbd'});
+var mark = Skeleton.recipeRuntime({base:'zjkqbk'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -2460,8 +2461,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = Skeleton.recipeRuntime({base:'fdpf9k',variants:{empty:{false:{},true:'j08cm8'}}});
-var input$1 = Skeleton.recipeRuntime({base:'_1kkz7do'});
+var editor = Skeleton.recipeRuntime({base:'_1cggmp5',variants:{empty:{false:{},true:'_1m9hc0t'}}});
+var input$1 = Skeleton.recipeRuntime({base:'_3dsyy2'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -2541,7 +2542,7 @@ function getText(element) {
   return text;
 }
 
-var layout = Skeleton.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column'},'_6v1wqn']});
+var layout = Skeleton.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'sdn7n6']});
 
 const Layout = React.forwardRef(
   ({ children, className, header, sidebar, ...props }, ref) => {
@@ -2566,7 +2567,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'},'_1r5yg2a'],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'},'dvhitc'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Pill = React.forwardRef(
   ({ asChild, children, className, disabled, size = "sm", ...props }, ref) => {
@@ -2580,7 +2581,7 @@ const Pill = React.forwardRef(
         ...pill({ size }, className),
         ...boxProps,
         children: /* @__PURE__ */ jsxRuntime.jsxs(Comp, { disabled, ref, ...restProps, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Text, { fontSize: "inherit", truncate: true, children }),
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Text, { truncate: true, children }),
           /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Icon, { asChild: true, h: "12", ml: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.IconX, {}) })
         ] })
       }
@@ -2733,7 +2734,7 @@ const SpotlightEmpty = React.forwardRef(
 );
 SpotlightEmpty.displayName = "@optiaxiom/react/SpotlightEmpty";
 
-var input = Skeleton.recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_10qdqkc']});
+var input = Skeleton.recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'t9ddfa']});
 
 const SpotlightInput = React.forwardRef(
   ({ addonAfter, className, ...props }, ref) => {
@@ -2790,7 +2791,7 @@ const SpotlightLabel = React.forwardRef(
 );
 SpotlightLabel.displayName = "@optiaxiom/react/SpotlightLabel";
 
-var item$1 = Skeleton.recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_1tamhs1']});
+var item$1 = Skeleton.recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_1dgec1g']});
 
 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(
@@ -2889,7 +2890,7 @@ const CommandSubItem = React.forwardRef(
 );
 CommandSubItem.displayName = "@optiaxiom/react/CommandSubItem";
 
-var item = Skeleton.recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'fc3p48',true:'pt70ii'}}});
+var item = Skeleton.recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'lhbseo',true:'_2kjk4'}}});
 
 const SpotlightSubItem = React.forwardRef(({ children, className, selected, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(

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

@@ -0,0 +1,22 @@
+@layer optiaxiom._1g2ktwt;
+@layer optiaxiom._1g2ktwt {
+  .nrfvuw {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  ._8e4v72:not(:has(._8e4v72)):focus-within .nrfvuw, .nrfvuw:has(:checked, [data-state=open]) {
+    opacity: 1;
+    transition: none;
+  }
+  ._2i8qyc {
+    opacity: 0;
+  }
+  ._1dr91yd {
+    opacity: 1;
+  }
+  @media (hover: hover) {
+    ._8e4v72:not(:has(._8e4v72)):hover .nrfvuw {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

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

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

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

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

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

@@ -0,0 +1,27 @@
+@layer optiaxiom._1g2ktwt;
+@layer optiaxiom._1g2ktwt {
+  .r9fmoq {
+    opacity: 0;
+  }
+  ._854rys {
+    inset: 0;
+    position: fixed;
+  }
+  .gw4atq {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--_14pexty)))
+      scale(calc(1 - 0.06 * var(--_14pexty)))
+    ;
+  }
+  .hxwhos {
+    width: 400px;
+  }
+  ._1hpxx4i {
+    width: 600px;
+  }
+  ._4eejqk {
+    width: 800px;
+  }
+}

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

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

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

@@ -1,51 +1,51 @@
-@layer optiaxiom._8vbgxy;
-@layer optiaxiom._8vbgxy {
-  ._1rvyag0 {
+@layer optiaxiom._1g2ktwt;
+@layer optiaxiom._1g2ktwt {
+  ._1usik3s {
     user-select: none;
   }
-  .pmron3 ._1rvyag0 {
+  ._1jodh2w ._1usik3s {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  ._7q6182 {
+  ._121jmkl {
     font-size: 8px;
   }
-  .pmron3 ._7q6182:not(:first-child) {
+  ._1jodh2w ._121jmkl:not(:first-child) {
     margin-left: -1px;
   }
-  ._1yvvf2t {
+  ._126fiqt {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .pmron3 ._1yvvf2t:not(:first-child) {
+  ._1jodh2w ._126fiqt:not(:first-child) {
     margin-left: -3px;
   }
-  ._1limaxh {
+  .axuq0l {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .pmron3 ._1limaxh:not(:first-child) {
+  ._1jodh2w .axuq0l:not(:first-child) {
     margin-left: -5px;
   }
-  ._1rd62ee {
+  .l1jrbf {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  .pmron3 ._1rd62ee:not(:first-child) {
+  ._1jodh2w .l1jrbf:not(:first-child) {
     margin-left: -7px;
   }
-  ._1ycheup {
+  .lfxtsc {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  .pmron3 ._1ycheup:not(:first-child) {
+  ._1jodh2w .lfxtsc:not(:first-child) {
     margin-left: -9px;
   }
-  ._16bzto4 {
+  ._1231hct {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  .pmron3 ._16bzto4:not(:first-child) {
+  ._1jodh2w ._1231hct:not(:first-child) {
     margin-left: -11px;
   }
-  ._1c6hak7 {
+  .pfh8pi {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  .pmron3 ._1c6hak7:not(:first-child) {
+  ._1jodh2w .pfh8pi:not(:first-child) {
     margin-left: -13px;
   }
 }

package/dist/{cjs/assets/src/backdrop/Backdrop.css.ts.vanilla-ziUyXpin.css → esm/assets/src/backdrop/Backdrop.css.ts.vanilla-DH-dqyss.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._8vbgxy;
-@layer optiaxiom._8vbgxy {
-  .mguwi6 {
+@layer optiaxiom._1g2ktwt;
+@layer optiaxiom._1g2ktwt {
+  ._14138pz {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;