@carto/ps-react-ui 4.9.1 → 4.11.0

package/dist/{data-zoom-layout-0QSptXG_.js → data-zoom-layout--YiY6ko_.js}

@@ -6,13 +6,14 @@ import "@mui/icons-material/ZoomIn";
 import "./lasso-tool-CDFj4zKY.js";
 import "./cjs-D4KH3azB.js";
 import "@mui/icons-material";
+import "@carto/ps-utils";
 import "./widget-context-DTGO0Yta.js";
 import "zustand";
 import "zustand/vanilla";
 import "zustand/middleware";
 import "zustand/react/shallow";
 import { Z as p } from "./transforms-Cdx4fkU5.js";
-function b(t, i) {
+function h(t, i) {
   return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => {
     if (r == null || typeof r != "object") return r;
     const o = r;
@@ -23,6 +24,6 @@ function b(t, i) {
   });
 }
 export {
-  b as p
+  h as p
 };
-//# sourceMappingURL=data-zoom-layout-0QSptXG_.js.map
+//# sourceMappingURL=data-zoom-layout--YiY6ko_.js.map

package/dist/{data-zoom-layout-0QSptXG_.js.map → data-zoom-layout--YiY6ko_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"data-zoom-layout-0QSptXG_.js","sources":["../src/widgets-v2/utils/data-zoom-layout.ts"],"sourcesContent":["import { ZOOM_LAYOUT } from '../actions/zoom-toggle'\n\n/**\n * If the option includes a `dataZoom` array (from ZoomToggle's transform),\n * lift any slider entries above the legend row so they don't overlap.\n * Returns `null` when there is no `dataZoom` — caller skips the layout\n * adjustment entirely.\n *\n * Shared between bar, histogram, and timeseries — every widget with a\n * horizontal x-axis dataZoom slider needs the same offset when a legend\n * is rendered below the plot.\n */\nexport function positionDataZoomForLegend(\n  dataZoom: unknown,\n  hasLegend: boolean,\n): unknown[] | null {\n  if (!Array.isArray(dataZoom) || dataZoom.length === 0) return null\n  return dataZoom.map((entry: unknown) => {\n    if (entry == null || typeof entry !== 'object') return entry\n    const dz = entry as { type?: string; bottom?: number }\n    if (dz.type === 'slider' && hasLegend) {\n      return { ...dz, bottom: ZOOM_LAYOUT.sliderBottomWithLegend }\n    }\n    return dz\n  })\n}\n"],"names":["positionDataZoomForLegend","dataZoom","hasLegend","Array","isArray","length","map","entry","dz","type","bottom","ZOOM_LAYOUT","sliderBottomWithLegend"],"mappings":";;;;;;;;;;;;;;AAYO,SAASA,EACdC,GACAC,GACkB;AAClB,SAAI,CAACC,MAAMC,QAAQH,CAAQ,KAAKA,EAASI,WAAW,IAAU,OACvDJ,EAASK,IAAI,CAACC,MAAmB;AACtC,QAAIA,KAAS,QAAQ,OAAOA,KAAU,SAAU,QAAOA;AACvD,UAAMC,IAAKD;AACX,WAAIC,EAAGC,SAAS,YAAYP,IACnB;AAAA,MAAE,GAAGM;AAAAA,MAAIE,QAAQC,EAAYC;AAAAA,IAAAA,IAE/BJ;AAAAA,EACT,CAAC;AACH;"}
+{"version":3,"file":"data-zoom-layout--YiY6ko_.js","sources":["../src/widgets-v2/utils/data-zoom-layout.ts"],"sourcesContent":["import { ZOOM_LAYOUT } from '../actions/zoom-toggle'\n\n/**\n * If the option includes a `dataZoom` array (from ZoomToggle's transform),\n * lift any slider entries above the legend row so they don't overlap.\n * Returns `null` when there is no `dataZoom` — caller skips the layout\n * adjustment entirely.\n *\n * Shared between bar, histogram, and timeseries — every widget with a\n * horizontal x-axis dataZoom slider needs the same offset when a legend\n * is rendered below the plot.\n */\nexport function positionDataZoomForLegend(\n  dataZoom: unknown,\n  hasLegend: boolean,\n): unknown[] | null {\n  if (!Array.isArray(dataZoom) || dataZoom.length === 0) return null\n  return dataZoom.map((entry: unknown) => {\n    if (entry == null || typeof entry !== 'object') return entry\n    const dz = entry as { type?: string; bottom?: number }\n    if (dz.type === 'slider' && hasLegend) {\n      return { ...dz, bottom: ZOOM_LAYOUT.sliderBottomWithLegend }\n    }\n    return dz\n  })\n}\n"],"names":["positionDataZoomForLegend","dataZoom","hasLegend","Array","isArray","length","map","entry","dz","type","bottom","ZOOM_LAYOUT","sliderBottomWithLegend"],"mappings":";;;;;;;;;;;;;;;AAYO,SAASA,EACdC,GACAC,GACkB;AAClB,SAAI,CAACC,MAAMC,QAAQH,CAAQ,KAAKA,EAASI,WAAW,IAAU,OACvDJ,EAASK,IAAI,CAACC,MAAmB;AACtC,QAAIA,KAAS,QAAQ,OAAOA,KAAU,SAAU,QAAOA;AACvD,UAAMC,IAAKD;AACX,WAAIC,EAAGC,SAAS,YAAYP,IACnB;AAAA,MAAE,GAAGM;AAAAA,MAAIE,QAAQC,EAAYC;AAAAA,IAAAA,IAE/BJ;AAAAA,EACT,CAAC;AACH;"}

package/dist/{download-config-CzmjOT2T.js → download-config-oJIFZ2WC.js}

@@ -8,11 +8,12 @@ import "react";
 import { d as n, a as s } from "./exports-Cr43OCul.js";
 import "./lasso-tool-CDFj4zKY.js";
 import "./cjs-D4KH3azB.js";
+import "@carto/ps-utils";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "@dnd-kit/utilities";
 import "react-dom";
-function T(r) {
+function b(r) {
   const o = [];
   if (r.length > 0 && (r[0]?.length ?? 0) > 0) {
     const i = r?.[0]?.[0] ?? {}, t = Object.keys(i);
@@ -20,12 +21,12 @@ function T(r) {
   }
   return r.forEach((i) => {
     i.forEach((t) => {
-      const e = Object.values(t).map((c) => String(c));
+      const e = Object.values(t).map((p) => String(p));
       o.push(e);
     });
   }), o;
 }
-function b(r) {
+function j(r) {
   const o = [];
   return o.push(["x", "y"]), r.forEach((i) => {
     i.forEach((t) => {
@@ -33,7 +34,7 @@ function b(r) {
     });
   }), o;
 }
-function j(r) {
+function D(r) {
   return function({
     refUI: o
   }) {
@@ -50,8 +51,8 @@ function j(r) {
   };
 }
 export {
-  j as c,
-  T as f,
-  b as s
+  D as c,
+  b as f,
+  j as s
 };
-//# sourceMappingURL=download-config-CzmjOT2T.js.map
+//# sourceMappingURL=download-config-oJIFZ2WC.js.map

package/dist/{download-config-CzmjOT2T.js.map → download-config-oJIFZ2WC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"download-config-CzmjOT2T.js","sources":["../src/widgets/utils/chart-config/csv-modifiers.ts","../src/widgets/utils/chart-config/download-config.ts"],"sourcesContent":["/**\n * Shared CSV export modifiers for chart widgets\n */\n\n/**\n * Flattens object array data into CSV-ready rows.\n * Used by bar, pie, histogram, and timeseries widgets.\n *\n * @param data - Array of series, where each series is an array of data objects\n * @returns CSV rows with headers and values\n */\nexport function flattenObjectArrayToCSV<T extends Record<string, unknown>>(\n  data: T[][],\n): string[][] {\n  const rows: string[][] = []\n\n  // Add headers from first data point if available\n  if (data.length > 0 && (data[0]?.length ?? 0) > 0) {\n    const firstDataPoint = data?.[0]?.[0] ?? {}\n    const headers = Object.keys(firstDataPoint)\n    rows.push(headers)\n  }\n\n  // Add data rows from all series\n  data.forEach((series) => {\n    series.forEach((dataPoint) => {\n      const values = Object.values(dataPoint).map((v) => String(v))\n      rows.push(values)\n    })\n  })\n\n  return rows\n}\n\n/**\n * Creates CSV rows for scatterplot data.\n * Scatterplot uses array format [x, y] instead of objects.\n *\n * @param data - Array of series, where each series is an array of [x, y] tuples\n * @returns CSV rows with ['x', 'y'] headers\n */\nexport function scatterplotDataToCSV(data: number[][][]): string[][] {\n  const rows: string[][] = []\n\n  // Add headers\n  rows.push(['x', 'y'])\n\n  // Add data rows from all series\n  data.forEach((series) => {\n    series.forEach((dataPoint) => {\n      rows.push([String(dataPoint[0]), String(dataPoint[1])])\n    })\n  })\n\n  return rows\n}\n","import { downloadToCSV, downloadToPNG, type DownloadItem } from '../../actions'\nimport type { ConfigProps } from '../../loader/types'\n\nexport function createChartDownloadConfig<TData>(\n  csvModifier: (data: TData) => string[][],\n) {\n  return function ({ refUI }: ConfigProps): DownloadItem<TData>[] {\n    return [\n      {\n        ...downloadToPNG,\n        modifier: () => downloadToPNG.modifier(refUI),\n      },\n      {\n        ...downloadToCSV,\n        modifier: async (data) => {\n          const rows = csvModifier(data)\n          return downloadToCSV.modifier(rows)\n        },\n      },\n    ]\n  }\n}\n"],"names":["flattenObjectArrayToCSV","data","rows","length","firstDataPoint","headers","Object","keys","push","forEach","series","dataPoint","values","map","v","String","scatterplotDataToCSV","createChartDownloadConfig","csvModifier","refUI","downloadToPNG","modifier","downloadToCSV"],"mappings":";;;;;;;;;;;;;;AAWO,SAASA,EACdC,GACY;AACZ,QAAMC,IAAmB,CAAA;AAGzB,MAAID,EAAKE,SAAS,MAAMF,EAAK,CAAC,GAAGE,UAAU,KAAK,GAAG;AACjD,UAAMC,IAAiBH,IAAO,CAAC,IAAI,CAAC,KAAK,CAAA,GACnCI,IAAUC,OAAOC,KAAKH,CAAc;AAC1CF,IAAAA,EAAKM,KAAKH,CAAO;AAAA,EACnB;AAGAJ,SAAAA,EAAKQ,QAASC,CAAAA,MAAW;AACvBA,IAAAA,EAAOD,QAASE,CAAAA,MAAc;AAC5B,YAAMC,IAASN,OAAOM,OAAOD,CAAS,EAAEE,IAAKC,CAAAA,MAAMC,OAAOD,CAAC,CAAC;AAC5DZ,MAAAA,EAAKM,KAAKI,CAAM;AAAA,IAClB,CAAC;AAAA,EACH,CAAC,GAEMV;AACT;AASO,SAASc,EAAqBf,GAAgC;AACnE,QAAMC,IAAmB,CAAA;AAGzBA,SAAAA,EAAKM,KAAK,CAAC,KAAK,GAAG,CAAC,GAGpBP,EAAKQ,QAASC,CAAAA,MAAW;AACvBA,IAAAA,EAAOD,QAASE,CAAAA,MAAc;AAC5BT,MAAAA,EAAKM,KAAK,CAACO,OAAOJ,EAAU,CAAC,CAAC,GAAGI,OAAOJ,EAAU,CAAC,CAAC,CAAC,CAAC;AAAA,IACxD,CAAC;AAAA,EACH,CAAC,GAEMT;AACT;ACpDO,SAASe,EACdC,GACA;AACA,SAAO,SAAU;AAAA,IAAEC,OAAAA;AAAAA,EAAAA,GAA6C;AAC9D,WAAO,CACL;AAAA,MACE,GAAGC;AAAAA,MACHC,UAAUA,MAAMD,EAAcC,SAASF,CAAK;AAAA,IAAA,GAE9C;AAAA,MACE,GAAGG;AAAAA,MACHD,UAAU,OAAOpB,MAAS;AACxB,cAAMC,IAAOgB,EAAYjB,CAAI;AAC7B,eAAOqB,EAAcD,SAASnB,CAAI;AAAA,MACpC;AAAA,IAAA,CACD;AAAA,EAEL;AACF;"}
+{"version":3,"file":"download-config-oJIFZ2WC.js","sources":["../src/widgets/utils/chart-config/csv-modifiers.ts","../src/widgets/utils/chart-config/download-config.ts"],"sourcesContent":["/**\n * Shared CSV export modifiers for chart widgets\n */\n\n/**\n * Flattens object array data into CSV-ready rows.\n * Used by bar, pie, histogram, and timeseries widgets.\n *\n * @param data - Array of series, where each series is an array of data objects\n * @returns CSV rows with headers and values\n */\nexport function flattenObjectArrayToCSV<T extends Record<string, unknown>>(\n  data: T[][],\n): string[][] {\n  const rows: string[][] = []\n\n  // Add headers from first data point if available\n  if (data.length > 0 && (data[0]?.length ?? 0) > 0) {\n    const firstDataPoint = data?.[0]?.[0] ?? {}\n    const headers = Object.keys(firstDataPoint)\n    rows.push(headers)\n  }\n\n  // Add data rows from all series\n  data.forEach((series) => {\n    series.forEach((dataPoint) => {\n      const values = Object.values(dataPoint).map((v) => String(v))\n      rows.push(values)\n    })\n  })\n\n  return rows\n}\n\n/**\n * Creates CSV rows for scatterplot data.\n * Scatterplot uses array format [x, y] instead of objects.\n *\n * @param data - Array of series, where each series is an array of [x, y] tuples\n * @returns CSV rows with ['x', 'y'] headers\n */\nexport function scatterplotDataToCSV(data: number[][][]): string[][] {\n  const rows: string[][] = []\n\n  // Add headers\n  rows.push(['x', 'y'])\n\n  // Add data rows from all series\n  data.forEach((series) => {\n    series.forEach((dataPoint) => {\n      rows.push([String(dataPoint[0]), String(dataPoint[1])])\n    })\n  })\n\n  return rows\n}\n","import { downloadToCSV, downloadToPNG, type DownloadItem } from '../../actions'\nimport type { ConfigProps } from '../../loader/types'\n\nexport function createChartDownloadConfig<TData>(\n  csvModifier: (data: TData) => string[][],\n) {\n  return function ({ refUI }: ConfigProps): DownloadItem<TData>[] {\n    return [\n      {\n        ...downloadToPNG,\n        modifier: () => downloadToPNG.modifier(refUI),\n      },\n      {\n        ...downloadToCSV,\n        modifier: async (data) => {\n          const rows = csvModifier(data)\n          return downloadToCSV.modifier(rows)\n        },\n      },\n    ]\n  }\n}\n"],"names":["flattenObjectArrayToCSV","data","rows","length","firstDataPoint","headers","Object","keys","push","forEach","series","dataPoint","values","map","v","String","scatterplotDataToCSV","createChartDownloadConfig","csvModifier","refUI","downloadToPNG","modifier","downloadToCSV"],"mappings":";;;;;;;;;;;;;;;AAWO,SAASA,EACdC,GACY;AACZ,QAAMC,IAAmB,CAAA;AAGzB,MAAID,EAAKE,SAAS,MAAMF,EAAK,CAAC,GAAGE,UAAU,KAAK,GAAG;AACjD,UAAMC,IAAiBH,IAAO,CAAC,IAAI,CAAC,KAAK,CAAA,GACnCI,IAAUC,OAAOC,KAAKH,CAAc;AAC1CF,IAAAA,EAAKM,KAAKH,CAAO;AAAA,EACnB;AAGAJ,SAAAA,EAAKQ,QAASC,CAAAA,MAAW;AACvBA,IAAAA,EAAOD,QAASE,CAAAA,MAAc;AAC5B,YAAMC,IAASN,OAAOM,OAAOD,CAAS,EAAEE,IAAKC,CAAAA,MAAMC,OAAOD,CAAC,CAAC;AAC5DZ,MAAAA,EAAKM,KAAKI,CAAM;AAAA,IAClB,CAAC;AAAA,EACH,CAAC,GAEMV;AACT;AASO,SAASc,EAAqBf,GAAgC;AACnE,QAAMC,IAAmB,CAAA;AAGzBA,SAAAA,EAAKM,KAAK,CAAC,KAAK,GAAG,CAAC,GAGpBP,EAAKQ,QAASC,CAAAA,MAAW;AACvBA,IAAAA,EAAOD,QAASE,CAAAA,MAAc;AAC5BT,MAAAA,EAAKM,KAAK,CAACO,OAAOJ,EAAU,CAAC,CAAC,GAAGI,OAAOJ,EAAU,CAAC,CAAC,CAAC,CAAC;AAAA,IACxD,CAAC;AAAA,EACH,CAAC,GAEMT;AACT;ACpDO,SAASe,EACdC,GACA;AACA,SAAO,SAAU;AAAA,IAAEC,OAAAA;AAAAA,EAAAA,GAA6C;AAC9D,WAAO,CACL;AAAA,MACE,GAAGC;AAAAA,MACHC,UAAUA,MAAMD,EAAcC,SAASF,CAAK;AAAA,IAAA,GAE9C;AAAA,MACE,GAAGG;AAAAA,MACHD,UAAU,OAAOpB,MAAS;AACxB,cAAMC,IAAOgB,EAAYjB,CAAI;AAC7B,eAAOqB,EAAcD,SAASnB,CAAI;AAAA,MACpC;AAAA,IAAA,CACD;AAAA,EAEL;AACF;"}

package/dist/{spread-Y9R1f5dm.js → spread-CPis22AE.js}

@@ -13,6 +13,7 @@ import "@mui/icons-material/FileDownload";
 import "./lasso-tool-CDFj4zKY.js";
 import "./cjs-D4KH3azB.js";
 import "@mui/icons-material";
+import "@carto/ps-utils";
 import "html2canvas";
 import "@mui/icons-material/ImageOutlined";
 function w() {
@@ -54,14 +55,14 @@ const A = Object.freeze([]), I = (o) => ({
   data: o.data ?? A,
   formatter: o.formatter
 });
-function F() {
+function G() {
   const o = x(3), r = S(), t = $(r, I);
   let a;
   return o[0] !== t.data || o[1] !== t.formatter ? (a = /* @__PURE__ */ s(y, { items: t.data, formatter: t.formatter }), o[0] = t.data, o[1] = t.formatter, o[2] = a) : a = o[2], a;
 }
 export {
   w as S,
-  F as a,
+  G as a,
   y as b
 };
-//# sourceMappingURL=spread-Y9R1f5dm.js.map
+//# sourceMappingURL=spread-CPis22AE.js.map

package/dist/{spread-Y9R1f5dm.js.map → spread-CPis22AE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"spread-Y9R1f5dm.js","sources":["../src/widgets-v2/spread/separator.tsx","../src/widgets-v2/spread/spread-ui.tsx","../src/widgets-v2/spread/spread.tsx"],"sourcesContent":["import { Value } from '../formula'\n\n/**\n * Em-dash separator placed between a Spread row's `min` and `max` values.\n * Built from the Formula {@link Value} primitive so typography (h5/600,\n * baseline alignment) matches the numbers around it. Renders with\n * `text.secondary` so it visually recedes between the two bounds.\n */\nexport function Separator() {\n  return <Value color='inherit'>-</Value>\n}\n","import { Box } from '@mui/material'\nimport type { Ref } from 'react'\nimport { Note, Prefix, Series, Suffix, Value } from '../formula'\nimport { styles } from '../formula/style'\nimport { Separator } from './separator'\nimport type { SpreadDataItem } from './types'\n\nexport interface SpreadUIProps {\n  items: readonly SpreadDataItem[]\n  /** Number formatter — applied to each item's `min` and `max`. */\n  formatter?: (value: number) => string\n  /** Forwarded to the root `<Box>` so consumers can capture the DOM (PNG export). */\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * Pure presentational component for the Spread widget. Each item renders as\n * a row containing (in order): optional `Series` avatar, a body with\n * `[prefix] min — max [suffix]` plus optional `Note`. Reuses the Formula\n * primitives ({@link Series}, {@link Prefix}, {@link Value}, {@link Suffix},\n * {@link Note}) and the Formula row styles so Spread and Formula stay\n * visually aligned when used together.\n */\nexport function SpreadUI({ items, formatter, ref }: SpreadUIProps) {\n  const fmt = formatter ?? ((n: number) => String(n))\n  return (\n    <Box ref={ref} sx={styles.root}>\n      {items.map((item, i) => (\n        // Composite of series name + min/max bounds for stability across\n        // reorders; falls back to the index when bounds happen to collide.\n        <Box\n          key={`spread-${item.series?.name ?? ''}-${item.min}-${item.max}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>{fmt(item.min)}</Value>\n              <Separator />\n              <Value color={item.color}>{fmt(item.max)}</Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n","import { useWidgetId, useWidgetShallow } from '../stores'\nimport { SpreadUI } from './spread-ui'\nimport type { SpreadWidgetData } from './types'\n\ninterface SpreadSlice {\n  data: SpreadWidgetData\n  formatter?: (value: number) => string\n}\n\n// Stable empty-data sentinel — keeps the slice's `data` reference stable\n// when the underlying store value is null/undefined so the shallow-equality\n// gate in `useWidgetShallow` doesn't re-render every commit.\nconst EMPTY_DATA: SpreadWidgetData = Object.freeze([]) as SpreadWidgetData\n\nconst spreadSelector = (s: {\n  data: unknown\n  formatter?: (value: number) => string\n}): SpreadSlice => ({\n  data: (s.data ?? EMPTY_DATA) as SpreadWidgetData,\n  formatter: s.formatter,\n})\n\n/**\n * Stateful Spread bridge — reads `data` (post-pipeline) and `formatter` from\n * the per-widget store and forwards them to the pure {@link SpreadUI}.\n */\nexport function Spread() {\n  const id = useWidgetId()\n  const slice = useWidgetShallow(id, spreadSelector)\n  return <SpreadUI items={slice.data} formatter={slice.formatter} />\n}\n"],"names":["Separator","$","_c","t0","Symbol","for","jsx","Value","SpreadUI","items","formatter","ref","fmt","_temp","t1","t2","item","i","Box","styles","row","series","Series","name","color","jsxs","body","valueRow","prefix","Prefix","min","max","suffix","Suffix","note","Note","map","root","n","String","EMPTY_DATA","Object","freeze","spreadSelector","s","data","Spread","id","useWidgetId","slice","useWidgetShallow"],"mappings":"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"}
+{"version":3,"file":"spread-CPis22AE.js","sources":["../src/widgets-v2/spread/separator.tsx","../src/widgets-v2/spread/spread-ui.tsx","../src/widgets-v2/spread/spread.tsx"],"sourcesContent":["import { Value } from '../formula'\n\n/**\n * Em-dash separator placed between a Spread row's `min` and `max` values.\n * Built from the Formula {@link Value} primitive so typography (h5/600,\n * baseline alignment) matches the numbers around it. Renders with\n * `text.secondary` so it visually recedes between the two bounds.\n */\nexport function Separator() {\n  return <Value color='inherit'>-</Value>\n}\n","import { Box } from '@mui/material'\nimport type { Ref } from 'react'\nimport { Note, Prefix, Series, Suffix, Value } from '../formula'\nimport { styles } from '../formula/style'\nimport { Separator } from './separator'\nimport type { SpreadDataItem } from './types'\n\nexport interface SpreadUIProps {\n  items: readonly SpreadDataItem[]\n  /** Number formatter — applied to each item's `min` and `max`. */\n  formatter?: (value: number) => string\n  /** Forwarded to the root `<Box>` so consumers can capture the DOM (PNG export). */\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * Pure presentational component for the Spread widget. Each item renders as\n * a row containing (in order): optional `Series` avatar, a body with\n * `[prefix] min — max [suffix]` plus optional `Note`. Reuses the Formula\n * primitives ({@link Series}, {@link Prefix}, {@link Value}, {@link Suffix},\n * {@link Note}) and the Formula row styles so Spread and Formula stay\n * visually aligned when used together.\n */\nexport function SpreadUI({ items, formatter, ref }: SpreadUIProps) {\n  const fmt = formatter ?? ((n: number) => String(n))\n  return (\n    <Box ref={ref} sx={styles.root}>\n      {items.map((item, i) => (\n        // Composite of series name + min/max bounds for stability across\n        // reorders; falls back to the index when bounds happen to collide.\n        <Box\n          key={`spread-${item.series?.name ?? ''}-${item.min}-${item.max}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>{fmt(item.min)}</Value>\n              <Separator />\n              <Value color={item.color}>{fmt(item.max)}</Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n","import { useWidgetId, useWidgetShallow } from '../stores'\nimport { SpreadUI } from './spread-ui'\nimport type { SpreadWidgetData } from './types'\n\ninterface SpreadSlice {\n  data: SpreadWidgetData\n  formatter?: (value: number) => string\n}\n\n// Stable empty-data sentinel — keeps the slice's `data` reference stable\n// when the underlying store value is null/undefined so the shallow-equality\n// gate in `useWidgetShallow` doesn't re-render every commit.\nconst EMPTY_DATA: SpreadWidgetData = Object.freeze([]) as SpreadWidgetData\n\nconst spreadSelector = (s: {\n  data: unknown\n  formatter?: (value: number) => string\n}): SpreadSlice => ({\n  data: (s.data ?? EMPTY_DATA) as SpreadWidgetData,\n  formatter: s.formatter,\n})\n\n/**\n * Stateful Spread bridge — reads `data` (post-pipeline) and `formatter` from\n * the per-widget store and forwards them to the pure {@link SpreadUI}.\n */\nexport function Spread() {\n  const id = useWidgetId()\n  const slice = useWidgetShallow(id, spreadSelector)\n  return <SpreadUI items={slice.data} formatter={slice.formatter} />\n}\n"],"names":["Separator","$","_c","t0","Symbol","for","jsx","Value","SpreadUI","items","formatter","ref","fmt","_temp","t1","t2","item","i","Box","styles","row","series","Series","name","color","jsxs","body","valueRow","prefix","Prefix","min","max","suffix","Suffix","note","Note","map","root","n","String","EMPTY_DATA","Object","freeze","spreadSelector","s","data","Spread","id","useWidgetId","slice","useWidgetShallow"],"mappings":"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"}

package/dist/types/chat/bubbles/chat-error-message.d.ts

@@ -0,0 +1,2 @@
+import { ChatErrorMessageProps } from '../types';
+export declare function ChatErrorMessage({ errors, icon, actions, sx, }: ChatErrorMessageProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/bubbles/chat-suggestion-button.d.ts

@@ -0,0 +1,2 @@
+import { ChatSuggestionButtonProps } from '../types';
+export declare function ChatSuggestionButton({ label, color, sx, ...props }: ChatSuggestionButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/bubbles/chat-user-message.d.ts

@@ -0,0 +1,2 @@
+import { ChatUserMessageProps } from '../types';
+export declare function ChatUserMessage({ children, muted, topContext, sx, }: ChatUserMessageProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/bubbles/index.d.ts

@@ -0,0 +1,4 @@
+export { ChatUserMessage } from './chat-user-message';
+export { ChatAgentMessage } from './chat-agent-message';
+export { ChatErrorMessage } from './chat-error-message';
+export { ChatSuggestionButton } from './chat-suggestion-button';

package/dist/types/chat/const.d.ts

@@ -0,0 +1,4 @@
+export declare const CHAT_MAX_WIDTH = 768;
+export declare const CHAT_SCROLL_DELAY = 300;
+export declare const CHAT_DIVIDER_DELAY = 100;
+export declare const CHAT_TOOL_CODE_AREA_MAX_HEIGHT = 126;

package/dist/types/chat/containers/chat-content.d.ts

@@ -0,0 +1,2 @@
+import { ChatContentProps, ChatContentRef } from '../types';
+export declare const ChatContent: import('react').ForwardRefExoticComponent<ChatContentProps & import('react').RefAttributes<ChatContentRef>>;

package/dist/types/chat/containers/chat-footer.d.ts

@@ -0,0 +1,2 @@
+import { ChatFooterProps } from '../types';
+export declare function ChatFooter({ value, onChange, onSend, onStop, isGenerating, disabled, placeholder, labels, caption, sx, }: ChatFooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/containers/chat-header.d.ts

@@ -0,0 +1,2 @@
+import { ChatHeaderProps } from '../types';
+export declare function ChatHeader({ leftSlot, title, rightSlot, onClose, sx, }: ChatHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/containers/chat-starter.d.ts

@@ -0,0 +1,2 @@
+import { ChatStarterProps } from '../types';
+export declare function ChatStarter({ icon, title, description, items, size, onSelect, sx, }: ChatStarterProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/containers/index.d.ts

@@ -0,0 +1,4 @@
+export { ChatContent } from './chat-content';
+export { ChatHeader } from './chat-header';
+export { ChatFooter } from './chat-footer';
+export { ChatStarter } from './chat-starter';

package/dist/types/chat/containers/styles.d.ts

@@ -0,0 +1,93 @@
+import { Theme } from '@mui/material';
+export declare const styles: {
+    header: {
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "space-between";
+        padding: ({ spacing }: Theme) => string;
+    };
+    headerTitle: {
+        flexGrow: number;
+        px: ({ spacing }: Theme) => string;
+    };
+    headerActions: {
+        display: "flex";
+        alignItems: "center";
+        marginLeft: ({ spacing }: Theme) => string;
+        gap: ({ spacing }: Theme) => string;
+    };
+    footerWrapper: {
+        padding: ({ spacing }: Theme) => string;
+        position: "relative";
+    };
+    footerCorner: {
+        position: "absolute";
+        bottom: string;
+        right: string;
+        margin: string;
+    };
+    footer: {
+        maxWidth: number;
+        margin: string;
+        '&.MuiFilledInput-root.MuiInputBase-multiline.MuiInputBase-sizeSmall textarea': {
+            resize: "none";
+            maxHeight: string;
+            overflowY: "auto !important";
+            paddingRight: ({ spacing }: Theme) => string;
+        };
+    };
+    footerCaption: {
+        textAlign: "center";
+    };
+    content: {
+        overflowY: "auto";
+        flex: number;
+        position: "relative";
+        mx: string;
+        maxWidth: number;
+        width: string;
+        maxHeight: string;
+        pt: number;
+        pb: number;
+        px: number;
+        display: "flex";
+        flexDirection: "column";
+        borderTopWidth: string;
+        borderTopStyle: "solid";
+        borderBottomWidth: string;
+        borderBottomStyle: "solid";
+    };
+    sentinel: {
+        height: string;
+        flexShrink: number;
+    };
+    jumpToLatestWrapper: {
+        position: "sticky";
+        bottom: ({ spacing }: Theme) => string;
+        height: number;
+        display: "flex";
+        justifyContent: "center";
+        zIndex: number;
+    };
+    jumpToLatest: {
+        transition: "opacity 0.2s";
+    };
+    starter: {
+        display: "flex";
+        flexDirection: "column";
+        alignItems: "center";
+        justifyContent: "center";
+        padding: ({ spacing }: Theme) => string;
+        textAlign: "center";
+        maxWidth: number;
+        margin: string;
+    };
+    starterItems: {
+        display: "grid";
+        width: string;
+        marginTop: ({ spacing }: Theme) => string;
+    };
+    starterItemsTwoCol: {
+        gridTemplateColumns: string;
+    };
+};

package/dist/types/chat/feedback/chat-loader.d.ts

@@ -0,0 +1,2 @@
+import { ChatLoaderProps } from '../types';
+export declare function ChatLoader({ size, labels, sx }: ChatLoaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/feedback/chat-rating-action.d.ts

@@ -0,0 +1,2 @@
+import { ChatRatingActionProps } from '../types';
+export declare function ChatRatingAction({ rating, onRatingChange, labels, }: ChatRatingActionProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/feedback/chat-thinking.d.ts

@@ -0,0 +1,2 @@
+import { ChatThinkingProps } from '../types';
+export declare function ChatThinking({ children, duration, sx, }: ChatThinkingProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/feedback/chat-tool-code-area.d.ts

@@ -0,0 +1,2 @@
+import { ChatToolCodeAreaProps } from '../types';
+export declare function ChatToolCodeArea({ content, title, isError, labels, sx, }: ChatToolCodeAreaProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/feedback/chat-tool-full-view-dialog.d.ts

@@ -0,0 +1,2 @@
+import { ChatToolFullViewDialogProps } from '../types';
+export declare function ChatToolFullViewDialog({ open, onClose, title, content, }: ChatToolFullViewDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/feedback/chat-tool-group.d.ts

@@ -0,0 +1,2 @@
+import { ChatToolGroupProps } from '../types';
+export declare function ChatToolGroup({ tools, expanded: _expanded, onExpandedChange: _setExpanded, expandedTools: _expandedTools, onToolExpandedChange: _setExpandedTools, labels, sx, }: ChatToolGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/feedback/chat-tool-trace.d.ts

@@ -0,0 +1,3 @@
+import { ChatToolTraceProps } from '../types';
+export declare function ChatToolTraceDetails({ tool, labels, }: Pick<ChatToolTraceProps, 'tool' | 'labels'>): import("react/jsx-runtime").JSX.Element;
+export declare function ChatToolTrace({ tool, expanded, onExpandedChange, labels, sx, }: ChatToolTraceProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/feedback/get-tool-label.d.ts

@@ -0,0 +1,2 @@
+import { ChatToolItem } from '../types';
+export declare function getToolLabel(tool: ChatToolItem): string;

package/dist/types/chat/feedback/index.d.ts

@@ -0,0 +1,8 @@
+export { ChatThinking } from './chat-thinking';
+export { ChatLoader } from './chat-loader';
+export { ChatActionsContainer } from './chat-actions-container';
+export { ChatRatingAction } from './chat-rating-action';
+export { ChatToolTrace } from './chat-tool-trace';
+export { ChatToolCodeArea } from './chat-tool-code-area';
+export { ChatToolFullViewDialog } from './chat-tool-full-view-dialog';
+export { ChatToolGroup } from './chat-tool-group';

package/dist/types/chat/feedback/styles.d.ts

@@ -0,0 +1,211 @@
+import { Theme } from '@mui/material';
+export declare const styles: {
+    thinking: {
+        display: "flex";
+        alignItems: "center";
+        minHeight: ({ spacing }: Theme) => string;
+        background: ({ palette }: Theme) => string;
+        backgroundSize: string;
+        backgroundClip: "text";
+        WebkitBackgroundClip: "text";
+        WebkitTextFillColor: "transparent";
+        animation: `${{
+            name: string;
+            styles: string;
+            anim: 1;
+            toString: () => string;
+        } & string} 2s ease-in-out infinite`;
+        animationDuration: "2s";
+    };
+    loader: {
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+        position: "relative";
+        p: number;
+    };
+    loaderOuterCircle: {
+        position: "absolute";
+        inset: number;
+        margin: string;
+        borderRadius: string;
+        backgroundColor: ({ palette }: Theme) => string;
+        animation: `${{
+            name: string;
+            styles: string;
+            anim: 1;
+            toString: () => string;
+        } & string} 1s ease-in-out infinite`;
+    };
+    loaderInnerCircle: {
+        position: "absolute";
+        inset: number;
+        margin: string;
+        borderRadius: string;
+        backgroundColor: ({ palette }: Theme) => string;
+        animation: `${{
+            name: string;
+            styles: string;
+            anim: 1;
+            toString: () => string;
+        } & string} 1s ease-in-out infinite`;
+    };
+    traceHeader: {
+        display: "flex";
+        alignItems: "center";
+        padding: number;
+        paddingLeft: ({ spacing }: Theme) => string;
+        borderRadius: ({ spacing }: Theme) => string;
+        width: string;
+        color: ({ palette }: Theme) => string;
+        '&:hover': {
+            backgroundColor: ({ palette }: Theme) => string;
+        };
+    };
+    traceChevron: {
+        color: ({ palette }: Theme) => string;
+        transition: "transform 0.2s";
+    };
+    traceDetailsWrapper: {
+        marginTop: ({ spacing }: Theme) => string;
+        padding: ({ spacing }: Theme) => string;
+        border: "1px solid";
+        borderColor: "divider";
+        borderRadius: ({ spacing }: Theme) => string;
+    };
+    traceField: {
+        display: "flex";
+        alignItems: "flex-start";
+        gap: ({ spacing }: Theme) => string;
+    };
+    traceFieldLabel: {
+        flexShrink: number;
+    };
+    traceReference: {
+        display: "flex";
+        borderRadius: ({ spacing }: Theme) => string;
+        padding: ({ spacing }: Theme) => string;
+        gap: ({ spacing }: Theme) => string;
+        backgroundColor: ({ palette }: Theme) => string;
+        color: ({ palette }: Theme) => string;
+    };
+    traceStatusSuccess: {
+        color: ({ palette }: Theme) => string;
+    };
+    traceStatusError: {
+        color: ({ palette }: Theme) => string;
+    };
+    codeArea: {
+        position: "relative";
+        width: string;
+    };
+    codeAreaPre: {
+        margin: number;
+        padding: ({ spacing }: Theme) => string;
+        borderRadius: ({ spacing }: Theme) => string;
+        backgroundColor: ({ palette }: Theme) => string;
+        fontSize: string;
+        fontFamily: "monospace";
+        whiteSpace: "pre-wrap";
+        wordBreak: "break-word";
+        overflowY: "auto";
+    };
+    codeAreaPreError: {
+        borderLeft: ({ palette }: Theme) => string;
+        backgroundColor: ({ palette }: Theme) => string;
+    };
+    codeAreaFullViewButton: {
+        position: "absolute";
+        top: ({ spacing }: Theme) => string;
+        right: ({ spacing }: Theme) => string;
+    };
+    fullViewDialog: {
+        margin: ({ spacing }: Theme) => string;
+    };
+    fullViewPaper: {
+        borderRadius: number;
+    };
+    fullViewTitle: {
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "space-between";
+        padding: ({ spacing }: Theme) => string;
+        borderBottom: string;
+        borderBottomColor: "divider";
+    };
+    fullViewDialogContent: {
+        padding: number;
+        '&:first-of-type': {
+            paddingTop: number;
+        };
+    };
+    fullViewPre: {
+        margin: number;
+        padding: ({ spacing }: Theme) => string;
+        background: ({ palette, spacing }: Theme) => string;
+        fontFamily: "monospace";
+        fontSize: string;
+        whiteSpace: "pre-wrap";
+        wordBreak: "break-word";
+        lineHeight: number;
+        counterReset: "line";
+    };
+    fullViewLine: {
+        display: "block";
+        '&::before': {
+            counterIncrement: "line";
+            content: "counter(line)";
+            display: "inline-block";
+            width: string;
+            marginRight: string;
+            textAlign: "right";
+            color: ({ palette }: Theme) => string;
+            userSelect: "none";
+        };
+    };
+    groupHeader: {
+        textAlign: "left";
+        display: "flex";
+        alignItems: "center";
+        borderRadius: number;
+        gap: ({ spacing }: Theme) => string;
+    };
+    errorBadge: {
+        color: ({ palette }: Theme) => string;
+        fontWeight: number;
+        display: "flex";
+        alignItems: "center";
+        gap: ({ spacing }: Theme) => string;
+    };
+    syntaxToken_key: {
+        color: "#881280";
+    };
+    syntaxToken_string: {
+        color: "#c41a16";
+    };
+    syntaxToken_number: {
+        color: "#1c00cf";
+    };
+    syntaxToken_boolean: {
+        color: "#1c00cf";
+    };
+    syntaxToken_null: {
+        color: "#808080";
+    };
+    syntaxToken_punctuation: {
+        color: ({ palette }: Theme) => string;
+    };
+    groupListItem: {
+        borderBottom: string;
+        borderColor: "divider";
+        '&:first-of-type .MuiButton-root': {
+            borderRadius: ({ spacing }: Theme) => string;
+        };
+        '&:last-of-type:not([aria-expanded=true]) .MuiButton-root': {
+            borderRadius: ({ spacing }: Theme) => string;
+        };
+        '&:last-of-type': {
+            borderBottomWidth: number;
+        };
+    };
+};

package/dist/types/chat/index.d.ts

@@ -0,0 +1,20 @@
+export type { ChatSxProps, ChatErrorAction, ChatUserMessageProps, ChatAgentMessageProps, ChatErrorMessageProps, ChatSuggestionButtonProps, ChatThinkingProps, ChatLoaderProps, ChatContentProps, ChatContentRef, ChatHeaderProps, ChatFooterProps, ChatStarterItem, ChatStarterProps, ChatRatingActionProps, ChatToolItem, ChatToolTraceProps, ChatToolCodeAreaProps, ChatToolFullViewDialogProps, ChatToolGroupProps, } from './types';
+export { CHAT_MAX_WIDTH, CHAT_SCROLL_DELAY, CHAT_DIVIDER_DELAY, CHAT_TOOL_CODE_AREA_MAX_HEIGHT, } from './const';
+export { useTypewriter } from './use-typewriter';
+export { ChatUserMessage } from './bubbles/chat-user-message';
+export { ChatAgentMessage } from './bubbles/chat-agent-message';
+export { ChatErrorMessage } from './bubbles/chat-error-message';
+export { ChatSuggestionButton } from './bubbles/chat-suggestion-button';
+export { ChatMessageOverflow } from './bubbles/styles';
+export { ChatThinking } from './feedback/chat-thinking';
+export { ChatLoader } from './feedback/chat-loader';
+export { ChatContent } from './containers/chat-content';
+export { ChatHeader } from './containers/chat-header';
+export { ChatFooter } from './containers/chat-footer';
+export { ChatStarter } from './containers/chat-starter';
+export { ChatActionsContainer } from './feedback/chat-actions-container';
+export { ChatRatingAction } from './feedback/chat-rating-action';
+export { ChatToolTrace } from './feedback/chat-tool-trace';
+export { ChatToolCodeArea } from './feedback/chat-tool-code-area';
+export { ChatToolFullViewDialog } from './feedback/chat-tool-full-view-dialog';
+export { ChatToolGroup } from './feedback/chat-tool-group';