@mastra/playground-ui 60.0.0-alpha.8 → 60.0.0

package/dist/date-time-range-picker-BORAuIJM.cjs

@@ -0,0 +1,181 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const dateFns = require('date-fns');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const Button = require('./Button-BnmR2HRc.cjs');
+const datePicker = require('./date-picker-dRZF8frf.cjs');
+const timePicker = require('./time-picker-C0DCPWpR.cjs');
+const dropdownMenu = require('./dropdown-menu-j2y37TL5.cjs');
+const fieldBlock = require('./field-block-BIDi9Bvc.cjs');
+const fieldErrorId = require('./field-error-id-B3Z2Zu5y.cjs');
+const popover = require('./popover-lBqKiPtp.cjs');
+const Txt = require('./Txt-DPmEpNbp.cjs');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+const DATE_PRESETS = [
+  { value: "all", label: "All" },
+  { value: "last-24h", label: "Last 24 hours", ms: 24 * 60 * 60 * 1e3 },
+  { value: "last-3d", label: "Last 3 days", ms: 3 * 24 * 60 * 60 * 1e3 },
+  { value: "last-7d", label: "Last 7 days", ms: 7 * 24 * 60 * 60 * 1e3 },
+  { value: "last-14d", label: "Last 14 days", ms: 14 * 24 * 60 * 60 * 1e3 },
+  { value: "last-30d", label: "Last 30 days", ms: 30 * 24 * 60 * 60 * 1e3 },
+  { value: "custom", label: "Custom range..." }
+];
+function buildDateWithTime(date, timeStr) {
+  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  const combined = dateFns.parse(timeStr, "h:mm a", dateOnly);
+  return dateFns.isValid(combined) ? combined : null;
+}
+function DateTimeRangePicker({
+  preset = "all",
+  onPresetChange,
+  dateFrom,
+  dateTo,
+  onDateChange,
+  onDateRangeChange,
+  disabled,
+  presets,
+  size = "md",
+  renderTrigger
+}) {
+  const visiblePresets = presets ? DATE_PRESETS.filter((p) => presets.includes(p.value)) : DATE_PRESETS;
+  const fallbackPreset = visiblePresets.find((p) => p.value !== "custom")?.value ?? "all";
+  const [customRangeOpen, setCustomRangeOpen] = React.useState(false);
+  const [draftDateFrom, setDraftDateFrom] = React.useState(dateFrom);
+  const [draftDateTo, setDraftDateTo] = React.useState(dateTo);
+  const [draftTimeFrom, setDraftTimeFrom] = React.useState("12:00 AM");
+  const [draftTimeTo, setDraftTimeTo] = React.useState("11:59 PM");
+  const [customRangeError, setCustomRangeError] = React.useState();
+  const customRangeFieldName = React.useId();
+  const datePresetLabel = DATE_PRESETS.find((p) => p.value === preset)?.label ?? "All";
+  const handlePresetSelect = (value) => {
+    onPresetChange?.(value);
+    if (value === "custom") {
+      setDraftDateFrom(dateFrom);
+      setDraftDateTo(dateTo);
+      setDraftTimeFrom("12:00 AM");
+      setDraftTimeTo("11:59 PM");
+      setCustomRangeOpen(true);
+      return;
+    }
+    const entry = DATE_PRESETS.find((p) => p.value === value);
+    if (entry?.ms) {
+      onDateChange?.(new Date(Date.now() - entry.ms), "from");
+      onDateChange?.(void 0, "to");
+    } else {
+      onDateChange?.(void 0, "from");
+      onDateChange?.(void 0, "to");
+    }
+  };
+  const applyCustomRange = () => {
+    const fromDate = draftDateFrom ? buildDateWithTime(draftDateFrom, draftTimeFrom) ?? draftDateFrom : void 0;
+    const toDate = draftDateTo ? buildDateWithTime(draftDateTo, draftTimeTo) ?? draftDateTo : void 0;
+    if (fromDate && toDate && fromDate.getTime() > toDate.getTime()) {
+      setCustomRangeError("Start date/time must be before end date/time");
+      return;
+    }
+    setCustomRangeError(void 0);
+    if (onDateRangeChange) {
+      onDateRangeChange(fromDate, toDate);
+    } else {
+      onDateChange?.(fromDate, "from");
+      onDateChange?.(toDate, "to");
+    }
+    setCustomRangeOpen(false);
+  };
+  if (preset === "custom") {
+    const customLabel = `${dateFrom ? dateFrom.toLocaleDateString() : "Start"} – ${dateTo ? dateTo.toLocaleDateString() : "End"}`;
+    return /* @__PURE__ */ jsxRuntime.jsxs(popover.Popover, { open: customRangeOpen, onOpenChange: setCustomRangeOpen, children: [
+      renderTrigger ? /* @__PURE__ */ jsxRuntime.jsx(popover.PopoverTrigger, { render: renderTrigger({ label: customLabel, disabled }) }) : /* @__PURE__ */ jsxRuntime.jsx(popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { size, disabled, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, {}), children: customLabel }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(popover.PopoverContent, { align: "start", className: utils_cn.cn("w-auto p-0"), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            role: "group",
+            "aria-label": "Custom date range",
+            "aria-invalid": customRangeError ? true : void 0,
+            "aria-describedby": customRangeError ? fieldErrorId.fieldErrorId(customRangeFieldName) : void 0,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex"), children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("border-r border-border"), children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "column", tone: "muted", className: "block px-4 pt-3", children: "Start" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    datePicker.DatePicker,
+                    {
+                      mode: "single",
+                      selected: draftDateFrom,
+                      month: draftDateFrom,
+                      onSelect: setDraftDateFrom,
+                      disabled,
+                      toDate: draftDateTo
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    timePicker.TimePicker,
+                    {
+                      className: "mx-4 mb-3 w-auto",
+                      defaultValue: draftTimeFrom,
+                      onValueChange: (v) => {
+                        if (!disabled) setDraftTimeFrom(v);
+                      }
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "column", tone: "muted", className: "block px-4 pt-3", children: "End" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    datePicker.DatePicker,
+                    {
+                      mode: "single",
+                      selected: draftDateTo,
+                      month: draftDateTo,
+                      onSelect: setDraftDateTo,
+                      disabled,
+                      fromDate: draftDateFrom
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    timePicker.TimePicker,
+                    {
+                      className: "mx-4 mb-3 w-auto",
+                      defaultValue: draftTimeTo,
+                      onValueChange: (v) => {
+                        if (!disabled) setDraftTimeTo(v);
+                      }
+                    }
+                  )
+                ] })
+              ] }),
+              customRangeError && /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.ErrorMsg, { name: customRangeFieldName, className: "px-4 pb-1", children: customRangeError })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex items-center justify-between px-4 pb-3"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button.Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              disabled,
+              onClick: () => {
+                setCustomRangeError(void 0);
+                handlePresetSelect(fallbackPreset);
+              },
+              children: "← Presets"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, {}), variant: "primary", size: "sm", onClick: applyCustomRange, disabled, children: "Apply" })
+        ] })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
+    renderTrigger ? /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenu.Trigger, { render: renderTrigger({ label: datePresetLabel, disabled }) }) : /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { size, disabled, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, {}), children: datePresetLabel }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenu.Content, { align: "start", children: visiblePresets.map((p) => /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenu.Item, { onSelect: () => handlePresetSelect(p.value), children: p.label }, p.value)) })
+  ] });
+}
+
+exports.DateTimeRangePicker = DateTimeRangePicker;
+//# sourceMappingURL=date-time-range-picker-BORAuIJM.cjs.map

package/dist/date-time-range-picker-BORAuIJM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-range-picker-BORAuIJM.cjs","sources":["../src/ds/components/DateTimeRangePicker/date-time-range-picker.tsx"],"sourcesContent":["import { isValid, parse } from 'date-fns';\nimport { CalendarIcon, Check } from 'lucide-react';\nimport { useId, useState } from 'react';\nimport type { ReactElement } from 'react';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { DatePicker, TimePicker } from '@/ds/components/DateTimePicker';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { FieldBlock, fieldErrorId } from '@/ds/components/FormFieldBlocks';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/ds/components/Popover/popover';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type DateRangePreset = 'all' | 'last-24h' | 'last-3d' | 'last-7d' | 'last-14d' | 'last-30d' | 'custom';\n\nconst DATE_PRESETS: { value: DateRangePreset; label: string; ms?: number }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'last-24h', label: 'Last 24 hours', ms: 24 * 60 * 60 * 1000 },\n  { value: 'last-3d', label: 'Last 3 days', ms: 3 * 24 * 60 * 60 * 1000 },\n  { value: 'last-7d', label: 'Last 7 days', ms: 7 * 24 * 60 * 60 * 1000 },\n  { value: 'last-14d', label: 'Last 14 days', ms: 14 * 24 * 60 * 60 * 1000 },\n  { value: 'last-30d', label: 'Last 30 days', ms: 30 * 24 * 60 * 60 * 1000 },\n  { value: 'custom', label: 'Custom range...' },\n];\n\nfunction buildDateWithTime(date: Date, timeStr: string): Date | null {\n  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n  const combined = parse(timeStr, 'h:mm a', dateOnly);\n  return isValid(combined) ? combined : null;\n}\n\nexport interface DateTimeRangePickerProps {\n  preset?: DateRangePreset;\n  onPresetChange?: (preset: DateRangePreset) => void;\n  dateFrom?: Date;\n  dateTo?: Date;\n  onDateChange?: (value: Date | undefined, type: 'from' | 'to') => void;\n  /**\n   * Called once with both ends when a custom range is applied. When provided it replaces\n   * the two `onDateChange` calls for that step, so consumers can write the range atomically.\n   */\n  onDateRangeChange?: (from: Date | undefined, to: Date | undefined) => void;\n  disabled?: boolean;\n  /** Subset of presets to show. If omitted, all presets are shown. */\n  presets?: readonly DateRangePreset[];\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n  /**\n   * Replace the default Button trigger. Receives the current label (preset name or\n   * custom range) and must return an element the menu/popover can attach to.\n   */\n  renderTrigger?: (props: { label: string; disabled?: boolean }) => ReactElement;\n}\n\nexport function DateTimeRangePicker({\n  preset = 'all',\n  onPresetChange,\n  dateFrom,\n  dateTo,\n  onDateChange,\n  onDateRangeChange,\n  disabled,\n  presets,\n  size = 'md',\n  renderTrigger,\n}: DateTimeRangePickerProps) {\n  const visiblePresets = presets ? DATE_PRESETS.filter(p => presets.includes(p.value)) : DATE_PRESETS;\n  const fallbackPreset: DateRangePreset = visiblePresets.find(p => p.value !== 'custom')?.value ?? 'all';\n  const [customRangeOpen, setCustomRangeOpen] = useState(false);\n  const [draftDateFrom, setDraftDateFrom] = useState<Date | undefined>(dateFrom);\n  const [draftDateTo, setDraftDateTo] = useState<Date | undefined>(dateTo);\n  const [draftTimeFrom, setDraftTimeFrom] = useState('12:00 AM');\n  const [draftTimeTo, setDraftTimeTo] = useState('11:59 PM');\n  const [customRangeError, setCustomRangeError] = useState<string | undefined>();\n  const customRangeFieldName = useId();\n\n  const datePresetLabel = DATE_PRESETS.find(p => p.value === preset)?.label ?? 'All';\n\n  const handlePresetSelect = (value: DateRangePreset) => {\n    onPresetChange?.(value);\n    if (value === 'custom') {\n      setDraftDateFrom(dateFrom);\n      setDraftDateTo(dateTo);\n      setDraftTimeFrom('12:00 AM');\n      setDraftTimeTo('11:59 PM');\n      setCustomRangeOpen(true);\n      return;\n    }\n    const entry = DATE_PRESETS.find(p => p.value === value);\n    if (entry?.ms) {\n      onDateChange?.(new Date(Date.now() - entry.ms), 'from');\n      onDateChange?.(undefined, 'to');\n    } else {\n      onDateChange?.(undefined, 'from');\n      onDateChange?.(undefined, 'to');\n    }\n  };\n\n  const applyCustomRange = () => {\n    const fromDate = draftDateFrom ? (buildDateWithTime(draftDateFrom, draftTimeFrom) ?? draftDateFrom) : undefined;\n    const toDate = draftDateTo ? (buildDateWithTime(draftDateTo, draftTimeTo) ?? draftDateTo) : undefined;\n    if (fromDate && toDate && fromDate.getTime() > toDate.getTime()) {\n      setCustomRangeError('Start date/time must be before end date/time');\n      return;\n    }\n    setCustomRangeError(undefined);\n    if (onDateRangeChange) {\n      onDateRangeChange(fromDate, toDate);\n    } else {\n      onDateChange?.(fromDate, 'from');\n      onDateChange?.(toDate, 'to');\n    }\n    setCustomRangeOpen(false);\n  };\n\n  if (preset === 'custom') {\n    const customLabel = `${dateFrom ? dateFrom.toLocaleDateString() : 'Start'} \\u2013 ${dateTo ? dateTo.toLocaleDateString() : 'End'}`;\n    return (\n      <Popover open={customRangeOpen} onOpenChange={setCustomRangeOpen}>\n        {renderTrigger ? (\n          <PopoverTrigger render={renderTrigger({ label: customLabel, disabled })} />\n        ) : (\n          <PopoverTrigger asChild>\n            <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n              {customLabel}\n            </Button>\n          </PopoverTrigger>\n        )}\n        <PopoverContent align=\"start\" className={cn('w-auto p-0')}>\n          <div\n            role=\"group\"\n            aria-label=\"Custom date range\"\n            aria-invalid={customRangeError ? true : undefined}\n            aria-describedby={customRangeError ? fieldErrorId(customRangeFieldName) : undefined}\n          >\n            <div className={cn('flex')}>\n              <div className={cn('border-r border-border')}>\n                <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"block px-4 pt-3\">\n                  Start\n                </Txt>\n                <DatePicker\n                  mode=\"single\"\n                  selected={draftDateFrom}\n                  month={draftDateFrom}\n                  onSelect={setDraftDateFrom}\n                  disabled={disabled}\n                  toDate={draftDateTo}\n                />\n                <TimePicker\n                  className=\"mx-4 mb-3 w-auto\"\n                  defaultValue={draftTimeFrom}\n                  onValueChange={v => {\n                    if (!disabled) setDraftTimeFrom(v);\n                  }}\n                />\n              </div>\n              <div>\n                <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"block px-4 pt-3\">\n                  End\n                </Txt>\n                <DatePicker\n                  mode=\"single\"\n                  selected={draftDateTo}\n                  month={draftDateTo}\n                  onSelect={setDraftDateTo}\n                  disabled={disabled}\n                  fromDate={draftDateFrom}\n                />\n                <TimePicker\n                  className=\"mx-4 mb-3 w-auto\"\n                  defaultValue={draftTimeTo}\n                  onValueChange={v => {\n                    if (!disabled) setDraftTimeTo(v);\n                  }}\n                />\n              </div>\n            </div>\n            {customRangeError && (\n              <FieldBlock.ErrorMsg name={customRangeFieldName} className=\"px-4 pb-1\">\n                {customRangeError}\n              </FieldBlock.ErrorMsg>\n            )}\n          </div>\n          <div className={cn('flex items-center justify-between px-4 pb-3')}>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              disabled={disabled}\n              onClick={() => {\n                setCustomRangeError(undefined);\n                handlePresetSelect(fallbackPreset);\n              }}\n            >\n              &larr; Presets\n            </Button>\n            <Button icon={<Check />} variant=\"primary\" size=\"sm\" onClick={applyCustomRange} disabled={disabled}>\n              Apply\n            </Button>\n          </div>\n        </PopoverContent>\n      </Popover>\n    );\n  }\n\n  return (\n    <DropdownMenu>\n      {renderTrigger ? (\n        <DropdownMenu.Trigger render={renderTrigger({ label: datePresetLabel, disabled })} />\n      ) : (\n        <DropdownMenu.Trigger asChild>\n          <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n            {datePresetLabel}\n          </Button>\n        </DropdownMenu.Trigger>\n      )}\n      <DropdownMenu.Content align=\"start\">\n        {visiblePresets.map(p => (\n          <DropdownMenu.Item key={p.value} onSelect={() => handlePresetSelect(p.value)}>\n            {p.label}\n          </DropdownMenu.Item>\n        ))}\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":["parse","isValid","useState","useId","jsxs","Popover","jsx","PopoverTrigger","Button","CalendarIcon","PopoverContent","cn","fieldErrorId","Txt","DatePicker","TimePicker","FieldBlock","Check","DropdownMenu"],"mappings":"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"}

package/dist/date-time-range-picker-C-pSI1u1.js

@@ -0,0 +1,179 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { parse, isValid } from 'date-fns';
+import { CalendarIcon, Check } from 'lucide-react';
+import { useState, useId } from 'react';
+import { B as Button } from './Button-C6eUqcPI.js';
+import { D as DatePicker } from './date-picker-DgWTsiJ7.js';
+import { T as TimePicker } from './time-picker-CfZbLgMm.js';
+import { D as DropdownMenu } from './dropdown-menu-DpEn6HwK.js';
+import { F as FieldBlock } from './field-block-DpejZ6U6.js';
+import { f as fieldErrorId } from './field-error-id-D3yg1nBh.js';
+import { P as Popover, b as PopoverTrigger, a as PopoverContent } from './popover-Dg70UGyn.js';
+import { T as Txt } from './Txt-BP1SRHmL.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+const DATE_PRESETS = [
+  { value: "all", label: "All" },
+  { value: "last-24h", label: "Last 24 hours", ms: 24 * 60 * 60 * 1e3 },
+  { value: "last-3d", label: "Last 3 days", ms: 3 * 24 * 60 * 60 * 1e3 },
+  { value: "last-7d", label: "Last 7 days", ms: 7 * 24 * 60 * 60 * 1e3 },
+  { value: "last-14d", label: "Last 14 days", ms: 14 * 24 * 60 * 60 * 1e3 },
+  { value: "last-30d", label: "Last 30 days", ms: 30 * 24 * 60 * 60 * 1e3 },
+  { value: "custom", label: "Custom range..." }
+];
+function buildDateWithTime(date, timeStr) {
+  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  const combined = parse(timeStr, "h:mm a", dateOnly);
+  return isValid(combined) ? combined : null;
+}
+function DateTimeRangePicker({
+  preset = "all",
+  onPresetChange,
+  dateFrom,
+  dateTo,
+  onDateChange,
+  onDateRangeChange,
+  disabled,
+  presets,
+  size = "md",
+  renderTrigger
+}) {
+  const visiblePresets = presets ? DATE_PRESETS.filter((p) => presets.includes(p.value)) : DATE_PRESETS;
+  const fallbackPreset = visiblePresets.find((p) => p.value !== "custom")?.value ?? "all";
+  const [customRangeOpen, setCustomRangeOpen] = useState(false);
+  const [draftDateFrom, setDraftDateFrom] = useState(dateFrom);
+  const [draftDateTo, setDraftDateTo] = useState(dateTo);
+  const [draftTimeFrom, setDraftTimeFrom] = useState("12:00 AM");
+  const [draftTimeTo, setDraftTimeTo] = useState("11:59 PM");
+  const [customRangeError, setCustomRangeError] = useState();
+  const customRangeFieldName = useId();
+  const datePresetLabel = DATE_PRESETS.find((p) => p.value === preset)?.label ?? "All";
+  const handlePresetSelect = (value) => {
+    onPresetChange?.(value);
+    if (value === "custom") {
+      setDraftDateFrom(dateFrom);
+      setDraftDateTo(dateTo);
+      setDraftTimeFrom("12:00 AM");
+      setDraftTimeTo("11:59 PM");
+      setCustomRangeOpen(true);
+      return;
+    }
+    const entry = DATE_PRESETS.find((p) => p.value === value);
+    if (entry?.ms) {
+      onDateChange?.(new Date(Date.now() - entry.ms), "from");
+      onDateChange?.(void 0, "to");
+    } else {
+      onDateChange?.(void 0, "from");
+      onDateChange?.(void 0, "to");
+    }
+  };
+  const applyCustomRange = () => {
+    const fromDate = draftDateFrom ? buildDateWithTime(draftDateFrom, draftTimeFrom) ?? draftDateFrom : void 0;
+    const toDate = draftDateTo ? buildDateWithTime(draftDateTo, draftTimeTo) ?? draftDateTo : void 0;
+    if (fromDate && toDate && fromDate.getTime() > toDate.getTime()) {
+      setCustomRangeError("Start date/time must be before end date/time");
+      return;
+    }
+    setCustomRangeError(void 0);
+    if (onDateRangeChange) {
+      onDateRangeChange(fromDate, toDate);
+    } else {
+      onDateChange?.(fromDate, "from");
+      onDateChange?.(toDate, "to");
+    }
+    setCustomRangeOpen(false);
+  };
+  if (preset === "custom") {
+    const customLabel = `${dateFrom ? dateFrom.toLocaleDateString() : "Start"} – ${dateTo ? dateTo.toLocaleDateString() : "End"}`;
+    return /* @__PURE__ */ jsxs(Popover, { open: customRangeOpen, onOpenChange: setCustomRangeOpen, children: [
+      renderTrigger ? /* @__PURE__ */ jsx(PopoverTrigger, { render: renderTrigger({ label: customLabel, disabled }) }) : /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size, disabled, icon: /* @__PURE__ */ jsx(CalendarIcon, {}), children: customLabel }) }),
+      /* @__PURE__ */ jsxs(PopoverContent, { align: "start", className: cn("w-auto p-0"), children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "group",
+            "aria-label": "Custom date range",
+            "aria-invalid": customRangeError ? true : void 0,
+            "aria-describedby": customRangeError ? fieldErrorId(customRangeFieldName) : void 0,
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: cn("flex"), children: [
+                /* @__PURE__ */ jsxs("div", { className: cn("border-r border-border"), children: [
+                  /* @__PURE__ */ jsx(Txt, { as: "span", variant: "column", tone: "muted", className: "block px-4 pt-3", children: "Start" }),
+                  /* @__PURE__ */ jsx(
+                    DatePicker,
+                    {
+                      mode: "single",
+                      selected: draftDateFrom,
+                      month: draftDateFrom,
+                      onSelect: setDraftDateFrom,
+                      disabled,
+                      toDate: draftDateTo
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    TimePicker,
+                    {
+                      className: "mx-4 mb-3 w-auto",
+                      defaultValue: draftTimeFrom,
+                      onValueChange: (v) => {
+                        if (!disabled) setDraftTimeFrom(v);
+                      }
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx(Txt, { as: "span", variant: "column", tone: "muted", className: "block px-4 pt-3", children: "End" }),
+                  /* @__PURE__ */ jsx(
+                    DatePicker,
+                    {
+                      mode: "single",
+                      selected: draftDateTo,
+                      month: draftDateTo,
+                      onSelect: setDraftDateTo,
+                      disabled,
+                      fromDate: draftDateFrom
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    TimePicker,
+                    {
+                      className: "mx-4 mb-3 w-auto",
+                      defaultValue: draftTimeTo,
+                      onValueChange: (v) => {
+                        if (!disabled) setDraftTimeTo(v);
+                      }
+                    }
+                  )
+                ] })
+              ] }),
+              customRangeError && /* @__PURE__ */ jsx(FieldBlock.ErrorMsg, { name: customRangeFieldName, className: "px-4 pb-1", children: customRangeError })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between px-4 pb-3"), children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              disabled,
+              onClick: () => {
+                setCustomRangeError(void 0);
+                handlePresetSelect(fallbackPreset);
+              },
+              children: "← Presets"
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(Check, {}), variant: "primary", size: "sm", onClick: applyCustomRange, disabled, children: "Apply" })
+        ] })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    renderTrigger ? /* @__PURE__ */ jsx(DropdownMenu.Trigger, { render: renderTrigger({ label: datePresetLabel, disabled }) }) : /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size, disabled, icon: /* @__PURE__ */ jsx(CalendarIcon, {}), children: datePresetLabel }) }),
+    /* @__PURE__ */ jsx(DropdownMenu.Content, { align: "start", children: visiblePresets.map((p) => /* @__PURE__ */ jsx(DropdownMenu.Item, { onSelect: () => handlePresetSelect(p.value), children: p.label }, p.value)) })
+  ] });
+}
+
+export { DateTimeRangePicker as D };
+//# sourceMappingURL=date-time-range-picker-C-pSI1u1.js.map

package/dist/date-time-range-picker-C-pSI1u1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-range-picker-C-pSI1u1.js","sources":["../src/ds/components/DateTimeRangePicker/date-time-range-picker.tsx"],"sourcesContent":["import { isValid, parse } from 'date-fns';\nimport { CalendarIcon, Check } from 'lucide-react';\nimport { useId, useState } from 'react';\nimport type { ReactElement } from 'react';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { DatePicker, TimePicker } from '@/ds/components/DateTimePicker';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { FieldBlock, fieldErrorId } from '@/ds/components/FormFieldBlocks';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/ds/components/Popover/popover';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type DateRangePreset = 'all' | 'last-24h' | 'last-3d' | 'last-7d' | 'last-14d' | 'last-30d' | 'custom';\n\nconst DATE_PRESETS: { value: DateRangePreset; label: string; ms?: number }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'last-24h', label: 'Last 24 hours', ms: 24 * 60 * 60 * 1000 },\n  { value: 'last-3d', label: 'Last 3 days', ms: 3 * 24 * 60 * 60 * 1000 },\n  { value: 'last-7d', label: 'Last 7 days', ms: 7 * 24 * 60 * 60 * 1000 },\n  { value: 'last-14d', label: 'Last 14 days', ms: 14 * 24 * 60 * 60 * 1000 },\n  { value: 'last-30d', label: 'Last 30 days', ms: 30 * 24 * 60 * 60 * 1000 },\n  { value: 'custom', label: 'Custom range...' },\n];\n\nfunction buildDateWithTime(date: Date, timeStr: string): Date | null {\n  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n  const combined = parse(timeStr, 'h:mm a', dateOnly);\n  return isValid(combined) ? combined : null;\n}\n\nexport interface DateTimeRangePickerProps {\n  preset?: DateRangePreset;\n  onPresetChange?: (preset: DateRangePreset) => void;\n  dateFrom?: Date;\n  dateTo?: Date;\n  onDateChange?: (value: Date | undefined, type: 'from' | 'to') => void;\n  /**\n   * Called once with both ends when a custom range is applied. When provided it replaces\n   * the two `onDateChange` calls for that step, so consumers can write the range atomically.\n   */\n  onDateRangeChange?: (from: Date | undefined, to: Date | undefined) => void;\n  disabled?: boolean;\n  /** Subset of presets to show. If omitted, all presets are shown. */\n  presets?: readonly DateRangePreset[];\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n  /**\n   * Replace the default Button trigger. Receives the current label (preset name or\n   * custom range) and must return an element the menu/popover can attach to.\n   */\n  renderTrigger?: (props: { label: string; disabled?: boolean }) => ReactElement;\n}\n\nexport function DateTimeRangePicker({\n  preset = 'all',\n  onPresetChange,\n  dateFrom,\n  dateTo,\n  onDateChange,\n  onDateRangeChange,\n  disabled,\n  presets,\n  size = 'md',\n  renderTrigger,\n}: DateTimeRangePickerProps) {\n  const visiblePresets = presets ? DATE_PRESETS.filter(p => presets.includes(p.value)) : DATE_PRESETS;\n  const fallbackPreset: DateRangePreset = visiblePresets.find(p => p.value !== 'custom')?.value ?? 'all';\n  const [customRangeOpen, setCustomRangeOpen] = useState(false);\n  const [draftDateFrom, setDraftDateFrom] = useState<Date | undefined>(dateFrom);\n  const [draftDateTo, setDraftDateTo] = useState<Date | undefined>(dateTo);\n  const [draftTimeFrom, setDraftTimeFrom] = useState('12:00 AM');\n  const [draftTimeTo, setDraftTimeTo] = useState('11:59 PM');\n  const [customRangeError, setCustomRangeError] = useState<string | undefined>();\n  const customRangeFieldName = useId();\n\n  const datePresetLabel = DATE_PRESETS.find(p => p.value === preset)?.label ?? 'All';\n\n  const handlePresetSelect = (value: DateRangePreset) => {\n    onPresetChange?.(value);\n    if (value === 'custom') {\n      setDraftDateFrom(dateFrom);\n      setDraftDateTo(dateTo);\n      setDraftTimeFrom('12:00 AM');\n      setDraftTimeTo('11:59 PM');\n      setCustomRangeOpen(true);\n      return;\n    }\n    const entry = DATE_PRESETS.find(p => p.value === value);\n    if (entry?.ms) {\n      onDateChange?.(new Date(Date.now() - entry.ms), 'from');\n      onDateChange?.(undefined, 'to');\n    } else {\n      onDateChange?.(undefined, 'from');\n      onDateChange?.(undefined, 'to');\n    }\n  };\n\n  const applyCustomRange = () => {\n    const fromDate = draftDateFrom ? (buildDateWithTime(draftDateFrom, draftTimeFrom) ?? draftDateFrom) : undefined;\n    const toDate = draftDateTo ? (buildDateWithTime(draftDateTo, draftTimeTo) ?? draftDateTo) : undefined;\n    if (fromDate && toDate && fromDate.getTime() > toDate.getTime()) {\n      setCustomRangeError('Start date/time must be before end date/time');\n      return;\n    }\n    setCustomRangeError(undefined);\n    if (onDateRangeChange) {\n      onDateRangeChange(fromDate, toDate);\n    } else {\n      onDateChange?.(fromDate, 'from');\n      onDateChange?.(toDate, 'to');\n    }\n    setCustomRangeOpen(false);\n  };\n\n  if (preset === 'custom') {\n    const customLabel = `${dateFrom ? dateFrom.toLocaleDateString() : 'Start'} \\u2013 ${dateTo ? dateTo.toLocaleDateString() : 'End'}`;\n    return (\n      <Popover open={customRangeOpen} onOpenChange={setCustomRangeOpen}>\n        {renderTrigger ? (\n          <PopoverTrigger render={renderTrigger({ label: customLabel, disabled })} />\n        ) : (\n          <PopoverTrigger asChild>\n            <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n              {customLabel}\n            </Button>\n          </PopoverTrigger>\n        )}\n        <PopoverContent align=\"start\" className={cn('w-auto p-0')}>\n          <div\n            role=\"group\"\n            aria-label=\"Custom date range\"\n            aria-invalid={customRangeError ? true : undefined}\n            aria-describedby={customRangeError ? fieldErrorId(customRangeFieldName) : undefined}\n          >\n            <div className={cn('flex')}>\n              <div className={cn('border-r border-border')}>\n                <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"block px-4 pt-3\">\n                  Start\n                </Txt>\n                <DatePicker\n                  mode=\"single\"\n                  selected={draftDateFrom}\n                  month={draftDateFrom}\n                  onSelect={setDraftDateFrom}\n                  disabled={disabled}\n                  toDate={draftDateTo}\n                />\n                <TimePicker\n                  className=\"mx-4 mb-3 w-auto\"\n                  defaultValue={draftTimeFrom}\n                  onValueChange={v => {\n                    if (!disabled) setDraftTimeFrom(v);\n                  }}\n                />\n              </div>\n              <div>\n                <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"block px-4 pt-3\">\n                  End\n                </Txt>\n                <DatePicker\n                  mode=\"single\"\n                  selected={draftDateTo}\n                  month={draftDateTo}\n                  onSelect={setDraftDateTo}\n                  disabled={disabled}\n                  fromDate={draftDateFrom}\n                />\n                <TimePicker\n                  className=\"mx-4 mb-3 w-auto\"\n                  defaultValue={draftTimeTo}\n                  onValueChange={v => {\n                    if (!disabled) setDraftTimeTo(v);\n                  }}\n                />\n              </div>\n            </div>\n            {customRangeError && (\n              <FieldBlock.ErrorMsg name={customRangeFieldName} className=\"px-4 pb-1\">\n                {customRangeError}\n              </FieldBlock.ErrorMsg>\n            )}\n          </div>\n          <div className={cn('flex items-center justify-between px-4 pb-3')}>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              disabled={disabled}\n              onClick={() => {\n                setCustomRangeError(undefined);\n                handlePresetSelect(fallbackPreset);\n              }}\n            >\n              &larr; Presets\n            </Button>\n            <Button icon={<Check />} variant=\"primary\" size=\"sm\" onClick={applyCustomRange} disabled={disabled}>\n              Apply\n            </Button>\n          </div>\n        </PopoverContent>\n      </Popover>\n    );\n  }\n\n  return (\n    <DropdownMenu>\n      {renderTrigger ? (\n        <DropdownMenu.Trigger render={renderTrigger({ label: datePresetLabel, disabled })} />\n      ) : (\n        <DropdownMenu.Trigger asChild>\n          <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n            {datePresetLabel}\n          </Button>\n        </DropdownMenu.Trigger>\n      )}\n      <DropdownMenu.Content align=\"start\">\n        {visiblePresets.map(p => (\n          <DropdownMenu.Item key={p.value} onSelect={() => handlePresetSelect(p.value)}>\n            {p.label}\n          </DropdownMenu.Item>\n        ))}\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/dialog-DYpOpj9s.cjs

@@ -0,0 +1,215 @@
+'use strict';
+
+require('./dialog.css');const jsxRuntime = require('react/jsx-runtime');
+const dialog = require('@base-ui/react/dialog');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const primitives_raisedSurface = require('./primitives/raised-surface.cjs.js');
+const Button = require('./Button-BnmR2HRc.cjs');
+const scrollArea = require('./scroll-area-CEuf7Omb.cjs');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const DialogContext = React.createContext({
+  intent: "default",
+  pending: false
+});
+function useDialogContext() {
+  return React.useContext(DialogContext);
+}
+const dialogActionSizeClasses = {
+  sm: "min-h-control-sm",
+  md: "min-h-control-md",
+  lg: "min-h-control-lg"
+};
+const dialogActionLayoutClasses = "h-auto min-w-0 max-w-full whitespace-normal wrap-anywhere max-[22rem]:w-full";
+
+const dialogPopupClassName = [
+  "dialog-popup-motion fixed top-1/2 left-1/2 z-50 flex w-[calc(100%-2rem)] -translate-1/2 flex-col rounded-xl py-3 outline-hidden",
+  "[&>form]:flex [&>form]:min-h-0 [&>form]:flex-1 [&>form]:flex-col [&>form]:gap-0",
+  primitives_raisedSurface.dialogSurfaceStyle
+].join(" ");
+const dialogContentSizeClasses = {
+  sm: "max-h-[calc(100dvh-4rem)] max-w-sm",
+  md: "max-h-[calc(100dvh-4rem)] max-w-lg",
+  lg: "max-h-[calc(100dvh-4rem)] max-w-2xl",
+  xl: "max-h-[calc(100dvh-4rem)] max-w-4xl",
+  full: "h-[calc(100dvh-2rem)]"
+};
+
+function Dialog({ intent = "default", pending = false, onOpenChange, disablePointerDismissal, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogContext.Provider, { value: { intent, pending }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    dialog.Dialog.Root,
+    {
+      ...props,
+      disablePointerDismissal: disablePointerDismissal ?? intent === "destructive",
+      onOpenChange: (open, details) => {
+        if (!open && pending) {
+          details.cancel();
+          return;
+        }
+        onOpenChange?.(open, details);
+      }
+    }
+  ) });
+}
+const DialogTrigger = dialog.Dialog.Trigger;
+const DialogPortal = dialog.Dialog.Portal;
+const DialogClose = dialog.Dialog.Close;
+function DialogOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    dialog.Dialog.Backdrop,
+    {
+      "data-slot": "dialog-overlay",
+      className: utils_cn.cn("dialog-backdrop-motion fixed inset-0 z-50 bg-scrim backdrop-blur-xs", className),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  size = "md",
+  showOverlay = true,
+  overlayClassName,
+  initialFocus,
+  ...props
+}) {
+  const { intent, pending } = useDialogContext();
+  const closeRef = React__namespace.useRef(null);
+  const isDestructive = intent === "destructive";
+  return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+    showOverlay && /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, { className: overlayClassName }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      dialog.Dialog.Popup,
+      {
+        "data-slot": "dialog-content",
+        "data-size": size,
+        "data-intent": intent,
+        role: isDestructive ? "alertdialog" : "dialog",
+        initialFocus: initialFocus ?? (isDestructive ? closeRef : true),
+        "aria-busy": pending || void 0,
+        className: utils_cn.cn(
+          dialogPopupClassName,
+          dialogContentSizeClasses[size],
+          "[&_[data-slot=dialog-header]]:pr-12",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            dialog.Dialog.Close,
+            {
+              ref: closeRef,
+              disabled: pending,
+              "data-slot": "dialog-close",
+              className: "absolute top-4 right-4",
+              render: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "ghost", size: "icon-sm", "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}) })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: utils_cn.cn("flex min-w-0 shrink-0 flex-col gap-1 px-5 py-2", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: utils_cn.cn("flex shrink-0 flex-wrap items-center justify-end gap-2 px-5 py-2", className),
+      ...props
+    }
+  );
+}
+function DialogBody({ className, layout = "scroll", flush = false, children, ...props }) {
+  const bodyClassName = utils_cn.cn(
+    "flex min-w-0 flex-col gap-4 text-body wrap-break-word text-muted-foreground",
+    !flush && "px-5 py-2",
+    className
+  );
+  if (layout === "fill") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "dialog-body", className: utils_cn.cn("min-h-0 flex-1", bodyClassName), ...props, children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "flex min-h-0 min-w-0 flex-1 flex-col", mask: true, children: /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollAreaViewport, { className: "h-auto min-h-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "dialog-body", className: bodyClassName, ...props, children }) }) });
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Title, { className: utils_cn.cn("text-heading wrap-break-word text-foreground", className), ...props });
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    dialog.Dialog.Description,
+    {
+      className: utils_cn.cn("text-body wrap-break-word text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function DialogCancel({ disabled, size = "md", ...props }) {
+  const { pending } = useDialogContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    dialog.Dialog.Close,
+    {
+      render: /* @__PURE__ */ jsxRuntime.jsx(
+        Button.Button,
+        {
+          size,
+          variant: "ghost",
+          className: utils_cn.cn(dialogActionLayoutClasses, dialogActionSizeClasses[size]),
+          children: props.children
+        }
+      ),
+      ...props,
+      disabled: disabled || pending
+    }
+  );
+}
+
+exports.Dialog = Dialog;
+exports.DialogBody = DialogBody;
+exports.DialogCancel = DialogCancel;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogContext = DialogContext;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogOverlay = DialogOverlay;
+exports.DialogPortal = DialogPortal;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+exports.dialogActionLayoutClasses = dialogActionLayoutClasses;
+exports.dialogActionSizeClasses = dialogActionSizeClasses;
+exports.dialogContentSizeClasses = dialogContentSizeClasses;
+exports.dialogPopupClassName = dialogPopupClassName;
+exports.useDialogContext = useDialogContext;
+//# sourceMappingURL=dialog-DYpOpj9s.cjs.map