@datum-cloud/datum-ui 2.4.0 → 2.5.0

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-CoUqZCb7.mjs";
 export { TimePicker };

package/dist/{time-picker-CFhaHTtI.mjs → time-picker-CoUqZCb7.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-Bbjl9FOq.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-BzKfX7yo.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-CQQLACgN.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.5.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"