@smwb/ui-react 2.4.1 → 2.6.0

package/README.md

@@ -44,6 +44,92 @@ function App() {
 In ESM builds each imported component **pulls in its own CSS automatically** (tree-shakeable) —
 nothing else to import for the default theme.
 
+## Icons
+
+`<Icon>` renders one of two icon sets under the **same name**, so switching sets never touches
+component code:
+
+- **smwb SVG set** — ~250 contour icons shipped inside the package, one ES module each.
+- **Google Material Symbols** — the webfont this library has always used (`<link>` it yourself).
+
+```tsx
+import { Icon } from "@smwb/ui-react";
+
+<Icon name="arrow_right_alt" size={24} color="primary" />;
+```
+
+Names are the canonical Material Symbols names, and lookup is forgiving: `arrow_right_alt`,
+`arrowRightAlt` and `arrow-right-alt` all resolve, as do per-icon aliases (`trash` → `delete`,
+`cog` → `settings`, `magnifier` → `search`).
+
+### Bundling only the icons you use
+
+Icons are **not** registered by default. Register the handful you render — every other icon is
+dropped by your bundler:
+
+```ts
+import { registerIcons } from "@smwb/ui-react";
+import { add, close, search } from "@smwb/ui-react/icons";
+
+registerIcons([add, close, search]);
+```
+
+Three icons in, three icons bundled (~0.4 kB). Or skip the registry entirely and pass the
+definition straight to the prop:
+
+```tsx
+import { arrowRightAlt } from "@smwb/ui-react/icons";
+
+<Icon name={arrowRightAlt} />;
+```
+
+Deep imports work too (`@smwb/ui-react/icons/arrowRightAlt`), and `@smwb/ui-react/icons/all` exports
+`registerAllIcons()` for docs sites and icon pickers — that one pulls in the whole set on purpose.
+
+### Choosing the source
+
+| `source` | Behaviour |
+| --- | --- |
+| `auto` (default) | smwb SVG when the name is registered, Material Symbols otherwise. |
+| `smwb` | Always the SVG set; an unregistered name renders an empty box and warns. |
+| `google` | Always the Material Symbols font. |
+
+Set it per icon (`<Icon source="google" …>`), per subtree, or app-wide:
+
+```tsx
+import { configureIcons, IconProvider } from "@smwb/ui-react";
+import { add, close } from "@smwb/ui-react/icons";
+
+configureIcons({ source: "smwb" });          // app-wide default
+
+<IconProvider source="smwb" icons={[add, close]}>
+  <App />
+</IconProvider>;
+```
+
+Because `auto` falls back to the font, upgrading changes nothing until you register icons.
+
+### Appearance
+
+`size` takes a pixel number or any CSS length (`size="1.5rem"`). `color` takes a semantic token
+(`primary`, `error`, …) and otherwise inherits `currentColor`. For the SVG set `weight` maps to
+the stroke width (400 → 2px, 700 → 3px); `fill` and `grade` are Material Symbols axes and are
+ignored by the contour set.
+
+### Custom and overridden icons
+
+An icon is plain data, so your own artwork registers the same way — and re-registering a shipped
+name replaces it everywhere:
+
+```ts
+registerIcons({ name: "logo", body: '<circle cx="12" cy="12" r="9"/>' });
+registerIcons({ name: "delete", body: "<path d='…'/>" }); // overrides the shipped one
+```
+
+Browse the whole set in [Storybook](https://summerweb.ru/ui-react/) under **UI/Base/Icon → All Icons** — click any
+icon to copy its name. The set is generated from `icons/data/*.json` in the repo
+(`npm run icons:generate`).
+
 ## Styles
 
 Three ways to get the CSS, pick one:

package/dist/assets/styles/less/components/confirmDialog/confirmDialog.entry.css

@@ -0,0 +1 @@
+.smwb-confirm-dialog__body{display:flex;flex-direction:column;gap:8px;min-width:280px}

package/dist/assets/styles/less/components/fileDrop/fileDrop.entry.css

@@ -0,0 +1 @@
+.smwb-file-drop{background-color:var(--smui-toggleTrackColor);width:326px;height:200px}.smwb-file-drop__input{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;height:100%;width:100%;border:3px dashed purple}.smwb-file-drop__input-text{text-align:center}.smwb-file-drop__preview{position:relative;height:100%;width:100%}.smwb-file-drop__preview-button{position:absolute;top:-18px;right:-18px;z-index:1}.smwb-file-drop__preview-gallery{height:100%;overflow:auto;border:3px solid purple;border-radius:4px}.smwb-file-drop__preview-gallery-image{width:100%;height:100%}.smwb-file-drop__preview-gallery-file{width:calc(100% - 4px);height:calc(100% - 4px);display:flex;align-items:center;justify-content:center;border:1px solid purple;user-select:none;margin:2px}.smwb-file-drop__preview-count{display:flex;align-items:center;justify-content:center;padding:1px 4px;height:100%;width:100%;overflow:auto;border:3px solid purple;border-radius:4px}

package/dist/assets/styles/less/components/fileInput/fileInput.entry.css

@@ -0,0 +1 @@
+.file-input{width:100px;height:30px}

package/dist/assets/styles/less/components/floatingWindow/floatingWindow.entry.css

@@ -0,0 +1 @@
+.smwb-floating-window{background-color:var(--smui-surfaceBackground);color:var(--smui-onSurfaceColor);position:fixed;z-index:150;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;border-radius:12px;box-shadow:#00000024 0 8px 10px -5px,#00000024 0 1px 14px 1px,#00000024 0 6px 22px 4px;opacity:0;transition:opacity .12s ease-in-out}.smwb-floating-window.smwb-floating-window_entered{opacity:1}.smwb-floating-window__header{display:flex;align-items:center;gap:4px;flex-shrink:0;height:36px;padding:0 12px;border-bottom:1px solid var(--smui-dividerColor);touch-action:none;user-select:none;cursor:move}.smwb-floating-window__header:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:-2px}.smwb-floating-window__grip{display:inline-flex;align-items:center;color:var(--smui-onSurfaceVariant);flex-shrink:0;cursor:move}.smwb-floating-window__grip:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:2px;border-radius:2px}.smwb-floating-window__title{font-family:var(--smui-fontFamily);font-size:14px;font-weight:500;line-height:1.5;color:var(--smui-onSurfaceColor);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smwb-floating-window__actions{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:auto;cursor:default}.smwb-floating-window__action{display:inline-flex;align-items:center;justify-content:center;padding:2px;border:none;border-radius:4px;background:transparent;color:var(--smui-onSurfaceVariant);cursor:pointer}.smwb-floating-window__action:hover{background-color:var(--smui-onSurfaceHover);color:var(--smui-onSurfaceColor)}.smwb-floating-window__action:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:-2px}.smwb-floating-window__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:auto;padding:12px}.smwb-floating-window.smwb-collapsed{height:auto}.smwb-floating-window__resize{position:absolute;touch-action:none;user-select:none;z-index:1}.smwb-floating-window__resize:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:-2px}.smwb-floating-window__resize_n,.smwb-floating-window__resize_s{left:6px;right:6px;height:6px;cursor:ns-resize}.smwb-floating-window__resize_e,.smwb-floating-window__resize_w{top:6px;bottom:6px;width:6px;cursor:ew-resize}.smwb-floating-window__resize_n{top:0}.smwb-floating-window__resize_s{bottom:0}.smwb-floating-window__resize_e{right:0}.smwb-floating-window__resize_w{left:0}.smwb-floating-window__resize_ne,.smwb-floating-window__resize_nw,.smwb-floating-window__resize_se,.smwb-floating-window__resize_sw{width:12px;height:12px}.smwb-floating-window__resize_ne{top:0;right:0;cursor:nesw-resize}.smwb-floating-window__resize_nw{top:0;left:0;cursor:nwse-resize}.smwb-floating-window__resize_se{bottom:0;right:0;cursor:nwse-resize}.smwb-floating-window__resize_sw{bottom:0;left:0;cursor:nesw-resize}

package/dist/assets/styles/less/components/icon/icon.entry.css

@@ -1 +1 @@
-.smwb-icon__wrapper{display:inline-flex;align-items:center;justify-content:center}.smwb-icon__wrapper.smwb-icon_color-primary{color:var(--smui-primaryColor)}.smwb-icon__wrapper.smwb-icon_color-secondary{color:var(--smui-secondaryColor)}.smwb-icon__wrapper.smwb-icon_color-error{color:var(--smui-errorColor)}.smwb-icon__wrapper.smwb-icon_color-success{color:var(--smui-successColor)}.smwb-icon__wrapper.smwb-icon_color-warning{color:var(--smui-warningColor)}.smwb-icon__wrapper.smwb-icon_color-info{color:var(--smui-infoColor)}.smwb-icon__wrapper.smwb-icon_color-disabled{color:var(--smui-disabledTextColor)}
+.smwb-icon__wrapper{display:inline-flex;align-items:center;justify-content:center}.smwb-icon__wrapper .smwb-icon__svg{display:block;flex-shrink:0}.smwb-icon__wrapper.smwb-icon_color-primary{color:var(--smui-primaryColor)}.smwb-icon__wrapper.smwb-icon_color-secondary{color:var(--smui-secondaryColor)}.smwb-icon__wrapper.smwb-icon_color-error{color:var(--smui-errorColor)}.smwb-icon__wrapper.smwb-icon_color-success{color:var(--smui-successColor)}.smwb-icon__wrapper.smwb-icon_color-warning{color:var(--smui-warningColor)}.smwb-icon__wrapper.smwb-icon_color-info{color:var(--smui-infoColor)}.smwb-icon__wrapper.smwb-icon_color-disabled{color:var(--smui-disabledTextColor)}

package/dist/components/base/icon/icon.d.ts

@@ -1,16 +1,32 @@
 import { HTMLAttributes } from "react";
+import type { IconDefinition, IconSource } from "../../../icons/types";
 export type IconColor = "inherit" | "primary" | "secondary" | "error" | "success" | "warning" | "info" | "disabled";
 export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
     /**
-     * Icon name from https://fonts.google.com/icons
-     * Пример: name={"arrow_right_alt"}
+     * Icon name — the Google Material Symbols name, e.g. `"arrow_right_alt"`.
+     * Lookup is forgiving: `arrowRightAlt` and `arrow-right-alt` resolve too, as
+     * do an icon's aliases.
+     *
+     * An {@link IconDefinition} may be passed instead, which skips the registry
+     * entirely and is the most bundle-friendly form:
+     *
+     * ```tsx
+     * import { arrowRightAlt } from "@smwb/ui-react/icons";
+     * <Icon name={arrowRightAlt} />
+     * ```
      */
-    name: string;
+    name: string | IconDefinition;
     className?: string;
+    /**
+     * Material Symbols weight axis (100-700). For the smwb SVG set it maps to the
+     * stroke width: 400 → 2px, 700 → 3px, 100 → 1px.
+     */
     weight?: number;
+    /** Material Symbols FILL axis. Not used by the smwb SVG set (it is a contour set). */
     fill?: 0 | 1;
     /** Pixel number or any CSS length (e.g. "1.5rem"). */
     size?: number | string;
+    /** Material Symbols GRAD axis. Not used by the smwb SVG set. */
     grade?: number;
     /**
      * Semantic color token; `inherit` (default) keeps the text color.
@@ -23,6 +39,8 @@ export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
      * `role="img"`; otherwise it is `aria-hidden` (decorative).
      */
     title?: string;
+    /** Overrides the icon source for this icon only. See {@link IconSource}. */
+    source?: IconSource;
 }
 export declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<HTMLSpanElement>>;
 export default Icon;

package/dist/components/base/icon/icon.js

@@ -1,27 +1,61 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import '../../../assets/styles/less/components/icon/icon.entry.css';/* empty css                                                   */
-import { forwardRef as p } from "react";
-import u from "clsx";
-const g = p(function({ className: s, weight: t = 400, fill: c = 0, size: o = 20, grade: d = 100, name: l, color: r = "inherit", title: n, ...i }, m) {
-  const a = n === void 0, f = r && ["primary", "secondary", "error", "success", "warning", "info", "disabled"].includes(r) ? `smwb-icon_color-${r}` : null;
-  return /* @__PURE__ */ e(
+import { forwardRef as L, useSyncExternalStore as C } from "react";
+import N from "clsx";
+import { getIcon as O } from "../../../icons/registry.js";
+import { getIconConfig as R } from "../../../icons/config.js";
+import { subscribeIcons as j } from "../../../icons/store.js";
+import { useIconSource as B } from "./iconProvider.js";
+const E = ["primary", "secondary", "error", "success", "warning", "info", "disabled"], y = /* @__PURE__ */ new Set();
+function T(r) {
+  !R().warnOnMissing || y.has(r) || (y.add(r), console.warn(
+    `[smwb] Icon "${r}" is not registered. Register it (import { ${r} } from "@smwb/ui-react/icons") or use source="auto" to fall back to Material Symbols.`
+  ));
+}
+const W = L(function({ className: S, weight: a = 400, fill: v = 0, size: n = 20, grade: I = 100, name: o, color: e = "inherit", title: i, source: _, ...u }, x) {
+  var w, b;
+  const d = B(_), g = typeof o == "string" ? o : null, m = () => {
+    var h;
+    return g === null ? null : (h = O(g)) != null ? h : null;
+  }, M = C(j, m, m), s = typeof o == "object" ? o : M, p = typeof o == "string" ? o : o.name, t = d === "google" ? "google" : s ? "smwb" : d === "smwb" ? "missing" : "google";
+  t === "missing" && T(p);
+  const f = i === void 0, $ = e && E.includes(e) ? `smwb-icon_color-${e}` : null, c = typeof n == "number" ? `${n}px` : n, k = Math.round(Math.min(3, Math.max(1, a / 200)) * 100) / 100;
+  return /* @__PURE__ */ l(
     "span",
     {
-      ...i,
-      ref: m,
+      ...u,
+      ref: x,
       "data-testid": "icon",
-      role: a ? void 0 : "img",
-      "aria-hidden": a ? !0 : void 0,
-      "aria-label": n,
-      title: n,
-      style: { ...i.style, fontVariationSettings: `'FILL' ${c}, 'wght' ${t}, 'GRAD' ${d}, 'opsz' 48` },
-      className: u("smwb-icon__wrapper", f, s),
-      children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: typeof o == "number" ? `${o}px` : o }, children: l })
+      "data-icon-source": t,
+      role: f ? void 0 : "img",
+      "aria-hidden": f ? !0 : void 0,
+      "aria-label": i,
+      title: i,
+      style: {
+        ...u.style,
+        ...t === "google" ? { fontVariationSettings: `'FILL' ${v}, 'wght' ${a}, 'GRAD' ${I}, 'opsz' 48` } : null
+      },
+      className: N("smwb-icon__wrapper", $, S),
+      children: t === "google" ? /* @__PURE__ */ l("span", { className: "material-symbols-outlined", style: { fontSize: c }, children: p }) : /* @__PURE__ */ l(
+        "svg",
+        {
+          className: "smwb-icon__svg",
+          viewBox: (w = s == null ? void 0 : s.viewBox) != null ? w : "0 0 24 24",
+          style: { width: c, height: c },
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: k,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          "aria-hidden": "true",
+          dangerouslySetInnerHTML: { __html: (b = s == null ? void 0 : s.body) != null ? b : "" }
+        }
+      )
     }
   );
 });
 export {
-  g as Icon,
-  g as default
+  W as Icon,
+  W as default
 };
 //# sourceMappingURL=icon.js.map

package/dist/components/base/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../../../src/components/base/icon/icon.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes } from \"react\";\nimport cn from \"clsx\";\n\nexport type IconColor = \"inherit\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\" | \"disabled\";\n\nexport interface IconProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Icon name from https://fonts.google.com/icons\n   * Пример: name={\"arrow_right_alt\"}\n   */\n  name: string;\n  className?: string;\n  weight?: number;\n  fill?: 0 | 1;\n  /** Pixel number or any CSS length (e.g. \"1.5rem\"). */\n  size?: number | string;\n  grade?: number;\n  /**\n   * Semantic color token; `inherit` (default) keeps the text color.\n   * Any string is accepted for backward compatibility, but only known\n   * {@link IconColor} tokens emit a color class.\n   */\n  color?: IconColor | (string & {});\n  /**\n   * Accessible name. When provided the icon is exposed as\n   * `role=\"img\"`; otherwise it is `aria-hidden` (decorative).\n   */\n  title?: string;\n}\n\nexport const Icon = forwardRef<HTMLSpanElement, IconProps>(function Icon(\n  { className, weight = 400, fill = 0, size = 20, grade = 100, name, color = \"inherit\", title, ...props },\n  ref\n) {\n  const decorative = title === undefined;\n  const colorClass =\n    color && [\"primary\", \"secondary\", \"error\", \"success\", \"warning\", \"info\", \"disabled\"].includes(color)\n      ? `smwb-icon_color-${color}`\n      : null;\n  return (\n    <span\n      {...props}\n      ref={ref}\n      data-testid=\"icon\"\n      role={decorative ? undefined : \"img\"}\n      aria-hidden={decorative ? true : undefined}\n      aria-label={title}\n      title={title}\n      style={{ ...props.style, fontVariationSettings: `'FILL' ${fill}, 'wght' ${weight}, 'GRAD' ${grade}, 'opsz' 48` }}\n      className={cn(\"smwb-icon__wrapper\", colorClass, className)}\n    >\n      <span className=\"material-symbols-outlined\" style={{ fontSize: typeof size === \"number\" ? `${size}px` : size }}>\n        {name}\n      </span>\n    </span>\n  );\n});\n\nexport default Icon;\n"],"names":["Icon","forwardRef","className","weight","fill","size","grade","name","color","title","props","ref","decorative","colorClass","jsx","cn"],"mappings":";;;;AA+BO,MAAMA,IAAOC,EAAuC,SACzD,EAAE,WAAAC,GAAW,QAAAC,IAAS,KAAK,MAAAC,IAAO,GAAG,MAAAC,IAAO,IAAI,OAAAC,IAAQ,KAAK,MAAAC,GAAM,OAAAC,IAAQ,WAAW,OAAAC,GAAO,GAAGC,EAAA,GAChGC,GACA;AACA,QAAMC,IAAaH,MAAU,QACvBI,IACJL,KAAS,CAAC,WAAW,aAAa,SAAS,WAAW,WAAW,QAAQ,UAAU,EAAE,SAASA,CAAK,IAC/F,mBAAmBA,CAAK,KACxB;AACN,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,KAAAC;AAAA,MACA,eAAY;AAAA,MACZ,MAAMC,IAAa,SAAY;AAAA,MAC/B,eAAaA,IAAa,KAAO;AAAA,MACjC,cAAYH;AAAA,MACZ,OAAAA;AAAA,MACA,OAAO,EAAE,GAAGC,EAAM,OAAO,uBAAuB,UAAUN,CAAI,YAAYD,CAAM,YAAYG,CAAK,cAAA;AAAA,MACjG,WAAWS,EAAG,sBAAsBF,GAAYX,CAAS;AAAA,MAEzD,UAAA,gBAAAY,EAAC,QAAA,EAAK,WAAU,6BAA4B,OAAO,EAAE,UAAU,OAAOT,KAAS,WAAW,GAAGA,CAAI,OAAOA,EAAA,GACrG,UAAAE,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"icon.js","sources":["../../../../src/components/base/icon/icon.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, useSyncExternalStore } from \"react\";\nimport cn from \"clsx\";\nimport { getIcon } from \"../../../icons/registry\";\nimport { getIconConfig } from \"../../../icons/config\";\nimport { subscribeIcons } from \"../../../icons/store\";\nimport type { IconDefinition, IconSource } from \"../../../icons/types\";\nimport { useIconSource } from \"./iconProvider\";\n\nexport type IconColor = \"inherit\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\" | \"disabled\";\n\nconst COLOR_TOKENS = [\"primary\", \"secondary\", \"error\", \"success\", \"warning\", \"info\", \"disabled\"];\n\nconst warned = new Set<string>();\n\nfunction warnMissing(name: string): void {\n  if (!getIconConfig().warnOnMissing || warned.has(name)) return;\n  warned.add(name);\n  // eslint-disable-next-line no-console -- a missing icon is silent otherwise\n  console.warn(\n    `[smwb] Icon \"${name}\" is not registered. Register it (import { ${name} } from \"@smwb/ui-react/icons\") ` +\n      `or use source=\"auto\" to fall back to Material Symbols.`\n  );\n}\n\nexport interface IconProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Icon name — the Google Material Symbols name, e.g. `\"arrow_right_alt\"`.\n   * Lookup is forgiving: `arrowRightAlt` and `arrow-right-alt` resolve too, as\n   * do an icon's aliases.\n   *\n   * An {@link IconDefinition} may be passed instead, which skips the registry\n   * entirely and is the most bundle-friendly form:\n   *\n   * ```tsx\n   * import { arrowRightAlt } from \"@smwb/ui-react/icons\";\n   * <Icon name={arrowRightAlt} />\n   * ```\n   */\n  name: string | IconDefinition;\n  className?: string;\n  /**\n   * Material Symbols weight axis (100-700). For the smwb SVG set it maps to the\n   * stroke width: 400 → 2px, 700 → 3px, 100 → 1px.\n   */\n  weight?: number;\n  /** Material Symbols FILL axis. Not used by the smwb SVG set (it is a contour set). */\n  fill?: 0 | 1;\n  /** Pixel number or any CSS length (e.g. \"1.5rem\"). */\n  size?: number | string;\n  /** Material Symbols GRAD axis. Not used by the smwb SVG set. */\n  grade?: number;\n  /**\n   * Semantic color token; `inherit` (default) keeps the text color.\n   * Any string is accepted for backward compatibility, but only known\n   * {@link IconColor} tokens emit a color class.\n   */\n  color?: IconColor | (string & {});\n  /**\n   * Accessible name. When provided the icon is exposed as\n   * `role=\"img\"`; otherwise it is `aria-hidden` (decorative).\n   */\n  title?: string;\n  /** Overrides the icon source for this icon only. See {@link IconSource}. */\n  source?: IconSource;\n}\n\nexport const Icon = forwardRef<HTMLSpanElement, IconProps>(function Icon(\n  { className, weight = 400, fill = 0, size = 20, grade = 100, name, color = \"inherit\", title, source, ...props },\n  ref\n) {\n  const resolvedSource = useIconSource(source);\n  const lookup = typeof name === \"string\" ? name : null;\n  // Subscribing keeps late registrations (lazy chunks, Storybook HMR) from\n  // leaving a mounted icon blank. getIcon returns the same object for the same\n  // registration, so the snapshot is stable.\n  const getSnapshot = () => (lookup === null ? null : (getIcon(lookup) ?? null));\n  const registered = useSyncExternalStore(subscribeIcons, getSnapshot, getSnapshot);\n  const definition = typeof name === \"object\" ? name : registered;\n  const glyph = typeof name === \"string\" ? name : name.name;\n\n  const mode =\n    resolvedSource === \"google\" ? \"google\" : definition ? \"smwb\" : resolvedSource === \"smwb\" ? \"missing\" : \"google\";\n  if (mode === \"missing\") warnMissing(glyph);\n\n  const decorative = title === undefined;\n  const colorClass = color && COLOR_TOKENS.includes(color) ? `smwb-icon_color-${color}` : null;\n  const cssSize = typeof size === \"number\" ? `${size}px` : size;\n  const strokeWidth = Math.round(Math.min(3, Math.max(1, weight / 200)) * 100) / 100;\n\n  return (\n    <span\n      {...props}\n      ref={ref}\n      data-testid=\"icon\"\n      data-icon-source={mode}\n      role={decorative ? undefined : \"img\"}\n      aria-hidden={decorative ? true : undefined}\n      aria-label={title}\n      title={title}\n      style={{\n        ...props.style,\n        ...(mode === \"google\"\n          ? { fontVariationSettings: `'FILL' ${fill}, 'wght' ${weight}, 'GRAD' ${grade}, 'opsz' 48` }\n          : null),\n      }}\n      className={cn(\"smwb-icon__wrapper\", colorClass, className)}\n    >\n      {mode === \"google\" ? (\n        <span className=\"material-symbols-outlined\" style={{ fontSize: cssSize }}>\n          {glyph}\n        </span>\n      ) : (\n        <svg\n          className=\"smwb-icon__svg\"\n          viewBox={definition?.viewBox ?? \"0 0 24 24\"}\n          style={{ width: cssSize, height: cssSize }}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          aria-hidden=\"true\"\n          dangerouslySetInnerHTML={{ __html: definition?.body ?? \"\" }}\n        />\n      )}\n    </span>\n  );\n});\n\nexport default Icon;\n"],"names":["COLOR_TOKENS","warned","warnMissing","name","getIconConfig","Icon","forwardRef","className","weight","fill","size","grade","color","title","source","props","ref","resolvedSource","useIconSource","lookup","getSnapshot","_a","getIcon","registered","useSyncExternalStore","subscribeIcons","definition","glyph","mode","decorative","colorClass","cssSize","strokeWidth","jsx","cn","_b"],"mappings":";;;;;;;;AAWA,MAAMA,IAAe,CAAC,WAAW,aAAa,SAAS,WAAW,WAAW,QAAQ,UAAU,GAEzFC,wBAAa,IAAA;AAEnB,SAASC,EAAYC,GAAoB;AACvC,EAAI,CAACC,EAAA,EAAgB,iBAAiBH,EAAO,IAAIE,CAAI,MACrDF,EAAO,IAAIE,CAAI,GAEf,QAAQ;AAAA,IACN,gBAAgBA,CAAI,8CAA8CA,CAAI;AAAA,EAAA;AAG1E;AA4CO,MAAME,IAAOC,EAAuC,SACzD,EAAE,WAAAC,GAAW,QAAAC,IAAS,KAAK,MAAAC,IAAO,GAAG,MAAAC,IAAO,IAAI,OAAAC,IAAQ,KAAK,MAAAR,GAAM,OAAAS,IAAQ,WAAW,OAAAC,GAAO,QAAAC,GAAQ,GAAGC,EAAA,GACxGC,GACA;;AACA,QAAMC,IAAiBC,EAAcJ,CAAM,GACrCK,IAAS,OAAOhB,KAAS,WAAWA,IAAO,MAI3CiB,IAAc,MAAA;;AAAO,WAAAD,MAAW,OAAO,QAAQE,IAAAC,EAAQH,CAAM,MAAd,OAAAE,IAAmB;AAAA,KAClEE,IAAaC,EAAqBC,GAAgBL,GAAaA,CAAW,GAC1EM,IAAa,OAAOvB,KAAS,WAAWA,IAAOoB,GAC/CI,IAAQ,OAAOxB,KAAS,WAAWA,IAAOA,EAAK,MAE/CyB,IACJX,MAAmB,WAAW,WAAWS,IAAa,SAAST,MAAmB,SAAS,YAAY;AACzG,EAAIW,MAAS,aAAW1B,EAAYyB,CAAK;AAEzC,QAAME,IAAahB,MAAU,QACvBiB,IAAalB,KAASZ,EAAa,SAASY,CAAK,IAAI,mBAAmBA,CAAK,KAAK,MAClFmB,IAAU,OAAOrB,KAAS,WAAW,GAAGA,CAAI,OAAOA,GACnDsB,IAAc,KAAK,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGxB,IAAS,GAAG,CAAC,IAAI,GAAG,IAAI;AAE/E,SACE,gBAAAyB;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGlB;AAAA,MACJ,KAAAC;AAAA,MACA,eAAY;AAAA,MACZ,oBAAkBY;AAAA,MAClB,MAAMC,IAAa,SAAY;AAAA,MAC/B,eAAaA,IAAa,KAAO;AAAA,MACjC,cAAYhB;AAAA,MACZ,OAAAA;AAAA,MACA,OAAO;AAAA,QACL,GAAGE,EAAM;AAAA,QACT,GAAIa,MAAS,WACT,EAAE,uBAAuB,UAAUnB,CAAI,YAAYD,CAAM,YAAYG,CAAK,cAAA,IAC1E;AAAA,MAAA;AAAA,MAEN,WAAWuB,EAAG,sBAAsBJ,GAAYvB,CAAS;AAAA,MAExD,UAAAqB,MAAS,WACR,gBAAAK,EAAC,QAAA,EAAK,WAAU,6BAA4B,OAAO,EAAE,UAAUF,EAAA,GAC5D,UAAAJ,EAAA,CACH,IAEA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,UAASZ,IAAAK,KAAA,gBAAAA,EAAY,YAAZ,OAAAL,IAAuB;AAAA,UAChC,OAAO,EAAE,OAAOU,GAAS,QAAQA,EAAA;AAAA,UACjC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAAC;AAAA,UACA,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,eAAY;AAAA,UACZ,yBAAyB,EAAE,SAAQG,IAAAT,KAAA,gBAAAA,EAAY,SAAZ,OAAAS,IAAoB,GAAA;AAAA,QAAG;AAAA,MAAA;AAAA,IAC5D;AAAA,EAAA;AAIR,CAAC;"}

package/dist/components/base/icon/iconProvider.d.ts

@@ -0,0 +1,39 @@
+import { type ReactNode } from "react";
+import { type IconInput } from "../../../icons/registry";
+import type { IconSource } from "../../../icons/types";
+export interface IconContextValue {
+    /** Icon artwork for this subtree. Falls back to {@link configureIcons}. */
+    source?: IconSource;
+}
+export declare const IconContext: import("react").Context<IconContextValue | null>;
+export interface IconProviderProps extends IconContextValue {
+    /**
+     * Icons to make available to `<Icon name="...">` inside this subtree.
+     *
+     * ```tsx
+     * import { add, close, search } from "@smwb/ui-react/icons";
+     *
+     * <IconProvider source="smwb" icons={[add, close, search]}>
+     *   <App />
+     * </IconProvider>
+     * ```
+     *
+     * Registration is process-wide (the registry is a module singleton), so the
+     * prop is a convenience for apps that would otherwise call `registerIcons`
+     * at startup — not a scoping mechanism.
+     */
+    icons?: IconInput;
+    children?: ReactNode;
+}
+/**
+ * Sets the icon source — and optionally registers icons — for a subtree.
+ * `<Icon source>` still wins over the provider, and the provider wins over the
+ * app-wide {@link configureIcons} default.
+ */
+export declare function IconProvider({ source, icons, children }: IconProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Resolves the icon source the way `<Icon>` does: explicit prop, then the
+ * nearest {@link IconProvider}, then the app-wide config (`"auto"` by default).
+ */
+export declare function useIconSource(override?: IconSource): IconSource;
+export default IconProvider;

package/dist/components/base/icon/iconProvider.js

@@ -0,0 +1,25 @@
+import { jsx as s } from "react/jsx-runtime";
+import { createContext as f, useMemo as e, useContext as m, useSyncExternalStore as i } from "react";
+import { registerIcons as g } from "../../../icons/registry.js";
+import { getIconConfig as p } from "../../../icons/config.js";
+import { subscribeIcons as I } from "../../../icons/store.js";
+const u = f(null);
+function b({ source: t, icons: o, children: r }) {
+  e(() => {
+    o && g(o);
+  }, [o]);
+  const n = e(() => ({ source: t }), [t]);
+  return /* @__PURE__ */ s(u.Provider, { value: n, children: r });
+}
+const c = () => p().source;
+function P(t) {
+  var n;
+  const o = m(u), r = i(I, c, c);
+  return (n = t != null ? t : o == null ? void 0 : o.source) != null ? n : r;
+}
+export {
+  u as IconContext,
+  b as IconProvider,
+  P as useIconSource
+};
+//# sourceMappingURL=iconProvider.js.map

package/dist/components/base/icon/iconProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconProvider.js","sources":["../../../../src/components/base/icon/iconProvider.tsx"],"sourcesContent":["import { createContext, useContext, useMemo, useSyncExternalStore, type ReactNode } from \"react\";\nimport { registerIcons, type IconInput } from \"../../../icons/registry\";\nimport { getIconConfig } from \"../../../icons/config\";\nimport { subscribeIcons } from \"../../../icons/store\";\nimport type { IconSource } from \"../../../icons/types\";\n\nexport interface IconContextValue {\n  /** Icon artwork for this subtree. Falls back to {@link configureIcons}. */\n  source?: IconSource;\n}\n\nexport const IconContext = createContext<IconContextValue | null>(null);\n\nexport interface IconProviderProps extends IconContextValue {\n  /**\n   * Icons to make available to `<Icon name=\"...\">` inside this subtree.\n   *\n   * ```tsx\n   * import { add, close, search } from \"@smwb/ui-react/icons\";\n   *\n   * <IconProvider source=\"smwb\" icons={[add, close, search]}>\n   *   <App />\n   * </IconProvider>\n   * ```\n   *\n   * Registration is process-wide (the registry is a module singleton), so the\n   * prop is a convenience for apps that would otherwise call `registerIcons`\n   * at startup — not a scoping mechanism.\n   */\n  icons?: IconInput;\n  children?: ReactNode;\n}\n\n/**\n * Sets the icon source — and optionally registers icons — for a subtree.\n * `<Icon source>` still wins over the provider, and the provider wins over the\n * app-wide {@link configureIcons} default.\n */\nexport function IconProvider({ source, icons, children }: IconProviderProps) {\n  // Icons have to be in the registry before the subtree's first paint, so this\n  // cannot wait for an effect. registerIcons is idempotent, which keeps it safe\n  // under StrictMode's double render.\n  useMemo(() => {\n    if (icons) registerIcons(icons);\n  }, [icons]);\n\n  const value = useMemo<IconContextValue>(() => ({ source }), [source]);\n  return <IconContext.Provider value={value}>{children}</IconContext.Provider>;\n}\n\nconst getConfiguredSource = (): IconSource => getIconConfig().source;\n\n/**\n * Resolves the icon source the way `<Icon>` does: explicit prop, then the\n * nearest {@link IconProvider}, then the app-wide config (`\"auto\"` by default).\n */\nexport function useIconSource(override?: IconSource): IconSource {\n  const context = useContext(IconContext);\n  const configured = useSyncExternalStore(subscribeIcons, getConfiguredSource, getConfiguredSource);\n  return override ?? context?.source ?? configured;\n}\n\nexport default IconProvider;\n"],"names":["IconContext","createContext","IconProvider","source","icons","children","useMemo","value","jsx","getConfiguredSource","getIconConfig","useIconSource","override","context","useContext","configured","useSyncExternalStore","subscribeIcons","_a"],"mappings":";;;;;AAWO,MAAMA,IAAcC,EAAuC,IAAI;AA2B/D,SAASC,EAAa,EAAE,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,KAA+B;AAI3E,EAAAC,EAAQ,MAAM;AACZ,IAAIF,OAAqBA,CAAK;AAAA,EAChC,GAAG,CAACA,CAAK,CAAC;AAEV,QAAMG,IAAQD,EAA0B,OAAO,EAAE,QAAAH,MAAW,CAACA,CAAM,CAAC;AACpE,SAAO,gBAAAK,EAACR,EAAY,UAAZ,EAAqB,OAAAO,GAAe,UAAAF,EAAA,CAAS;AACvD;AAEA,MAAMI,IAAsB,MAAkBC,EAAA,EAAgB;AAMvD,SAASC,EAAcC,GAAmC;;AAC/D,QAAMC,IAAUC,EAAWd,CAAW,GAChCe,IAAaC,EAAqBC,GAAgBR,GAAqBA,CAAmB;AAChG,UAAOS,IAAAN,KAAA,OAAAA,IAAYC,KAAA,gBAAAA,EAAS,WAArB,OAAAK,IAA+BH;AACxC;"}

package/dist/components/base/icon/index.d.ts

@@ -1,2 +1,4 @@
 export { default as Icon } from "./icon";
 export type { IconProps, IconColor } from "./icon";
+export { IconProvider, IconContext, useIconSource } from "./iconProvider";
+export type { IconProviderProps, IconContextValue } from "./iconProvider";

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

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from "react";
-import type { Accept } from "react-dropzone";
+import type { Accept } from "./useChatFileUpload";
 import { ChatMessagesProps } from "./chatMessages";
 import { ChatAnchor, ChatLayoutMode, ChatMessage, ChatMessageRenderContext, ChatThemeMode } from "./types";
 export interface ChatProps extends PropsWithChildren, Omit<ChatMessageRenderContext, "showAvatars" | "showAttachments"> {

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 \"react-dropzone\";\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/chat/useChatFileUpload.d.ts

@@ -1,4 +1,7 @@
-import { type Accept } from "react-dropzone";
+import React from "react";
+import { type DropzoneAccept, type DropzoneInputProps } from "../../../hooks/useDropzone";
+/** Kept as a named alias so `ChatProps.fileUploadAccept` reads the same as before. */
+export type Accept = DropzoneAccept;
 export interface UseChatFileUploadOptions {
     enabled?: boolean;
     accept?: Accept;
@@ -6,14 +9,23 @@ export interface UseChatFileUploadOptions {
     onUploadFiles?: (files: File[]) => void | Promise<void>;
     disabled?: boolean;
 }
+export interface ChatFileUploadRootProps {
+    onDragOver: (event: React.DragEvent<HTMLElement>) => void;
+    onDragLeave: () => void;
+    onDrop: (event: React.DragEvent<HTMLElement>) => void;
+}
 export declare function resolveChatFileUploadMaxFiles(maxFiles?: number): number;
 export declare function useChatFileUpload({ enabled, accept, maxFiles, onUploadFiles, disabled, }: UseChatFileUploadOptions): {
     enabled: boolean;
     maxFiles: number;
-    getRootProps: <T extends import("react-dropzone").DropzoneRootProps>(props?: T) => T;
-    getInputProps: <T extends import("react-dropzone").DropzoneInputProps>(props?: T) => T;
+    getRootProps: () => ChatFileUploadRootProps;
+    getInputProps: (extra?: {
+        id?: string;
+    }) => DropzoneInputProps & {
+        id?: string;
+    };
     open: () => void;
-    inputRef: import("react").RefObject<HTMLInputElement>;
+    inputRef: React.RefObject<HTMLInputElement>;
     isDragActive: boolean;
 };
 export default useChatFileUpload;

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

@@ -1,42 +1,51 @@
-import { useDropzone as F } from "react-dropzone";
-import { CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES as d } from "./types.js";
-function A(e) {
-  return e == null ? d : Math.max(1, e);
+import { useDropzone as g } from "../../../hooks/useDropzone.js";
+import { CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES as F } from "./types.js";
+function d(e) {
+  return e == null ? F : Math.max(1, e);
 }
-function D({
+function v({
   enabled: e = !1,
-  accept: s,
-  maxFiles: n,
-  onUploadFiles: o,
-  disabled: l = !1
+  accept: p,
+  maxFiles: s,
+  onUploadFiles: t,
+  disabled: i = !1
 }) {
-  const t = A(n), i = e && !!o && !l, { getRootProps: a, getInputProps: c, open: r, isDragActive: u, inputRef: p } = F({
-    accept: s,
-    maxFiles: t,
-    multiple: t > 1,
-    disabled: !i,
-    noClick: !0,
-    noKeyboard: !0,
-    useFsAccessApi: !1,
-    onDropAccepted: (f) => {
-      o && o(f);
+  const n = d(s), r = e && !!t && !i, {
+    getRootProps: l,
+    getInputProps: c,
+    open: u,
+    isDragActive: a,
+    inputRef: P
+  } = g({
+    accept: p,
+    maxFiles: n,
+    multiple: n > 1,
+    disabled: !r,
+    onDropAccepted: (o) => {
+      t && t(o);
     }
   });
   return {
-    enabled: i,
-    maxFiles: t,
-    getRootProps: a,
-    getInputProps: c,
+    enabled: r,
+    maxFiles: n,
+    getRootProps: () => {
+      const { onClick: o, ...f } = l();
+      return f;
+    },
+    getInputProps: (o) => ({
+      ...c(),
+      ...o != null ? o : {}
+    }),
     open: () => {
-      r == null || r();
+      u();
     },
-    inputRef: p,
-    isDragActive: u
+    inputRef: P,
+    isDragActive: a
   };
 }
 export {
-  D as default,
-  A as resolveChatFileUploadMaxFiles,
-  D as useChatFileUpload
+  v as default,
+  d as resolveChatFileUploadMaxFiles,
+  v as useChatFileUpload
 };
 //# sourceMappingURL=useChatFileUpload.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useChatFileUpload.js","sources":["../../../../src/components/dataDisplay/chat/useChatFileUpload.ts"],"sourcesContent":["import { useDropzone, type Accept } from \"react-dropzone\";\nimport { CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES } from \"./types\";\n\nexport interface UseChatFileUploadOptions {\n  enabled?: boolean;\n  accept?: Accept;\n  maxFiles?: number;\n  onUploadFiles?: (files: File[]) => void | Promise<void>;\n  disabled?: boolean;\n}\n\nexport function resolveChatFileUploadMaxFiles(maxFiles?: number): number {\n  if (maxFiles == null) {\n    return CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES;\n  }\n\n  return Math.max(1, maxFiles);\n}\n\nexport function useChatFileUpload({\n  enabled = false,\n  accept,\n  maxFiles,\n  onUploadFiles,\n  disabled = false,\n}: UseChatFileUploadOptions) {\n  const resolvedMaxFiles = resolveChatFileUploadMaxFiles(maxFiles);\n  const active = enabled && Boolean(onUploadFiles) && !disabled;\n\n  const { getRootProps, getInputProps, open, isDragActive, inputRef } = useDropzone({\n    accept,\n    maxFiles: resolvedMaxFiles,\n    multiple: resolvedMaxFiles > 1,\n    disabled: !active,\n    noClick: true,\n    noKeyboard: true,\n    useFsAccessApi: false,\n    onDropAccepted: (files) => {\n      if (onUploadFiles) {\n        void onUploadFiles(files);\n      }\n    },\n  });\n\n  const openFilePicker = () => {\n    open?.();\n  };\n\n  return {\n    enabled: active,\n    maxFiles: resolvedMaxFiles,\n    getRootProps,\n    getInputProps,\n    open: openFilePicker,\n    inputRef,\n    isDragActive,\n  };\n}\n\nexport default useChatFileUpload;\n"],"names":["resolveChatFileUploadMaxFiles","maxFiles","CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES","useChatFileUpload","enabled","accept","onUploadFiles","disabled","resolvedMaxFiles","active","getRootProps","getInputProps","open","isDragActive","inputRef","useDropzone","files"],"mappings":";;AAWO,SAASA,EAA8BC,GAA2B;AACvE,SAAIA,KAAY,OACPC,IAGF,KAAK,IAAI,GAAGD,CAAQ;AAC7B;AAEO,SAASE,EAAkB;AAAA,EAChC,SAAAC,IAAU;AAAA,EACV,QAAAC;AAAA,EACA,UAAAJ;AAAA,EACA,eAAAK;AAAA,EACA,UAAAC,IAAW;AACb,GAA6B;AAC3B,QAAMC,IAAmBR,EAA8BC,CAAQ,GACzDQ,IAASL,KAAW,EAAQE,KAAkB,CAACC,GAE/C,EAAE,cAAAG,GAAc,eAAAC,GAAe,MAAAC,GAAM,cAAAC,GAAc,UAAAC,EAAA,IAAaC,EAAY;AAAA,IAChF,QAAAV;AAAA,IACA,UAAUG;AAAA,IACV,UAAUA,IAAmB;AAAA,IAC7B,UAAU,CAACC;AAAA,IACX,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,gBAAgB,CAACO,MAAU;AACzB,MAAIV,KACGA,EAAcU,CAAK;AAAA,IAE5B;AAAA,EAAA,CACD;AAMD,SAAO;AAAA,IACL,SAASP;AAAA,IACT,UAAUD;AAAA,IACV,cAAAE;AAAA,IACA,eAAAC;AAAA,IACA,MATqB,MAAM;AAC3B,MAAAC,KAAA,QAAAA;AAAA,IACF;AAAA,IAQE,UAAAE;AAAA,IACA,cAAAD;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useChatFileUpload.js","sources":["../../../../src/components/dataDisplay/chat/useChatFileUpload.ts"],"sourcesContent":["import React from \"react\";\nimport { type DropzoneAccept, type DropzoneInputProps, useDropzone } from \"../../../hooks/useDropzone\";\nimport { CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES } from \"./types\";\n\n/** Kept as a named alias so `ChatProps.fileUploadAccept` reads the same as before. */\nexport type Accept = DropzoneAccept;\n\nexport interface UseChatFileUploadOptions {\n  enabled?: boolean;\n  accept?: Accept;\n  maxFiles?: number;\n  onUploadFiles?: (files: File[]) => void | Promise<void>;\n  disabled?: boolean;\n}\n\nexport interface ChatFileUploadRootProps {\n  onDragOver: (event: React.DragEvent<HTMLElement>) => void;\n  onDragLeave: () => void;\n  onDrop: (event: React.DragEvent<HTMLElement>) => void;\n}\n\nexport function resolveChatFileUploadMaxFiles(maxFiles?: number): number {\n  if (maxFiles == null) {\n    return CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES;\n  }\n\n  return Math.max(1, maxFiles);\n}\n\nexport function useChatFileUpload({\n  enabled = false,\n  accept,\n  maxFiles,\n  onUploadFiles,\n  disabled = false,\n}: UseChatFileUploadOptions) {\n  const resolvedMaxFiles = resolveChatFileUploadMaxFiles(maxFiles);\n  const active = enabled && Boolean(onUploadFiles) && !disabled;\n\n  const {\n    getRootProps: getDropzoneRootProps,\n    getInputProps: getDropzoneInputProps,\n    open,\n    isDragActive,\n    inputRef,\n  } = useDropzone({\n    accept,\n    maxFiles: resolvedMaxFiles,\n    multiple: resolvedMaxFiles > 1,\n    disabled: !active,\n    onDropAccepted: (files) => {\n      if (onUploadFiles) {\n        void onUploadFiles(files);\n      }\n    },\n  });\n\n  // Drag/drop root props WITHOUT a click handler — the `noClick` behaviour this hook used to\n  // configure on react-dropzone. Clicking the chat surface must never open the file picker;\n  // the attach button calls `open()` explicitly. Mirrors ui-solid's createChatFileUpload.\n  const getRootProps = (): ChatFileUploadRootProps => {\n    const { onClick: _onClick, ...rest } = getDropzoneRootProps();\n    void _onClick;\n    return rest;\n  };\n\n  const getInputProps = (extra?: { id?: string }): DropzoneInputProps & { id?: string } => ({\n    ...getDropzoneInputProps(),\n    ...(extra ?? {}),\n  });\n\n  const openFilePicker = () => {\n    open();\n  };\n\n  return {\n    enabled: active,\n    maxFiles: resolvedMaxFiles,\n    getRootProps,\n    getInputProps,\n    open: openFilePicker,\n    inputRef,\n    isDragActive,\n  };\n}\n\nexport default useChatFileUpload;\n"],"names":["resolveChatFileUploadMaxFiles","maxFiles","CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES","useChatFileUpload","enabled","accept","onUploadFiles","disabled","resolvedMaxFiles","active","getDropzoneRootProps","getDropzoneInputProps","open","isDragActive","inputRef","useDropzone","files","_onClick","rest","extra"],"mappings":";;AAqBO,SAASA,EAA8BC,GAA2B;AACvE,SAAIA,KAAY,OACPC,IAGF,KAAK,IAAI,GAAGD,CAAQ;AAC7B;AAEO,SAASE,EAAkB;AAAA,EAChC,SAAAC,IAAU;AAAA,EACV,QAAAC;AAAA,EACA,UAAAJ;AAAA,EACA,eAAAK;AAAA,EACA,UAAAC,IAAW;AACb,GAA6B;AAC3B,QAAMC,IAAmBR,EAA8BC,CAAQ,GACzDQ,IAASL,KAAW,EAAQE,KAAkB,CAACC,GAE/C;AAAA,IACJ,cAAcG;AAAA,IACd,eAAeC;AAAA,IACf,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEC,EAAY;AAAA,IACd,QAAAV;AAAA,IACA,UAAUG;AAAA,IACV,UAAUA,IAAmB;AAAA,IAC7B,UAAU,CAACC;AAAA,IACX,gBAAgB,CAACO,MAAU;AACzB,MAAIV,KACGA,EAAcU,CAAK;AAAA,IAE5B;AAAA,EAAA,CACD;AAoBD,SAAO;AAAA,IACL,SAASP;AAAA,IACT,UAAUD;AAAA,IACV,cAlBmB,MAA+B;AAClD,YAAM,EAAE,SAASS,GAAU,GAAGC,EAAA,IAASR,EAAA;AAEvC,aAAOQ;AAAA,IACT;AAAA,IAeE,eAboB,CAACC,OAAmE;AAAA,MACxF,GAAGR,EAAA;AAAA,MACH,GAAIQ,KAAA,OAAAA,IAAS,CAAA;AAAA,IAAC;AAAA,IAYd,MATqB,MAAM;AAC3B,MAAAP,EAAA;AAAA,IACF;AAAA,IAQE,UAAAE;AAAA,IACA,cAAAD;AAAA,EAAA;AAEJ;"}

package/dist/components/feedBack/confirmDialog/confirmDialog.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+export interface ConfirmDialogProps {
+    open: boolean;
+    title: string;
+    /** The subject of the action, shown emphasised on its own line (e.g. the asset name). */
+    subject?: string;
+    /** A secondary explanatory line (e.g. "can't be undone"). */
+    message?: string;
+    confirmLabel: string;
+    cancelLabel?: string;
+    /** Style the confirm button as destructive (red). */
+    danger?: boolean;
+    /** Disable the actions + gate Esc/outside-click while a confirm is in flight. */
+    busy?: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+    className?: string;
+}
+/**
+ * An alert/confirm dialog built on {@link Modal}: a title, an optional emphasised subject + secondary
+ * message, and Cancel / Confirm actions. `role="alertdialog"` with the subject + message wired to
+ * `aria-describedby` so a screen reader announces the consequence, not just the title. While `busy`,
+ * Escape + outside-click are gated and the buttons disabled. Pure presentation — the caller owns the
+ * open state and the confirm/cancel handlers (and supplies localised labels).
+ */
+export declare function ConfirmDialog(props: ConfirmDialogProps): React.ReactElement;
+export default ConfirmDialog;