@datum-cloud/datum-ui 3.7.0 → 3.8.0

package/dist/{multi-select-CF0Yq5yf.mjs → multi-select-C2cBrqXl.mjs}

@@ -1,15 +1,16 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as Badge } from "./badge-DOZUr5DV.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-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 { t as cn } from "./utils-CTIuhCOs.mjs";
+import { t as useControllableState } from "./use-controllable-state-DLeVgbAb.mjs";
+import { n as OptionList, t as useOptionPicker } from "./use-option-picker-DXY2SNnT.mjs";
+import { t as ResponsivePopover } from "./responsive-popover-DJYd8lOK.mjs";
+import { t as Separator } from "./separator-DNiiN2BN.mjs";
+import { t as LoaderOverlay } from "./loader-overlay-DP0pvHuG.mjs";
+import { n as useChipMotion, t as MotionBadge } from "./motion-chip-BczV7spP.mjs";
 import { cva } from "class-variance-authority";
 import { CheckIcon, ChevronDown, WandSparkles, XCircle, XIcon } from "lucide-react";
 import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/features/multi-select/multi-select-options.tsx
+import { AnimatePresence } from "motion/react";
+// src/components/features/multi-select/multi-select-options.tsx
 /**
 * Presentational popover command list for the multi-select: the searchable
 * option list with a checkbox affordance per row. Selection state and search
@@ -35,8 +36,7 @@ function MultiSelectOptions({ picker, searchPlaceholder, emptyContent, header, f
 	});
 }
 MultiSelectOptions.displayName = "MultiSelectOptions";
-//#endregion
-//#region src/components/features/multi-select/multi-select-shared.ts
+// src/components/features/multi-select/multi-select-shared.ts
 /**
 * Variants for the multi-select badges to handle different styles.
 * Uses class-variance-authority (cva) to define styles based on the `variant` prop.
@@ -53,8 +53,7 @@ const multiSelectVariants = cva("flex items-center gap-1 rounded-md border px-2
 	} },
 	defaultVariants: { variant: "default" }
 });
-//#endregion
-//#region src/components/features/multi-select/selected-badge-list.tsx
+// src/components/features/multi-select/selected-badge-list.tsx
 /**
 * A keyboard-operable icon control. The badge/clear affordances live inside the
 * trigger button, so they cannot be real nested `<button>`s (invalid DOM). We
@@ -90,52 +89,59 @@ function IconAction({ label, onActivate, className, children }) {
 function SelectedBadgeList({ selectedOptions, maxCount, variant, badgeClassName, clickableBadges, isAnimating, animation, onRemove, onClearExtra, onClearAll, onBadgeClick }) {
 	const visibleOptions = selectedOptions.slice(0, maxCount === -1 ? void 0 : maxCount);
 	const overflowCount = maxCount === -1 ? 0 : selectedOptions.length - maxCount;
+	const chipMotion = useChipMotion();
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex w-full items-center justify-between",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex flex-wrap items-center gap-2",
-			children: [visibleOptions.map((option) => {
-				const IconComponent = option.icon;
-				return /* @__PURE__ */ jsxs(Badge, {
-					className: cn(multiSelectVariants({ variant }), "truncate", isAnimating && "animate-bounce", clickableBadges && "cursor-pointer", badgeClassName),
-					style: { animationDuration: `${animation}s` },
-					onClick: (event) => {
-						if (clickableBadges) {
-							event.stopPropagation();
-							event.preventDefault();
-							onBadgeClick?.(option);
-						}
-					},
-					children: [
-						IconComponent && /* @__PURE__ */ jsx(IconComponent, { className: "text-muted-foreground size-3" }),
-						/* @__PURE__ */ jsx("span", {
-							className: "max-w-[120px] truncate",
-							children: option.label
-						}),
-						/* @__PURE__ */ jsx(IconAction, {
-							label: `Remove ${option.label}`,
-							onActivate: () => onRemove(option.value),
-							className: "text-muted-foreground ml-1",
-							children: /* @__PURE__ */ jsx(XCircle, {
-								className: "size-3",
-								"aria-hidden": "true"
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "relative flex flex-wrap items-center gap-2",
+			children: /* @__PURE__ */ jsxs(AnimatePresence, {
+				initial: false,
+				mode: "popLayout",
+				children: [visibleOptions.map((option) => {
+					const IconComponent = option.icon;
+					return /* @__PURE__ */ jsxs(MotionBadge, {
+						...chipMotion,
+						className: cn(multiSelectVariants({ variant }), "truncate", isAnimating && "animate-bounce", clickableBadges && "cursor-pointer", badgeClassName),
+						style: { animationDuration: `${animation}s` },
+						onClick: (event) => {
+							if (clickableBadges) {
+								event.stopPropagation();
+								event.preventDefault();
+								onBadgeClick?.(option);
+							}
+						},
+						children: [
+							IconComponent && /* @__PURE__ */ jsx(IconComponent, { className: "text-muted-foreground size-3" }),
+							/* @__PURE__ */ jsx("span", {
+								className: "max-w-[120px] truncate",
+								children: option.label
+							}),
+							/* @__PURE__ */ jsx(IconAction, {
+								label: `Remove ${option.label}`,
+								onActivate: () => onRemove(option.value),
+								className: "text-muted-foreground ml-1",
+								children: /* @__PURE__ */ jsx(XCircle, {
+									className: "size-3",
+									"aria-hidden": "true"
+								})
 							})
+						]
+					}, option.value);
+				}), overflowCount > 0 && /* @__PURE__ */ jsxs(MotionBadge, {
+					...chipMotion,
+					className: cn(multiSelectVariants({ variant }), "text-muted-foreground", isAnimating && "animate-bounce"),
+					style: { animationDuration: `${animation}s` },
+					children: [`+ ${overflowCount} more`, /* @__PURE__ */ jsx(IconAction, {
+						label: "Clear extra selected",
+						onActivate: onClearExtra,
+						className: "text-muted-foreground ml-1",
+						children: /* @__PURE__ */ jsx(XCircle, {
+							className: "size-3",
+							"aria-hidden": "true"
 						})
-					]
-				}, option.value);
-			}), overflowCount > 0 && /* @__PURE__ */ jsxs(Badge, {
-				className: cn(multiSelectVariants({ variant }), "text-muted-foreground", isAnimating && "animate-bounce"),
-				style: { animationDuration: `${animation}s` },
-				children: [`+ ${overflowCount} more`, /* @__PURE__ */ jsx(IconAction, {
-					label: "Clear extra selected",
-					onActivate: onClearExtra,
-					className: "text-muted-foreground ml-1",
-					children: /* @__PURE__ */ jsx(XCircle, {
-						className: "size-3",
-						"aria-hidden": "true"
-					})
-				})]
-			})]
+					})]
+				}, "overflow")]
+			})
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center justify-between",
 			children: [
@@ -161,8 +167,7 @@ function SelectedBadgeList({ selectedOptions, maxCount, variant, badgeClassName,
 	});
 }
 SelectedBadgeList.displayName = "SelectedBadgeList";
-//#endregion
-//#region src/components/features/multi-select/multi-select.tsx
+// src/components/features/multi-select/multi-select.tsx
 const EMPTY_ARRAY = [];
 function MultiSelect({ options, onValueChange, variant, defaultValue = EMPTY_ARRAY, value, placeholder = "Select options", animation = 0, maxCount = 3, modalPopover = false, className, boxClassName, actions, onBadgeClick, badgeClassName, clickableBadges = false, showCloseButton = true, showClearButton = true, showSelectAll = false, disabled = false, id, name, isLoading = false, emptyContent = "No results found.", responsive = true, sheetTitle, asChild: _asChild, onClick: onTriggerClick, ...rest }) {
 	const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);
@@ -306,5 +311,4 @@ function MultiSelect({ options, onValueChange, variant, defaultValue = EMPTY_ARR
 	] });
 }
 MultiSelect.displayName = "MultiSelect";
-//#endregion
 export { MultiSelect as t };

package/dist/nprogress/index.mjs

@@ -1,5 +1,5 @@
 import NProgress from "nprogress";
-//#region src/components/features/nprogress/index.ts
+// src/components/features/nprogress/index.ts
 /**
 * NProgress Module
 *
@@ -26,5 +26,4 @@ function configureProgress() {
 		trickleSpeed: 100
 	});
 }
-//#endregion
 export { configureProgress, startProgress, stopProgress };

package/dist/page-title/index.mjs

@@ -1,2 +1 @@
-import { t as PageTitle } from "../page-title-ipRWEOeM.mjs";
-export { PageTitle };
+export { t as PageTitle } from "../page-title-Djl3LvPT.mjs";

package/dist/{page-title-ipRWEOeM.mjs → page-title-Djl3LvPT.mjs}

@@ -1,6 +1,6 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/features/page-title/page-title.tsx
+// src/components/features/page-title/page-title.tsx
 function PageTitle({ title, description, actions, className, titleClassName, descriptionClassName, actionsClassName, actionsPosition = "inline" }) {
 	const isInline = actionsPosition === "inline";
 	return /* @__PURE__ */ jsxs("div", {
@@ -21,5 +21,4 @@ function PageTitle({ title, description, actions, className, titleClassName, des
 		})]
 	});
 }
-//#endregion
 export { PageTitle as t };

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-DM4AIvQ1.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-BoKXW6_s.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-yy1Acntn.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-DC3GErYg.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-BoKXW6_s.mjs → picker-DC3GErYg.mjs}

@@ -1,11 +1,11 @@
-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-DM4AIvQ1.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-jgK6wyXj.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-yy1Acntn.mjs";
 import { Clock, Globe } from "lucide-react";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { addDays, differenceInCalendarDays } from "date-fns";
-//#region src/components/features/picker/components/timezone-select.tsx
+// src/components/features/picker/components/timezone-select.tsx
 function PickerTimezoneSelect({ options, onChange, className, placeholder = "Select timezone" }) {
 	const { mode, timezone } = usePickerContext();
 	if (!isTimeBearingMode(mode)) return null;
@@ -27,8 +27,7 @@ function PickerTimezoneSelect({ options, onChange, className, placeholder = "Sel
 	});
 }
 PickerTimezoneSelect.displayName = "Picker.TimezoneSelect";
-//#endregion
-//#region src/components/features/picker/components/index.ts
+// src/components/features/picker/components/index.ts
 const Picker = Object.assign(Picker$1, {
 	Trigger: PickerTrigger,
 	Content: PickerContent,
@@ -43,8 +42,7 @@ const Picker = Object.assign(Picker$1, {
 	TimezoneIndicator: PickerTimezoneIndicator,
 	TimezoneSelect: PickerTimezoneSelect
 });
-//#endregion
-//#region src/components/features/picker/utils/compare.ts
+// src/components/features/picker/utils/compare.ts
 /** Strict equality of two nullable Date references by millisecond value. */
 function isSameDate(a, b) {
 	if (a === b) return true;
@@ -67,8 +65,7 @@ function isSameStringRange(a, b) {
 	if (a === null || b === null) return false;
 	return a.from === b.from && a.to === b.to && a.preset === b.preset;
 }
-//#endregion
-//#region src/components/features/picker/utils/range.ts
+// src/components/features/picker/utils/range.ts
 /**
 * Number of calendar days between two dates. Always non-negative.
 *
@@ -105,8 +102,7 @@ function clampRange(from, to, maxRange) {
 		to: addDays(from, maxRange)
 	};
 }
-//#endregion
-//#region src/components/features/picker/wrappers/date-picker.tsx
+// src/components/features/picker/wrappers/date-picker.tsx
 function DatePicker({ value, onChange, placeholder = "Pick a date", clearable = true, responsive = true, sheetTitle = "Pick a date", numberOfMonths = 1, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, commit, disablePast, disableFuture, minDate, maxDate, dateFormat }) {
 	return /* @__PURE__ */ jsx(Picker$1.Root, {
 		mode: "date",
@@ -146,8 +142,7 @@ function DatePicker({ value, onChange, placeholder = "Pick a date", clearable =
 	});
 }
 DatePicker.displayName = "DatePicker";
-//#endregion
-//#region src/components/features/picker/wrappers/date-range-picker.tsx
+// src/components/features/picker/wrappers/date-range-picker.tsx
 function DateRangePicker({ value, onChange, placeholder = "Pick a date range", clearable = true, responsive = true, sheetTitle = "Pick a date range", numberOfMonths = 2, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, commit, disablePast, disableFuture, minDate, maxDate, presets, excludePresets, dateFormat }) {
 	return /* @__PURE__ */ jsx(Picker$1.Root, {
 		mode: "date-range",
@@ -191,8 +186,7 @@ function DateRangePicker({ value, onChange, placeholder = "Pick a date range", c
 	});
 }
 DateRangePicker.displayName = "DateRangePicker";
-//#endregion
-//#region src/components/features/picker/wrappers/date-range-time-picker.tsx
+// src/components/features/picker/wrappers/date-range-time-picker.tsx
 function DateRangeTimePicker({ value, onChange, placeholder = "Pick a date range with time", clearable = true, responsive = true, sheetTitle = "Pick a date range with time", timezone, step = 15, hourCycle, numberOfMonths = 2, hideTimezone = false, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, disablePast, disableFuture, minDate, maxDate, presets, excludePresets, dateFormat, timeFormat }) {
 	return /* @__PURE__ */ jsx(Picker$1.Root, {
 		mode: "date-range-time",
@@ -257,8 +251,7 @@ function DateRangeTimePicker({ value, onChange, placeholder = "Pick a date range
 	});
 }
 DateRangeTimePicker.displayName = "DateRangeTimePicker";
-//#endregion
-//#region src/components/features/picker/components/time-input-field.tsx
+// src/components/features/picker/components/time-input-field.tsx
 function formatZonedTimeOfDay(iso, tz) {
 	try {
 		const d = isoToZonedDate(iso, tz);
@@ -299,8 +292,7 @@ function PickerTimeInputField({ className, ariaLabel = "Select time", id }) {
 	});
 }
 PickerTimeInputField.displayName = "Picker.TimeInputField";
-//#endregion
-//#region src/components/features/picker/wrappers/date-time-picker.tsx
+// src/components/features/picker/wrappers/date-time-picker.tsx
 function DateTimePicker({ value, onChange, placeholder = "Pick a date & time", clearable = true, responsive = true, sheetTitle = "Pick a date & time", timezone, step = 15, hourCycle, numberOfMonths = 1, hideTimezone = false, timeInputMode = "slot", timezoneIndicatorVariant = "full", triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, disablePast, disableFuture, minDate, maxDate, dateFormat, timeFormat }) {
 	return /* @__PURE__ */ jsx(Picker$1.Root, {
 		mode: "datetime",
@@ -358,8 +350,7 @@ function DateTimePicker({ value, onChange, placeholder = "Pick a date & time", c
 	});
 }
 DateTimePicker.displayName = "DateTimePicker";
-//#endregion
-//#region src/components/features/picker/wrappers/time-picker.tsx
+// src/components/features/picker/wrappers/time-picker.tsx
 const DEFAULT_TIME_ICON$1 = /* @__PURE__ */ jsx(Clock, { className: "text-muted-foreground size-4 shrink-0" });
 function TimePicker({ value, onChange, placeholder = "Pick a time", clearable = true, responsive = true, sheetTitle = "Pick a time", step = 15, hourCycle, minTime, maxTime, timeFormat, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, commit }) {
 	return /* @__PURE__ */ jsx(Picker$1.Root, {
@@ -398,8 +389,7 @@ function TimePicker({ value, onChange, placeholder = "Pick a time", clearable =
 	});
 }
 TimePicker.displayName = "TimePicker";
-//#endregion
-//#region src/components/features/picker/wrappers/time-range-picker.tsx
+// src/components/features/picker/wrappers/time-range-picker.tsx
 const DEFAULT_TIME_ICON = /* @__PURE__ */ jsx(Clock, { className: "text-muted-foreground size-4 shrink-0" });
 function TimeRangePicker({ value, onChange, placeholder = "Pick a time range", clearable = true, responsive = true, sheetTitle = "Pick a time range", step = 15, hourCycle, timeFormat, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, commit }) {
 	return /* @__PURE__ */ jsx(Picker$1.Root, {
@@ -449,5 +439,4 @@ function TimeRangePicker({ value, onChange, placeholder = "Pick a time range", c
 	});
 }
 TimeRangePicker.displayName = "TimeRangePicker";
-//#endregion
 export { DateRangePicker as a, getDaysDifference as c, isSameDateRange as d, isSameStringRange as f, DateRangeTimePicker as i, isRangeValid as l, PickerTimezoneSelect as m, TimePicker as n, DatePicker as o, Picker as p, DateTimePicker as r, clampRange as s, TimeRangePicker as t, isSameDate as u };

package/dist/popover/index.mjs

@@ -1,2 +1 @@
-import { i as PopoverTrigger, n as PopoverAnchor, r as PopoverContent, t as Popover } from "../popover-X82NwhX9.mjs";
-export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+export { t as Popover, n as PopoverAnchor, r as PopoverContent, i as PopoverTrigger } from "../popover-7YxyP_W0.mjs";

package/dist/{popover-X82NwhX9.mjs → popover-7YxyP_W0.mjs}

@@ -1,8 +1,8 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-//#region ../shadcn/ui/popover.tsx
+// ../shadcn/ui/popover.tsx
 function Popover$1({ ...props }) {
 	return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
 		"data-slot": "popover",
@@ -30,8 +30,7 @@ function PopoverAnchor$1({ ...props }) {
 		...props
 	});
 }
-//#endregion
-//#region src/components/base/popover/popover.tsx
+// src/components/base/popover/popover.tsx
 /**
 * Datum Popover
 *
@@ -49,5 +48,4 @@ function PopoverContent({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { PopoverTrigger as i, PopoverAnchor as n, PopoverContent as r, Popover as t };

package/dist/radio-group/index.mjs

@@ -1,2 +1 @@
-import { n as RadioGroupItem, t as RadioGroup } from "../radio-group-LduBVTnh.mjs";
-export { RadioGroup, RadioGroupItem };
+export { t as RadioGroup, n as RadioGroupItem } from "../radio-group-Boxi2hm0.mjs";

package/dist/radio-group-Boxi2hm0.mjs

@@ -0,0 +1,83 @@
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { n as EASE } from "./motion-DOrRbLmy.mjs";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { motion, useReducedMotion } from "motion/react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+// src/components/base/radio-group/radio-group.tsx
+/**
+* The selected value, mirrored from Radix so each item can animate its dot in
+* and out. `null` means there is no datum `RadioGroup` above the item (it was
+* placed in a bare Radix root), in which case the item falls back to Radix's
+* own mount/unmount and does not animate.
+*/
+const RadioGroupValueContext = React.createContext(null);
+function RadioGroup({ ref, className, value: valueProp, defaultValue, onValueChange, ...props }) {
+	const [uncontrolled, setUncontrolled] = React.useState(defaultValue);
+	const value = valueProp ?? uncontrolled;
+	const handleValueChange = React.useCallback((next) => {
+		if (valueProp === void 0) setUncontrolled(next);
+		onValueChange?.(next);
+	}, [onValueChange, valueProp]);
+	return /* @__PURE__ */ jsx(RadioGroupValueContext, {
+		value,
+		children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
+			ref,
+			"data-slot": "radio-group",
+			className: cn("grid gap-3", className),
+			value: valueProp,
+			defaultValue,
+			onValueChange: handleValueChange,
+			...props
+		})
+	});
+}
+RadioGroup.displayName = "RadioGroup";
+const DOT_IN = {
+	type: "spring",
+	visualDuration: .2,
+	bounce: .35
+};
+const DOT_OUT = {
+	duration: .1,
+	ease: EASE.out
+};
+/**
+* RadioGroupItem renders the Radix primitive directly (not the shadcn wrapper)
+* so the dot can stay mounted and animate out as well as in. The dot pops in
+* from half size with a small spring and fades out quickly when another option
+* takes the selection. Under reduced motion it only fades.
+*/
+function RadioGroupItem({ ref, className, value, ...props }) {
+	const groupValue = React.use(RadioGroupValueContext);
+	const reduceMotion = Boolean(useReducedMotion());
+	const animated = groupValue !== null;
+	const visible = animated ? groupValue === value : true;
+	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
+		ref,
+		value,
+		"data-slot": "radio-group-item",
+		className: cn("border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", "transition-[color,box-shadow,transform] duration-[var(--duration-fast)] ease-out active:scale-[0.92] disabled:active:scale-100", className),
+		...props,
+		children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, {
+			forceMount: animated ? true : void 0,
+			"data-slot": "radio-group-indicator",
+			className: "flex size-full items-center justify-center",
+			children: /* @__PURE__ */ jsx(motion.span, {
+				"aria-hidden": true,
+				className: "bg-primary size-2 rounded-full",
+				initial: false,
+				animate: visible ? {
+					scale: 1,
+					opacity: 1
+				} : {
+					scale: reduceMotion ? 1 : .5,
+					opacity: 0
+				},
+				transition: visible && !reduceMotion ? DOT_IN : DOT_OUT
+			})
+		})
+	});
+}
+RadioGroupItem.displayName = "RadioGroupItem";
+export { RadioGroupItem as n, RadioGroup as t };

package/dist/responsive-dropdown/index.mjs

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

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

@@ -1,9 +1,9 @@
-import { t as cn } from "./utils-Bu32wN-x.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 { t as useBreakpoint } from "./use-breakpoint-zY_JYINK.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { i as useInSheet, t as ResponsiveSheetTrigger } from "./mobile-sheet-1995HYY_.mjs";
+import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-7YxyP_W0.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/base/responsive-dropdown/responsive-dropdown.tsx
+// src/components/base/responsive-dropdown/responsive-dropdown.tsx
 function ResponsiveDropdown({ open, onOpenChange, trigger, children, sheetTitle, sheetDescription, sheetFooter, align = "end", contentClassName, onCloseAutoFocus, responsive = true }) {
 	const breakpoint = useBreakpoint();
 	const inSheet = useInSheet();
@@ -31,5 +31,4 @@ function ResponsiveDropdown({ open, onOpenChange, trigger, children, sheetTitle,
 		})]
 	});
 }
-//#endregion
 export { ResponsiveDropdown as t };

package/dist/responsive-popover/index.mjs

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

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

@@ -1,9 +1,9 @@
-import { t as cn } from "./utils-Bu32wN-x.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 { t as useBreakpoint } from "./use-breakpoint-zY_JYINK.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { i as useInSheet, t as ResponsiveSheetTrigger } from "./mobile-sheet-1995HYY_.mjs";
+import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-7YxyP_W0.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/base/responsive-popover/responsive-popover.tsx
+// src/components/base/responsive-popover/responsive-popover.tsx
 function ResponsivePopover({ open, onOpenChange, trigger, children, sheetTitle, sheetDescription, sheetFooter, align = "start", side = "bottom", contentClassName, sideOffset, alignOffset, avoidCollisions, onOpenAutoFocus, onCloseAutoFocus, onInteractOutside, onEscapeKeyDown, responsive = true, modal = false }) {
 	const breakpoint = useBreakpoint();
 	const inSheet = useInSheet();
@@ -38,5 +38,4 @@ function ResponsivePopover({ open, onOpenChange, trigger, children, sheetTitle,
 		})]
 	});
 }
-//#endregion
 export { ResponsivePopover as t };

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

@@ -1,2 +1 @@
-import { t as RichTextContent } from "../rich-text-content-DNonBD39.mjs";
-export { RichTextContent };
+export { t as RichTextContent } from "../rich-text-content-BiIIowBU.mjs";

package/dist/{rich-text-content-DNonBD39.mjs → rich-text-content-BiIIowBU.mjs}

@@ -1,7 +1,7 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
 import { jsx } from "react/jsx-runtime";
 import DOMPurify from "isomorphic-dompurify";
-//#region src/components/features/rich-text-editor/rich-text-content.tsx
+// src/components/features/rich-text-editor/rich-text-content.tsx
 const SANITIZE_CONFIG = {
 	ALLOWED_TAGS: [
 		"strong",
@@ -59,5 +59,4 @@ function RichTextContent({ content, className }) {
 		dangerouslySetInnerHTML: { __html: withSafeLinks }
 	});
 }
-//#endregion
 export { RichTextContent as t };

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

@@ -1,3 +1,3 @@
-import { t as RichTextContent } from "../rich-text-content-DNonBD39.mjs";
-import { n as useRichTextEditor, t as RichTextEditor } from "../rich-text-editor-CP1YyxMR.mjs";
+import { t as RichTextContent } from "../rich-text-content-BiIIowBU.mjs";
+import { n as useRichTextEditor, t as RichTextEditor } from "../rich-text-editor-BUz06s-b.mjs";
 export { RichTextContent, RichTextEditor, useRichTextEditor };

package/dist/{rich-text-editor-CP1YyxMR.mjs → rich-text-editor-BUz06s-b.mjs}

@@ -1,9 +1,9 @@
-import { t as cn } from "./utils-Bu32wN-x.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-8VcjBM2d.mjs";
-import { t as Tooltip } from "./tooltip-DhbN1BDK.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { t as Tooltip } from "./tooltip-OIySjJWW.mjs";
+import { t as Button } from "./button-Cn4KagBO.mjs";
+import { t as Input } from "./input-DsT5qkJn.mjs";
+import { t as ResponsivePopover } from "./responsive-popover-DJYd8lOK.mjs";
+import { t as Icon } from "./icon-wrapper-CIk2th6R.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";
@@ -13,7 +13,7 @@ import Placeholder from "@tiptap/extension-placeholder";
 import Underline from "@tiptap/extension-underline";
 import { EditorContent, useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
-//#region src/components/features/rich-text-editor/toolbar/toolbar-button.tsx
+// src/components/features/rich-text-editor/toolbar/toolbar-button.tsx
 function ToolbarButton({ ref, active, disabled, onClick, tooltip, children, className }) {
 	const button = /* @__PURE__ */ jsx("button", {
 		ref,
@@ -35,8 +35,7 @@ function ToolbarButton({ ref, active, disabled, onClick, tooltip, children, clas
 	});
 }
 ToolbarButton.displayName = "ToolbarButton";
-//#endregion
-//#region src/components/features/rich-text-editor/toolbar/bold-toolbar.tsx
+// src/components/features/rich-text-editor/toolbar/bold-toolbar.tsx
 function BoldToolbar() {
 	const { editor } = useRichTextEditor();
 	return /* @__PURE__ */ jsx(ToolbarButton, {
@@ -48,8 +47,7 @@ function BoldToolbar() {
 		children: /* @__PURE__ */ jsx(BoldIcon, { className: "h-4 w-4" })
 	});
 }
-//#endregion
-//#region src/components/features/rich-text-editor/toolbar/italic-toolbar.tsx
+// src/components/features/rich-text-editor/toolbar/italic-toolbar.tsx
 function ItalicToolbar() {
 	const { editor } = useRichTextEditor();
 	return /* @__PURE__ */ jsx(ToolbarButton, {
@@ -61,8 +59,7 @@ function ItalicToolbar() {
 		children: /* @__PURE__ */ jsx(ItalicIcon, { className: "h-4 w-4" })
 	});
 }
-//#endregion
-//#region src/components/features/rich-text-editor/toolbar/link-toolbar.tsx
+// src/components/features/rich-text-editor/toolbar/link-toolbar.tsx
 function normalizeUrl(input) {
 	const trimmed = input.trim();
 	if (!trimmed) return trimmed;
@@ -133,8 +130,7 @@ function LinkToolbar() {
 		})
 	});
 }
-//#endregion
-//#region src/components/features/rich-text-editor/toolbar/strike-toolbar.tsx
+// src/components/features/rich-text-editor/toolbar/strike-toolbar.tsx
 function StrikeToolbar() {
 	const { editor } = useRichTextEditor();
 	return /* @__PURE__ */ jsx(ToolbarButton, {
@@ -146,8 +142,7 @@ function StrikeToolbar() {
 		children: /* @__PURE__ */ jsx(StrikethroughIcon, { className: "h-4 w-4" })
 	});
 }
-//#endregion
-//#region src/components/features/rich-text-editor/toolbar/toolbar.tsx
+// src/components/features/rich-text-editor/toolbar/toolbar.tsx
 function Toolbar({ children, className }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("border-input-border flex items-center gap-0.5 border-b px-2 py-1", className),
@@ -157,8 +152,7 @@ function Toolbar({ children, className }) {
 function ToolbarSeparator() {
 	return /* @__PURE__ */ jsx("div", { className: "bg-input-border mx-1 h-5 w-px" });
 }
-//#endregion
-//#region src/components/features/rich-text-editor/toolbar/underline-toolbar.tsx
+// src/components/features/rich-text-editor/toolbar/underline-toolbar.tsx
 function UnderlineToolbar() {
 	const { editor } = useRichTextEditor();
 	return /* @__PURE__ */ jsx(ToolbarButton, {
@@ -170,8 +164,7 @@ function UnderlineToolbar() {
 		children: /* @__PURE__ */ jsx(UnderlineIcon, { className: "h-4 w-4" })
 	});
 }
-//#endregion
-//#region src/components/features/rich-text-editor/rich-text-editor.tsx
+// src/components/features/rich-text-editor/rich-text-editor.tsx
 const RichTextEditorContext = createContext({ editor: null });
 function useRichTextEditor() {
 	return use(RichTextEditorContext);
@@ -270,5 +263,4 @@ const RichTextEditor = Object.assign(RichTextEditorRoot, {
 	Link: LinkToolbar,
 	Separator: ToolbarSeparator
 });
-//#endregion
 export { useRichTextEditor as n, RichTextEditor as t };