@optiaxiom/react 0.13.3 → 0.13.5

package/dist/cjs/unstable.js

@@ -3,87 +3,87 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var Skeleton = require('./Skeleton-DJz7q0d-.js');
-require('./assets/src/layers/layers.css.ts.vanilla-BSdkAYOS.css');
-require('./assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-CSTGmMkE.css');
-require('./assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-BParqyWr.css');
+var Skeleton = require('./Skeleton-D5ofvQa2.js');
+require('./assets/src/layers/layers.css.ts.vanilla-B7C-Rlf1.css');
+require('./assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DyYq02Hl.css');
+require('./assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-BLJFmfkX.css');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var reactDayPicker = require('react-day-picker');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-C3US7yvk.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-CF1nOiv3.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-CZQSo7Tb.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-tu2Yl4tE.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-BEnJU0WQ.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BSjnDY38.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-B9uLYiCF.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-Bzhz7Bmn.css');
 var reactId = require('@radix-ui/react-id');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dfk5YZBS.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-CnoocOUG.css');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/cover/Cover.css.ts.vanilla-DDrMWgGQ.css');
-require('./assets/src/link/Link.css.ts.vanilla-c1m61on1.css');
-require('./assets/src/card/Card.css.ts.vanilla-CINbTuXZ.css');
-require('./assets/src/actions-content/ActionsContent.css.ts.vanilla-B1uSDwSO.css');
-require('./assets/src/card-overflow/CardOverflow.css.ts.vanilla-BWwSUws8.css');
-require('./assets/src/card-actions/CardActions.css.ts.vanilla-meYtCCcl.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-CGE0CgpP.css');
+require('./assets/src/link/Link.css.ts.vanilla-BpMg120i.css');
+require('./assets/src/card/Card.css.ts.vanilla-CaICLRFG.css');
+require('./assets/src/actions-content/ActionsContent.css.ts.vanilla-Dva2Le7D.css');
+require('./assets/src/card-overflow/CardOverflow.css.ts.vanilla-BJGkdHIC.css');
+require('./assets/src/card-actions/CardActions.css.ts.vanilla-BFmpEgxg.css');
 var reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 var clsx = require('clsx');
-require('./assets/src/card-image/CardImage.css.ts.vanilla-BqorLl9r.css');
+require('./assets/src/card-image/CardImage.css.ts.vanilla-Dgo0TDiY.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-wwYhe5pO.css');
+require('./assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-DklZd6pP.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-BHdFKQ_g.css');
-require('./assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-iR2dXsNW.css');
-require('./assets/src/table/Table.css.ts.vanilla-D-RxZpzg.css');
-require('./assets/src/table-body/TableBody.css.ts.vanilla-C6MoRqlj.css');
-require('./assets/src/table-row/TableRow.css.ts.vanilla-BXVEz9lN.css');
-require('./assets/src/table-cell/TableCell.css.ts.vanilla-CqFSQFbs.css');
-require('./assets/src/data-table/DataTable.css.ts.vanilla-x2P702z3.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-CcT7icXP.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-BksLzXB6.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-DYLXKhyJ.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-DgBRzDqD.css');
+require('./assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-B5LHqLK0.css');
+require('./assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-B6m_GFK2.css');
+require('./assets/src/table/Table.css.ts.vanilla-C4BHrJJA.css');
+require('./assets/src/table-body/TableBody.css.ts.vanilla-u6Knqiud.css');
+require('./assets/src/table-row/TableRow.css.ts.vanilla-C1U90-oS.css');
+require('./assets/src/table-cell/TableCell.css.ts.vanilla-DqfWFKBy.css');
+require('./assets/src/data-table/DataTable.css.ts.vanilla-BoTx4zxA.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-B4zY8GST.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-Ql0bUqC5.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-Bu69qMCO.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-BSokYoOr.css');
 var reactPopper = require('@radix-ui/react-popper');
 var reactPortal = require('@radix-ui/react-portal');
-require('./assets/src/select-content/SelectContent.css.ts.vanilla-ftl1OE5G.css');
-require('./assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-CtxvJUkV.css');
-require('./assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-aRR--Buf.css');
-require('./assets/src/badge/Badge.css.ts.vanilla-Dv5UF7_N.css');
-require('./assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-Cj0EQz1x.css');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-C9t9YxO7.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DbB-UcsJ.css');
-require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-WsyKdQl9.css');
+require('./assets/src/select-content/SelectContent.css.ts.vanilla-CkDga17C.css');
+require('./assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-6o1eT0ep.css');
+require('./assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-DJVqF15I.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-B61ycM0l.css');
+require('./assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-D5Pn9ZRo.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-Doe9Bnsr.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-3tXj3qDp.css');
+require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-BFjQQ3wr.css');
 require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-Br0LaPeF.css');
-require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CMtNYLN6.css');
+require('./assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DwpFRrqe.css');
+require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-C-ik3QxZ.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-B9bHJJDW.css');
-require('./assets/src/input-control/InputControl.css.ts.vanilla-BTzKwlXr.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dfk5YZBS.css');
-require('./assets/src/input-root/InputRoot.css.ts.vanilla-Cg01OK6w.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dfk5YZBS.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CNUTh2Wa.css');
-require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CGb55e0F.css');
-require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-DxSqEuYH.css');
-require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-D4eCpgBT.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-DPOS2szA.css');
+require('./assets/src/input-control/InputControl.css.ts.vanilla-Coaams4S.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-CnoocOUG.css');
+require('./assets/src/input-root/InputRoot.css.ts.vanilla-DaaV21PL.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-CnoocOUG.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CPc8-L6Y.css');
+require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CsIHqE8t.css');
+require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-C47WetuR.css');
+require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-BXEeUFyj.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-C6oigTJx.css');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-Bx8hp4bz.css');
+require('./assets/src/text/Text.css.ts.vanilla-BfDPko03.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-BGqenOMR.css');
 require('@radix-ui/react-popover');
-require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BgSCCJmL.css');
-require('./assets/src/button-base/ButtonBase.css.ts.vanilla-BhsN_c1V.css');
-require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BPl73piE.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-C5jJ49ZM.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-C9Yv-Awb.css');
+require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-DPV029Nl.css');
+require('./assets/src/button-base/ButtonBase.css.ts.vanilla-DxhWk52G.css');
+require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DBleEEi7.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-CtqPFmZZ.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-BfHPEL8x.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-4_mKsKxo.css');
-require('./assets/src/box/Box.css.ts.vanilla-KSKP8Nd2.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CVfZmmUP.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-D09lsJCx.css');
+require('./assets/src/box/Box.css.ts.vanilla-hE7fpA6l.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CTp1A1Yf.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'},'py72bc']});
+var item$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1oiw5g9']});
 
 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'},'_1sp5fwm']});
+var link = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'a024pb']});
 
 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:'_1i7pn6w'}}});
+var button$3 = Skeleton.recipeRuntime({base:{mt:'8'},variants:{outside:{false:{},true:'_8ujqzt'}}});
 
 function CalendarDayButton({
   children,
@@ -332,14 +332,14 @@ function CalendarMonthGrid({
 }
 CalendarMonthGrid.displayName = "@optiaxiom/react/CalendarMonthGrid";
 
-var months = Skeleton.recipeRuntime({base:'p31zgi'});
+var months = Skeleton.recipeRuntime({base:'_5ufgzq'});
 
 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:'_1cm388b'});
+var button$2 = Skeleton.recipeRuntime({base:'_1axda7b'});
 
 function CalendarNextMonthButton({
   children,
@@ -361,7 +361,7 @@ function CalendarNextMonthButton({
 }
 CalendarNextMonthButton.displayName = "@optiaxiom/react/CalendarNextMonthButton";
 
-var button$1 = Skeleton.recipeRuntime({base:'_1si01e4'});
+var button$1 = Skeleton.recipeRuntime({base:'o7j6ak'});
 
 function CalendarPreviousMonthButton({
   children,
@@ -444,7 +444,7 @@ const Calendar = React.forwardRef(
 );
 Calendar.displayName = "@optiaxiom/react/Calendar";
 
-var root = Skeleton.recipeRuntime({base:'_1fbo9aq'});
+var root = Skeleton.recipeRuntime({base:'_1dz64x'});
 
 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:['fszdin',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'anuhnf']});
+var card = Skeleton.recipeRuntime({base:['_1xdyhvp',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_19t46ew']});
 
 const mapOrientationToFlexDirection = {
   horizontal: "row",
@@ -487,7 +487,7 @@ const Card = React.forwardRef(
 );
 Card.displayName = "@optiaxiom/react/Card";
 
-var content$2 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'_51e951'],variants:{visible:{false:'_1yvnqiu',true:'_9zdq6c'}}});
+var content$2 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'b6ga09'],variants:{visible:{false:'_1y9jjp1',true:'ekxlz8'}}});
 
 const ActionsContent = React.forwardRef(
   ({ children, className, visible = false, ...props }, ref) => {
@@ -496,7 +496,7 @@ const ActionsContent = React.forwardRef(
 );
 ActionsContent.displayName = "@optiaxiom/react/ActionsContent";
 
-var actions = Skeleton.recipeRuntime({base:['_1kbtyoz']});
+var actions = Skeleton.recipeRuntime({base:['ay4edz']});
 
 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'},'_8rtwej'],variants:{orientation:{horizontal:[{w:'auto'},'i10kyl'],vertical:[{w:'full'},'fvxgw4']}}});
+var cardImage = Skeleton.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1o8r5d1'],variants:{orientation:{horizontal:[{w:'auto'},'_2ztc1x'],vertical:[{w:'full'},'_2y5j8q']}}});
 
 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:['_1qiwjld',{alignSelf:'stretch'},'_145zwle'],variants:{orientation:{horizontal:['ef489d'],vertical:['_1634hzj']}}});
+var cardOverflow = Skeleton.recipeRuntime({base:['bewwk3',{alignSelf:'stretch'},'_1gzvli2'],variants:{orientation:{horizontal:['_7or4l3'],vertical:['_1whp6o6']}}});
 
 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:'uaxoio'});
+var item$2 = Skeleton.recipeRuntime({base:'_1erfyqg'});
 
 const CommandFocusableItem = React.forwardRef(({ children, className, ...props }, ref) => {
   const { lastInteractionSource } = useCommandContext("CommandFocusableItem");
@@ -895,7 +895,7 @@ function Command({
     {
       downshift: downshift$1,
       highlightedItem: items[downshift$1.highlightedIndex],
-      highlightedSubIndex,
+      highlightedSubIndex: highlightedSubIndex === -1 && items[downshift$1.highlightedIndex] && itemToSubItems?.(items[downshift$1.highlightedIndex])?.length ? 0 : highlightedSubIndex,
       isItemDisabled,
       items,
       itemToSubItems,
@@ -919,21 +919,15 @@ Command.displayName = "@optiaxiom/react/Command";
 
 const CommandListbox = React.forwardRef(
   ({ children, size, ...props }, ref) => {
-    const { downshift } = useCommandContext("CommandList");
+    const { downshift, setPlaced } = useCommandContext("CommandList");
+    React.useEffect(() => {
+      setPlaced(true);
+    }, [setPlaced]);
     return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Listbox, { size, ...downshift.getMenuProps({ ref, ...props }), children });
   }
 );
 CommandListbox.displayName = "@optiaxiom/react/CommandListbox";
 
-const ComboboxContentImpl = React.forwardRef(({ children, ...props }, ref) => {
-  const { setPlaced } = useCommandContext("ComboboxContentImpl");
-  React.useEffect(() => {
-    setPlaced(true);
-  }, [setPlaced]);
-  return /* @__PURE__ */ jsxRuntime.jsx(CommandListbox, { ref, ...props, children });
-});
-ComboboxContentImpl.displayName = "@optiaxiom/react/ComboboxContentImpl";
-
 const ComboboxContent = React.forwardRef(
   ({ children, ...props }, ref) => {
     const p = useResponsiveMatches({
@@ -989,7 +983,7 @@ const ComboboxContent = React.forwardRef(
               }
             },
             value,
-            children: /* @__PURE__ */ jsxRuntime.jsx(ComboboxContentImpl, { children })
+            children: /* @__PURE__ */ jsxRuntime.jsx(CommandListbox, { children })
           }
         )
       }
@@ -1079,7 +1073,19 @@ CommandInput.displayName = "@optiaxiom/react/CommandInput";
 const ComboboxInput = React.forwardRef(
   (props, ref) => {
     const { downshift, highlightedItem } = useCommandContext("ComboboxInput");
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    const { open } = useComboboxContext("ComboboxInput");
+    const [minWidth, setMinWidth] = React.useState(160);
+    const containerRef = React.useRef(null);
+    React.useEffect(() => {
+      if (!containerRef.current) {
+        return;
+      }
+      const rect = containerRef.current.getBoundingClientRect();
+      if (open && rect.width > minWidth) {
+        setMinWidth(rect.width);
+      }
+    }, [downshift.inputValue, minWidth, open]);
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ref: containerRef, style: { minWidth }, children: /* @__PURE__ */ jsxRuntime.jsx(
       CommandInput,
       {
         htmlSize: 1,
@@ -1093,7 +1099,7 @@ const ComboboxInput = React.forwardRef(
         ref,
         ...props
       }
-    );
+    ) });
   }
 );
 ComboboxInput.displayName = "@optiaxiom/react/ComboboxInput";
@@ -1267,65 +1273,83 @@ const IconSortUp = Skeleton.withIcon(
   )
 );
 
-var cell$2 = Skeleton.recipeRuntime({base:'_1g32xyb'});
-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'},'_1qz9le5']});
+var cell$2 = Skeleton.recipeRuntime({base:'_2v7muj'});
+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'},'_1o01i11']});
 
 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',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_1m4jgp6']});
-var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'bdgs53'],variants:{active:{false:'_1saz4if',true:'_1pyfsg0'}}});
+var button = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'e24obe']});
+var handle = Skeleton.recipeRuntime({base:[{h:'full',z:'10'},'qxlz6f'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1wz8yq2'],variants:{active:{false:'_1w53ny8',true:'_8t8yye'}}});
 
 const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, ref) => {
   const sortDir = header.column.getIsSorted();
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(ActionsRoot, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
     TableHeaderCell,
     {
       "aria-sort": header.column.columnDef.enableSorting ? sortDir === false ? "none" : sortDir === "asc" ? "ascending" : "descending" : void 0,
       colSpan: header.colSpan,
       ref,
       ...props,
-      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(
-          ActionsContent,
+      children: [
+        header.column.columnDef.enableResizing && /* @__PURE__ */ jsxRuntime.jsx(ActionsContent, { visible: header.column.getIsResizing(), children: /* @__PURE__ */ jsxRuntime.jsx(
+          Skeleton.Separator,
           {
-            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, {}) })
-            ]
+            onDoubleClick: () => header.column.resetSize(),
+            onMouseDown: header.getResizeHandler(),
+            onTouchStart: header.getResizeHandler(),
+            orientation: "vertical",
+            style: {
+              transform: header.getContext().table.options.columnResizeMode === "onEnd" && header.column.getIsResizing() ? `translateX(${header.getContext().table.getState().columnSizingInfo.deltaOffset}px)` : ""
+            },
+            ...handle({
+              resizing: header.column.getIsResizing()
+            })
           }
-        )
-      ] }) }) }) : children
+        ) }),
+        header.column.columnDef.enableSorting ? /* @__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(
+            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'},'_1ic2p33'],variants:{layout:{auto:[{w:'full'},'lj1x32'],fixed:[{display:'grid',w:'fit'},'_98ssfx']}}});
-var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'l04bzm']});
+var table$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md'},'_1lseinq'],variants:{layout:{auto:[{w:'full'},'is380a'],fixed:[{display:'grid',w:'fit'},'b6arrf']}}});
+var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_1kylwmm']});
 
 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:['_30numx']});
+var body = Skeleton.recipeRuntime({base:['_1uvosad']});
 
 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'},'qku9vo']});
+var cell$1 = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_1pxuge']});
 
 const TableCell = React.forwardRef(
   ({ children, className, colSpan, ...props }, ref) => {
@@ -1337,20 +1361,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:['_1h7x1yo',{transition:'colors',w:'full'},'_1wlxp8z']});
+var row = Skeleton.recipeRuntime({base:['_1dou105',{transition:'colors',w:'full'},'pl75vc']});
 
 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'},'_159l1hp'],variants:{pinned:{left:'sb4s5z',right:'j8pbqi'},pinnedType:{body:'_1brwkq1',header:{}}}});
-var cellOffsetVar = 'var(--_1njfeno)';
-var cellSizeVar = 'var(--_17avdl5)';
-var header = Skeleton.recipeRuntime({base:[{display:'grid'},'_1oqeets']});
-var leftTotalSizeVar = 'var(--xa8812)';
-var rightTotalSizeVar = 'var(--kh80bo)';
-var table = Skeleton.recipeRuntime({base:'ogglls',variants:{pinned:{both:'_18ufoud',left:'ghrfmi',none:{},right:'_1pdncgn'}}});
+var cell = Skeleton.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1pw2wmr'],variants:{pinned:{left:'gg47gk',right:'_1dzbgs6'},pinnedType:{body:'_4n0fns',header:{}}}});
+var cellOffsetVar = 'var(--_18e95fz)';
+var cellSizeVar = 'var(--_19j9pe1)';
+var header = Skeleton.recipeRuntime({base:[{display:'grid'},'_1br4oij']});
+var leftTotalSizeVar = 'var(--_1lcwtd0)';
+var rightTotalSizeVar = 'var(--_18pjewr)';
+var table = Skeleton.recipeRuntime({base:'_13n6090',variants:{pinned:{both:'wubkl0',left:'_1rf539p',none:{},right:'s34u9h'}}});
 
 const COL_VIRTUALIZATION_THRESHOLD = 20;
 const ROW_VIRTUALIZATION_THRESHOLD = 20;
@@ -1377,7 +1401,7 @@ const DataTable = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Skeleton.Box,
       {
-        alignItems: "center",
+        alignItems: "start",
         display: "flex",
         flexDirection: "column",
         maxW: "full",
@@ -1432,6 +1456,7 @@ const DataTable = React.forwardRef(
                     })) : rows.map((row) => ({ row, virtualRow: void 0 }))).map(({ row, virtualRow }) => /* @__PURE__ */ jsxRuntime.jsxs(
                       TableRow,
                       {
+                        "data-highlighted": row.getIsSelected() ? "" : void 0,
                         "data-index": virtualRow?.index,
                         display: "flex",
                         ref: virtualRow ? rowVirtualizer.measureElement : void 0,
@@ -1526,6 +1551,7 @@ const fakeRow = (table, rowIndex) => ({
     table.getCenterVisibleLeafColumns(),
     rowIndex
   ),
+  getIsSelected: () => false,
   getLeftVisibleCells: fakeCellsFactory(
     table.getLeftVisibleLeafColumns(),
     rowIndex
@@ -1552,7 +1578,7 @@ const IconCalendar = Skeleton.withIcon(
   )
 );
 
-var picker = Skeleton.recipeRuntime({base:'_1f5x40f'});
+var picker = Skeleton.recipeRuntime({base:'xfiugo'});
 
 function format(date) {
   return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())).toISOString().split("T")[0];
@@ -1657,7 +1683,7 @@ const DateInput = React.forwardRef(
 );
 DateInput.displayName = "@optiaxiom/react/DateInput";
 
-var mark = Skeleton.recipeRuntime({base:'_1wj1us8'});
+var mark = Skeleton.recipeRuntime({base:'_1vo9hz4'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -1689,8 +1715,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = Skeleton.recipeRuntime({base:'_1s00z5h',variants:{empty:{false:{},true:'_1wumxxz'}}});
-var input$1 = Skeleton.recipeRuntime({base:'_2p9zh3'});
+var editor = Skeleton.recipeRuntime({base:'f1757a',variants:{empty:{false:{},true:'q3cnf'}}});
+var input$1 = Skeleton.recipeRuntime({base:'p6lyit'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -1842,6 +1868,7 @@ const NavGroupTrigger = React.forwardRef(
         id,
         mb: "4",
         mt: "8",
+        p: "0",
         px: "12",
         ref,
         w: "auto",
@@ -1858,7 +1885,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'},'_10n0t4w'],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'},'eviyz0'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Pill = React.forwardRef(
   ({ asChild, children, className, disabled, size = "sm", ...props }, ref) => {
@@ -1956,7 +1983,7 @@ function Select({
 }
 Select.displayName = "@optiaxiom/react/Select";
 
-var content = Skeleton.recipeRuntime({base:['ypp7pj']});
+var content = Skeleton.recipeRuntime({base:['_10u2k2j']});
 
 const SelectContent = React.forwardRef(
   ({
@@ -2215,7 +2242,7 @@ const SpotlightEmpty = React.forwardRef(
 );
 SpotlightEmpty.displayName = "@optiaxiom/react/SpotlightEmpty";
 
-var input = Skeleton.recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_109h9fs']});
+var input = Skeleton.recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1w5x49u']});
 
 const SpotlightInput = React.forwardRef(
   ({ addonAfter, className, ...props }, ref) => {
@@ -2272,7 +2299,7 @@ const SpotlightLabel = React.forwardRef(
 );
 SpotlightLabel.displayName = "@optiaxiom/react/SpotlightLabel";
 
-var item$1 = Skeleton.recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_8k9gub']});
+var item$1 = Skeleton.recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_16tzjdg']});
 
 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(
@@ -2369,7 +2396,7 @@ const CommandSubItem = React.forwardRef(
 );
 CommandSubItem.displayName = "@optiaxiom/react/CommandSubItem";
 
-var item = Skeleton.recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'xyeq8c',true:'_1xdmqc4'}}});
+var item = Skeleton.recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'gr7xrb',true:'mpdnic'}}});
 
 const SpotlightSubItem = React.forwardRef(({ children, className, selected, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2410,7 +2437,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'},'_1yvb8uj']});
+var nav = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'fou5e8']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {

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

@@ -0,0 +1,22 @@
+@layer optiaxiom._8k4b2z;
+@layer optiaxiom._8k4b2z {
+  .b6ga09 {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  ._1dz64x:not(:has(._1dz64x)):focus-within .b6ga09, .b6ga09:has(:checked, [data-state=open]) {
+    opacity: 1;
+    transition: none;
+  }
+  ._1y9jjp1 {
+    opacity: 0;
+  }
+  .ekxlz8 {
+    opacity: 1;
+  }
+  @media (hover: hover) {
+    ._1dz64x:not(:has(._1dz64x)):hover .b6ga09 {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

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

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

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

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