@justanarthur/modo-ui 0.6.0-canary.9 → 0.6.0

package/dist/shared/{components-c5w5zk0s.js → components-2ph6t61s.js}

@@ -1,54 +1,51 @@
-"use client";
 import {
-  useMorphOrigin2,
-  useMorph2
-} from "./components-m06yq8wk.js";
+  useMorphOrigin,
+  useMorph
+} from "./components-hqeq3w9q.js";
 import {
   cn2
-} from "./components-jcnjay5g.js";
+} from "./components-ezxhrmer.js";
 import {
   FluidHoverHighlight2
-} from "./components-dc5q749x.js";
+} from "./components-kvr7f9hy.js";
 import {
-  MorphSurface2
-} from "./components-c7rwx0ap.js";
+  MorphSurface
+} from "./components-0q0sqfh4.js";
 import {
-  popupScrollAreaClass2,
-  popupViewportClass2,
-  isDisabledRow2
-} from "./components-h6p86be3.js";
-import {
-  shapeMap2
-} from "./components-71nbt03m.js";
+  shapeMap
+} from "./components-cv16mryv.js";
 import {
   useSize2
-} from "./components-h83az0bz.js";
-import {
-  SURFACE_BG2,
-  SURFACE_SHADOW2
-} from "./components-vf45j12c.js";
+} from "./components-0sn7ypjw.js";
 import {
+  SURFACE_BG,
+  SURFACE_SHADOW,
   useSurface2,
   SurfaceProvider2
-} from "./components-dhgk6mbt.js";
+} from "./components-zx6b6yby.js";
 import {
-  useControllableState2
-} from "./components-tz1fv35x.js";
+  useControllableState
+} from "./components-n7mjr357.js";
 import {
   useFluidHover2
-} from "./components-yhgq0qxx.js";
+} from "./components-59efxjd9.js";
 import {
   ScrollArea2
-} from "./components-ctqmge8t.js";
+} from "./components-b0eac83j.js";
 import {
   SizeProvider2
-} from "./components-dcc02hs2.js";
+} from "./components-jjw69c4c.js";
 import {
   DropdownContext,
   MenuItem2,
   DropdownLabel2,
   DropdownSeparator2
-} from "./components-2qbqqpgq.js";
+} from "./components-ypp01w3p.js";
+import {
+  popupScrollAreaClass,
+  popupViewportClass,
+  isDisabledRow
+} from "./components-vynjtrk6.js";
 
 // components/overlays/context-menu/index.tsx
 import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";
@@ -62,7 +59,7 @@ import {
   useRef
 } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var shape = shapeMap2.rounded;
+var shape = shapeMap.rounded;
 var ContextMenuContext = createContext({ open: false, origin: { current: {} } });
 var ShortcutContext = createContext(undefined);
 function RowShortcut() {
@@ -119,11 +116,11 @@ var ContextMenuItem2 = forwardRef(({ shortcut, ...props }, ref) => /* @__PURE__
 ContextMenuItem2.displayName = "ContextMenuItem";
 var ContextMenuContent2 = forwardRef(({ from = "pointer", effect, hideSource, tier = "moderate", container, className, children }, ref) => {
   const { open, origin } = useContext(ContextMenuContext);
-  const morph = useMorph2(open, origin, { from, effect, hideSource, tier });
+  const morph = useMorph(open, origin, { from, effect, hideSource, tier });
   useImperativeHandle(ref, () => morph.popup, [morph.popup]);
   const level = Math.min(useSurface2() + 2, 8);
   const containerRef = useRef(null);
-  const hover = useFluidHover2(containerRef, { isItemDisabled: isDisabledRow2 });
+  const hover = useFluidHover2(containerRef, { isItemDisabled: isDisabledRow });
   const { activeIndex, setActiveIndex, handlers, registerItem, remeasure } = hover;
   useEffect(() => {
     if (open)
@@ -154,15 +151,15 @@ var ContextMenuContent2 = forwardRef(({ from = "pointer", effect, hideSource, ti
         className: "relative select-none outline-none",
         children: /* @__PURE__ */ jsx(SurfaceProvider2, {
           value: level,
-          children: /* @__PURE__ */ jsx(MorphSurface2, {
+          children: /* @__PURE__ */ jsx(MorphSurface, {
             morph,
-            bg: SURFACE_BG2[level],
-            shadow: SURFACE_SHADOW2[3],
+            bg: SURFACE_BG[level],
+            shadow: SURFACE_SHADOW[3],
             radius: shape.container,
             className: cn2("flex w-56 max-h-[min(480px,var(--available-height))] flex-col overflow-hidden", shape.container, className),
             children: /* @__PURE__ */ jsx(ScrollArea2, {
-              className: popupScrollAreaClass2,
-              viewportClassName: cn2(popupViewportClass2, "scroll-fade"),
+              className: popupScrollAreaClass,
+              viewportClassName: cn2(popupViewportClass, "scroll-fade"),
               children: /* @__PURE__ */ jsxs("div", {
                 ref: containerRef,
                 className: "relative flex flex-col p-1",
@@ -187,8 +184,8 @@ var ContextMenuContent2 = forwardRef(({ from = "pointer", effect, hideSource, ti
 });
 ContextMenuContent2.displayName = "ContextMenuContent";
 function ContextMenu2({ open, defaultOpen = false, onOpenChange, disabled = false, size, children }) {
-  const [current, setCurrent] = useControllableState2(open, defaultOpen, onOpenChange);
-  const { origin, capture } = useMorphOrigin2();
+  const [current, setCurrent] = useControllableState(open, defaultOpen, onOpenChange);
+  const { origin, capture } = useMorphOrigin();
   const ctx = useMemo(() => ({ open: current, origin }), [current, origin]);
   const root = /* @__PURE__ */ jsx(ContextMenuContext.Provider, {
     value: ctx,

package/dist/shared/{components-4j3t39dd.js → components-39jq9va1.js}

@@ -1,35 +1,30 @@
-"use client";
 import {
-  useShape2
-} from "./components-71nbt03m.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
   cn2
-} from "./components-jcnjay5g.js";
+} from "./components-ezxhrmer.js";
 import {
   button_default
-} from "./components-9sttq78t.js";
+} from "./components-b2wyq2cq.js";
 import {
-  MorphPart2
-} from "./components-b1e239g3.js";
+  MorphPart2,
+  MorphSurface
+} from "./components-0q0sqfh4.js";
 import {
-  opensInPlace2,
-  useMorphOrigin2,
-  useMorph2
-} from "./components-m06yq8wk.js";
-import {
-  MorphSurface2
-} from "./components-c7rwx0ap.js";
-import {
-  SURFACE_BG2,
-  SURFACE_SHADOW2
-} from "./components-vf45j12c.js";
+  opensInPlace,
+  useMorphOrigin,
+  useMorph
+} from "./components-hqeq3w9q.js";
 import {
+  SURFACE_BG,
+  SURFACE_SHADOW,
   useSurface2,
   SurfaceProvider2
-} from "./components-dhgk6mbt.js";
+} from "./components-zx6b6yby.js";
 import {
-  useControllableState2
-} from "./components-tz1fv35x.js";
+  useControllableState
+} from "./components-n7mjr357.js";
 
 // primitives/morph/index.tsx
 import { useState } from "react";
@@ -46,15 +41,15 @@ function Morph2({
   className,
   children
 }) {
-  const [shown, setShown] = useControllableState2(open, defaultOpen, onOpenChange);
+  const [shown, setShown] = useControllableState(open, defaultOpen, onOpenChange);
   const [mounted, setMounted] = useState(shown);
   if (shown && !mounted)
     setMounted(true);
-  const { origin, capture } = useMorphOrigin2();
-  const morph = useMorph2(shown, origin, { from, effect, tier, hideSource }, () => setMounted(false));
-  const shape = useShape2();
+  const { origin, capture } = useMorphOrigin();
+  const morph = useMorph(shown, origin, { from, effect, tier, hideSource }, () => setMounted(false));
+  const shape = useShape();
   const level = Math.min(useSurface2() + 2, 8);
-  const inPlace = opensInPlace2({ effect, hideSource });
+  const inPlace = opensInPlace({ effect, hideSource });
   return /* @__PURE__ */ jsxs("div", {
     className: cn2("relative inline-flex flex-col items-center", className),
     children: [
@@ -74,10 +69,10 @@ function Morph2({
         onClick: inPlace ? () => setShown(false) : undefined,
         children: /* @__PURE__ */ jsx(SurfaceProvider2, {
           value: level,
-          children: /* @__PURE__ */ jsx(MorphSurface2, {
+          children: /* @__PURE__ */ jsx(MorphSurface, {
             morph,
-            bg: SURFACE_BG2[level],
-            shadow: SURFACE_SHADOW2[level],
+            bg: SURFACE_BG[level],
+            shadow: SURFACE_SHADOW[level],
             radius: shape.container,
             className: "w-56 p-4",
             children

package/dist/shared/components-3ky44908.js

@@ -0,0 +1,9 @@
+// lib/slot.ts
+import { isValidElement } from "react";
+function slotRender(render, asChild, children) {
+  if (render)
+    return render;
+  return asChild && isValidElement(children) ? children : undefined;
+}
+
+export { slotRender };

package/dist/shared/{components-syynwm1r.js → components-3mkepka5.js}

@@ -1,30 +1,27 @@
-"use client";
 import {
-  opensInPlace2,
-  inPlaceOffset2,
-  useMorphOrigin2,
-  useMorph2
-} from "./components-m06yq8wk.js";
+  MorphSurface
+} from "./components-0q0sqfh4.js";
 import {
-  cn2
-} from "./components-jcnjay5g.js";
-import {
-  MorphSurface2
-} from "./components-c7rwx0ap.js";
+  opensInPlace,
+  inPlaceOffset,
+  useMorphOrigin,
+  useMorph
+} from "./components-hqeq3w9q.js";
 import {
-  useShape2
-} from "./components-71nbt03m.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  SURFACE_BG2,
-  SURFACE_SHADOW2
-} from "./components-vf45j12c.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
+  SURFACE_BG,
+  SURFACE_SHADOW,
   useSurface2,
   SurfaceProvider2
-} from "./components-dhgk6mbt.js";
+} from "./components-zx6b6yby.js";
 import {
-  useControllableState2
-} from "./components-tz1fv35x.js";
+  useControllableState
+} from "./components-n7mjr357.js";
 
 // components/overlays/preview-card/index.tsx
 import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
@@ -58,17 +55,17 @@ var PreviewCardContent2 = forwardRef(({
   ...props
 }, ref) => {
   const { open, origin } = useContext(PreviewCardContext);
-  const morph = useMorph2(open, origin, { from, effect, hideSource, tier });
-  const inPlace = opensInPlace2({ effect, hideSource });
+  const morph = useMorph(open, origin, { from, effect, hideSource, tier });
+  const inPlace = opensInPlace({ effect, hideSource });
   useImperativeHandle(ref, () => morph.popup, [morph.popup]);
-  const shape = useShape2();
+  const shape = useShape();
   const level = Math.min(useSurface2() + 2, 8);
   return /* @__PURE__ */ jsx(PreviewCardPrimitive.Portal, {
     container: container ?? undefined,
     children: /* @__PURE__ */ jsx(PreviewCardPrimitive.Positioner, {
       side,
       align: align ?? (inPlace ? "start" : "center"),
-      sideOffset: inPlace ? inPlaceOffset2 : sideOffset,
+      sideOffset: inPlace ? inPlaceOffset : sideOffset,
       className: "z-50 outline-none",
       children: /* @__PURE__ */ jsx(PreviewCardPrimitive.Popup, {
         ref: morph.popupRef,
@@ -76,10 +73,10 @@ var PreviewCardContent2 = forwardRef(({
         ...props,
         children: /* @__PURE__ */ jsx(SurfaceProvider2, {
           value: level,
-          children: /* @__PURE__ */ jsx(MorphSurface2, {
+          children: /* @__PURE__ */ jsx(MorphSurface, {
             morph,
-            bg: SURFACE_BG2[level],
-            shadow: SURFACE_SHADOW2[3],
+            bg: SURFACE_BG[level],
+            shadow: SURFACE_SHADOW[3],
             radius: shape.container,
             className: cn2("flex w-max max-w-[min(92vw,20rem)] flex-col gap-3 p-4", className),
             children
@@ -91,8 +88,8 @@ var PreviewCardContent2 = forwardRef(({
 });
 PreviewCardContent2.displayName = "PreviewCardContent";
 function PreviewCard2({ open, defaultOpen = false, onOpenChange, children }) {
-  const [current, setCurrent] = useControllableState2(open, defaultOpen, onOpenChange);
-  const { origin, capture } = useMorphOrigin2();
+  const [current, setCurrent] = useControllableState(open, defaultOpen, onOpenChange);
+  const { origin, capture } = useMorphOrigin();
   const ctx = useMemo(() => ({ open: current, origin }), [current, origin]);
   return /* @__PURE__ */ jsx(PreviewCardContext.Provider, {
     value: ctx,

package/dist/shared/{components-wgtjt2af.js → components-4700p9kz.js}

@@ -1,37 +1,35 @@
-"use client";
 import {
   cn2
-} from "./components-jcnjay5g.js";
+} from "./components-ezxhrmer.js";
 import {
   FluidHoverHighlight2
-} from "./components-dc5q749x.js";
+} from "./components-kvr7f9hy.js";
 import {
-  useIcon2
-} from "./components-jqpefjsn.js";
+  useIcon
+} from "./components-zrkzcayz.js";
 import {
-  popupScrollAreaClass2,
-  popupViewportClass2,
-  isDisabledRow2
-} from "./components-h6p86be3.js";
-import {
-  shapeMap2
-} from "./components-71nbt03m.js";
+  shapeMap
+} from "./components-cv16mryv.js";
 import {
   useSize2
-} from "./components-h83az0bz.js";
+} from "./components-0sn7ypjw.js";
 import {
   useFluidHover2,
   useRegisterFluidHoverItem2
-} from "./components-yhgq0qxx.js";
+} from "./components-59efxjd9.js";
 import {
   ScrollArea2
-} from "./components-ctqmge8t.js";
+} from "./components-b0eac83j.js";
 import {
   DialogTrigger2,
   DialogContent2,
-  createDialogChangeDetails2,
   DialogState2
-} from "./components-czdvj1a8.js";
+} from "./components-zfnmn5d4.js";
+import {
+  popupScrollAreaClass,
+  popupViewportClass,
+  isDisabledRow
+} from "./components-vynjtrk6.js";
 
 // components/overlays/command/index.tsx
 import { Autocomplete } from "@base-ui/react/autocomplete";
@@ -47,7 +45,7 @@ import {
   useState
 } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var listShape = shapeMap2.rounded;
+var listShape = shapeMap.rounded;
 var CommandContext = createContext({
   trigger: { current: null },
   close: () => {},
@@ -114,7 +112,7 @@ function CommandList2({ onPick, emptyMessage, className }) {
   const highlight = useContext(CommandHighlight);
   const compact = useSize2().variant === "compact";
   const containerRef = useRef(null);
-  const { itemRects, isMeasured, registerItem } = useFluidHover2(containerRef, { isItemDisabled: isDisabledRow2 });
+  const { itemRects, isMeasured, registerItem } = useFluidHover2(containerRef, { isItemDisabled: isDisabledRow });
   const rect = isMeasured && highlight !== null ? itemRects[highlight] ?? null : null;
   const rows = (items, start) => items.map((item, i) => /* @__PURE__ */ jsx(CommandRow, {
     item,
@@ -125,8 +123,8 @@ function CommandList2({ onPick, emptyMessage, className }) {
   return /* @__PURE__ */ jsx(CommandRows.Provider, {
     value: registerItem,
     children: /* @__PURE__ */ jsxs(ScrollArea2, {
-      className: cn2(popupScrollAreaClass2, className),
-      viewportClassName: cn2(popupViewportClass2, "scroll-fade"),
+      className: cn2(popupScrollAreaClass, className),
+      viewportClassName: cn2(popupViewportClass, "scroll-fade"),
       children: [
         /* @__PURE__ */ jsx(Autocomplete.Empty, {
           className: "px-4 py-6 text-center text-body text-muted-foreground empty:hidden",
@@ -168,7 +166,7 @@ function CommandPalette2({
   className
 }) {
   const { close } = useContext(CommandContext);
-  const SearchIcon = useIcon2("search");
+  const SearchIcon = useIcon("search");
   const size = useSize2();
   const [query, setQuery] = useState("");
   return /* @__PURE__ */ jsx(CommandListRoot2, {
@@ -258,12 +256,12 @@ function CommandScope({ open, onOpenChange, hotkey, children }) {
       if (event.defaultPrevented || !(event.metaKey || event.ctrlKey) || event.key.toLowerCase() !== hotkey)
         return;
       event.preventDefault();
-      change.current(!open, createDialogChangeDetails2("none", event, trigger.current ?? undefined));
+      change.current(!open, { trigger: trigger.current ?? undefined });
     };
     window.addEventListener("keydown", onKey, open);
     return () => window.removeEventListener("keydown", onKey, open);
   }, [hotkey, open]);
-  const ctx = useMemo(() => ({ trigger, close: () => change.current(false, createDialogChangeDetails2("imperative-action")), session }), [session]);
+  const ctx = useMemo(() => ({ trigger, close: () => change.current(false, {}), session }), [session]);
   return /* @__PURE__ */ jsx(CommandContext.Provider, {
     value: ctx,
     children: /* @__PURE__ */ jsx(DialogPrimitive.Root, {

package/dist/shared/{components-yhgq0qxx.js → components-59efxjd9.js}

@@ -1,4 +1,3 @@
-"use client";
 // lib/use-fluid-hover.ts
 import {
   useCallback,
@@ -6,7 +5,7 @@ import {
   useRef,
   useState
 } from "react";
-function pickNearest2({
+function pickNearest({
   axis,
   point,
   rects,
@@ -58,8 +57,8 @@ function pickNearest2({
   }
   return containingIndex ?? closestIndex;
 }
-var ACTIVE_ATTR2 = "data-fluid-hover-active";
-var ACTIVE_INDEX_ATTR2 = "data-fluid-hover-active-index";
+var ACTIVE_ATTR = "data-fluid-hover-active";
+var ACTIVE_INDEX_ATTR = "data-fluid-hover-active-index";
 var ACTIVATOR_SELECTOR = "a[href], button, [role='menuitem'], [role='menuitemradio'], [role='menuitemcheckbox'], [role='option'], [role='radio'], [role='checkbox'], [role='tab'], [role='link'], [role='button']";
 function resolveActivator(element) {
   if (element.matches(ACTIVATOR_SELECTOR) || element.hasAttribute("tabindex")) {
@@ -78,15 +77,15 @@ function useFluidHover2(containerRef, options = {}) {
   useEffect(() => {
     const container = containerRef.current;
     if (activeIndex === null)
-      container?.removeAttribute(ACTIVE_INDEX_ATTR2);
+      container?.removeAttribute(ACTIVE_INDEX_ATTR);
     else
-      container?.setAttribute(ACTIVE_INDEX_ATTR2, String(activeIndex));
+      container?.setAttribute(ACTIVE_INDEX_ATTR, String(activeIndex));
     const active = activeIndex === null ? undefined : itemsRef.current.get(activeIndex);
-    active?.setAttribute(ACTIVE_ATTR2, "");
+    active?.setAttribute(ACTIVE_ATTR, "");
     return () => {
-      active?.removeAttribute(ACTIVE_ATTR2);
+      active?.removeAttribute(ACTIVE_ATTR);
       if (activeIndex !== null)
-        itemsRef.current.get(activeIndex)?.removeAttribute(ACTIVE_ATTR2);
+        itemsRef.current.get(activeIndex)?.removeAttribute(ACTIVE_ATTR);
     };
   }, [activeIndex, containerRef]);
   const [itemRects, setItemRects] = useState([]);
@@ -171,12 +170,12 @@ function useFluidHover2(containerRef, options = {}) {
       itemsRef.current.set(index, element);
       getItemRo()?.observe(element);
       if (index === activeIndexRef.current)
-        element.setAttribute(ACTIVE_ATTR2, "");
+        element.setAttribute(ACTIVE_ATTR, "");
     } else {
       const previous = itemsRef.current.get(index);
       if (previous)
         itemRoRef.current?.unobserve(previous);
-      previous?.removeAttribute(ACTIVE_ATTR2);
+      previous?.removeAttribute(ACTIVE_ATTR);
       itemsRef.current.delete(index);
       if (index === activeIndexRef.current) {
         setActiveIndex((current) => current === index && !itemsRef.current.has(index) ? null : current);
@@ -195,7 +194,7 @@ function useFluidHover2(containerRef, options = {}) {
       const container = containerRef.current;
       if (!container)
         return;
-      setActiveIndex(pickNearest2({
+      setActiveIndex(pickNearest({
         axis,
         point: { x: mouseX, y: mouseY },
         rects: itemRectsRef.current,
@@ -296,4 +295,4 @@ function useRegisterFluidHoverItem2(registerItem, index, ref) {
   }, [index, registerItem, ref]);
 }
 
-export { pickNearest2, ACTIVE_ATTR2, ACTIVE_INDEX_ATTR2, useFluidHover2, useRegisterFluidHoverItem2 };
+export { useFluidHover2, useRegisterFluidHoverItem2 };

package/dist/shared/{components-91zw3d9f.js → components-5vgpnxgy.js}

@@ -1,54 +1,40 @@
-"use client";
 import {
-  defaultLocale2,
-  hourCycleOf2,
-  parseTimeText2,
-  formatTime2,
-  resolveLocale2
-} from "./components-54nq988h.js";
+  defaultLocale,
+  hourCycleOf,
+  parseTimeText,
+  dividedColumns
+} from "./components-gz8zf3ec.js";
 import {
   cn2
-} from "./components-jcnjay5g.js";
+} from "./components-ezxhrmer.js";
 import {
-  dividedColumns2
-} from "./components-0h78g3b5.js";
+  useControllableState
+} from "./components-n7mjr357.js";
 import {
-  useControllableState2
-} from "./components-tz1fv35x.js";
-import {
-  invalidOf,
-  controlAttributes,
   PickerShell,
   PickerInput
-} from "./components-8jrk5eye.js";
+} from "./components-s5ngg32c.js";
 import {
   pad,
   TimeColumns
-} from "./components-qx27excf.js";
+} from "./components-mjthm1kf.js";
 
 // components/inputs/date-time/time-picker/index.tsx
-import { set } from "date-fns";
-import {
-  forwardRef,
-  useRef
-} from "react";
+import { format, set } from "date-fns";
+import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 var toTime = (value) => {
   const [hours, minutes] = value?.split(":").map(Number) ?? [];
   return hours === undefined || minutes === undefined ? null : { hours, minutes };
 };
 var toValue = ({ hours, minutes }) => `${pad(hours)}:${pad(minutes)}`;
-var TimePicker2 = forwardRef(function TimePicker({
+function TimePicker2({
   value: valueProp,
   defaultValue = null,
   onValueChange,
   hourCycle,
   minuteStep = 1,
-  locale: localeProp = defaultLocale2,
-  formatTime: formatValue,
-  labels,
-  readOnly = false,
-  name,
+  locale = defaultLocale,
   placeholder,
   disabled,
   variant,
@@ -62,22 +48,19 @@ var TimePicker2 = forwardRef(function TimePicker({
   effect,
   hideSource,
   tier,
-  className,
-  ...control
-}, ref) {
-  const [value, setValue] = useControllableState2(valueProp, defaultValue, onValueChange);
-  const [open, setOpen] = useControllableState2(openProp, defaultOpen, onOpenChange);
+  className
+}) {
+  const [value, setValue] = useControllableState(valueProp, defaultValue, onValueChange);
+  const [open, setOpen] = useControllableState(openProp, defaultOpen, onOpenChange);
   const input = useRef(null);
-  const locale = resolveLocale2(localeProp);
-  const clock = hourCycle ?? hourCycleOf2(locale);
   const time = toTime(value);
-  const formatted = time ? formatTime2(set(new Date, time), locale, hourCycle) : "";
+  const formatted = time ? format(set(new Date, time), "p", { locale }) : "";
   const readTime = (text) => {
     if (!text.trim()) {
       setValue(null);
       return true;
     }
-    const read = parseTimeText2(text, locale);
+    const read = parseTimeText(text, locale);
     if (!read)
       return false;
     setValue(toValue({ hours: read.getHours(), minutes: read.getMinutes() }));
@@ -88,20 +71,14 @@ var TimePicker2 = forwardRef(function TimePicker({
     onOpenChange: setOpen,
     size,
     variant,
-    invalid: invalidOf(invalid, control["aria-invalid"]),
+    invalid,
     disabled,
-    readOnly,
     icon: "clock",
-    display: time && formatValue ? formatValue(toValue(time)) : formatted,
+    display: formatted,
     placeholder,
-    closeLabel: labels?.close,
-    controlRef: ref,
-    controlProps: controlAttributes(control),
-    formValues: [{ slot: "value", name, value: time ? toValue(time) : "" }],
-    required: control.required,
     header: /* @__PURE__ */ jsx(PickerInput, {
       ref: input,
-      "aria-label": labels?.time || placeholder || "Time",
+      "aria-label": placeholder ?? "Time",
       placeholder,
       formatted,
       onText: readTime,
@@ -117,20 +94,19 @@ var TimePicker2 = forwardRef(function TimePicker({
     tier,
     className,
     children: /* @__PURE__ */ jsx("div", {
-      className: cn2(dividedColumns2, "h-56"),
+      className: cn2(dividedColumns, "h-56"),
       children: /* @__PURE__ */ jsx(TimeColumns, {
         value: time,
         onValueChange: (next) => setValue(toValue(next)),
-        hourCycle: clock,
+        hourCycle: hourCycle ?? hourCycleOf(locale),
         minuteStep,
         locale,
         orientation: "vertical",
-        fill: true,
-        labels
+        fill: true
       })
     })
   });
-});
+}
 var time_picker_default = TimePicker2;
 
 export { TimePicker2, time_picker_default };