@mastra/playground-ui 68.0.0 → 69.0.0-alpha.0

package/dist/{date-time-range-picker-CWGjoR3j.cjs → date-time-range-picker-Bq-8IPtS.cjs}

@@ -1,11 +1,12 @@
-const require_utils = require("./utils-uDc1ofX1.cjs");
-const require_Button = require("./Button-DLcMcuUL.cjs");
-const require_Txt = require("./Txt-BnoSqxKE.cjs");
-const require_dropdown_menu = require("./dropdown-menu-BETTTPBB.cjs");
-const require_buttons_group = require("./buttons-group-Dc6R7YSs.cjs");
-const require_components_Field = require("./components/Field.cjs.js");
-const require_popover = require("./popover-BJqa6Hz6.cjs");
+const require_Button = require("./Button-BfICfyxD.cjs");
 const require_components_DateTimePicker = require("./components/DateTimePicker.cjs.js");
+const require_components_Field = require("./components/Field.cjs.js");
+const require_input = require("./input-BpnUsQSt.cjs");
+const require_Txt = require("./Txt-_00wWxTd.cjs");
+const require_buttons_group = require("./buttons-group-DM6_Kohs.cjs");
+const require_dropdown_menu = require("./dropdown-menu-Dx-jCOIv.cjs");
+const require_popover = require("./popover-D9AfJmla.cjs");
+const require_utils = require("./utils-uDc1ofX1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -15,130 +16,158 @@ function formatDays(ms) {
 	const days = Math.round(ms / 864e5);
 	return `${days} day${days === 1 ? "" : "s"}`;
 }
-/** The draft day at the draft time, or the bare day when the time doesn't parse. */
+/** The draft day at the draft `HH:mm` time, or the start of the day when the time doesn't parse. */
 function combineDateAndTime(date, timeStr) {
 	if (!date) return void 0;
-	const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());
-	const combined = (0, date_fns.parse)(timeStr, "h:mm a", dateOnly);
-	return (0, date_fns.isValid)(combined) ? combined : date;
+	const combined = (0, date_fns.parse)(timeStr, "HH:mm", (0, date_fns.startOfDay)(date));
+	return (0, date_fns.isValid)(combined) ? combined : (0, date_fns.startOfDay)(date);
+}
+var isTime = (timeStr) => (0, date_fns.isValid)((0, date_fns.parse)(timeStr, "HH:mm", /* @__PURE__ */ new Date()));
+/** Why the drafts can't be applied, or `undefined` when they can. */
+function rangeProblem({ from, to, timesFilled, maxRangeMs = Infinity, firstDay }) {
+	if (!timesFilled) return "Enter a time for the start and end";
+	if (from && to && from > to) return "Start date/time must be before end date/time";
+	if (from && to && to.getTime() - from.getTime() > maxRangeMs) return `Range cannot be longer than ${formatDays(maxRangeMs)}`;
+	if (from && firstDay && from < firstDay) return `Range cannot start before ${(0, date_fns.format)(firstDay, "MMM d, yyyy")}`;
+}
+/** The left month of the two: the start's month when the range spans months, else the month before the end. */
+function firstShownMonth(from, to) {
+	if (from && to && (0, date_fns.differenceInCalendarMonths)(to, from) >= 1) return from;
+	if (to) return (0, date_fns.subMonths)(to, 1);
+	return from;
 }
 /**
-* The custom range popover body. It mounts each time the popover opens, so its drafts
-* start from the current range without the picker resetting them.
+* The custom range popover body: one two-month calendar where the first click picks the
+* start and the second the end, with both ends and their times under it. It mounts each time the
+* popover opens, so its drafts start from the current range.
 */
 function CustomRangeEditor({ dateFrom, dateTo, disabled, maxRangeMs, minDate, onApply, onShowPresets }) {
-	const [draftDateFrom, setDraftDateFrom] = (0, react.useState)(dateFrom);
-	const [draftDateTo, setDraftDateTo] = (0, react.useState)(dateTo);
-	const [draftTimeFrom, setDraftTimeFrom] = (0, react.useState)("12:00 AM");
-	const [draftTimeTo, setDraftTimeTo] = (0, react.useState)("11:59 PM");
+	const [range, setRange] = (0, react.useState)(dateFrom || dateTo ? {
+		from: dateFrom,
+		to: dateTo
+	} : void 0);
+	const [draftTimeFrom, setDraftTimeFrom] = (0, react.useState)(dateFrom ? (0, date_fns.format)(dateFrom, "HH:mm") : "00:00");
+	const [draftTimeTo, setDraftTimeTo] = (0, react.useState)(dateTo ? (0, date_fns.format)(dateTo, "HH:mm") : "23:59");
 	const [applyAttempted, setApplyAttempted] = (0, react.useState)(false);
 	const errorId = (0, react.useId)();
-	const fromDate = combineDateAndTime(draftDateFrom, draftTimeFrom);
-	const toDate = combineDateAndTime(draftDateTo, draftTimeTo);
-	const rangeReversed = fromDate !== void 0 && toDate !== void 0 && fromDate.getTime() > toDate.getTime();
-	const rangeTooWide = fromDate !== void 0 && toDate !== void 0 && toDate.getTime() - fromDate.getTime() > (maxRangeMs ?? Infinity);
+	const fromDate = combineDateAndTime(range?.from, draftTimeFrom);
+	const toDate = combineDateAndTime(range?.to, draftTimeTo);
 	const firstDay = minDate ? (0, date_fns.startOfDay)(minDate) : void 0;
-	const endFirstDay = draftDateFrom && (!firstDay || draftDateFrom > firstDay) ? draftDateFrom : firstDay;
-	const rangeTooEarly = fromDate !== void 0 && firstDay !== void 0 && fromDate < firstDay;
-	const rangeInvalid = rangeReversed || rangeTooWide || rangeTooEarly;
-	let error;
-	if (applyAttempted && rangeReversed) error = "Start date/time must be before end date/time";
-	else if (applyAttempted && rangeTooWide) error = `Range cannot be longer than ${formatDays(maxRangeMs ?? 0)}`;
-	else if (applyAttempted && firstDay && rangeTooEarly) error = `Range cannot start before ${(0, date_fns.format)(firstDay, "MMM d, yyyy")}`;
+	const problem = rangeProblem({
+		from: fromDate,
+		to: toDate,
+		timesFilled: (!range?.from || isTime(draftTimeFrom)) && (!range?.to || isTime(draftTimeTo)),
+		maxRangeMs,
+		firstDay
+	});
+	const error = applyAttempted ? problem : void 0;
 	const apply = () => {
-		if (rangeInvalid) {
+		if (problem) {
 			setApplyAttempted(true);
 			return;
 		}
 		onApply(fromDate, toDate);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			role: "group",
-			"aria-label": "Custom date range",
-			"aria-invalid": error ? true : void 0,
-			"aria-describedby": error ? errorId : void 0,
-			className: "flex",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: require_utils.cn("border-r border-border"),
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
-						as: "span",
-						variant: "column",
-						tone: "muted",
-						className: "block px-4 pt-3",
-						children: "Start"
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_DateTimePicker.DatePicker, {
-						mode: "single",
-						selected: draftDateFrom,
-						month: draftDateFrom,
-						onSelect: setDraftDateFrom,
-						disabled,
-						fromDate: firstDay,
-						toDate: draftDateTo
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_DateTimePicker.TimePicker, {
-						label: "Start time",
-						className: "mx-4 mb-3 w-auto",
-						defaultValue: draftTimeFrom,
-						onValueChange: (v) => {
-							if (!disabled) setDraftTimeFrom(v);
-						}
-					})
-				]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
-					as: "span",
-					variant: "column",
-					tone: "muted",
-					className: "block px-4 pt-3",
-					children: "End"
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_DateTimePicker.DatePicker, {
-					mode: "single",
-					selected: draftDateTo,
-					month: draftDateTo,
-					onSelect: setDraftDateTo,
-					disabled,
-					fromDate: endFirstDay
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_DateTimePicker.TimePicker, {
-					label: "End time",
-					className: "mx-4 mb-3 w-auto",
-					defaultValue: draftTimeTo,
-					onValueChange: (v) => {
-						if (!disabled) setDraftTimeTo(v);
-					}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				role: "group",
+				"aria-label": "Custom date range",
+				"aria-invalid": error ? true : void 0,
+				"aria-describedby": error ? errorId : void 0,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_DateTimePicker.DatePicker, {
+					mode: "range",
+					numberOfMonths: 2,
+					showOutsideDays: false,
+					resetOnSelect: true,
+					selected: range,
+					onSelect: setRange,
+					defaultMonth: firstShownMonth(dateFrom, dateTo),
+					disabled: disabled || (firstDay ? { before: firstDay } : void 0),
+					startMonth: firstDay
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "grid grid-cols-[1fr_auto_1fr] gap-x-2 gap-y-1 px-3 pb-3",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RangeEnd, {
+							label: "Start",
+							date: range?.from,
+							time: draftTimeFrom,
+							onTimeChange: setDraftTimeFrom,
+							disabled
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowRight, {
+							"aria-hidden": true,
+							className: "col-start-2 row-start-2 size-4 self-center text-muted-foreground"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RangeEnd, {
+							label: "End",
+							date: range?.to,
+							time: draftTimeTo,
+							onTimeChange: setDraftTimeTo,
+							disabled
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Field.Field, {
+				invalid: Boolean(error),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Field.FieldError, {
+					id: errorId,
+					className: "px-4 pb-1",
+					children: error
 				})
-			] })]
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Field.Field, {
-			invalid: Boolean(error),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Field.FieldError, {
-				id: errorId,
-				className: "px-4 pb-1",
-				children: error
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2 border-t border-border px-3 py-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronLeft, {}),
+					variant: "ghost",
+					size: "sm",
+					disabled,
+					onClick: onShowPresets,
+					children: "Presets"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+					className: "ml-auto",
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, {}),
+					variant: "primary",
+					size: "sm",
+					onClick: apply,
+					disabled,
+					children: "Apply"
+				})]
 			})
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: require_utils.cn("flex items-center justify-between px-4 pb-3"),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
-				variant: "ghost",
-				size: "sm",
-				disabled,
-				onClick: onShowPresets,
-				children: "← Presets"
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, {}),
-				variant: "primary",
+		]
+	});
+}
+function RangeEnd({ label, date, time, onTimeChange, disabled }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "row-span-2 grid min-w-0 grid-rows-subgrid",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+			as: "span",
+			variant: "column",
+			tone: "muted",
+			className: "px-1",
+			children: label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-1",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+				as: "span",
+				variant: "label",
+				tone: date ? void 0 : "muted",
+				className: "min-w-0 flex-1 truncate px-1",
+				children: date ? (0, date_fns.format)(date, "MMM d, yyyy") : "Select a day"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input.Input, {
+				type: "time",
 				size: "sm",
-				onClick: apply,
+				"aria-label": `${label} time`,
+				value: time,
+				onChange: (e) => onTimeChange(e.target.value),
 				disabled,
-				children: "Apply"
+				className: "w-24 shrink-0 [&::-webkit-calendar-picker-indicator]:hidden"
 			})]
-		})
-	] });
+		})]
+	});
 }
 // src/ds/components/DateTimeRangePicker/date-time-range-picker.tsx
 var DATE_PRESETS = [
@@ -345,4 +374,4 @@ Object.defineProperty(exports, "DateTimeRangePicker", {
 	}
 });
 
-//# sourceMappingURL=date-time-range-picker-CWGjoR3j.cjs.map
+//# sourceMappingURL=date-time-range-picker-Bq-8IPtS.cjs.map

package/dist/date-time-range-picker-Bq-8IPtS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-range-picker-Bq-8IPtS.cjs","names":["parse","startOfDay","isValid","format","differenceInCalendarMonths","subMonths","useState","useId","DatePicker","ArrowRight","Field","FieldError","Button","ChevronLeft","Check","Txt","Input","startOfDay","useState","Button","CalendarIcon","TriggerChevron","Popover","PopoverTrigger","PopoverContent","cn","DropdownMenu","XIcon","ButtonsGroup"],"sources":["../src/ds/components/DateTimeRangePicker/custom-range-editor.tsx","../src/ds/components/DateTimeRangePicker/date-time-range-picker.tsx"],"sourcesContent":["import { differenceInCalendarMonths, format, isValid, parse, startOfDay, subMonths } from 'date-fns';\nimport { ArrowRight, Check, ChevronLeft } from 'lucide-react';\nimport { useId, useState } from 'react';\nimport type { DateRange } from 'react-day-picker';\nimport { Button } from '@/ds/components/Button/Button';\nimport { DatePicker } from '@/ds/components/DateTimePicker';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { Input } from '@/ds/components/Input';\nimport { Txt } from '@/ds/components/Txt';\n\nfunction formatDays(ms: number): string {\n  const days = Math.round(ms / (24 * 60 * 60 * 1000));\n  return `${days} day${days === 1 ? '' : 's'}`;\n}\n\n/** The draft day at the draft `HH:mm` time, or the start of the day when the time doesn't parse. */\nfunction combineDateAndTime(date: Date | undefined, timeStr: string): Date | undefined {\n  if (!date) return undefined;\n  const combined = parse(timeStr, 'HH:mm', startOfDay(date));\n  return isValid(combined) ? combined : startOfDay(date);\n}\n\nconst isTime = (timeStr: string) => isValid(parse(timeStr, 'HH:mm', new Date()));\n\n/** Why the drafts can't be applied, or `undefined` when they can. */\nfunction rangeProblem({\n  from,\n  to,\n  timesFilled,\n  maxRangeMs = Infinity,\n  firstDay,\n}: {\n  from: Date | undefined;\n  to: Date | undefined;\n  timesFilled: boolean;\n  maxRangeMs?: number;\n  firstDay: Date | undefined;\n}): string | undefined {\n  if (!timesFilled) return 'Enter a time for the start and end';\n  if (from && to && from > to) return 'Start date/time must be before end date/time';\n  if (from && to && to.getTime() - from.getTime() > maxRangeMs)\n    return `Range cannot be longer than ${formatDays(maxRangeMs)}`;\n  if (from && firstDay && from < firstDay) return `Range cannot start before ${format(firstDay, 'MMM d, yyyy')}`;\n  return undefined;\n}\n\n/** The left month of the two: the start's month when the range spans months, else the month before the end. */\nfunction firstShownMonth(from: Date | undefined, to: Date | undefined): Date | undefined {\n  if (from && to && differenceInCalendarMonths(to, from) >= 1) return from;\n  if (to) return subMonths(to, 1);\n  return from;\n}\n\nexport interface CustomRangeEditorProps {\n  dateFrom?: Date;\n  dateTo?: Date;\n  disabled?: boolean;\n  /** Widest range that can be applied, in milliseconds. */\n  maxRangeMs?: number;\n  /** Earliest day a range can start on. Days before it are disabled. */\n  minDate?: Date;\n  onApply: (from: Date | undefined, to: Date | undefined) => void;\n  onShowPresets: () => void;\n}\n\n/**\n * The custom range popover body: one two-month calendar where the first click picks the\n * start and the second the end, with both ends and their times under it. It mounts each time the\n * popover opens, so its drafts start from the current range.\n */\nexport function CustomRangeEditor({\n  dateFrom,\n  dateTo,\n  disabled,\n  maxRangeMs,\n  minDate,\n  onApply,\n  onShowPresets,\n}: CustomRangeEditorProps) {\n  const [range, setRange] = useState<DateRange | undefined>(\n    dateFrom || dateTo ? { from: dateFrom, to: dateTo } : undefined,\n  );\n  const [draftTimeFrom, setDraftTimeFrom] = useState(dateFrom ? format(dateFrom, 'HH:mm') : '00:00');\n  const [draftTimeTo, setDraftTimeTo] = useState(dateTo ? format(dateTo, 'HH:mm') : '23:59');\n  const [applyAttempted, setApplyAttempted] = useState(false);\n  const errorId = useId();\n\n  const fromDate = combineDateAndTime(range?.from, draftTimeFrom);\n  const toDate = combineDateAndTime(range?.to, draftTimeTo);\n  const firstDay = minDate ? startOfDay(minDate) : undefined;\n  // A cleared time field would otherwise apply that end at midnight without saying so.\n  const timesFilled = (!range?.from || isTime(draftTimeFrom)) && (!range?.to || isTime(draftTimeTo));\n  const problem = rangeProblem({ from: fromDate, to: toDate, timesFilled, maxRangeMs, firstDay });\n  // Shown after a failed Apply, and gone as soon as the drafts form a valid range again.\n  const error = applyAttempted ? problem : undefined;\n\n  const apply = () => {\n    if (problem) {\n      setApplyAttempted(true);\n      return;\n    }\n    onApply(fromDate, toDate);\n  };\n\n  return (\n    <div className=\"flex flex-col\">\n      <div\n        role=\"group\"\n        aria-label=\"Custom date range\"\n        aria-invalid={error ? true : undefined}\n        aria-describedby={error ? errorId : undefined}\n      >\n        <DatePicker\n          mode=\"range\"\n          numberOfMonths={2}\n          // Side by side, a month's spill-over days repeat its neighbour's, range and all.\n          showOutsideDays={false}\n          resetOnSelect\n          selected={range}\n          onSelect={setRange}\n          defaultMonth={firstShownMonth(dateFrom, dateTo)}\n          disabled={disabled || (firstDay ? { before: firstDay } : undefined)}\n          startMonth={firstDay}\n        />\n        {/* Start and end share one grid: labels on the first row, values on the second, so\n          the arrow centres on the values whatever the labels do. */}\n        <div className=\"grid grid-cols-[1fr_auto_1fr] gap-x-2 gap-y-1 px-3 pb-3\">\n          <RangeEnd\n            label=\"Start\"\n            date={range?.from}\n            time={draftTimeFrom}\n            onTimeChange={setDraftTimeFrom}\n            disabled={disabled}\n          />\n          <ArrowRight aria-hidden className=\"col-start-2 row-start-2 size-4 self-center text-muted-foreground\" />\n          <RangeEnd label=\"End\" date={range?.to} time={draftTimeTo} onTimeChange={setDraftTimeTo} disabled={disabled} />\n        </div>\n      </div>\n      <Field invalid={Boolean(error)}>\n        <FieldError id={errorId} className=\"px-4 pb-1\">\n          {error}\n        </FieldError>\n      </Field>\n      <div className=\"flex items-center gap-2 border-t border-border px-3 py-2\">\n        <Button icon={<ChevronLeft />} variant=\"ghost\" size=\"sm\" disabled={disabled} onClick={onShowPresets}>\n          Presets\n        </Button>\n        <Button className=\"ml-auto\" icon={<Check />} variant=\"primary\" size=\"sm\" onClick={apply} disabled={disabled}>\n          Apply\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction RangeEnd({\n  label,\n  date,\n  time,\n  onTimeChange,\n  disabled,\n}: {\n  label: string;\n  date: Date | undefined;\n  time: string;\n  onTimeChange: (value: string) => void;\n  disabled?: boolean;\n}) {\n  return (\n    <div className=\"row-span-2 grid min-w-0 grid-rows-subgrid\">\n      <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"px-1\">\n        {label}\n      </Txt>\n      <div className=\"flex items-center gap-1\">\n        <Txt as=\"span\" variant=\"label\" tone={date ? undefined : 'muted'} className=\"min-w-0 flex-1 truncate px-1\">\n          {date ? format(date, 'MMM d, yyyy') : 'Select a day'}\n        </Txt>\n        <Input\n          type=\"time\"\n          size=\"sm\"\n          aria-label={`${label} time`}\n          value={time}\n          onChange={e => onTimeChange(e.target.value)}\n          disabled={disabled}\n          className=\"w-24 shrink-0 [&::-webkit-calendar-picker-indicator]:hidden\"\n        />\n      </div>\n    </div>\n  );\n}\n","import { startOfDay } from 'date-fns';\nimport { CalendarIcon, XIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ReactNode, Ref } from 'react';\nimport { CustomRangeEditor } from './custom-range-editor';\nimport { Button, TriggerChevron } from '@/ds/components/Button/Button';\nimport type { TextButtonSize } from '@/ds/components/Button/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup/buttons-group';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/ds/components/Popover/popover';\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\nconst sameTime = (a: Date | undefined, b: Date | undefined) => a?.getTime() === b?.getTime();\n\n/**\n * Whether a named range breaks the limits the custom editor enforces: it starts before\n * `minDate`'s day, or spans more than `maxRangeMs` (an open end counts up to now).\n */\nfunction outsideLimits(range: DateTimeRangePickerNamedRange, minDate?: Date, maxRangeMs?: number) {\n  const tooEarly = minDate !== undefined && range.from < startOfDay(minDate);\n  const span = (range.to ?? new Date()).getTime() - range.from.getTime();\n  const tooWide = maxRangeMs !== undefined && span > maxRangeMs;\n  return tooEarly || tooWide;\n}\n\nconst fmtClock = (d: Date) =>\n  d.toLocaleTimeString('en-US', d.getMinutes() === 0 ? { hour: 'numeric' } : { hour: 'numeric', minute: '2-digit' });\n\n/**\n * A custom range as day and time, kept short: `Oct 21, 2:05 PM – 4 PM` within one day,\n * `Oct 20, 12 AM – Oct 27, 9:30 AM` across days, with years only outside the current one.\n */\nfunction customRangeLabel(dateFrom: Date | undefined, dateTo: Date | undefined) {\n  const thisYear = new Date().getFullYear();\n  const withYear = [dateFrom, dateTo].some(d => d && d.getFullYear() !== thisYear);\n  const fmtDay = (d: Date) =>\n    d.toLocaleDateString('en-US', { month: 'short', day: 'numeric', ...(withYear && { year: 'numeric' }) });\n  const fmtMoment = (d: Date) => `${fmtDay(d)}, ${fmtClock(d)}`;\n\n  const start = dateFrom ? fmtMoment(dateFrom) : 'Start';\n  if (!dateTo) return `${start} \\u2013 End`;\n  const sameDay = dateFrom !== undefined && fmtDay(dateFrom) === fmtDay(dateTo);\n  return `${start} \\u2013 ${sameDay ? fmtClock(dateTo) : fmtMoment(dateTo)}`;\n}\n\n/** A fixed range offered beside the presets, e.g. the current billing period. */\nexport type DateTimeRangePickerNamedRange = { label: string; from: Date; to?: Date };\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  /** Widest custom range that can be applied, in milliseconds. Presets are unaffected. */\n  maxRangeMs?: number;\n  /** Earliest day a custom range can start on, e.g. the oldest data still kept. Earlier days are disabled. */\n  minDate?: Date;\n  /** Subset of presets to show. If omitted, all presets are shown. */\n  presets?: readonly DateRangePreset[];\n  /**\n   * Fixed ranges listed above the presets, e.g. `{ label: 'This period', from: periodStart }`.\n   * Picking one applies it as a custom range; while it's applied the trigger shows its label.\n   */\n  namedRanges?: readonly DateTimeRangePickerNamedRange[];\n  /** Size of the trigger Button. Defaults to 'sm', the toolbar rung. */\n  size?: TextButtonSize;\n  /**\n   * The preset a custom range resets to. While a custom range is applied, a × joined to the\n   * trigger takes the chevron's place and switches back to it.\n   */\n  defaultPreset?: DateRangePreset;\n  /** Replaces what the reset × does, e.g. to undo a histogram zoom before falling back to `defaultPreset`. */\n  onReset?: () => void;\n  /** The trigger Button. */\n  ref?: Ref<HTMLButtonElement>;\n}\n\nexport function DateTimeRangePicker({\n  preset = 'all',\n  onPresetChange,\n  dateFrom,\n  dateTo,\n  onDateChange,\n  onDateRangeChange,\n  disabled,\n  maxRangeMs,\n  minDate,\n  presets,\n  namedRanges = [],\n  size = 'sm',\n  defaultPreset,\n  onReset,\n  ref,\n}: DateTimeRangePickerProps) {\n  const visiblePresets = presets ? DATE_PRESETS.filter(p => presets.includes(p.value)) : DATE_PRESETS;\n  const [customRangeOpen, setCustomRangeOpen] = useState(false);\n  const [presetMenuOpen, setPresetMenuOpen] = useState(false);\n  // The preset active before \"Custom range...\" was picked, until a range is applied.\n  // \"← Presets\" restores it instead of jumping to the first preset in the list.\n  const [presetBeforeCustom, setPresetBeforeCustom] = useState<DateRangePreset | undefined>();\n\n  // \"← Presets\" restores the previous preset through the parent, which may apply it a\n  // render later (e.g. a router URL update). Show it right away instead of \"custom\".\n  const restoringPreset = presetMenuOpen && preset === 'custom' ? presetBeforeCustom : undefined;\n  const shownPreset = restoringPreset ?? preset;\n  const datePresetLabel = DATE_PRESETS.find(p => p.value === shownPreset)?.label ?? 'All';\n\n  const applyPreset = (value: DateRangePreset) => {\n    onPresetChange?.(value);\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 handlePresetSelect = (value: DateRangePreset) => {\n    setPresetMenuOpen(false);\n    if (value === 'custom') {\n      if (preset !== 'custom') setPresetBeforeCustom(preset);\n      onPresetChange?.(value);\n      setCustomRangeOpen(true);\n      return;\n    }\n    setPresetBeforeCustom(undefined);\n    applyPreset(value);\n  };\n\n  const applyCustomRange = (fromDate: Date | undefined, toDate: Date | undefined) => {\n    if (onDateRangeChange) {\n      onDateRangeChange(fromDate, toDate);\n    } else {\n      onDateChange?.(fromDate, 'from');\n      onDateChange?.(toDate, 'to');\n    }\n    setPresetBeforeCustom(undefined);\n    setCustomRangeOpen(false);\n  };\n\n  // Back to the preset list. Restores the preset the user came from; an applied custom\n  // range matches no preset, so it stays and the list shows \"Custom range...\" as current.\n  const showPresets = () => {\n    setCustomRangeOpen(false);\n    if (presetBeforeCustom) applyPreset(presetBeforeCustom);\n    setPresetMenuOpen(true);\n  };\n\n  // The applied custom range, when it is one of the named ranges.\n  const namedIndex =\n    shownPreset === 'custom' ? namedRanges.findIndex(r => sameTime(r.from, dateFrom) && sameTime(r.to, dateTo)) : -1;\n  const named = namedRanges[namedIndex];\n  const canReset = defaultPreset !== undefined && shownPreset === 'custom' && !named;\n  // A named range shows the preset list, unless \"Custom range...\" was picked to edit it.\n  const editingCustomRange = shownPreset === 'custom' && !presetMenuOpen && (!named || customRangeOpen);\n  const label = named ? named.label : shownPreset === 'custom' ? customRangeLabel(dateFrom, dateTo) : datePresetLabel;\n\n  const applyNamedRange = (range: DateTimeRangePickerNamedRange) => {\n    setPresetMenuOpen(false);\n    onPresetChange?.('custom');\n    applyCustomRange(range.from, range.to);\n  };\n  const trigger = (\n    <Button\n      ref={ref}\n      size={size}\n      disabled={disabled}\n      icon={<CalendarIcon />}\n      iconEnd={canReset ? undefined : <TriggerChevron />}\n    >\n      {label}\n    </Button>\n  );\n\n  return (\n    <JoinReset\n      size={size}\n      reset={\n        canReset && (\n          <ResetRangeButton size={size} disabled={disabled} onReset={onReset ?? (() => applyPreset(defaultPreset))} />\n        )\n      }\n    >\n      {editingCustomRange && (\n        <Popover open={customRangeOpen} onOpenChange={setCustomRangeOpen}>\n          <PopoverTrigger render={trigger} />\n          <PopoverContent align=\"start\" className={cn('w-auto p-0')}>\n            <CustomRangeEditor\n              dateFrom={dateFrom}\n              dateTo={dateTo}\n              disabled={disabled}\n              maxRangeMs={maxRangeMs}\n              minDate={minDate}\n              onApply={applyCustomRange}\n              onShowPresets={showPresets}\n            />\n          </PopoverContent>\n        </Popover>\n      )}\n      {!editingCustomRange && (\n        <DropdownMenu open={presetMenuOpen} onOpenChange={setPresetMenuOpen}>\n          <DropdownMenu.Trigger render={trigger} />\n          <DropdownMenu.Content align=\"start\">\n            {/* Items select on click (not onValueChange) so re-picking the checked\n              \"Custom range...\" still reopens the range editor. */}\n            <DropdownMenu.RadioGroup value={named ? `named-${namedIndex}` : shownPreset}>\n              {namedRanges.map((r, i) => (\n                <DropdownMenu.RadioItem\n                  key={`named-${i}`}\n                  value={`named-${i}`}\n                  disabled={outsideLimits(r, minDate, maxRangeMs)}\n                  closeOnClick\n                  onClick={() => applyNamedRange(r)}\n                >\n                  {r.label}\n                </DropdownMenu.RadioItem>\n              ))}\n              {namedRanges.length > 0 && <DropdownMenu.Separator />}\n              {visiblePresets.map(p => (\n                <DropdownMenu.RadioItem\n                  key={p.value}\n                  value={p.value}\n                  closeOnClick\n                  onClick={() => handlePresetSelect(p.value)}\n                >\n                  {p.label}\n                </DropdownMenu.RadioItem>\n              ))}\n            </DropdownMenu.RadioGroup>\n          </DropdownMenu.Content>\n        </DropdownMenu>\n      )}\n    </JoinReset>\n  );\n}\n\n/** Switches a custom range back to the picker's default preset. */\nfunction ResetRangeButton({\n  size,\n  disabled,\n  onReset,\n}: {\n  size: TextButtonSize;\n  disabled?: boolean;\n  onReset: () => void;\n}) {\n  return (\n    <Button\n      type=\"button\"\n      size={`icon-${size}` as const}\n      tooltip=\"Reset time range\"\n      disabled={disabled}\n      onClick={onReset}\n    >\n      <XIcon />\n    </Button>\n  );\n}\n\n/** The trigger alone, or joined with the reset × as one pill. */\nfunction JoinReset({ reset, size, children }: { reset: ReactNode; size: TextButtonSize; children: ReactNode }) {\n  if (!reset) return children;\n  return (\n    <ButtonsGroup size={size}>\n      {children}\n      {reset}\n    </ButtonsGroup>\n  );\n}\n"],"mappings":"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"}