@justanarthur/modo-ui 0.1.0 → 0.2.0

package/dist/shared/{components-7gv95yfy.js → components-62ybc7t2.js}

@@ -1,50 +1,50 @@
 import {
-  SizeProvider
-} from "./components-vb033rns.js";
+  opensInPlace,
+  inPlaceOffset,
+  useMorphOrigin,
+  useMorph
+} from "./components-hqeq3w9q.js";
 import {
-  POPUP_NAV_KEYS,
-  isDisabledRow,
-  popupScrollAreaClass,
-  popupViewportClass
-} from "./components-jw16snbn.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  ScrollArea
-} from "./components-ed7cmssr.js";
-import {
-  SURFACE_BG,
-  SURFACE_SHADOW,
-  SurfaceProvider,
-  useSurface
-} from "./components-csxz9f52.js";
+  FluidHoverHighlight2
+} from "./components-kvr7f9hy.js";
 import {
   MorphSurface
-} from "./components-jxgznftn.js";
-import {
-  FluidHoverHighlight
-} from "./components-r22vtgqc.js";
-import {
-  useFluidHover,
-  useRegisterFluidHoverItem
-} from "./components-e46kf6cp.js";
+} from "./components-0q0sqfh4.js";
 import {
   shapeMap,
   useShape
-} from "./components-7zp99w5d.js";
+} from "./components-cv16mryv.js";
 import {
-  inPlaceOffset,
-  opensInPlace,
-  useMorph,
-  useMorphOrigin
-} from "./components-7nww01w4.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
+import {
+  SURFACE_BG,
+  SURFACE_SHADOW,
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  useFluidHover2,
+  useRegisterFluidHoverItem2
+} from "./components-59efxjd9.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  ScrollArea2
+} from "./components-hawvy2qz.js";
+import {
+  SizeProvider2
+} from "./components-jjw69c4c.js";
+import {
+  popupScrollAreaClass,
+  popupViewportClass,
+  POPUP_NAV_KEYS,
+  isDisabledRow
+} from "./components-vynjtrk6.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/inputs/select/index.tsx
 import { Select as SelectPrimitive } from "@base-ui/react/select";
@@ -109,7 +109,7 @@ function collectSelectItems(node, out = []) {
   });
   return out;
 }
-function Select({ children, value, defaultValue, onValueChange, disabled = false, name, required, size }) {
+function Select2({ children, value, defaultValue, onValueChange, disabled = false, name, required, size }) {
   const [internalValue, setInternalValue] = useState(defaultValue ?? "");
   const [open, setOpen] = useState(false);
   const { origin, capture } = useMorphOrigin();
@@ -159,13 +159,13 @@ function Select({ children, value, defaultValue, onValueChange, disabled = false
       children
     })
   });
-  return size ? /* @__PURE__ */ jsx(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
     size,
     children: root
   }) : root;
 }
-Select.displayName = "Select";
-var triggerVariants = cva([
+Select2.displayName = "Select";
+var triggerVariants2 = cva([
   "group inline-flex items-center justify-between outline-none cursor-pointer",
   "transition-all duration-fast",
   "disabled:opacity-50 disabled:pointer-events-none",
@@ -181,9 +181,9 @@ var triggerVariants = cva([
     variant: "bordered"
   }
 });
-var SelectTrigger = forwardRef(({ className, variant, icon: Icon, placeholder = "Select…", error, size, ...props }, ref) => {
+var SelectTrigger2 = forwardRef(({ className, variant, icon: Icon, placeholder = "Select…", error, size, ...props }, ref) => {
   const shape = useShape();
-  const sizeClasses = useSize(size);
+  const sizeClasses = useSize2(size);
   const compact = sizeClasses.variant === "compact";
   return /* @__PURE__ */ jsxs("div", {
     className: "flex flex-col gap-1",
@@ -191,11 +191,11 @@ var SelectTrigger = forwardRef(({ className, variant, icon: Icon, placeholder =
       /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
         ref,
         "aria-invalid": !!error || undefined,
-        className: cn(triggerVariants({ variant }), sizeClasses.control, sizeClasses.text, sizeClasses.px, sizeClasses.gap, compact ? "min-w-[128px]" : "min-w-[160px]", shape.input, error && "border-destructive/50 hover:border-destructive/50", className),
+        className: cn2(triggerVariants2({ variant }), sizeClasses.control, sizeClasses.text, sizeClasses.px, sizeClasses.gap, compact ? "min-w-[128px]" : "min-w-[160px]", shape.input, error && "border-destructive/50 hover:border-destructive/50", className),
         ...props,
         children: [
           /* @__PURE__ */ jsxs("span", {
-            className: cn("flex items-center min-w-0 flex-1", sizeClasses.gap),
+            className: cn2("flex items-center min-w-0 flex-1", sizeClasses.gap),
             children: [
               Icon && /* @__PURE__ */ jsx(Icon, {
                 size: sizeClasses.icon,
@@ -231,15 +231,15 @@ var SelectTrigger = forwardRef(({ className, variant, icon: Icon, placeholder =
     ]
   });
 });
-SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = forwardRef(({ from, effect, hideSource, tier = "moderate", className, children }, ref) => {
+SelectTrigger2.displayName = "SelectTrigger";
+var SelectContent2 = forwardRef(({ from, effect, hideSource, tier = "moderate", className, children }, ref) => {
   const { open, value, origin } = useSelectContext();
   const morph = useMorph(open, origin, { from, effect, hideSource, tier });
   useImperativeHandle(ref, () => morph.popup, [morph.popup]);
-  const level = Math.min(useSurface() + 2, 8);
+  const level = Math.min(useSurface2() + 2, 8);
   const shape = popupShape;
   const containerRef = useRef2(null);
-  const hover = useFluidHover(containerRef, { isItemDisabled: isDisabledRow });
+  const hover = useFluidHover2(containerRef, { isItemDisabled: isDisabledRow });
   const { activeIndex, setActiveIndex, itemRects, isMeasured, handlers, registerItem, remeasure } = hover;
   const [focusedIndex, setFocusedIndex] = useState(null);
   const { keyboardNavRef, trackKeyboardNav } = useKeyboardNavGate(open);
@@ -312,17 +312,17 @@ var SelectContent = forwardRef(({ from, effect, hideSource, tier = "moderate", c
             setActiveIndex(null);
           },
           className: "relative select-none outline-none",
-          children: /* @__PURE__ */ jsx(SurfaceProvider, {
+          children: /* @__PURE__ */ jsx(SurfaceProvider2, {
             value: level,
             children: /* @__PURE__ */ jsx(MorphSurface, {
               morph,
               bg: SURFACE_BG[level],
               shadow: SURFACE_SHADOW[3],
               radius: shape.container,
-              className: cn(`flex flex-col min-w-[var(--anchor-width)] max-h-[min(300px,var(--available-height))] overflow-hidden ${shape.container}`, className),
-              children: /* @__PURE__ */ jsx(ScrollArea, {
+              className: cn2(`flex flex-col min-w-[var(--anchor-width)] max-h-[min(300px,var(--available-height))] overflow-hidden ${shape.container}`, className),
+              children: /* @__PURE__ */ jsx(ScrollArea2, {
                 className: popupScrollAreaClass,
-                viewportClassName: cn(popupViewportClass, "scroll-fade"),
+                viewportClassName: cn2(popupViewportClass, "scroll-fade"),
                 children: /* @__PURE__ */ jsxs("div", {
                   ref: containerRef,
                   className: "relative flex flex-col p-1",
@@ -338,14 +338,14 @@ var SelectContent = forwardRef(({ from, effect, hideSource, tier = "moderate", c
                           height: checkedRect.height,
                           opacity: 1
                         },
-                        exit: { opacity: 0, transition: spring.moderate.exit },
+                        exit: { opacity: 0, transition: spring2.moderate.exit },
                         transition: {
-                          ...spring.moderate,
-                          opacity: { duration: spring.fast.duration }
+                          ...spring2.moderate,
+                          opacity: { duration: spring2.fast.duration }
                         }
                       })
                     }),
-                    /* @__PURE__ */ jsx(FluidHoverHighlight, {
+                    /* @__PURE__ */ jsx(FluidHoverHighlight2, {
                       hover,
                       hidden: !open,
                       className: shape.bg
@@ -360,10 +360,10 @@ var SelectContent = forwardRef(({ from, effect, hideSource, tier = "moderate", c
                           width: focusRect.width + 4,
                           height: focusRect.height + 4
                         },
-                        exit: { opacity: 0, transition: spring.fast.exit },
+                        exit: { opacity: 0, transition: spring2.fast.exit },
                         transition: {
-                          ...spring.fast,
-                          opacity: { duration: spring.fast.duration }
+                          ...spring2.fast,
+                          opacity: { duration: spring2.fast.duration }
                         }
                       })
                     }),
@@ -378,20 +378,20 @@ var SelectContent = forwardRef(({ from, effect, hideSource, tier = "moderate", c
     })
   });
 });
-SelectContent.displayName = "SelectContent";
-var SelectItem = forwardRef(({ className, children, icon: Icon, value, index, disabled = false, ...props }, ref) => {
+SelectContent2.displayName = "SelectContent";
+var SelectItem2 = forwardRef(({ className, children, icon: Icon, value, index, disabled = false, ...props }, ref) => {
   const selectCtx = useSelectContext();
   const contentCtx = useContext(SelectContentContext);
   const internalRef = useRef2(null);
   const shape = popupShape;
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const compact = sizeClasses.variant === "compact";
   const hasMounted = useRef2(false);
   useEffect2(() => {
     hasMounted.current = true;
   }, []);
   const registerItem = contentCtx?.registerItem;
-  useRegisterFluidHoverItem(registerItem, index, internalRef);
+  useRegisterFluidHoverItem2(registerItem, index, internalRef);
   const isActive = contentCtx?.activeIndex === index;
   const isChecked = selectCtx.value === value;
   const skipAnimation = !hasMounted.current;
@@ -409,7 +409,7 @@ var SelectItem = forwardRef(({ className, children, icon: Icon, value, index, di
       },
       "data-fluid-hover-index": index,
       "data-value": value,
-      className: cn(`relative z-10 flex ${sizeClasses.control} shrink-0 items-center ${sizeClasses.gap} ${shape.item} ${sizeClasses.itemPx} ${sizeClasses.text} cursor-pointer outline-none select-none`, "transition-[color] duration-fast", isActive || isChecked ? "text-foreground" : "text-muted-foreground", disabled && "opacity-50 pointer-events-none", className),
+      className: cn2(`relative z-10 flex ${sizeClasses.control} shrink-0 items-center ${sizeClasses.gap} ${shape.item} ${sizeClasses.itemPx} ${sizeClasses.text} cursor-pointer outline-none select-none`, "transition-[color] duration-fast", isActive || isChecked ? "text-foreground" : "text-muted-foreground", disabled && "opacity-50 pointer-events-none", className),
       ...props
     }),
     children: [
@@ -426,7 +426,7 @@ var SelectItem = forwardRef(({ className, children, icon: Icon, value, index, di
       }),
       /* @__PURE__ */ jsx("span", {
         "aria-hidden": true,
-        className: cn("shrink-0", compact ? "w-3.5 h-3.5" : "w-4 h-4"),
+        className: cn2("shrink-0", compact ? "w-3.5 h-3.5" : "w-4 h-4"),
         children: /* @__PURE__ */ jsx(AnimatePresence, {
           children: isChecked && /* @__PURE__ */ jsx(motion.svg, {
             width: sizeClasses.icon,
@@ -446,7 +446,7 @@ var SelectItem = forwardRef(({ className, children, icon: Icon, value, index, di
               initial: { pathLength: skipAnimation ? 1 : 0 },
               animate: {
                 pathLength: 1,
-                transition: { duration: spring.fast.duration, ease: "easeOut" }
+                transition: { duration: spring2.fast.duration, ease: "easeOut" }
               },
               exit: {
                 pathLength: 0,
@@ -459,8 +459,8 @@ var SelectItem = forwardRef(({ className, children, icon: Icon, value, index, di
     ]
   });
 });
-SelectItem.displayName = "SelectItem";
-function SelectGroup({ children, className, ...props }) {
+SelectItem2.displayName = "SelectItem";
+function SelectGroup2({ children, className, ...props }) {
   return /* @__PURE__ */ jsx("div", {
     role: "group",
     className,
@@ -468,29 +468,29 @@ function SelectGroup({ children, className, ...props }) {
     children
   });
 }
-SelectGroup.displayName = "SelectGroup";
-var SelectLabel = forwardRef(({ className, ...props }, ref) => {
-  const compact = useSize().variant === "compact";
+SelectGroup2.displayName = "SelectGroup";
+var SelectLabel2 = forwardRef(({ className, ...props }, ref) => {
+  const compact = useSize2().variant === "compact";
   return /* @__PURE__ */ jsx("div", {
     ref,
-    className: cn("px-2 py-1.5 shrink-0 text-muted-foreground", compact ? "text-caption-compact" : "text-caption", className),
+    className: cn2("px-2 py-1.5 shrink-0 text-muted-foreground", compact ? "text-caption-compact" : "text-caption", className),
     ...props
   });
 });
-SelectLabel.displayName = "SelectLabel";
-var SelectSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+SelectLabel2.displayName = "SelectLabel";
+var SelectSeparator2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
   ref,
   role: "separator",
-  className: cn("my-1 -mx-1 h-px shrink-0 bg-border/60", className),
+  className: cn2("my-1 -mx-1 h-px shrink-0 bg-border/60", className),
   ...props
 }));
-SelectSeparator.displayName = "SelectSeparator";
-Select.Trigger = SelectTrigger;
-Select.Content = SelectContent;
-Select.Item = SelectItem;
-Select.Group = SelectGroup;
-Select.Label = SelectLabel;
-Select.Separator = SelectSeparator;
-var select_default = Select;
+SelectSeparator2.displayName = "SelectSeparator";
+Select2.Trigger = SelectTrigger2;
+Select2.Content = SelectContent2;
+Select2.Item = SelectItem2;
+Select2.Group = SelectGroup2;
+Select2.Label = SelectLabel2;
+Select2.Separator = SelectSeparator2;
+var select_default = Select2;
 
-export { Select, triggerVariants, SelectTrigger, SelectContent, SelectItem, SelectGroup, SelectLabel, SelectSeparator, select_default };
+export { Select2, triggerVariants2, SelectTrigger2, SelectContent2, SelectItem2, SelectGroup2, SelectLabel2, SelectSeparator2, select_default };

package/dist/shared/{components-brnzrp2t.js → components-66mv71kx.js}

@@ -1,42 +1,42 @@
-import {
-  CommandList,
-  CommandListRoot,
-  CommandShortcut
-} from "./components-4hh0gm0v.js";
 import {
   useIcon
-} from "./components-m5br529r.js";
+} from "./components-zrkzcayz.js";
 import {
-  SURFACE_BG,
-  SURFACE_SHADOW,
-  SurfaceProvider,
-  useSurface
-} from "./components-csxz9f52.js";
+  useReduceMotion
+} from "./components-men63rwj.js";
 import {
   MorphSurface
-} from "./components-jxgznftn.js";
+} from "./components-0q0sqfh4.js";
+import {
+  useMorph
+} from "./components-hqeq3w9q.js";
+import {
+  cn2
+} from "./components-ezxhrmer.js";
 import {
   shapeMap,
   useShape
-} from "./components-7zp99w5d.js";
+} from "./components-cv16mryv.js";
 import {
-  useControllableState
-} from "./components-dg0w8g5p.js";
-import {
-  useMorph
-} from "./components-7nww01w4.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
-  useReduceMotion
-} from "./components-nnnd2xef.js";
+  SURFACE_BG,
+  SURFACE_SHADOW,
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  useControllableState
+} from "./components-n7mjr357.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  CommandListRoot2,
+  CommandShortcut2,
+  CommandList2
+} from "./components-8fpr3s4p.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/inputs/search/index.tsx
 import { Autocomplete } from "@base-ui/react/autocomplete";
@@ -48,7 +48,7 @@ var INSET = { default: "pl-2.5", compact: "pl-[7px]" };
 var SQUARE = { default: "w-9", compact: "w-7" };
 var PILL = { default: "min-w-[160px]", compact: "min-w-[128px]" };
 var isEditable = (target) => target instanceof HTMLElement && (target.isContentEditable || target.closest("input, textarea, select") !== null);
-function Search({
+function Search2({
   variant = "pill",
   placeholder = "Search",
   items,
@@ -74,8 +74,8 @@ function Search({
   const [rest, setRest] = useState(0);
   const reduced = useReduceMotion();
   const shape = useShape();
-  const size = useSize();
-  const level = Math.min(useSurface() + 2, 8);
+  const size = useSize2();
+  const level = Math.min(useSurface2() + 2, 8);
   const SearchIcon = useIcon("search");
   const XIcon = useIcon("x");
   const button = useRef(null);
@@ -135,7 +135,7 @@ function Search({
     placeholder,
     "aria-label": placeholder,
     onKeyDown,
-    className: cn("h-full min-w-0 flex-1 bg-transparent text-foreground outline-none placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden", size.text)
+    className: cn2("h-full min-w-0 flex-1 bg-transparent text-foreground outline-none placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden", size.text)
   };
   const root = /* @__PURE__ */ jsx("search", {
     onBlur: (event) => {
@@ -143,7 +143,7 @@ function Search({
         return;
       collapse(false);
     },
-    className: cn("group/search relative inline-flex shrink-0 align-middle", className),
+    className: cn2("group/search relative inline-flex shrink-0 align-middle", className),
     children: /* @__PURE__ */ jsxs("form", {
       className: "contents",
       onSubmit: (event) => {
@@ -156,7 +156,7 @@ function Search({
           type: "button",
           "aria-label": placeholder,
           onClick: expand,
-          className: cn("relative z-[1] flex items-center outline-none focus-visible:ring-1 focus-visible:ring-focus-ring", size.control, size.gap, size.text, shape.input, variant === "icon" ? cn("cursor-pointer justify-center", SQUARE[size.variant]) : cn("cursor-text pr-2.5", INSET[size.variant], PILL[size.variant]), isExpanded && "invisible"),
+          className: cn2("relative z-[1] flex items-center outline-none focus-visible:ring-1 focus-visible:ring-focus-ring", size.control, size.gap, size.text, shape.input, variant === "icon" ? cn2("cursor-pointer justify-center", SQUARE[size.variant]) : cn2("cursor-text pr-2.5", INSET[size.variant], PILL[size.variant]), isExpanded && "invisible"),
           children: [
             /* @__PURE__ */ jsx(SearchIcon, {
               size: size.icon,
@@ -167,7 +167,7 @@ function Search({
               className: "text-muted-foreground",
               children: placeholder
             }),
-            variant === "pill" && shortcut && /* @__PURE__ */ jsx(CommandShortcut, {
+            variant === "pill" && shortcut && /* @__PURE__ */ jsx(CommandShortcut2, {
               className: "pl-4",
               children: shortcut
             })
@@ -175,13 +175,13 @@ function Search({
         }),
         rest > 0 && /* @__PURE__ */ jsx(motion.div, {
           ref: field,
-          className: cn("absolute top-0 h-full overflow-hidden ring-1 transition-[box-shadow] duration-moderate", align === "end" ? "right-0" : "left-0", shape.input, lifted ? cn("z-10 ring-transparent", SURFACE_BG[level], SURFACE_SHADOW[3]) : "ring-border group-hover/search:bg-muted/50"),
+          className: cn2("absolute top-0 h-full overflow-hidden ring-1 transition-[box-shadow] duration-moderate", align === "end" ? "right-0" : "left-0", shape.input, lifted ? cn2("z-10 ring-transparent", SURFACE_BG[level], SURFACE_SHADOW[3]) : "ring-border group-hover/search:bg-muted/50"),
           initial: false,
           animate: { width: isExpanded ? width : rest },
-          transition: reduced ? { duration: 0 } : isExpanded ? spring.slow : spring.slow.exit,
+          transition: reduced ? { duration: 0 } : isExpanded ? spring2.slow : spring2.slow.exit,
           onAnimationComplete: () => setSettled(isExpanded),
           children: lifted && /* @__PURE__ */ jsxs("div", {
-            className: cn("flex h-full items-center pr-1.5", size.gap, INSET[size.variant]),
+            className: cn2("flex h-full items-center pr-1.5", size.gap, INSET[size.variant]),
             style: { width },
             children: [
               /* @__PURE__ */ jsx(SearchIcon, {
@@ -219,7 +219,7 @@ function Search({
   });
   if (!suggestions)
     return root;
-  return /* @__PURE__ */ jsxs(CommandListRoot, {
+  return /* @__PURE__ */ jsxs(CommandListRoot2, {
     items: suggestions,
     value: query,
     onValueChange: setQuery,
@@ -237,7 +237,7 @@ function Search({
           children: /* @__PURE__ */ jsx(Autocomplete.Popup, {
             ref: morph.popupRef,
             className: "relative outline-none",
-            children: /* @__PURE__ */ jsx(SurfaceProvider, {
+            children: /* @__PURE__ */ jsx(SurfaceProvider2, {
               value: level,
               children: /* @__PURE__ */ jsx(MorphSurface, {
                 morph,
@@ -245,7 +245,7 @@ function Search({
                 shadow: SURFACE_SHADOW[3],
                 radius: shapeMap.rounded.container,
                 className: "flex max-h-[min(300px,var(--available-height))] w-[var(--anchor-width)] flex-col overflow-hidden",
-                children: /* @__PURE__ */ jsx(CommandList, {
+                children: /* @__PURE__ */ jsx(CommandList2, {
                   emptyMessage,
                   onPick: (item) => onSubmit?.(item.label)
                 })
@@ -257,6 +257,6 @@ function Search({
     ]
   });
 }
-var search_default = Search;
+var search_default = Search2;
 
-export { Search, search_default };
+export { Search2, search_default };

package/dist/shared/{components-taxmgbnh.js → components-7ans7ce5.js}

@@ -1,29 +1,29 @@
 import {
-  pad
-} from "./components-r4jt6hgd.js";
-import {
-  PickerInput,
-  PickerShell
-} from "./components-hzfp4tjb.js";
-import {
-  ScrollColumn,
   defaultLocale,
+  fieldLabel,
   dividedColumns,
-  fieldLabel
-} from "./components-x2xyckd5.js";
+  ScrollColumn
+} from "./components-9jvzzvt1.js";
+import {
+  cn2
+} from "./components-ezxhrmer.js";
 import {
   useControllableState
-} from "./components-dg0w8g5p.js";
+} from "./components-n7mjr357.js";
+import {
+  PickerShell,
+  PickerInput
+} from "./components-7btqt08d.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  pad
+} from "./components-q4daerx0.js";
 
 // components/inputs/date-time/duration-picker/index.tsx
 import { formatDuration } from "date-fns";
 import { useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var TYPED = /^\s*(\d{1,3})(?::(\d{1,2}))?\s*$/;
-function DurationPicker({
+function DurationPicker2({
   value: valueProp,
   defaultValue = null,
   onValueChange,
@@ -95,7 +95,7 @@ function DurationPicker({
     tier,
     className,
     children: /* @__PURE__ */ jsxs("div", {
-      className: cn(dividedColumns, "h-56"),
+      className: cn2(dividedColumns, "h-56"),
       children: [
         /* @__PURE__ */ jsx(ScrollColumn, {
           label: fieldLabel(locale, "hour"),
@@ -115,6 +115,6 @@ function DurationPicker({
     })
   });
 }
-var duration_picker_default = DurationPicker;
+var duration_picker_default = DurationPicker2;
 
-export { DurationPicker, duration_picker_default };
+export { DurationPicker2, duration_picker_default };