@optiaxiom/react 1.3.1 → 1.3.2

package/dist/cjs/unstable.js

@@ -3,85 +3,87 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var Skeleton = require('./Skeleton-CE8kcuAZ.js');
-require('./assets/src/layers/layers.css.ts.vanilla-D2iWt029.css');
-require('./assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-B3bvX3WR.css');
-require('./assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-B79F0dM2.css');
+var Skeleton = require('./Skeleton-CWKtGR1f.js');
+require('./assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css');
+require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-Dk_HPFzo.css');
+require('./assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-UyybgV83.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var reactDayPicker = require('react-day-picker');
 var reactPopper = require('@radix-ui/react-popper');
 var downshift = require('downshift');
+var reactSlot = require('@radix-ui/react-slot');
 var reactContext = require('@radix-ui/react-context');
 var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
 var reactPortal = require('@radix-ui/react-portal');
-var reactVirtual = require('@tanstack/react-virtual');
-var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-0TZcmmu3.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BnSeiwfY.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-BEUq3kDL.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-DTJ-qgEE.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-7CBP-dxX.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-B_yyKqbi.css');
 var reactId = require('@radix-ui/react-id');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-CDv_HSCK.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-CFXkX2QS.css');
-require('./assets/src/link/Link.css.ts.vanilla-D-bSclzt.css');
-require('./assets/src/card/Card.css.ts.vanilla-C3yqZN2A.css');
-require('./assets/src/actions-content/ActionsContent.css.ts.vanilla-DwmjlEGM.css');
-require('./assets/src/card-overflow/CardOverflow.css.ts.vanilla-BvmS9ZSU.css');
-require('./assets/src/card-action/CardAction.css.ts.vanilla-B51eANPd.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CCIVb4iD.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-DMEwsrsa.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-C2LWvVnD.css');
+require('./assets/src/link/Link.css.ts.vanilla-Bz4ucIQV.css');
+require('./assets/src/card/Card.css.ts.vanilla-CFMBvGPI.css');
+require('./assets/src/card/CardOverflow.css.ts.vanilla-BxEr3QwY.css');
+require('./assets/src/card/CardAction.css.ts.vanilla-BwYecK1h.css');
 var clsx = require('clsx');
-require('./assets/src/card-image/CardImage.css.ts.vanilla-DA-nCsoz.css');
+require('./assets/src/card/CardImage.css.ts.vanilla-B1rMon9l.css');
 var reactTable = require('@tanstack/react-table');
+var reactVirtual = require('@tanstack/react-virtual');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-Dabn0RCS.css');
-require('./assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-Cl1-HqFR.css');
-require('./assets/src/table/Table.css.ts.vanilla-BwPOHhs_.css');
-require('./assets/src/table-body/TableBody.css.ts.vanilla-BYY8IIuw.css');
-require('./assets/src/table-row/TableRow.css.ts.vanilla-C8xEmbBv.css');
-require('./assets/src/table-cell/TableCell.css.ts.vanilla-CrSWyIGa.css');
-require('./assets/src/data-table-body/DataTableBody.css.ts.vanilla-DT67y1Z6.css');
-require('./assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-CUUnuvvE.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-BaJS33T7.css');
-require('./assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-C5ejyS0a.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-CwsU-HaV.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-DU5yHX96.css');
+require('./assets/src/table/Table.css.ts.vanilla-DvVXIDQL.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-BDMgNqSD.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-UFa4hpoZ.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-BIzrzFml.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-B6iMvlAL.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-BcJ3AJ4f.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-D8cocq7n.css');
+require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-B1osU08b.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-LFFY0EJf.css');
+require('./assets/src/date-picker/DatePickerContent.css.ts.vanilla-CKtK0qxc.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-uXNYWj8m.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-CJ8Z-RgD.css');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-CDv_HSCK.css');
-require('./assets/src/button-base/ButtonBase.css.ts.vanilla-BkCGiMYb.css');
-require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-DcNCgJgp.css');
-require('./assets/src/layout/Layouts.css.ts.vanilla-AW54A-sP.css');
-require('./assets/src/menu-input/MenuInput.css.ts.vanilla-CUqEzWEo.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-D2bvjE-M.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CCIVb4iD.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-DOeVqQUF.css');
+require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-Bk6W_2DW.css');
+require('./assets/src/layout/Layouts.css.ts.vanilla-CY82IFTa.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-oNHGAD0Z.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-DBVrbfPg.css');
 require('@radix-ui/react-dialog');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BROM2YGz.css');
-require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-RMNv9Lqm.css');
-require('./assets/src/dialog-header/DialogHeader.css.ts.vanilla-DDRAkIzV.css');
-require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-DA0Ma99D.css');
-require('./assets/src/input-control/InputControl.css.ts.vanilla-CcpeXlIo.css');
-require('./assets/src/input-root/InputRoot.css.ts.vanilla-DAIh1s87.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-CDv_HSCK.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-ByPjrct_.css');
-require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DGNVVOIL.css');
-require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-CG80wFdK.css');
-require('./assets/src/listbox-checkbox-item/ListboxCheckboxItem.css.ts.vanilla-C2eU117O.css');
-require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-TsCn1kNw.css');
-require('./assets/src/listbox-item-indicator/ListboxItemIndicator.css.ts.vanilla-D8wnYoJl.css');
-require('@radix-ui/react-dismissable-layer');
-require('@radix-ui/react-focus-guards');
-require('react-remove-scroll');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-5RfsK_4j.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DJRYzxKo.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-BGjpbuoM.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-ts_Azj3u.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-DdSO1Ry0.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-B5esYIX6.css');
 require('@optiaxiom/globals');
 require('@radix-ui/react-tooltip');
-require('./assets/src/text/Text.css.ts.vanilla-B2NYcXGo.css');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-ZIE8tgBJ.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-DWS6TkqO.css');
 require('@radix-ui/react-popover');
-require('./assets/src/overlay-listbox/OverlayListbox.css.ts.vanilla-CFW6sooD.css');
-require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-XjejeJkt.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-CT8EdlkT.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-Bu-WyyWJ.css');
+require('@radix-ui/react-dismissable-layer');
+require('@radix-ui/react-focus-guards');
+require('react-remove-scroll');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CCIVb4iD.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-DpdhCvOY.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CXob7GP3.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DxtE4aN4.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Bii-DWGa.css');
+require('./assets/src/text/Text.css.ts.vanilla-BIXm982x.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DAd1XZFa.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BYOk9aay.css');
+require('@radix-ui/react-separator');
+require('./assets/src/separator/Separator.css.ts.vanilla-CFaaASm6.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-2VUUv8TE.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-CXAEMq21.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BTH4I9NZ.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-iVhwSvsi.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-2Yan675X.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-acUo1A_8.css');
-require('./assets/src/box/Box.css.ts.vanilla-Cfss3XgW.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-Cw-U1f2M.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-DOGkQqDO.css');
+require('./assets/src/box/Box.css.ts.vanilla-DthSPGYm.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-5OrbeBw-.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -112,6 +114,24 @@ const toPlainTime = (date, step = "60") => {
   return hour + ":" + (Math.floor(parseInt(minute) / stepInMinutes) * stepInMinutes).toString().padStart(2, "0");
 };
 
+const useFieldLabelTrigger = (ref, ariaLabelledBy) => {
+  const { labelId = ariaLabelledBy } = Skeleton.useFieldContext();
+  React.useEffect(() => {
+    if (!labelId || !ref.current) {
+      return;
+    }
+    const button = ref.current;
+    const label = document.getElementById(labelId);
+    if (!label) {
+      return;
+    }
+    const onLabelClick = () => button.focus();
+    label.addEventListener("click", onLabelClick);
+    return () => label.removeEventListener("click", onLabelClick);
+  }, [labelId, ref]);
+  return labelId;
+};
+
 function attachMediaListener(query, callback) {
   try {
     query.addEventListener("change", callback);
@@ -220,6 +240,21 @@ function useHotkeys(hotkeys, tagsToIgnore = ["INPUT", "TEXTAREA", "SELECT"], tri
   }, [hotkeys]);
 }
 
+const list = ["md", "sm"];
+const useResponsiveMatches = (config) => {
+  const matches = {
+    base: true,
+    sm: useMediaQuery(Skeleton.conditions.conditions.sm["@media"]),
+    md: useMediaQuery(Skeleton.conditions.conditions.md["@media"])
+  };
+  for (const name of list) {
+    if (config[name] && matches[name]) {
+      return config[name];
+    }
+  }
+  return config.base;
+};
+
 const Breadcrumb = React.forwardRef(
   ({ children, className, ...props }, ref) => {
     const { boxProps, restProps } = Skeleton.extractBoxProps(props);
@@ -243,7 +278,7 @@ function BreadcrumbEllipsis({ ...props }) {
 }
 BreadcrumbEllipsis.displayName = "@optiaxiom/react/BreadcrumbEllipsis";
 
-var item = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'jarath']});
+var item = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1yzuent']});
 
 const BreadcrumbItem = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -253,7 +288,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'},'_1rve23b']});
+var link = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'ihb95q']});
 
 const BreadcrumbLink = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Link, { ...link({}, className), ref, ...props });
@@ -434,129 +469,6 @@ const Select = React.forwardRef(
 );
 Select.displayName = "@optiaxiom/react/Select";
 
-const ListboxVirtualized = React.forwardRef(({ children, highlightedItem, items, ...props }, outerRef) => {
-  const innerRef = React.useRef(null);
-  const ref = reactComposeRefs.useComposedRefs(outerRef, innerRef);
-  const [enabled, setEnabled] = React.useState(false);
-  React.useEffect(() => {
-    requestAnimationFrame(() => setEnabled(true));
-  }, []);
-  const { presence } = React.useContext(Skeleton.TransitionGroupContext) ?? {};
-  const rowVirtualizer = reactVirtual.useVirtualizer({
-    count: items.length,
-    enabled,
-    estimateSize: () => 40,
-    getScrollElement: () => innerRef.current
-  });
-  const itemToIndexMap = React.useMemo(
-    () => new Map(items.map((item, index) => [item, index])),
-    [items]
-  );
-  React.useEffect(() => {
-    const index = itemToIndexMap.get(highlightedItem);
-    if (!presence || typeof index !== "number" || rowVirtualizer.isScrolling) {
-      return;
-    }
-    rowVirtualizer.scrollToIndex(index);
-  }, [presence, highlightedItem, itemToIndexMap, rowVirtualizer]);
-  const virtualItems = rowVirtualizer.getVirtualItems();
-  const [paddingTop, paddingBottom] = virtualItems.length > 0 ? [
-    Math.max(0, virtualItems[0].start),
-    Math.max(
-      0,
-      rowVirtualizer.getTotalSize() - virtualItems[virtualItems.length - 1].end
-    )
-  ] : [0, 0];
-  const [minWidth, setMinWidth] = React.useState(0);
-  React.useEffect(() => {
-    if (!innerRef.current) {
-      return;
-    }
-    const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        setMinWidth(entry.contentRect.width);
-      }
-    });
-    observer.observe(innerRef.current);
-    return () => observer.disconnect();
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Listbox, { ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-    Skeleton.Box,
-    {
-      flex: "none",
-      style: {
-        minHeight: Math.min(items.length, 8) * 40,
-        minWidth,
-        paddingBottom,
-        paddingTop
-      },
-      children: virtualItems.map((virtualItem) => /* @__PURE__ */ jsxRuntime.jsxs(
-        Skeleton.Box,
-        {
-          "data-index": virtualItem.index,
-          ref: rowVirtualizer.measureElement,
-          children: [
-            children(items[virtualItem.index], virtualItem.index),
-            virtualItem.index < items.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { pb: "2" })
-          ]
-        },
-        virtualItem.key
-      ))
-    }
-  ) });
-});
-ListboxVirtualized.displayName = "@optiaxiom/react/ListboxVirtualized";
-
-function useEffectEvent(callback) {
-  const callbackRef = React.useRef(callback);
-  React.useEffect(() => {
-    callbackRef.current = callback;
-  });
-  return React.useCallback((...args) => {
-    return callbackRef.current(...args);
-  }, []);
-}
-
-const VIRTUALIZE_THRESHOLD = 50;
-const ListboxItemized = React.forwardRef(
-  ({
-    children,
-    empty = "No results found.",
-    highlightedItem,
-    items,
-    itemToKey,
-    loading,
-    onPlacedChange,
-    placed,
-    ...props
-  }, ref) => {
-    const onPlacedChangeStable = useEffectEvent(onPlacedChange ?? (() => {
-    }));
-    React.useEffect(() => {
-      requestAnimationFrame(() => onPlacedChangeStable(true));
-      return () => onPlacedChangeStable(false);
-    }, [onPlacedChangeStable]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Skeleton.Listbox,
-      {
-        asChild: typeof children === "function" && items.length > VIRTUALIZE_THRESHOLD && placed,
-        ref,
-        tabIndex: -1,
-        ...props,
-        children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Spinner, {}) }) : typeof children === "function" ? items.length > VIRTUALIZE_THRESHOLD ? placed && /* @__PURE__ */ jsxRuntime.jsx(
-          ListboxVirtualized,
-          {
-            highlightedItem,
-            items,
-            children
-          }
-        ) : items.length > 0 ? items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: children(item, index) }, itemToKey(item))) : /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ListboxEmpty, { children: empty }) : items.length > 0 ? children : /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ListboxEmpty, { children: empty })
-      }
-    );
-  }
-);
-ListboxItemized.displayName = "@optiaxiom/react/ListboxItemized";
-
 const SelectItem = React.forwardRef(
   ({ children, item, onMouseMove, size, ...props }, ref) => {
     const { downshift, highlightedItem, isOpen, selectedItem } = useSelectContext("@optiaxiom/react/SelectItem");
@@ -623,7 +535,7 @@ const SelectContent = React.forwardRef(
       return show && !group?.hidden;
     };
     return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.TransitionGroup, { open: isOpen, children: /* @__PURE__ */ jsxRuntime.jsx(reactPortal.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ModalLayer, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Skeleton.OverlayListbox,
+      Skeleton.ModalListbox,
       {
         asChild: true,
         maxH: "sm",
@@ -634,7 +546,7 @@ const SelectContent = React.forwardRef(
         size,
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsx(reactPopper.PopperContent, { align, side, sideOffset: 5, children: /* @__PURE__ */ jsxRuntime.jsx(
-          ListboxItemized,
+          Skeleton.ListboxItemized,
           {
             highlightedItem,
             items,
@@ -673,24 +585,6 @@ const SelectContent = React.forwardRef(
 );
 SelectContent.displayName = "@optiaxiom/react/SelectContent";
 
-const useFieldLabelTrigger = (ref, ariaLabelledBy) => {
-  const { labelId = ariaLabelledBy } = Skeleton.useFieldContext();
-  React.useEffect(() => {
-    if (!labelId || !ref.current) {
-      return;
-    }
-    const button = ref.current;
-    const label = document.getElementById(labelId);
-    if (!label) {
-      return;
-    }
-    const onLabelClick = () => button.focus();
-    label.addEventListener("click", onLabelClick);
-    return () => label.removeEventListener("click", onLabelClick);
-  }, [labelId, ref]);
-  return labelId;
-};
-
 const SelectTrigger = React.forwardRef(
   ({
     "aria-labelledby": ariaLabelledBy,
@@ -834,21 +728,6 @@ const Clock = React.forwardRef(
 );
 Clock.displayName = "@optiaxiom/react/Clock";
 
-const list = ["md", "sm"];
-const useResponsiveMatches = (config) => {
-  const matches = {
-    base: true,
-    sm: useMediaQuery(Skeleton.conditions.conditions.sm["@media"]),
-    md: useMediaQuery(Skeleton.conditions.conditions.md["@media"])
-  };
-  for (const name of list) {
-    if (config[name] && matches[name]) {
-      return config[name];
-    }
-  }
-  return config.base;
-};
-
 function CalendarChevron({
   orientation,
   ...props
@@ -862,8 +741,8 @@ function CalendarDay({ children, ...props }) {
 }
 CalendarDay.displayName = "@optiaxiom/react/CalendarDay";
 
-var button$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1ey6956'],variants:{appearance:{'default':'o40pi0',holiday:[{color:'fg.error'},'_1bm3lkd'],range_middle:'qn7lxr',selected:[{color:'fg.white'},'_1jepfs1'],weekend:[{color:'fg.tertiary'},'p6usae']},range:{end:['_1opkj88'],middle:['_1chn8zi'],start:['wd69gz']}}});
-var today = Skeleton.recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'itcpl5']});
+var button$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'d3bv4l'],variants:{appearance:{'default':'hucvx5',holiday:[{color:'fg.error'},'_658db3'],range_middle:'_6vwj0z',selected:[{color:'fg.white'},'_10x7emu'],weekend:[{color:'fg.tertiary'},'_1l74jx9']},range:{end:['_1e6tfds'],middle:['zqzute'],start:['nq2gnn']}}});
+var today = Skeleton.recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'gqs6rg']});
 
 function CalendarDayButton({
   children,
@@ -929,14 +808,14 @@ function CalendarMonthGrid({
 }
 CalendarMonthGrid.displayName = "@optiaxiom/react/CalendarMonthGrid";
 
-var months = Skeleton.recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'rj06bq']});
+var months = Skeleton.recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'e7co3i']});
 
 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'},'_2cl7kj']});
+var nav = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'t13yoa']});
 
 function CalendarNav({ children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx(reactDayPicker.Nav, { ...props, children }) });
@@ -1029,7 +908,7 @@ const Calendar = React.forwardRef(
     });
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-    const onHeightChangeStable = useEffectEvent(onHeightChange ?? (() => {
+    const onHeightChangeStable = Skeleton.useEffectEvent(onHeightChange ?? (() => {
     }));
     React.useEffect(() => {
       if (!innerRef.current) {
@@ -1103,7 +982,16 @@ const Calendar = React.forwardRef(
 );
 Calendar.displayName = "@optiaxiom/react/Calendar";
 
-var root = Skeleton.recipeRuntime({base:'_1bo82hc'});
+var content$2 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'_18fl7wn'],variants:{visible:{false:'_1e6dvs1',true:'gtodt6'}}});
+
+const ActionsContent = React.forwardRef(
+  ({ 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 root = Skeleton.recipeRuntime({base:'_1t0oph8'});
 
 const ActionsRoot = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1112,9 +1000,9 @@ const ActionsRoot = React.forwardRef(
 );
 ActionsRoot.displayName = "@optiaxiom/react/ActionsRoot";
 
-const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
+var card = Skeleton.recipeRuntime({base:['ym82cp',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1swxt0d']});
 
-var card = Skeleton.recipeRuntime({base:['_1kedgbq',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1bpwocj']});
+const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
 const mapOrientationToFlexDirection = {
   horizontal: "row",
@@ -1146,16 +1034,7 @@ const Card = React.forwardRef(
 );
 Card.displayName = "@optiaxiom/react/Card";
 
-var content$2 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'_4wyfzu'],variants:{visible:{false:'_2qrlrc',true:'y6tlr4'}}});
-
-const ActionsContent = React.forwardRef(
-  ({ 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 action = Skeleton.recipeRuntime({base:['r00ct0']});
+var action = Skeleton.recipeRuntime({base:['_19s5u3s']});
 
 const CardAction = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1225,7 +1104,7 @@ const CardDescription = React.forwardRef(({ children, ...props }, ref) => {
 });
 CardDescription.displayName = "@optiaxiom/react/CardDescription";
 
-var cardImage = Skeleton.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1ivqld2'],variants:{orientation:{horizontal:[{w:'auto'},'_1kwxdnc'],vertical:[{w:'full'},'frlz6d']}}});
+var cardImage = Skeleton.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1ackn87'],variants:{orientation:{horizontal:[{w:'auto'},'_1o5zb6v'],vertical:[{w:'full'},'_16vo671']}}});
 
 const CardImage = React.forwardRef(
   ({ alt = "", asChild, children, className, src, ...props }, ref) => {
@@ -1251,7 +1130,7 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var cardOverflow = Skeleton.recipeRuntime({base:['_147hzs6',{alignSelf:'stretch'},'fm7cxm'],variants:{orientation:{horizontal:['v3par3'],vertical:['_1cq1izs']}}});
+var cardOverflow = Skeleton.recipeRuntime({base:['_1rn6761',{alignSelf:'stretch'},'_6ngnek'],variants:{orientation:{horizontal:['_1dhrovf'],vertical:['_1ej6l6k']}}});
 
 const CardOverflow = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1322,7 +1201,7 @@ const useCommandItems = ({
   inputValue,
   options
 }) => {
-  const filterFn = useEffectEvent((item, inputValue2) => {
+  const filterFn = Skeleton.useEffectEvent((item, inputValue2) => {
     const string = resolveItemProperty(item.label, {
       inputValue: inputValue2
     }).normalize();
@@ -1361,7 +1240,7 @@ function Command({
   const [highlightedIndex, setHighlightedIndex, placed, setPlaced] = usePortalPatch(
     () => items.findIndex((item) => resolveItemProperty(item.selected))
   );
-  const setInputValueStable = useEffectEvent(setInputValue);
+  const setInputValueStable = Skeleton.useEffectEvent(setInputValue);
   React.useEffect(() => {
     if (placed) {
       setInputValueStable("");
@@ -1559,7 +1438,7 @@ const CommandListbox = React.forwardRef(
   ({ children, size, ...props }, ref) => {
     const { downshift, highlightedItem, inputValue, items, placed, setPlaced } = useCommandContext("@optiaxiom/react/CommandListbox");
     return /* @__PURE__ */ jsxRuntime.jsx(
-      ListboxItemized,
+      Skeleton.ListboxItemized,
       {
         highlightedItem,
         items,
@@ -1595,6 +1474,63 @@ const DataTable = React.forwardRef(
 );
 DataTable.displayName = "@optiaxiom/react/DataTable";
 
+var table$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'c4caq4'],variants:{layout:{auto:['b97d0c'],fixed:[{display:'grid'},'_11wvn0v']}}});
+var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'zsn4ma']});
+
+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";
+
+const TableAction = React.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(ActionsContent, { ref, ...props });
+  }
+);
+TableAction.displayName = "@optiaxiom/react/TableAction";
+
+var body = Skeleton.recipeRuntime({base:['yc5fod']});
+
+const TableBody = React.forwardRef(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...body({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, children }) })
+);
+TableBody.displayName = "@optiaxiom/react/TableBody";
+
+var cell$2 = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_1tec5v']});
+
+const TableCell = React.forwardRef(
+  ({ children, className, colSpan, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...cell$2({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan, ref, children }) });
+  }
+);
+TableCell.displayName = "@optiaxiom/react/TableCell";
+
+const TableHeader = React.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, children }) }));
+TableHeader.displayName = "@optiaxiom/react/TableHeader";
+
+var cell$1 = Skeleton.recipeRuntime({base:'vmjawj'});
+var content$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_7tw1g3']});
+
+const TableHeaderCell = React.forwardRef(
+  ({ children, className, colSpan, p, px = "16", py = "12", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...cell$1({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("th", { colSpan, ref, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ...content$1(), px: p ?? px, py: p ?? py, children }) }) })
+);
+TableHeaderCell.displayName = "@optiaxiom/react/TableHeaderCell";
+
+var row = Skeleton.recipeRuntime({base:['aluo8l',{transition:'colors',w:'full'},'cs3q9j']});
+
+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'},'fazkac'],variants:{pinned:{left:'_1en8i7t',right:'_1yc5n83'},pinnedType:{body:'_1j40eed',header:{}}}});
+var cellOffsetVar = 'var(--_16uzvor)';
+var cellSizeVar = 'var(--_1el4nm5)';
+var header = Skeleton.recipeRuntime({base:[{display:'grid'},'ejlhak']});
+var leftTotalSizeVar = 'var(--_1kka7rx)';
+var rightTotalSizeVar = 'var(--fqnbt1)';
+var table = Skeleton.recipeRuntime({base:'wjkulz',variants:{pinned:{both:'_1hhlm9p',left:'_168dth2',none:{},right:'_1kon59n'}}});
+
 const IconSort = Skeleton.withIcon(
   {
     height: 12,
@@ -1640,17 +1576,9 @@ const IconSortUp = Skeleton.withIcon(
   )
 );
 
-var cell$2 = Skeleton.recipeRuntime({base:'_17zicgj'});
-var content$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_12glaqo']});
-
-const TableHeaderCell = React.forwardRef(
-  ({ children, className, colSpan, p, px = "16", py = "12", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...cell$2({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("th", { colSpan, ref, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ...content$1(), px: p ?? px, py: p ?? py, children }) }) })
-);
-TableHeaderCell.displayName = "@optiaxiom/react/TableHeaderCell";
-
-var button$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_1j2rrz']});
-var handle = Skeleton.recipeRuntime({base:[{h:'full',z:'10'},'_1h86772'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1k4k6rc'],variants:{active:{false:'_1dr0ifh',true:'_1ahof'}}});
+var button$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_1t6o3d2']});
+var handle = Skeleton.recipeRuntime({base:[{h:'full',z:'10'},'hakgr2'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'n5dxkl'],variants:{active:{false:'dpli0h',true:'_1lpfuv0'}}});
 
 const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, ref) => {
   const sortDir = header.column.getIsSorted();
@@ -1703,48 +1631,6 @@ 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'},'_1x7yaoc'],variants:{layout:{auto:['_17chxsm'],fixed:[{display:'grid'},'hpv250']}}});
-var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_77vhxu']});
-
-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:['x2j69j']});
-
-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'},'_159f5re']});
-
-const TableCell = React.forwardRef(
-  ({ children, className, colSpan, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...cell$1({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan, ref, children }) });
-  }
-);
-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:['_1urd86t',{transition:'colors',w:'full'},'_2wamft']});
-
-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'},'w3f2u6'],variants:{pinned:{left:'przi2k',right:'_4hhea2'},pinnedType:{body:'jer5ns',header:{}}}});
-var cellOffsetVar = 'var(--_1mtov39)';
-var cellSizeVar = 'var(--_10b0tf5)';
-var header = Skeleton.recipeRuntime({base:[{display:'grid'},'_1poq2ke']});
-var leftTotalSizeVar = 'var(--_1tj311f)';
-var rightTotalSizeVar = 'var(--_1ygqjbh)';
-var table = Skeleton.recipeRuntime({base:'_1ys8i5x',variants:{pinned:{both:'_1ysbnzx',left:'_1fzpktf',none:{},right:'_18j0pz7'}}});
-
 const COL_VIRTUALIZATION_THRESHOLD = 20;
 const ROW_VIRTUALIZATION_THRESHOLD = 20;
 const DataTableBody = React.forwardRef(
@@ -1921,7 +1807,7 @@ const fakeRow = (table, rowIndex) => ({
   id: "loading" + rowIndex
 });
 
-var addon = Skeleton.recipeRuntime({base:'_732vsj',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = Skeleton.recipeRuntime({base:'tafqnq',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
   label: size,
@@ -2006,10 +1892,10 @@ const IconCalendar = Skeleton.withIcon(
   )
 );
 
-var picker = Skeleton.recipeRuntime({base:'_4cn5iy'});
+var picker = Skeleton.recipeRuntime({base:'_1w47cw6'});
 
 function toInstant(str) {
-  const rawDate = str && typeof str === "string" ? new Date(str) : void 0;
+  const rawDate = str && typeof str === "string" ? new Date(str.includes("T") ? str : str + "T00:00") : void 0;
   return isValidDate(rawDate) ? rawDate : void 0;
 }
 const isValidDate = (date) => date ? !isNaN(+date) : false;
@@ -2036,9 +1922,9 @@ const DateInput = React.forwardRef(
       prop: props.value
     });
     const forceValueChange = Skeleton.useObserveValue(innerRef, setValue);
-    const instant = typeof value === "string" ? toInstant(value.includes("T") ? value : value + "T00:00") : void 0;
-    const maxDate = max ? new Date(max) : void 0;
-    const minDate = min ? new Date(min) : void 0;
+    const instant = typeof value === "string" ? toInstant(value) : void 0;
+    const maxDate = max ? toInstant(max) : void 0;
+    const minDate = min ? toInstant(min) : void 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Popover, { onOpenChange: setOpen, open: !disabled && open, children: [
       /* @__PURE__ */ jsxRuntime.jsx(Skeleton.PopoverAnchor, { children: /* @__PURE__ */ jsxRuntime.jsx(
         Skeleton.Input,
@@ -2118,8 +2004,8 @@ const DateInput = React.forwardRef(
                 weekend
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { flexDirection: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+            (!props.required || type === "datetime-local") && /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { flexDirection: "row", justifyContent: "space-between", children: [
+              !props.required && /* @__PURE__ */ jsxRuntime.jsx(
                 Skeleton.Button,
                 {
                   onClick: () => {
@@ -2180,7 +2066,7 @@ function DatePicker({
 }
 DatePicker.displayName = "@optiaxiom/react/DatePicker";
 
-var panels$1 = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'n36163']});
+var panels$1 = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_13mezny']});
 
 const DatePickerContent = React.forwardRef(
   ({
@@ -2411,7 +2297,7 @@ const DateRangePickerTrigger = React.forwardRef(
 );
 DateRangePickerTrigger.displayName = "@optiaxiom/react/DateRangePickerTrigger";
 
-var mark = Skeleton.recipeRuntime({base:'_2x8rug'});
+var mark = Skeleton.recipeRuntime({base:'_149qrsl'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -2443,8 +2329,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = Skeleton.recipeRuntime({base:'clqaag',variants:{empty:{false:{},true:'xrqdqk'}}});
-var input$1 = Skeleton.recipeRuntime({base:'d09sm7'});
+var editor = Skeleton.recipeRuntime({base:'_1eno0py',variants:{empty:{false:{},true:'_1jr9e0b'}}});
+var input$1 = Skeleton.recipeRuntime({base:'dy02gb'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -2524,7 +2410,7 @@ function getText(element) {
   return text;
 }
 
-var button = Skeleton.recipeRuntime({base:[{justifyContent:'space-between'},'t574ao']});
+var button = Skeleton.recipeRuntime({base:[{justifyContent:'space-between'},'j9asdg']});
 var content = Skeleton.recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
 var label = Skeleton.recipeRuntime({base:[{color:'fg.secondary',cursor:'pointer',maxW:'full',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
 
@@ -2534,7 +2420,7 @@ const LabelMenuButton = React.forwardRef(
     const labelId = reactId.useId();
     const valueId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Skeleton.ButtonBase,
+      Skeleton.ButtonRoot,
       {
         "aria-labelledby": ariaLabelledBy ?? clsx(labelId, children && valueId),
         "data-filled": filled ? "" : void 0,
@@ -2555,7 +2441,7 @@ const LabelMenuButton = React.forwardRef(
 );
 LabelMenuButton.displayName = "@optiaxiom/react/LabelMenuButton";
 
-var layout = Skeleton.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1p9zzr2']});
+var layout = Skeleton.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'mavr04']});
 
 const Layout = React.forwardRef(
   ({ children, className, header, sidebar, ...props }, ref) => {
@@ -2723,6 +2609,13 @@ function Menu({
 }
 Menu.displayName = "@optiaxiom/react/Menu";
 
+const VisuallyHidden = React.forwardRef(
+  ({ children, disabled, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixVisuallyHidden__namespace.Root, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.FilteredSlot, { exclude: disabled ? "style" : void 0, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children }) }) });
+  }
+);
+VisuallyHidden.displayName = "@optiaxiom/react/VisuallyHidden";
+
 const MenuDialogContent = React.forwardRef(
   ({
     align: _align,
@@ -2740,7 +2633,7 @@ const MenuDialogContent = React.forwardRef(
 );
 MenuDialogContent.displayName = "@optiaxiom/react/MenuDialogContent";
 
-var input = Skeleton.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1hote6u']}}});
+var input = Skeleton.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1m3xa98']}}});
 
 const MenuInput = React.forwardRef(
   ({ className, ...props }, outerRef) => {
@@ -2782,7 +2675,7 @@ const MenuCheckboxItem = React.forwardRef(({ children, ...props }, ref) => {
       addonBefore: props.item.addon,
       asChild: true,
       description: props.item.description,
-      onCheckedChange: () => props.item.execute?.({ inputValue }),
+      onCheckedChange: () => !resolveItemProperty(props.item.disabledReason) && props.item.execute?.({ inputValue }),
       children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.link && { href: props.item.link }, children })
     }
   ) });
@@ -3045,13 +2938,6 @@ const MenuPopoverContent = React.forwardRef((props, ref) => {
 });
 MenuPopoverContent.displayName = "@optiaxiom/react/MenuPopoverContent";
 
-const VisuallyHidden = React.forwardRef(
-  ({ children, disabled, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(RadixVisuallyHidden__namespace.Root, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.FilteredSlot, { exclude: disabled ? "style" : void 0, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children }) }) });
-  }
-);
-VisuallyHidden.displayName = "@optiaxiom/react/VisuallyHidden";
-
 const MenuContent = React.forwardRef(
   ({ children, ...props }, ref) => {
     const { labelId } = Skeleton.useFieldContext();
@@ -3116,7 +3002,7 @@ const MenuTrigger = React.forwardRef(
 );
 MenuTrigger.displayName = "@optiaxiom/react/MenuTrigger";
 
-var pill = Skeleton.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_1vmftfb'],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'},'upe9zn'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Pill = React.forwardRef(
   ({ asChild, children, className, disabled, size = "sm", ...props }, ref) => {
@@ -3164,13 +3050,6 @@ const SpotlightTrigger = React.forwardRef(({ children, hotkey = DEFAULT_HOTKEY,
 });
 SpotlightTrigger.displayName = "@optiaxiom/react/SpotlightTrigger";
 
-const TableAction = React.forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(ActionsContent, { ref, ...props });
-  }
-);
-TableAction.displayName = "@optiaxiom/react/TableAction";
-
 exports.Breadcrumb = Breadcrumb;
 exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
 exports.BreadcrumbItem = BreadcrumbItem;