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

package/dist/shared/{components-5y5shqfd.js → components-dk0gjr5a.js}

@@ -1,28 +1,27 @@
-"use client";
-import {
-  spring2
-} from "./components-3ey0hzpb.js";
 import {
   cn2
-} from "./components-jcnjay5g.js";
+} from "./components-ezxhrmer.js";
 import {
-  GooIndicator2
-} from "./components-pw06rbxq.js";
+  GooIndicator
+} from "./components-chacnk61.js";
 import {
-  useShape2
-} from "./components-71nbt03m.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
   useSize2
-} from "./components-h83az0bz.js";
+} from "./components-0sn7ypjw.js";
 import {
-  useControllableState2
-} from "./components-tz1fv35x.js";
+  useControllableState
+} from "./components-n7mjr357.js";
 import {
   useFluidHover2
-} from "./components-yhgq0qxx.js";
+} from "./components-59efxjd9.js";
 import {
   SizeProvider2
-} from "./components-dcc02hs2.js";
+} from "./components-jjw69c4c.js";
+import {
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/navigation/tabs-subtle/index.tsx
 import { Tabs } from "@base-ui/react/tabs";
@@ -59,7 +58,7 @@ var TabsSubtle2 = forwardRef(({
   className,
   ...props
 }, ref) => {
-  const [selectedIndex, onSelect] = useControllableState2(selectedIndexProp, defaultSelectedIndex, onSelectProp);
+  const [selectedIndex, onSelect] = useControllableState(selectedIndexProp, defaultSelectedIndex, onSelectProp);
   const childList = Children.toArray(children);
   const panels = childList.filter(isPanel);
   const tabs = childList.filter((child) => !isPanel(child));
@@ -67,7 +66,7 @@ var TabsSubtle2 = forwardRef(({
   const resolvedIdPrefix = idPrefix ?? (panels.length > 0 ? generatedIdPrefix : undefined);
   const containerRef = useRef(null);
   const isMouseInside = useRef(false);
-  const shape = useShape2();
+  const shape = useShape();
   const {
     activeIndex: hoveredIndex,
     setActiveIndex: setHoveredIndex,
@@ -155,12 +154,12 @@ var TabsSubtle2 = forwardRef(({
           className: cn2("relative flex items-center select-none overflow-x-auto max-w-[calc(100%_+_8px)] scrollbar-hide -mx-1 px-1 -my-1 py-1", className),
           ...props,
           children: [
-            selectedRect && /* @__PURE__ */ jsx(GooIndicator2, {
+            selectedRect && /* @__PURE__ */ jsx(GooIndicator, {
               rect: selectedRect,
               className: cn2("bg-active", shape.bg),
               opacity: isHovering ? 0.8 : 1
             }),
-            selectedRect && /* @__PURE__ */ jsx(GooIndicator2, {
+            selectedRect && /* @__PURE__ */ jsx(GooIndicator, {
               rect: isHovering && hoverRect ? hoverRect : selectedRect,
               className: cn2("bg-active", shape.bg),
               transition: spring2.fast,
@@ -210,7 +209,7 @@ var TabsSubtleItem2 = forwardRef(({ icon: Icon, label, index, className, ...prop
     labelRoRef.current = new ResizeObserver(update);
     labelRoRef.current.observe(el);
   }, []);
-  const shape = useShape2();
+  const shape = useShape();
   const sizeClasses = useSize2();
   const { registerTab, hoveredIndex, selectedIndex, idPrefix, activeLabel } = useTabsSubtle();
   useEffect(() => {

package/dist/shared/{components-khspp26b.js → components-fzrq6tr3.js}

@@ -1,45 +1,42 @@
-"use client";
 import {
-  useIcon2
-} from "./components-jqpefjsn.js";
+  useIcon
+} from "./components-zrkzcayz.js";
 import {
-  useReduceMotion2
-} from "./components-de99ykt7.js";
+  useReduceMotion
+} from "./components-men63rwj.js";
 import {
-  spring2
-} from "./components-3ey0hzpb.js";
+  MorphSurface
+} from "./components-0q0sqfh4.js";
 import {
-  useMorph2
-} from "./components-awra5sff.js";
+  useMorph
+} from "./components-hqeq3w9q.js";
 import {
   cn2
-} from "./components-jcnjay5g.js";
-import {
-  MorphSurface2
-} from "./components-4y816hwp.js";
+} from "./components-ezxhrmer.js";
 import {
-  shapeMap2,
-  useShape2
-} from "./components-71nbt03m.js";
+  shapeMap,
+  useShape
+} 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 {
   CommandListRoot2,
   CommandShortcut2,
   CommandList2
-} from "./components-xqszvkj4.js";
+} from "./components-4700p9kz.js";
+import {
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/inputs/search/index.tsx
 import { Autocomplete } from "@base-ui/react/autocomplete";
@@ -70,17 +67,17 @@ function Search2({
   tier = "moderate",
   className
 }) {
-  const [query, setQuery] = useControllableState2(value, defaultValue, onValueChange);
-  const [isExpanded, setExpanded] = useControllableState2(expanded, defaultExpanded, onExpandedChange);
+  const [query, setQuery] = useControllableState(value, defaultValue, onValueChange);
+  const [isExpanded, setExpanded] = useControllableState(expanded, defaultExpanded, onExpandedChange);
   const [suggesting, setSuggesting] = useState(false);
   const [settled, setSettled] = useState(isExpanded);
   const [rest, setRest] = useState(0);
-  const reduced = useReduceMotion2();
-  const shape = useShape2();
+  const reduced = useReduceMotion();
+  const shape = useShape();
   const size = useSize2();
   const level = Math.min(useSurface2() + 2, 8);
-  const SearchIcon = useIcon2("search");
-  const XIcon = useIcon2("x");
+  const SearchIcon = useIcon("search");
+  const XIcon = useIcon("x");
   const button = useRef(null);
   const field = useRef(null);
   const input = useRef(null);
@@ -88,7 +85,7 @@ function Search2({
   const suggestions = useMemo(() => items?.map((item) => typeof item === "string" ? { label: item } : item), [items]);
   const open = suggesting && isExpanded && settled;
   const lifted = isExpanded || settled;
-  const morph = useMorph2(open, origin, { from: field, effect, tier });
+  const morph = useMorph(open, origin, { from: field, effect, tier });
   useLayoutEffect(() => {
     const el = button.current;
     if (!el)
@@ -178,7 +175,7 @@ function Search2({
         }),
         rest > 0 && /* @__PURE__ */ jsx(motion.div, {
           ref: field,
-          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_BG2[level], SURFACE_SHADOW2[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 ? spring2.slow : spring2.slow.exit,
@@ -242,11 +239,11 @@ function Search2({
             className: "relative 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],
-                radius: shapeMap2.rounded.container,
+                bg: SURFACE_BG[level],
+                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(CommandList2, {
                   emptyMessage,

package/dist/shared/{components-km7fhgbk.js → components-gc5vtq2f.js}

@@ -1,34 +1,30 @@
-"use client";
 import {
-  opensInPlace2,
-  inPlaceOffset2,
-  useMorphOrigin2,
-  useMorph2
-} from "./components-awra5sff.js";
+  MorphSurface
+} from "./components-0q0sqfh4.js";
 import {
-  cn2
-} from "./components-jcnjay5g.js";
-import {
-  MorphSurface2
-} from "./components-4y816hwp.js";
+  opensInPlace,
+  inPlaceOffset,
+  useMorphOrigin,
+  useMorph
+} from "./components-hqeq3w9q.js";
 import {
-  useShape2
-} from "./components-71nbt03m.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  slotRender2,
-  slotId2
-} from "./components-mrbaxt8q.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
-  SURFACE_BG2,
-  SURFACE_SHADOW2
-} from "./components-vf45j12c.js";
+  slotRender
+} from "./components-3ky44908.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/popover/index.tsx
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
@@ -42,12 +38,11 @@ import {
 import { jsx } from "react/jsx-runtime";
 var PopoverContext = createContext({ open: false, origin: { current: {} } });
 var PopoverTrigger2 = forwardRef(({ render, asChild, children, ...props }, ref) => {
-  const el = slotRender2(render, asChild, children);
+  const el = slotRender(render, asChild, children);
   return el ? /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
     ref,
     render: el,
-    ...props,
-    id: slotId2(el, props.id)
+    ...props
   }) : /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
     ref,
     ...props,
@@ -56,7 +51,7 @@ var PopoverTrigger2 = forwardRef(({ render, asChild, children, ...props }, ref)
 });
 PopoverTrigger2.displayName = "PopoverTrigger";
 var PopoverClose2 = forwardRef(({ render, asChild, children, ...props }, ref) => {
-  const el = slotRender2(render, asChild, children);
+  const el = slotRender(render, asChild, children);
   return el ? /* @__PURE__ */ jsx(PopoverPrimitive.Close, {
     ref,
     render: el,
@@ -68,21 +63,10 @@ var PopoverClose2 = forwardRef(({ render, asChild, children, ...props }, ref) =>
   });
 });
 PopoverClose2.displayName = "PopoverClose";
-function anchorElement(anchor) {
-  const resolved = typeof anchor === "function" ? anchor() : anchor;
-  const el = resolved && "current" in resolved ? resolved.current : resolved;
-  return el instanceof HTMLElement ? el : null;
-}
 var PopoverContent2 = forwardRef(({
   side = "bottom",
   align,
   sideOffset = 12,
-  alignOffset,
-  anchor,
-  collisionPadding,
-  collisionBoundary,
-  initialFocus,
-  finalFocus,
   from,
   effect,
   hideSource,
@@ -93,45 +77,28 @@ var PopoverContent2 = forwardRef(({
   ...props
 }, ref) => {
   const { open, origin } = useContext(PopoverContext);
-  const anchorSource = useMemo(() => anchor ? {
-    get current() {
-      return anchorElement(anchor) ?? origin.current?.trigger ?? null;
-    }
-  } : undefined, [anchor, origin]);
-  const morph = useMorph2(open, origin, {
-    from: from ?? anchorSource,
-    effect,
-    hideSource,
-    tier,
-    returnFocus: typeof finalFocus === "boolean" ? finalFocus : finalFocus === undefined
-  });
-  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(PopoverPrimitive.Portal, {
     container: container ?? undefined,
     children: /* @__PURE__ */ jsx(PopoverPrimitive.Positioner, {
       side,
       align: align ?? (inPlace ? "start" : "center"),
-      sideOffset: inPlace ? inPlaceOffset2 : sideOffset,
-      alignOffset,
-      anchor,
-      collisionPadding,
-      collisionBoundary,
+      sideOffset: inPlace ? inPlaceOffset : sideOffset,
       className: "z-50 outline-none",
       children: /* @__PURE__ */ jsx(PopoverPrimitive.Popup, {
         ref: morph.popupRef,
-        initialFocus,
-        finalFocus,
         className: "relative outline-none",
         ...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-1 p-4", className),
             children
@@ -155,8 +122,8 @@ var PopoverDescription2 = forwardRef(({ className, ...props }, ref) => /* @__PUR
 }));
 PopoverDescription2.displayName = "PopoverDescription";
 function Popover2({ open, defaultOpen = false, onOpenChange, modal = false, children }) {
-  const [current, setCurrent] = useControllableState2(open, defaultOpen);
-  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(PopoverContext.Provider, {
     value: ctx,
@@ -164,9 +131,6 @@ function Popover2({ open, defaultOpen = false, onOpenChange, modal = false, chil
       open: current,
       modal,
       onOpenChange: (next, details) => {
-        onOpenChange?.(next, details);
-        if (details.isCanceled)
-          return;
         if (next)
           capture(details);
         setCurrent(next);

package/dist/shared/components-gf5s6ap9.js

@@ -0,0 +1,42 @@
+import {
+  DialogTrigger2,
+  DialogClose2,
+  DialogContent2,
+  DialogHeader2,
+  DialogFooter2,
+  DialogTitle2,
+  DialogDescription2,
+  DialogState2
+} from "./components-zfnmn5d4.js";
+
+// components/overlays/alert-dialog/index.tsx
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var AlertDialogContent2 = forwardRef(({ showCloseButton = false, ...props }, ref) => /* @__PURE__ */ jsx(DialogContent2, {
+  ref,
+  showCloseButton,
+  ...props
+}));
+AlertDialogContent2.displayName = "AlertDialogContent";
+function AlertDialog2({ children, open, defaultOpen, onOpenChange }) {
+  return /* @__PURE__ */ jsx(DialogState2, {
+    open,
+    defaultOpen,
+    onOpenChange,
+    children: (root) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, {
+      ...root,
+      children
+    })
+  });
+}
+AlertDialog2.Trigger = DialogTrigger2;
+AlertDialog2.Content = AlertDialogContent2;
+AlertDialog2.Header = DialogHeader2;
+AlertDialog2.Footer = DialogFooter2;
+AlertDialog2.Title = DialogTitle2;
+AlertDialog2.Description = DialogDescription2;
+AlertDialog2.Close = DialogClose2;
+var alert_dialog_default = AlertDialog2;
+
+export { AlertDialogContent2, AlertDialog2, alert_dialog_default };

package/dist/shared/{components-qqcmtrbv.js → components-gz8zf3ec.js}

@@ -1,34 +1,54 @@
-"use client";
 import {
-  useReduceMotion2
-} from "./components-de99ykt7.js";
+  useReduceMotion
+} from "./components-men63rwj.js";
 import {
   cn2
-} from "./components-jcnjay5g.js";
+} from "./components-ezxhrmer.js";
 import {
   FluidHoverHighlight2
-} from "./components-qdm3yh26.js";
+} from "./components-kvr7f9hy.js";
 import {
-  useShape2
-} from "./components-71nbt03m.js";
+  useShape
+} 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";
+
+// lib/date-locale.ts
+import { isValid, parse } from "date-fns";
+import { enUS } from "react-day-picker/locale";
+var defaultLocale = enUS;
+function hourCycleOf(locale) {
+  return new Intl.DateTimeFormat(locale.code, { hour: "numeric" }).resolvedOptions().hourCycle ?? "h23";
+}
+function parseWith(text, patterns, locale, reference) {
+  for (const pattern of patterns) {
+    const date = parse(text.trim(), pattern, reference, { locale });
+    if (isValid(date) && date.getFullYear() >= 1000)
+      return date;
+  }
+  return null;
+}
+function parseDateText(text, locale, reference = new Date) {
+  return parseWith(text, ["P", "PP", "PPP", "PPPP"], locale, reference);
+}
+function parseTimeText(text, locale, reference = new Date) {
+  return parseWith(text, ["p", "HH:mm", "H:mm"], locale, reference);
+}
+function parseMonthText(text, locale, reference = new Date) {
+  return parseWith(text, ["LLLL y", "LLL y", "MM/y", "M/y", "MM.y"], locale, reference);
+}
+function fieldLabel(locale, field) {
+  return new Intl.DisplayNames(locale.code, { type: "dateTimeField" }).of(field) ?? field;
+}
 
 // lib/scroll-column.tsx
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var GRID_COLUMNS = {
-  2: "grid-cols-2",
-  3: "grid-cols-3",
-  4: "grid-cols-4",
-  5: "grid-cols-5",
-  6: "grid-cols-6"
-};
 function centre(list, item, behavior) {
   const l = list.getBoundingClientRect();
   const i = item.getBoundingClientRect();
@@ -40,10 +60,9 @@ function centre(list, item, behavior) {
     behavior
   });
 }
-var dividedColumns2 = "flex [&>*+*]:border-s [&>*]:border-border";
+var dividedColumns = "flex [&>*+*]:border-s [&>*]:border-border";
 var STEP = { ArrowDown: 1, ArrowRight: 1, ArrowUp: -1, ArrowLeft: -1 };
-var stepOf = (key, grid, columns) => grid && (key === "ArrowDown" || key === "ArrowUp") ? (STEP[key] ?? 0) * columns : STEP[key];
-function ScrollColumn2({
+function ScrollColumn({
   label,
   options,
   value,
@@ -51,19 +70,16 @@ function ScrollColumn2({
   inView,
   follow = value,
   orientation = "vertical",
-  layout = "list",
-  columns = 3,
   className
 }) {
   const listRef = useRef(null);
   const containerRef = useRef(null);
   const pointerInside = useRef(false);
   const centred = useRef(false);
-  const reduceMotion = useReduceMotion2();
-  const grid = layout === "grid";
-  const horizontal = !grid && orientation === "horizontal";
-  const hover = useFluidHover2(containerRef, { axis: grid ? "xy" : horizontal ? "x" : "y" });
-  const shape = useShape2();
+  const reduceMotion = useReduceMotion();
+  const horizontal = orientation === "horizontal";
+  const hover = useFluidHover2(containerRef, { axis: horizontal ? "x" : "y" });
+  const shape = useShape();
   const axis = useRef(horizontal);
   useEffect(() => {
     const list = listRef.current;
@@ -90,33 +106,17 @@ function ScrollColumn2({
     return () => observer.disconnect();
   }, []);
   const banded = options.map((o) => inView?.(o.value) ?? false);
-  const bandOf = (index) => {
-    if (!banded[index])
-      return;
-    if (grid)
-      return "single";
-    if (banded[index - 1])
-      return banded[index + 1] ? "middle" : "end";
-    return banded[index + 1] ? "start" : "single";
-  };
   const tabStop = options.some((o) => o.value === value) ? value : follow ?? options[0]?.value;
   const onKeyDown = (e) => {
-    const items = [...containerRef.current?.querySelectorAll('[role="option"]') ?? []];
-    const enabled = items.filter((item) => !item.disabled);
-    const step = stepOf(e.key, grid, columns);
-    let item;
-    if (e.key === "Home")
-      item = enabled[0];
-    else if (e.key === "End")
-      item = enabled.at(-1);
-    else if (step) {
-      let at = items.indexOf(document.activeElement) + step;
-      while (items[at]?.disabled)
-        at += step;
-      item = items[at] ?? document.activeElement;
-    } else
+    const items = [
+      ...containerRef.current?.querySelectorAll('[role="option"]:not(:disabled)') ?? []
+    ];
+    const at = items.indexOf(document.activeElement);
+    const next = e.key === "Home" ? 0 : e.key === "End" ? items.length - 1 : STEP[e.key] ? at + (STEP[e.key] ?? 0) : undefined;
+    if (next === undefined)
       return;
     e.preventDefault();
+    const item = items[Math.max(0, Math.min(items.length - 1, next))];
     item?.focus({ preventScroll: true });
     if (item && listRef.current)
       centre(listRef.current, item, reduceMotion ? "instant" : "smooth");
@@ -140,7 +140,7 @@ function ScrollColumn2({
       onMouseEnter: hover.handlers.onMouseEnter,
       onMouseLeave: hover.handlers.onMouseLeave,
       onClick: hover.handlers.onClick,
-      className: cn2("relative p-1", grid ? cn2("grid", GRID_COLUMNS[columns]) : cn2("flex", horizontal ? "w-max flex-row" : "flex-col")),
+      className: cn2("relative flex p-1", horizontal ? "w-max flex-row" : "flex-col"),
       children: [
         /* @__PURE__ */ jsx(FluidHoverHighlight2, {
           hover,
@@ -151,9 +151,8 @@ function ScrollColumn2({
           registerItem: hover.registerItem,
           option,
           selected: option.value === value,
-          band: bandOf(index),
+          band: !banded[index] ? undefined : banded[index - 1] ? banded[index + 1] ? "middle" : "end" : banded[index + 1] ? "start" : "single",
           horizontal,
-          grid,
           tabStop: option.value === tabStop,
           onSelect: () => onValueChange(option.value)
         }, option.value))
@@ -168,13 +167,12 @@ function ScrollColumnItem({
   selected,
   band,
   horizontal,
-  grid,
   tabStop,
   onSelect
 }) {
   const ref = useRef(null);
   useRegisterFluidHoverItem2(registerItem, index, ref);
-  const shape = useShape2();
+  const shape = useShape();
   const sizeClasses = useSize2();
   return /* @__PURE__ */ jsxs("button", {
     ref,
@@ -186,7 +184,7 @@ function ScrollColumnItem({
     "data-value": option.value,
     "data-fluid-hover-index": index,
     onClick: onSelect,
-    className: cn2("relative z-[1] flex items-center justify-center px-2 tabular-nums whitespace-nowrap outline-none", grid ? "min-w-0" : "shrink-0", "transition-[color,background-color] duration-fast focus-visible:ring-1 focus-visible:ring-focus-ring", "disabled:opacity-50 disabled:pointer-events-none", sizeClasses.segmentItem, sizeClasses.text, shape.item, band && !selected && "bg-accent/20 dark:bg-accent/12", selected && "bg-active", band && band !== "single" && "rounded-none", band === "start" && (horizontal ? "rounded-s-lg" : "rounded-t-lg"), band === "end" && (horizontal ? "rounded-e-lg" : "rounded-b-lg"), selected ? "text-foreground weight-semibold" : band ? "text-foreground" : "text-muted-foreground"),
+    className: cn2("relative z-[1] flex shrink-0 items-center justify-center px-2 tabular-nums whitespace-nowrap outline-none", "transition-[color,background-color] duration-fast focus-visible:ring-1 focus-visible:ring-focus-ring", "disabled:opacity-50 disabled:pointer-events-none", sizeClasses.segmentItem, sizeClasses.text, shape.item, band && !selected && "bg-accent/20 dark:bg-accent/12", selected && "bg-active", band && band !== "single" && "rounded-none", band === "start" && (horizontal ? "rounded-s-lg" : "rounded-t-lg"), band === "end" && (horizontal ? "rounded-e-lg" : "rounded-b-lg"), selected ? "text-foreground weight-semibold" : band ? "text-foreground" : "text-muted-foreground"),
     children: [
       selected && /* @__PURE__ */ jsx("span", {
         "aria-hidden": true,
@@ -196,4 +194,5 @@ function ScrollColumnItem({
     ]
   });
 }
-export { dividedColumns2, ScrollColumn2 };
+
+export { defaultLocale, hourCycleOf, parseDateText, parseTimeText, parseMonthText, fieldLabel, dividedColumns, ScrollColumn };