@datum-cloud/datum-ui 3.7.0 → 3.8.0

package/dist/logs/fixtures/index.mjs

@@ -1,4 +1,4 @@
-//#region src/components/features/logs/fixtures/alb_query_range.json
+// src/components/features/logs/fixtures/alb_query_range.json
 var alb_query_range_default = {
 	status: "success",
 	data: {
@@ -763,8 +763,7 @@ var alb_query_range_default = {
 		]
 	}
 };
-//#endregion
-//#region src/components/features/logs/fixtures/index.ts
+// src/components/features/logs/fixtures/index.ts
 const queryRangeFixture = {
 	status: "success",
 	data: {
@@ -994,5 +993,4 @@ const queryRangeFixture = {
 };
 /** Staging Envoy OTEL access logs: empty Body, HTTP fields on stream labels. */
 const albQueryRangeFixture = alb_query_range_default;
-//#endregion
 export { albQueryRangeFixture, queryRangeFixture };

package/dist/logs/index.mjs

@@ -1,23 +1,24 @@
-import { t as cn } from "../utils-Bu32wN-x.mjs";
-import { t as Badge } from "../badge-DOZUr5DV.mjs";
-import { t as Button } from "../button-DoMqfQLu.mjs";
-import { t as Icon } from "../icon-wrapper-DKfJlJd0.mjs";
-import { t as Checkbox } from "../checkbox-C6P12fio.mjs";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../collapsible/index.mjs";
-import { t as Input } from "../input-j4tbmYYz.mjs";
-import { t as Sheet } from "../sheet-DHn6C_rs.mjs";
-import { t as useBreakpoint } from "../use-breakpoint-CwiUJSmk.mjs";
+import { t as cn } from "../utils-CTIuhCOs.mjs";
 import { Skeleton } from "../skeleton/index.mjs";
+import { Badge } from "../badge/index.mjs";
+import { t as useBreakpoint } from "../use-breakpoint-zY_JYINK.mjs";
+import { t as useCopyToClipboard } from "../use-copy-to-clipboard-CWKWHLxI.mjs";
+import { t as Button } from "../button-Cn4KagBO.mjs";
+import { t as Sheet } from "../sheet-DEpEJ_Rk.mjs";
+import { t as Icon } from "../icon-wrapper-CIk2th6R.mjs";
+import { t as CopyStateIcon } from "../copy-state-icon-DMvXXsZm.mjs";
+import { c as getBrowserTimezone, t as DateTime, u as getTimezoneAbbreviation } from "../date-time-BBRVM9qb.mjs";
+import { t as Checkbox } from "../checkbox-BAo5sbHk.mjs";
+import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "../collapsible-B-KP3JZ-.mjs";
+import { t as DateTimeRangePicker } from "../date-time-range-picker-yy1Acntn.mjs";
 import { TableBody, TableCell, TableHead, TableHeader, TableRow } from "../table/index.mjs";
-import { t as DateTimeRangePicker } from "../date-time-range-picker-DM4AIvQ1.mjs";
-import { c as getBrowserTimezone, t as DateTime, u as getTimezoneAbbreviation } from "../date-time-lZdefM4H.mjs";
-import { t as useCopyToClipboard } from "../use-copy-to-clipboard-DZDq_85T.mjs";
-import { Bot, ChevronDown, ChevronUp, Clock, Copy, Download, HelpCircle, Inbox, Monitor, RefreshCw, Search, SlidersHorizontal, Smartphone, Tablet, TriangleAlert, X } from "lucide-react";
+import { t as Input } from "../input-DsT5qkJn.mjs";
+import { Bot, ChevronDown, ChevronUp, Clock, Download, HelpCircle, Inbox, Monitor, RefreshCw, Search, SlidersHorizontal, Smartphone, Tablet, TriangleAlert, X } from "lucide-react";
 import { createContext, memo, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion, useReducedMotion } from "motion/react";
 import { format, isSameDay } from "date-fns";
-//#region src/components/features/logs/utils/format-timestamp.ts
+// src/components/features/logs/utils/format-timestamp.ts
 function formatLogTimestampParts(date) {
 	return {
 		date: format(date, "MMM dd").toUpperCase(),
@@ -28,8 +29,7 @@ function formatLogTimestamp(date) {
 	const { date: day, time } = formatLogTimestampParts(date);
 	return `${day} ${time}`;
 }
-//#endregion
-//#region src/components/features/logs/utils/host.ts
+// src/components/features/logs/utils/host.ts
 /**
 * Host shown for an HTTP access log. An explicit `host` label (set by the
 * host app) wins; otherwise prefer the name the client asked for
@@ -39,8 +39,7 @@ function formatLogTimestamp(date) {
 function logRequestHost(labels) {
 	return labels.host?.trim() || labels.requested_server_name?.trim() || labels.x_forwarded_host?.trim() || labels.authority?.trim() || labels.resource_name?.trim() || void 0;
 }
-//#endregion
-//#region src/components/features/logs/utils/severity.ts
+// src/components/features/logs/utils/severity.ts
 const SEVERITY_BADGE = {
 	ERROR: "danger",
 	FATAL: "danger",
@@ -71,8 +70,7 @@ function httpStatusTextClass(status) {
 		default: return "text-muted-foreground";
 	}
 }
-//#endregion
-//#region src/components/features/logs/components/status-badge.tsx
+// src/components/features/logs/components/status-badge.tsx
 function LogsSeverityBadge({ severity }) {
 	const unlabeled = !severity;
 	return /* @__PURE__ */ jsx(Badge, {
@@ -108,8 +106,7 @@ function LogsStatusBadge({ parsed }) {
 		})]
 	});
 }
-//#endregion
-//#region src/components/features/logs/components/columns.tsx
+// src/components/features/logs/components/columns.tsx
 const DEFAULT_FIXED_WIDTH = 160;
 /** `MMM dd HH:mm:ss.SS` — e.g. `SEP 10 12:03:37.79`. */
 const TIME_CHS = 18;
@@ -316,8 +313,7 @@ function columnSkeleton(column, row) {
 function columnHeader(column) {
 	return column.header;
 }
-//#endregion
-//#region src/components/features/logs/hooks/use-logs.ts
+// src/components/features/logs/hooks/use-logs.ts
 const LogsContext = createContext(null);
 function useLogs() {
 	const context = use(LogsContext);
@@ -332,8 +328,7 @@ function logsDetailMaxWidth(node) {
 	if (parentWidth > 400) return parentWidth;
 	return typeof window === "undefined" ? 400 : window.innerWidth;
 }
-//#endregion
-//#region src/components/features/logs/utils/parse-log-line.ts
+// src/components/features/logs/utils/parse-log-line.ts
 const ACCESS_LOG_RE = /^(GET|POST|PUT|PATCH|DELETE|HEAD|OPTIONS)\s+(\S+)\s+(\d{3})\s+(\d+)ms\b/i;
 const PATH_TOKEN_RE = /(?:^|\s)(\/\S+)/;
 /**
@@ -437,8 +432,7 @@ function stripOnce(line, token) {
 	if (index === -1) return line;
 	return `${line.slice(0, index)}${line.slice(index + token.length)}`.replace(/\s+/g, " ").trim();
 }
-//#endregion
-//#region src/components/features/logs/utils/user-agent.ts
+// src/components/features/logs/utils/user-agent.ts
 /** Label keys, in order, that may carry the client's User-Agent header. */
 const USER_AGENT_LABEL_KEYS = [
 	"user_agent",
@@ -661,8 +655,7 @@ function parseUserAgent(raw) {
 		raw: ua
 	};
 }
-//#endregion
-//#region src/components/features/logs/components/detail.tsx
+// src/components/features/logs/components/detail.tsx
 const DEVICE_ICONS = {
 	desktop: Monitor,
 	mobile: Smartphone,
@@ -696,9 +689,29 @@ function keyedParams(params) {
 		};
 	});
 }
+/**
+* Icon button that copies `text` and shows a check until the copied state
+* resets. Each button owns its hook so only the one clicked flips.
+*/
+function LogsCopyButton({ text, label, small = false }) {
+	const [copied, copy] = useCopyToClipboard();
+	return /* @__PURE__ */ jsx(Button, {
+		type: "secondary",
+		theme: "borderless",
+		size: "icon",
+		className: small ? "-my-1 size-6" : void 0,
+		"aria-label": label,
+		onClick: () => copy(text, { withToast: true }),
+		children: /* @__PURE__ */ jsx(CopyStateIcon, {
+			copied,
+			size: small ? 14 : 16,
+			strokeWidth: 1,
+			absoluteStrokeWidth: true
+		})
+	});
+}
 const DetailBody = memo(({ showClose = true }) => {
 	const { selectedEntry, selectPrevious, selectNext, setSelectedId } = useLogs();
-	const [, copy] = useCopyToClipboard();
 	if (!selectedEntry) return null;
 	const parsed = parseLogLine(selectedEntry.line, selectedEntry.labels);
 	const displayLine = parsed.kind === "http" && !selectedEntry.line.trim() ? formatHttpLogLine(parsed) : selectedEntry.line;
@@ -737,13 +750,9 @@ const DetailBody = memo(({ showClose = true }) => {
 							onClick: selectNext,
 							children: /* @__PURE__ */ jsx(Icon, { icon: ChevronDown })
 						}),
-						/* @__PURE__ */ jsx(Button, {
-							type: "secondary",
-							theme: "borderless",
-							size: "icon",
-							"aria-label": "Copy log line",
-							onClick: () => copy(displayLine, { withToast: true }),
-							children: /* @__PURE__ */ jsx(Icon, { icon: Copy })
+						/* @__PURE__ */ jsx(LogsCopyButton, {
+							text: displayLine,
+							label: "Copy log line"
 						}),
 						showClose && /* @__PURE__ */ jsx(Button, {
 							type: "secondary",
@@ -835,17 +844,10 @@ const DetailBody = memo(({ showClose = true }) => {
 								children: [/* @__PURE__ */ jsx("span", {
 									className: "text-muted-foreground text-3xs font-medium",
 									children: "Client"
-								}), /* @__PURE__ */ jsx(Button, {
-									type: "secondary",
-									theme: "borderless",
-									size: "icon",
-									className: "-my-1 size-6",
-									"aria-label": "Copy user agent",
-									onClick: () => copy(client.raw, { withToast: true }),
-									children: /* @__PURE__ */ jsx(Icon, {
-										icon: Copy,
-										size: 14
-									})
+								}), /* @__PURE__ */ jsx(LogsCopyButton, {
+									text: client.raw,
+									label: "Copy user agent",
+									small: true
 								})]
 							}),
 							/* @__PURE__ */ jsxs("div", {
@@ -881,17 +883,10 @@ const DetailBody = memo(({ showClose = true }) => {
 							children: [/* @__PURE__ */ jsx("span", {
 								className: "text-muted-foreground text-3xs font-medium",
 								children: "Search params"
-							}), /* @__PURE__ */ jsx(Button, {
-								type: "secondary",
-								theme: "borderless",
-								size: "icon",
-								className: "-my-1 size-6",
-								"aria-label": "Copy search params",
-								onClick: () => copy(`?${request.search}`, { withToast: true }),
-								children: /* @__PURE__ */ jsx(Icon, {
-									icon: Copy,
-									size: 14
-								})
+							}), /* @__PURE__ */ jsx(LogsCopyButton, {
+								text: `?${request.search}`,
+								label: "Copy search params",
+								small: true
 							})]
 						}), /* @__PURE__ */ jsx("dl", {
 							className: "flex flex-wrap gap-1.5",
@@ -1035,8 +1030,7 @@ function LogsDetail({ className }) {
 		}), /* @__PURE__ */ jsx(DetailBody, {})]
 	}) });
 }
-//#endregion
-//#region src/components/features/logs/utils/time-range.ts
+// src/components/features/logs/utils/time-range.ts
 const MINUTE_MS$1 = 6e4;
 const HOUR_MS = 60 * MINUTE_MS$1;
 const DAY_MS$1 = 24 * HOUR_MS;
@@ -1110,8 +1104,7 @@ function logTimeRangeLabel(range) {
 function filtersAreActive(filters) {
 	return Object.values(filters).some((values) => values.length > 0);
 }
-//#endregion
-//#region src/components/features/logs/components/filters.tsx
+// src/components/features/logs/components/filters.tsx
 function LogsFilterGroup({ facet, defaultOpen }) {
 	const { filters, toggleFilterValue } = useLogs();
 	const selected = filters[facet.name] ?? [];
@@ -1261,8 +1254,7 @@ function LogsFilters({ className }) {
 		})]
 	});
 }
-//#endregion
-//#region src/components/features/logs/components/table.tsx
+// src/components/features/logs/components/table.tsx
 const SKELETON_ROWS = 12;
 /** Centred message shared by the empty and error states. */
 function LogsTableState({ icon, title, description, action, slot, role, tone = "muted" }) {
@@ -1503,8 +1495,7 @@ function formatBucketSummary(bucket, spanMs) {
 	const noun = bucket.count === 1 ? "log" : "logs";
 	return `${bucket.count} ${noun} · ${formatTimelineTick(start, tickSpan)} – ${formatTimelineTick(end, tickSpan)}`;
 }
-//#endregion
-//#region src/components/features/logs/components/timeline.tsx
+// src/components/features/logs/components/timeline.tsx
 const SKELETON_HEIGHTS = [
 	18,
 	34,
@@ -1573,8 +1564,7 @@ function LogsTimeline({ className }) {
 		})]
 	});
 }
-//#endregion
-//#region src/components/features/logs/components/toolbar.tsx
+// src/components/features/logs/components/toolbar.tsx
 function LogsSearch({ placeholder = "Search logs...", className }) {
 	const { search, setSearch } = useLogs();
 	const [value, setValue] = useState(search);
@@ -1652,8 +1642,7 @@ function LogsToolbar({ children, className }) {
 		]
 	});
 }
-//#endregion
-//#region src/components/features/logs/components/explorer.tsx
+// src/components/features/logs/components/explorer.tsx
 function LogsExplorer({ className }) {
 	const isDesktop = useBreakpoint() === "desktop";
 	const [filtersOpen, setFiltersOpen] = useState(false);
@@ -1701,8 +1690,7 @@ function LogsExplorer({ className }) {
 		]
 	});
 }
-//#endregion
-//#region src/components/features/logs/hooks/use-controllable-state.ts
+// src/components/features/logs/hooks/use-controllable-state.ts
 function useControllableState({ value, defaultValue, onChange }) {
 	const [internal, setInternal] = useState(defaultValue);
 	const isControlled = value !== void 0;
@@ -1711,8 +1699,7 @@ function useControllableState({ value, defaultValue, onChange }) {
 		onChange?.(next);
 	}, [isControlled, onChange])];
 }
-//#endregion
-//#region src/components/features/logs/utils/constants.ts
+// src/components/features/logs/utils/constants.ts
 const DEFAULT_LOG_COLUMNS = [
 	"time",
 	"severity",
@@ -1742,8 +1729,7 @@ const SEVERITY_ORDER = [
 	"TRACE"
 ];
 const DEFAULT_LOGQL_MATCHER = "{service_name=~\".+\"}";
-//#endregion
-//#region src/components/features/logs/utils/facets.ts
+// src/components/features/logs/utils/facets.ts
 function facetLabel(name) {
 	const mapped = FACET_LABELS[name];
 	if (mapped) return mapped;
@@ -1821,8 +1807,7 @@ function searchableLogText(entry) {
 function entryMatchesSearch(entry, query) {
 	return searchableLogText(entry).includes(query);
 }
-//#endregion
-//#region src/components/features/logs/components/root.tsx
+// src/components/features/logs/components/root.tsx
 /** Return the previous array while its items are shallow-equal to the new one. */
 function useShallowArray(next) {
 	const ref = useRef(next);
@@ -1957,8 +1942,7 @@ function LogsRoot({ entries, facets, histogram, timeRange, defaultTimeRange, fil
 		})
 	});
 }
-//#endregion
-//#region src/components/features/logs/logs.tsx
+// src/components/features/logs/logs.tsx
 const Logs = {
 	Root: LogsRoot,
 	Explorer: LogsExplorer,
@@ -1972,8 +1956,7 @@ const Logs = {
 	Table: LogsTable,
 	Detail: LogsDetail
 };
-//#endregion
-//#region src/components/features/logs/utils/build-logql.ts
+// src/components/features/logs/utils/build-logql.ts
 /** Loki/Prometheus label names. Anything else is dropped, not interpolated. */
 const LOKI_LABEL_NAME = /^[a-z_]\w*$/i;
 function escapeQuoted(value) {
@@ -2001,8 +1984,7 @@ function buildLogQL({ matchers, lineContains } = {}) {
 	if (!text) return selector;
 	return `${selector} |= "${escapeQuoted(text)}"`;
 }
-//#endregion
-//#region src/components/features/logs/utils/flatten-loki.ts
+// src/components/features/logs/utils/flatten-loki.ts
 function nsToDate(timestampNs) {
 	try {
 		const ms = BigInt(timestampNs) / 1000000n;
@@ -2045,5 +2027,4 @@ function flattenLokiStreams(response) {
 	});
 	return entries;
 }
-//#endregion
 export { LOG_TIME_PRESETS, Logs, buildLogQL, facetsFromEntries, filterEntries, flattenLokiStreams, formatHttpLogLine, histogramFromEntries, httpStatusBadgeType, httpStatusTextClass, lastThirtyMinutes, logLineDisplay, logRequestHost, logTimeRangeLabel, logUserAgent, nsToDate, parseLogLine, parseUserAgent, resolveLogColumns, resolveLogTimeRange, searchableLogText, severityBadgeType, splitPathQuery, useLogs };

package/dist/map/index.mjs

@@ -1,2 +1 @@
-import { A as useLeaflet, C as MapMarkerClusterGroup, D as MapRectangle, E as MapPopup, O as MapTooltip, S as MapMarker, T as MapPolyline, _ as MapLocateControl, a as MapTileLayer, b as MapCircle, c as MapDrawDelete, d as MapDrawPolygon, f as MapDrawPolyline, g as MapFullscreenControl, h as MapControlContainer, i as MapLayersControl, j as PlaceAutocomplete, k as Map, l as MapDrawEdit, m as MapDrawUndo, n as MapLayerGroup, o as MapDrawCircle, p as MapDrawRectangle, r as MapLayers, s as MapDrawControl, t as MapFeatureGroup, u as MapDrawMarker, v as MapSearchControl, w as MapPolygon, x as MapCircleMarker, y as MapZoomControl } from "../layers-DWYdrGmC.mjs";
-export { Map, MapCircle, MapCircleMarker, MapControlContainer, MapDrawCircle, MapDrawControl, MapDrawDelete, MapDrawEdit, MapDrawMarker, MapDrawPolygon, MapDrawPolyline, MapDrawRectangle, MapDrawUndo, MapFeatureGroup, MapFullscreenControl, MapLayerGroup, MapLayers, MapLayersControl, MapLocateControl, MapMarker, MapMarkerClusterGroup, MapPolygon, MapPolyline, MapPopup, MapRectangle, MapSearchControl, MapTileLayer, MapTooltip, MapZoomControl, PlaceAutocomplete, useLeaflet };
+export { k as Map, b as MapCircle, x as MapCircleMarker, h as MapControlContainer, o as MapDrawCircle, s as MapDrawControl, c as MapDrawDelete, l as MapDrawEdit, u as MapDrawMarker, d as MapDrawPolygon, f as MapDrawPolyline, p as MapDrawRectangle, m as MapDrawUndo, t as MapFeatureGroup, g as MapFullscreenControl, n as MapLayerGroup, r as MapLayers, i as MapLayersControl, _ as MapLocateControl, S as MapMarker, C as MapMarkerClusterGroup, w as MapPolygon, T as MapPolyline, E as MapPopup, D as MapRectangle, v as MapSearchControl, a as MapTileLayer, O as MapTooltip, y as MapZoomControl, j as PlaceAutocomplete, A as useLeaflet } from "../layers-DLUbkJtt.mjs";

package/dist/{map-leaflet-imports-S3kx8Q-S.mjs → map-leaflet-imports-Xdz9Xiaf.mjs}

@@ -3,5 +3,4 @@ import "leaflet-draw/dist/leaflet.draw.css";
 import "leaflet.fullscreen/dist/Control.FullScreen.css";
 import "leaflet.markercluster/dist/MarkerCluster.Default.css";
 import "leaflet.markercluster/dist/MarkerCluster.css";
-import { useMap, useMapEvents } from "react-leaflet";
-export { useMap, useMapEvents };
+export { useMap, useMapEvents } from "react-leaflet";

package/dist/mobile-sheet/index.mjs

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

package/dist/{mobile-sheet-9TootJGg.mjs → mobile-sheet-1995HYY_.mjs}

@@ -1,10 +1,10 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { a as SheetHeader, o as SheetTitle, r as SheetDescription } from "./sheet-DXCZyMHI.mjs";
-import { r as SheetContent, t as Sheet } from "./sheet-DHn6C_rs.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { r as SheetContent, t as Sheet } from "./sheet-DEpEJ_Rk.mjs";
+import { a as SheetHeader, o as SheetTitle, r as SheetDescription } from "./sheet-DYPtVIb2.mjs";
 import { createContext, use } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-//#region src/components/base/mobile-sheet/context.ts
+// src/components/base/mobile-sheet/context.ts
 /**
 * Signals that children are rendered inside a MobileSheet. Responsive
 * primitives (ResponsivePopover, ResponsiveDropdown) read this context
@@ -19,8 +19,7 @@ const InSheetContext = createContext(false);
 function useInSheet() {
 	return use(InSheetContext);
 }
-//#endregion
-//#region src/components/base/mobile-sheet/mobile-sheet.tsx
+// src/components/base/mobile-sheet/mobile-sheet.tsx
 function MobileSheet({ open, onOpenChange, title, description, children, footer, className }) {
 	return /* @__PURE__ */ jsx(Sheet, {
 		open,
@@ -58,8 +57,7 @@ function MobileSheet({ open, onOpenChange, title, description, children, footer,
 		})
 	});
 }
-//#endregion
-//#region src/components/base/mobile-sheet/responsive-sheet-trigger.tsx
+// src/components/base/mobile-sheet/responsive-sheet-trigger.tsx
 /**
 * Shared mobile branch for ResponsivePopover and ResponsiveDropdown: renders the
 * trigger via Radix Slot and opens a MobileSheet.
@@ -92,5 +90,4 @@ function ResponsiveSheetTrigger({ open, onOpenChange, trigger, children, sheetTi
 		children
 	})] });
 }
-//#endregion
 export { useInSheet as i, MobileSheet as n, InSheetContext as r, ResponsiveSheetTrigger as t };

package/dist/more-actions/index.mjs

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

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

@@ -1,12 +1,12 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as Button } from "./button-DoMqfQLu.mjs";
-import { t as ResponsiveDropdown } from "./responsive-dropdown-C_KKgLbH.mjs";
-import { t as Tooltip } from "./tooltip-DhbN1BDK.mjs";
-import { t as ActionRow } from "./action-row-DTvs91_3.mjs";
+import { t as Button } from "./button-Cn4KagBO.mjs";
+import { t as Tooltip } from "./tooltip-OIySjJWW.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { t as ResponsiveDropdown } from "./responsive-dropdown-DsWgpE_i.mjs";
+import { t as ActionRow } from "./action-row-BEzE9x37.mjs";
 import { Ellipsis } from "lucide-react";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/features/more-actions/more-actions.tsx
+// src/components/features/more-actions/more-actions.tsx
 function MoreActions(props) {
 	const { row, actions, className, disabled = false, iconClassName, responsive = true, sheetTitle = "Actions" } = props;
 	const [open, setOpen] = useState(false);
@@ -49,5 +49,4 @@ function MoreActions(props) {
 		})
 	});
 }
-//#endregion
 export { MoreActions as t };

package/dist/{motion-DvGRWdsm.mjs → motion-DOrRbLmy.mjs}

@@ -1,4 +1,4 @@
-//#region src/utils/motion.ts
+// src/utils/motion.ts
 /**
 * Motion tokens — the single source of truth for JS-driven animation
 * (Motion / `motion/react`). Mirrors the CSS motion tokens defined in
@@ -42,5 +42,4 @@ const DURATION = {
 	/** 200ms — drawer/sheet exit (faster than enter). */
 	drawerOut: .2
 };
-//#endregion
 export { EASE as n, DURATION as t };

package/dist/motion-chip-BczV7spP.mjs

@@ -0,0 +1,52 @@
+import { n as EASE, t as DURATION } from "./motion-DOrRbLmy.mjs";
+import { Badge } from "./badge/index.mjs";
+import { motion, useReducedMotion } from "motion/react";
+// src/components/features/_shared/motion-chip.tsx
+/** `Badge` as a Motion component, so chips can enter, exit and reflow. */
+const MotionBadge = motion.create(Badge);
+const ENTER = {
+	duration: DURATION.fast,
+	ease: EASE.out
+};
+const EXIT = {
+	duration: .1,
+	ease: EASE.out
+};
+/** Neighbours slide into a removed chip's gap a touch slower than it fades. */
+const REFLOW = {
+	duration: .2,
+	ease: EASE.out
+};
+/**
+* Motion props for a chip in a wrapping list, for use with `MotionBadge`
+* inside `<AnimatePresence initial={false} mode="popLayout">`.
+*
+* A chip scales up slightly as it fades in, and fades out a little faster
+* when removed. `popLayout` takes the leaving chip out of flow straight away,
+* and `layout="position"` slides the chips after it into the gap rather than
+* snapping. The list needs `position: relative` for `popLayout` to place the
+* leaving chip. Under reduced motion chips only fade and nothing slides.
+*/
+function useChipMotion() {
+	const reduceMotion = Boolean(useReducedMotion());
+	const scale = reduceMotion ? 1 : .85;
+	return {
+		initial: {
+			opacity: 0,
+			scale
+		},
+		animate: {
+			opacity: 1,
+			scale: 1,
+			transition: ENTER
+		},
+		exit: {
+			opacity: 0,
+			scale,
+			transition: EXIT
+		},
+		transition: { layout: REFLOW },
+		layout: reduceMotion ? false : "position"
+	};
+}
+export { useChipMotion as n, MotionBadge as t };

package/dist/multi-select/index.mjs

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