@smwb/ui-react 2.6.2 → 2.7.0

package/dist/components/dataDisplay/chart/chart.js

@@ -0,0 +1,133 @@
+import { jsxs as K, jsx as C } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/chart/chart.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                     */
+import Q, { useRef as y, useState as q, useEffect as z } from "react";
+import U from "clsx";
+import { readChartPalette as B, samePalette as _, chartTheme as H } from "./chartTheme.js";
+import { Skeleton as V } from "../../feedBack/skeleton/skeleton.js";
+const X = (u) => typeof u == "number" ? `${u}px` : u, Y = () => import("echarts"), Z = (u) => {
+  try {
+    return JSON.stringify(u, (k, h) => typeof h == "function" ? String(h) : h);
+  } catch {
+    return null;
+  }
+}, oe = Q.forwardRef(function({ className: k, style: h, label: J, summary: x, option: g, height: W = 240, loader: E, renderer: F = "canvas", onClick: N, onReady: S, ...$ }, p) {
+  const A = y(null), w = y(null), [f, M] = q(null), [b, L] = q(!1), l = y({
+    module: null,
+    instance: null,
+    themed: null,
+    announced: null,
+    drawn: null,
+    pending: !1
+  }), s = y({ option: g, palette: f, loader: E, renderer: F, onClick: N, onReady: S });
+  s.current = { option: g, palette: f, loader: E, renderer: F, onClick: N, onReady: S };
+  const D = (e) => {
+    A.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+  }, R = () => {
+    const e = w.current;
+    return !!(e && e.clientWidth > 0 && e.clientHeight > 0);
+  }, O = (e, n) => {
+    const t = e.init(w.current, H(n), { renderer: s.current.renderer });
+    return t.on("click", (a) => {
+      var c, o;
+      return (o = (c = s.current).onClick) == null ? void 0 : o.call(c, a);
+    }), l.current.themed = n, l.current.drawn = null, t;
+  }, P = () => {
+    const e = l.current, n = s.current.palette;
+    if (!e.instance || !n) return;
+    if (!R()) {
+      e.pending = !0;
+      return;
+    }
+    const t = s.current.option, a = typeof t == "function" ? t(n) : t, c = Z(a);
+    if (!(!e.pending && c !== null && c === e.drawn)) {
+      e.pending = !1;
+      try {
+        e.instance.setOption(a, { notMerge: !0 }), e.drawn = c;
+      } catch (o) {
+        e.drawn = null, console.error("[smwb] Chart: the option did not draw.", o);
+      }
+    }
+  }, G = (e) => {
+    const n = l.current;
+    if (!(!n.instance || !n.module || n.themed && _(n.themed, e)))
+      if (typeof n.instance.setTheme == "function") {
+        try {
+          n.instance.setTheme(H(e));
+        } catch (t) {
+          console.error("[smwb] Chart: the theme did not apply.", t);
+        }
+        n.themed = e, n.drawn = null;
+      } else
+        n.instance.dispose(), n.instance = O(n.module, e);
+  };
+  return z(() => {
+    var j;
+    const e = A.current, n = w.current, t = l.current;
+    let a = !1;
+    const c = () => {
+      const r = B(e);
+      M((i) => i && _(i, r) ? i : r);
+    };
+    c();
+    const o = new MutationObserver(() => requestAnimationFrame(c));
+    o.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["data-theme", "class", "style"]
+    });
+    const d = typeof window.matchMedia == "function" ? window.matchMedia("(prefers-color-scheme: dark)") : void 0;
+    d == null || d.addEventListener("change", c);
+    const T = () => {
+      if (a || t.instance || !t.module || !R()) return;
+      const r = B(e);
+      M((i) => i && _(i, r) ? i : r), t.instance = O(t.module, r), L(!0);
+    }, I = () => {
+      if (R()) {
+        if (!t.instance) {
+          T();
+          return;
+        }
+        try {
+          t.instance.resize();
+        } catch {
+        }
+        t.pending && P();
+      }
+    };
+    let v = 0;
+    const m = typeof ResizeObserver == "function" ? new ResizeObserver(() => {
+      cancelAnimationFrame(v), v = requestAnimationFrame(I);
+    }) : void 0;
+    return m == null || m.observe(n), ((j = s.current.loader) != null ? j : Y)().then(
+      (r) => {
+        t.module = r, T();
+      },
+      (r) => console.error("[smwb] Chart: ECharts did not load.", r)
+    ), () => {
+      var r;
+      a = !0, o.disconnect(), d == null || d.removeEventListener("change", c), m == null || m.disconnect(), cancelAnimationFrame(v), (r = t.instance) == null || r.dispose(), t.instance = null, t.announced = null, t.drawn = null, L(!1);
+    };
+  }, []), z(() => {
+    var n, t;
+    const e = l.current;
+    !b || !f || !e.instance || (G(f), P(), e.instance && e.announced !== e.instance && (e.announced = e.instance, (t = (n = s.current).onReady) == null || t.call(n, e.instance)));
+  }, [b, f, g]), /* @__PURE__ */ K(
+    "div",
+    {
+      "data-testid": "chart",
+      ...$,
+      ref: D,
+      className: U("smwb-chart", k),
+      style: { ...h, height: X(W) },
+      children: [
+        /* @__PURE__ */ C("div", { ref: w, className: "smwb-chart__canvas", role: "img", "aria-label": J }),
+        b ? null : /* @__PURE__ */ C(V, { className: "smwb-chart__skeleton", variant: "rounded", width: "100%", height: "100%" }),
+        x ? /* @__PURE__ */ C("p", { className: "smwb-chart__summary", children: x }) : null
+      ]
+    }
+  );
+});
+export {
+  oe as Chart
+};
+//# sourceMappingURL=chart.js.map

package/dist/components/dataDisplay/chart/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","sources":["../../../../src/components/dataDisplay/chart/chart.tsx"],"sourcesContent":["import React, { HTMLAttributes, useEffect, useRef, useState } from \"react\";\nimport cn from \"clsx\";\nimport { Skeleton } from \"../../feedBack/skeleton\";\nimport { type ChartOption, type ChartPalette, chartTheme, readChartPalette, samePalette } from \"./chartTheme\";\n\n/** What an ECharts event hands its handler: the item under the pointer. */\nexport interface ChartEventParams {\n  componentType?: string;\n  seriesType?: string;\n  seriesIndex?: number;\n  seriesName?: string;\n  name?: string;\n  dataIndex?: number;\n  data?: unknown;\n  value?: unknown;\n  [key: string]: unknown;\n}\n\n/** The part of an ECharts instance the chart uses; `onReady` hands over the instance itself. */\nexport interface ChartInstance {\n  setOption(option: ChartOption, opts?: { notMerge?: boolean }): void;\n  resize(): void;\n  on(eventName: string, handler: (params: ChartEventParams) => void): void;\n  dispose(): void;\n  /** ECharts 6 switches the theme in place; with ECharts 5 the chart is created anew. */\n  setTheme?(theme: object): void;\n}\n\n/** What `loader` resolves to: `echarts`, or `echarts/core` with the charts you use registered. */\nexport interface ChartModule {\n  init(dom: HTMLElement, theme?: object | string | null, opts?: { renderer?: \"canvas\" | \"svg\" }): ChartInstance;\n}\n\nexport interface ChartProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onClick\"> {\n  className?: string;\n  /** What the chart shows: its accessible name. */\n  label: string;\n  /** The chart in words, for screen readers; it is there before the chart draws, and on the server. */\n  summary?: string;\n  /**\n   * The ECharts option, or a function of the theme's palette that returns it.\n   * It is applied whole whenever it or the theme changes; an equal option\n   * passed again (an inline object on a re-render) does not redraw.\n   */\n  option: ChartOption | ((palette: ChartPalette) => ChartOption);\n  /** The chart's height: a number of pixels or any CSS length; 240 by default. It fills the width. */\n  height?: number | string;\n  /**\n   * Loads ECharts in the browser: `import(\"echarts\")` by default, the whole\n   * library. For a smaller bundle pass `() => import(\"./my-echarts\")`, a module\n   * that registers only the charts you use with `echarts/core`.\n   */\n  loader?: () => Promise<ChartModule>;\n  /** How ECharts draws: \"canvas\" (default) or \"svg\". Read once, when the chart is created. */\n  renderer?: \"canvas\" | \"svg\";\n  /** A click on an item: a bar, a point, a node. */\n  onClick?: (params: ChartEventParams) => void;\n  /** The ECharts instance, once it has drawn — for other events and actions. Called again if a theme change re-creates it. */\n  onReady?: (chart: ChartInstance) => void;\n}\n\ninterface ChartState {\n  module: ChartModule | null;\n  instance: ChartInstance | null;\n  themed: ChartPalette | null;\n  announced: ChartInstance | null;\n  /** The option last drawn, serialised; null forces the next draw. */\n  drawn: string | null;\n  pending: boolean;\n}\n\nconst cssLength = (value: number | string): string => (typeof value === \"number\" ? `${value}px` : value);\n\nconst loadECharts = (): Promise<ChartModule> => import(\"echarts\") as unknown as Promise<ChartModule>;\n\n// Functions (formatters) count by their source, so a changed formatter redraws.\nconst serialise = (option: ChartOption): string | null => {\n  try {\n    return JSON.stringify(option, (_key, value: unknown) => (typeof value === \"function\" ? String(value) : value));\n  } catch {\n    return null;\n  }\n};\n\n/**\n * An ECharts chart in the theme's palette. On the server, and until ECharts\n * loads in the browser, a skeleton of the same size stands in its place, so\n * the page does not jump; the chart follows theme switches and its box's size.\n */\nexport const Chart = React.forwardRef<HTMLDivElement, ChartProps>(function Chart(\n  { className, style, label, summary, option, height = 240, loader, renderer = \"canvas\", onClick, onReady, ...rest },\n  ref\n) {\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const canvasRef = useRef<HTMLDivElement>(null);\n  const [palette, setPalette] = useState<ChartPalette | null>(null);\n  const [ready, setReady] = useState(false);\n  const state = useRef<ChartState>({\n    module: null,\n    instance: null,\n    themed: null,\n    announced: null,\n    drawn: null,\n    pending: false,\n  });\n  const latest = useRef({ option, palette, loader, renderer, onClick, onReady });\n  latest.current = { option, palette, loader, renderer, onClick, onReady };\n\n  const setRoot = (element: HTMLDivElement | null): void => {\n    rootRef.current = element;\n    if (typeof ref === \"function\") ref(element);\n    else if (ref) ref.current = element;\n  };\n\n  const hasSize = (): boolean => {\n    const canvas = canvasRef.current;\n    return Boolean(canvas && canvas.clientWidth > 0 && canvas.clientHeight > 0);\n  };\n\n  const create = (loaded: ChartModule, colours: ChartPalette): ChartInstance => {\n    const created = loaded.init(canvasRef.current!, chartTheme(colours), { renderer: latest.current.renderer });\n    created.on(\"click\", (params) => latest.current.onClick?.(params));\n    state.current.themed = colours;\n    state.current.drawn = null;\n    return created;\n  };\n\n  // Not at zero size (a hidden tab, a collapsed panel): there the graph of\n  // ECharts 6.1 inverts a degenerate matrix and throws. The option waits for\n  // the chart to get a size, and a failed redraw is caught up on the next one.\n  const draw = (): void => {\n    const current = state.current;\n    const colours = latest.current.palette;\n    if (!current.instance || !colours) return;\n    if (!hasSize()) {\n      current.pending = true;\n      return;\n    }\n    const source = latest.current.option;\n    const next = typeof source === \"function\" ? source(colours) : source;\n    const key = serialise(next);\n    if (!current.pending && key !== null && key === current.drawn) return;\n    current.pending = false;\n    try {\n      current.instance.setOption(next, { notMerge: true });\n      current.drawn = key;\n    } catch (error) {\n      current.drawn = null;\n      console.error(\"[smwb] Chart: the option did not draw.\", error);\n    }\n  };\n\n  const retheme = (colours: ChartPalette): void => {\n    const current = state.current;\n    if (!current.instance || !current.module || (current.themed && samePalette(current.themed, colours))) return;\n    if (typeof current.instance.setTheme === \"function\") {\n      try {\n        current.instance.setTheme(chartTheme(colours));\n      } catch (error) {\n        console.error(\"[smwb] Chart: the theme did not apply.\", error);\n      }\n      current.themed = colours;\n      current.drawn = null;\n    } else {\n      current.instance.dispose();\n      current.instance = create(current.module, colours);\n    }\n  };\n\n  useEffect(() => {\n    const root = rootRef.current!;\n    const canvas = canvasRef.current!;\n    const current = state.current;\n    let disposed = false;\n\n    const refresh = (): void => {\n      const next = readChartPalette(root);\n      setPalette((previous) => (previous && samePalette(previous, next) ? previous : next));\n    };\n    refresh();\n\n    // The theme switches by an attribute on <html> (data-theme, a class) or\n    // with the system setting.\n    const themeObserver = new MutationObserver(() => requestAnimationFrame(refresh));\n    themeObserver.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [\"data-theme\", \"class\", \"style\"],\n    });\n    const media =\n      typeof window.matchMedia === \"function\" ? window.matchMedia(\"(prefers-color-scheme: dark)\") : undefined;\n    media?.addEventListener(\"change\", refresh);\n\n    // The palette is read again here, not taken from mount: a theme set after\n    // the chart mounted (a parent's effect runs after this one) would otherwise\n    // show for a frame in the old colours.\n    const start = (): void => {\n      if (disposed || current.instance || !current.module || !hasSize()) return;\n      const colours = readChartPalette(root);\n      setPalette((previous) => (previous && samePalette(previous, colours) ? previous : colours));\n      current.instance = create(current.module, colours);\n      setReady(true);\n    };\n\n    const onResize = (): void => {\n      if (!hasSize()) return;\n      if (!current.instance) {\n        start();\n        return;\n      }\n      try {\n        current.instance.resize();\n      } catch {\n        // It catches up on the next resize.\n      }\n      if (current.pending) draw();\n    };\n    // In the next frame, not in the observer's callback: drawing there resizes\n    // what it observes, and the browser reports a ResizeObserver loop.\n    let frame = 0;\n    const resizeObserver =\n      typeof ResizeObserver === \"function\"\n        ? new ResizeObserver(() => {\n            cancelAnimationFrame(frame);\n            frame = requestAnimationFrame(onResize);\n          })\n        : undefined;\n    resizeObserver?.observe(canvas);\n\n    (latest.current.loader ?? loadECharts)().then(\n      (loaded) => {\n        current.module = loaded;\n        start();\n      },\n      (error: unknown) => console.error(\"[smwb] Chart: ECharts did not load.\", error)\n    );\n\n    return () => {\n      disposed = true;\n      themeObserver.disconnect();\n      media?.removeEventListener(\"change\", refresh);\n      resizeObserver?.disconnect();\n      cancelAnimationFrame(frame);\n      current.instance?.dispose();\n      current.instance = null;\n      current.announced = null;\n      current.drawn = null;\n      // Effects that run again with the state kept (fast refresh, a hidden\n      // <Activity>) create a new chart, and it must draw.\n      setReady(false);\n    };\n    // The chart is set up once; later props are read through `latest`.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const current = state.current;\n    if (!ready || !palette || !current.instance) return;\n    retheme(palette);\n    draw();\n    if (current.instance && current.announced !== current.instance) {\n      current.announced = current.instance;\n      latest.current.onReady?.(current.instance);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ready, palette, option]);\n\n  return (\n    <div\n      data-testid=\"chart\"\n      {...rest}\n      ref={setRoot}\n      className={cn(\"smwb-chart\", className)}\n      style={{ ...style, height: cssLength(height) }}\n    >\n      <div ref={canvasRef} className=\"smwb-chart__canvas\" role=\"img\" aria-label={label} />\n      {!ready ? <Skeleton className=\"smwb-chart__skeleton\" variant=\"rounded\" width=\"100%\" height=\"100%\" /> : null}\n      {summary ? <p className=\"smwb-chart__summary\">{summary}</p> : null}\n    </div>\n  );\n});\n\nexport default Chart;\n"],"names":["cssLength","value","loadECharts","serialise","option","_key","Chart","React","className","style","label","summary","height","loader","renderer","onClick","onReady","rest","ref","rootRef","useRef","canvasRef","palette","setPalette","useState","ready","setReady","state","latest","setRoot","element","hasSize","canvas","create","loaded","colours","created","chartTheme","params","_b","_a","draw","current","source","next","key","error","retheme","samePalette","useEffect","root","disposed","refresh","readChartPalette","previous","themeObserver","media","start","onResize","frame","resizeObserver","jsxs","cn","jsx","Skeleton"],"mappings":"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"}

package/dist/components/dataDisplay/chart/chartTheme.d.ts

@@ -0,0 +1,35 @@
+import type { EChartsOption } from "echarts";
+/** An ECharts option: what the chart shows. */
+export type ChartOption = EChartsOption;
+/** The theme's colours as the chart draws them. */
+export interface ChartPalette {
+    /** The surface is dark. */
+    dark: boolean;
+    /** Text: titles, tooltips. */
+    text: string;
+    /** Secondary text: axis labels, the legend. */
+    muted: string;
+    /** Axis and grid lines. */
+    line: string;
+    /** The surface under the chart: tooltips. */
+    surface: string;
+    primary: string;
+    success: string;
+    warning: string;
+    error: string;
+    info: string;
+    /**
+     * Series colours, in order: `--smwb-chart-series-1` … `-12`. The default set
+     * stays apart with colour-vision deficiencies.
+     */
+    series: string[];
+    /** The font of the text around the chart. */
+    fontFamily: string;
+}
+/** Darker than mid-grey: `#rgb`, `#rrggbb` and `rgb()`/`rgba()`; anything else counts as light. */
+export declare function isDarkColour(colour: string): boolean;
+/** Reads the palette from the element's computed style. */
+export declare function readChartPalette(host: HTMLElement): ChartPalette;
+export declare const samePalette: (a: ChartPalette, b: ChartPalette) => boolean;
+/** An ECharts theme in the palette: series colours, text, axes, grid lines, legend, tooltip. */
+export declare function chartTheme(palette: ChartPalette): Record<string, unknown>;

package/dist/components/dataDisplay/chart/chartTheme.js

@@ -0,0 +1,74 @@
+const l = ["#0072b2", "#e69f00", "#009e73", "#cc79a7", "#56b4e9", "#d55e00", "#7a7a7a"];
+function u(r) {
+  let o = null;
+  const e = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(r.trim());
+  if (e)
+    o = (e[1].length === 3 ? [...e[1]].map((t) => t + t) : e[1].match(/../g)).map((t) => parseInt(t, 16));
+  else {
+    const i = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)/i.exec(r.trim());
+    i && (o = [Number(i[1]), Number(i[2]), Number(i[3])]);
+  }
+  if (!o) return !1;
+  const [n, c, s] = o.map((i) => {
+    const t = i / 255;
+    return t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * n + 0.7152 * c + 0.0722 * s < 0.2;
+}
+function a(r) {
+  const o = getComputedStyle(r), e = (s, i) => o.getPropertyValue(s).trim() || i, n = [];
+  for (let s = 1; s <= 12; s += 1) {
+    const i = o.getPropertyValue(`--smwb-chart-series-${s}`).trim();
+    i && n.push(i);
+  }
+  const c = e("--smui-surfaceBackground", "#ffffff");
+  return {
+    dark: u(c),
+    text: e("--smui-onSurfaceColor", "#1c1b1f"),
+    muted: e("--smui-onSurfaceVariant", "#49454e"),
+    line: e("--smui-dividerColor", "rgba(0, 0, 0, 0.12)"),
+    surface: c,
+    primary: e("--smui-primaryColor", "#6750a4"),
+    success: e("--smui-successColor", "#2e7d32"),
+    warning: e("--smui-warningColor", "#ed6c02"),
+    error: e("--smui-errorColor", "#d32f2f"),
+    info: e("--smui-infoColor", "#0288d1"),
+    series: n.length > 0 ? n : l,
+    fontFamily: o.fontFamily || "sans-serif"
+  };
+}
+const m = (r, o) => JSON.stringify(r) === JSON.stringify(o);
+function f(r) {
+  const o = {
+    axisLine: { lineStyle: { color: r.line } },
+    axisTick: { lineStyle: { color: r.line } },
+    axisLabel: { color: r.muted },
+    splitLine: { lineStyle: { color: [r.line] } },
+    nameTextStyle: { color: r.muted }
+  };
+  return {
+    darkMode: r.dark,
+    color: r.series,
+    backgroundColor: "transparent",
+    textStyle: { color: r.text, fontFamily: r.fontFamily },
+    title: { textStyle: { color: r.text }, subtextStyle: { color: r.muted } },
+    legend: { textStyle: { color: r.muted }, pageTextStyle: { color: r.muted } },
+    tooltip: {
+      backgroundColor: r.surface,
+      borderColor: r.line,
+      textStyle: { color: r.text }
+    },
+    categoryAxis: o,
+    valueAxis: o,
+    logAxis: o,
+    timeAxis: o,
+    dataZoom: { textStyle: { color: r.muted }, borderColor: r.line }
+  };
+}
+export {
+  f as chartTheme,
+  u as isDarkColour,
+  a as readChartPalette,
+  m as samePalette
+};
+//# sourceMappingURL=chartTheme.js.map

package/dist/components/dataDisplay/chart/chartTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartTheme.js","sources":["../../../../src/components/dataDisplay/chart/chartTheme.ts"],"sourcesContent":["// The chart's colours come from the theme's CSS variables, read as computed\n// values — a canvas needs colours, not var() references — and turned into an\n// ECharts theme: axes, grid lines, legend and tooltip in the page's palette.\n\nimport type { EChartsOption } from \"echarts\";\n\n/** An ECharts option: what the chart shows. */\nexport type ChartOption = EChartsOption;\n\n/** The theme's colours as the chart draws them. */\nexport interface ChartPalette {\n  /** The surface is dark. */\n  dark: boolean;\n  /** Text: titles, tooltips. */\n  text: string;\n  /** Secondary text: axis labels, the legend. */\n  muted: string;\n  /** Axis and grid lines. */\n  line: string;\n  /** The surface under the chart: tooltips. */\n  surface: string;\n  primary: string;\n  success: string;\n  warning: string;\n  error: string;\n  info: string;\n  /**\n   * Series colours, in order: `--smwb-chart-series-1` … `-12`. The default set\n   * stays apart with colour-vision deficiencies.\n   */\n  series: string[];\n  /** The font of the text around the chart. */\n  fontFamily: string;\n}\n\nconst MAX_SERIES = 12;\nconst FALLBACK_SERIES = [\"#0072b2\", \"#e69f00\", \"#009e73\", \"#cc79a7\", \"#56b4e9\", \"#d55e00\", \"#7a7a7a\"];\n\n/** Darker than mid-grey: `#rgb`, `#rrggbb` and `rgb()`/`rgba()`; anything else counts as light. */\nexport function isDarkColour(colour: string): boolean {\n  let rgb: number[] | null = null;\n  const hex = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(colour.trim());\n  if (hex) {\n    const digits = hex[1].length === 3 ? [...hex[1]].map((d) => d + d) : hex[1].match(/../g)!;\n    rgb = digits.map((pair) => parseInt(pair, 16));\n  } else {\n    const fn = /^rgba?\\(\\s*([\\d.]+)[\\s,]+([\\d.]+)[\\s,]+([\\d.]+)/i.exec(colour.trim());\n    if (fn) rgb = [Number(fn[1]), Number(fn[2]), Number(fn[3])];\n  }\n  if (!rgb) return false;\n  const [r, g, b] = rgb.map((channel) => {\n    const c = channel / 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  }) as [number, number, number];\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b < 0.2;\n}\n\n/** Reads the palette from the element's computed style. */\nexport function readChartPalette(host: HTMLElement): ChartPalette {\n  const css = getComputedStyle(host);\n  const value = (name: string, fallback: string): string => css.getPropertyValue(name).trim() || fallback;\n  const series: string[] = [];\n  for (let index = 1; index <= MAX_SERIES; index += 1) {\n    const colour = css.getPropertyValue(`--smwb-chart-series-${index}`).trim();\n    if (colour) series.push(colour);\n  }\n  const surface = value(\"--smui-surfaceBackground\", \"#ffffff\");\n  return {\n    dark: isDarkColour(surface),\n    text: value(\"--smui-onSurfaceColor\", \"#1c1b1f\"),\n    muted: value(\"--smui-onSurfaceVariant\", \"#49454e\"),\n    line: value(\"--smui-dividerColor\", \"rgba(0, 0, 0, 0.12)\"),\n    surface,\n    primary: value(\"--smui-primaryColor\", \"#6750a4\"),\n    success: value(\"--smui-successColor\", \"#2e7d32\"),\n    warning: value(\"--smui-warningColor\", \"#ed6c02\"),\n    error: value(\"--smui-errorColor\", \"#d32f2f\"),\n    info: value(\"--smui-infoColor\", \"#0288d1\"),\n    series: series.length > 0 ? series : FALLBACK_SERIES,\n    fontFamily: css.fontFamily || \"sans-serif\",\n  };\n}\n\nexport const samePalette = (a: ChartPalette, b: ChartPalette): boolean => JSON.stringify(a) === JSON.stringify(b);\n\n/** An ECharts theme in the palette: series colours, text, axes, grid lines, legend, tooltip. */\nexport function chartTheme(palette: ChartPalette): Record<string, unknown> {\n  const axis = {\n    axisLine: { lineStyle: { color: palette.line } },\n    axisTick: { lineStyle: { color: palette.line } },\n    axisLabel: { color: palette.muted },\n    splitLine: { lineStyle: { color: [palette.line] } },\n    nameTextStyle: { color: palette.muted },\n  };\n  return {\n    darkMode: palette.dark,\n    color: palette.series,\n    backgroundColor: \"transparent\",\n    textStyle: { color: palette.text, fontFamily: palette.fontFamily },\n    title: { textStyle: { color: palette.text }, subtextStyle: { color: palette.muted } },\n    legend: { textStyle: { color: palette.muted }, pageTextStyle: { color: palette.muted } },\n    tooltip: {\n      backgroundColor: palette.surface,\n      borderColor: palette.line,\n      textStyle: { color: palette.text },\n    },\n    categoryAxis: axis,\n    valueAxis: axis,\n    logAxis: axis,\n    timeAxis: axis,\n    dataZoom: { textStyle: { color: palette.muted }, borderColor: palette.line },\n  };\n}\n"],"names":["FALLBACK_SERIES","isDarkColour","colour","rgb","hex","d","pair","fn","r","g","b","channel","c","readChartPalette","host","css","value","name","fallback","series","index","surface","samePalette","a","chartTheme","palette","axis"],"mappings":"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"}

package/dist/components/dataDisplay/chart/index.d.ts

@@ -0,0 +1,4 @@
+export { Chart, default } from "./chart";
+export type { ChartProps, ChartEventParams, ChartInstance, ChartModule } from "./chart";
+export { chartTheme, readChartPalette } from "./chartTheme";
+export type { ChartOption, ChartPalette } from "./chartTheme";

package/dist/components/dataDisplay/chat/chat.js

@@ -1,5 +1,6 @@
 import { jsx as t, jsxs as y, Fragment as dt } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/chat/chat.entry.css';/* empty css                                                   */
+import '../../../assets/styles/less/components/chat/chat.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                   */
 import { useMemo as Ct, useId as vt } from "react";
 import wt from "clsx";
 import { FloatingButton as _t } from "../../inputs/floatingButton/floatingButton.js";
@@ -12,7 +13,7 @@ import { ChatShell as Ft } from "./chatShell.js";
 import It from "./useChatFileUpload.js";
 import { CHAT_EXPAND_LAYOUTS as Nt } from "./types.js";
 import { resolveAllowedLayouts as Et, pickInitialLayout as B, shouldShowChatCloseButton as Ot } from "./utils.js";
-function Gt({
+function Jt({
   className: F,
   messages: I,
   showAvatars: N = !1,
@@ -177,7 +178,7 @@ function Gt({
   );
 }
 export {
-  Gt as Chat,
-  Gt as default
+  Jt as Chat,
+  Jt as default
 };
 //# sourceMappingURL=chat.js.map

package/dist/components/dataDisplay/chat/chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.js","sources":["../../../../src/components/dataDisplay/chat/chat.tsx"],"sourcesContent":["import React, { PropsWithChildren, ReactNode, useId, useMemo } from \"react\";\nimport cn from \"clsx\";\nimport type { Accept } from \"./useChatFileUpload\";\nimport { FloatingButton } from \"../../inputs/floatingButton/floatingButton\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport ChatComposer from \"./chatComposer\";\nimport ChatHeader from \"./chatHeader\";\nimport ChatMessages, { ChatMessagesProps } from \"./chatMessages\";\nimport ChatShell from \"./chatShell\";\nimport useChatFileUpload from \"./useChatFileUpload\";\nimport {\n  ChatAnchor,\n  ChatLayoutMode,\n  ChatMessage,\n  ChatMessageRenderContext,\n  ChatThemeMode,\n  CHAT_EXPAND_LAYOUTS,\n} from \"./types\";\nimport { pickInitialLayout, resolveAllowedLayouts, shouldShowChatCloseButton } from \"./utils\";\n\nexport interface ChatProps\n  extends PropsWithChildren, Omit<ChatMessageRenderContext, \"showAvatars\" | \"showAttachments\"> {\n  className?: string;\n  messages: ChatMessage[];\n  showAvatars?: boolean;\n  showAttachments?: boolean;\n  headerTitle?: ReactNode;\n  headerSubtitle?: ReactNode;\n  headerActions?: ReactNode;\n  footer?: ReactNode;\n  anchor?: ChatAnchor;\n  themeMode?: ChatThemeMode;\n  allowedLayouts?: ChatLayoutMode[];\n  layout?: ChatLayoutMode;\n  defaultLayout?: ChatLayoutMode;\n  onLayoutChange?: (layout: ChatLayoutMode) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  floatingTrigger?: boolean;\n  triggerIcon?: ReactNode;\n  triggerLabel?: string;\n  onLoadMore?: () => void | Promise<void>;\n  hasMore?: boolean;\n  onSendMessage?: (text: string) => void | Promise<void>;\n  composerPlaceholder?: string;\n  composerDisabled?: boolean;\n  composerShiftEnterNewline?: boolean;\n  composerCtrlEnterNewline?: boolean;\n  fileUpload?: boolean;\n  onUploadFiles?: (files: File[]) => void | Promise<void>;\n  fileUploadAccept?: Accept;\n  fileUploadMaxFiles?: number;\n  attachAriaLabel?: string;\n  loading?: boolean;\n  loadingMore?: boolean;\n  loadingSkeletonCount?: number;\n  renderMessage?: ChatMessagesProps[\"renderMessage\"];\n  embedded?: boolean;\n  overlayContext?: boolean;\n  showStatus?: boolean;\n  statusIcons?: ChatMessageRenderContext[\"statusIcons\"];\n  renderStatus?: ChatMessageRenderContext[\"renderStatus\"];\n  showCloseButton?: boolean;\n}\n\nexport function Chat({\n  className,\n  messages,\n  showAvatars = false,\n  showAttachments = false,\n  headerTitle,\n  headerSubtitle,\n  headerActions,\n  footer,\n  children,\n  anchor = \"bottom-right\",\n  themeMode = \"inherit\",\n  allowedLayouts: allowedLayoutsProp,\n  layout: layoutProp,\n  defaultLayout,\n  onLayoutChange,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  floatingTrigger = false,\n  triggerIcon,\n  triggerLabel,\n  onLoadMore,\n  hasMore,\n  onSendMessage,\n  composerPlaceholder = \"message\",\n  composerDisabled,\n  composerShiftEnterNewline = true,\n  composerCtrlEnterNewline = true,\n  fileUpload = false,\n  onUploadFiles,\n  fileUploadAccept,\n  fileUploadMaxFiles,\n  attachAriaLabel,\n  loading,\n  loadingMore,\n  loadingSkeletonCount,\n  renderMessage,\n  embedded = false,\n  overlayContext = false,\n  showStatus = false,\n  statusIcons,\n  renderStatus,\n  showCloseButton,\n}: ChatProps) {\n  const allowedLayouts = useMemo(\n    () => resolveAllowedLayouts(allowedLayoutsProp ?? CHAT_EXPAND_LAYOUTS),\n    [allowedLayoutsProp]\n  );\n\n  const [open, setOpen] = useControllableState<boolean>({\n    value: openProp,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const [layout, setLayout] = useControllableState<ChatLayoutMode>({\n    value: layoutProp,\n    defaultValue: pickInitialLayout(allowedLayouts, defaultLayout),\n    onChange: onLayoutChange,\n  });\n\n  const effectiveLayout: ChatLayoutMode = embedded\n    ? \"fullHeight\"\n    : floatingTrigger\n      ? open\n        ? layout\n        : \"closed\"\n      : layout;\n\n  const handleOpen = () => {\n    setOpen(true);\n    if (layout === \"closed\") {\n      setLayout(pickInitialLayout(allowedLayouts, defaultLayout));\n    }\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n\n  const handleLayoutChange = (next: ChatLayoutMode) => {\n    setOpen(true);\n    setLayout(next);\n  };\n\n  const {\n    enabled: fileUploadEnabled,\n    getRootProps,\n    getInputProps,\n    isDragActive,\n  } = useChatFileUpload({\n    enabled: fileUpload,\n    accept: fileUploadAccept,\n    maxFiles: fileUploadMaxFiles,\n    onUploadFiles,\n    disabled: composerDisabled,\n  });\n\n  const attachInputId = useId();\n\n  const showComposer = Boolean(onSendMessage) || fileUploadEnabled;\n\n  const fileInput = fileUploadEnabled ? (\n    <input {...getInputProps({ id: attachInputId })} data-testid=\"chat-file-input\" />\n  ) : null;\n\n  const resolvedFooter =\n    footer ??\n    children ??\n    (showComposer ? (\n      <>\n        {fileInput}\n        <ChatComposer\n          onSendMessage={onSendMessage}\n          placeholder={composerPlaceholder}\n          disabled={composerDisabled}\n          shiftEnterNewline={composerShiftEnterNewline}\n          ctrlEnterNewline={composerCtrlEnterNewline}\n          fileUpload={fileUploadEnabled}\n          attachInputId={fileUploadEnabled ? attachInputId : undefined}\n          attachAriaLabel={attachAriaLabel}\n        />\n      </>\n    ) : undefined);\n\n  const chatMessages = (\n    <ChatMessages\n      messages={messages}\n      showAvatars={showAvatars}\n      showAttachments={showAttachments}\n      showStatus={showStatus}\n      statusIcons={statusIcons}\n      renderStatus={renderStatus}\n      onLoadMore={onLoadMore}\n      hasMore={hasMore}\n      loading={loading}\n      loadingMore={loadingMore}\n      loadingSkeletonCount={loadingSkeletonCount}\n      renderMessage={renderMessage}\n    />\n  );\n\n  const chatBody = chatMessages;\n\n  const fileDropzoneRootProps = fileUploadEnabled ? getRootProps() : undefined;\n\n  const closeButtonVisible = shouldShowChatCloseButton({\n    floatingTrigger,\n    embedded,\n    overlayContext,\n    effectiveLayout,\n    showCloseButton,\n  });\n\n  return (\n    <div\n      className={cn(\n        \"smwb-chat\",\n        !embedded && `smwb-chat_${anchor}`,\n        embedded && \"smwb-chat_embedded\",\n        overlayContext && \"smwb-chat_overlay-context\",\n        className\n      )}\n      data-testid=\"chat\"\n    >\n      {floatingTrigger && !embedded && !open ? (\n        <FloatingButton\n          className=\"smwb-chat__trigger\"\n          aria-label={triggerLabel ?? \"Open chat\"}\n          data-testid=\"chat-trigger\"\n          onClick={handleOpen}\n        >\n          {triggerIcon ?? <Icon name=\"chat\" size={24} />}\n        </FloatingButton>\n      ) : null}\n      <ChatShell\n        layout={effectiveLayout}\n        anchor={anchor}\n        themeMode={themeMode}\n        embedded={embedded}\n        overlayContext={overlayContext}\n        fileDropzoneRootProps={fileDropzoneRootProps}\n        fileDropzoneActive={fileUploadEnabled && isDragActive}\n        header={\n          <ChatHeader\n            title={headerTitle}\n            subtitle={headerSubtitle}\n            actions={headerActions}\n            layout={effectiveLayout === \"closed\" ? layout : effectiveLayout}\n            allowedLayouts={allowedLayouts}\n            onLayoutChange={handleLayoutChange}\n            onClose={closeButtonVisible ? handleClose : undefined}\n          />\n        }\n        footer={resolvedFooter}\n      >\n        {chatBody}\n      </ChatShell>\n    </div>\n  );\n}\n\nexport default Chat;\n"],"names":["Chat","className","messages","showAvatars","showAttachments","headerTitle","headerSubtitle","headerActions","footer","children","anchor","themeMode","allowedLayoutsProp","layoutProp","defaultLayout","onLayoutChange","openProp","defaultOpen","onOpenChange","floatingTrigger","triggerIcon","triggerLabel","onLoadMore","hasMore","onSendMessage","composerPlaceholder","composerDisabled","composerShiftEnterNewline","composerCtrlEnterNewline","fileUpload","onUploadFiles","fileUploadAccept","fileUploadMaxFiles","attachAriaLabel","loading","loadingMore","loadingSkeletonCount","renderMessage","embedded","overlayContext","showStatus","statusIcons","renderStatus","showCloseButton","allowedLayouts","useMemo","resolveAllowedLayouts","CHAT_EXPAND_LAYOUTS","open","setOpen","useControllableState","layout","setLayout","pickInitialLayout","effectiveLayout","handleOpen","handleClose","handleLayoutChange","next","fileUploadEnabled","getRootProps","getInputProps","isDragActive","useChatFileUpload","attachInputId","useId","showComposer","fileInput","jsx","resolvedFooter","_a","jsxs","Fragment","ChatComposer","chatBody","ChatMessages","fileDropzoneRootProps","closeButtonVisible","shouldShowChatCloseButton","cn","FloatingButton","Icon","ChatShell","ChatHeader"],"mappings":"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"}
+{"version":3,"file":"chat.js","sources":["../../../../src/components/dataDisplay/chat/chat.tsx"],"sourcesContent":["import React, { PropsWithChildren, ReactNode, useId, useMemo } from \"react\";\nimport cn from \"clsx\";\nimport type { Accept } from \"./useChatFileUpload\";\nimport { FloatingButton } from \"../../inputs/floatingButton/floatingButton\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport ChatComposer from \"./chatComposer\";\nimport ChatHeader from \"./chatHeader\";\nimport ChatMessages, { ChatMessagesProps } from \"./chatMessages\";\nimport ChatShell from \"./chatShell\";\nimport useChatFileUpload from \"./useChatFileUpload\";\nimport {\n  ChatAnchor,\n  ChatLayoutMode,\n  ChatMessage,\n  ChatMessageRenderContext,\n  ChatThemeMode,\n  CHAT_EXPAND_LAYOUTS,\n} from \"./types\";\nimport { pickInitialLayout, resolveAllowedLayouts, shouldShowChatCloseButton } from \"./utils\";\n\nexport interface ChatProps\n  extends PropsWithChildren, Omit<ChatMessageRenderContext, \"showAvatars\" | \"showAttachments\"> {\n  className?: string;\n  messages: ChatMessage[];\n  showAvatars?: boolean;\n  showAttachments?: boolean;\n  headerTitle?: ReactNode;\n  headerSubtitle?: ReactNode;\n  headerActions?: ReactNode;\n  footer?: ReactNode;\n  anchor?: ChatAnchor;\n  themeMode?: ChatThemeMode;\n  allowedLayouts?: ChatLayoutMode[];\n  layout?: ChatLayoutMode;\n  defaultLayout?: ChatLayoutMode;\n  onLayoutChange?: (layout: ChatLayoutMode) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  floatingTrigger?: boolean;\n  triggerIcon?: ReactNode;\n  triggerLabel?: string;\n  onLoadMore?: () => void | Promise<void>;\n  hasMore?: boolean;\n  onSendMessage?: (text: string) => void | Promise<void>;\n  composerPlaceholder?: string;\n  composerDisabled?: boolean;\n  composerShiftEnterNewline?: boolean;\n  composerCtrlEnterNewline?: boolean;\n  fileUpload?: boolean;\n  onUploadFiles?: (files: File[]) => void | Promise<void>;\n  fileUploadAccept?: Accept;\n  fileUploadMaxFiles?: number;\n  attachAriaLabel?: string;\n  loading?: boolean;\n  loadingMore?: boolean;\n  loadingSkeletonCount?: number;\n  renderMessage?: ChatMessagesProps[\"renderMessage\"];\n  embedded?: boolean;\n  overlayContext?: boolean;\n  showStatus?: boolean;\n  statusIcons?: ChatMessageRenderContext[\"statusIcons\"];\n  renderStatus?: ChatMessageRenderContext[\"renderStatus\"];\n  showCloseButton?: boolean;\n}\n\nexport function Chat({\n  className,\n  messages,\n  showAvatars = false,\n  showAttachments = false,\n  headerTitle,\n  headerSubtitle,\n  headerActions,\n  footer,\n  children,\n  anchor = \"bottom-right\",\n  themeMode = \"inherit\",\n  allowedLayouts: allowedLayoutsProp,\n  layout: layoutProp,\n  defaultLayout,\n  onLayoutChange,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  floatingTrigger = false,\n  triggerIcon,\n  triggerLabel,\n  onLoadMore,\n  hasMore,\n  onSendMessage,\n  composerPlaceholder = \"message\",\n  composerDisabled,\n  composerShiftEnterNewline = true,\n  composerCtrlEnterNewline = true,\n  fileUpload = false,\n  onUploadFiles,\n  fileUploadAccept,\n  fileUploadMaxFiles,\n  attachAriaLabel,\n  loading,\n  loadingMore,\n  loadingSkeletonCount,\n  renderMessage,\n  embedded = false,\n  overlayContext = false,\n  showStatus = false,\n  statusIcons,\n  renderStatus,\n  showCloseButton,\n}: ChatProps) {\n  const allowedLayouts = useMemo(\n    () => resolveAllowedLayouts(allowedLayoutsProp ?? CHAT_EXPAND_LAYOUTS),\n    [allowedLayoutsProp]\n  );\n\n  const [open, setOpen] = useControllableState<boolean>({\n    value: openProp,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const [layout, setLayout] = useControllableState<ChatLayoutMode>({\n    value: layoutProp,\n    defaultValue: pickInitialLayout(allowedLayouts, defaultLayout),\n    onChange: onLayoutChange,\n  });\n\n  const effectiveLayout: ChatLayoutMode = embedded\n    ? \"fullHeight\"\n    : floatingTrigger\n      ? open\n        ? layout\n        : \"closed\"\n      : layout;\n\n  const handleOpen = () => {\n    setOpen(true);\n    if (layout === \"closed\") {\n      setLayout(pickInitialLayout(allowedLayouts, defaultLayout));\n    }\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n\n  const handleLayoutChange = (next: ChatLayoutMode) => {\n    setOpen(true);\n    setLayout(next);\n  };\n\n  const {\n    enabled: fileUploadEnabled,\n    getRootProps,\n    getInputProps,\n    isDragActive,\n  } = useChatFileUpload({\n    enabled: fileUpload,\n    accept: fileUploadAccept,\n    maxFiles: fileUploadMaxFiles,\n    onUploadFiles,\n    disabled: composerDisabled,\n  });\n\n  const attachInputId = useId();\n\n  const showComposer = Boolean(onSendMessage) || fileUploadEnabled;\n\n  const fileInput = fileUploadEnabled ? (\n    <input {...getInputProps({ id: attachInputId })} data-testid=\"chat-file-input\" />\n  ) : null;\n\n  const resolvedFooter =\n    footer ??\n    children ??\n    (showComposer ? (\n      <>\n        {fileInput}\n        <ChatComposer\n          onSendMessage={onSendMessage}\n          placeholder={composerPlaceholder}\n          disabled={composerDisabled}\n          shiftEnterNewline={composerShiftEnterNewline}\n          ctrlEnterNewline={composerCtrlEnterNewline}\n          fileUpload={fileUploadEnabled}\n          attachInputId={fileUploadEnabled ? attachInputId : undefined}\n          attachAriaLabel={attachAriaLabel}\n        />\n      </>\n    ) : undefined);\n\n  const chatMessages = (\n    <ChatMessages\n      messages={messages}\n      showAvatars={showAvatars}\n      showAttachments={showAttachments}\n      showStatus={showStatus}\n      statusIcons={statusIcons}\n      renderStatus={renderStatus}\n      onLoadMore={onLoadMore}\n      hasMore={hasMore}\n      loading={loading}\n      loadingMore={loadingMore}\n      loadingSkeletonCount={loadingSkeletonCount}\n      renderMessage={renderMessage}\n    />\n  );\n\n  const chatBody = chatMessages;\n\n  const fileDropzoneRootProps = fileUploadEnabled ? getRootProps() : undefined;\n\n  const closeButtonVisible = shouldShowChatCloseButton({\n    floatingTrigger,\n    embedded,\n    overlayContext,\n    effectiveLayout,\n    showCloseButton,\n  });\n\n  return (\n    <div\n      className={cn(\n        \"smwb-chat\",\n        !embedded && `smwb-chat_${anchor}`,\n        embedded && \"smwb-chat_embedded\",\n        overlayContext && \"smwb-chat_overlay-context\",\n        className\n      )}\n      data-testid=\"chat\"\n    >\n      {floatingTrigger && !embedded && !open ? (\n        <FloatingButton\n          className=\"smwb-chat__trigger\"\n          aria-label={triggerLabel ?? \"Open chat\"}\n          data-testid=\"chat-trigger\"\n          onClick={handleOpen}\n        >\n          {triggerIcon ?? <Icon name=\"chat\" size={24} />}\n        </FloatingButton>\n      ) : null}\n      <ChatShell\n        layout={effectiveLayout}\n        anchor={anchor}\n        themeMode={themeMode}\n        embedded={embedded}\n        overlayContext={overlayContext}\n        fileDropzoneRootProps={fileDropzoneRootProps}\n        fileDropzoneActive={fileUploadEnabled && isDragActive}\n        header={\n          <ChatHeader\n            title={headerTitle}\n            subtitle={headerSubtitle}\n            actions={headerActions}\n            layout={effectiveLayout === \"closed\" ? layout : effectiveLayout}\n            allowedLayouts={allowedLayouts}\n            onLayoutChange={handleLayoutChange}\n            onClose={closeButtonVisible ? handleClose : undefined}\n          />\n        }\n        footer={resolvedFooter}\n      >\n        {chatBody}\n      </ChatShell>\n    </div>\n  );\n}\n\nexport default Chat;\n"],"names":["Chat","className","messages","showAvatars","showAttachments","headerTitle","headerSubtitle","headerActions","footer","children","anchor","themeMode","allowedLayoutsProp","layoutProp","defaultLayout","onLayoutChange","openProp","defaultOpen","onOpenChange","floatingTrigger","triggerIcon","triggerLabel","onLoadMore","hasMore","onSendMessage","composerPlaceholder","composerDisabled","composerShiftEnterNewline","composerCtrlEnterNewline","fileUpload","onUploadFiles","fileUploadAccept","fileUploadMaxFiles","attachAriaLabel","loading","loadingMore","loadingSkeletonCount","renderMessage","embedded","overlayContext","showStatus","statusIcons","renderStatus","showCloseButton","allowedLayouts","useMemo","resolveAllowedLayouts","CHAT_EXPAND_LAYOUTS","open","setOpen","useControllableState","layout","setLayout","pickInitialLayout","effectiveLayout","handleOpen","handleClose","handleLayoutChange","next","fileUploadEnabled","getRootProps","getInputProps","isDragActive","useChatFileUpload","attachInputId","useId","showComposer","fileInput","jsx","resolvedFooter","_a","jsxs","Fragment","ChatComposer","chatBody","ChatMessages","fileDropzoneRootProps","closeButtonVisible","shouldShowChatCloseButton","cn","FloatingButton","Icon","ChatShell","ChatHeader"],"mappings":"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"}

package/dist/components/dataDisplay/chip/chip.js

@@ -1,10 +1,11 @@
 import { jsx as t, jsxs as E, Fragment as F } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/chip/chip.entry.css';/* empty css                                                   */
+import '../../../assets/styles/less/components/chip/chip.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                   */
 import v from "react";
 import I from "clsx";
 import { Ripple as K } from "../../base/ripple/ripple.js";
 import { Icon as q } from "../../base/icon/icon.js";
-const T = v.forwardRef(function({
+const U = v.forwardRef(function({
   label: N,
   className: x,
   deleteIcon: l,
@@ -93,7 +94,7 @@ const T = v.forwardRef(function({
   );
 });
 export {
-  T as Chip,
-  T as default
+  U as Chip,
+  U as default
 };
 //# sourceMappingURL=chip.js.map

package/dist/components/dataDisplay/chip/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sources":["../../../../src/components/dataDisplay/chip/chip.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { Ripple, RippleActionsRef } from \"../../base/ripple/ripple\";\nimport Icon from \"../../base/icon/icon\";\n\nexport type ChipColor = \"default\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLSpanElement | HTMLAnchorElement> {\n  className?: string;\n  variant?: \"filled\" | \"outlined\";\n  size?: \"small\" | \"medium\";\n  color?: ChipColor;\n  onDelete?: (event: React.SyntheticEvent) => void;\n  icon?: React.ReactNode;\n  deleteIcon?: React.ReactNode;\n  label: string;\n  onClick?: () => void;\n  onDeleteMouseDown?: React.MouseEventHandler;\n  disabled?: boolean;\n  asLink?: boolean;\n  href?: string;\n  /** Open the link in a new tab (asLink only). */\n  target?: string;\n  selected?: boolean;\n  /** Accessible label for the delete control. */\n  deleteAriaLabel?: string;\n}\n\nexport const Chip = React.forwardRef<HTMLSpanElement | HTMLAnchorElement, ChipProps>(function Chip(\n  {\n    label,\n    className,\n    deleteIcon,\n    icon,\n    onDelete,\n    onMouseDown: onMouseDownProp,\n    onDeleteMouseDown: onDeleteMouseDownProp,\n    asLink,\n    href,\n    target = \"_blank\",\n    selected,\n    variant = \"filled\",\n    size = \"medium\",\n    color = \"default\",\n    disabled = false,\n    onClick,\n    deleteAriaLabel = \"Remove\",\n    ...rest\n  },\n  ref\n) {\n  const rippleRef = React.useRef<RippleActionsRef>(null);\n\n  const onMouseDown = (event: React.MouseEvent<HTMLSpanElement | HTMLAnchorElement>) => {\n    onMouseDownProp?.(event);\n  };\n\n  // Ripple on pointerdown so it fires for touch and pen, not just mouse.\n  const onPointerDown = (event: React.PointerEvent<HTMLSpanElement | HTMLAnchorElement>) => {\n    if (!disabled) {\n      rippleRef.current?.onRipple(event);\n    }\n  };\n\n  const onDeleteMouseDown = (event: React.MouseEvent) => {\n    onDeleteMouseDownProp?.(event);\n    event.stopPropagation();\n  };\n\n  const classes = cn(\n    \"smwb-chip\",\n    `smwb-${variant}`,\n    `smwb-chip_size-${size}`,\n    color !== \"default\" && `smwb-chip_color-${color}`,\n    className,\n    { \"smwb-disabled\": disabled, \"smwb-selected\": selected }\n  );\n\n  const deleteBtn = !!onDelete && (\n    <button\n      type=\"button\"\n      className=\"smwb-chip__delete-icon\"\n      aria-label={deleteAriaLabel}\n      disabled={disabled}\n      onClick={onDelete}\n      onMouseDown={onDeleteMouseDown}\n    >\n      {deleteIcon ? deleteIcon : <Icon name=\"cancel\" size={18} fill={1} />}\n    </button>\n  );\n\n  const inner = (\n    <>\n      {icon && <span className=\"smwb-chip__icon\">{icon}</span>}\n      <span className=\"smwb-chip__label\">{label}</span>\n      {deleteBtn}\n      <Ripple actionRef={rippleRef} />\n    </>\n  );\n\n  if (asLink && href) {\n    return (\n      <a\n        ref={ref as React.Ref<HTMLAnchorElement>}\n        data-testid=\"chip-link\"\n        className={classes}\n        href={href}\n        onMouseDown={onMouseDown}\n        onPointerDown={onPointerDown}\n        target={target}\n        rel=\"noreferrer\"\n        {...rest}\n      >\n        {inner}\n      </a>\n    );\n  }\n\n  const clickable = !!onClick && !disabled;\n\n  return (\n    <span\n      ref={ref}\n      data-testid=\"chip\"\n      className={classes}\n      role={clickable ? \"button\" : undefined}\n      tabIndex={clickable ? 0 : undefined}\n      aria-disabled={disabled || undefined}\n      onClick={clickable ? onClick : undefined}\n      onKeyDown={\n        clickable\n          ? (e) => {\n              if (e.key === \"Enter\" || e.key === \" \") {\n                e.preventDefault();\n                onClick?.();\n              }\n            }\n          : undefined\n      }\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      {...rest}\n    >\n      {inner}\n    </span>\n  );\n});\n\nexport default Chip;\n"],"names":["Chip","React","label","className","deleteIcon","icon","onDelete","onMouseDownProp","onDeleteMouseDownProp","asLink","href","target","selected","variant","size","color","disabled","onClick","deleteAriaLabel","rest","ref","rippleRef","onMouseDown","event","onPointerDown","_a","onDeleteMouseDown","classes","cn","inner","jsxs","Fragment","jsx","Icon","Ripple","clickable"],"mappings":";;;;;;AA6BO,MAAMA,IAAOC,EAAM,WAA2D,SACnF;AAAA,EACE,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAaC;AAAA,EACb,mBAAmBC;AAAA,EACnB,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAYpB,EAAM,OAAyB,IAAI,GAE/CqB,IAAc,CAACC,MAAiE;AACpF,IAAAhB,KAAA,QAAAA,EAAkBgB;AAAA,EACpB,GAGMC,IAAgB,CAACD,MAAmE;;AACxF,IAAKP,MACHS,IAAAJ,EAAU,YAAV,QAAAI,EAAmB,SAASF;AAAA,EAEhC,GAEMG,IAAoB,CAACH,MAA4B;AACrD,IAAAf,KAAA,QAAAA,EAAwBe,IACxBA,EAAM,gBAAA;AAAA,EACR,GAEMI,IAAUC;AAAA,IACd;AAAA,IACA,QAAQf,CAAO;AAAA,IACf,kBAAkBC,CAAI;AAAA,IACtBC,MAAU,aAAa,mBAAmBA,CAAK;AAAA,IAC/CZ;AAAA,IACA,EAAE,iBAAiBa,GAAU,iBAAiBJ,EAAA;AAAA,EAAS,GAgBnDiB,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAA1B,KAAQ,gBAAA2B,EAAC,QAAA,EAAK,WAAU,mBAAmB,UAAA3B,GAAK;AAAA,IACjD,gBAAA2B,EAAC,QAAA,EAAK,WAAU,oBAAoB,UAAA9B,GAAM;AAAA,IAhB5B,CAAC,CAACI,KAClB,gBAAA0B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAYd;AAAA,QACZ,UAAAF;AAAA,QACA,SAASV;AAAA,QACT,aAAaoB;AAAA,QAEZ,UAAAtB,KAA0B,gBAAA4B,EAACC,GAAA,EAAK,MAAK,UAAS,MAAM,IAAI,MAAM,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IASlE,gBAAAD,EAACE,GAAA,EAAO,WAAWb,EAAA,CAAW;AAAA,EAAA,GAChC;AAGF,MAAIZ,KAAUC;AACZ,WACE,gBAAAsB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,eAAY;AAAA,QACZ,WAAWO;AAAA,QACX,MAAAjB;AAAA,QACA,aAAAY;AAAA,QACA,eAAAE;AAAA,QACA,QAAAb;AAAA,QACA,KAAI;AAAA,QACH,GAAGQ;AAAA,QAEH,UAAAU;AAAA,MAAA;AAAA,IAAA;AAKP,QAAMM,IAAY,CAAC,CAAClB,KAAW,CAACD;AAEhC,SACE,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAZ;AAAA,MACA,eAAY;AAAA,MACZ,WAAWO;AAAA,MACX,MAAMQ,IAAY,WAAW;AAAA,MAC7B,UAAUA,IAAY,IAAI;AAAA,MAC1B,iBAAenB,KAAY;AAAA,MAC3B,SAASmB,IAAYlB,IAAU;AAAA,MAC/B,WACEkB,IACI,CAAC,MAAM;AACL,SAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,eAAA,GACFlB,KAAA,QAAAA;AAAA,MAEJ,IACA;AAAA,MAEN,aAAAK;AAAA,MACA,eAAAE;AAAA,MACC,GAAGL;AAAA,MAEH,UAAAU;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"chip.js","sources":["../../../../src/components/dataDisplay/chip/chip.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { Ripple, RippleActionsRef } from \"../../base/ripple/ripple\";\nimport Icon from \"../../base/icon/icon\";\n\nexport type ChipColor = \"default\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLSpanElement | HTMLAnchorElement> {\n  className?: string;\n  variant?: \"filled\" | \"outlined\";\n  size?: \"small\" | \"medium\";\n  color?: ChipColor;\n  onDelete?: (event: React.SyntheticEvent) => void;\n  icon?: React.ReactNode;\n  deleteIcon?: React.ReactNode;\n  label: string;\n  onClick?: () => void;\n  onDeleteMouseDown?: React.MouseEventHandler;\n  disabled?: boolean;\n  asLink?: boolean;\n  href?: string;\n  /** Open the link in a new tab (asLink only). */\n  target?: string;\n  selected?: boolean;\n  /** Accessible label for the delete control. */\n  deleteAriaLabel?: string;\n}\n\nexport const Chip = React.forwardRef<HTMLSpanElement | HTMLAnchorElement, ChipProps>(function Chip(\n  {\n    label,\n    className,\n    deleteIcon,\n    icon,\n    onDelete,\n    onMouseDown: onMouseDownProp,\n    onDeleteMouseDown: onDeleteMouseDownProp,\n    asLink,\n    href,\n    target = \"_blank\",\n    selected,\n    variant = \"filled\",\n    size = \"medium\",\n    color = \"default\",\n    disabled = false,\n    onClick,\n    deleteAriaLabel = \"Remove\",\n    ...rest\n  },\n  ref\n) {\n  const rippleRef = React.useRef<RippleActionsRef>(null);\n\n  const onMouseDown = (event: React.MouseEvent<HTMLSpanElement | HTMLAnchorElement>) => {\n    onMouseDownProp?.(event);\n  };\n\n  // Ripple on pointerdown so it fires for touch and pen, not just mouse.\n  const onPointerDown = (event: React.PointerEvent<HTMLSpanElement | HTMLAnchorElement>) => {\n    if (!disabled) {\n      rippleRef.current?.onRipple(event);\n    }\n  };\n\n  const onDeleteMouseDown = (event: React.MouseEvent) => {\n    onDeleteMouseDownProp?.(event);\n    event.stopPropagation();\n  };\n\n  const classes = cn(\n    \"smwb-chip\",\n    `smwb-${variant}`,\n    `smwb-chip_size-${size}`,\n    color !== \"default\" && `smwb-chip_color-${color}`,\n    className,\n    { \"smwb-disabled\": disabled, \"smwb-selected\": selected }\n  );\n\n  const deleteBtn = !!onDelete && (\n    <button\n      type=\"button\"\n      className=\"smwb-chip__delete-icon\"\n      aria-label={deleteAriaLabel}\n      disabled={disabled}\n      onClick={onDelete}\n      onMouseDown={onDeleteMouseDown}\n    >\n      {deleteIcon ? deleteIcon : <Icon name=\"cancel\" size={18} fill={1} />}\n    </button>\n  );\n\n  const inner = (\n    <>\n      {icon && <span className=\"smwb-chip__icon\">{icon}</span>}\n      <span className=\"smwb-chip__label\">{label}</span>\n      {deleteBtn}\n      <Ripple actionRef={rippleRef} />\n    </>\n  );\n\n  if (asLink && href) {\n    return (\n      <a\n        ref={ref as React.Ref<HTMLAnchorElement>}\n        data-testid=\"chip-link\"\n        className={classes}\n        href={href}\n        onMouseDown={onMouseDown}\n        onPointerDown={onPointerDown}\n        target={target}\n        rel=\"noreferrer\"\n        {...rest}\n      >\n        {inner}\n      </a>\n    );\n  }\n\n  const clickable = !!onClick && !disabled;\n\n  return (\n    <span\n      ref={ref}\n      data-testid=\"chip\"\n      className={classes}\n      role={clickable ? \"button\" : undefined}\n      tabIndex={clickable ? 0 : undefined}\n      aria-disabled={disabled || undefined}\n      onClick={clickable ? onClick : undefined}\n      onKeyDown={\n        clickable\n          ? (e) => {\n              if (e.key === \"Enter\" || e.key === \" \") {\n                e.preventDefault();\n                onClick?.();\n              }\n            }\n          : undefined\n      }\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      {...rest}\n    >\n      {inner}\n    </span>\n  );\n});\n\nexport default Chip;\n"],"names":["Chip","React","label","className","deleteIcon","icon","onDelete","onMouseDownProp","onDeleteMouseDownProp","asLink","href","target","selected","variant","size","color","disabled","onClick","deleteAriaLabel","rest","ref","rippleRef","onMouseDown","event","onPointerDown","_a","onDeleteMouseDown","classes","cn","inner","jsxs","Fragment","jsx","Icon","Ripple","clickable"],"mappings":";;;;;;;AA8BO,MAAMA,IAAOC,EAAM,WAA2D,SACnF;AAAA,EACE,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAaC;AAAA,EACb,mBAAmBC;AAAA,EACnB,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAYpB,EAAM,OAAyB,IAAI,GAE/CqB,IAAc,CAACC,MAAiE;AACpF,IAAAhB,KAAA,QAAAA,EAAkBgB;AAAA,EACpB,GAGMC,IAAgB,CAACD,MAAmE;;AACxF,IAAKP,MACHS,IAAAJ,EAAU,YAAV,QAAAI,EAAmB,SAASF;AAAA,EAEhC,GAEMG,IAAoB,CAACH,MAA4B;AACrD,IAAAf,KAAA,QAAAA,EAAwBe,IACxBA,EAAM,gBAAA;AAAA,EACR,GAEMI,IAAUC;AAAA,IACd;AAAA,IACA,QAAQf,CAAO;AAAA,IACf,kBAAkBC,CAAI;AAAA,IACtBC,MAAU,aAAa,mBAAmBA,CAAK;AAAA,IAC/CZ;AAAA,IACA,EAAE,iBAAiBa,GAAU,iBAAiBJ,EAAA;AAAA,EAAS,GAgBnDiB,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAA1B,KAAQ,gBAAA2B,EAAC,QAAA,EAAK,WAAU,mBAAmB,UAAA3B,GAAK;AAAA,IACjD,gBAAA2B,EAAC,QAAA,EAAK,WAAU,oBAAoB,UAAA9B,GAAM;AAAA,IAhB5B,CAAC,CAACI,KAClB,gBAAA0B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAYd;AAAA,QACZ,UAAAF;AAAA,QACA,SAASV;AAAA,QACT,aAAaoB;AAAA,QAEZ,UAAAtB,KAA0B,gBAAA4B,EAACC,GAAA,EAAK,MAAK,UAAS,MAAM,IAAI,MAAM,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IASlE,gBAAAD,EAACE,GAAA,EAAO,WAAWb,EAAA,CAAW;AAAA,EAAA,GAChC;AAGF,MAAIZ,KAAUC;AACZ,WACE,gBAAAsB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,eAAY;AAAA,QACZ,WAAWO;AAAA,QACX,MAAAjB;AAAA,QACA,aAAAY;AAAA,QACA,eAAAE;AAAA,QACA,QAAAb;AAAA,QACA,KAAI;AAAA,QACH,GAAGQ;AAAA,QAEH,UAAAU;AAAA,MAAA;AAAA,IAAA;AAKP,QAAMM,IAAY,CAAC,CAAClB,KAAW,CAACD;AAEhC,SACE,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAZ;AAAA,MACA,eAAY;AAAA,MACZ,WAAWO;AAAA,MACX,MAAMQ,IAAY,WAAW;AAAA,MAC7B,UAAUA,IAAY,IAAI;AAAA,MAC1B,iBAAenB,KAAY;AAAA,MAC3B,SAASmB,IAAYlB,IAAU;AAAA,MAC/B,WACEkB,IACI,CAAC,MAAM;AACL,SAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,eAAA,GACFlB,KAAA,QAAAA;AAAA,MAEJ,IACA;AAAA,MAEN,aAAAK;AAAA,MACA,eAAAE;AAAA,MACC,GAAGL;AAAA,MAEH,UAAAU;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/components/dataDisplay/chipGroup/chipGroup.js

@@ -1,11 +1,12 @@
-import { jsx as u } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/chipGroup/chipGroup.entry.css';/* empty css                                                             */
+import { jsx as t } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/chipGroup/chipGroup.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                             */
 import A from "clsx";
 import { Chip as j } from "../chip/chip.js";
-function S({
-  options: d,
+function V({
+  options: u,
   value: e,
-  multiple: t,
+  multiple: d,
   onChange: l,
   size: m = "medium",
   color: f = "primary",
@@ -14,13 +15,13 @@ function S({
   ...p
 }) {
   const c = () => e == null ? [] : Array.isArray(e) ? e : [e], i = (r) => c().includes(r), v = (r) => {
-    if (t) {
+    if (d) {
       const s = c(), x = s.includes(r) ? s.filter((y) => y !== r) : [...s, r];
       l == null || l(x);
     } else
       l == null || l(r);
   };
-  return /* @__PURE__ */ u("div", { ...p, role: "group", className: A("smwb-chip-group", b), children: d.map((r) => /* @__PURE__ */ u(
+  return /* @__PURE__ */ t("div", { ...p, role: "group", className: A("smwb-chip-group", b), children: u.map((r) => /* @__PURE__ */ t(
     j,
     {
       label: r.label,
@@ -36,7 +37,7 @@ function S({
   )) });
 }
 export {
-  S as ChipGroup,
-  S as default
+  V as ChipGroup,
+  V as default
 };
 //# sourceMappingURL=chipGroup.js.map

package/dist/components/dataDisplay/chipGroup/chipGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipGroup.js","sources":["../../../../src/components/dataDisplay/chipGroup/chipGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { Chip, type ChipColor } from \"../chip\";\n\nexport interface ChipGroupOption {\n  value: string;\n  label: string;\n  icon?: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface ChipGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  options: ChipGroupOption[];\n  /** Selected value (single) or values (when `multiple`). */\n  value?: string | string[];\n  /** Allow more than one selected chip (value becomes a string[]). */\n  multiple?: boolean;\n  onChange?: (value: string | string[]) => void;\n  size?: \"small\" | \"medium\";\n  color?: ChipColor;\n  disabled?: boolean;\n}\n\n/**\n * A multi/single-select toggle group built on `Chip` — the \"chip as a toggle\"\n * loop (selected → filled, else outlined; `role=group`) apps re-hand-roll for\n * filters / segmented controls. Pass an `options` array and a controlled\n * `value`; `onChange` returns the next value (string, or string[] when multiple).\n */\nexport function ChipGroup({\n  options,\n  value,\n  multiple,\n  onChange,\n  size = \"medium\",\n  color = \"primary\",\n  disabled,\n  className,\n  ...rest\n}: ChipGroupProps): React.ReactElement {\n  const selectedValues = (): string[] => {\n    if (value == null) return [];\n    return Array.isArray(value) ? value : [value];\n  };\n  const isSelected = (option: string): boolean => selectedValues().includes(option);\n\n  const toggle = (option: string): void => {\n    if (multiple) {\n      const current = selectedValues();\n      const next = current.includes(option) ? current.filter((v) => v !== option) : [...current, option];\n      onChange?.(next);\n    } else {\n      onChange?.(option);\n    }\n  };\n\n  return (\n    <div {...rest} role=\"group\" className={cn(\"smwb-chip-group\", className)}>\n      {options.map((option) => (\n        <Chip\n          key={option.value}\n          label={option.label}\n          icon={option.icon}\n          size={size}\n          color={color}\n          selected={isSelected(option.value)}\n          variant={isSelected(option.value) ? \"filled\" : \"outlined\"}\n          disabled={!!(disabled || option.disabled)}\n          onClick={() => toggle(option.value)}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport default ChipGroup;\n"],"names":["ChipGroup","options","value","multiple","onChange","size","color","disabled","className","rest","selectedValues","isSelected","option","toggle","current","next","v","jsx","cn","Chip"],"mappings":";;;;AA8BO,SAASA,EAAU;AAAA,EACxB,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAuC;AACrC,QAAMC,IAAiB,MACjBR,KAAS,OAAa,CAAA,IACnB,MAAM,QAAQA,CAAK,IAAIA,IAAQ,CAACA,CAAK,GAExCS,IAAa,CAACC,MAA4BF,EAAA,EAAiB,SAASE,CAAM,GAE1EC,IAAS,CAACD,MAAyB;AACvC,QAAIT,GAAU;AACZ,YAAMW,IAAUJ,EAAA,GACVK,IAAOD,EAAQ,SAASF,CAAM,IAAIE,EAAQ,OAAO,CAACE,MAAMA,MAAMJ,CAAM,IAAI,CAAC,GAAGE,GAASF,CAAM;AACjG,MAAAR,KAAA,QAAAA,EAAWW;AAAA,IACb;AACE,MAAAX,KAAA,QAAAA,EAAWQ;AAAA,EAEf;AAEA,SACE,gBAAAK,EAAC,OAAA,EAAK,GAAGR,GAAM,MAAK,SAAQ,WAAWS,EAAG,mBAAmBV,CAAS,GACnE,UAAAP,EAAQ,IAAI,CAACW,MACZ,gBAAAK;AAAA,IAACE;AAAA,IAAA;AAAA,MAEC,OAAOP,EAAO;AAAA,MACd,MAAMA,EAAO;AAAA,MACb,MAAAP;AAAA,MACA,OAAAC;AAAA,MACA,UAAUK,EAAWC,EAAO,KAAK;AAAA,MACjC,SAASD,EAAWC,EAAO,KAAK,IAAI,WAAW;AAAA,MAC/C,UAAU,CAAC,EAAEL,KAAYK,EAAO;AAAA,MAChC,SAAS,MAAMC,EAAOD,EAAO,KAAK;AAAA,IAAA;AAAA,IAR7BA,EAAO;AAAA,EAAA,CAUf,GACH;AAEJ;"}
+{"version":3,"file":"chipGroup.js","sources":["../../../../src/components/dataDisplay/chipGroup/chipGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { Chip, type ChipColor } from \"../chip\";\n\nexport interface ChipGroupOption {\n  value: string;\n  label: string;\n  icon?: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface ChipGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  options: ChipGroupOption[];\n  /** Selected value (single) or values (when `multiple`). */\n  value?: string | string[];\n  /** Allow more than one selected chip (value becomes a string[]). */\n  multiple?: boolean;\n  onChange?: (value: string | string[]) => void;\n  size?: \"small\" | \"medium\";\n  color?: ChipColor;\n  disabled?: boolean;\n}\n\n/**\n * A multi/single-select toggle group built on `Chip` — the \"chip as a toggle\"\n * loop (selected → filled, else outlined; `role=group`) apps re-hand-roll for\n * filters / segmented controls. Pass an `options` array and a controlled\n * `value`; `onChange` returns the next value (string, or string[] when multiple).\n */\nexport function ChipGroup({\n  options,\n  value,\n  multiple,\n  onChange,\n  size = \"medium\",\n  color = \"primary\",\n  disabled,\n  className,\n  ...rest\n}: ChipGroupProps): React.ReactElement {\n  const selectedValues = (): string[] => {\n    if (value == null) return [];\n    return Array.isArray(value) ? value : [value];\n  };\n  const isSelected = (option: string): boolean => selectedValues().includes(option);\n\n  const toggle = (option: string): void => {\n    if (multiple) {\n      const current = selectedValues();\n      const next = current.includes(option) ? current.filter((v) => v !== option) : [...current, option];\n      onChange?.(next);\n    } else {\n      onChange?.(option);\n    }\n  };\n\n  return (\n    <div {...rest} role=\"group\" className={cn(\"smwb-chip-group\", className)}>\n      {options.map((option) => (\n        <Chip\n          key={option.value}\n          label={option.label}\n          icon={option.icon}\n          size={size}\n          color={color}\n          selected={isSelected(option.value)}\n          variant={isSelected(option.value) ? \"filled\" : \"outlined\"}\n          disabled={!!(disabled || option.disabled)}\n          onClick={() => toggle(option.value)}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport default ChipGroup;\n"],"names":["ChipGroup","options","value","multiple","onChange","size","color","disabled","className","rest","selectedValues","isSelected","option","toggle","current","next","v","jsx","cn","Chip"],"mappings":";;;;;AA+BO,SAASA,EAAU;AAAA,EACxB,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAuC;AACrC,QAAMC,IAAiB,MACjBR,KAAS,OAAa,CAAA,IACnB,MAAM,QAAQA,CAAK,IAAIA,IAAQ,CAACA,CAAK,GAExCS,IAAa,CAACC,MAA4BF,EAAA,EAAiB,SAASE,CAAM,GAE1EC,IAAS,CAACD,MAAyB;AACvC,QAAIT,GAAU;AACZ,YAAMW,IAAUJ,EAAA,GACVK,IAAOD,EAAQ,SAASF,CAAM,IAAIE,EAAQ,OAAO,CAACE,MAAMA,MAAMJ,CAAM,IAAI,CAAC,GAAGE,GAASF,CAAM;AACjG,MAAAR,KAAA,QAAAA,EAAWW;AAAA,IACb;AACE,MAAAX,KAAA,QAAAA,EAAWQ;AAAA,EAEf;AAEA,SACE,gBAAAK,EAAC,OAAA,EAAK,GAAGR,GAAM,MAAK,SAAQ,WAAWS,EAAG,mBAAmBV,CAAS,GACnE,UAAAP,EAAQ,IAAI,CAACW,MACZ,gBAAAK;AAAA,IAACE;AAAA,IAAA;AAAA,MAEC,OAAOP,EAAO;AAAA,MACd,MAAMA,EAAO;AAAA,MACb,MAAAP;AAAA,MACA,OAAAC;AAAA,MACA,UAAUK,EAAWC,EAAO,KAAK;AAAA,MACjC,SAASD,EAAWC,EAAO,KAAK,IAAI,WAAW;AAAA,MAC/C,UAAU,CAAC,EAAEL,KAAYK,EAAO;AAAA,MAChC,SAAS,MAAMC,EAAOD,EAAO,KAAK;AAAA,IAAA;AAAA,IAR7BA,EAAO;AAAA,EAAA,CAUf,GACH;AAEJ;"}

package/dist/components/dataDisplay/descriptionList/descriptionList.d.ts

@@ -0,0 +1,37 @@
+import React, { HTMLAttributes, ReactNode } from "react";
+export interface DescriptionListEntry {
+    term: ReactNode;
+    description: ReactNode;
+    /** React key; the index is used without it. */
+    key?: React.Key;
+}
+/**
+ * `auto`: the term beside its description while the list's container is at
+ * least 420px wide, above it when narrower (a container query). `row` and
+ * `stacked` fix one layout.
+ */
+export type DescriptionListLayout = "auto" | "row" | "stacked";
+export interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {
+    className?: string;
+    /** The pairs as data; `DescriptionItem` children work too, and come after them. */
+    items?: DescriptionListEntry[];
+    layout?: DescriptionListLayout;
+    /** Width of the term column in the row layout: px or any CSS track size. 30% of the list, at least 6rem, by default. */
+    termWidth?: number | string;
+    /** Tighter spacing, for side panels. */
+    dense?: boolean;
+}
+export interface DescriptionItemProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    /** The field's name. */
+    term: ReactNode;
+}
+/** One pair: the term and, as children, its description. */
+export declare const DescriptionItem: React.ForwardRefExoticComponent<DescriptionItemProps & {
+    children?: ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+/** Field–value pairs (a `<dl>`): side by side, stacking on a narrow container. */
+export declare const DescriptionList: React.ForwardRefExoticComponent<DescriptionListProps & {
+    children?: ReactNode | undefined;
+} & React.RefAttributes<HTMLDListElement>>;
+export default DescriptionList;

package/dist/components/dataDisplay/descriptionList/descriptionList.js

@@ -0,0 +1,43 @@
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/descriptionList/descriptionList.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                                         */
+import m from "react";
+import l from "clsx";
+const x = m.forwardRef(
+  function({ className: t, term: r, children: i, ...e }, s) {
+    return /* @__PURE__ */ p("div", { ...e, ref: s, className: l("smwb-description-list__item", t), children: [
+      /* @__PURE__ */ n("dt", { className: "smwb-description-list__term", children: r }),
+      /* @__PURE__ */ n("dd", { className: "smwb-description-list__details", children: i })
+    ] });
+  }
+), v = m.forwardRef(
+  function({ className: t, style: r, items: i, layout: e = "auto", termWidth: s, dense: f, children: w, ...b }, _) {
+    const c = typeof s == "number" ? `${s}px` : s;
+    return /* @__PURE__ */ p(
+      "dl",
+      {
+        ...b,
+        ref: _,
+        className: l(
+          "smwb-description-list",
+          `smwb-description-list_${e}`,
+          { "smwb-description-list_dense": f },
+          t
+        ),
+        style: c === void 0 ? r : { ...r, "--smwb-description-term": c },
+        children: [
+          i == null ? void 0 : i.map((o, u) => {
+            var d;
+            return /* @__PURE__ */ n(x, { term: o.term, children: o.description }, (d = o.key) != null ? d : u);
+          }),
+          w
+        ]
+      }
+    );
+  }
+);
+export {
+  x as DescriptionItem,
+  v as DescriptionList
+};
+//# sourceMappingURL=descriptionList.js.map

package/dist/components/dataDisplay/descriptionList/descriptionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptionList.js","sources":["../../../../src/components/dataDisplay/descriptionList/descriptionList.tsx"],"sourcesContent":["import React, { CSSProperties, HTMLAttributes, PropsWithChildren, ReactNode } from \"react\";\nimport cn from \"clsx\";\n\nexport interface DescriptionListEntry {\n  term: ReactNode;\n  description: ReactNode;\n  /** React key; the index is used without it. */\n  key?: React.Key;\n}\n\n/**\n * `auto`: the term beside its description while the list's container is at\n * least 420px wide, above it when narrower (a container query). `row` and\n * `stacked` fix one layout.\n */\nexport type DescriptionListLayout = \"auto\" | \"row\" | \"stacked\";\n\nexport interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {\n  className?: string;\n  /** The pairs as data; `DescriptionItem` children work too, and come after them. */\n  items?: DescriptionListEntry[];\n  layout?: DescriptionListLayout;\n  /** Width of the term column in the row layout: px or any CSS track size. 30% of the list, at least 6rem, by default. */\n  termWidth?: number | string;\n  /** Tighter spacing, for side panels. */\n  dense?: boolean;\n}\n\nexport interface DescriptionItemProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  /** The field's name. */\n  term: ReactNode;\n}\n\n/** One pair: the term and, as children, its description. */\nexport const DescriptionItem = React.forwardRef<HTMLDivElement, PropsWithChildren<DescriptionItemProps>>(\n  function DescriptionItem({ className, term, children, ...rest }, ref) {\n    return (\n      <div {...rest} ref={ref} className={cn(\"smwb-description-list__item\", className)}>\n        <dt className=\"smwb-description-list__term\">{term}</dt>\n        <dd className=\"smwb-description-list__details\">{children}</dd>\n      </div>\n    );\n  }\n);\n\n/** Field–value pairs (a `<dl>`): side by side, stacking on a narrow container. */\nexport const DescriptionList = React.forwardRef<HTMLDListElement, PropsWithChildren<DescriptionListProps>>(\n  function DescriptionList({ className, style, items, layout = \"auto\", termWidth, dense, children, ...rest }, ref) {\n    const width = typeof termWidth === \"number\" ? `${termWidth}px` : termWidth;\n    return (\n      <dl\n        {...rest}\n        ref={ref}\n        className={cn(\n          \"smwb-description-list\",\n          `smwb-description-list_${layout}`,\n          { \"smwb-description-list_dense\": dense },\n          className\n        )}\n        style={width === undefined ? style : ({ ...style, \"--smwb-description-term\": width } as CSSProperties)}\n      >\n        {items?.map((item, index) => (\n          <DescriptionItem key={item.key ?? index} term={item.term}>\n            {item.description}\n          </DescriptionItem>\n        ))}\n        {children}\n      </dl>\n    );\n  }\n);\n\nexport default DescriptionList;\n"],"names":["DescriptionItem","React","className","term","children","rest","ref","jsxs","cn","jsx","DescriptionList","style","items","layout","termWidth","dense","width","item","index","_a"],"mappings":";;;;;AAqCO,MAAMA,IAAkBC,EAAM;AAAA,EACnC,SAAyB,EAAE,WAAAC,GAAW,MAAAC,GAAM,UAAAC,GAAU,GAAGC,EAAA,GAAQC,GAAK;AACpE,WACE,gBAAAC,EAAC,SAAK,GAAGF,GAAM,KAAAC,GAAU,WAAWE,EAAG,+BAA+BN,CAAS,GAC7E,UAAA;AAAA,MAAA,gBAAAO,EAAC,MAAA,EAAG,WAAU,+BAA+B,UAAAN,GAAK;AAAA,MAClD,gBAAAM,EAAC,MAAA,EAAG,WAAU,kCAAkC,UAAAL,EAAA,CAAS;AAAA,IAAA,GAC3D;AAAA,EAEJ;AACF,GAGaM,IAAkBT,EAAM;AAAA,EACnC,SAAyB,EAAE,WAAAC,GAAW,OAAAS,GAAO,OAAAC,GAAO,QAAAC,IAAS,QAAQ,WAAAC,GAAW,OAAAC,GAAO,UAAAX,GAAU,GAAGC,EAAA,GAAQC,GAAK;AAC/G,UAAMU,IAAQ,OAAOF,KAAc,WAAW,GAAGA,CAAS,OAAOA;AACjE,WACE,gBAAAP;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGF;AAAA,QACJ,KAAAC;AAAA,QACA,WAAWE;AAAA,UACT;AAAA,UACA,yBAAyBK,CAAM;AAAA,UAC/B,EAAE,+BAA+BE,EAAA;AAAA,UACjCb;AAAA,QAAA;AAAA,QAEF,OAAOc,MAAU,SAAYL,IAAS,EAAE,GAAGA,GAAO,2BAA2BK,EAAA;AAAA,QAE5E,UAAA;AAAA,UAAAJ,KAAA,gBAAAA,EAAO,IAAI,CAACK,GAAMC,MAAA;;qCAChBlB,GAAA,EAAwC,MAAMiB,EAAK,MACjD,UAAAA,EAAK,YAAA,IADcE,IAAAF,EAAK,QAAL,OAAAE,IAAYD,CAElC;AAAA;AAAA,UAEDd;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}