@optiaxiom/react 1.0.0 → 1.0.2

package/dist/cjs/unstable.js

@@ -3,85 +3,87 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var Skeleton = require('./Skeleton-Cb-zbYZE.js');
-require('./assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css');
-require('./assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DX09wDLi.css');
-require('./assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-Bbc1EPhV.css');
+var Skeleton = require('./Skeleton-6yrR3CTz.js');
+require('./assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css');
+require('./assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-Wrav6UY7.css');
+require('./assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-D9fDwi5c.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 reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-zG41UHo4.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BLY60OYq.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-B5mcb2DY.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-BuCPLplF.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-Czb1i3AJ.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-EHFSUN3p.css');
 var reactId = require('@radix-ui/react-id');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BQF6GBfz.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-Batxd1He.css');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/cover/Cover.css.ts.vanilla-BizQxxnK.css');
-require('./assets/src/link/Link.css.ts.vanilla-QXU3qT6c.css');
-require('./assets/src/card/Card.css.ts.vanilla-Br-saxRR.css');
-require('./assets/src/actions-content/ActionsContent.css.ts.vanilla-ClQ2aiSU.css');
-require('./assets/src/card-overflow/CardOverflow.css.ts.vanilla-BR3mZqQ9.css');
-require('./assets/src/card-actions/CardActions.css.ts.vanilla-DGAHHTMs.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-VfBrbMf1.css');
+require('./assets/src/link/Link.css.ts.vanilla-DWgR_kLB.css');
+require('./assets/src/card/Card.css.ts.vanilla-jqZb_7_n.css');
+require('./assets/src/actions-content/ActionsContent.css.ts.vanilla-D4gK0Ccv.css');
+require('./assets/src/card-overflow/CardOverflow.css.ts.vanilla-BJFwp3I-.css');
+require('./assets/src/card-actions/CardActions.css.ts.vanilla-rkKkSUIB.css');
 var reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 var clsx = require('clsx');
-require('./assets/src/card-image/CardImage.css.ts.vanilla-BAjfPqKX.css');
+require('./assets/src/card-image/CardImage.css.ts.vanilla-CdKgrBrx.css');
+require('./assets/src/clock/Clock.css.ts.vanilla-BaVWu3y1.css');
 var RadixDialog = require('@radix-ui/react-dialog');
-require('./assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-c_tAijxG.css');
+require('./assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-Bk9Sshj3.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-HNw3_nNL.css');
-require('./assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-D2cA6C3z.css');
-require('./assets/src/table/Table.css.ts.vanilla-CJJBE_3W.css');
-require('./assets/src/table-body/TableBody.css.ts.vanilla-k7gLEMB6.css');
-require('./assets/src/table-row/TableRow.css.ts.vanilla-YvJepO06.css');
-require('./assets/src/table-cell/TableCell.css.ts.vanilla-CYnP4smf.css');
-require('./assets/src/data-table-body/DataTableBody.css.ts.vanilla-B3KZiWPc.css');
+require('./assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-CR4c6ZJD.css');
+require('./assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-CQes1rIJ.css');
+require('./assets/src/table/Table.css.ts.vanilla-C2knp12j.css');
+require('./assets/src/table-body/TableBody.css.ts.vanilla-Cy2iQrvr.css');
+require('./assets/src/table-row/TableRow.css.ts.vanilla-CggMOZ5O.css');
+require('./assets/src/table-cell/TableCell.css.ts.vanilla-CLVXoap2.css');
+require('./assets/src/data-table-body/DataTableBody.css.ts.vanilla-cijPXl7J.css');
 var reactPopper = require('@radix-ui/react-popper');
 var reactPortal = require('@radix-ui/react-portal');
-require('./assets/src/select-content/SelectContent.css.ts.vanilla-l0UFN49L.css');
-require('./assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-eugFkbbr.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-QtgdvKqQ.css');
-require('./assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-tF6kXacd.css');
-require('./assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-9ljCsJos.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-CmFZQHbO.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-C9jCFuY8.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-DYaGtUhq.css');
-require('./assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-D-l_qdRZ.css');
-require('./assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-DDmmuBJ5.css');
-require('./assets/src/badge/Badge.css.ts.vanilla-BhfN--ir.css');
-require('./assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-D20pDMeQ.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-RFc_brGy.css');
-require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-Bh-nEsyh.css');
+require('./assets/src/select-content/SelectContent.css.ts.vanilla-C7dom7EC.css');
+require('./assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-DV0TYHds.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-B0e6Oo6W.css');
+require('./assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-5QVFlo3i.css');
+require('./assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-w1iL6nG7.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-DlB5ywBV.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-DDW_L463.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-DTEQ70xM.css');
+require('./assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-4WgqftEf.css');
+require('./assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-CT3QKOG7.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-DW9NourM.css');
+require('./assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-D4Goz1uu.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-B5sSvN1U.css');
+require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-CBpuJlOi.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-B6orEvYl.css');
-require('./assets/src/input-control/InputControl.css.ts.vanilla-13XUl6fQ.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BQF6GBfz.css');
-require('./assets/src/input-root/InputRoot.css.ts.vanilla-DCwDdC-L.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BQF6GBfz.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-Dck9Yy-L.css');
-require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CVu08eCB.css');
-require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-BGoEjOnC.css');
-require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-DhtsgoKz.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-Dt5coXzs.css');
+require('./assets/src/input-control/InputControl.css.ts.vanilla-CODeJXi7.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-Batxd1He.css');
+require('./assets/src/input-root/InputRoot.css.ts.vanilla-C1aUDOLz.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-Batxd1He.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BwHzm_lE.css');
+require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DFokRA79.css');
+require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-DrgK3jgJ.css');
+require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-D_Wh-eb-.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-DTVFjhTX.css');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-Do_FHq1b.css');
+require('./assets/src/text/Text.css.ts.vanilla--BprUCC4.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-BjG7sX12.css');
 require('@radix-ui/react-popover');
-require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BCSPvAzy.css');
-require('./assets/src/button-base/ButtonBase.css.ts.vanilla-DvzVv_Yk.css');
-require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DxNPPPVO.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-Bxe84uuM.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-BQx-lNJb.css');
+require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-D6zofeeh.css');
+require('@radix-ui/react-toggle-group');
+require('./assets/src/button-base/ButtonBase.css.ts.vanilla-CsVNMzoL.css');
+require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-Cdkejac-.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-B1TBE6xG.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-CGqIkEMY.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-OtYyCU5C.css');
-require('./assets/src/box/Box.css.ts.vanilla-CS-G2hy7.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CRIpDA8L.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-IQK5Rgk4.css');
+require('./assets/src/box/Box.css.ts.vanilla-CtfynAbO.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-DVD42p2z.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -102,6 +104,8 @@ function _interopNamespaceDefault(e) {
 
 var RadixDialog__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixDialog);
 
+const toLocalDate = (date) => new Date(date.getTime() - new Date(date).getTimezoneOffset() * 60 * 1e3).toISOString().slice(0, -1);
+
 function attachMediaListener(query, callback) {
   try {
     query.addEventListener("change", callback);
@@ -233,7 +237,7 @@ function BreadcrumbEllipsis({ ...props }) {
 }
 BreadcrumbEllipsis.displayName = "@optiaxiom/react/BreadcrumbEllipsis";
 
-var item$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1v1hgtx']});
+var item$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1pr0wtp']});
 
 const BreadcrumbItem = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -243,7 +247,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'},'_1ixzyyj']});
+var link = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1kpvdup']});
 
 const BreadcrumbLink = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Link, { ...link({}, className), ref, ...props });
@@ -257,6 +261,16 @@ const BreadcrumbPage = React.forwardRef(
 );
 BreadcrumbPage.displayName = "@optiaxiom/react/BreadcrumbPage";
 
+function useEffectEvent(callback) {
+  const callbackRef = React.useRef(callback);
+  React.useEffect(() => {
+    callbackRef.current = callback;
+  });
+  return React.useCallback((...args) => {
+    return callbackRef.current(...args);
+  }, []);
+}
+
 const list = ["md", "sm"];
 const useResponsiveMatches = (config) => {
   const matches = {
@@ -285,8 +299,8 @@ function CalendarDay({ children, ...props }) {
 }
 CalendarDay.displayName = "@optiaxiom/react/CalendarDay";
 
-var button$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',mt:'8',size:'md',transition:'colors'},'_6qlr8d'],variants:{appearance:{'default':'n3i0qf',holiday:[{color:'fg.error'},'fb77a4'],range_middle:'fhu8yh',selected:[{color:'fg.white'},'_1583xtq'],weekend:{color:'fg.tertiary'}},range:{end:['_1tpgzk0'],middle:['k5e6lx'],start:['_1l6hvd5']}}});
-var today = Skeleton.recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_1nzu17c']});
+var button$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',mt:'8',size:'md',transition:'colors'},'_10knug1'],variants:{appearance:{'default':'_1f1c79j',holiday:[{color:'fg.error'},'eqoxcy'],range_middle:'djfph4',selected:[{color:'fg.white'},'_1pz7t5s'],weekend:[{color:'fg.tertiary'},'_10vynvc']},range:{end:['_1aeycoa'],middle:['f84itz'],start:['oo4fp2']}}});
+var today = Skeleton.recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'hilpb5']});
 
 function CalendarDayButton({
   children,
@@ -351,14 +365,14 @@ function CalendarMonthGrid({
 }
 CalendarMonthGrid.displayName = "@optiaxiom/react/CalendarMonthGrid";
 
-var months = Skeleton.recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1cfhwf6']});
+var months = Skeleton.recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1svokqo']});
 
 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'},'uuxbyg']});
+var nav = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_1bmk9r1']});
 
 function CalendarNav({ children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx(reactDayPicker.Nav, { ...props, children }) });
@@ -407,12 +421,13 @@ const Calendar = React.forwardRef(
     max,
     min,
     mode = "single",
+    onHeightChange,
     onValueChange,
     today,
     value: valueProp,
     weekend,
     ...props
-  }, ref) => {
+  }, outerRef) => {
     const [value, setValue] = reactUseControllableState.useControllableState({
       defaultProp: defaultValue,
       onChange: onValueChange,
@@ -422,6 +437,22 @@ const Calendar = React.forwardRef(
       base: 1,
       sm: 2
     });
+    const innerRef = React.useRef(null);
+    const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+    const onHeightChangeStable = useEffectEvent(onHeightChange ?? (() => {
+    }));
+    React.useEffect(() => {
+      if (!innerRef.current) {
+        return;
+      }
+      const observer = new ResizeObserver((entries) => {
+        for (const entry of entries) {
+          onHeightChangeStable(entry.contentRect.height);
+        }
+      });
+      observer.observe(innerRef.current);
+      return () => observer.disconnect();
+    }, [onHeightChangeStable]);
     return /* @__PURE__ */ jsxRuntime.jsx(
       Skeleton.Box,
       {
@@ -435,15 +466,17 @@ const Calendar = React.forwardRef(
           {
             autoFocus: true,
             components,
-            defaultMonth: value && "from" in value ? value.from : value,
-            endMonth: max,
+            defaultMonth: value && typeof value === "object" && "from" in value ? value.from : value,
+            disabled: [
+              ...min ? [{ before: min }] : [],
+              ...max ? [{ after: max }] : []
+            ],
             mode,
             modifiers: { holiday, weekend },
             numberOfMonths: mode === "range" ? numberOfMonths : 1,
             onSelect: setValue,
             required: true,
             selected: value,
-            startMonth: min,
             today
           }
         )
@@ -453,7 +486,7 @@ const Calendar = React.forwardRef(
 );
 Calendar.displayName = "@optiaxiom/react/Calendar";
 
-var root = Skeleton.recipeRuntime({base:'_1j1xb0h'});
+var root = Skeleton.recipeRuntime({base:'_95huea'});
 
 const ActionsRoot = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -464,7 +497,7 @@ ActionsRoot.displayName = "@optiaxiom/react/ActionsRoot";
 
 const [CardContextProvider, useCardContext] = reactContext.createContext("Card");
 
-var card = Skeleton.recipeRuntime({base:['_99v27q',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'wqa1ah']});
+var card = Skeleton.recipeRuntime({base:['sw28nd',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1kiyjmj']});
 
 const mapOrientationToFlexDirection = {
   horizontal: "row",
@@ -496,7 +529,7 @@ const Card = React.forwardRef(
 );
 Card.displayName = "@optiaxiom/react/Card";
 
-var content$2 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'vqecw7'],variants:{visible:{false:'_1eftrux',true:'qaxmhh'}}});
+var content$2 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'_9h6tbk'],variants:{visible:{false:'_10pykq8',true:'_1mi6vpt'}}});
 
 const ActionsContent = React.forwardRef(
   ({ children, className, visible = false, ...props }, ref) => {
@@ -505,7 +538,7 @@ const ActionsContent = React.forwardRef(
 );
 ActionsContent.displayName = "@optiaxiom/react/ActionsContent";
 
-var actions = Skeleton.recipeRuntime({base:['_6k5tct']});
+var actions = Skeleton.recipeRuntime({base:['dp909n']});
 
 const CardActions = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -575,7 +608,7 @@ const CardDescription = React.forwardRef(({ children, ...props }, ref) => {
 });
 CardDescription.displayName = "@optiaxiom/react/CardDescription";
 
-var cardImage = Skeleton.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1u4ar3g'],variants:{orientation:{horizontal:[{w:'auto'},'_8mo2c2'],vertical:[{w:'full'},'_122lf4f']}}});
+var cardImage = Skeleton.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_13swnz9'],variants:{orientation:{horizontal:[{w:'auto'},'_8r39l3'],vertical:[{w:'full'},'_1y1df8o']}}});
 
 const CardImage = React.forwardRef(
   ({ alt = "", asChild, children, className, src, ...props }, ref) => {
@@ -601,7 +634,7 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var cardOverflow = Skeleton.recipeRuntime({base:['ls9q7c',{alignSelf:'stretch'},'_8aww59'],variants:{orientation:{horizontal:['_1ahb7bd'],vertical:['_9gcr31']}}});
+var cardOverflow = Skeleton.recipeRuntime({base:['rhlxpg',{alignSelf:'stretch'},'aanpp1'],variants:{orientation:{horizontal:['_1vdtv4p'],vertical:['_1kol0hh']}}});
 
 const CardOverflow = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -639,6 +672,161 @@ const CardTitle = React.forwardRef(
 );
 CardTitle.displayName = "@optiaxiom/react/CardTitle";
 
+var wheel = Skeleton.recipeRuntime({base:[{flexDirection:'column',gap:'2',justifyContent:'flex-start',overflow:'auto',px:'4'},'v9ht2q']});
+
+const format$1 = ({
+  hour,
+  meridiem,
+  minute
+}) => {
+  const formattedHour = parseInt(hour) === 12 ? 0 : parseInt(hour);
+  return (formattedHour + (meridiem === "PM" ? 12 : 0)).toString().padStart(2, "0") + ":" + minute;
+};
+const parse$1 = (value, step = 1) => {
+  const now = /* @__PURE__ */ new Date();
+  const [hour, minute] = (value ? value : `${now.getHours()}:${now.getMinutes()}`).split(":");
+  const parsedHour = parseInt(hour) % 12 === 0 ? 12 : parseInt(hour) % 12;
+  return {
+    hour: parsedHour.toString(),
+    meridiem: parseInt(hour) < 12 ? "AM" : "PM",
+    minute: (Math.floor(parseInt(minute) / step) * step).toString().padStart(2, "0")
+  };
+};
+const range = (min, max, step = 1) => Array.from(
+  { length: Math.floor((max - min) / step) + 1 },
+  (_, index) => (min + index * step).toString()
+);
+
+const Clock = React.forwardRef(
+  ({ defaultValue, onValueChange, step = "60", value: valueProp, ...props }, ref) => {
+    const [value, setValue] = reactUseControllableState.useControllableState({
+      defaultProp: defaultValue,
+      onChange: onValueChange,
+      prop: valueProp
+    });
+    const parsed = parse$1(value, parseInt(step) / 60);
+    const hourRef = React.useRef(null);
+    const minuteRef = React.useRef(null);
+    React.useEffect(() => {
+      if (hourRef.current?.parentElement) {
+        hourRef.current.parentElement.style.overflow = "hidden";
+        hourRef.current?.scrollIntoView();
+        hourRef.current.parentElement.style.overflow = "";
+      }
+      if (minuteRef.current?.parentElement) {
+        minuteRef.current.parentElement.style.overflow = "hidden";
+        minuteRef.current?.scrollIntoView();
+        minuteRef.current.parentElement.style.overflow = "";
+      }
+    }, []);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Skeleton.Flex,
+      {
+        alignItems: "stretch",
+        flexDirection: "row",
+        gap: "0",
+        onKeyDown: (event) => {
+          if (!(event.target instanceof HTMLButtonElement)) {
+            return;
+          }
+          const parent = event.target.parentElement;
+          if (!parent) {
+            return;
+          }
+          const grandParent = parent.parentElement;
+          if (!grandParent) {
+            return;
+          }
+          const sibling = event.key === "ArrowRight" ? parent.nextElementSibling ?? grandParent.firstElementChild : event.key === "ArrowLeft" ? parent.previousElementSibling ?? grandParent.lastElementChild : void 0;
+          if (!sibling) {
+            return;
+          }
+          const focusable = sibling.querySelector('[tabindex="0"]') ?? sibling.querySelector('[aria-checked="true"]');
+          if (focusable instanceof HTMLButtonElement) {
+            focusable.focus();
+          }
+        },
+        ref,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Skeleton.SegmentedControl,
+            {
+              "aria-label": "Select hour",
+              loop: true,
+              onValueChange: (hour) => hour && setValue(format$1({ ...parsed, hour })),
+              orientation: "vertical",
+              role: "radiogroup",
+              value: parsed.hour,
+              ...wheel(),
+              children: range(1, 12).map((hour) => /* @__PURE__ */ jsxRuntime.jsx(
+                Skeleton.SegmentedControlItem,
+                {
+                  appearance: "subtle",
+                  flex: "none",
+                  ref: hour === parsed.hour ? hourRef : void 0,
+                  square: true,
+                  value: hour,
+                  children: hour
+                },
+                hour
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Skeleton.SegmentedControl,
+            {
+              "aria-label": "Select minute",
+              loop: true,
+              onValueChange: (minute) => minute && setValue(format$1({ ...parsed, minute })),
+              orientation: "vertical",
+              role: "radiogroup",
+              value: parsed.minute,
+              ...wheel(),
+              children: range(0, 59, parseInt(step) / 60).map((minute) => minute.padStart(2, "0")).map((minute) => /* @__PURE__ */ jsxRuntime.jsx(
+                Skeleton.SegmentedControlItem,
+                {
+                  appearance: "subtle",
+                  "aria-label": `${parseInt(minute)}`,
+                  flex: "none",
+                  ref: minute === parsed.minute ? minuteRef : void 0,
+                  square: true,
+                  value: minute,
+                  children: minute
+                },
+                minute
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Skeleton.SegmentedControl,
+            {
+              "aria-label": "Select AM or PM",
+              onValueChange: (meridiem) => meridiem && setValue(format$1({ ...parsed, meridiem })),
+              orientation: "vertical",
+              role: "radiogroup",
+              value: parsed.meridiem,
+              ...wheel(),
+              children: ["AM", "PM"].map((meridiem) => /* @__PURE__ */ jsxRuntime.jsx(
+                Skeleton.SegmentedControlItem,
+                {
+                  appearance: "subtle",
+                  flex: "none",
+                  square: true,
+                  value: meridiem,
+                  children: meridiem
+                },
+                meridiem
+              ))
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Clock.displayName = "@optiaxiom/react/Clock";
+
 const [ComboboxContextProvider, useComboboxContext] = reactContext.createContext("Combobox");
 
 const ComboboxDialogContent = React.forwardRef(({ "aria-label": ariaLabel, children, minW: _minW, ...props }, ref) => {
@@ -659,16 +847,6 @@ const ComboboxPopoverContent = React.forwardRef((props, ref) => {
 });
 ComboboxPopoverContent.displayName = "@optiaxiom/react/ComboboxPopoverContent";
 
-function useEffectEvent(callback) {
-  const callbackRef = React.useRef(callback);
-  React.useEffect(() => {
-    callbackRef.current = callback;
-  });
-  return React.useCallback((...args) => {
-    return callbackRef.current(...args);
-  }, []);
-}
-
 function Combobox({
   children,
   defaultOpen = false,
@@ -735,7 +913,7 @@ Combobox.displayName = "@optiaxiom/react/Combobox";
 
 const [CommandContextProvider, useCommandContext] = reactContext.createContext("Command");
 
-var item$2 = Skeleton.recipeRuntime({base:'r268fi'});
+var item$2 = Skeleton.recipeRuntime({base:'_1xqzlpu'});
 
 const CommandFocusableItem = React.forwardRef(({ children, className, ...props }, ref) => {
   const { lastInteractionSource } = useCommandContext("CommandFocusableItem");
@@ -913,7 +1091,7 @@ Command.displayName = "@optiaxiom/react/Command";
 
 const CommandListbox = React.forwardRef(
   ({ children, size, ...props }, ref) => {
-    const { downshift, setPlaced } = useCommandContext("CommandList");
+    const { downshift, setPlaced } = useCommandContext("CommandListbox");
     React.useEffect(() => {
       setPlaced(true);
     }, [setPlaced]);
@@ -1297,17 +1475,17 @@ const IconSortUp = Skeleton.withIcon(
   )
 );
 
-var cell$2 = Skeleton.recipeRuntime({base:'_9mofcx'});
-var content$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'jwid7n']});
+var cell$2 = Skeleton.recipeRuntime({base:'_1t6es8j'});
+var content$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'jpo0c5']});
 
 const TableHeaderCell = React.forwardRef(
   ({ children, className, colSpan, p, px = "16", py = "12", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...cell$2({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("th", { colSpan, ref, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ...content$1(), px: p ?? px, py: p ?? py, children }) }) })
 );
 TableHeaderCell.displayName = "@optiaxiom/react/TableHeaderCell";
 
-var button = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_158ekwo']});
-var handle = Skeleton.recipeRuntime({base:[{h:'full',z:'10'},'_180mkka'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1r0nk4x'],variants:{active:{false:'z4h44m',true:'_15p8lcx'}}});
+var button = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'i36ohh']});
+var handle = Skeleton.recipeRuntime({base:[{h:'full',z:'10'},'tft6v7'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_76b24g'],variants:{active:{false:'dds9wk',true:'iweeh1'}}});
 
 const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, ref) => {
   const sortDir = header.column.getIsSorted();
@@ -1360,22 +1538,22 @@ const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, re
 });
 DataTableHeaderCell.displayName = "@optiaxiom/react/DataTableHeaderCell";
 
-var table$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'_1jcisv0'],variants:{layout:{auto:['_1bcwgo5'],fixed:[{display:'grid'},'_4c2wib']}}});
-var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_1k61yne']});
+var table$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'_1f225ne'],variants:{layout:{auto:['o8uu7m'],fixed:[{display:'grid'},'_12s5nxe']}}});
+var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_19znkp8']});
 
 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:['_1f6sv1n']});
+var body = Skeleton.recipeRuntime({base:['yjuixr']});
 
 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'},'_1tg0eon']});
+var cell$1 = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_4hbdk0']});
 
 const TableCell = React.forwardRef(
   ({ children, className, colSpan, ...props }, ref) => {
@@ -1387,20 +1565,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:['w86p28',{transition:'colors',w:'full'},'fy55os']});
+var row = Skeleton.recipeRuntime({base:['neabsm',{transition:'colors',w:'full'},'_1c33ogq']});
 
 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'},'wk3nm0'],variants:{pinned:{left:'_1o0dnt0',right:'_1uqeymu'},pinnedType:{body:'_1r27fvd',header:{}}}});
-var cellOffsetVar = 'var(--_9qz8iw)';
-var cellSizeVar = 'var(--_1w3htlt)';
-var header = Skeleton.recipeRuntime({base:[{display:'grid'},'_1if0wrg']});
-var leftTotalSizeVar = 'var(--r6b9zw)';
-var rightTotalSizeVar = 'var(--_1rs9oq5)';
-var table = Skeleton.recipeRuntime({base:'_1gb8j4j',variants:{pinned:{both:'_13gluip',left:'_16oerzz',none:{},right:'p5oxqv'}}});
+var cell = Skeleton.recipeRuntime({base:[{alignItems:'start',display:'flex'},'vhvrs2'],variants:{pinned:{left:'_12le3yj',right:'_4h3ij'},pinnedType:{body:'psuqw8',header:{}}}});
+var cellOffsetVar = 'var(--_10jvtdq)';
+var cellSizeVar = 'var(--_1cv9ezw)';
+var header = Skeleton.recipeRuntime({base:[{display:'grid'},'_1pnzk2v']});
+var leftTotalSizeVar = 'var(--_14y88du)';
+var rightTotalSizeVar = 'var(--_1udkrwj)';
+var table = Skeleton.recipeRuntime({base:'_1y8bhl5',variants:{pinned:{both:'_1cfhjth',left:'_17a6ok',none:{},right:'_1gmnqvo'}}});
 
 const COL_VIRTUALIZATION_THRESHOLD = 20;
 const ROW_VIRTUALIZATION_THRESHOLD = 20;
@@ -1646,7 +1824,7 @@ function Select({
 }
 Select.displayName = "@optiaxiom/react/Select";
 
-var content = Skeleton.recipeRuntime({base:['_8jb6ym']});
+var content = Skeleton.recipeRuntime({base:['_1btiqej']});
 
 const SelectContent = React.forwardRef(
   ({
@@ -1757,7 +1935,7 @@ const SelectTrigger = React.forwardRef(
 );
 SelectTrigger.displayName = "@optiaxiom/react/SelectTrigger";
 
-var addon = Skeleton.recipeRuntime({base:'traiwl',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = Skeleton.recipeRuntime({base:'_17o6sfb',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"];
 const DataTableFooter = React.forwardRef(
@@ -1838,14 +2016,16 @@ const IconCalendar = Skeleton.withIcon(
   )
 );
 
-var picker = Skeleton.recipeRuntime({base:'_1tww0m9'});
+var picker = Skeleton.recipeRuntime({base:'_114qqkw'});
 
 function format(date) {
-  return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())).toISOString().split("T")[0];
+  return toLocalDate(date).split("T")[0];
 }
 function parse(str) {
   const rawDate = str && typeof str === "string" ? new Date(str) : void 0;
-  return isValidDate(rawDate) ? new Date(rawDate.getTime() + (/* @__PURE__ */ new Date()).getTimezoneOffset() * 60 * 1e3) : void 0;
+  return isValidDate(rawDate) ? new Date(
+    rawDate.getTime() + new Date(rawDate).getTimezoneOffset() * 60 * 1e3
+  ) : void 0;
 }
 const isValidDate = (date) => date ? !isNaN(+date) : false;
 
@@ -1955,6 +2135,8 @@ function DatePicker({
   onOpenChange,
   onValueChange,
   open: openProp,
+  step,
+  type = "date",
   value: valueProp,
   ...props
 }) {
@@ -1973,6 +2155,8 @@ function DatePicker({
     {
       disabled,
       setValue,
+      step,
+      type,
       value,
       children
     }
@@ -1980,7 +2164,7 @@ function DatePicker({
 }
 DatePicker.displayName = "@optiaxiom/react/DatePicker";
 
-var panels$1 = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'q5gelf']});
+var panels$1 = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_179iirr'],variants:{height:{sm:'_38aklq',lg:'_3286bq'}}});
 
 const DatePickerContent = React.forwardRef(
   ({
@@ -1994,22 +2178,50 @@ const DatePickerContent = React.forwardRef(
     weekend,
     ...props
   }, ref) => {
-    const { setValue, value } = useDatePickerContext("DatePickerContent");
+    const { open } = Skeleton.usePopoverContext("DatePickerContent");
+    const { setValue, step, type, value } = useDatePickerContext("DatePickerContent");
+    const [height, setHeight] = React.useState("sm");
+    const [time, setTime] = React.useState();
+    React.useEffect(() => {
+      setTime(
+        type === "date" ? "00:00" : formatTime(value ?? /* @__PURE__ */ new Date(), parseInt(step) / 60)
+      );
+    }, [open, step, type, value]);
     return /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.PopoverContent, { gap: "8", maxW: void 0, ref, ...props, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { ...panels$1(), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { ...panels$1({ height }), children: [
         addonBefore,
         /* @__PURE__ */ jsxRuntime.jsx(
           Calendar,
           {
+            alignSelf: "start",
             holiday,
             max,
             min,
-            onValueChange: setValue,
+            onHeightChange: (height2) => {
+              setHeight(height2 > 300 ? "lg" : "sm");
+            },
+            onValueChange: (value2) => setValue(
+              value2 ? /* @__PURE__ */ new Date(formatDate(value2) + "T" + (time ?? "00:00")) : void 0
+            ),
             today,
             value,
             weekend
           }
         ),
+        type === "datetime-local" && /* @__PURE__ */ jsxRuntime.jsx(
+          Clock,
+          {
+            ml: "8",
+            onValueChange: (time2) => {
+              setTime(time2);
+              if (value) {
+                setValue(/* @__PURE__ */ new Date(formatDate(value) + "T" + time2));
+              }
+            },
+            step,
+            value: time
+          }
+        ),
         addonAfter
       ] }),
       children
@@ -2017,9 +2229,23 @@ const DatePickerContent = React.forwardRef(
   }
 );
 DatePickerContent.displayName = "@optiaxiom/react/DatePickerContent";
+function formatDate(date) {
+  return toLocalDate(date).split("T")[0];
+}
+function formatTime(date, step = 1) {
+  const [hour, minute] = toLocalDate(date).split("T")[1].slice(0, 5).split(":");
+  return hour + ":" + (Math.floor(parseInt(minute) / step) * step).toString().padStart(2, "0");
+}
 
-const DEFAULT_FORMATTER$1 = (date) => date.toLocaleDateString(void 0, {
+const dateFormatter = new Intl.DateTimeFormat(void 0, {
+  day: "numeric",
+  month: "short",
+  year: "numeric"
+});
+const dateTimeFormatter = new Intl.DateTimeFormat(void 0, {
   day: "numeric",
+  hour: "numeric",
+  minute: "numeric",
   month: "short",
   year: "numeric"
 });
@@ -2027,11 +2253,12 @@ const DatePickerTrigger = React.forwardRef(
   ({
     "aria-labelledby": ariaLabelledBy,
     children,
-    format = DEFAULT_FORMATTER$1,
+    format,
     placeholder = "Pick a date",
     ...props
   }, outerRef) => {
-    const { disabled, value } = useDatePickerContext("DatePickerTrigger");
+    const { disabled, type, value } = useDatePickerContext("DatePickerTrigger");
+    const formatter = format ? { format } : type === "datetime-local" ? dateTimeFormatter : dateFormatter;
     const buttonRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(outerRef, buttonRef);
     const labelId = useFieldLabelTrigger(buttonRef, ariaLabelledBy);
@@ -2043,7 +2270,7 @@ const DatePickerTrigger = React.forwardRef(
         icon: /* @__PURE__ */ jsxRuntime.jsx(IconCalendar, {}),
         ref,
         ...props,
-        children: children ?? (value ? format(value) : /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { color: "fg.tertiary", children: placeholder }))
+        children: children ?? (value ? formatter.format(value) : /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { color: "fg.tertiary", children: placeholder }))
       }
     );
   }
@@ -2085,7 +2312,7 @@ function DateRangePicker({
 }
 DateRangePicker.displayName = "@optiaxiom/react/DateRangePicker";
 
-var panels = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1bi1nhs']});
+var panels = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_180nydb']});
 
 const DateRangePickerContent = React.forwardRef(
   ({
@@ -2164,7 +2391,7 @@ const DateRangePickerTrigger = React.forwardRef(
 );
 DateRangePickerTrigger.displayName = "@optiaxiom/react/DateRangePickerTrigger";
 
-var mark = Skeleton.recipeRuntime({base:'_1aioif3'});
+var mark = Skeleton.recipeRuntime({base:'_4pq1t7'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -2196,8 +2423,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = Skeleton.recipeRuntime({base:'_13n7r48',variants:{empty:{false:{},true:'t96284'}}});
-var input$1 = Skeleton.recipeRuntime({base:'_7oxdtb'});
+var editor = Skeleton.recipeRuntime({base:'_1asojwf',variants:{empty:{false:{},true:'bl0opc'}}});
+var input$1 = Skeleton.recipeRuntime({base:'_11k2ce5'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -2299,7 +2526,7 @@ const Layout = React.forwardRef(
 );
 Layout.displayName = "@optiaxiom/react/Layout";
 
-var pill = Skeleton.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'k370gr'],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'},'lun9je'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Pill = React.forwardRef(
   ({ asChild, children, className, disabled, size = "sm", ...props }, ref) => {
@@ -2466,7 +2693,7 @@ const SpotlightEmpty = React.forwardRef(
 );
 SpotlightEmpty.displayName = "@optiaxiom/react/SpotlightEmpty";
 
-var input = Skeleton.recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'wu0mq8']});
+var input = Skeleton.recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1k8oong']});
 
 const SpotlightInput = React.forwardRef(
   ({ addonAfter, className, ...props }, ref) => {
@@ -2523,7 +2750,7 @@ const SpotlightLabel = React.forwardRef(
 );
 SpotlightLabel.displayName = "@optiaxiom/react/SpotlightLabel";
 
-var item$1 = Skeleton.recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_1e4t1lb']});
+var item$1 = Skeleton.recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_1rmbstf']});
 
 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(
@@ -2620,7 +2847,7 @@ const CommandSubItem = React.forwardRef(
 );
 CommandSubItem.displayName = "@optiaxiom/react/CommandSubItem";
 
-var item = Skeleton.recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_88w28r',true:'yo3f2z'}}});
+var item = Skeleton.recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_3pxevc',true:'axw71g'}}});
 
 const SpotlightSubItem = React.forwardRef(({ children, className, selected, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2674,6 +2901,7 @@ exports.CardImage = CardImage;
 exports.CardLink = CardLink;
 exports.CardOverflow = CardOverflow;
 exports.CardTitle = CardTitle;
+exports.Clock = Clock;
 exports.Combobox = Combobox;
 exports.ComboboxCheckboxItem = ComboboxCheckboxItem;
 exports.ComboboxContent = ComboboxContent;