@mastra/playground-ui 58.1.0-alpha.0 → 59.0.0

package/dist/utils/date-format.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-format.cjs.js","sources":["../../src/utils/date-format.ts"],"sourcesContent":["export type DateInput = Date | string | number | null | undefined;\nexport type DatePreset = 'date' | 'date-time' | 'date-time-seconds' | 'time' | 'time-seconds' | 'relative-time';\n\ntype FormatOptions = { locale?: string; now?: Date | number; timeZone?: string };\n\nexport function toDate(value: DateInput): Date | undefined {\n  if (value == null) return undefined;\n  const date = value instanceof Date ? value : new Date(value);\n  return Number.isNaN(date.getTime()) ? undefined : date;\n}\n\nconst PRESET_OPTIONS = {\n  time: { hour: 'numeric', minute: '2-digit' },\n  'time-seconds': { hour: 'numeric', minute: '2-digit', second: '2-digit' },\n  'date-time': { month: 'short', day: 'numeric', year: 'numeric', hour: 'numeric', minute: '2-digit' },\n  'date-time-seconds': {\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n    hour: 'numeric',\n    minute: '2-digit',\n    second: '2-digit',\n  },\n  calendar: { year: 'numeric', month: 'numeric', day: 'numeric', calendar: 'gregory', numberingSystem: 'latn' },\n  dayMonth: { month: 'short', day: 'numeric' },\n  dayMonthYear: { month: 'short', day: 'numeric', year: 'numeric' },\n  precise: {\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n    hour: 'numeric',\n    minute: '2-digit',\n    second: '2-digit',\n    fractionalSecondDigits: 3,\n  },\n  timePrecise: { hour: 'numeric', minute: '2-digit', second: '2-digit', fractionalSecondDigits: 3 },\n} satisfies Record<string, Intl.DateTimeFormatOptions>;\n\ntype FormatterKey = keyof typeof PRESET_OPTIONS;\n\nconst formatters = new Map<string, Intl.DateTimeFormat>();\n\nfunction getFormatter(key: FormatterKey, locale?: string, timeZone?: string) {\n  const cacheKey = `${locale ?? ''}|${timeZone ?? ''}|${key}`;\n  let formatter = formatters.get(cacheKey);\n  if (!formatter) {\n    formatter = new Intl.DateTimeFormat(locale, { ...PRESET_OPTIONS[key], timeZone });\n    formatters.set(cacheKey, formatter);\n  }\n  return formatter;\n}\n\nfunction calendarDate(date: Date, timeZone?: string) {\n  const parts = getFormatter('calendar', 'en-US', timeZone).formatToParts(date);\n  return {\n    year: parts.find(part => part.type === 'year')?.value,\n    month: parts.find(part => part.type === 'month')?.value,\n    day: parts.find(part => part.type === 'day')?.value,\n  };\n}\n\n/** Short absolute date without time: `Sep 24` this year, `Sep 24, 2025` otherwise. */\nexport function formatShortDate(value: DateInput, { locale, now, timeZone }: FormatOptions = {}) {\n  const date = toDate(value);\n  if (!date) return undefined;\n  const reference = new Date(now ?? Date.now());\n  const key =\n    calendarDate(date, timeZone).year === calendarDate(reference, timeZone).year ? 'dayMonth' : 'dayMonthYear';\n  return getFormatter(key, locale, timeZone).format(date);\n}\n\n/**\n * Uses the browser locale unless `locale` is given.\n * - `date`: date only; omits the year when it matches `now` in the requested timezone\n * - `date-time`: date, year and time to minutes, including historical dates\n * - `date-time-seconds`: date, year and time to seconds\n * - `time`: time to minutes, without a date\n * - `time-seconds`: time to seconds, without a date\n * - `relative-time`: short relative label; delegates to `date` at seven days\n */\nexport function formatDate(value: DateInput, preset: DatePreset, options: FormatOptions = {}) {\n  const date = toDate(value);\n  if (!date) return undefined;\n  const { locale, now, timeZone } = options;\n\n  if (preset === 'relative-time') {\n    const diff = date.getTime() - new Date(now ?? Date.now()).getTime();\n    const abs = Math.abs(diff);\n    if (abs < 5_000) return 'just now';\n    const units = [\n      { limit: 60_000, size: 1_000, unit: 's' },\n      { limit: 3_600_000, size: 60_000, unit: 'm' },\n      { limit: 86_400_000, size: 3_600_000, unit: 'h' },\n      { limit: 7 * 86_400_000, size: 86_400_000, unit: 'd' },\n    ];\n    const match = units.find(({ limit }) => abs < limit);\n    if (!match) return formatDate(date, 'date', options);\n    const label = `${Math.floor(abs / match.size)}${match.unit}`;\n    return diff < 0 ? `${label} ago` : `in ${label}`;\n  }\n  if (preset === 'date') return formatShortDate(date, options);\n\n  return getFormatter(preset, locale, timeZone).format(date);\n}\n\n/** Locale-aware compact date range, e.g. `Sep 2 – 5, 2026`. */\nexport function formatDateRange(start: DateInput, end: DateInput, options: Omit<FormatOptions, 'now'> = {}) {\n  const from = toDate(start);\n  const to = toDate(end);\n  if (!from || !to) return undefined;\n  return getFormatter('dayMonthYear', options.locale, options.timeZone)\n    .formatRange(from, to)\n    .replace(/\\u2009/g, ' ');\n}\n\n/** Date and time down to milliseconds, for trace debugging. `withDate: false` keeps only the time. */\nexport function formatTimestampPrecise(\n  value: DateInput,\n  { locale, withDate = true }: { locale?: string; withDate?: boolean } = {},\n) {\n  const date = toDate(value);\n  return date ? getFormatter(withDate ? 'precise' : 'timePrecise', locale).format(date) : undefined;\n}\n"],"names":[],"mappings":"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"}

package/dist/utils/date-format.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/utils/date-format'
+export {}

package/dist/utils/date-format.es.js

@@ -0,0 +1,91 @@
+function toDate(value) {
+  if (value == null) return void 0;
+  const date = value instanceof Date ? value : new Date(value);
+  return Number.isNaN(date.getTime()) ? void 0 : date;
+}
+const PRESET_OPTIONS = {
+  time: { hour: "numeric", minute: "2-digit" },
+  "time-seconds": { hour: "numeric", minute: "2-digit", second: "2-digit" },
+  "date-time": { month: "short", day: "numeric", year: "numeric", hour: "numeric", minute: "2-digit" },
+  "date-time-seconds": {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "numeric",
+    minute: "2-digit",
+    second: "2-digit"
+  },
+  calendar: { year: "numeric", month: "numeric", day: "numeric", calendar: "gregory", numberingSystem: "latn" },
+  dayMonth: { month: "short", day: "numeric" },
+  dayMonthYear: { month: "short", day: "numeric", year: "numeric" },
+  precise: {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "numeric",
+    minute: "2-digit",
+    second: "2-digit",
+    fractionalSecondDigits: 3
+  },
+  timePrecise: { hour: "numeric", minute: "2-digit", second: "2-digit", fractionalSecondDigits: 3 }
+};
+const formatters = /* @__PURE__ */ new Map();
+function getFormatter(key, locale, timeZone) {
+  const cacheKey = `${locale ?? ""}|${timeZone ?? ""}|${key}`;
+  let formatter = formatters.get(cacheKey);
+  if (!formatter) {
+    formatter = new Intl.DateTimeFormat(locale, { ...PRESET_OPTIONS[key], timeZone });
+    formatters.set(cacheKey, formatter);
+  }
+  return formatter;
+}
+function calendarDate(date, timeZone) {
+  const parts = getFormatter("calendar", "en-US", timeZone).formatToParts(date);
+  return {
+    year: parts.find((part) => part.type === "year")?.value,
+    month: parts.find((part) => part.type === "month")?.value,
+    day: parts.find((part) => part.type === "day")?.value
+  };
+}
+function formatShortDate(value, { locale, now, timeZone } = {}) {
+  const date = toDate(value);
+  if (!date) return void 0;
+  const reference = new Date(now ?? Date.now());
+  const key = calendarDate(date, timeZone).year === calendarDate(reference, timeZone).year ? "dayMonth" : "dayMonthYear";
+  return getFormatter(key, locale, timeZone).format(date);
+}
+function formatDate(value, preset, options = {}) {
+  const date = toDate(value);
+  if (!date) return void 0;
+  const { locale, now, timeZone } = options;
+  if (preset === "relative-time") {
+    const diff = date.getTime() - new Date(now ?? Date.now()).getTime();
+    const abs = Math.abs(diff);
+    if (abs < 5e3) return "just now";
+    const units = [
+      { limit: 6e4, size: 1e3, unit: "s" },
+      { limit: 36e5, size: 6e4, unit: "m" },
+      { limit: 864e5, size: 36e5, unit: "h" },
+      { limit: 7 * 864e5, size: 864e5, unit: "d" }
+    ];
+    const match = units.find(({ limit }) => abs < limit);
+    if (!match) return formatDate(date, "date", options);
+    const label = `${Math.floor(abs / match.size)}${match.unit}`;
+    return diff < 0 ? `${label} ago` : `in ${label}`;
+  }
+  if (preset === "date") return formatShortDate(date, options);
+  return getFormatter(preset, locale, timeZone).format(date);
+}
+function formatDateRange(start, end, options = {}) {
+  const from = toDate(start);
+  const to = toDate(end);
+  if (!from || !to) return void 0;
+  return getFormatter("dayMonthYear", options.locale, options.timeZone).formatRange(from, to).replace(/\u2009/g, " ");
+}
+function formatTimestampPrecise(value, { locale, withDate = true } = {}) {
+  const date = toDate(value);
+  return date ? getFormatter(withDate ? "precise" : "timePrecise", locale).format(date) : void 0;
+}
+
+export { formatDate, formatDateRange, formatShortDate, formatTimestampPrecise, toDate };
+//# sourceMappingURL=date-format.es.js.map

package/dist/utils/date-format.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-format.es.js","sources":["../../src/utils/date-format.ts"],"sourcesContent":["export type DateInput = Date | string | number | null | undefined;\nexport type DatePreset = 'date' | 'date-time' | 'date-time-seconds' | 'time' | 'time-seconds' | 'relative-time';\n\ntype FormatOptions = { locale?: string; now?: Date | number; timeZone?: string };\n\nexport function toDate(value: DateInput): Date | undefined {\n  if (value == null) return undefined;\n  const date = value instanceof Date ? value : new Date(value);\n  return Number.isNaN(date.getTime()) ? undefined : date;\n}\n\nconst PRESET_OPTIONS = {\n  time: { hour: 'numeric', minute: '2-digit' },\n  'time-seconds': { hour: 'numeric', minute: '2-digit', second: '2-digit' },\n  'date-time': { month: 'short', day: 'numeric', year: 'numeric', hour: 'numeric', minute: '2-digit' },\n  'date-time-seconds': {\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n    hour: 'numeric',\n    minute: '2-digit',\n    second: '2-digit',\n  },\n  calendar: { year: 'numeric', month: 'numeric', day: 'numeric', calendar: 'gregory', numberingSystem: 'latn' },\n  dayMonth: { month: 'short', day: 'numeric' },\n  dayMonthYear: { month: 'short', day: 'numeric', year: 'numeric' },\n  precise: {\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n    hour: 'numeric',\n    minute: '2-digit',\n    second: '2-digit',\n    fractionalSecondDigits: 3,\n  },\n  timePrecise: { hour: 'numeric', minute: '2-digit', second: '2-digit', fractionalSecondDigits: 3 },\n} satisfies Record<string, Intl.DateTimeFormatOptions>;\n\ntype FormatterKey = keyof typeof PRESET_OPTIONS;\n\nconst formatters = new Map<string, Intl.DateTimeFormat>();\n\nfunction getFormatter(key: FormatterKey, locale?: string, timeZone?: string) {\n  const cacheKey = `${locale ?? ''}|${timeZone ?? ''}|${key}`;\n  let formatter = formatters.get(cacheKey);\n  if (!formatter) {\n    formatter = new Intl.DateTimeFormat(locale, { ...PRESET_OPTIONS[key], timeZone });\n    formatters.set(cacheKey, formatter);\n  }\n  return formatter;\n}\n\nfunction calendarDate(date: Date, timeZone?: string) {\n  const parts = getFormatter('calendar', 'en-US', timeZone).formatToParts(date);\n  return {\n    year: parts.find(part => part.type === 'year')?.value,\n    month: parts.find(part => part.type === 'month')?.value,\n    day: parts.find(part => part.type === 'day')?.value,\n  };\n}\n\n/** Short absolute date without time: `Sep 24` this year, `Sep 24, 2025` otherwise. */\nexport function formatShortDate(value: DateInput, { locale, now, timeZone }: FormatOptions = {}) {\n  const date = toDate(value);\n  if (!date) return undefined;\n  const reference = new Date(now ?? Date.now());\n  const key =\n    calendarDate(date, timeZone).year === calendarDate(reference, timeZone).year ? 'dayMonth' : 'dayMonthYear';\n  return getFormatter(key, locale, timeZone).format(date);\n}\n\n/**\n * Uses the browser locale unless `locale` is given.\n * - `date`: date only; omits the year when it matches `now` in the requested timezone\n * - `date-time`: date, year and time to minutes, including historical dates\n * - `date-time-seconds`: date, year and time to seconds\n * - `time`: time to minutes, without a date\n * - `time-seconds`: time to seconds, without a date\n * - `relative-time`: short relative label; delegates to `date` at seven days\n */\nexport function formatDate(value: DateInput, preset: DatePreset, options: FormatOptions = {}) {\n  const date = toDate(value);\n  if (!date) return undefined;\n  const { locale, now, timeZone } = options;\n\n  if (preset === 'relative-time') {\n    const diff = date.getTime() - new Date(now ?? Date.now()).getTime();\n    const abs = Math.abs(diff);\n    if (abs < 5_000) return 'just now';\n    const units = [\n      { limit: 60_000, size: 1_000, unit: 's' },\n      { limit: 3_600_000, size: 60_000, unit: 'm' },\n      { limit: 86_400_000, size: 3_600_000, unit: 'h' },\n      { limit: 7 * 86_400_000, size: 86_400_000, unit: 'd' },\n    ];\n    const match = units.find(({ limit }) => abs < limit);\n    if (!match) return formatDate(date, 'date', options);\n    const label = `${Math.floor(abs / match.size)}${match.unit}`;\n    return diff < 0 ? `${label} ago` : `in ${label}`;\n  }\n  if (preset === 'date') return formatShortDate(date, options);\n\n  return getFormatter(preset, locale, timeZone).format(date);\n}\n\n/** Locale-aware compact date range, e.g. `Sep 2 – 5, 2026`. */\nexport function formatDateRange(start: DateInput, end: DateInput, options: Omit<FormatOptions, 'now'> = {}) {\n  const from = toDate(start);\n  const to = toDate(end);\n  if (!from || !to) return undefined;\n  return getFormatter('dayMonthYear', options.locale, options.timeZone)\n    .formatRange(from, to)\n    .replace(/\\u2009/g, ' ');\n}\n\n/** Date and time down to milliseconds, for trace debugging. `withDate: false` keeps only the time. */\nexport function formatTimestampPrecise(\n  value: DateInput,\n  { locale, withDate = true }: { locale?: string; withDate?: boolean } = {},\n) {\n  const date = toDate(value);\n  return date ? getFormatter(withDate ? 'precise' : 'timePrecise', locale).format(date) : undefined;\n}\n"],"names":[],"mappings":"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"}

package/dist/utils/duration.cjs.js

@@ -4,8 +4,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const utils_number = require('./number.cjs.js');
 
-function formatDuration(durationMs) {
-  if (!Number.isFinite(durationMs) || durationMs < 0) return void 0;
+function formatDuration(durationMs, { signed = false } = {}) {
+  if (durationMs == null || !Number.isFinite(durationMs)) return void 0;
+  if (signed) {
+    if (durationMs === 0) return formatUnsigned(0);
+    return `${durationMs > 0 ? "+" : "-"}${formatUnsigned(Math.abs(durationMs))}`;
+  }
+  if (durationMs < 0) return void 0;
+  return formatUnsigned(durationMs);
+}
+function formatUnsigned(durationMs) {
   if (durationMs < 1e3) return `${utils_number.toSigFigs(durationMs, 3)}ms`;
   const seconds = durationMs / 1e3;
   if (seconds < 60) return `${utils_number.toSigFigs(seconds, 3)}s`;
@@ -17,6 +25,15 @@ function formatDuration(durationMs) {
 function withRemainder(head, remainder, unit) {
   return remainder > 0 ? `${head} ${remainder}${unit}` : head;
 }
+function formatDurationPrecise(durationMs) {
+  if (durationMs == null || !Number.isFinite(durationMs) || durationMs < 0) return void 0;
+  return durationMs < 1e3 ? `${Math.round(durationMs)} ms` : `${(durationMs / 1e3).toFixed(3)} s`;
+}
+function formatElapsed(elapsedMs) {
+  return `${(elapsedMs / 1e3).toFixed(1)}s`;
+}
 
 exports.formatDuration = formatDuration;
+exports.formatDurationPrecise = formatDurationPrecise;
+exports.formatElapsed = formatElapsed;
 //# sourceMappingURL=duration.cjs.js.map

package/dist/utils/duration.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"duration.cjs.js","sources":["../../src/utils/duration.ts"],"sourcesContent":["import { toSigFigs } from './number';\n\nexport function formatDuration(durationMs: number) {\n  if (!Number.isFinite(durationMs) || durationMs < 0) return undefined;\n  if (durationMs < 1_000) return `${toSigFigs(durationMs, 3)}ms`;\n\n  const seconds = durationMs / 1_000;\n  if (seconds < 60) return `${toSigFigs(seconds, 3)}s`;\n\n  const [minutes, hours, days] = [Math.floor(seconds / 60), Math.floor(seconds / 3_600), Math.floor(seconds / 86_400)];\n  if (minutes < 60) return withRemainder(`${minutes}m`, Math.floor(seconds % 60), 's');\n  if (hours < 24) return withRemainder(`${hours}h`, minutes % 60, 'm');\n  return withRemainder(`${days}d`, hours % 24, 'h');\n}\n\nfunction withRemainder(head: string, remainder: number, unit: string) {\n  return remainder > 0 ? `${head} ${remainder}${unit}` : head;\n}\n"],"names":["toSigFigs"],"mappings":";;;;;;AAEO,SAAS,eAAe,UAAA,EAAoB;AACjD,EAAA,IAAI,CAAC,MAAA,CAAO,QAAA,CAAS,UAAU,CAAA,IAAK,UAAA,GAAa,GAAG,OAAO,MAAA;AAC3D,EAAA,IAAI,aAAa,GAAA,EAAO,OAAO,GAAGA,sBAAA,CAAU,UAAA,EAAY,CAAC,CAAC,CAAA,EAAA,CAAA;AAE1D,EAAA,MAAM,UAAU,UAAA,GAAa,GAAA;AAC7B,EAAA,IAAI,UAAU,EAAA,EAAI,OAAO,GAAGA,sBAAA,CAAU,OAAA,EAAS,CAAC,CAAC,CAAA,CAAA,CAAA;AAEjD,EAAA,MAAM,CAAC,SAAS,KAAA,EAAO,IAAI,IAAI,CAAC,IAAA,CAAK,MAAM,OAAA,GAAU,EAAE,GAAG,IAAA,CAAK,KAAA,CAAM,UAAU,IAAK,CAAA,EAAG,KAAK,KAAA,CAAM,OAAA,GAAU,KAAM,CAAC,CAAA;AACnH,EAAA,IAAI,OAAA,GAAU,EAAA,EAAI,OAAO,aAAA,CAAc,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA,EAAK,IAAA,CAAK,KAAA,CAAM,OAAA,GAAU,EAAE,CAAA,EAAG,GAAG,CAAA;AACnF,EAAA,IAAI,KAAA,GAAQ,IAAI,OAAO,aAAA,CAAc,GAAG,KAAK,CAAA,CAAA,CAAA,EAAK,OAAA,GAAU,EAAA,EAAI,GAAG,CAAA;AACnE,EAAA,OAAO,cAAc,CAAA,EAAG,IAAI,CAAA,CAAA,CAAA,EAAK,KAAA,GAAQ,IAAI,GAAG,CAAA;AAClD;AAEA,SAAS,aAAA,CAAc,IAAA,EAAc,SAAA,EAAmB,IAAA,EAAc;AACpE,EAAA,OAAO,SAAA,GAAY,IAAI,CAAA,EAAG,IAAI,IAAI,SAAS,CAAA,EAAG,IAAI,CAAA,CAAA,GAAK,IAAA;AACzD;;;;"}
+{"version":3,"file":"duration.cjs.js","sources":["../../src/utils/duration.ts"],"sourcesContent":["import { toSigFigs } from './number';\n\nexport function formatDuration(durationMs: number | null | undefined, { signed = false }: { signed?: boolean } = {}) {\n  if (durationMs == null || !Number.isFinite(durationMs)) return undefined;\n  if (signed) {\n    if (durationMs === 0) return formatUnsigned(0);\n    return `${durationMs > 0 ? '+' : '-'}${formatUnsigned(Math.abs(durationMs))}`;\n  }\n  if (durationMs < 0) return undefined;\n  return formatUnsigned(durationMs);\n}\n\nfunction formatUnsigned(durationMs: number) {\n  if (durationMs < 1_000) return `${toSigFigs(durationMs, 3)}ms`;\n\n  const seconds = durationMs / 1_000;\n  if (seconds < 60) return `${toSigFigs(seconds, 3)}s`;\n\n  const [minutes, hours, days] = [Math.floor(seconds / 60), Math.floor(seconds / 3_600), Math.floor(seconds / 86_400)];\n  if (minutes < 60) return withRemainder(`${minutes}m`, Math.floor(seconds % 60), 's');\n  if (hours < 24) return withRemainder(`${hours}h`, minutes % 60, 'm');\n  return withRemainder(`${days}d`, hours % 24, 'h');\n}\n\nfunction withRemainder(head: string, remainder: number, unit: string) {\n  return remainder > 0 ? `${head} ${remainder}${unit}` : head;\n}\n\n/** Millisecond-precise duration for span timelines: `123 ms`, `1.234 s`. */\nexport function formatDurationPrecise(durationMs: number | null | undefined) {\n  if (durationMs == null || !Number.isFinite(durationMs) || durationMs < 0) return undefined;\n  return durationMs < 1_000 ? `${Math.round(durationMs)} ms` : `${(durationMs / 1_000).toFixed(3)} s`;\n}\n\n/** Live counter label with a fixed decimal so the width stays stable: `3.2s`. */\nexport function formatElapsed(elapsedMs: number) {\n  return `${(elapsedMs / 1_000).toFixed(1)}s`;\n}\n"],"names":["toSigFigs"],"mappings":";;;;;;AAEO,SAAS,eAAe,UAAA,EAAuC,EAAE,SAAS,KAAA,EAAM,GAA0B,EAAC,EAAG;AACnH,EAAA,IAAI,cAAc,IAAA,IAAQ,CAAC,OAAO,QAAA,CAAS,UAAU,GAAG,OAAO,MAAA;AAC/D,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,IAAI,UAAA,KAAe,CAAA,EAAG,OAAO,cAAA,CAAe,CAAC,CAAA;AAC7C,IAAA,OAAO,CAAA,EAAG,UAAA,GAAa,CAAA,GAAI,GAAA,GAAM,GAAG,CAAA,EAAG,cAAA,CAAe,IAAA,CAAK,GAAA,CAAI,UAAU,CAAC,CAAC,CAAA,CAAA;AAAA,EAC7E;AACA,EAAA,IAAI,UAAA,GAAa,GAAG,OAAO,MAAA;AAC3B,EAAA,OAAO,eAAe,UAAU,CAAA;AAClC;AAEA,SAAS,eAAe,UAAA,EAAoB;AAC1C,EAAA,IAAI,aAAa,GAAA,EAAO,OAAO,GAAGA,sBAAA,CAAU,UAAA,EAAY,CAAC,CAAC,CAAA,EAAA,CAAA;AAE1D,EAAA,MAAM,UAAU,UAAA,GAAa,GAAA;AAC7B,EAAA,IAAI,UAAU,EAAA,EAAI,OAAO,GAAGA,sBAAA,CAAU,OAAA,EAAS,CAAC,CAAC,CAAA,CAAA,CAAA;AAEjD,EAAA,MAAM,CAAC,SAAS,KAAA,EAAO,IAAI,IAAI,CAAC,IAAA,CAAK,MAAM,OAAA,GAAU,EAAE,GAAG,IAAA,CAAK,KAAA,CAAM,UAAU,IAAK,CAAA,EAAG,KAAK,KAAA,CAAM,OAAA,GAAU,KAAM,CAAC,CAAA;AACnH,EAAA,IAAI,OAAA,GAAU,EAAA,EAAI,OAAO,aAAA,CAAc,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA,EAAK,IAAA,CAAK,KAAA,CAAM,OAAA,GAAU,EAAE,CAAA,EAAG,GAAG,CAAA;AACnF,EAAA,IAAI,KAAA,GAAQ,IAAI,OAAO,aAAA,CAAc,GAAG,KAAK,CAAA,CAAA,CAAA,EAAK,OAAA,GAAU,EAAA,EAAI,GAAG,CAAA;AACnE,EAAA,OAAO,cAAc,CAAA,EAAG,IAAI,CAAA,CAAA,CAAA,EAAK,KAAA,GAAQ,IAAI,GAAG,CAAA;AAClD;AAEA,SAAS,aAAA,CAAc,IAAA,EAAc,SAAA,EAAmB,IAAA,EAAc;AACpE,EAAA,OAAO,SAAA,GAAY,IAAI,CAAA,EAAG,IAAI,IAAI,SAAS,CAAA,EAAG,IAAI,CAAA,CAAA,GAAK,IAAA;AACzD;AAGO,SAAS,sBAAsB,UAAA,EAAuC;AAC3E,EAAA,IAAI,UAAA,IAAc,QAAQ,CAAC,MAAA,CAAO,SAAS,UAAU,CAAA,IAAK,UAAA,GAAa,CAAA,EAAG,OAAO,MAAA;AACjF,EAAA,OAAO,UAAA,GAAa,GAAA,GAAQ,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,UAAU,CAAC,CAAA,GAAA,CAAA,GAAQ,CAAA,EAAA,CAAI,UAAA,GAAa,GAAA,EAAO,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAA,CAAA;AACjG;AAGO,SAAS,cAAc,SAAA,EAAmB;AAC/C,EAAA,OAAO,CAAA,EAAA,CAAI,SAAA,GAAY,GAAA,EAAO,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AAC1C;;;;;;"}

package/dist/utils/duration.es.js

@@ -1,7 +1,15 @@
 import { toSigFigs } from './number.es.js';
 
-function formatDuration(durationMs) {
-  if (!Number.isFinite(durationMs) || durationMs < 0) return void 0;
+function formatDuration(durationMs, { signed = false } = {}) {
+  if (durationMs == null || !Number.isFinite(durationMs)) return void 0;
+  if (signed) {
+    if (durationMs === 0) return formatUnsigned(0);
+    return `${durationMs > 0 ? "+" : "-"}${formatUnsigned(Math.abs(durationMs))}`;
+  }
+  if (durationMs < 0) return void 0;
+  return formatUnsigned(durationMs);
+}
+function formatUnsigned(durationMs) {
   if (durationMs < 1e3) return `${toSigFigs(durationMs, 3)}ms`;
   const seconds = durationMs / 1e3;
   if (seconds < 60) return `${toSigFigs(seconds, 3)}s`;
@@ -13,6 +21,13 @@ function formatDuration(durationMs) {
 function withRemainder(head, remainder, unit) {
   return remainder > 0 ? `${head} ${remainder}${unit}` : head;
 }
+function formatDurationPrecise(durationMs) {
+  if (durationMs == null || !Number.isFinite(durationMs) || durationMs < 0) return void 0;
+  return durationMs < 1e3 ? `${Math.round(durationMs)} ms` : `${(durationMs / 1e3).toFixed(3)} s`;
+}
+function formatElapsed(elapsedMs) {
+  return `${(elapsedMs / 1e3).toFixed(1)}s`;
+}
 
-export { formatDuration };
+export { formatDuration, formatDurationPrecise, formatElapsed };
 //# sourceMappingURL=duration.es.js.map

package/dist/utils/duration.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"duration.es.js","sources":["../../src/utils/duration.ts"],"sourcesContent":["import { toSigFigs } from './number';\n\nexport function formatDuration(durationMs: number) {\n  if (!Number.isFinite(durationMs) || durationMs < 0) return undefined;\n  if (durationMs < 1_000) return `${toSigFigs(durationMs, 3)}ms`;\n\n  const seconds = durationMs / 1_000;\n  if (seconds < 60) return `${toSigFigs(seconds, 3)}s`;\n\n  const [minutes, hours, days] = [Math.floor(seconds / 60), Math.floor(seconds / 3_600), Math.floor(seconds / 86_400)];\n  if (minutes < 60) return withRemainder(`${minutes}m`, Math.floor(seconds % 60), 's');\n  if (hours < 24) return withRemainder(`${hours}h`, minutes % 60, 'm');\n  return withRemainder(`${days}d`, hours % 24, 'h');\n}\n\nfunction withRemainder(head: string, remainder: number, unit: string) {\n  return remainder > 0 ? `${head} ${remainder}${unit}` : head;\n}\n"],"names":[],"mappings":";;AAEO,SAAS,eAAe,UAAA,EAAoB;AACjD,EAAA,IAAI,CAAC,MAAA,CAAO,QAAA,CAAS,UAAU,CAAA,IAAK,UAAA,GAAa,GAAG,OAAO,MAAA;AAC3D,EAAA,IAAI,aAAa,GAAA,EAAO,OAAO,GAAG,SAAA,CAAU,UAAA,EAAY,CAAC,CAAC,CAAA,EAAA,CAAA;AAE1D,EAAA,MAAM,UAAU,UAAA,GAAa,GAAA;AAC7B,EAAA,IAAI,UAAU,EAAA,EAAI,OAAO,GAAG,SAAA,CAAU,OAAA,EAAS,CAAC,CAAC,CAAA,CAAA,CAAA;AAEjD,EAAA,MAAM,CAAC,SAAS,KAAA,EAAO,IAAI,IAAI,CAAC,IAAA,CAAK,MAAM,OAAA,GAAU,EAAE,GAAG,IAAA,CAAK,KAAA,CAAM,UAAU,IAAK,CAAA,EAAG,KAAK,KAAA,CAAM,OAAA,GAAU,KAAM,CAAC,CAAA;AACnH,EAAA,IAAI,OAAA,GAAU,EAAA,EAAI,OAAO,aAAA,CAAc,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA,EAAK,IAAA,CAAK,KAAA,CAAM,OAAA,GAAU,EAAE,CAAA,EAAG,GAAG,CAAA;AACnF,EAAA,IAAI,KAAA,GAAQ,IAAI,OAAO,aAAA,CAAc,GAAG,KAAK,CAAA,CAAA,CAAA,EAAK,OAAA,GAAU,EAAA,EAAI,GAAG,CAAA;AACnE,EAAA,OAAO,cAAc,CAAA,EAAG,IAAI,CAAA,CAAA,CAAA,EAAK,KAAA,GAAQ,IAAI,GAAG,CAAA;AAClD;AAEA,SAAS,aAAA,CAAc,IAAA,EAAc,SAAA,EAAmB,IAAA,EAAc;AACpE,EAAA,OAAO,SAAA,GAAY,IAAI,CAAA,EAAG,IAAI,IAAI,SAAS,CAAA,EAAG,IAAI,CAAA,CAAA,GAAK,IAAA;AACzD;;;;"}
+{"version":3,"file":"duration.es.js","sources":["../../src/utils/duration.ts"],"sourcesContent":["import { toSigFigs } from './number';\n\nexport function formatDuration(durationMs: number | null | undefined, { signed = false }: { signed?: boolean } = {}) {\n  if (durationMs == null || !Number.isFinite(durationMs)) return undefined;\n  if (signed) {\n    if (durationMs === 0) return formatUnsigned(0);\n    return `${durationMs > 0 ? '+' : '-'}${formatUnsigned(Math.abs(durationMs))}`;\n  }\n  if (durationMs < 0) return undefined;\n  return formatUnsigned(durationMs);\n}\n\nfunction formatUnsigned(durationMs: number) {\n  if (durationMs < 1_000) return `${toSigFigs(durationMs, 3)}ms`;\n\n  const seconds = durationMs / 1_000;\n  if (seconds < 60) return `${toSigFigs(seconds, 3)}s`;\n\n  const [minutes, hours, days] = [Math.floor(seconds / 60), Math.floor(seconds / 3_600), Math.floor(seconds / 86_400)];\n  if (minutes < 60) return withRemainder(`${minutes}m`, Math.floor(seconds % 60), 's');\n  if (hours < 24) return withRemainder(`${hours}h`, minutes % 60, 'm');\n  return withRemainder(`${days}d`, hours % 24, 'h');\n}\n\nfunction withRemainder(head: string, remainder: number, unit: string) {\n  return remainder > 0 ? `${head} ${remainder}${unit}` : head;\n}\n\n/** Millisecond-precise duration for span timelines: `123 ms`, `1.234 s`. */\nexport function formatDurationPrecise(durationMs: number | null | undefined) {\n  if (durationMs == null || !Number.isFinite(durationMs) || durationMs < 0) return undefined;\n  return durationMs < 1_000 ? `${Math.round(durationMs)} ms` : `${(durationMs / 1_000).toFixed(3)} s`;\n}\n\n/** Live counter label with a fixed decimal so the width stays stable: `3.2s`. */\nexport function formatElapsed(elapsedMs: number) {\n  return `${(elapsedMs / 1_000).toFixed(1)}s`;\n}\n"],"names":[],"mappings":";;AAEO,SAAS,eAAe,UAAA,EAAuC,EAAE,SAAS,KAAA,EAAM,GAA0B,EAAC,EAAG;AACnH,EAAA,IAAI,cAAc,IAAA,IAAQ,CAAC,OAAO,QAAA,CAAS,UAAU,GAAG,OAAO,MAAA;AAC/D,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,IAAI,UAAA,KAAe,CAAA,EAAG,OAAO,cAAA,CAAe,CAAC,CAAA;AAC7C,IAAA,OAAO,CAAA,EAAG,UAAA,GAAa,CAAA,GAAI,GAAA,GAAM,GAAG,CAAA,EAAG,cAAA,CAAe,IAAA,CAAK,GAAA,CAAI,UAAU,CAAC,CAAC,CAAA,CAAA;AAAA,EAC7E;AACA,EAAA,IAAI,UAAA,GAAa,GAAG,OAAO,MAAA;AAC3B,EAAA,OAAO,eAAe,UAAU,CAAA;AAClC;AAEA,SAAS,eAAe,UAAA,EAAoB;AAC1C,EAAA,IAAI,aAAa,GAAA,EAAO,OAAO,GAAG,SAAA,CAAU,UAAA,EAAY,CAAC,CAAC,CAAA,EAAA,CAAA;AAE1D,EAAA,MAAM,UAAU,UAAA,GAAa,GAAA;AAC7B,EAAA,IAAI,UAAU,EAAA,EAAI,OAAO,GAAG,SAAA,CAAU,OAAA,EAAS,CAAC,CAAC,CAAA,CAAA,CAAA;AAEjD,EAAA,MAAM,CAAC,SAAS,KAAA,EAAO,IAAI,IAAI,CAAC,IAAA,CAAK,MAAM,OAAA,GAAU,EAAE,GAAG,IAAA,CAAK,KAAA,CAAM,UAAU,IAAK,CAAA,EAAG,KAAK,KAAA,CAAM,OAAA,GAAU,KAAM,CAAC,CAAA;AACnH,EAAA,IAAI,OAAA,GAAU,EAAA,EAAI,OAAO,aAAA,CAAc,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA,EAAK,IAAA,CAAK,KAAA,CAAM,OAAA,GAAU,EAAE,CAAA,EAAG,GAAG,CAAA;AACnF,EAAA,IAAI,KAAA,GAAQ,IAAI,OAAO,aAAA,CAAc,GAAG,KAAK,CAAA,CAAA,CAAA,EAAK,OAAA,GAAU,EAAA,EAAI,GAAG,CAAA;AACnE,EAAA,OAAO,cAAc,CAAA,EAAG,IAAI,CAAA,CAAA,CAAA,EAAK,KAAA,GAAQ,IAAI,GAAG,CAAA;AAClD;AAEA,SAAS,aAAA,CAAc,IAAA,EAAc,SAAA,EAAmB,IAAA,EAAc;AACpE,EAAA,OAAO,SAAA,GAAY,IAAI,CAAA,EAAG,IAAI,IAAI,SAAS,CAAA,EAAG,IAAI,CAAA,CAAA,GAAK,IAAA;AACzD;AAGO,SAAS,sBAAsB,UAAA,EAAuC;AAC3E,EAAA,IAAI,UAAA,IAAc,QAAQ,CAAC,MAAA,CAAO,SAAS,UAAU,CAAA,IAAK,UAAA,GAAa,CAAA,EAAG,OAAO,MAAA;AACjF,EAAA,OAAO,UAAA,GAAa,GAAA,GAAQ,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,UAAU,CAAC,CAAA,GAAA,CAAA,GAAQ,CAAA,EAAA,CAAI,UAAA,GAAa,GAAA,EAAO,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAA,CAAA;AACjG;AAGO,SAAS,cAAc,SAAA,EAAmB;AAC/C,EAAA,OAAO,CAAA,EAAA,CAAI,SAAA,GAAY,GAAA,EAAO,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AAC1C;;;;"}

package/dist/utils/file.es.js

@@ -1,5 +1,5 @@
-import { N as NON_FETCHABLE_REMOTE_SCHEMES } from '../schemes-C9EhSOkB.js';
-export { B as BROWSER_FETCHABLE_SCHEMES, R as REMOTE_URL_SCHEMES, i as isBrowserFetchableUrl, a as isNonFetchableRemoteUrl, b as isRemoteUrl } from '../schemes-C9EhSOkB.js';
+import { N as NON_FETCHABLE_REMOTE_SCHEMES } from '../schemes-CGK3gQJ6.js';
+export { B as BROWSER_FETCHABLE_SCHEMES, R as REMOTE_URL_SCHEMES, a as isBrowserFetchableUrl, b as isNonFetchableRemoteUrl, i as isRemoteUrl } from '../schemes-CGK3gQJ6.js';
 export { d as downloadJson } from '../downloadJson-DuPoMa_6.js';
 
 const EXTENSION_TO_MIME = {

package/dist/utils/relative-time.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const utils_dateFormat = require('./date-format.cjs.js');
+
+function formatRelativeTime(value, options = {}) {
+  return utils_dateFormat.formatDate(value, "relative-time", options);
+}
+
+exports.formatRelativeTime = formatRelativeTime;
+//# sourceMappingURL=relative-time.cjs.js.map

package/dist/utils/relative-time.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"relative-time.cjs.js","sources":["../../src/utils/relative-time.ts"],"sourcesContent":["import { formatDate } from './date-format';\nimport type { DateInput } from './date-format';\n\n/** Short relative label (`5m ago`, `in 5m`); falls back to an absolute date beyond 7 days. */\nexport function formatRelativeTime(\n  value: DateInput,\n  options: { now?: Date | number; locale?: string; timeZone?: string } = {},\n) {\n  return formatDate(value, 'relative-time', options);\n}\n"],"names":["formatDate"],"mappings":";;;;;;AAIO,SAAS,kBAAA,CACd,KAAA,EACA,OAAA,GAAuE,EAAC,EACxE;AACA,EAAA,OAAOA,2BAAA,CAAW,KAAA,EAAO,eAAA,EAAiB,OAAO,CAAA;AACnD;;;;"}

package/dist/utils/relative-time.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/utils/relative-time'
+export {}

package/dist/utils/relative-time.es.js

@@ -0,0 +1,8 @@
+import { formatDate } from './date-format.es.js';
+
+function formatRelativeTime(value, options = {}) {
+  return formatDate(value, "relative-time", options);
+}
+
+export { formatRelativeTime };
+//# sourceMappingURL=relative-time.es.js.map

package/dist/utils/relative-time.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"relative-time.es.js","sources":["../../src/utils/relative-time.ts"],"sourcesContent":["import { formatDate } from './date-format';\nimport type { DateInput } from './date-format';\n\n/** Short relative label (`5m ago`, `in 5m`); falls back to an absolute date beyond 7 days. */\nexport function formatRelativeTime(\n  value: DateInput,\n  options: { now?: Date | number; locale?: string; timeZone?: string } = {},\n) {\n  return formatDate(value, 'relative-time', options);\n}\n"],"names":[],"mappings":";;AAIO,SAAS,kBAAA,CACd,KAAA,EACA,OAAA,GAAuE,EAAC,EACxE;AACA,EAAA,OAAO,UAAA,CAAW,KAAA,EAAO,eAAA,EAAiB,OAAO,CAAA;AACnD;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "58.1.0-alpha.0",
+  "version": "59.0.0",
   "description": "Mastra Playground components",
   "sideEffects": [
     "**/*.css"
@@ -210,8 +210,8 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/client-js": "^1.49.1-alpha.0",
-    "@mastra/react": "1.6.3-alpha.0"
+    "@mastra/client-js": "^1.50.0",
+    "@mastra/react": "1.6.3"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.6.0",
@@ -253,11 +253,11 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.11",
-    "@mastra/client-js": "^1.49.1-alpha.0",
-    "@mastra/memory": "1.32.0",
-    "@mastra/react": "1.6.3-alpha.0",
-    "@internal/lint": "0.0.136",
-    "@mastra/core": "1.71.0-alpha.0"
+    "@internal/lint": "0.0.137",
+    "@mastra/client-js": "^1.50.0",
+    "@mastra/memory": "1.32.1",
+    "@mastra/core": "1.71.0",
+    "@mastra/react": "1.6.3"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/dist/Txt-B4-2nLaI.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Txt-B4-2nLaI.cjs","sources":["../src/ds/components/Txt/Txt.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } from 'react';\n\nimport type { TextRole } from '@/ds/tokens';\nimport { cn } from '@/lib/utils';\n\nexport interface TxtProps extends HTMLAttributes<HTMLDivElement | HTMLLabelElement> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'div';\n  ref?: Ref<HTMLElement>;\n  variant?: TextRole;\n  tone?: keyof typeof tones;\n  font?: 'mono';\n  htmlFor?: string;\n  className?: string;\n  title?: string;\n  children?: ReactNode;\n}\n\nconst fonts = {\n  mono: 'font-mono',\n};\n\n// One class per role, written out so Tailwind's scanner finds it: size, line height,\n// weight and tracking come from the `--text-*` tokens in theme/typography.css, so nothing\n// here can drift from a component that writes the same role by hand. Typed against\n// `TextRole`, so a role added to the token list has to land here too.\nconst roles: Record<TextRole, string> = {\n  display: 'text-display',\n  title: 'text-title',\n  heading: 'text-heading',\n  subheading: 'text-subheading',\n  body: 'text-body',\n  label: 'text-label',\n  'body-sm': 'text-body-sm',\n  column: 'text-column',\n  caption: 'text-caption',\n  meta: 'text-meta',\n};\n\n// Three inks, the same ladder every control uses. Omitting `tone` inherits — `body` is\n// already `--foreground`, so ink is written only to lift text back out of a muted block.\nconst tones = {\n  ink: 'text-foreground',\n  muted: 'text-muted-foreground',\n  faint: 'text-placeholder',\n};\n\nexport const Txt = ({ as: Root = 'p', className, variant = 'body', tone, font, ref, ...props }: TxtProps) => {\n  // Cast needed: `Root` is polymorphic, so TS narrows the expected ref to a single element type.\n  return (\n    <Root\n      ref={ref as never}\n      className={cn(roles[variant], tone && tones[tone], font && fonts[font], className)}\n      {...props}\n    />\n  );\n};\n"],"names":["jsx","cn"],"mappings":";;;;;AAiBA,MAAM,KAAA,GAAQ;AAAA,EACZ,IAAA,EAAM;AACR,CAAA;AAMA,MAAM,KAAA,GAAkC;AAAA,EACtC,OAAA,EAAS,cAAA;AAAA,EACT,KAAA,EAAO,YAAA;AAAA,EACP,OAAA,EAAS,cAAA;AAAA,EACT,UAAA,EAAY,iBAAA;AAAA,EACZ,IAAA,EAAM,WAAA;AAAA,EACN,KAAA,EAAO,YAAA;AAAA,EACP,SAAA,EAAW,cAAA;AAAA,EACX,MAAA,EAAQ,aAAA;AAAA,EACR,OAAA,EAAS,cAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAIA,MAAM,KAAA,GAAQ;AAAA,EACZ,GAAA,EAAK,iBAAA;AAAA,EACL,KAAA,EAAO,uBAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AAEO,MAAM,GAAA,GAAM,CAAC,EAAE,EAAA,EAAI,OAAO,GAAA,EAAK,SAAA,EAAW,OAAA,GAAU,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,GAAA,EAAK,GAAG,OAAM,KAAgB;AAE3G,EAAA,uBACEA,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,WAAA,CAAG,KAAA,CAAM,OAAO,CAAA,EAAG,IAAA,IAAQ,KAAA,CAAM,IAAI,CAAA,EAAG,IAAA,IAAQ,KAAA,CAAM,IAAI,GAAG,SAAS,CAAA;AAAA,MAChF,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/Txt-DTh3Pa_a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Txt-DTh3Pa_a.js","sources":["../src/ds/components/Txt/Txt.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } from 'react';\n\nimport type { TextRole } from '@/ds/tokens';\nimport { cn } from '@/lib/utils';\n\nexport interface TxtProps extends HTMLAttributes<HTMLDivElement | HTMLLabelElement> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'div';\n  ref?: Ref<HTMLElement>;\n  variant?: TextRole;\n  tone?: keyof typeof tones;\n  font?: 'mono';\n  htmlFor?: string;\n  className?: string;\n  title?: string;\n  children?: ReactNode;\n}\n\nconst fonts = {\n  mono: 'font-mono',\n};\n\n// One class per role, written out so Tailwind's scanner finds it: size, line height,\n// weight and tracking come from the `--text-*` tokens in theme/typography.css, so nothing\n// here can drift from a component that writes the same role by hand. Typed against\n// `TextRole`, so a role added to the token list has to land here too.\nconst roles: Record<TextRole, string> = {\n  display: 'text-display',\n  title: 'text-title',\n  heading: 'text-heading',\n  subheading: 'text-subheading',\n  body: 'text-body',\n  label: 'text-label',\n  'body-sm': 'text-body-sm',\n  column: 'text-column',\n  caption: 'text-caption',\n  meta: 'text-meta',\n};\n\n// Three inks, the same ladder every control uses. Omitting `tone` inherits — `body` is\n// already `--foreground`, so ink is written only to lift text back out of a muted block.\nconst tones = {\n  ink: 'text-foreground',\n  muted: 'text-muted-foreground',\n  faint: 'text-placeholder',\n};\n\nexport const Txt = ({ as: Root = 'p', className, variant = 'body', tone, font, ref, ...props }: TxtProps) => {\n  // Cast needed: `Root` is polymorphic, so TS narrows the expected ref to a single element type.\n  return (\n    <Root\n      ref={ref as never}\n      className={cn(roles[variant], tone && tones[tone], font && fonts[font], className)}\n      {...props}\n    />\n  );\n};\n"],"names":[],"mappings":";;;AAiBA,MAAM,KAAA,GAAQ;AAAA,EACZ,IAAA,EAAM;AACR,CAAA;AAMA,MAAM,KAAA,GAAkC;AAAA,EACtC,OAAA,EAAS,cAAA;AAAA,EACT,KAAA,EAAO,YAAA;AAAA,EACP,OAAA,EAAS,cAAA;AAAA,EACT,UAAA,EAAY,iBAAA;AAAA,EACZ,IAAA,EAAM,WAAA;AAAA,EACN,KAAA,EAAO,YAAA;AAAA,EACP,SAAA,EAAW,cAAA;AAAA,EACX,MAAA,EAAQ,aAAA;AAAA,EACR,OAAA,EAAS,cAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAIA,MAAM,KAAA,GAAQ;AAAA,EACZ,GAAA,EAAK,iBAAA;AAAA,EACL,KAAA,EAAO,uBAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AAEO,MAAM,GAAA,GAAM,CAAC,EAAE,EAAA,EAAI,OAAO,GAAA,EAAK,SAAA,EAAW,OAAA,GAAU,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,GAAA,EAAK,GAAG,OAAM,KAAgB;AAE3G,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,KAAA,CAAM,OAAO,CAAA,EAAG,IAAA,IAAQ,KAAA,CAAM,IAAI,CAAA,EAAG,IAAA,IAAQ,KAAA,CAAM,IAAI,GAAG,SAAS,CAAA;AAAA,MAChF,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/data-list-top-DpbOA3uw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-list-top-DpbOA3uw.js","sources":["../src/ds/components/DataList/shared.ts","../src/ds/components/DataList/data-list-cells.tsx","../src/ds/components/DataList/data-list-root.tsx","../src/ds/components/DataList/data-list-top-cell.tsx","../src/ds/components/DataList/data-list-top.tsx"],"sourcesContent":["/**\n * Row-level styling for the element that participates in the row sibling\n * chain — applied to `DataList.RowButton` / `DataList.RowLink` when used\n * standalone, and to `DataList.RowWrapper` when used as a shell around them.\n *\n * Carries the `.data-list-row` marker class the root styles target.\n */\nexport const dataListRowOuterStyles = [\n  'group/data-list-row data-list-row col-span-full relative min-h-9',\n  // The row surface is a `before` pseudo at `-z-2` so the root's fluid hover\n  // highlight (`-z-1`) can glide *between* the surface and the row content,\n  // exactly like menu items. The row element itself stays transparent.\n  \"before:absolute before:inset-0 before:-z-2 before:rounded-[inherit] before:bg-background before:content-['']\",\n] as const;\n\n/**\n * Interactive state fills for the outer row element. Applied to standalone\n * `RowButton` / `RowLink` and to `RowWrapper`. The `has-*` forms let a wrapper\n * mirror the tone of the interactive row nested inside it.\n *\n * Hover is not painted per row: the root renders one fluid `fill-subtle`\n * highlight under the row content. Rows are sunken wells (`--background`) inside\n * the card panel, whose material also shows through the 1px gaps between them,\n * so a resting tone steps to `--surface-panel` — the opaque twin of a `--fill`\n * rung over the well — rather than to `--card`, which would make a selected row\n * the exact colour of the separators around it. Pressed rises a full `--fill`\n * rung, the same rung a resting control carries, and error sits on the row\n * element itself so it reads on top of the highlight.\n */\nexport const dataListRowStateStyles = [\n  'active:bg-fill',\n  'focus-visible:bg-surface-panel has-focus-visible:bg-surface-panel',\n  'data-featured:before:bg-surface-panel has-data-featured:before:bg-surface-panel has-data-selected:before:bg-surface-panel',\n  'data-[variant=error]:bg-notice-destructive/10 has-data-[variant=error]:bg-notice-destructive/10 data-[variant=error]:active:bg-notice-destructive/20 has-data-[variant=error]:active:bg-notice-destructive/20',\n] as const;\n\n/**\n * Layout and focus for the interactive element. The background lives on the\n * outer row element so it sits inside the root surface.\n */\nexport const dataListRowInteractiveStyles = [\n  'grid grid-cols-subgrid gap-4 px-3 cursor-pointer',\n  'outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-accent1',\n] as const;\n\nexport const dataListRowStyles = [\n  ...dataListRowInteractiveStyles,\n  ...dataListRowOuterStyles,\n  ...dataListRowStateStyles,\n] as const;\n\nexport const dataListRowStaticStyles = ['grid grid-cols-subgrid gap-4 px-3', ...dataListRowOuterStyles] as const;\n\n/**\n * Row actions that stay out of the way until the row is hovered or focused.\n * Opacity, not display, so the column keeps its width and nothing shifts. A\n * coarse pointer never hovers, so there they stay visible — hidden controls\n * that still take taps would be worse than no reveal at all.\n */\nexport const dataListRowActionRevealStyles =\n  'opacity-0 pointer-coarse:opacity-100 group-focus-within/data-list-row:opacity-100 group-hover/data-list-row:opacity-100';\n\nexport type DataListSticky = 'start';\n\nexport const dataListStickyStartStyles = [\n  'data-list-sticky-start sticky left-0 z-10 isolate self-stretch overflow-visible',\n] as const;\n\n/** Tone for a single row. Exposed as `data-variant`; `error` tints the row. */\nexport type DataListRowVariant = 'default' | 'error';\n\n/**\n * Layout/state modifiers shared by interactive row primitives\n * (`DataList.RowButton`, `DataList.RowLink`).\n */\nexport type DataListRowSharedProps = {\n  /** Row tone — exposed on the element as `data-variant`. */\n  variant?: DataListRowVariant;\n  /**\n   * Place the row starting at this column line. Defaults to column 1. Use\n   * when the row sits beside a leading cell that owns column 1.\n   */\n  colStart?: number;\n  /**\n   * Place the row ending at this column line (use negative values to count\n   * from the end, e.g. `-2`). Defaults to `-1` (the last line). Use when the\n   * row sits beside a trailing cell that owns the last column.\n   */\n  colEnd?: number;\n  /**\n   * Mark the row as featured (e.g. the row whose detail is open in a side\n   * panel). Exposed on the element as `data-featured` and tints the row.\n   */\n  featured?: boolean;\n};\n\n/** Split a grid-template-columns string on top-level whitespace only, so `minmax(0, 10rem)` stays one track. */\nexport function splitColumns(columns: string): string[] {\n  const parts: string[] = [];\n  let depth = 0;\n  let current = '';\n  for (const char of columns) {\n    if (char === '(') depth++;\n    if (char === ')') depth--;\n    if (/\\s/.test(char) && depth === 0) {\n      if (current) parts.push(current);\n      current = '';\n    } else {\n      current += char;\n    }\n  }\n  if (current) parts.push(current);\n  return parts;\n}\n","import { format, isToday } from 'date-fns';\nimport { Children, cloneElement, isValidElement } from 'react';\nimport type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';\nimport { dataListRowActionRevealStyles, dataListStickyStartStyles } from './shared';\nimport type { DataListSticky } from './shared';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { cn } from '@/lib/utils';\n\nexport type DataListCellProps = {\n  children?: ReactNode;\n  className?: string;\n  /**\n   * HTML element rendered for the cell. Defaults to `span`. Use `'label'` when\n   * the cell wraps a labelable control (e.g. a Checkbox), so the whole cell\n   * area acts as the click/hover target.\n   */\n  as?: ElementType;\n  /**\n   * Pins the cell to the horizontal start edge of the list while the list\n   * scrolls sideways.\n   */\n  sticky?: DataListSticky;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className'>;\n\nexport function DataListCell({ children, className, as, sticky, ...rest }: DataListCellProps) {\n  const Component = as || 'span';\n  return (\n    <Component\n      className={cn(\n        'relative grid max-w-full min-w-0 items-center overflow-hidden text-body-sm whitespace-nowrap text-muted-foreground empty:before:text-placeholder empty:before:content-[\"—\"]',\n        sticky === 'start' && dataListStickyStartStyles,\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n}\n\n/**\n * Trailing cell for row actions, revealed on row hover or keyboard focus.\n * Sits beside a `DataList.RowButton` inside a `DataList.RowWrapper`.\n */\nexport function DataListActionsCell({ children, className, ...rest }: DataListCellProps) {\n  return (\n    <DataListCell className={className} {...rest}>\n      <span\n        className={cn(\n          'flex w-full items-center justify-end gap-1 pr-3 transition-opacity duration-200',\n          dataListRowActionRevealStyles,\n        )}\n      >\n        {children}\n      </span>\n    </DataListCell>\n  );\n}\n\nconst dataListTruncateContentStyles =\n  'block min-w-0 max-w-full truncate empty:before:content-[\"—\"] empty:before:text-placeholder [&>*]:min-w-0 [&>*]:max-w-full [&>*]:overflow-hidden [&>*]:text-ellipsis [&>*]:whitespace-nowrap';\nconst dataListInlineTextTruncateStyles = 'min-w-0 flex-1 truncate';\n\nfunction DataListInlineText({ children }: { children: string | number }) {\n  return <span className={dataListInlineTextTruncateStyles}>{children}</span>;\n}\n\nfunction DataListTruncatedTextNodes({ children }: { children: ReactNode }) {\n  return Children.map(children, child => {\n    if (typeof child === 'string' || typeof child === 'number') {\n      return <DataListInlineText>{child}</DataListInlineText>;\n    }\n\n    return child;\n  });\n}\n\nfunction DataListTruncatedCellContent({ children }: { children: ReactNode }) {\n  return Children.map(children, child => {\n    if (!isValidElement<{ children?: ReactNode; className?: string }>(child) || typeof child.type !== 'string') {\n      return child;\n    }\n\n    return cloneElement(child, {\n      className: cn('max-w-full min-w-0 overflow-hidden', child.props.className),\n      children: <DataListTruncatedTextNodes>{child.props.children}</DataListTruncatedTextNodes>,\n    });\n  });\n}\n\nexport type DataListTextCellProps = DataListCellProps & {\n  /**\n   * Typeface for the cell text. `mono` is for genuine code — paths, env values,\n   * serialized JSON — and drops a size step to match the sans columns optically.\n   */\n  font?: 'sans' | 'mono';\n};\n\nexport function DataListTextCell({ children, className, font = 'sans', ...rest }: DataListTextCellProps) {\n  return (\n    <DataListCell className={cn(font === 'mono' && 'font-mono text-body-sm', className)} {...rest}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport function DataListNameCell({ children, className }: DataListCellProps) {\n  return (\n    <DataListCell className={cn('text-left text-label text-foreground', className)}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport function DataListDescriptionCell({ children, className }: DataListCellProps) {\n  return (\n    <DataListCell className={cn('text-muted-foreground', className)}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport type DataListRowHeaderCellProps = Omit<DataListCellProps, 'sticky'>;\n\nexport function DataListRowHeaderCell({ children, className, ...rest }: DataListRowHeaderCellProps) {\n  return (\n    <DataListCell\n      sticky=\"start\"\n      className={cn(\n        'data-list-row-header -mx-3 w-auto max-w-none px-3 text-left text-label text-foreground',\n        className,\n      )}\n      {...rest}\n    >\n      <span className={cn(dataListTruncateContentStyles, 'relative z-10 w-full')}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport type DataListNumberCellProps = DataListCellProps & {\n  /**\n   * Emphasizes the value with the ink tone and the label role — use for the\n   * primary metric in a row (e.g. a total or headline number).\n   */\n  highlight?: boolean;\n};\n\n/**\n * Right-aligned numeric cell with tabular figures, for metric and summary\n * tables. Pass `highlight` for the emphasized column.\n */\nexport function DataListNumberCell({ children, className, highlight, ...rest }: DataListNumberCellProps) {\n  return (\n    <DataListCell\n      className={cn(\n        'justify-items-end text-right text-muted-foreground tabular-nums',\n        highlight && 'text-label text-foreground',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </DataListCell>\n  );\n}\n\nfunction getShortId(id: string | undefined): string {\n  return id?.slice(0, 8) ?? '';\n}\n\nexport interface DataListIdCellProps {\n  id: string;\n}\n\nexport function DataListIdCell({ id }: DataListIdCellProps) {\n  return <DataListCell className=\"tracking-wide text-muted-foreground\">{getShortId(id)}</DataListCell>;\n}\n\nexport interface DataListSelectCellProps {\n  checked: boolean;\n  /**\n   * Called when the checkbox is clicked. Receives the click event's `shiftKey`\n   * so callers can implement range-select. The cell stops the click from\n   * reaching the host row, so the row's `onClick` doesn't fire.\n   */\n  onToggle: (shiftKey: boolean) => void;\n  /** Disable the checkbox, e.g. while a selection mutation is in flight. */\n  disabled?: boolean;\n  'aria-label'?: string;\n}\n\nexport function DataListSelectCell({ checked, onToggle, disabled, ...rest }: DataListSelectCellProps) {\n  return (\n    <DataListCell\n      as=\"label\"\n      className={cn(\n        'size-8 justify-items-center self-center overflow-visible px-0',\n        disabled ? 'cursor-not-allowed' : 'cursor-pointer',\n      )}\n      onClick={e => e.stopPropagation()}\n      data-selected={checked || undefined}\n    >\n      <Checkbox\n        checked={checked}\n        disabled={disabled}\n        onCheckedChange={() => {}} // no-op: selection handled by onClick to capture shiftKey\n        // The click still has to bubble to the cell above, which is what keeps it\n        // off the host row. Base UI withholds this handler while disabled.\n        onClick={e => onToggle(e.shiftKey)}\n        aria-label={rest['aria-label']}\n      />\n    </DataListCell>\n  );\n}\n\nfunction toDate(value: Date | string): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return isNaN(date.getTime()) ? null : date;\n}\n\nexport interface DataListDateCellProps {\n  timestamp: Date | string;\n}\n\n/** Compact date cell — `Today` or `MMM dd` (e.g. `May 19`). */\nexport function DataListDateCell({ timestamp }: DataListDateCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"text-muted-foreground\">\n      {date ? (isToday(date) ? 'Today' : format(date, 'MMM dd')) : null}\n    </DataListCell>\n  );\n}\n\nexport interface DataListCreatedCellProps {\n  timestamp: Date | string;\n}\n\n/** Compact date + time cell — always `MMM d HH:mm:ss` (e.g. `Aug 31 13:07:47`), 24h, no milliseconds. */\nexport function DataListCreatedCell({ timestamp }: DataListCreatedCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"text-muted-foreground tabular-nums\">\n      {date ? format(date, 'MMM d HH:mm:ss') : null}\n    </DataListCell>\n  );\n}\n\nexport interface DataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function DataListTimeCell({ timestamp }: DataListTimeCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"flex text-muted-foreground tabular-nums\">\n      {date ? (\n        <>\n          {format(date, 'h:mm:ss')}\n          <span className=\"text-placeholder\">\n            .{String(date.getMilliseconds()).padStart(3, '0')} {format(date, 'aaa')}\n          </span>\n        </>\n      ) : null}\n    </DataListCell>\n  );\n}\n","import type { CSSProperties, ReactNode, RefObject } from 'react';\nimport { ScrollArea } from '@/ds/components/ScrollArea/scroll-area';\nimport type { ScrollAreaMask, ScrollAreaProps } from '@/ds/components/ScrollArea/scroll-area';\nimport { FluidMenuItems, useFluidMenu } from '@/ds/primitives/fluid-menu';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n/**\n * Horizontal sizing of the list grid.\n *\n * - `content`: the grid is as wide as its widest content (`w-max`) and the\n *   ScrollArea scrolls horizontally when it exceeds the container.\n * - `container`: the grid fills the container width and never exceeds it;\n *   flexible tracks (`minmax(0, 1fr)`) shrink so truncating cells ellipsize\n *   instead of widening the table.\n */\nexport type DataListFit = 'content' | 'container';\n\n/**\n * Surface treatment of the list.\n *\n * - `default`: rows sit as wells inside a raised card panel — the same material\n *   and elevation as a card, a popover or a settings container.\n * - `light`: no panel behind the rows; rows sit directly on the page.\n */\nexport type DataListVariant = 'default' | 'light';\n\nexport type DataListRootProps = Omit<ScrollAreaProps, 'children' | 'orientation' | 'mask' | 'viewportRef'> & {\n  children: ReactNode;\n  columns: string;\n  /** Grid width behavior; defaults to `content` (existing horizontal-scroll sizing). */\n  fit?: DataListFit;\n  /** Surface treatment; defaults to `default` (rows on a raised card panel). */\n  variant?: DataListVariant;\n  /**\n   * Edge fades from the underlying ScrollArea. DataList keeps the top fade off\n   * by default so it does not fade the sticky top header.\n   */\n  mask?: ScrollAreaMask;\n  /**\n   * Ref to the scroll container — pass this to TanStack Virtual's\n   * `getScrollElement` when virtualizing. Without it, the ScrollArea viewport\n   * scrolls normally.\n   */\n  scrollRef?: RefObject<HTMLDivElement | null>;\n};\n\ntype DataListRootStyle = CSSProperties & {\n  '--data-list-background'?: string;\n};\n\nfunction getDataListMask(mask: ScrollAreaMask | undefined): ScrollAreaMask {\n  if (mask === undefined) return { top: false };\n  if (mask === true || mask === false) return mask;\n\n  return { top: false, ...mask };\n}\n\n/**\n * The root owns the unified table treatment so standalone and wrapped rows look\n * identical without requiring a per-row index. The ScrollArea provides the\n * fixed frame; this grid paints the sticky header and separators. The root is\n * the only element that defines a color: sticky parts read the background\n * through `--data-list-background` so they stay opaque while scrolling, and\n * rows/header draw no separators, borders or rings of their own.\n */\nconst dataListGridStyles = [\n  'gap-y-px',\n  // Rows are siblings of the header, so first/last are found via sibling combinators.\n  '[&_.data-list-row:not(.data-list-row~.data-list-row)]:rounded-t-lg',\n  '[&_.data-list-row:not(:has(~.data-list-row))]:rounded-b-lg',\n  '[&_.data-list-row:not(.data-list-row~.data-list-row)>.data-list-sticky-start]:rounded-tl-lg',\n  '[&_.data-list-row:not(:has(~.data-list-row))>.data-list-sticky-start]:rounded-bl-lg',\n  // Subheaders split the rows into sections; each section gets its own rounded ends.\n  '[&_.data-list-subheader+.data-list-row]:rounded-t-lg',\n  '[&_.data-list-row:has(+.data-list-subheader)]:rounded-b-lg',\n  '[&_.data-list-subheader+.data-list-row>.data-list-sticky-start]:rounded-tl-lg',\n  '[&_.data-list-row:has(+.data-list-subheader)>.data-list-sticky-start]:rounded-bl-lg',\n  // The fluid highlight follows the same ends: rounded only when the active\n  // row is the first/last of its section, square everywhere else. `:has()`\n  // cannot nest, so \"last\" is written as \"no row follows the active one\".\n  '[&:has(.data-list-row[data-fluid-hover-active]:not(.data-list-row~.data-list-row))_[data-slot=fluid-hover-highlight]]:rounded-t-lg',\n  '[&:has(.data-list-row[data-fluid-hover-active]):not(:has(.data-list-row[data-fluid-hover-active]~.data-list-row))_[data-slot=fluid-hover-highlight]]:rounded-b-lg',\n  '[&:has(.data-list-subheader+.data-list-row[data-fluid-hover-active])_[data-slot=fluid-hover-highlight]]:rounded-t-lg',\n  '[&:has(.data-list-row[data-fluid-hover-active]+.data-list-subheader)_[data-slot=fluid-hover-highlight]]:rounded-b-lg',\n  '[&_.data-list-top]:bg-(--data-list-background)',\n  '[&_.data-list-row>.data-list-sticky-start]:bg-background',\n  // A sticky cell must stay opaque over horizontally scrolled cells, so it\n  // cannot show the fluid highlight through; it takes the opaque twin of a fill\n  // rung over the row well instead, the same level a selected row rests on.\n  '[&_.data-list-row[data-fluid-hover-active]>.data-list-sticky-start]:bg-surface-panel',\n  '[&_.data-list-row>.data-list-sticky-start]:after:right-0',\n  '[&_.data-list-top>.data-list-sticky-start]:after:right-0',\n] as const;\n\nconst dataListVariantClasses: Record<DataListVariant, string> = {\n  default: raisedSurfaceStyle,\n  light: '',\n};\n\n// The sticky header reads this so it stays opaque while scrolling: the panel\n// material by default, the page surface when there is no panel.\nconst dataListVariantBackground: Record<DataListVariant, string> = {\n  default: 'var(--card)',\n  light: 'var(--background)',\n};\n\nconst dataListFitClasses: Record<DataListFit, string> = {\n  content: 'w-max max-w-none min-w-full',\n  container: 'w-full max-w-full',\n};\n\nexport function DataListRoot({\n  children,\n  columns,\n  className,\n  fit = 'content',\n  variant = 'default',\n  mask,\n  scrollRef,\n  ...props\n}: DataListRootProps) {\n  const gridStyle: DataListRootStyle = {\n    '--data-list-background': dataListVariantBackground[variant],\n    gridTemplateColumns: columns,\n  };\n\n  // One hover surface travels between rows (same primitive as menus/selects).\n  // Subheaders, pagination and whitespace stay inert, so no gap-click routing.\n  const menu = useFluidMenu<HTMLDivElement>({ gapClick: false });\n\n  const grid = (\n    <div\n      // Lists scroll inside the ScrollArea viewport (below); the grid just lays out.\n      // It is also the offsetParent rows are measured against and the highlight is positioned in.\n      className={cn('grid content-start', ...dataListGridStyles, dataListFitClasses[fit], menu.containerClassName)}\n      style={gridStyle}\n      {...menu.getContainerProps({})}\n    >\n      {/* The highlight is the old row hover color. It sits between each row's\n          `before` surface (-z-2) and the row content (see `dataListRowOuterStyles`). */}\n      <FluidMenuItems menu={menu} className=\"rounded-none bg-fill-subtle\">\n        {children}\n      </FluidMenuItems>\n    </div>\n  );\n\n  // DataList uses the DS ScrollArea: an overlay scrollbar, so the sticky header\n  // spans the full width. Masks default to every overflowing edge except the\n  // top — a top fade would fade the opaque sticky header. A virtualizing list\n  // passes `scrollRef`, forwarded as `viewportRef` so it scrolls this viewport.\n  return (\n    <ScrollArea\n      {...props}\n      orientation=\"both\"\n      mask={getDataListMask(mask)}\n      viewportRef={scrollRef}\n      // Outer radius = row radius (8px) + 4px inset so the corners stay concentric.\n      // Size to content but never exceed the parent. Flex (unlike grid `1fr`) lays\n      // items out against the max-height-clamped container, so short lists stay\n      // compact and long ones shrink the viewport and scroll. `self-start` stops\n      // a grid/flex parent from stretching the root to the full row height.\n      viewPortClassName=\"min-h-0 flex-1 basis-auto\"\n      className={cn(\n        'flex max-h-full w-full flex-col self-start rounded-xl p-1',\n        dataListVariantClasses[variant],\n        className,\n      )}\n    >\n      {grid}\n    </ScrollArea>\n  );\n}\n","import type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { dataListStickyStartStyles } from './shared';\nimport type { DataListSticky } from './shared';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { Tooltip, TooltipTrigger, TooltipContent } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\nexport type DataListTopCellProps = {\n  children: ReactNode;\n  className?: string;\n  /**\n   * HTML element rendered for the top cell. Defaults to `span`. Use `'label'`\n   * when the cell wraps a labelable control (e.g. a select-all Checkbox).\n   */\n  as?: ElementType;\n  /** Pins the top cell to the horizontal start edge while the list scrolls sideways. */\n  sticky?: DataListSticky;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className' | 'ref'>;\n\nexport const DataListTopCell = forwardRef<HTMLSpanElement, DataListTopCellProps>(\n  ({ children, className, as, sticky, ...rest }, ref) => {\n    const Component = as || 'span';\n    const isText = typeof children === 'string' || typeof children === 'number';\n    return (\n      <Component\n        ref={ref}\n        className={cn(\n          'flex h-10 max-w-full min-w-0 items-center overflow-hidden py-1 text-column whitespace-nowrap text-muted-foreground',\n          sticky === 'start' && dataListStickyStartStyles,\n          sticky === 'start' && '-mr-3 -ml-3 w-auto max-w-none pr-3 pl-3',\n          sticky === 'start' && 'z-20',\n          className,\n        )}\n        {...rest}\n      >\n        {/* Plain string/number titles truncate with an ellipsis; element children\n            (icons, smart long/short labels, checkboxes) render as-is. */}\n        {isText ? <span className=\"min-w-0 truncate\">{children}</span> : children}\n      </Component>\n    );\n  },\n);\n\nexport type DataListTopCellWithTooltipProps = {\n  children: ReactNode;\n  tooltip: ReactNode;\n  className?: string;\n};\n\nexport function DataListTopCellWithTooltip({ children, tooltip, className }: DataListTopCellWithTooltipProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <DataListTopCell className={className}>{children}</DataListTopCell>\n      </TooltipTrigger>\n      <TooltipContent>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n\nexport type DataListTopCellSmartProps = {\n  long: ReactNode;\n  short: ReactNode;\n  tooltip?: string;\n  breakpoint?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n  className?: string;\n};\n\nconst breakpointClasses: Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { show: string; hide: string }> = {\n  sm: { show: 'hidden sm:inline-flex', hide: 'inline-flex sm:hidden' },\n  md: { show: 'hidden md:inline-flex', hide: 'inline-flex md:hidden' },\n  lg: { show: 'hidden lg:inline-flex', hide: 'inline-flex lg:hidden' },\n  xl: { show: 'hidden xl:inline-flex', hide: 'inline-flex xl:hidden' },\n  '2xl': { show: 'hidden 2xl:inline-flex', hide: 'inline-flex 2xl:hidden' },\n};\n\nexport function DataListTopCellSmart({\n  long,\n  short,\n  tooltip,\n  breakpoint = '2xl',\n  className,\n}: DataListTopCellSmartProps) {\n  const tooltipText = tooltip ?? (typeof long === 'string' ? long : undefined);\n  const bp = breakpointClasses[breakpoint];\n\n  const content = (\n    <>\n      <span className={cn('items-center gap-1', bp.show)}>{long}</span>\n      <span className={cn('items-center gap-1', bp.hide)}>{short}</span>\n    </>\n  );\n\n  if (tooltipText) {\n    return (\n      <DataListTopCellWithTooltip tooltip={tooltipText} className={cn('flex [&_svg]:size-[1.3em]', className)}>\n        {content}\n      </DataListTopCellWithTooltip>\n    );\n  }\n\n  return <DataListTopCell className={cn('flex [&_svg]:size-[1.3em]', className)}>{content}</DataListTopCell>;\n}\n\nexport interface DataListTopSelectCellProps {\n  /** Pass `'indeterminate'` when some — but not all — rows are selected. */\n  checked: boolean | 'indeterminate';\n  /** Toggles the global selection. Typically clears when fully selected, otherwise selects all. */\n  onToggle: () => void;\n  'aria-label'?: string;\n}\n\nexport function DataListTopSelectCell({ checked, onToggle, ...rest }: DataListTopSelectCellProps) {\n  return (\n    <DataListTopCell\n      as=\"label\"\n      className=\"w-8 cursor-pointer justify-center overflow-visible px-0 py-0!\"\n      onClick={e => e.stopPropagation()}\n    >\n      <Checkbox checked={checked} onCheckedChange={() => onToggle()} aria-label={rest['aria-label']} />\n    </DataListTopCell>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListTopProps = ComponentPropsWithoutRef<'div'> & {\n  /**\n   * Switch to a \"leading cell\" layout: drops the default gap between children\n   * and the default left padding, so a leading cell (e.g. `TopSelectCell`)\n   * sits flush against the grid edge and an inner `TopCells` group owns the\n   * remaining column spacing. Mirrors how `Row` + `RowButton` compose.\n   */\n  hasLeadingCell?: boolean;\n};\n\nexport function DataListTop({ children, className, hasLeadingCell, ...props }: DataListTopProps) {\n  return (\n    <div\n      className={cn(\n        'group/data-list-top data-list-top sticky top-0 z-20 col-span-full grid grid-cols-subgrid gap-4 px-3',\n        hasLeadingCell && 'gap-0 pl-0!',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data-list-top-WGUY167p.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-list-top-WGUY167p.cjs","sources":["../src/ds/components/DataList/shared.ts","../src/ds/components/DataList/data-list-cells.tsx","../src/ds/components/DataList/data-list-root.tsx","../src/ds/components/DataList/data-list-top-cell.tsx","../src/ds/components/DataList/data-list-top.tsx"],"sourcesContent":["/**\n * Row-level styling for the element that participates in the row sibling\n * chain — applied to `DataList.RowButton` / `DataList.RowLink` when used\n * standalone, and to `DataList.RowWrapper` when used as a shell around them.\n *\n * Carries the `.data-list-row` marker class the root styles target.\n */\nexport const dataListRowOuterStyles = [\n  'group/data-list-row data-list-row col-span-full relative min-h-9',\n  // The row surface is a `before` pseudo at `-z-2` so the root's fluid hover\n  // highlight (`-z-1`) can glide *between* the surface and the row content,\n  // exactly like menu items. The row element itself stays transparent.\n  \"before:absolute before:inset-0 before:-z-2 before:rounded-[inherit] before:bg-background before:content-['']\",\n] as const;\n\n/**\n * Interactive state fills for the outer row element. Applied to standalone\n * `RowButton` / `RowLink` and to `RowWrapper`. The `has-*` forms let a wrapper\n * mirror the tone of the interactive row nested inside it.\n *\n * Hover is not painted per row: the root renders one fluid `fill-subtle`\n * highlight under the row content. Rows are sunken wells (`--background`) inside\n * the card panel, whose material also shows through the 1px gaps between them,\n * so a resting tone steps to `--surface-panel` — the opaque twin of a `--fill`\n * rung over the well — rather than to `--card`, which would make a selected row\n * the exact colour of the separators around it. Pressed rises a full `--fill`\n * rung, the same rung a resting control carries, and error sits on the row\n * element itself so it reads on top of the highlight.\n */\nexport const dataListRowStateStyles = [\n  'active:bg-fill',\n  'focus-visible:bg-surface-panel has-focus-visible:bg-surface-panel',\n  'data-featured:before:bg-surface-panel has-data-featured:before:bg-surface-panel has-data-selected:before:bg-surface-panel',\n  'data-[variant=error]:bg-notice-destructive/10 has-data-[variant=error]:bg-notice-destructive/10 data-[variant=error]:active:bg-notice-destructive/20 has-data-[variant=error]:active:bg-notice-destructive/20',\n] as const;\n\n/**\n * Layout and focus for the interactive element. The background lives on the\n * outer row element so it sits inside the root surface.\n */\nexport const dataListRowInteractiveStyles = [\n  'grid grid-cols-subgrid gap-4 px-3 cursor-pointer',\n  'outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-accent1',\n] as const;\n\nexport const dataListRowStyles = [\n  ...dataListRowInteractiveStyles,\n  ...dataListRowOuterStyles,\n  ...dataListRowStateStyles,\n] as const;\n\nexport const dataListRowStaticStyles = ['grid grid-cols-subgrid gap-4 px-3', ...dataListRowOuterStyles] as const;\n\n/**\n * Row actions that stay out of the way until the row is hovered or focused.\n * Opacity, not display, so the column keeps its width and nothing shifts. A\n * coarse pointer never hovers, so there they stay visible — hidden controls\n * that still take taps would be worse than no reveal at all.\n */\nexport const dataListRowActionRevealStyles =\n  'opacity-0 pointer-coarse:opacity-100 group-focus-within/data-list-row:opacity-100 group-hover/data-list-row:opacity-100';\n\nexport type DataListSticky = 'start';\n\nexport const dataListStickyStartStyles = [\n  'data-list-sticky-start sticky left-0 z-10 isolate self-stretch overflow-visible',\n] as const;\n\n/** Tone for a single row. Exposed as `data-variant`; `error` tints the row. */\nexport type DataListRowVariant = 'default' | 'error';\n\n/**\n * Layout/state modifiers shared by interactive row primitives\n * (`DataList.RowButton`, `DataList.RowLink`).\n */\nexport type DataListRowSharedProps = {\n  /** Row tone — exposed on the element as `data-variant`. */\n  variant?: DataListRowVariant;\n  /**\n   * Place the row starting at this column line. Defaults to column 1. Use\n   * when the row sits beside a leading cell that owns column 1.\n   */\n  colStart?: number;\n  /**\n   * Place the row ending at this column line (use negative values to count\n   * from the end, e.g. `-2`). Defaults to `-1` (the last line). Use when the\n   * row sits beside a trailing cell that owns the last column.\n   */\n  colEnd?: number;\n  /**\n   * Mark the row as featured (e.g. the row whose detail is open in a side\n   * panel). Exposed on the element as `data-featured` and tints the row.\n   */\n  featured?: boolean;\n};\n\n/** Split a grid-template-columns string on top-level whitespace only, so `minmax(0, 10rem)` stays one track. */\nexport function splitColumns(columns: string): string[] {\n  const parts: string[] = [];\n  let depth = 0;\n  let current = '';\n  for (const char of columns) {\n    if (char === '(') depth++;\n    if (char === ')') depth--;\n    if (/\\s/.test(char) && depth === 0) {\n      if (current) parts.push(current);\n      current = '';\n    } else {\n      current += char;\n    }\n  }\n  if (current) parts.push(current);\n  return parts;\n}\n","import { format, isToday } from 'date-fns';\nimport { Children, cloneElement, isValidElement } from 'react';\nimport type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';\nimport { dataListRowActionRevealStyles, dataListStickyStartStyles } from './shared';\nimport type { DataListSticky } from './shared';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { cn } from '@/lib/utils';\n\nexport type DataListCellProps = {\n  children?: ReactNode;\n  className?: string;\n  /**\n   * HTML element rendered for the cell. Defaults to `span`. Use `'label'` when\n   * the cell wraps a labelable control (e.g. a Checkbox), so the whole cell\n   * area acts as the click/hover target.\n   */\n  as?: ElementType;\n  /**\n   * Pins the cell to the horizontal start edge of the list while the list\n   * scrolls sideways.\n   */\n  sticky?: DataListSticky;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className'>;\n\nexport function DataListCell({ children, className, as, sticky, ...rest }: DataListCellProps) {\n  const Component = as || 'span';\n  return (\n    <Component\n      className={cn(\n        'relative grid max-w-full min-w-0 items-center overflow-hidden text-body-sm whitespace-nowrap text-muted-foreground empty:before:text-placeholder empty:before:content-[\"—\"]',\n        sticky === 'start' && dataListStickyStartStyles,\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n}\n\n/**\n * Trailing cell for row actions, revealed on row hover or keyboard focus.\n * Sits beside a `DataList.RowButton` inside a `DataList.RowWrapper`.\n */\nexport function DataListActionsCell({ children, className, ...rest }: DataListCellProps) {\n  return (\n    <DataListCell className={className} {...rest}>\n      <span\n        className={cn(\n          'flex w-full items-center justify-end gap-1 pr-3 transition-opacity duration-200',\n          dataListRowActionRevealStyles,\n        )}\n      >\n        {children}\n      </span>\n    </DataListCell>\n  );\n}\n\nconst dataListTruncateContentStyles =\n  'block min-w-0 max-w-full truncate empty:before:content-[\"—\"] empty:before:text-placeholder [&>*]:min-w-0 [&>*]:max-w-full [&>*]:overflow-hidden [&>*]:text-ellipsis [&>*]:whitespace-nowrap';\nconst dataListInlineTextTruncateStyles = 'min-w-0 flex-1 truncate';\n\nfunction DataListInlineText({ children }: { children: string | number }) {\n  return <span className={dataListInlineTextTruncateStyles}>{children}</span>;\n}\n\nfunction DataListTruncatedTextNodes({ children }: { children: ReactNode }) {\n  return Children.map(children, child => {\n    if (typeof child === 'string' || typeof child === 'number') {\n      return <DataListInlineText>{child}</DataListInlineText>;\n    }\n\n    return child;\n  });\n}\n\nfunction DataListTruncatedCellContent({ children }: { children: ReactNode }) {\n  return Children.map(children, child => {\n    if (!isValidElement<{ children?: ReactNode; className?: string }>(child) || typeof child.type !== 'string') {\n      return child;\n    }\n\n    return cloneElement(child, {\n      className: cn('max-w-full min-w-0 overflow-hidden', child.props.className),\n      children: <DataListTruncatedTextNodes>{child.props.children}</DataListTruncatedTextNodes>,\n    });\n  });\n}\n\nexport type DataListTextCellProps = DataListCellProps & {\n  /**\n   * Typeface for the cell text. `mono` is for genuine code — paths, env values,\n   * serialized JSON — and drops a size step to match the sans columns optically.\n   */\n  font?: 'sans' | 'mono';\n};\n\nexport function DataListTextCell({ children, className, font = 'sans', ...rest }: DataListTextCellProps) {\n  return (\n    <DataListCell className={cn(font === 'mono' && 'font-mono text-body-sm', className)} {...rest}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport function DataListNameCell({ children, className }: DataListCellProps) {\n  return (\n    <DataListCell className={cn('text-left text-label text-foreground', className)}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport function DataListDescriptionCell({ children, className }: DataListCellProps) {\n  return (\n    <DataListCell className={cn('text-muted-foreground', className)}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport type DataListRowHeaderCellProps = Omit<DataListCellProps, 'sticky'>;\n\nexport function DataListRowHeaderCell({ children, className, ...rest }: DataListRowHeaderCellProps) {\n  return (\n    <DataListCell\n      sticky=\"start\"\n      className={cn(\n        'data-list-row-header -mx-3 w-auto max-w-none px-3 text-left text-label text-foreground',\n        className,\n      )}\n      {...rest}\n    >\n      <span className={cn(dataListTruncateContentStyles, 'relative z-10 w-full')}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport type DataListNumberCellProps = DataListCellProps & {\n  /**\n   * Emphasizes the value with the ink tone and the label role — use for the\n   * primary metric in a row (e.g. a total or headline number).\n   */\n  highlight?: boolean;\n};\n\n/**\n * Right-aligned numeric cell with tabular figures, for metric and summary\n * tables. Pass `highlight` for the emphasized column.\n */\nexport function DataListNumberCell({ children, className, highlight, ...rest }: DataListNumberCellProps) {\n  return (\n    <DataListCell\n      className={cn(\n        'justify-items-end text-right text-muted-foreground tabular-nums',\n        highlight && 'text-label text-foreground',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </DataListCell>\n  );\n}\n\nfunction getShortId(id: string | undefined): string {\n  return id?.slice(0, 8) ?? '';\n}\n\nexport interface DataListIdCellProps {\n  id: string;\n}\n\nexport function DataListIdCell({ id }: DataListIdCellProps) {\n  return <DataListCell className=\"tracking-wide text-muted-foreground\">{getShortId(id)}</DataListCell>;\n}\n\nexport interface DataListSelectCellProps {\n  checked: boolean;\n  /**\n   * Called when the checkbox is clicked. Receives the click event's `shiftKey`\n   * so callers can implement range-select. The cell stops the click from\n   * reaching the host row, so the row's `onClick` doesn't fire.\n   */\n  onToggle: (shiftKey: boolean) => void;\n  /** Disable the checkbox, e.g. while a selection mutation is in flight. */\n  disabled?: boolean;\n  'aria-label'?: string;\n}\n\nexport function DataListSelectCell({ checked, onToggle, disabled, ...rest }: DataListSelectCellProps) {\n  return (\n    <DataListCell\n      as=\"label\"\n      className={cn(\n        'size-8 justify-items-center self-center overflow-visible px-0',\n        disabled ? 'cursor-not-allowed' : 'cursor-pointer',\n      )}\n      onClick={e => e.stopPropagation()}\n      data-selected={checked || undefined}\n    >\n      <Checkbox\n        checked={checked}\n        disabled={disabled}\n        onCheckedChange={() => {}} // no-op: selection handled by onClick to capture shiftKey\n        // The click still has to bubble to the cell above, which is what keeps it\n        // off the host row. Base UI withholds this handler while disabled.\n        onClick={e => onToggle(e.shiftKey)}\n        aria-label={rest['aria-label']}\n      />\n    </DataListCell>\n  );\n}\n\nfunction toDate(value: Date | string): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return isNaN(date.getTime()) ? null : date;\n}\n\nexport interface DataListDateCellProps {\n  timestamp: Date | string;\n}\n\n/** Compact date cell — `Today` or `MMM dd` (e.g. `May 19`). */\nexport function DataListDateCell({ timestamp }: DataListDateCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"text-muted-foreground\">\n      {date ? (isToday(date) ? 'Today' : format(date, 'MMM dd')) : null}\n    </DataListCell>\n  );\n}\n\nexport interface DataListCreatedCellProps {\n  timestamp: Date | string;\n}\n\n/** Compact date + time cell — always `MMM d HH:mm:ss` (e.g. `Aug 31 13:07:47`), 24h, no milliseconds. */\nexport function DataListCreatedCell({ timestamp }: DataListCreatedCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"text-muted-foreground tabular-nums\">\n      {date ? format(date, 'MMM d HH:mm:ss') : null}\n    </DataListCell>\n  );\n}\n\nexport interface DataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function DataListTimeCell({ timestamp }: DataListTimeCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"flex text-muted-foreground tabular-nums\">\n      {date ? (\n        <>\n          {format(date, 'h:mm:ss')}\n          <span className=\"text-placeholder\">\n            .{String(date.getMilliseconds()).padStart(3, '0')} {format(date, 'aaa')}\n          </span>\n        </>\n      ) : null}\n    </DataListCell>\n  );\n}\n","import type { CSSProperties, ReactNode, RefObject } from 'react';\nimport { ScrollArea } from '@/ds/components/ScrollArea/scroll-area';\nimport type { ScrollAreaMask, ScrollAreaProps } from '@/ds/components/ScrollArea/scroll-area';\nimport { FluidMenuItems, useFluidMenu } from '@/ds/primitives/fluid-menu';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n/**\n * Horizontal sizing of the list grid.\n *\n * - `content`: the grid is as wide as its widest content (`w-max`) and the\n *   ScrollArea scrolls horizontally when it exceeds the container.\n * - `container`: the grid fills the container width and never exceeds it;\n *   flexible tracks (`minmax(0, 1fr)`) shrink so truncating cells ellipsize\n *   instead of widening the table.\n */\nexport type DataListFit = 'content' | 'container';\n\n/**\n * Surface treatment of the list.\n *\n * - `default`: rows sit as wells inside a raised card panel — the same material\n *   and elevation as a card, a popover or a settings container.\n * - `light`: no panel behind the rows; rows sit directly on the page.\n */\nexport type DataListVariant = 'default' | 'light';\n\nexport type DataListRootProps = Omit<ScrollAreaProps, 'children' | 'orientation' | 'mask' | 'viewportRef'> & {\n  children: ReactNode;\n  columns: string;\n  /** Grid width behavior; defaults to `content` (existing horizontal-scroll sizing). */\n  fit?: DataListFit;\n  /** Surface treatment; defaults to `default` (rows on a raised card panel). */\n  variant?: DataListVariant;\n  /**\n   * Edge fades from the underlying ScrollArea. DataList keeps the top fade off\n   * by default so it does not fade the sticky top header.\n   */\n  mask?: ScrollAreaMask;\n  /**\n   * Ref to the scroll container — pass this to TanStack Virtual's\n   * `getScrollElement` when virtualizing. Without it, the ScrollArea viewport\n   * scrolls normally.\n   */\n  scrollRef?: RefObject<HTMLDivElement | null>;\n};\n\ntype DataListRootStyle = CSSProperties & {\n  '--data-list-background'?: string;\n};\n\nfunction getDataListMask(mask: ScrollAreaMask | undefined): ScrollAreaMask {\n  if (mask === undefined) return { top: false };\n  if (mask === true || mask === false) return mask;\n\n  return { top: false, ...mask };\n}\n\n/**\n * The root owns the unified table treatment so standalone and wrapped rows look\n * identical without requiring a per-row index. The ScrollArea provides the\n * fixed frame; this grid paints the sticky header and separators. The root is\n * the only element that defines a color: sticky parts read the background\n * through `--data-list-background` so they stay opaque while scrolling, and\n * rows/header draw no separators, borders or rings of their own.\n */\nconst dataListGridStyles = [\n  'gap-y-px',\n  // Rows are siblings of the header, so first/last are found via sibling combinators.\n  '[&_.data-list-row:not(.data-list-row~.data-list-row)]:rounded-t-lg',\n  '[&_.data-list-row:not(:has(~.data-list-row))]:rounded-b-lg',\n  '[&_.data-list-row:not(.data-list-row~.data-list-row)>.data-list-sticky-start]:rounded-tl-lg',\n  '[&_.data-list-row:not(:has(~.data-list-row))>.data-list-sticky-start]:rounded-bl-lg',\n  // Subheaders split the rows into sections; each section gets its own rounded ends.\n  '[&_.data-list-subheader+.data-list-row]:rounded-t-lg',\n  '[&_.data-list-row:has(+.data-list-subheader)]:rounded-b-lg',\n  '[&_.data-list-subheader+.data-list-row>.data-list-sticky-start]:rounded-tl-lg',\n  '[&_.data-list-row:has(+.data-list-subheader)>.data-list-sticky-start]:rounded-bl-lg',\n  // The fluid highlight follows the same ends: rounded only when the active\n  // row is the first/last of its section, square everywhere else. `:has()`\n  // cannot nest, so \"last\" is written as \"no row follows the active one\".\n  '[&:has(.data-list-row[data-fluid-hover-active]:not(.data-list-row~.data-list-row))_[data-slot=fluid-hover-highlight]]:rounded-t-lg',\n  '[&:has(.data-list-row[data-fluid-hover-active]):not(:has(.data-list-row[data-fluid-hover-active]~.data-list-row))_[data-slot=fluid-hover-highlight]]:rounded-b-lg',\n  '[&:has(.data-list-subheader+.data-list-row[data-fluid-hover-active])_[data-slot=fluid-hover-highlight]]:rounded-t-lg',\n  '[&:has(.data-list-row[data-fluid-hover-active]+.data-list-subheader)_[data-slot=fluid-hover-highlight]]:rounded-b-lg',\n  '[&_.data-list-top]:bg-(--data-list-background)',\n  '[&_.data-list-row>.data-list-sticky-start]:bg-background',\n  // A sticky cell must stay opaque over horizontally scrolled cells, so it\n  // cannot show the fluid highlight through; it takes the opaque twin of a fill\n  // rung over the row well instead, the same level a selected row rests on.\n  '[&_.data-list-row[data-fluid-hover-active]>.data-list-sticky-start]:bg-surface-panel',\n  '[&_.data-list-row>.data-list-sticky-start]:after:right-0',\n  '[&_.data-list-top>.data-list-sticky-start]:after:right-0',\n] as const;\n\nconst dataListVariantClasses: Record<DataListVariant, string> = {\n  default: raisedSurfaceStyle,\n  light: '',\n};\n\n// The sticky header reads this so it stays opaque while scrolling: the panel\n// material by default, the page surface when there is no panel.\nconst dataListVariantBackground: Record<DataListVariant, string> = {\n  default: 'var(--card)',\n  light: 'var(--background)',\n};\n\nconst dataListFitClasses: Record<DataListFit, string> = {\n  content: 'w-max max-w-none min-w-full',\n  container: 'w-full max-w-full',\n};\n\nexport function DataListRoot({\n  children,\n  columns,\n  className,\n  fit = 'content',\n  variant = 'default',\n  mask,\n  scrollRef,\n  ...props\n}: DataListRootProps) {\n  const gridStyle: DataListRootStyle = {\n    '--data-list-background': dataListVariantBackground[variant],\n    gridTemplateColumns: columns,\n  };\n\n  // One hover surface travels between rows (same primitive as menus/selects).\n  // Subheaders, pagination and whitespace stay inert, so no gap-click routing.\n  const menu = useFluidMenu<HTMLDivElement>({ gapClick: false });\n\n  const grid = (\n    <div\n      // Lists scroll inside the ScrollArea viewport (below); the grid just lays out.\n      // It is also the offsetParent rows are measured against and the highlight is positioned in.\n      className={cn('grid content-start', ...dataListGridStyles, dataListFitClasses[fit], menu.containerClassName)}\n      style={gridStyle}\n      {...menu.getContainerProps({})}\n    >\n      {/* The highlight is the old row hover color. It sits between each row's\n          `before` surface (-z-2) and the row content (see `dataListRowOuterStyles`). */}\n      <FluidMenuItems menu={menu} className=\"rounded-none bg-fill-subtle\">\n        {children}\n      </FluidMenuItems>\n    </div>\n  );\n\n  // DataList uses the DS ScrollArea: an overlay scrollbar, so the sticky header\n  // spans the full width. Masks default to every overflowing edge except the\n  // top — a top fade would fade the opaque sticky header. A virtualizing list\n  // passes `scrollRef`, forwarded as `viewportRef` so it scrolls this viewport.\n  return (\n    <ScrollArea\n      {...props}\n      orientation=\"both\"\n      mask={getDataListMask(mask)}\n      viewportRef={scrollRef}\n      // Outer radius = row radius (8px) + 4px inset so the corners stay concentric.\n      // Size to content but never exceed the parent. Flex (unlike grid `1fr`) lays\n      // items out against the max-height-clamped container, so short lists stay\n      // compact and long ones shrink the viewport and scroll. `self-start` stops\n      // a grid/flex parent from stretching the root to the full row height.\n      viewPortClassName=\"min-h-0 flex-1 basis-auto\"\n      className={cn(\n        'flex max-h-full w-full flex-col self-start rounded-xl p-1',\n        dataListVariantClasses[variant],\n        className,\n      )}\n    >\n      {grid}\n    </ScrollArea>\n  );\n}\n","import type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { dataListStickyStartStyles } from './shared';\nimport type { DataListSticky } from './shared';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { Tooltip, TooltipTrigger, TooltipContent } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\nexport type DataListTopCellProps = {\n  children: ReactNode;\n  className?: string;\n  /**\n   * HTML element rendered for the top cell. Defaults to `span`. Use `'label'`\n   * when the cell wraps a labelable control (e.g. a select-all Checkbox).\n   */\n  as?: ElementType;\n  /** Pins the top cell to the horizontal start edge while the list scrolls sideways. */\n  sticky?: DataListSticky;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className' | 'ref'>;\n\nexport const DataListTopCell = forwardRef<HTMLSpanElement, DataListTopCellProps>(\n  ({ children, className, as, sticky, ...rest }, ref) => {\n    const Component = as || 'span';\n    const isText = typeof children === 'string' || typeof children === 'number';\n    return (\n      <Component\n        ref={ref}\n        className={cn(\n          'flex h-10 max-w-full min-w-0 items-center overflow-hidden py-1 text-column whitespace-nowrap text-muted-foreground',\n          sticky === 'start' && dataListStickyStartStyles,\n          sticky === 'start' && '-mr-3 -ml-3 w-auto max-w-none pr-3 pl-3',\n          sticky === 'start' && 'z-20',\n          className,\n        )}\n        {...rest}\n      >\n        {/* Plain string/number titles truncate with an ellipsis; element children\n            (icons, smart long/short labels, checkboxes) render as-is. */}\n        {isText ? <span className=\"min-w-0 truncate\">{children}</span> : children}\n      </Component>\n    );\n  },\n);\n\nexport type DataListTopCellWithTooltipProps = {\n  children: ReactNode;\n  tooltip: ReactNode;\n  className?: string;\n};\n\nexport function DataListTopCellWithTooltip({ children, tooltip, className }: DataListTopCellWithTooltipProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <DataListTopCell className={className}>{children}</DataListTopCell>\n      </TooltipTrigger>\n      <TooltipContent>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n\nexport type DataListTopCellSmartProps = {\n  long: ReactNode;\n  short: ReactNode;\n  tooltip?: string;\n  breakpoint?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n  className?: string;\n};\n\nconst breakpointClasses: Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { show: string; hide: string }> = {\n  sm: { show: 'hidden sm:inline-flex', hide: 'inline-flex sm:hidden' },\n  md: { show: 'hidden md:inline-flex', hide: 'inline-flex md:hidden' },\n  lg: { show: 'hidden lg:inline-flex', hide: 'inline-flex lg:hidden' },\n  xl: { show: 'hidden xl:inline-flex', hide: 'inline-flex xl:hidden' },\n  '2xl': { show: 'hidden 2xl:inline-flex', hide: 'inline-flex 2xl:hidden' },\n};\n\nexport function DataListTopCellSmart({\n  long,\n  short,\n  tooltip,\n  breakpoint = '2xl',\n  className,\n}: DataListTopCellSmartProps) {\n  const tooltipText = tooltip ?? (typeof long === 'string' ? long : undefined);\n  const bp = breakpointClasses[breakpoint];\n\n  const content = (\n    <>\n      <span className={cn('items-center gap-1', bp.show)}>{long}</span>\n      <span className={cn('items-center gap-1', bp.hide)}>{short}</span>\n    </>\n  );\n\n  if (tooltipText) {\n    return (\n      <DataListTopCellWithTooltip tooltip={tooltipText} className={cn('flex [&_svg]:size-[1.3em]', className)}>\n        {content}\n      </DataListTopCellWithTooltip>\n    );\n  }\n\n  return <DataListTopCell className={cn('flex [&_svg]:size-[1.3em]', className)}>{content}</DataListTopCell>;\n}\n\nexport interface DataListTopSelectCellProps {\n  /** Pass `'indeterminate'` when some — but not all — rows are selected. */\n  checked: boolean | 'indeterminate';\n  /** Toggles the global selection. Typically clears when fully selected, otherwise selects all. */\n  onToggle: () => void;\n  'aria-label'?: string;\n}\n\nexport function DataListTopSelectCell({ checked, onToggle, ...rest }: DataListTopSelectCellProps) {\n  return (\n    <DataListTopCell\n      as=\"label\"\n      className=\"w-8 cursor-pointer justify-center overflow-visible px-0 py-0!\"\n      onClick={e => e.stopPropagation()}\n    >\n      <Checkbox checked={checked} onCheckedChange={() => onToggle()} aria-label={rest['aria-label']} />\n    </DataListTopCell>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListTopProps = ComponentPropsWithoutRef<'div'> & {\n  /**\n   * Switch to a \"leading cell\" layout: drops the default gap between children\n   * and the default left padding, so a leading cell (e.g. `TopSelectCell`)\n   * sits flush against the grid edge and an inner `TopCells` group owns the\n   * remaining column spacing. Mirrors how `Row` + `RowButton` compose.\n   */\n  hasLeadingCell?: boolean;\n};\n\nexport function DataListTop({ children, className, hasLeadingCell, ...props }: DataListTopProps) {\n  return (\n    <div\n      className={cn(\n        'group/data-list-top data-list-top sticky top-0 z-20 col-span-full grid grid-cols-subgrid gap-4 px-3',\n        hasLeadingCell && 'gap-0 pl-0!',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["jsx","cn","Children","isValidElement","cloneElement","Checkbox","isToday","format","jsxs","Fragment","raisedSurfaceStyle","useFluidMenu","FluidMenuItems","ScrollArea","forwardRef","tooltip","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}

package/dist/field-error-id-6EfqmQ4C.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-error-id-6EfqmQ4C.cjs","sources":["../src/ds/components/FormFieldBlocks/block/field-block-column.tsx","../src/ds/components/FormFieldBlocks/block/field-block-error-msg.tsx","../src/ds/components/FormFieldBlocks/block/field-block-help-text.tsx","../src/ds/components/FormFieldBlocks/block/field-block-label.tsx","../src/ds/components/FormFieldBlocks/block/field-block-layout.tsx","../src/ds/components/FormFieldBlocks/block/field-block-message.tsx","../src/ds/components/FormFieldBlocks/block/field-block.tsx","../src/ds/components/FormFieldBlocks/block/field-error-id.ts"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlockColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlockColumn({ children, className }: FieldBlockColumnProps) {\n  return <div className={cn('grid gap-2 text-foreground', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockErrorMsgProps = {\n  children?: React.ReactNode;\n  /**\n   * The field this message belongs to, matching the `name` given to `FieldBlock.Label`.\n   * Sets a stable `error-<name>` id so the control can point at it with\n   * `aria-describedby` and a screen reader reads the message with the field.\n   */\n  name?: string;\n  className?: string;\n};\n\nexport function FieldBlockErrorMsg({ children, name, className }: FieldBlockErrorMsgProps) {\n  return (\n    <p\n      // `role=\"alert\"` lives here rather than in a wrapper at every call site, so an\n      // error announces itself wherever it is used instead of depending on each caller\n      // remembering to wrap it.\n      role=\"alert\"\n      id={name !== undefined ? `error-${name}` : undefined}\n      className={cn('text-caption text-destructive', className)}\n    >\n      {children}\n    </p>\n  );\n}\n","export type FieldBlockHelpTextProps = {\n  children?: React.ReactNode;\n};\n\nexport function FieldBlockHelpText({ children }: FieldBlockHelpTextProps) {\n  return <p className=\"text-caption text-muted-foreground\">{children}</p>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLabelProps = {\n  children: React.ReactNode;\n  name: string;\n  htmlFor?: string;\n  required?: boolean;\n  disabled?: boolean;\n  size?: 'default' | 'bigger';\n  className?: string;\n};\n\nexport function FieldBlockLabel({\n  children,\n  name,\n  htmlFor = `input-${name}`,\n  required,\n  disabled = false,\n  size = 'default',\n  className,\n}: FieldBlockLabelProps) {\n  return (\n    <label\n      htmlFor={htmlFor}\n      className={cn(\n        'inline-flex items-center text-label',\n        {\n          'text-body': size === 'bigger',\n          'text-foreground': !disabled,\n          'text-muted-foreground': disabled,\n        },\n        className,\n      )}\n    >\n      {children}\n      {required ? (\n        <>\n          <span aria-hidden className={cn('ml-0.5', disabled ? 'text-muted-foreground' : 'text-destructive')}>\n            *\n          </span>\n          <span className=\"sr-only\"> (required)</span>\n        </>\n      ) : null}\n    </label>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLayoutProps = {\n  children: React.ReactNode;\n  className?: string;\n  layout?: 'vertical' | 'horizontal';\n  // Optional prop to specify label column width in horizontal layout\n  labelColumnWidth?: string; // e.g., '150px' or '30%'\n};\n\nexport function FieldBlockLayout({\n  children,\n  className,\n  layout = 'vertical',\n  labelColumnWidth,\n}: FieldBlockLayoutProps) {\n  return (\n    <div\n      className={cn(\n        'relative grid gap-2 text-foreground',\n        {\n          'horizontal-field-block grid-cols-[auto_1fr] items-baseline': layout === 'horizontal',\n        },\n        className,\n      )}\n      style={\n        layout === 'horizontal' && labelColumnWidth ? { gridTemplateColumns: `${labelColumnWidth} 1fr` } : undefined\n      }\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\n\nexport type FieldBlockMessageProps = {\n  name: string;\n  helpText?: React.ReactNode;\n  errorMsg?: React.ReactNode;\n};\n\nexport function FieldBlockMessage({ name, helpText, errorMsg }: FieldBlockMessageProps) {\n  return (\n    <div className=\"h-[1lh] min-w-0 overflow-hidden text-caption [&>p]:truncate\">\n      {errorMsg ? (\n        <FieldBlockErrorMsg name={name} className=\"truncate\">\n          {errorMsg}\n        </FieldBlockErrorMsg>\n      ) : helpText ? (\n        <FieldBlockHelpText>{helpText}</FieldBlockHelpText>\n      ) : null}\n    </div>\n  );\n}\n","import { FieldBlockColumn } from './field-block-column';\nimport { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\nimport { FieldBlockLabel } from './field-block-label';\nimport { FieldBlockLayout } from './field-block-layout';\nimport { FieldBlockMessage } from './field-block-message';\n\nexport const FieldBlock = Object.assign(\n  {},\n  {\n    Layout: FieldBlockLayout,\n    Column: FieldBlockColumn,\n    Label: FieldBlockLabel,\n    HelpText: FieldBlockHelpText,\n    ErrorMsg: FieldBlockErrorMsg,\n    Message: FieldBlockMessage,\n  },\n);\n","/**\n * Id of the error message for a field, so a control can point at its message with\n * `aria-describedby`. Lives apart from the component file: exporting it alongside a\n * component breaks fast refresh.\n */\nexport const fieldErrorId = (name: string) => `error-${name}`;\n"],"names":["cn","jsx","jsxs","Fragment"],"mappings":"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"}

package/dist/field-error-id-DyWx33Fu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-error-id-DyWx33Fu.js","sources":["../src/ds/components/FormFieldBlocks/block/field-block-column.tsx","../src/ds/components/FormFieldBlocks/block/field-block-error-msg.tsx","../src/ds/components/FormFieldBlocks/block/field-block-help-text.tsx","../src/ds/components/FormFieldBlocks/block/field-block-label.tsx","../src/ds/components/FormFieldBlocks/block/field-block-layout.tsx","../src/ds/components/FormFieldBlocks/block/field-block-message.tsx","../src/ds/components/FormFieldBlocks/block/field-block.tsx","../src/ds/components/FormFieldBlocks/block/field-error-id.ts"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlockColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlockColumn({ children, className }: FieldBlockColumnProps) {\n  return <div className={cn('grid gap-2 text-foreground', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockErrorMsgProps = {\n  children?: React.ReactNode;\n  /**\n   * The field this message belongs to, matching the `name` given to `FieldBlock.Label`.\n   * Sets a stable `error-<name>` id so the control can point at it with\n   * `aria-describedby` and a screen reader reads the message with the field.\n   */\n  name?: string;\n  className?: string;\n};\n\nexport function FieldBlockErrorMsg({ children, name, className }: FieldBlockErrorMsgProps) {\n  return (\n    <p\n      // `role=\"alert\"` lives here rather than in a wrapper at every call site, so an\n      // error announces itself wherever it is used instead of depending on each caller\n      // remembering to wrap it.\n      role=\"alert\"\n      id={name !== undefined ? `error-${name}` : undefined}\n      className={cn('text-caption text-destructive', className)}\n    >\n      {children}\n    </p>\n  );\n}\n","export type FieldBlockHelpTextProps = {\n  children?: React.ReactNode;\n};\n\nexport function FieldBlockHelpText({ children }: FieldBlockHelpTextProps) {\n  return <p className=\"text-caption text-muted-foreground\">{children}</p>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLabelProps = {\n  children: React.ReactNode;\n  name: string;\n  htmlFor?: string;\n  required?: boolean;\n  disabled?: boolean;\n  size?: 'default' | 'bigger';\n  className?: string;\n};\n\nexport function FieldBlockLabel({\n  children,\n  name,\n  htmlFor = `input-${name}`,\n  required,\n  disabled = false,\n  size = 'default',\n  className,\n}: FieldBlockLabelProps) {\n  return (\n    <label\n      htmlFor={htmlFor}\n      className={cn(\n        'inline-flex items-center text-label',\n        {\n          'text-body': size === 'bigger',\n          'text-foreground': !disabled,\n          'text-muted-foreground': disabled,\n        },\n        className,\n      )}\n    >\n      {children}\n      {required ? (\n        <>\n          <span aria-hidden className={cn('ml-0.5', disabled ? 'text-muted-foreground' : 'text-destructive')}>\n            *\n          </span>\n          <span className=\"sr-only\"> (required)</span>\n        </>\n      ) : null}\n    </label>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLayoutProps = {\n  children: React.ReactNode;\n  className?: string;\n  layout?: 'vertical' | 'horizontal';\n  // Optional prop to specify label column width in horizontal layout\n  labelColumnWidth?: string; // e.g., '150px' or '30%'\n};\n\nexport function FieldBlockLayout({\n  children,\n  className,\n  layout = 'vertical',\n  labelColumnWidth,\n}: FieldBlockLayoutProps) {\n  return (\n    <div\n      className={cn(\n        'relative grid gap-2 text-foreground',\n        {\n          'horizontal-field-block grid-cols-[auto_1fr] items-baseline': layout === 'horizontal',\n        },\n        className,\n      )}\n      style={\n        layout === 'horizontal' && labelColumnWidth ? { gridTemplateColumns: `${labelColumnWidth} 1fr` } : undefined\n      }\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\n\nexport type FieldBlockMessageProps = {\n  name: string;\n  helpText?: React.ReactNode;\n  errorMsg?: React.ReactNode;\n};\n\nexport function FieldBlockMessage({ name, helpText, errorMsg }: FieldBlockMessageProps) {\n  return (\n    <div className=\"h-[1lh] min-w-0 overflow-hidden text-caption [&>p]:truncate\">\n      {errorMsg ? (\n        <FieldBlockErrorMsg name={name} className=\"truncate\">\n          {errorMsg}\n        </FieldBlockErrorMsg>\n      ) : helpText ? (\n        <FieldBlockHelpText>{helpText}</FieldBlockHelpText>\n      ) : null}\n    </div>\n  );\n}\n","import { FieldBlockColumn } from './field-block-column';\nimport { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\nimport { FieldBlockLabel } from './field-block-label';\nimport { FieldBlockLayout } from './field-block-layout';\nimport { FieldBlockMessage } from './field-block-message';\n\nexport const FieldBlock = Object.assign(\n  {},\n  {\n    Layout: FieldBlockLayout,\n    Column: FieldBlockColumn,\n    Label: FieldBlockLabel,\n    HelpText: FieldBlockHelpText,\n    ErrorMsg: FieldBlockErrorMsg,\n    Message: FieldBlockMessage,\n  },\n);\n","/**\n * Id of the error message for a field, so a control can point at its message with\n * `aria-describedby`. Lives apart from the component file: exporting it alongside a\n * component breaks fast refresh.\n */\nexport const fieldErrorId = (name: string) => `error-${name}`;\n"],"names":[],"mappings":";;;AAOO,SAAS,gBAAA,CAAiB,EAAE,QAAA,EAAU,SAAA,EAAU,EAA0B;AAC/E,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,4BAAA,EAA8B,SAAS,GAAI,QAAA,EAAS,CAAA;AAChF;;ACIO,SAAS,kBAAA,CAAmB,EAAE,QAAA,EAAU,IAAA,EAAM,WAAU,EAA4B;AACzF,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MAIC,IAAA,EAAK,OAAA;AAAA,MACL,EAAA,EAAI,IAAA,KAAS,MAAA,GAAY,CAAA,MAAA,EAAS,IAAI,CAAA,CAAA,GAAK,MAAA;AAAA,MAC3C,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,MAEvD;AAAA;AAAA,GACH;AAEJ;;ACtBO,SAAS,kBAAA,CAAmB,EAAE,QAAA,EAAS,EAA4B;AACxE,EAAA,uBAAO,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oCAAA,EAAsC,QAAA,EAAS,CAAA;AACrE;;ACMO,SAAS,eAAA,CAAgB;AAAA,EAC9B,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA,GAAU,SAAS,IAAI,CAAA,CAAA;AAAA,EACvB,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,GAAO,SAAA;AAAA,EACP;AACF,CAAA,EAAyB;AACvB,EAAA,uBACE,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,qCAAA;AAAA,QACA;AAAA,UACE,aAAa,IAAA,KAAS,QAAA;AAAA,UACtB,mBAAmB,CAAC,QAAA;AAAA,UACpB,uBAAA,EAAyB;AAAA,SAC3B;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,2BACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAW,IAAA,EAAC,SAAA,EAAW,EAAA,CAAG,UAAU,QAAA,GAAW,uBAAA,GAA0B,kBAAkB,CAAA,EAAG,QAAA,EAAA,GAAA,EAEpG,CAAA;AAAA,0BACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,aAAA,EAAW;AAAA,SAAA,EACvC,CAAA,GACE;AAAA;AAAA;AAAA,GACN;AAEJ;;ACnCO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT;AACF,CAAA,EAA0B;AACxB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,qCAAA;AAAA,QACA;AAAA,UACE,8DAA8D,MAAA,KAAW;AAAA,SAC3E;AAAA,QACA;AAAA,OACF;AAAA,MACA,KAAA,EACE,WAAW,YAAA,IAAgB,gBAAA,GAAmB,EAAE,mBAAA,EAAqB,CAAA,EAAG,gBAAgB,CAAA,IAAA,CAAA,EAAO,GAAI,MAAA;AAAA,MAGpG;AAAA;AAAA,GACH;AAEJ;;ACvBO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAM,QAAA,EAAU,UAAS,EAA2B;AACtF,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,6DAAA,EACZ,QAAA,EAAA,QAAA,uBACE,kBAAA,EAAA,EAAmB,IAAA,EAAY,SAAA,EAAU,UAAA,EACvC,oBACH,CAAA,GACE,QAAA,uBACD,kBAAA,EAAA,EAAoB,QAAA,EAAA,QAAA,EAAS,IAC5B,IAAA,EACN,CAAA;AAEJ;;ACdO,MAAM,aAAa,MAAA,CAAO,MAAA;AAAA,EAC/B,EAAC;AAAA,EACD;AAAA,IACE,MAAA,EAAQ,gBAAA;AAAA,IACR,MAAA,EAAQ,gBAAA;AAAA,IACR,KAAA,EAAO,eAAA;AAAA,IACP,QAAA,EAAU,kBAAA;AAAA,IACV,QAAA,EAAU,kBAAA;AAAA,IACV,OAAA,EAAS;AAAA;AAEb;;ACZO,MAAM,YAAA,GAAe,CAAC,IAAA,KAAiB,CAAA,MAAA,EAAS,IAAI,CAAA;;;;"}