@datum-cloud/datum-ui 2.4.0 → 2.6.0

package/dist/mobile-sheet/index.mjs

@@ -1,2 +1,2 @@
-import { i as useInSheet, n as MobileSheet, r as InSheetContext, t as ResponsiveSheetTrigger } from "../mobile-sheet-BYp-QQmn.mjs";
+import { i as useInSheet, n as MobileSheet, r as InSheetContext, t as ResponsiveSheetTrigger } from "../mobile-sheet-9TootJGg.mjs";
 export { InSheetContext, MobileSheet, ResponsiveSheetTrigger, useInSheet };

package/dist/{mobile-sheet-BYp-QQmn.mjs → mobile-sheet-9TootJGg.mjs}

@@ -1,6 +1,6 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { a as SheetHeader, o as SheetTitle, r as SheetDescription } from "./sheet-DXCZyMHI.mjs";
-import { r as SheetContent, t as Sheet } from "./sheet-C2i2k5i2.mjs";
+import { r as SheetContent, t as Sheet } from "./sheet-DHn6C_rs.mjs";
 import { createContext, use } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";

package/dist/more-actions/index.mjs

@@ -1,3 +1,3 @@
 import { t as ActionRow } from "../action-row-DTvs91_3.mjs";
-import { t as MoreActions } from "../more-actions-B1FUf2rm.mjs";
+import { t as MoreActions } from "../more-actions-C3DYWO0a.mjs";
 export { ActionRow, MoreActions };

package/dist/{more-actions-B1FUf2rm.mjs → more-actions-C3DYWO0a.mjs}

@@ -1,7 +1,7 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as Button } from "./button-A1qTjZ8U.mjs";
-import { t as ResponsiveDropdown } from "./responsive-dropdown-n0Txkax5.mjs";
-import { t as Tooltip } from "./tooltip-C_SL1imw.mjs";
+import { t as Button } from "./button-DoMqfQLu.mjs";
+import { t as ResponsiveDropdown } from "./responsive-dropdown-C_KKgLbH.mjs";
+import { t as Tooltip } from "./tooltip-DhbN1BDK.mjs";
 import { t as ActionRow } from "./action-row-DTvs91_3.mjs";
 import { Ellipsis } from "lucide-react";
 import { useState } from "react";

package/dist/motion-DvGRWdsm.mjs

@@ -0,0 +1,46 @@
+//#region src/utils/motion.ts
+/**
+* Motion tokens — the single source of truth for JS-driven animation
+* (Motion / `motion/react`). Mirrors the CSS motion tokens defined in
+* `@repo/shadcn/styles/shadcn.css` so component motion stays cohesive
+* whether it runs through CSS or Motion.
+*
+* Curves match the CSS `--ease-*` custom properties exactly.
+*/
+/** Cubic-bezier easing curves as Motion-compatible tuples. */
+const EASE = {
+	/** Strong ease-out for entrances/exits. Mirrors `--ease-out`. */
+	out: [
+		.23,
+		1,
+		.32,
+		1
+	],
+	/** Strong ease-in-out for on-screen movement. Mirrors `--ease-in-out`. */
+	inOut: [
+		.77,
+		0,
+		.175,
+		1
+	],
+	/** iOS-style drawer curve. Mirrors `--ease-drawer`. */
+	drawer: [
+		.32,
+		.72,
+		0,
+		1
+	]
+};
+/** Durations in seconds (Motion expects seconds, not ms). */
+const DURATION = {
+	/** 150ms — button press, tooltips, small popovers. */
+	fast: .15,
+	/** 250ms — dropdowns, selects, standard UI. */
+	medium: .25,
+	/** 350ms — drawer/sheet enter. */
+	drawerIn: .35,
+	/** 200ms — drawer/sheet exit (faster than enter). */
+	drawerOut: .2
+};
+//#endregion
+export { EASE as n, DURATION as t };

package/dist/multi-select/index.mjs

@@ -1,2 +1,2 @@
-import { t as MultiSelect } from "../multi-select-PtdMChPF.mjs";
+import { t as MultiSelect } from "../multi-select-CH8KERkt.mjs";
 export { MultiSelect };

package/dist/{multi-select-PtdMChPF.mjs → multi-select-CH8KERkt.mjs}

@@ -2,7 +2,7 @@ import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { t as Badge } from "./badge-BTNW_FEU.mjs";
 import { t as Separator } from "./separator-vbPD_WFQ.mjs";
 import { t as useControllableState } from "./use-controllable-state-Dna7u3r9.mjs";
-import { t as ResponsivePopover } from "./responsive-popover-C_1nzIvm.mjs";
+import { t as ResponsivePopover } from "./responsive-popover-8VcjBM2d.mjs";
 import { t as LoaderOverlay } from "./loader-overlay-DD94azZX.mjs";
 import { n as OptionList, t as useOptionPicker } from "./use-option-picker-s2bUYwXC.mjs";
 import { cva } from "class-variance-authority";

package/dist/picker/index.mjs

@@ -1,3 +1,3 @@
-import { A as formatInTimezone, B as isDateBearingMode, C as PickerClear, D as PickerCalendar, E as PickerContent, F as zonedDateToIso, H as isTimeBearingMode, I as ALLOWED_STEPS, L as DATE_BEARING_MODES, M as getBrowserTimezone, N as getTimezoneOffset, O as PickerContext, P as isoToZonedDate, R as RANGE_MODES, S as PickerCancel, T as PickerReset, V as isRangeMode, _ as parseTimeString, a as PickerTimezoneIndicator, b as PickerPresets, d as DATE_PRESETS, f as getDefaultPresets, g as isValidTimeString, h as formatTimeLabel, i as PickerTrigger, j as formatTimezoneLabel, k as usePickerContext, l as usePresets, m as dateToYYYYMMDD, o as PickerTimeInput, p as usePickerState, r as formatPickerValue, s as useTimeSlots, t as DateTimeRangePicker, u as DATETIME_PRESETS, v as resolveCommit, w as PickerFooter, x as PickerApply, y as useKeyboardShortcuts, z as TIME_BEARING_MODES } from "../date-time-range-picker-Dog33Ry0.mjs";
-import { a as DateRangePicker, c as getDaysDifference, d as isSameDateRange, f as isSameStringRange, i as DateRangeTimePicker, l as isRangeValid, m as PickerTimezoneSelect, n as TimePicker, o as DatePicker, p as Picker, r as DateTimePicker, s as clampRange, t as TimeRangePicker, u as isSameDate } from "../picker-raVuDxsh.mjs";
+import { A as formatInTimezone, B as isDateBearingMode, C as PickerClear, D as PickerCalendar, E as PickerContent, F as zonedDateToIso, H as isTimeBearingMode, I as ALLOWED_STEPS, L as DATE_BEARING_MODES, M as getBrowserTimezone, N as getTimezoneOffset, O as PickerContext, P as isoToZonedDate, R as RANGE_MODES, S as PickerCancel, T as PickerReset, V as isRangeMode, _ as parseTimeString, a as PickerTimezoneIndicator, b as PickerPresets, d as DATE_PRESETS, f as getDefaultPresets, g as isValidTimeString, h as formatTimeLabel, i as PickerTrigger, j as formatTimezoneLabel, k as usePickerContext, l as usePresets, m as dateToYYYYMMDD, o as PickerTimeInput, p as usePickerState, r as formatPickerValue, s as useTimeSlots, t as DateTimeRangePicker, u as DATETIME_PRESETS, v as resolveCommit, w as PickerFooter, x as PickerApply, y as useKeyboardShortcuts, z as TIME_BEARING_MODES } from "../date-time-range-picker-DlFTh3DF.mjs";
+import { a as DateRangePicker, c as getDaysDifference, d as isSameDateRange, f as isSameStringRange, i as DateRangeTimePicker, l as isRangeValid, m as PickerTimezoneSelect, n as TimePicker, o as DatePicker, p as Picker, r as DateTimePicker, s as clampRange, t as TimeRangePicker, u as isSameDate } from "../picker-DbKukBkk.mjs";
 export { ALLOWED_STEPS, DATETIME_PRESETS, DATE_BEARING_MODES, DATE_PRESETS, DatePicker, DateRangePicker, DateRangeTimePicker, DateTimePicker, DateTimeRangePicker, Picker, PickerApply, PickerCalendar, PickerCancel, PickerClear, PickerContent, PickerContext, PickerFooter, PickerPresets, PickerReset, PickerTimeInput, PickerTimezoneIndicator, PickerTimezoneSelect, PickerTrigger, RANGE_MODES, TIME_BEARING_MODES, TimePicker, TimeRangePicker, clampRange, dateToYYYYMMDD, formatInTimezone, formatPickerValue, formatTimeLabel, formatTimezoneLabel, getBrowserTimezone, getDaysDifference, getDefaultPresets, getTimezoneOffset, isDateBearingMode, isRangeMode, isRangeValid, isSameDate, isSameDateRange, isSameStringRange, isTimeBearingMode, isValidTimeString, isoToZonedDate, parseTimeString, resolveCommit, useKeyboardShortcuts, usePickerContext, usePickerState, usePresets, useTimeSlots, zonedDateToIso };

package/dist/{picker-raVuDxsh.mjs → picker-DbKukBkk.mjs}

@@ -1,6 +1,6 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-daE2Nn0Z.mjs";
-import { C as PickerClear, D as PickerCalendar, E as PickerContent, F as zonedDateToIso, H as isTimeBearingMode, P as isoToZonedDate, S as PickerCancel, T as PickerReset, _ as parseTimeString, a as PickerTimezoneIndicator, b as PickerPresets, c as Picker$1, i as PickerTrigger, k as usePickerContext, n as DefaultFooter, o as PickerTimeInput, r as formatPickerValue, w as PickerFooter, x as PickerApply } from "./date-time-range-picker-Dog33Ry0.mjs";
+import { C as PickerClear, D as PickerCalendar, E as PickerContent, F as zonedDateToIso, H as isTimeBearingMode, P as isoToZonedDate, S as PickerCancel, T as PickerReset, _ as parseTimeString, a as PickerTimezoneIndicator, b as PickerPresets, c as Picker$1, i as PickerTrigger, k as usePickerContext, n as DefaultFooter, o as PickerTimeInput, r as formatPickerValue, w as PickerFooter, x as PickerApply } from "./date-time-range-picker-DlFTh3DF.mjs";
 import { Clock, Globe } from "lucide-react";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/popover/index.mjs

@@ -1,34 +1,2 @@
-import { t as cn } from "../utils-Bu32wN-x.mjs";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-//#region ../shadcn/ui/popover.tsx
-function Popover({ ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
-		"data-slot": "popover",
-		...props
-	});
-}
-function PopoverTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
-		"data-slot": "popover-trigger",
-		...props
-	});
-}
-function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
-		"data-slot": "popover-content",
-		align,
-		sideOffset,
-		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-hidden", className),
-		...props
-	}) });
-}
-function PopoverAnchor({ ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, {
-		"data-slot": "popover-anchor",
-		...props
-	});
-}
-//#endregion
+import { i as PopoverTrigger, n as PopoverAnchor, r as PopoverContent, t as Popover } from "../popover-X82NwhX9.mjs";
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/dist/popover-X82NwhX9.mjs

@@ -0,0 +1,53 @@
+import { t as cn } from "./utils-Bu32wN-x.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+//#region ../shadcn/ui/popover.tsx
+function Popover$1({ ...props }) {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
+		"data-slot": "popover",
+		...props
+	});
+}
+function PopoverTrigger$1({ ...props }) {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
+		"data-slot": "popover-trigger",
+		...props
+	});
+}
+function PopoverContent$1({ className, align = "center", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
+		"data-slot": "popover-content",
+		align,
+		sideOffset,
+		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-hidden", className),
+		...props
+	}) });
+}
+function PopoverAnchor$1({ ...props }) {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, {
+		"data-slot": "popover-anchor",
+		...props
+	});
+}
+//#endregion
+//#region src/components/base/popover/popover.tsx
+/**
+* Datum Popover
+*
+* Thin wrapper over the shadcn popover. Adds trigger-anchored motion to
+* `PopoverContent` (scale from the trigger, not the centre) with the shared
+* fast/ease-out motion tokens. Root/Trigger/Anchor are passed through
+* unchanged so this stays a drop-in replacement.
+*/
+const Popover = Popover$1;
+const PopoverTrigger = PopoverTrigger$1;
+const PopoverAnchor = PopoverAnchor$1;
+function PopoverContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(PopoverContent$1, {
+		className: cn("origin-(--radix-popover-content-transform-origin) duration-[var(--duration-fast)] ease-out", className),
+		...props
+	});
+}
+//#endregion
+export { PopoverTrigger as i, PopoverAnchor as n, PopoverContent as r, Popover as t };

package/dist/responsive-dropdown/index.mjs

@@ -1,2 +1,2 @@
-import { t as ResponsiveDropdown } from "../responsive-dropdown-n0Txkax5.mjs";
+import { t as ResponsiveDropdown } from "../responsive-dropdown-C_KKgLbH.mjs";
 export { ResponsiveDropdown };

package/dist/{responsive-dropdown-n0Txkax5.mjs → responsive-dropdown-C_KKgLbH.mjs}

@@ -1,6 +1,6 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { i as useInSheet, t as ResponsiveSheetTrigger } from "./mobile-sheet-BYp-QQmn.mjs";
-import { Popover, PopoverContent, PopoverTrigger } from "./popover/index.mjs";
+import { i as useInSheet, t as ResponsiveSheetTrigger } from "./mobile-sheet-9TootJGg.mjs";
+import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-X82NwhX9.mjs";
 import { t as useBreakpoint } from "./use-breakpoint-CwiUJSmk.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/base/responsive-dropdown/responsive-dropdown.tsx

package/dist/responsive-popover/index.mjs

@@ -1,2 +1,2 @@
-import { t as ResponsivePopover } from "../responsive-popover-C_1nzIvm.mjs";
+import { t as ResponsivePopover } from "../responsive-popover-8VcjBM2d.mjs";
 export { ResponsivePopover };

package/dist/{responsive-popover-C_1nzIvm.mjs → responsive-popover-8VcjBM2d.mjs}

@@ -1,6 +1,6 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { i as useInSheet, t as ResponsiveSheetTrigger } from "./mobile-sheet-BYp-QQmn.mjs";
-import { Popover, PopoverContent, PopoverTrigger } from "./popover/index.mjs";
+import { i as useInSheet, t as ResponsiveSheetTrigger } from "./mobile-sheet-9TootJGg.mjs";
+import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-X82NwhX9.mjs";
 import { t as useBreakpoint } from "./use-breakpoint-CwiUJSmk.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/base/responsive-popover/responsive-popover.tsx

package/dist/rich-text-editor/index.mjs

@@ -1,2 +1,2 @@
-import { n as useRichTextEditor, r as RichTextContent, t as RichTextEditor } from "../rich-text-editor-Dohp-pbf.mjs";
+import { n as useRichTextEditor, r as RichTextContent, t as RichTextEditor } from "../rich-text-editor-DVga5upM.mjs";
 export { RichTextContent, RichTextEditor, useRichTextEditor };

package/dist/{rich-text-editor-Dohp-pbf.mjs → rich-text-editor-DVga5upM.mjs}

@@ -1,9 +1,9 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as Button } from "./button-A1qTjZ8U.mjs";
+import { t as Button } from "./button-DoMqfQLu.mjs";
 import { t as Icon } from "./icon-wrapper-DKfJlJd0.mjs";
 import { t as Input } from "./input-j4tbmYYz.mjs";
-import { t as ResponsivePopover } from "./responsive-popover-C_1nzIvm.mjs";
-import { t as Tooltip } from "./tooltip-C_SL1imw.mjs";
+import { t as ResponsivePopover } from "./responsive-popover-8VcjBM2d.mjs";
+import { t as Tooltip } from "./tooltip-DhbN1BDK.mjs";
 import { BoldIcon, ItalicIcon, LinkIcon, StrikethroughIcon, UnderlineIcon, UnlinkIcon } from "lucide-react";
 import { createContext, use, useCallback, useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/select/index.mjs

@@ -1,2 +1,2 @@
-import { a as SelectLabel, c as SelectSeparator, i as SelectItem, l as SelectTrigger, n as SelectContent, o as SelectScrollDownButton, r as SelectGroup, s as SelectScrollUpButton, t as Select, u as SelectValue } from "../select-DCU44UO6.mjs";
+import { a as SelectLabel, c as SelectSeparator, i as SelectItem, l as SelectTrigger, n as SelectContent, o as SelectScrollDownButton, r as SelectGroup, s as SelectScrollUpButton, t as Select, u as SelectValue } from "../select-CQsG8Kju.mjs";
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/{select-DCU44UO6.mjs → select-CQsG8Kju.mjs}

@@ -24,7 +24,7 @@ SelectTrigger.displayName = "SelectTrigger";
 function SelectContent({ ref, className, ...props }) {
 	return /* @__PURE__ */ jsx(SelectContent$1, {
 		ref,
-		className: cn(className),
+		className: cn("origin-(--radix-select-content-transform-origin) duration-[var(--duration-fast)] ease-out", className),
 		...props
 	});
 }

package/dist/sheet/index.mjs

@@ -1,3 +1,3 @@
 import { a as SheetHeader, i as SheetFooter, o as SheetTitle, r as SheetDescription, s as SheetTrigger } from "../sheet-DXCZyMHI.mjs";
-import { i as SheetOverlay, n as SheetClose, r as SheetContent, t as Sheet } from "../sheet-C2i2k5i2.mjs";
+import { i as SheetOverlay, n as SheetClose, r as SheetContent, t as Sheet } from "../sheet-DHn6C_rs.mjs";
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger };

package/dist/{sheet-C2i2k5i2.mjs → sheet-DHn6C_rs.mjs}

@@ -18,7 +18,7 @@ function SheetContent({ className, children, side = "right", showCloseButton = t
 		"data-slot": "sheet-portal",
 		children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(SheetPrimitive.Content, {
 			"data-slot": "sheet-content",
-			className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className),
+			className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-[var(--ease-drawer)] data-[state=closed]:duration-[var(--duration-drawer-out)] data-[state=open]:duration-[var(--duration-drawer-in)]", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className),
 			...props,
 			children: [children, showCloseButton && /* @__PURE__ */ jsxs(SheetPrimitive.Close, {
 				className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",

package/dist/sidebar/index.mjs

@@ -1,2 +1,2 @@
-import { C as SidebarProvider, S as SidebarGroupLabel, _ as SidebarMenuSubButton, a as SidebarInput, b as SidebarGroupAction, c as SidebarSeparator, d as SidebarMenuAction, f as SidebarMenuBadge, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, o as SidebarInset, p as SidebarMenuButton, r as SidebarFooter, s as SidebarRail, t as Sidebar, u as SidebarMenu, v as SidebarMenuSubItem, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "../sidebar-D6BoAr6C.mjs";
+import { C as SidebarProvider, S as SidebarGroupLabel, _ as SidebarMenuSubButton, a as SidebarInput, b as SidebarGroupAction, c as SidebarSeparator, d as SidebarMenuAction, f as SidebarMenuBadge, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, o as SidebarInset, p as SidebarMenuButton, r as SidebarFooter, s as SidebarRail, t as Sidebar, u as SidebarMenu, v as SidebarMenuSubItem, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "../sidebar-BeWEEu7P.mjs";
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/{sidebar-D6BoAr6C.mjs → sidebar-BeWEEu7P.mjs}

@@ -4,7 +4,7 @@ import { t as Button } from "./button-CsdF61EI.mjs";
 import { t as Icon } from "./icon-wrapper-DKfJlJd0.mjs";
 import { t as Input } from "./input-j4tbmYYz.mjs";
 import { a as SheetHeader, n as SheetContent, o as SheetTitle, r as SheetDescription, t as Sheet } from "./sheet-DXCZyMHI.mjs";
-import { i as TooltipProvider, t as Tooltip } from "./tooltip-C_SL1imw.mjs";
+import { i as TooltipProvider, t as Tooltip } from "./tooltip-DhbN1BDK.mjs";
 import { t as Skeleton } from "./skeleton-DFExK4GX.mjs";
 import { cva } from "class-variance-authority";
 import { PanelLeftCloseIcon, PanelLeftOpenIcon } from "lucide-react";

package/dist/styles/motion.css

@@ -0,0 +1,61 @@
+/**
+ * Motion tokens (datum-ui layer).
+ *
+ * Single source of truth for easing + duration used by datum-ui components.
+ * Lives in its own file so every entry point that assembles the design
+ * system — the shipped `root.css` AND Storybook's piecemeal imports — pulls
+ * in the same tokens. Mirrored in TS at `utils/motion.ts` for Motion.
+ *
+ * NOTE: must be imported AFTER `@import 'tailwindcss'` so the `--ease-*`
+ * overrides win over Tailwind's defaults.
+ */
+
+/* Strong custom curves — the built-in CSS easings are too weak.
+ * `--ease-out` / `--ease-in-out` override the default Tailwind utilities
+ * app-wide; `--ease-drawer` is a named iOS-style curve. */
+@theme {
+  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
+  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
+  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
+
+  /* Durations — keep UI animations snappy (<300ms). */
+  --duration-fast: 150ms;
+  --duration-medium: 250ms;
+  --duration-drawer-in: 350ms;
+  --duration-drawer-out: 200ms;
+}
+
+/* ============================================================
+ * Reduced-motion safety net.
+ *
+ * Systemic fallback complementing the per-component `useReducedMotion`
+ * in Motion. Reduced motion means *fewer and gentler* animations, not
+ * zero: opacity/colour fades are kept (they aid comprehension), while
+ * movement (translate), scale and rotation are neutralised.
+ *
+ * tw-animate-css drives `animate-in`/`animate-out` from CSS variables,
+ * so zeroing the enter/exit translate/scale/rotate vars strips the
+ * movement from every Radix overlay while leaving the fade intact.
+ * ============================================================ */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    --tw-enter-translate-x: 0 !important;
+    --tw-enter-translate-y: 0 !important;
+    --tw-exit-translate-x: 0 !important;
+    --tw-exit-translate-y: 0 !important;
+    --tw-enter-scale: 1 !important;
+    --tw-exit-scale: 1 !important;
+    --tw-enter-rotate: 0 !important;
+    --tw-exit-rotate: 0 !important;
+  }
+
+  /* Height-based collapsibles carry no fade to preserve — make instant. */
+  .animate-collapsible-down,
+  .animate-collapsible-up {
+    animation-duration: 0.01ms !important;
+  }
+
+  /* Continuous spinners are essential loading feedback and are kept. */
+}

package/dist/styles/root.css

@@ -36,3 +36,9 @@
 
 /* Theme overrides — always loaded after shadcn */
 @import './themes/alpha.css';
+
+/* Motion tokens + reduced-motion safety net.
+ * In its own file so Storybook (which imports pieces individually) and the
+ * shipped bundle share one source. Must load after tailwindcss for the
+ * `--ease-*` overrides to win. */
+@import './motion.css';

package/dist/switch/index.mjs

@@ -1,2 +1,2 @@
-import { t as Switch } from "../switch-DPHr3TcN.mjs";
+import { t as Switch } from "../switch-Z2pJMckf.mjs";
 export { Switch };

package/dist/{switch-DPHr3TcN.mjs → switch-Z2pJMckf.mjs}

@@ -19,7 +19,7 @@ function Switch$1({ className, ...props }) {
 function Switch({ ref, className, ...props }) {
 	return /* @__PURE__ */ jsx(Switch$1, {
 		ref,
-		className: cn(className),
+		className: cn("transition-[background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-out", className),
 		...props
 	});
 }

package/dist/tabs/index.mjs

@@ -23,7 +23,7 @@ function TabsList({ className, ...props }) {
 }
 function TabsTrigger({ className, ...props }) {
 	return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
-		className: cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground data-[state=active]:text-foreground dark:hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		className: cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground data-[state=active]:text-foreground dark:hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow,transform] duration-[var(--duration-fast)] ease-out active:scale-[0.98] disabled:active:scale-100 focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
 		...props
 	});
 }

package/dist/task-queue/index.mjs

@@ -1,2 +1,2 @@
-import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "../task-queue-dropdown-ClLLTMxU.mjs";
+import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "../task-queue-dropdown-BJS3snfZ.mjs";
 export { LocalTaskStorage, RedisTaskStorage, TaskPanel, TaskPanelActions, TaskPanelCounter, TaskPanelHeader, TaskPanelItem, TaskQueue, TaskQueueDropdown, TaskQueueProvider, TaskQueueTrigger, TaskSummaryDialog, createOrgMetadata, createProjectMetadata, createUserMetadata, detectStorage, getContextLabel, matchesCurrentScope, useCurrentScope, useTaskQueue, useTasksWithLabels };

package/dist/{task-queue-dropdown-ClLLTMxU.mjs → task-queue-dropdown-BJS3snfZ.mjs}

@@ -1,11 +1,11 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { t as Badge } from "./badge-BTNW_FEU.mjs";
 import { t as SpinnerIcon } from "./spinner.icon-BYUMQ8H-.mjs";
-import { t as Button } from "./button-A1qTjZ8U.mjs";
+import { t as Button } from "./button-DoMqfQLu.mjs";
 import { t as Icon } from "./icon-wrapper-DKfJlJd0.mjs";
-import { t as Dialog } from "./dialog-N2pkQIc4.mjs";
-import { t as ResponsiveDropdown } from "./responsive-dropdown-n0Txkax5.mjs";
-import { a as TooltipTrigger, n as Tooltip, r as TooltipContent, t as Tooltip$1 } from "./tooltip-C_SL1imw.mjs";
+import { t as Dialog } from "./dialog-Gu70fban.mjs";
+import { t as ResponsiveDropdown } from "./responsive-dropdown-C_KKgLbH.mjs";
+import { a as TooltipTrigger, n as Tooltip, r as TooltipContent, t as Tooltip$1 } from "./tooltip-DhbN1BDK.mjs";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table/index.mjs";
 import { Ban, CheckCircle2, CircleAlert, CircleCheck, CornerDownRightIcon, FileIcon, ListTodo, X, XCircle } from "lucide-react";
 import { createContext, use, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";

package/dist/time-picker/index.mjs

@@ -1,2 +1,2 @@
-import { t as TimePicker } from "../time-picker-CFhaHTtI.mjs";
+import { t as TimePicker } from "../time-picker-rVTkmbIG.mjs";
 export { TimePicker };

package/dist/{time-picker-CFhaHTtI.mjs → time-picker-rVTkmbIG.mjs}

@@ -1,5 +1,5 @@
 import { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
-import { n as TimePicker$1 } from "./picker-raVuDxsh.mjs";
+import { n as TimePicker$1 } from "./picker-DbKukBkk.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/features/time-picker/time-picker.tsx
 const STEP_VALUES = [

package/dist/{to-api-format-WC7b9Mcv.mjs → to-api-format-Bm1VcKkS.mjs}

@@ -1,10 +1,10 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as Button } from "./button-A1qTjZ8U.mjs";
+import { t as Button } from "./button-DoMqfQLu.mjs";
 import { Calendar } from "./calendar/index.mjs";
 import { t as Input } from "./input-j4tbmYYz.mjs";
-import { t as ResponsivePopover } from "./responsive-popover-C_1nzIvm.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-DCU44UO6.mjs";
-import { F as zonedDateToIso, M as getBrowserTimezone, N as getTimezoneOffset, P as isoToZonedDate, U as endOfDayInTz, W as startOfDayInTz, j as formatTimezoneLabel, t as DateTimeRangePicker } from "./date-time-range-picker-Dog33Ry0.mjs";
+import { t as ResponsivePopover } from "./responsive-popover-8VcjBM2d.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-CQsG8Kju.mjs";
+import { F as zonedDateToIso, M as getBrowserTimezone, N as getTimezoneOffset, P as isoToZonedDate, U as endOfDayInTz, W as startOfDayInTz, j as formatTimezoneLabel, t as DateTimeRangePicker } from "./date-time-range-picker-DlFTh3DF.mjs";
 import { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
 import { CalendarIcon, Globe } from "lucide-react";
 import { useCallback, useEffect, useId, useRef, useState } from "react";

package/dist/tooltip/index.mjs

@@ -1,2 +1,2 @@
-import { t as Tooltip } from "../tooltip-C_SL1imw.mjs";
+import { t as Tooltip } from "../tooltip-DhbN1BDK.mjs";
 export { Tooltip };

package/dist/{tooltip-C_SL1imw.mjs → tooltip-DhbN1BDK.mjs}

@@ -39,7 +39,7 @@ function TooltipContent({ className, arrowClassName, sideOffset = 0, children, .
 	return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
 		"data-slot": "tooltip-content",
 		sideOffset,
-		className: cn("tooltip-content", "bg-secondary text-secondary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance max-w-[calc(100vw-2rem)]", className),
+		className: cn("bg-secondary text-secondary-foreground origin-(--radix-tooltip-content-transform-origin) duration-[var(--duration-fast)] ease-out animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance max-w-[calc(100vw-2rem)]", className),
 		...props,
 		children: [children, /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, {
 			className: cn("fill-secondary -my-px border-none drop-shadow-[0_1px_0_secondary]", arrowClassName),

package/dist/transfer/index.mjs

@@ -1,2 +1,2 @@
-import { t as Transfer } from "../transfer-CEq9AhL7.mjs";
+import { t as Transfer } from "../transfer-DsshYgIk.mjs";
 export { Transfer };

package/dist/{transfer-CEq9AhL7.mjs → transfer-DsshYgIk.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as Button } from "./button-A1qTjZ8U.mjs";
+import { t as Button } from "./button-DoMqfQLu.mjs";
 import { Search, X } from "lucide-react";
 import * as React from "react";
 import { useCallback, useEffect, useMemo, useState } from "react";

package/dist/utils/index.d.ts

@@ -1,2 +1,4 @@
 export { cn } from './cn';
+export type { Duration, Ease } from './motion';
+export { DURATION, EASE } from './motion';
 export { toUTCTimestampEndOfDay, toUTCTimestampStartOfDay } from './timezone';

package/dist/utils/index.mjs

@@ -1,3 +1,4 @@
 import { t as cn } from "../utils-Bu32wN-x.mjs";
+import { n as EASE, t as DURATION } from "../motion-DvGRWdsm.mjs";
 import { n as toUTCTimestampStartOfDay, t as toUTCTimestampEndOfDay } from "../utils-CA4QEIJ8.mjs";
-export { cn, toUTCTimestampEndOfDay, toUTCTimestampStartOfDay };
+export { DURATION, EASE, cn, toUTCTimestampEndOfDay, toUTCTimestampStartOfDay };

package/dist/utils/motion.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Motion tokens — the single source of truth for JS-driven animation
+ * (Motion / `motion/react`). Mirrors the CSS motion tokens defined in
+ * `../_shadcn/styles/shadcn.css` so component motion stays cohesive
+ * whether it runs through CSS or Motion.
+ *
+ * Curves match the CSS `--ease-*` custom properties exactly.
+ */
+/** Cubic-bezier easing curves as Motion-compatible tuples. */
+export declare const EASE: {
+    /** Strong ease-out for entrances/exits. Mirrors `--ease-out`. */
+    readonly out: readonly [0.23, 1, 0.32, 1];
+    /** Strong ease-in-out for on-screen movement. Mirrors `--ease-in-out`. */
+    readonly inOut: readonly [0.77, 0, 0.175, 1];
+    /** iOS-style drawer curve. Mirrors `--ease-drawer`. */
+    readonly drawer: readonly [0.32, 0.72, 0, 1];
+};
+/** Durations in seconds (Motion expects seconds, not ms). */
+export declare const DURATION: {
+    /** 150ms — button press, tooltips, small popovers. */
+    readonly fast: 0.15;
+    /** 250ms — dropdowns, selects, standard UI. */
+    readonly medium: 0.25;
+    /** 350ms — drawer/sheet enter. */
+    readonly drawerIn: 0.35;
+    /** 200ms — drawer/sheet exit (faster than enter). */
+    readonly drawerOut: 0.2;
+};
+export type Ease = keyof typeof EASE;
+export type Duration = keyof typeof DURATION;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datum-cloud/datum-ui",
   "type": "module",
-  "version": "2.4.0",
+  "version": "2.6.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"