@optiaxiom/react 0.13.1 → 0.13.2

package/dist/cjs/unstable.js

@@ -3,87 +3,87 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var Skeleton = require('./Skeleton-Co-JuL-k.js');
-require('./assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css');
-require('./assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DZOO7tzN.css');
-require('./assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-D02_J3v7.css');
+var Skeleton = require('./Skeleton-D9HC_vRW.js');
+require('./assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css');
+require('./assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-gcf7gYkg.css');
+require('./assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-ChYZqN5d.css');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var reactDayPicker = require('react-day-picker');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CzIjzMwj.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-C5I9UZFN.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-BvwOpHO4.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-D93MlhUu.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-aTb59GMr.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-CY-UeJOt.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-C52GBmcQ.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CGcHBq6t.css');
 var reactId = require('@radix-ui/react-id');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BHTi0xxJ.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-Cq0dWayh.css');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/cover/Cover.css.ts.vanilla-DVoaPd3v.css');
-require('./assets/src/link/Link.css.ts.vanilla-Dszs5ipi.css');
-require('./assets/src/card/Card.css.ts.vanilla-l6EO5dST.css');
-require('./assets/src/actions-content/ActionsContent.css.ts.vanilla-BTAMKwHu.css');
-require('./assets/src/card-overflow/CardOverflow.css.ts.vanilla-H9ltG-H8.css');
-require('./assets/src/card-actions/CardActions.css.ts.vanilla-Cg4pe6pL.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-Ci2yOQqa.css');
+require('./assets/src/link/Link.css.ts.vanilla-DVoFEjxE.css');
+require('./assets/src/card/Card.css.ts.vanilla-CtB-8xCY.css');
+require('./assets/src/actions-content/ActionsContent.css.ts.vanilla-DLBoxmsF.css');
+require('./assets/src/card-overflow/CardOverflow.css.ts.vanilla-D9dqfm0Y.css');
+require('./assets/src/card-actions/CardActions.css.ts.vanilla-Deth1479.css');
 var reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 var clsx = require('clsx');
-require('./assets/src/card-image/CardImage.css.ts.vanilla-CxQbaQ_I.css');
+require('./assets/src/card-image/CardImage.css.ts.vanilla-SwnDiAQd.css');
 var reactSlot = require('@radix-ui/react-slot');
 var RadixDialog = require('@radix-ui/react-dialog');
-require('./assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-Ba5NC_AS.css');
+require('./assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-DaYj-sq1.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-Bk7RvW5I.css');
-require('./assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-D8iEaYLp.css');
-require('./assets/src/table/Table.css.ts.vanilla-CFKKVer7.css');
-require('./assets/src/table-body/TableBody.css.ts.vanilla-Iaov5YA2.css');
-require('./assets/src/table-row/TableRow.css.ts.vanilla-C4Vu9cf4.css');
-require('./assets/src/table-cell/TableCell.css.ts.vanilla-Cz9UR9sE.css');
-require('./assets/src/data-table/DataTable.css.ts.vanilla-DIqBRd91.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-BOZIK-Va.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-z5guNDxs.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-C1IFv3nj.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-BrJEIvjr.css');
+require('./assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-RqP9xTyr.css');
+require('./assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-D9RKZYNB.css');
+require('./assets/src/table/Table.css.ts.vanilla-6YXhK9KG.css');
+require('./assets/src/table-body/TableBody.css.ts.vanilla-_8wGLzfm.css');
+require('./assets/src/table-row/TableRow.css.ts.vanilla-B77gD6Xr.css');
+require('./assets/src/table-cell/TableCell.css.ts.vanilla-CEt8_gi7.css');
+require('./assets/src/data-table/DataTable.css.ts.vanilla-jOZXGbmb.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-BkApdH74.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-47x5K4bb.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-U6Th0aUJ.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-FPKXAYuG.css');
 var reactPopper = require('@radix-ui/react-popper');
 var reactPortal = require('@radix-ui/react-portal');
-require('./assets/src/select-content/SelectContent.css.ts.vanilla-Bcvvt7Ox.css');
-require('./assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-0QEVGwcW.css');
-require('./assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-Vx9bm9mL.css');
-require('./assets/src/badge/Badge.css.ts.vanilla-CV9aZJUz.css');
-require('./assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-HwDcaezs.css');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-3ySZmf22.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DUUh17yA.css');
-require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-Ddt9KOuM.css');
+require('./assets/src/select-content/SelectContent.css.ts.vanilla-v0L01E5z.css');
+require('./assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-C89BjD44.css');
+require('./assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-BnmzRkGn.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-DgWmzrKx.css');
+require('./assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-Cw_gHUDD.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-Cfe6X4Q-.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BSQjRXrN.css');
+require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-3P0jZRFg.css');
 require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-Csj_lgJn.css');
-require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CPpShJkA.css');
+require('./assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DRntf7OZ.css');
+require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BBOwEkpE.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-C-qH_0-2.css');
-require('./assets/src/input-control/InputControl.css.ts.vanilla-BMrlqp3V.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BHTi0xxJ.css');
-require('./assets/src/input-root/InputRoot.css.ts.vanilla-CkFL5aFg.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BHTi0xxJ.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-R8IiI6oq.css');
-require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-xbSGq0v4.css');
-require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-DyI14986.css');
-require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-BzU2SdwW.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-EJ-ZLOTY.css');
+require('./assets/src/input-control/InputControl.css.ts.vanilla-Dvu280Ft.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-Cq0dWayh.css');
+require('./assets/src/input-root/InputRoot.css.ts.vanilla-CLk29zMr.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-Cq0dWayh.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CWwDB6vI.css');
+require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DrlGTERk.css');
+require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-FQFY0Fl9.css');
+require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-D9LscEQ6.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-DCIR_mds.css');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-D4aod7vT.css');
+require('./assets/src/text/Text.css.ts.vanilla-BCAvXJmT.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-CBaI3dKj.css');
 require('@radix-ui/react-popover');
-require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-z6eYKKz3.css');
-require('./assets/src/button-base/ButtonBase.css.ts.vanilla-BfU6I3wu.css');
-require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BypP4Boz.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-5VYXbwod.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-DDWQ8L19.css');
+require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-D3Rsyrt1.css');
+require('./assets/src/button-base/ButtonBase.css.ts.vanilla-DYtY44Da.css');
+require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BLjoSdWe.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-B9dThHx0.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-DvyWpEBq.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-74J9XwXD.css');
-require('./assets/src/box/Box.css.ts.vanilla-CpMKsyP-.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-j87g8hoz.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-PnNGtfRy.css');
+require('./assets/src/box/Box.css.ts.vanilla-CmZ0ZeqY.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-DFgBb-QO.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -235,7 +235,7 @@ function BreadcrumbEllipsis({ ...props }) {
 }
 BreadcrumbEllipsis.displayName = "@optiaxiom/react/BreadcrumbEllipsis";
 
-var item$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'b94wi1']});
+var item$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_9gb164']});
 
 const BreadcrumbItem = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -245,7 +245,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'},'btpymu']});
+var link = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1oo3xr5']});
 
 const BreadcrumbLink = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Link, { ...link({}, className), ref, ...props });
@@ -272,7 +272,7 @@ function CalendarDay({ children, ...props }) {
 }
 CalendarDay.displayName = "@optiaxiom/react/CalendarDay";
 
-var button$3 = Skeleton.recipeRuntime({base:{mt:'8'},variants:{outside:{false:{},true:'btk1e5'}}});
+var button$3 = Skeleton.recipeRuntime({base:{mt:'8'},variants:{outside:{false:{},true:'zfvpy4'}}});
 
 function CalendarDayButton({
   children,
@@ -332,14 +332,14 @@ function CalendarMonthGrid({
 }
 CalendarMonthGrid.displayName = "@optiaxiom/react/CalendarMonthGrid";
 
-var months = Skeleton.recipeRuntime({base:'_120afus'});
+var months = Skeleton.recipeRuntime({base:'_1vr6554'});
 
 function CalendarMonths({ children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...months(), children: /* @__PURE__ */ jsxRuntime.jsx(reactDayPicker.Months, { ...props, children }) });
 }
 CalendarMonths.displayName = "@optiaxiom/react/CalendarMonths";
 
-var button$2 = Skeleton.recipeRuntime({base:'_1rrgh1u'});
+var button$2 = Skeleton.recipeRuntime({base:'_1py6jb8'});
 
 function CalendarNextMonthButton({
   children,
@@ -361,7 +361,7 @@ function CalendarNextMonthButton({
 }
 CalendarNextMonthButton.displayName = "@optiaxiom/react/CalendarNextMonthButton";
 
-var button$1 = Skeleton.recipeRuntime({base:'n1hm1r'});
+var button$1 = Skeleton.recipeRuntime({base:'_1jbucsx'});
 
 function CalendarPreviousMonthButton({
   children,
@@ -444,7 +444,7 @@ const Calendar = React.forwardRef(
 );
 Calendar.displayName = "@optiaxiom/react/Calendar";
 
-var root = Skeleton.recipeRuntime({base:'chwvu9'});
+var root = Skeleton.recipeRuntime({base:'ric7j3'});
 
 const ActionsRoot = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -455,7 +455,7 @@ ActionsRoot.displayName = "@optiaxiom/react/ActionsRoot";
 
 const [CardContextProvider, useCardContext] = reactContext.createContext("Card");
 
-var card = Skeleton.recipeRuntime({base:['_1igh8l5',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1auijqv']});
+var card = Skeleton.recipeRuntime({base:['_1mdpswg',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1ebi54k']});
 
 const mapOrientationToFlexDirection = {
   horizontal: "row",
@@ -487,16 +487,16 @@ const Card = React.forwardRef(
 );
 Card.displayName = "@optiaxiom/react/Card";
 
-var content$2 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'_1iauakn']});
+var content$2 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'mb15rd'],variants:{visible:{false:'_1p9wj5f',true:'i6n2z'}}});
 
 const ActionsContent = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ref, ...content$2({}, className), ...props, children });
+  ({ children, className, visible = false, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ref, ...content$2({ visible }, className), ...props, children });
   }
 );
 ActionsContent.displayName = "@optiaxiom/react/ActionsContent";
 
-var actions = Skeleton.recipeRuntime({base:['wybrpu']});
+var actions = Skeleton.recipeRuntime({base:['_1l8lnb3']});
 
 const CardActions = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -566,7 +566,7 @@ const CardDescription = React.forwardRef(({ children, ...props }, ref) => {
 });
 CardDescription.displayName = "@optiaxiom/react/CardDescription";
 
-var cardImage = Skeleton.recipeRuntime({base:[{h:'full',rounded:'inherit'},'t2nwh8'],variants:{orientation:{horizontal:[{w:'auto'},'_17itnb5'],vertical:[{w:'full'},'_19k2npo']}}});
+var cardImage = Skeleton.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1hbujtv'],variants:{orientation:{horizontal:[{w:'auto'},'wyrvhd'],vertical:[{w:'full'},'ubi88q']}}});
 
 const CardImage = React.forwardRef(
   ({ alt = "", asChild, children, className, src, ...props }, ref) => {
@@ -592,7 +592,7 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var cardOverflow = Skeleton.recipeRuntime({base:['_1x40qpl',{alignSelf:'stretch'},'_1vv4ouq'],variants:{orientation:{horizontal:['_9owtpu'],vertical:['_1lhpgma']}}});
+var cardOverflow = Skeleton.recipeRuntime({base:['_1668nkx',{alignSelf:'stretch'},'_63ed6f'],variants:{orientation:{horizontal:['_17xqmuv'],vertical:['_774oui']}}});
 
 const CardOverflow = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -741,7 +741,7 @@ Combobox.displayName = "@optiaxiom/react/Combobox";
 
 const [CommandContextProvider, useCommandContext] = reactContext.createContext("Command");
 
-var item$2 = Skeleton.recipeRuntime({base:'_16qybo6'});
+var item$2 = Skeleton.recipeRuntime({base:'_1a5dv9k'});
 
 const CommandFocusableItem = React.forwardRef(({ children, className, ...props }, ref) => {
   const { lastInteractionSource } = useCommandContext("CommandFocusableItem");
@@ -1267,14 +1267,14 @@ const IconSortUp = Skeleton.withIcon(
   )
 );
 
-var cell$2 = Skeleton.recipeRuntime({base:'zynbd7'});
-var content$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',px:'16',py:'12',size:'full'},'_1849r54']});
+var cell$2 = Skeleton.recipeRuntime({base:'_1m0ni1a'});
+var content$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',px:'16',py:'12',size:'full'},'_1jip6th']});
 
 const TableHeaderCell = React.forwardRef(({ children, className, colSpan, ...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(), children }) }) }));
 TableHeaderCell.displayName = "@optiaxiom/react/TableHeaderCell";
 
-var button = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',textAlign:'start',transition:'colors',w:'full'},'_1i01mwe','_14nbm67']});
-var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'mn8317'],variants:{active:{false:'_1sj8xtf',true:'_1edduah'},muted:{false:{},true:'_37lpdj'}}});
+var button = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_1vry02w']});
+var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1mlxmvb'],variants:{active:{false:'woqt7z',true:'gsfrc9'}}});
 
 const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, ref) => {
   const sortDir = header.column.getIsSorted();
@@ -1285,49 +1285,47 @@ const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, re
       colSpan: header.colSpan,
       ref,
       ...props,
-      children: header.column.columnDef.enableSorting ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...button(), children: /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: () => header.column.toggleSorting(), children: [
+      children: header.column.columnDef.enableSorting ? /* @__PURE__ */ jsxRuntime.jsx(ActionsRoot, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Cover, { asChild: true, inset: true, ...button(), children: /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: () => header.column.toggleSorting(), children: [
         children,
         sortDir && /* @__PURE__ */ jsxRuntime.jsxs(reactVisuallyHidden.VisuallyHidden, { children: [
           "sorted ",
           sortDir === "asc" ? "ascending" : "descending"
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Grid, { placeItems: "center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Skeleton.Icon,
-            {
-              asChild: true,
-              ...icon({
-                active: sortDir === false,
-                muted: !sortDir
-              }),
-              children: /* @__PURE__ */ jsxRuntime.jsx(IconSort, {})
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Icon, { asChild: true, ...icon({ active: sortDir === "asc" }), children: /* @__PURE__ */ jsxRuntime.jsx(IconSortUp, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Icon, { asChild: true, ...icon({ active: sortDir === "desc" }), children: /* @__PURE__ */ jsxRuntime.jsx(IconSortDown, {}) })
-        ] })
-      ] }) }) : children
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          ActionsContent,
+          {
+            display: "grid",
+            placeItems: "center",
+            visible: !!sortDir,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Icon, { asChild: true, ...icon({ active: sortDir === false }), children: /* @__PURE__ */ jsxRuntime.jsx(IconSort, {}) }),
+              /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Icon, { asChild: true, ...icon({ active: sortDir === "asc" }), children: /* @__PURE__ */ jsxRuntime.jsx(IconSortUp, {}) }),
+              /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Icon, { asChild: true, ...icon({ active: sortDir === "desc" }), children: /* @__PURE__ */ jsxRuntime.jsx(IconSortDown, {}) })
+            ]
+          }
+        )
+      ] }) }) }) : children
     }
   );
 });
 DataTableHeaderCell.displayName = "@optiaxiom/react/DataTableHeaderCell";
 
-var table$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md'},'vpo3n1'],variants:{layout:{auto:[{w:'full'},'_8odg6s'],fixed:[{display:'grid',w:'fit'},'o4k4bl']}}});
-var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_1faqdjh']});
+var table$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md'},'izmynz'],variants:{layout:{auto:[{w:'full'},'_16cevl'],fixed:[{display:'grid',w:'fit'},'_181rezt']}}});
+var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_1f5eb9a']});
 
 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:['_12bzf98']});
+var body = Skeleton.recipeRuntime({base:['_1apz9k0']});
 
 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'},'_196v1f1']});
+var cell$1 = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_2thsr5']});
 
 const TableCell = React.forwardRef(
   ({ children, className, colSpan, ...props }, ref) => {
@@ -1339,20 +1337,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:['ov1l18',{transition:'colors',w:'full'},'g2nppn']});
+var row = Skeleton.recipeRuntime({base:['_6c8lpm',{transition:'colors',w:'full'},'allp3q']});
 
 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:[{display:'flex'},'_1gg90t8'],variants:{pinned:{left:'vumz7',right:'_9ur6n1'},pinnedType:{body:'_1otcv8x',header:{}}}});
-var cellOffsetVar = 'var(--_1xfi2as)';
-var cellSizeVar = 'var(--t8ry6n)';
-var header = Skeleton.recipeRuntime({base:[{display:'grid'},'_15qgxt1']});
-var leftTotalSizeVar = 'var(--qix54)';
-var rightTotalSizeVar = 'var(--us84oq)';
-var table = Skeleton.recipeRuntime({base:'rr6exg',variants:{pinned:{both:'_1qvxp6f',left:'mdjv7w',none:{},right:'_17otbbz'}}});
+var cell = Skeleton.recipeRuntime({base:[{display:'flex'},'cmr7eo'],variants:{pinned:{left:'_92xjxj',right:'_16vos8y'},pinnedType:{body:'jm17hv',header:{}}}});
+var cellOffsetVar = 'var(--_13tn59e)';
+var cellSizeVar = 'var(--_1h9fw8t)';
+var header = Skeleton.recipeRuntime({base:[{display:'grid'},'_18ifbts']});
+var leftTotalSizeVar = 'var(--tdm48i)';
+var rightTotalSizeVar = 'var(--xbf8k0)';
+var table = Skeleton.recipeRuntime({base:'d5om10',variants:{pinned:{both:'_16gmpu0',left:'_1pyjs02',none:{},right:'_2zjhfh'}}});
 
 const COL_VIRTUALIZATION_THRESHOLD = 20;
 const ROW_VIRTUALIZATION_THRESHOLD = 20;
@@ -1554,7 +1552,7 @@ const IconCalendar = Skeleton.withIcon(
   )
 );
 
-var picker = Skeleton.recipeRuntime({base:'_1p2euk6'});
+var picker = Skeleton.recipeRuntime({base:'waylnm'});
 
 function format(date) {
   return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())).toISOString().split("T")[0];
@@ -1659,7 +1657,7 @@ const DateInput = React.forwardRef(
 );
 DateInput.displayName = "@optiaxiom/react/DateInput";
 
-var mark = Skeleton.recipeRuntime({base:'_1rwbum2'});
+var mark = Skeleton.recipeRuntime({base:'_9m52b5'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -1691,8 +1689,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = Skeleton.recipeRuntime({base:'_1m8k40x',variants:{empty:{false:{},true:'fom7lq'}}});
-var input$1 = Skeleton.recipeRuntime({base:'_1s4r4o5'});
+var editor = Skeleton.recipeRuntime({base:'_14wps0z',variants:{empty:{false:{},true:'_1npzjyp'}}});
+var input$1 = Skeleton.recipeRuntime({base:'yc9zn4'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -1860,7 +1858,7 @@ const NavSeparator = React.forwardRef(
 );
 NavSeparator.displayName = "@optiaxiom/react/NavSeparator";
 
-var pill = Skeleton.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_1skitvp'],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'},'_11ek7uw'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Pill = React.forwardRef(
   ({ asChild, children, className, disabled, size = "sm", ...props }, ref) => {
@@ -1958,7 +1956,7 @@ function Select({
 }
 Select.displayName = "@optiaxiom/react/Select";
 
-var content = Skeleton.recipeRuntime({base:['_2mc3cm']});
+var content = Skeleton.recipeRuntime({base:['_1pyv997']});
 
 const SelectContent = React.forwardRef(
   ({
@@ -2217,7 +2215,7 @@ const SpotlightEmpty = React.forwardRef(
 );
 SpotlightEmpty.displayName = "@optiaxiom/react/SpotlightEmpty";
 
-var input = Skeleton.recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1svx1eh']});
+var input = Skeleton.recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_4asfq0']});
 
 const SpotlightInput = React.forwardRef(
   ({ addonAfter, className, ...props }, ref) => {
@@ -2274,7 +2272,7 @@ const SpotlightLabel = React.forwardRef(
 );
 SpotlightLabel.displayName = "@optiaxiom/react/SpotlightLabel";
 
-var item$1 = Skeleton.recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_1vffwt6']});
+var item$1 = Skeleton.recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_4nz3yv']});
 
 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(
@@ -2371,7 +2369,7 @@ const CommandSubItem = React.forwardRef(
 );
 CommandSubItem.displayName = "@optiaxiom/react/CommandSubItem";
 
-var item = Skeleton.recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'rkasa5',true:'lfm5e4'}}});
+var item = Skeleton.recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_1dgm01k',true:'_89q4tv'}}});
 
 const SpotlightSubItem = React.forwardRef(({ children, className, selected, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2412,7 +2410,7 @@ const SpotlightTrigger = React.forwardRef(({ addonAfter, children, hotkey = DEFA
 });
 SpotlightTrigger.displayName = "@optiaxiom/react/SpotlightTrigger";
 
-var nav = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_5udrte']});
+var nav = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_1si9e6t']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {

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

@@ -0,0 +1,22 @@
+@layer optiaxiom._1aaiej1;
+@layer optiaxiom._1aaiej1 {
+  .mb15rd {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  .ric7j3:not(:has(.ric7j3)):focus-within .mb15rd, .mb15rd:has(:checked, [data-state=open]) {
+    opacity: 1;
+    transition: none;
+  }
+  ._1p9wj5f {
+    opacity: 0;
+  }
+  .i6n2z {
+    opacity: 1;
+  }
+  @media (hover: hover) {
+    .ric7j3:not(:has(.ric7j3)):hover .mb15rd {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

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

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

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

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

package/dist/esm/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-DV-Z-_B0.css

@@ -0,0 +1,27 @@
+@layer optiaxiom._1aaiej1;
+@layer optiaxiom._1aaiej1 {
+  .bcspci {
+    opacity: 0;
+  }
+  .o4rlyz {
+    inset: 0;
+    position: fixed;
+  }
+  .jzgb9c {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--w6vnzr)))
+      scale(calc(1 - 0.06 * var(--w6vnzr)))
+    ;
+  }
+  ._18rhskg {
+    width: 400px;
+  }
+  .h8uiiv {
+    width: 600px;
+  }
+  ._7uxrbc {
+    width: 800px;
+  }
+}

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

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

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

@@ -1,51 +1,51 @@
-@layer optiaxiom._1c60kh6;
-@layer optiaxiom._1c60kh6 {
-  ._1pwtxhb {
+@layer optiaxiom._1aaiej1;
+@layer optiaxiom._1aaiej1 {
+  ._1ra1x9e {
     user-select: none;
   }
-  .cauct1 ._1pwtxhb {
+  ._12dpxox ._1ra1x9e {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  ._6pcsim {
+  .j2cij {
     font-size: 8px;
   }
-  .cauct1 ._6pcsim:not(:first-child) {
+  ._12dpxox .j2cij:not(:first-child) {
     margin-left: -1px;
   }
-  ._1lxx2ff {
+  ._1xluhkb {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .cauct1 ._1lxx2ff:not(:first-child) {
+  ._12dpxox ._1xluhkb:not(:first-child) {
     margin-left: -3px;
   }
-  ._1uqne5r {
+  .qoyetw {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .cauct1 ._1uqne5r:not(:first-child) {
+  ._12dpxox .qoyetw:not(:first-child) {
     margin-left: -5px;
   }
-  ._1o11lc9 {
+  ._1bk6y49 {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  .cauct1 ._1o11lc9:not(:first-child) {
+  ._12dpxox ._1bk6y49:not(:first-child) {
     margin-left: -7px;
   }
-  ._1z0k4cb {
+  ._51wrcd {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  .cauct1 ._1z0k4cb:not(:first-child) {
+  ._12dpxox ._51wrcd:not(:first-child) {
     margin-left: -9px;
   }
-  ._18gs5g3 {
+  .fqdcg5 {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  .cauct1 ._18gs5g3:not(:first-child) {
+  ._12dpxox .fqdcg5:not(:first-child) {
     margin-left: -11px;
   }
-  ._1h4e1sj {
+  ._1nmtc31 {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  .cauct1 ._1h4e1sj:not(:first-child) {
+  ._12dpxox ._1nmtc31:not(:first-child) {
     margin-left: -13px;
   }
 }

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

@@ -1,6 +1,6 @@
-@layer optiaxiom._1c60kh6;
-@layer optiaxiom._1c60kh6 {
-  ._12v84iu {
+@layer optiaxiom._1aaiej1;
+@layer optiaxiom._1aaiej1 {
+  ._10h5ivf {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;