@smwb/ui-solid 0.12.1 → 0.14.0

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

@@ -1,21 +1,31 @@
-import { use as m, spread as p, mergeProps as u, insert as n, createComponent as s, template as b } from "solid-js/web";
+import { use as m, spread as p, mergeProps as u, insert as n, createComponent as i, template as b } from "solid-js/web";
 import { mergeProps as f, splitProps as g, Show as h } from "solid-js";
 import w from "clsx";
-import { mergeRefs as _ } from "../../../primitives/mergeRefs.js";
-import { Ripple as P } from "../../base/ripple/ripple.js";
-var y = /* @__PURE__ */ b("<button>");
-function x(i) {
+import { mergeRefs as P } from "../../../primitives/mergeRefs.js";
+import { callHandler as _ } from "../../../primitives/callHandler.js";
+import { Ripple as y } from "../../base/ripple/ripple.js";
+var D = /* @__PURE__ */ b("<button>");
+function B(s) {
   const l = f({
-    color: "default"
-  }, i), [e, a] = g(l, ["class", "children", "disabled", "edge", "color", "ref"]);
+    color: "default",
+    type: "button"
+  }, s), [e, a] = g(l, [
+    "class",
+    "children",
+    "disabled",
+    "edge",
+    "color",
+    "ref",
+    // The button sets this on its root too; its own handler calls the caller's first.
+    "onPointerDown"
+  ]);
   let r;
   const c = (t) => {
-    e.disabled || r?.onRipple(t);
+    _(e.onPointerDown, t), e.disabled || r?.onRipple(t);
   };
   return (() => {
-    var t = y(), o = _(e.ref);
+    var t = D(), o = P(e.ref);
     return typeof o == "function" && m(o, t), p(t, u(a, {
-      type: "button",
       get class() {
         return w("smwb-chat-icon-button", e.edge === "start" && "smwb-chat-icon-button_edge-start", e.edge === "end" && "smwb-chat-icon-button_edge-end", e.color === "primary" && "smwb-chat-icon-button_primary", e.disabled && "smwb-chat-icon-button_disabled", e.class);
       },
@@ -23,12 +33,12 @@ function x(i) {
         return e.disabled;
       },
       onPointerDown: c
-    }), !1, !0), n(t, () => e.children, null), n(t, s(h, {
+    }), !1, !0), n(t, () => e.children, null), n(t, i(h, {
       get when() {
         return !e.disabled;
       },
       get children() {
-        return s(P, {
+        return i(y, {
           actionRef: (d) => r = d,
           center: !0
         });
@@ -37,6 +47,6 @@ function x(i) {
   })();
 }
 export {
-  x as ChatIconButton
+  B as ChatIconButton
 };
 //# sourceMappingURL=chatIconButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chatIconButton.js","sources":["../../../../src/components/dataDisplay/chat/chatIconButton.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface ChatIconButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  edge?: \"start\" | \"end\" | undefined;\n  color?: \"default\" | \"primary\" | undefined;\n  ref?: Ref<HTMLButtonElement>;\n}\n\nexport function ChatIconButton(props: ParentProps<ChatIconButtonProps>): JSX.Element {\n  const merged = mergeProps({ color: \"default\" as const }, props);\n  const [local, rest] = splitProps(merged, [\"class\", \"children\", \"disabled\", \"edge\", \"color\", \"ref\"]);\n\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown = (event: PointerEvent): void => {\n    if (!local.disabled) rippleActions?.onRipple(event);\n  };\n\n  return (\n    <button\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      type=\"button\"\n      class={cn(\n        \"smwb-chat-icon-button\",\n        local.edge === \"start\" && \"smwb-chat-icon-button_edge-start\",\n        local.edge === \"end\" && \"smwb-chat-icon-button_edge-end\",\n        local.color === \"primary\" && \"smwb-chat-icon-button_primary\",\n        local.disabled && \"smwb-chat-icon-button_disabled\",\n        local.class\n      )}\n      disabled={local.disabled}\n      onPointerDown={onPointerDown}\n    >\n      {local.children}\n      <Show when={!local.disabled}>\n        <Ripple actionRef={(actions) => (rippleActions = actions)} center />\n      </Show>\n    </button>\n  );\n}\n\nexport default ChatIconButton;\n"],"names":["ChatIconButton","props","merged","mergeProps","color","local","rest","splitProps","rippleActions","onPointerDown","event","disabled","onRipple","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","edge","class","_$insert","children","_$createComponent","Show","when","Ripple","actionRef","actions","center"],"mappings":";;;;;;AAWO,SAASA,EAAeC,GAAsD;AACnF,QAAMC,IAASC,EAAW;AAAA,IAAEC,OAAO;AAAA,EAAA,GAAsBH,CAAK,GACxD,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ,CAAC,SAAS,YAAY,YAAY,QAAQ,SAAS,KAAK,CAAC;AAElG,MAAIM;AAEJ,QAAMC,IAAgBA,CAACC,MAA8B;AACnD,IAAKL,EAAMM,YAAUH,GAAeI,SAASF,CAAK;AAAA,EACpD;AAEA,UAAA,MAAA;AAAA,QAAAG,IAAAC,EAAAA,GAAAC,IAGSC,EAAUX,EAAMY,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBd,GAAI;AAAA,MAAA,MAEH;AAAA,MAAQ,IAAA,QAAA;AAAA,eACNe,EACL,yBACAhB,EAAMiB,SAAS,WAAW,oCAC1BjB,EAAMiB,SAAS,SAAS,kCACxBjB,EAAMD,UAAU,aAAa,iCAC7BC,EAAMM,YAAY,kCAClBN,EAAMkB,KACR;AAAA,MAAC;AAAA,MAAA,IACDZ,WAAQ;AAAA,eAAEN,EAAMM;AAAAA,MAAQ;AAAA,MAAA,eACTF;AAAAA,IAAAA,CAAa,GAAA,IAAA,EAAA,GAAAe,EAAAX,GAAA,MAE3BR,EAAMoB,UAAQ,IAAA,GAAAD,EAAAX,GAAAa,EACdC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE,CAACvB,EAAMM;AAAAA,MAAQ;AAAA,MAAA,IAAAc,WAAA;AAAA,eAAAC,EACxBG,GAAM;AAAA,UAACC,WAAYC,OAAavB,IAAgBuB;AAAAA,UAAUC,QAAM;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAnB;AAAAA,EAAA,GAAA;AAIzE;"}
+{"version":3,"file":"chatIconButton.js","sources":["../../../../src/components/dataDisplay/chat/chatIconButton.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport interface ChatIconButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  edge?: \"start\" | \"end\" | undefined;\n  color?: \"default\" | \"primary\" | undefined;\n  ref?: Ref<HTMLButtonElement>;\n}\n\nexport function ChatIconButton(props: ParentProps<ChatIconButtonProps>): JSX.Element {\n  // `type` is a default: the caller's wins.\n  const merged = mergeProps({ color: \"default\" as const, type: \"button\" as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"disabled\",\n    \"edge\",\n    \"color\",\n    \"ref\",\n    // The button sets this on its root too; its own handler calls the caller's first.\n    \"onPointerDown\",\n  ]);\n\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown: JSX.EventHandler<HTMLButtonElement, PointerEvent> = (event) => {\n    callHandler(local.onPointerDown, event);\n    if (!local.disabled) rippleActions?.onRipple(event);\n  };\n\n  return (\n    <button\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\n        \"smwb-chat-icon-button\",\n        local.edge === \"start\" && \"smwb-chat-icon-button_edge-start\",\n        local.edge === \"end\" && \"smwb-chat-icon-button_edge-end\",\n        local.color === \"primary\" && \"smwb-chat-icon-button_primary\",\n        local.disabled && \"smwb-chat-icon-button_disabled\",\n        local.class\n      )}\n      disabled={local.disabled}\n      onPointerDown={onPointerDown}\n    >\n      {local.children}\n      <Show when={!local.disabled}>\n        <Ripple actionRef={(actions) => (rippleActions = actions)} center />\n      </Show>\n    </button>\n  );\n}\n\nexport default ChatIconButton;\n"],"names":["ChatIconButton","props","merged","mergeProps","color","type","local","rest","splitProps","rippleActions","onPointerDown","event","callHandler","disabled","onRipple","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","edge","class","_$insert","children","_$createComponent","Show","when","Ripple","actionRef","actions","center"],"mappings":";;;;;;;AAYO,SAASA,EAAeC,GAAsD;AAEnF,QAAMC,IAASC,EAAW;AAAA,IAAEC,OAAO;AAAA,IAAoBC,MAAM;AAAA,EAAA,GAAqBJ,CAAK,GACjF,CAACK,GAAOC,CAAI,IAAIC,EAAWN,GAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,EAAA,CACD;AAED,MAAIO;AAEJ,QAAMC,IAAoEC,CAAAA,MAAU;AAClFC,IAAAA,EAAYN,EAAMI,eAAeC,CAAK,GACjCL,EAAMO,YAAUJ,GAAeK,SAASH,CAAK;AAAA,EACpD;AAEA,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA,GAAAC,IAGSC,EAAUZ,EAAMa,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBf,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAEDgB,EACL,yBACAjB,EAAMkB,SAAS,WAAW,oCAC1BlB,EAAMkB,SAAS,SAAS,kCACxBlB,EAAMF,UAAU,aAAa,iCAC7BE,EAAMO,YAAY,kCAClBP,EAAMmB,KACR;AAAA,MAAC;AAAA,MAAA,IACDZ,WAAQ;AAAA,eAAEP,EAAMO;AAAAA,MAAQ;AAAA,MAAA,eACTH;AAAAA,IAAAA,CAAa,GAAA,IAAA,EAAA,GAAAgB,EAAAX,GAAA,MAE3BT,EAAMqB,UAAQ,IAAA,GAAAD,EAAAX,GAAAa,EACdC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE,CAACxB,EAAMO;AAAAA,MAAQ;AAAA,MAAA,IAAAc,WAAA;AAAA,eAAAC,EACxBG,GAAM;AAAA,UAACC,WAAYC,OAAaxB,IAAgBwB;AAAAA,UAAUC,QAAM;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAnB;AAAAA,EAAA,GAAA;AAIzE;"}

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

@@ -14,6 +14,8 @@ export interface ChatLayoutProps extends ParentProps, JSX.HTMLAttributes<HTMLDiv
     expandAriaLabel?: string | undefined;
     floatingAnchor?: ChatAnchor | undefined;
     chat: ChatLayoutChatProps;
+    /** Test id of the root `<div>`; `chat-layout` unless given. */
+    "data-testid"?: string | undefined;
 }
 export declare function ChatLayout(props: ChatLayoutProps): JSX.Element;
 export default ChatLayout;

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

@@ -1,30 +1,31 @@
-import { createComponent as a, spread as C, mergeProps as s, insert as o, effect as b, className as _, template as k, memo as c } from "solid-js/web";
+import { createComponent as a, spread as y, mergeProps as s, insert as r, effect as _, className as b, template as k, memo as c } from "solid-js/web";
 import { mergeProps as E, splitProps as F, createEffect as H, Show as i } from "solid-js";
 import d from "clsx";
 import { ChatIconButton as w } from "./chatIconButton.js";
 import { createControllableState as A } from "../../../primitives/createControllableState.js";
+import { mergeStyle as V } from "../../../primitives/mergeStyle.js";
 import { Chat as h } from "./chat.js";
 import { Icon as $ } from "../../base/icon/icon.js";
 var L = /* @__PURE__ */ k("<div><div data-testid=chat-layout-content>"), x = /* @__PURE__ */ k("<aside class=smwb-chat-layout__panel data-testid=chat-layout-panel>");
-const V = (l) => typeof l == "number" ? `${l}px` : l, j = (l) => l === "left" ? "bottom-left" : "bottom-right";
-function M(l) {
+const N = (l) => typeof l == "number" ? `${l}px` : l, T = (l) => l === "left" ? "bottom-left" : "bottom-right";
+function R(l) {
   const v = E({
     side: "right",
     chatWidth: 400,
     defaultCollapsed: !1,
     collapseAriaLabel: "Collapse chat panel",
     expandAriaLabel: "Expand chat panel"
-  }, l), [t, u] = F(v, ["class", "contentClass", "chatClass", "side", "chatWidth", "collapsed", "defaultCollapsed", "onCollapsedChange", "collapseAriaLabel", "expandAriaLabel", "floatingAnchor", "chat", "children", "style"]), [p, g] = A({
+  }, l), [t, u] = F(v, ["class", "contentClass", "chatClass", "side", "chatWidth", "collapsed", "defaultCollapsed", "onCollapsedChange", "collapseAriaLabel", "expandAriaLabel", "floatingAnchor", "chat", "children", "style", "data-testid"]), [p, g] = A({
     value: () => t.collapsed,
     defaultValue: t.defaultCollapsed,
     onChange: t.onCollapsedChange
-  }), [I, f] = A({
+  }), [S, f] = A({
     defaultValue: !1
   });
   H(() => {
     p() || f(!1);
   });
-  const P = () => t.floatingAnchor ?? j(t.side), S = () => t.side === "left" ? "dock_to_left" : "dock_to_right", B = () => t.side === "left" ? "left_panel_close" : "right_panel_close", O = () => a(w, {
+  const I = () => t.floatingAnchor ?? T(t.side), P = () => t.side === "left" ? "dock_to_left" : "dock_to_right", B = () => t.side === "left" ? "left_panel_close" : "right_panel_close", O = () => a(w, {
     get "aria-label"() {
       return t.collapseAriaLabel;
     },
@@ -47,38 +48,39 @@ function M(l) {
     get children() {
       return a($, {
         get name() {
-          return S();
+          return P();
         },
         size: 18
       });
     }
-  }), m = () => [c(() => t.chat.headerActions), c(O)], z = () => [c(() => t.chat.headerActions), c(W)], y = () => ({
-    "--smwb-chat-layout-w": V(t.chatWidth),
-    ...typeof t.style == "object" && t.style ? t.style : {}
-  });
+  }), m = () => [c(() => t.chat.headerActions), c(O)], z = () => [c(() => t.chat.headerActions), c(W)], C = () => V({
+    "--smwb-chat-layout-w": N(t.chatWidth)
+  }, t.style);
   return a(i, {
     get when() {
       return p();
     },
     get fallback() {
       return (() => {
-        var e = L(), r = e.firstChild;
-        return C(e, s(u, {
+        var e = L(), o = e.firstChild;
+        return y(e, s(u, {
           get class() {
             return d("smwb-chat-layout", `smwb-chat-layout_${t.side}`, t.class);
           },
           get style() {
-            return y();
+            return C();
+          },
+          get "data-testid"() {
+            return t["data-testid"] ?? "chat-layout";
           },
-          "data-testid": "chat-layout",
           "data-collapsed": "false"
-        }), !1, !0), o(e, a(i, {
+        }), !1, !0), r(e, a(i, {
           get when() {
             return t.side === "left";
           },
           get children() {
             var n = x();
-            return o(n, a(h, s(() => t.chat, {
+            return r(n, a(h, s(() => t.chat, {
               get class() {
                 return t.chatClass;
               },
@@ -89,13 +91,13 @@ function M(l) {
               }
             }))), n;
           }
-        }), r), o(r, () => t.children), o(e, a(i, {
+        }), o), r(o, () => t.children), r(e, a(i, {
           get when() {
             return t.side === "right";
           },
           get children() {
             var n = x();
-            return o(n, a(h, s(() => t.chat, {
+            return r(n, a(h, s(() => t.chat, {
               get class() {
                 return t.chatClass;
               },
@@ -106,42 +108,44 @@ function M(l) {
               }
             }))), n;
           }
-        }), null), b(() => _(r, d("smwb-chat-layout__content", t.contentClass))), e;
+        }), null), _(() => b(o, d("smwb-chat-layout__content", t.contentClass))), e;
       })();
     },
     get children() {
-      var e = L(), r = e.firstChild;
-      return C(e, s(u, {
+      var e = L(), o = e.firstChild;
+      return y(e, s(u, {
         get class() {
           return d("smwb-chat-layout", "smwb-chat-layout_collapsed", t.class);
         },
         get style() {
-          return y();
+          return C();
+        },
+        get "data-testid"() {
+          return t["data-testid"] ?? "chat-layout";
         },
-        "data-testid": "chat-layout",
         "data-collapsed": "true"
-      }), !1, !0), o(r, () => t.children), o(e, a(h, s(() => t.chat, {
+      }), !1, !0), r(o, () => t.children), r(e, a(h, s(() => t.chat, {
         get class() {
           return t.chatClass;
         },
         floatingTrigger: !0,
         get anchor() {
-          return P();
+          return I();
         },
         allowedLayouts: ["floating"],
         layout: "floating",
         get open() {
-          return I();
+          return S();
         },
         onOpenChange: f,
         get headerActions() {
           return z();
         }
-      })), null), b(() => _(r, d("smwb-chat-layout__content", t.contentClass))), e;
+      })), null), _(() => b(o, d("smwb-chat-layout__content", t.contentClass))), e;
     }
   });
 }
 export {
-  M as ChatLayout
+  R as ChatLayout
 };
 //# sourceMappingURL=chatLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chatLayout.js","sources":["../../../../src/components/dataDisplay/chat/chatLayout.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, createEffect, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { ChatIconButton } from \"./chatIconButton\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { Chat, type ChatProps } from \"./chat\";\nimport type { ChatAnchor, ChatLayoutSide } from \"./types\";\n\nconst len = (value: number | string): string => (typeof value === \"number\" ? `${value}px` : value);\n\nconst floatingAnchorForSide = (side: ChatLayoutSide): ChatAnchor => (side === \"left\" ? \"bottom-left\" : \"bottom-right\");\n\nexport type ChatLayoutChatProps = Omit<\n  ChatProps,\n  | \"class\"\n  | \"embedded\"\n  | \"floatingTrigger\"\n  | \"anchor\"\n  | \"allowedLayouts\"\n  | \"layout\"\n  | \"defaultLayout\"\n  | \"open\"\n  | \"defaultOpen\"\n  | \"onOpenChange\"\n  | \"onLayoutChange\"\n>;\n\nexport interface ChatLayoutProps extends ParentProps, JSX.HTMLAttributes<HTMLDivElement> {\n  contentClass?: string | undefined;\n  chatClass?: string | undefined;\n  side?: ChatLayoutSide | undefined;\n  chatWidth?: number | string | undefined;\n  collapsed?: boolean | undefined;\n  defaultCollapsed?: boolean | undefined;\n  onCollapsedChange?: ((collapsed: boolean) => void) | undefined;\n  collapseAriaLabel?: string | undefined;\n  expandAriaLabel?: string | undefined;\n  floatingAnchor?: ChatAnchor | undefined;\n  chat: ChatLayoutChatProps;\n}\n\nexport function ChatLayout(props: ChatLayoutProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      side: \"right\" as const,\n      chatWidth: 400 as number | string,\n      defaultCollapsed: false,\n      collapseAriaLabel: \"Collapse chat panel\",\n      expandAriaLabel: \"Expand chat panel\",\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"contentClass\",\n    \"chatClass\",\n    \"side\",\n    \"chatWidth\",\n    \"collapsed\",\n    \"defaultCollapsed\",\n    \"onCollapsedChange\",\n    \"collapseAriaLabel\",\n    \"expandAriaLabel\",\n    \"floatingAnchor\",\n    \"chat\",\n    \"children\",\n    \"style\",\n  ]);\n\n  const [collapsed, setCollapsed] = createControllableState<boolean>({\n    value: () => local.collapsed,\n    defaultValue: local.defaultCollapsed,\n    onChange: local.onCollapsedChange,\n  });\n\n  const [floatingOpen, setFloatingOpen] = createControllableState<boolean>({ defaultValue: false });\n\n  createEffect(() => {\n    if (!collapsed()) {\n      setFloatingOpen(false);\n    }\n  });\n\n  const anchor = (): ChatAnchor => local.floatingAnchor ?? floatingAnchorForSide(local.side);\n  const dockIcon = (): string => (local.side === \"left\" ? \"dock_to_left\" : \"dock_to_right\");\n  const collapseIcon = (): string => (local.side === \"left\" ? \"left_panel_close\" : \"right_panel_close\");\n\n  const collapseButton = (): JSX.Element => (\n    <ChatIconButton aria-label={local.collapseAriaLabel} data-testid=\"chat-layout-collapse\" onClick={() => setCollapsed(true)}>\n      <Icon name={collapseIcon()} size={18} />\n    </ChatIconButton>\n  );\n\n  const expandButton = (): JSX.Element => (\n    <ChatIconButton aria-label={local.expandAriaLabel} data-testid=\"chat-layout-expand\" onClick={() => setCollapsed(false)}>\n      <Icon name={dockIcon()} size={18} />\n    </ChatIconButton>\n  );\n\n  const dockedHeaderActions = (): JSX.Element => (\n    <>\n      {local.chat.headerActions}\n      {collapseButton()}\n    </>\n  );\n\n  const floatingHeaderActions = (): JSX.Element => (\n    <>\n      {local.chat.headerActions}\n      {expandButton()}\n    </>\n  );\n\n  const rootStyle = (): JSX.CSSProperties => ({\n    \"--smwb-chat-layout-w\": len(local.chatWidth),\n    ...(typeof local.style === \"object\" && local.style ? local.style : {}),\n  });\n\n  return (\n    <Show\n      when={collapsed()}\n      fallback={\n        <div\n          {...rest}\n          class={cn(\"smwb-chat-layout\", `smwb-chat-layout_${local.side}`, local.class)}\n          style={rootStyle()}\n          data-testid=\"chat-layout\"\n          data-collapsed=\"false\"\n        >\n          <Show when={local.side === \"left\"}>\n            <aside class=\"smwb-chat-layout__panel\" data-testid=\"chat-layout-panel\">\n              <Chat {...local.chat} class={local.chatClass} embedded allowedLayouts={[]} headerActions={dockedHeaderActions()} />\n            </aside>\n          </Show>\n          <div class={cn(\"smwb-chat-layout__content\", local.contentClass)} data-testid=\"chat-layout-content\">\n            {local.children}\n          </div>\n          <Show when={local.side === \"right\"}>\n            <aside class=\"smwb-chat-layout__panel\" data-testid=\"chat-layout-panel\">\n              <Chat {...local.chat} class={local.chatClass} embedded allowedLayouts={[]} headerActions={dockedHeaderActions()} />\n            </aside>\n          </Show>\n        </div>\n      }\n    >\n      <div\n        {...rest}\n        class={cn(\"smwb-chat-layout\", \"smwb-chat-layout_collapsed\", local.class)}\n        style={rootStyle()}\n        data-testid=\"chat-layout\"\n        data-collapsed=\"true\"\n      >\n        <div class={cn(\"smwb-chat-layout__content\", local.contentClass)} data-testid=\"chat-layout-content\">\n          {local.children}\n        </div>\n        <Chat\n          {...local.chat}\n          class={local.chatClass}\n          floatingTrigger\n          anchor={anchor()}\n          allowedLayouts={[\"floating\"]}\n          layout=\"floating\"\n          open={floatingOpen()}\n          onOpenChange={setFloatingOpen}\n          headerActions={floatingHeaderActions()}\n        />\n      </div>\n    </Show>\n  );\n}\n\nexport default ChatLayout;\n"],"names":["len","value","floatingAnchorForSide","side","ChatLayout","props","merged","mergeProps","chatWidth","defaultCollapsed","collapseAriaLabel","expandAriaLabel","local","rest","splitProps","collapsed","setCollapsed","createControllableState","defaultValue","onChange","onCollapsedChange","floatingOpen","setFloatingOpen","createEffect","anchor","floatingAnchor","dockIcon","collapseIcon","collapseButton","_$createComponent","ChatIconButton","onClick","children","Icon","name","size","expandButton","dockedHeaderActions","_$memo","chat","headerActions","floatingHeaderActions","rootStyle","style","Show","when","fallback","_el$3","_tmpl$","_el$5","firstChild","_$spread","_$mergeProps","cn","class","_$insert","_el$4","_tmpl$2","Chat","chatClass","embedded","allowedLayouts","_el$6","_$effect","_$className","contentClass","_el$","_el$2","floatingTrigger","layout","open","onOpenChange"],"mappings":"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"}
+{"version":3,"file":"chatLayout.js","sources":["../../../../src/components/dataDisplay/chat/chatLayout.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, createEffect, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { ChatIconButton } from \"./chatIconButton\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { mergeStyle } from \"../../../primitives/mergeStyle\";\nimport { Chat, type ChatProps } from \"./chat\";\nimport type { ChatAnchor, ChatLayoutSide } from \"./types\";\n\nconst len = (value: number | string): string => (typeof value === \"number\" ? `${value}px` : value);\n\nconst floatingAnchorForSide = (side: ChatLayoutSide): ChatAnchor => (side === \"left\" ? \"bottom-left\" : \"bottom-right\");\n\nexport type ChatLayoutChatProps = Omit<\n  ChatProps,\n  | \"class\"\n  | \"embedded\"\n  | \"floatingTrigger\"\n  | \"anchor\"\n  | \"allowedLayouts\"\n  | \"layout\"\n  | \"defaultLayout\"\n  | \"open\"\n  | \"defaultOpen\"\n  | \"onOpenChange\"\n  | \"onLayoutChange\"\n>;\n\nexport interface ChatLayoutProps extends ParentProps, JSX.HTMLAttributes<HTMLDivElement> {\n  contentClass?: string | undefined;\n  chatClass?: string | undefined;\n  side?: ChatLayoutSide | undefined;\n  chatWidth?: number | string | undefined;\n  collapsed?: boolean | undefined;\n  defaultCollapsed?: boolean | undefined;\n  onCollapsedChange?: ((collapsed: boolean) => void) | undefined;\n  collapseAriaLabel?: string | undefined;\n  expandAriaLabel?: string | undefined;\n  floatingAnchor?: ChatAnchor | undefined;\n  chat: ChatLayoutChatProps;\n  /** Test id of the root `<div>`; `chat-layout` unless given. */\n  \"data-testid\"?: string | undefined;\n}\n\nexport function ChatLayout(props: ChatLayoutProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      side: \"right\" as const,\n      chatWidth: 400 as number | string,\n      defaultCollapsed: false,\n      collapseAriaLabel: \"Collapse chat panel\",\n      expandAriaLabel: \"Expand chat panel\",\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"contentClass\",\n    \"chatClass\",\n    \"side\",\n    \"chatWidth\",\n    \"collapsed\",\n    \"defaultCollapsed\",\n    \"onCollapsedChange\",\n    \"collapseAriaLabel\",\n    \"expandAriaLabel\",\n    \"floatingAnchor\",\n    \"chat\",\n    \"children\",\n    \"style\",\n    \"data-testid\",\n  ]);\n\n  const [collapsed, setCollapsed] = createControllableState<boolean>({\n    value: () => local.collapsed,\n    defaultValue: local.defaultCollapsed,\n    onChange: local.onCollapsedChange,\n  });\n\n  const [floatingOpen, setFloatingOpen] = createControllableState<boolean>({ defaultValue: false });\n\n  createEffect(() => {\n    if (!collapsed()) {\n      setFloatingOpen(false);\n    }\n  });\n\n  const anchor = (): ChatAnchor => local.floatingAnchor ?? floatingAnchorForSide(local.side);\n  const dockIcon = (): string => (local.side === \"left\" ? \"dock_to_left\" : \"dock_to_right\");\n  const collapseIcon = (): string => (local.side === \"left\" ? \"left_panel_close\" : \"right_panel_close\");\n\n  const collapseButton = (): JSX.Element => (\n    <ChatIconButton aria-label={local.collapseAriaLabel} data-testid=\"chat-layout-collapse\" onClick={() => setCollapsed(true)}>\n      <Icon name={collapseIcon()} size={18} />\n    </ChatIconButton>\n  );\n\n  const expandButton = (): JSX.Element => (\n    <ChatIconButton aria-label={local.expandAriaLabel} data-testid=\"chat-layout-expand\" onClick={() => setCollapsed(false)}>\n      <Icon name={dockIcon()} size={18} />\n    </ChatIconButton>\n  );\n\n  const dockedHeaderActions = (): JSX.Element => (\n    <>\n      {local.chat.headerActions}\n      {collapseButton()}\n    </>\n  );\n\n  const floatingHeaderActions = (): JSX.Element => (\n    <>\n      {local.chat.headerActions}\n      {expandButton()}\n    </>\n  );\n\n  // The caller's style goes last: its own --smwb-chat-layout-w wins over chatWidth.\n  const rootStyle = (): JSX.CSSProperties | string | undefined =>\n    mergeStyle({ \"--smwb-chat-layout-w\": len(local.chatWidth) }, local.style);\n\n  return (\n    <Show\n      when={collapsed()}\n      fallback={\n        <div\n          {...rest}\n          class={cn(\"smwb-chat-layout\", `smwb-chat-layout_${local.side}`, local.class)}\n          style={rootStyle()}\n          data-testid={local[\"data-testid\"] ?? \"chat-layout\"}\n          data-collapsed=\"false\"\n        >\n          <Show when={local.side === \"left\"}>\n            <aside class=\"smwb-chat-layout__panel\" data-testid=\"chat-layout-panel\">\n              <Chat {...local.chat} class={local.chatClass} embedded allowedLayouts={[]} headerActions={dockedHeaderActions()} />\n            </aside>\n          </Show>\n          <div class={cn(\"smwb-chat-layout__content\", local.contentClass)} data-testid=\"chat-layout-content\">\n            {local.children}\n          </div>\n          <Show when={local.side === \"right\"}>\n            <aside class=\"smwb-chat-layout__panel\" data-testid=\"chat-layout-panel\">\n              <Chat {...local.chat} class={local.chatClass} embedded allowedLayouts={[]} headerActions={dockedHeaderActions()} />\n            </aside>\n          </Show>\n        </div>\n      }\n    >\n      <div\n        {...rest}\n        class={cn(\"smwb-chat-layout\", \"smwb-chat-layout_collapsed\", local.class)}\n        style={rootStyle()}\n        data-testid={local[\"data-testid\"] ?? \"chat-layout\"}\n        data-collapsed=\"true\"\n      >\n        <div class={cn(\"smwb-chat-layout__content\", local.contentClass)} data-testid=\"chat-layout-content\">\n          {local.children}\n        </div>\n        <Chat\n          {...local.chat}\n          class={local.chatClass}\n          floatingTrigger\n          anchor={anchor()}\n          allowedLayouts={[\"floating\"]}\n          layout=\"floating\"\n          open={floatingOpen()}\n          onOpenChange={setFloatingOpen}\n          headerActions={floatingHeaderActions()}\n        />\n      </div>\n    </Show>\n  );\n}\n\nexport default ChatLayout;\n"],"names":["len","value","floatingAnchorForSide","side","ChatLayout","props","merged","mergeProps","chatWidth","defaultCollapsed","collapseAriaLabel","expandAriaLabel","local","rest","splitProps","collapsed","setCollapsed","createControllableState","defaultValue","onChange","onCollapsedChange","floatingOpen","setFloatingOpen","createEffect","anchor","floatingAnchor","dockIcon","collapseIcon","collapseButton","_$createComponent","ChatIconButton","onClick","children","Icon","name","size","expandButton","dockedHeaderActions","_$memo","chat","headerActions","floatingHeaderActions","rootStyle","mergeStyle","style","Show","when","fallback","_el$3","_tmpl$","_el$5","firstChild","_$spread","_$mergeProps","cn","class","_$insert","_el$4","_tmpl$2","Chat","chatClass","embedded","allowedLayouts","_el$6","_$effect","_$className","contentClass","_el$","_el$2","floatingTrigger","layout","open","onOpenChange"],"mappings":"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"}

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

@@ -11,6 +11,8 @@ export interface ChatOverlayLayoutProps extends ParentProps, JSX.HTMLAttributes<
     defaultLayout?: ChatLayoutMode | undefined;
     defaultOpen?: boolean | undefined;
     chat: ChatOverlayLayoutChatProps;
+    /** Test id of the root `<div>`; `chat-overlay-layout` unless given. */
+    "data-testid"?: string | undefined;
 }
 export declare function ChatOverlayLayout(props: ChatOverlayLayoutProps): JSX.Element;
 export default ChatOverlayLayout;

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

@@ -1,38 +1,40 @@
-import { spread as d, mergeProps as r, insert as l, createComponent as i, effect as y, className as h, template as f } from "solid-js/web";
-import { mergeProps as m, splitProps as p } from "solid-js";
+import { spread as d, mergeProps as o, insert as l, createComponent as i, effect as h, className as y, template as f } from "solid-js/web";
+import { mergeProps as m, splitProps as g } from "solid-js";
 import s from "clsx";
-import { Chat as g } from "./chat.js";
-var v = /* @__PURE__ */ f("<div><div data-testid=chat-overlay-layout-content>");
-const C = (e) => typeof e == "number" ? `${e}px` : e, L = (e) => e === "left" ? "bottom-left" : "bottom-right";
-function $(e) {
+import { mergeStyle as p } from "../../../primitives/mergeStyle.js";
+import { Chat as v } from "./chat.js";
+var C = /* @__PURE__ */ f("<div><div data-testid=chat-overlay-layout-content>");
+const L = (e) => typeof e == "number" ? `${e}px` : e, w = (e) => e === "left" ? "bottom-left" : "bottom-right";
+function x(e) {
   const n = m({
     side: "right",
     chatWidth: 400,
     allowedLayouts: ["fullHeight", "floating"],
     defaultLayout: "fullHeight",
     defaultOpen: !0
-  }, e), [t, u] = p(n, ["class", "contentClass", "chatClass", "side", "chatWidth", "allowedLayouts", "defaultLayout", "defaultOpen", "chat", "children", "style"]), c = () => ({
-    "--smwb-chat-overlay-w": C(t.chatWidth),
-    ...typeof t.style == "object" && t.style ? t.style : {}
-  });
+  }, e), [t, u] = g(n, ["class", "contentClass", "chatClass", "side", "chatWidth", "allowedLayouts", "defaultLayout", "defaultOpen", "chat", "children", "style", "data-testid"]), c = () => p({
+    "--smwb-chat-overlay-w": L(t.chatWidth)
+  }, t.style);
   return (() => {
-    var a = v(), o = a.firstChild;
-    return d(a, r(u, {
+    var a = C(), r = a.firstChild;
+    return d(a, o(u, {
       get class() {
         return s("smwb-chat-overlay-layout", t.class);
       },
       get style() {
         return c();
       },
-      "data-testid": "chat-overlay-layout"
-    }), !1, !0), l(o, () => t.children), l(a, i(g, r(() => t.chat, {
+      get "data-testid"() {
+        return t["data-testid"] ?? "chat-overlay-layout";
+      }
+    }), !1, !0), l(r, () => t.children), l(a, i(v, o(() => t.chat, {
       get class() {
         return t.chatClass;
       },
       overlayContext: !0,
       floatingTrigger: !0,
       get anchor() {
-        return L(t.side);
+        return w(t.side);
       },
       get allowedLayouts() {
         return t.allowedLayouts;
@@ -43,10 +45,10 @@ function $(e) {
       get defaultOpen() {
         return t.defaultOpen;
       }
-    })), null), y(() => h(o, s("smwb-chat-overlay-layout__content", t.contentClass))), a;
+    })), null), h(() => y(r, s("smwb-chat-overlay-layout__content", t.contentClass))), a;
   })();
 }
 export {
-  $ as ChatOverlayLayout
+  x as ChatOverlayLayout
 };
 //# sourceMappingURL=chatOverlayLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chatOverlayLayout.js","sources":["../../../../src/components/dataDisplay/chat/chatOverlayLayout.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Chat, type ChatProps } from \"./chat\";\nimport type { ChatAnchor, ChatLayoutMode, ChatLayoutSide } from \"./types\";\n\nconst len = (value: number | string): string => (typeof value === \"number\" ? `${value}px` : value);\n\nconst anchorForSide = (side: ChatLayoutSide): ChatAnchor => (side === \"left\" ? \"bottom-left\" : \"bottom-right\");\n\nexport type ChatOverlayLayoutChatProps = Omit<\n  ChatProps,\n  | \"class\"\n  | \"overlayContext\"\n  | \"embedded\"\n  | \"floatingTrigger\"\n  | \"anchor\"\n  | \"allowedLayouts\"\n  | \"layout\"\n  | \"defaultLayout\"\n  | \"onLayoutChange\"\n  | \"open\"\n  | \"defaultOpen\"\n  | \"onOpenChange\"\n>;\n\nexport interface ChatOverlayLayoutProps extends ParentProps, JSX.HTMLAttributes<HTMLDivElement> {\n  contentClass?: string | undefined;\n  chatClass?: string | undefined;\n  side?: ChatLayoutSide | undefined;\n  chatWidth?: number | string | undefined;\n  allowedLayouts?: ChatLayoutMode[] | undefined;\n  defaultLayout?: ChatLayoutMode | undefined;\n  defaultOpen?: boolean | undefined;\n  chat: ChatOverlayLayoutChatProps;\n}\n\nexport function ChatOverlayLayout(props: ChatOverlayLayoutProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      side: \"right\" as const,\n      chatWidth: 400 as number | string,\n      allowedLayouts: [\"fullHeight\", \"floating\"] as ChatLayoutMode[],\n      defaultLayout: \"fullHeight\" as ChatLayoutMode,\n      defaultOpen: true,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"contentClass\",\n    \"chatClass\",\n    \"side\",\n    \"chatWidth\",\n    \"allowedLayouts\",\n    \"defaultLayout\",\n    \"defaultOpen\",\n    \"chat\",\n    \"children\",\n    \"style\",\n  ]);\n\n  const rootStyle = (): JSX.CSSProperties => ({\n    \"--smwb-chat-overlay-w\": len(local.chatWidth),\n    ...(typeof local.style === \"object\" && local.style ? local.style : {}),\n  });\n\n  return (\n    <div\n      {...rest}\n      class={cn(\"smwb-chat-overlay-layout\", local.class)}\n      style={rootStyle()}\n      data-testid=\"chat-overlay-layout\"\n    >\n      <div class={cn(\"smwb-chat-overlay-layout__content\", local.contentClass)} data-testid=\"chat-overlay-layout-content\">\n        {local.children}\n      </div>\n      <Chat\n        {...local.chat}\n        class={local.chatClass}\n        overlayContext\n        floatingTrigger\n        anchor={anchorForSide(local.side)}\n        allowedLayouts={local.allowedLayouts}\n        defaultLayout={local.defaultLayout}\n        defaultOpen={local.defaultOpen}\n      />\n    </div>\n  );\n}\n\nexport default ChatOverlayLayout;\n"],"names":["len","value","anchorForSide","side","ChatOverlayLayout","props","merged","mergeProps","chatWidth","allowedLayouts","defaultLayout","defaultOpen","local","rest","splitProps","rootStyle","style","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","cn","class","_$insert","children","_$createComponent","Chat","chat","chatClass","overlayContext","floatingTrigger","anchor","_$effect","_$className","contentClass"],"mappings":";;;;;AAKA,MAAMA,IAAMA,CAACC,MAAoC,OAAOA,KAAU,WAAW,GAAGA,CAAK,OAAOA,GAEtFC,IAAgBA,CAACC,MAAsCA,MAAS,SAAS,gBAAgB;AA6BxF,SAASC,EAAkBC,GAA4C;AAC5E,QAAMC,IAASC,EACb;AAAA,IACEJ,MAAM;AAAA,IACNK,WAAW;AAAA,IACXC,gBAAgB,CAAC,cAAc,UAAU;AAAA,IACzCC,eAAe;AAAA,IACfC,aAAa;AAAA,EAAA,GAEfN,CACF,GACM,CAACO,GAAOC,CAAI,IAAIC,EAAWR,GAAQ,CACvC,SACA,gBACA,aACA,QACA,aACA,kBACA,iBACA,eACA,QACA,YACA,OAAO,CACR,GAEKS,IAAYA,OAA0B;AAAA,IAC1C,yBAAyBf,EAAIY,EAAMJ,SAAS;AAAA,IAC5C,GAAI,OAAOI,EAAMI,SAAU,YAAYJ,EAAMI,QAAQJ,EAAMI,QAAQ,CAAA;AAAA,EAAC;AAGtE,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG;AAAAC,WAAAA,EAAAJ,GAAAK,EAEQT,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eACDU,EAAG,4BAA4BX,EAAMY,KAAK;AAAA,MAAC;AAAA,MAAA,IAClDR,QAAK;AAAA,eAAED,EAAAA;AAAAA,MAAW;AAAA,MAAA,eACN;AAAA,IAAA,CAAqB,GAAA,IAAA,EAAA,GAAAU,EAAAN,GAAA,MAG9BP,EAAMc,QAAQ,GAAAD,EAAAR,GAAAU,EAEhBC,GAAIN,EAAA,MACCV,EAAMiB,MAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eACPjB,EAAMkB;AAAAA,MAAS;AAAA,MACtBC,gBAAc;AAAA,MACdC,iBAAe;AAAA,MAAA,IACfC,SAAM;AAAA,eAAE/B,EAAcU,EAAMT,IAAI;AAAA,MAAC;AAAA,MAAA,IACjCM,iBAAc;AAAA,eAAEG,EAAMH;AAAAA,MAAc;AAAA,MAAA,IACpCC,gBAAa;AAAA,eAAEE,EAAMF;AAAAA,MAAa;AAAA,MAAA,IAClCC,cAAW;AAAA,eAAEC,EAAMD;AAAAA,MAAW;AAAA,IAAA,CAAA,CAAA,GAAA,IAAA,GAAAuB,EAAA,MAAAC,EAAAhB,GAXpBI,EAAG,qCAAqCX,EAAMwB,YAAY,CAAC,CAAA,GAAAnB;AAAAA,EAAA,GAAA;AAe7E;"}
+{"version":3,"file":"chatOverlayLayout.js","sources":["../../../../src/components/dataDisplay/chat/chatOverlayLayout.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeStyle } from \"../../../primitives/mergeStyle\";\nimport { Chat, type ChatProps } from \"./chat\";\nimport type { ChatAnchor, ChatLayoutMode, ChatLayoutSide } from \"./types\";\n\nconst len = (value: number | string): string => (typeof value === \"number\" ? `${value}px` : value);\n\nconst anchorForSide = (side: ChatLayoutSide): ChatAnchor => (side === \"left\" ? \"bottom-left\" : \"bottom-right\");\n\nexport type ChatOverlayLayoutChatProps = Omit<\n  ChatProps,\n  | \"class\"\n  | \"overlayContext\"\n  | \"embedded\"\n  | \"floatingTrigger\"\n  | \"anchor\"\n  | \"allowedLayouts\"\n  | \"layout\"\n  | \"defaultLayout\"\n  | \"onLayoutChange\"\n  | \"open\"\n  | \"defaultOpen\"\n  | \"onOpenChange\"\n>;\n\nexport interface ChatOverlayLayoutProps extends ParentProps, JSX.HTMLAttributes<HTMLDivElement> {\n  contentClass?: string | undefined;\n  chatClass?: string | undefined;\n  side?: ChatLayoutSide | undefined;\n  chatWidth?: number | string | undefined;\n  allowedLayouts?: ChatLayoutMode[] | undefined;\n  defaultLayout?: ChatLayoutMode | undefined;\n  defaultOpen?: boolean | undefined;\n  chat: ChatOverlayLayoutChatProps;\n  /** Test id of the root `<div>`; `chat-overlay-layout` unless given. */\n  \"data-testid\"?: string | undefined;\n}\n\nexport function ChatOverlayLayout(props: ChatOverlayLayoutProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      side: \"right\" as const,\n      chatWidth: 400 as number | string,\n      allowedLayouts: [\"fullHeight\", \"floating\"] as ChatLayoutMode[],\n      defaultLayout: \"fullHeight\" as ChatLayoutMode,\n      defaultOpen: true,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"contentClass\",\n    \"chatClass\",\n    \"side\",\n    \"chatWidth\",\n    \"allowedLayouts\",\n    \"defaultLayout\",\n    \"defaultOpen\",\n    \"chat\",\n    \"children\",\n    \"style\",\n    \"data-testid\",\n  ]);\n\n  // The caller's style goes last: its own --smwb-chat-overlay-w wins over chatWidth.\n  const rootStyle = (): JSX.CSSProperties | string | undefined =>\n    mergeStyle({ \"--smwb-chat-overlay-w\": len(local.chatWidth) }, local.style);\n\n  return (\n    <div\n      {...rest}\n      class={cn(\"smwb-chat-overlay-layout\", local.class)}\n      style={rootStyle()}\n      data-testid={local[\"data-testid\"] ?? \"chat-overlay-layout\"}\n    >\n      <div class={cn(\"smwb-chat-overlay-layout__content\", local.contentClass)} data-testid=\"chat-overlay-layout-content\">\n        {local.children}\n      </div>\n      <Chat\n        {...local.chat}\n        class={local.chatClass}\n        overlayContext\n        floatingTrigger\n        anchor={anchorForSide(local.side)}\n        allowedLayouts={local.allowedLayouts}\n        defaultLayout={local.defaultLayout}\n        defaultOpen={local.defaultOpen}\n      />\n    </div>\n  );\n}\n\nexport default ChatOverlayLayout;\n"],"names":["len","value","anchorForSide","side","ChatOverlayLayout","props","merged","mergeProps","chatWidth","allowedLayouts","defaultLayout","defaultOpen","local","rest","splitProps","rootStyle","mergeStyle","style","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","cn","class","_$insert","children","_$createComponent","Chat","chat","chatClass","overlayContext","floatingTrigger","anchor","_$effect","_$className","contentClass"],"mappings":";;;;;;AAMA,MAAMA,IAAMA,CAACC,MAAoC,OAAOA,KAAU,WAAW,GAAGA,CAAK,OAAOA,GAEtFC,IAAgBA,CAACC,MAAsCA,MAAS,SAAS,gBAAgB;AA+BxF,SAASC,EAAkBC,GAA4C;AAC5E,QAAMC,IAASC,EACb;AAAA,IACEJ,MAAM;AAAA,IACNK,WAAW;AAAA,IACXC,gBAAgB,CAAC,cAAc,UAAU;AAAA,IACzCC,eAAe;AAAA,IACfC,aAAa;AAAA,EAAA,GAEfN,CACF,GACM,CAACO,GAAOC,CAAI,IAAIC,EAAWR,GAAQ,CACvC,SACA,gBACA,aACA,QACA,aACA,kBACA,iBACA,eACA,QACA,YACA,SACA,aAAa,CACd,GAGKS,IAAYA,MAChBC,EAAW;AAAA,IAAE,yBAAyBhB,EAAIY,EAAMJ,SAAS;AAAA,EAAA,GAAKI,EAAMK,KAAK;AAE3E,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG;AAAAC,WAAAA,EAAAJ,GAAAK,EAEQV,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eACDW,EAAG,4BAA4BZ,EAAMa,KAAK;AAAA,MAAC;AAAA,MAAA,IAClDR,QAAK;AAAA,eAAEF,EAAAA;AAAAA,MAAW;AAAA,MAAA,IAAA,gBAAA;AAAA,eACLH,EAAM,aAAa,KAAK;AAAA,MAAqB;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAc,EAAAN,GAAA,MAGvDR,EAAMe,QAAQ,GAAAD,EAAAR,GAAAU,EAEhBC,GAAIN,EAAA,MACCX,EAAMkB,MAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eACPlB,EAAMmB;AAAAA,MAAS;AAAA,MACtBC,gBAAc;AAAA,MACdC,iBAAe;AAAA,MAAA,IACfC,SAAM;AAAA,eAAEhC,EAAcU,EAAMT,IAAI;AAAA,MAAC;AAAA,MAAA,IACjCM,iBAAc;AAAA,eAAEG,EAAMH;AAAAA,MAAc;AAAA,MAAA,IACpCC,gBAAa;AAAA,eAAEE,EAAMF;AAAAA,MAAa;AAAA,MAAA,IAClCC,cAAW;AAAA,eAAEC,EAAMD;AAAAA,MAAW;AAAA,IAAA,CAAA,CAAA,GAAA,IAAA,GAAAwB,EAAA,MAAAC,EAAAhB,GAXpBI,EAAG,qCAAqCZ,EAAMyB,YAAY,CAAC,CAAA,GAAAnB;AAAAA,EAAA,GAAA;AAe7E;"}

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

@@ -3,7 +3,7 @@ export type { ChatLayoutProps, ChatLayoutChatProps } from "./chatLayout";
 export { ChatOverlayLayout } from "./chatOverlayLayout";
 export type { ChatOverlayLayoutProps, ChatOverlayLayoutChatProps } from "./chatOverlayLayout";
 export { Chat, default } from "./chat";
-export type { ChatProps } from "./chat";
+export type { ChatProps, ChatFooterComposerProps } from "./chat";
 export { ChatShell } from "./chatShell";
 export type { ChatShellProps } from "./chatShell";
 export { ChatHeader } from "./chatHeader";

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

@@ -14,10 +14,24 @@ export declare function shouldShowChatCloseButton(options: {
     effectiveLayout?: ChatLayoutMode | undefined;
     showCloseButton?: boolean | undefined;
 }): boolean;
+/**
+ * Deprecated: the newline flags of the old `ChatComposer`. `Composer` picks the send key with `sendKey` instead
+ * (`"enter"` = Enter sends, Shift+Enter makes a newline; `"modEnter"` = Ctrl/⌘+Enter sends). Removed with
+ * `ChatComposer` in the next major.
+ *
+ * @deprecated Use `Composer`'s `sendKey`; see the README section "Migrating from ChatComposer".
+ */
 export interface ChatComposerNewlineOptions {
     shiftEnterNewline?: boolean;
     ctrlEnterNewline?: boolean;
 }
+/**
+ * Deprecated: the key rule of the old `ChatComposer` (which Enter sends, which makes a newline).
+ * `Composer` resolves the same choice through `sendKey` in `resolveComposerKeyAction`, and `Chat` draws a `Composer`
+ * by default. Kept for `ChatComposer` and `legacyComposer` only; removed in the next major.
+ *
+ * @deprecated Use `Composer`'s `sendKey`; see the README section "Migrating from ChatComposer".
+ */
 export declare function shouldComposerNewlineOnEnter(event: {
     key: string;
     shiftKey: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/dataDisplay/chat/utils.ts"],"sourcesContent":["import {\n  type ChatAttachment,\n  type ChatLayoutMode,\n  CHAT_EXPAND_LAYOUTS,\n  CHAT_MESSAGE_DELIVERY_STATUSES,\n  CHAT_MESSAGE_STATUS_ICONS,\n  CHAT_MESSAGE_STATUS_LABELS,\n  type ChatMessageDeliveryStatus,\n  type ChatMessageStatus,\n  type ChatMessageStatusIcons,\n} from \"./types\";\n\nexport function isChatMessageDeliveryStatus(status: ChatMessageStatus): status is ChatMessageDeliveryStatus {\n  return CHAT_MESSAGE_DELIVERY_STATUSES.includes(status as ChatMessageDeliveryStatus);\n}\n\nexport function resolveChatMessageStatusIcon(\n  status: ChatMessageStatus,\n  icons?: ChatMessageStatusIcons & Record<string, string | undefined>\n): string | undefined {\n  const custom = icons?.[status];\n  if (custom) {\n    return custom;\n  }\n\n  if (isChatMessageDeliveryStatus(status)) {\n    return CHAT_MESSAGE_STATUS_ICONS[status];\n  }\n\n  return undefined;\n}\n\nexport function resolveChatMessageStatusLabel(status: ChatMessageStatus): string {\n  if (isChatMessageDeliveryStatus(status)) {\n    return CHAT_MESSAGE_STATUS_LABELS[status];\n  }\n\n  return String(status);\n}\n\nexport function isImageAttachment(attachment: ChatAttachment): boolean {\n  if (attachment.mimeType?.startsWith(\"image/\")) {\n    return true;\n  }\n\n  return /\\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(attachment.name);\n}\n\nexport function formatChatTimestamp(value?: string | Date): string {\n  if (!value) {\n    return \"\";\n  }\n\n  const date = value instanceof Date ? value : new Date(value);\n\n  if (Number.isNaN(date.getTime())) {\n    return String(value);\n  }\n\n  return new Intl.DateTimeFormat(undefined, {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  }).format(date);\n}\n\nexport function resolveAllowedLayouts(input?: ChatLayoutMode[]): ChatLayoutMode[] {\n  if (input == null) {\n    return [\"floating\"];\n  }\n\n  if (input.length === 0) {\n    return [];\n  }\n\n  return CHAT_EXPAND_LAYOUTS.filter((mode) => input.includes(mode));\n}\n\nexport function pickInitialLayout(allowed: ChatLayoutMode[], preferred?: ChatLayoutMode): ChatLayoutMode {\n  if (preferred && preferred !== \"closed\" && allowed.includes(preferred)) {\n    return preferred;\n  }\n\n  return allowed[0] ?? \"floating\";\n}\n\nexport function getChatLayoutActions(\n  allowedLayouts: ChatLayoutMode[],\n  currentLayout?: ChatLayoutMode\n): Exclude<ChatLayoutMode, \"closed\">[] {\n  return resolveAllowedLayouts(allowedLayouts).filter(\n    (mode): mode is Exclude<ChatLayoutMode, \"closed\"> => mode !== \"closed\" && mode !== currentLayout\n  );\n}\n\nexport function shouldShowChatCloseButton(options: {\n  floatingTrigger?: boolean | undefined;\n  embedded?: boolean | undefined;\n  overlayContext?: boolean | undefined;\n  effectiveLayout?: ChatLayoutMode | undefined;\n  showCloseButton?: boolean | undefined;\n}): boolean {\n  if (options.showCloseButton === false) {\n    return false;\n  }\n\n  if (options.showCloseButton === true) {\n    return true;\n  }\n\n  if (\n    options.overlayContext &&\n    options.floatingTrigger &&\n    !options.embedded &&\n    (options.effectiveLayout === \"floating\" || options.effectiveLayout === \"fullHeight\")\n  ) {\n    return true;\n  }\n\n  return Boolean(options.floatingTrigger && !options.embedded && options.effectiveLayout === \"floating\");\n}\n\nexport interface ChatComposerNewlineOptions {\n  shiftEnterNewline?: boolean;\n  ctrlEnterNewline?: boolean;\n}\n\nexport function shouldComposerNewlineOnEnter(\n  event: { key: string; shiftKey: boolean; ctrlKey: boolean; metaKey: boolean },\n  options: ChatComposerNewlineOptions = {}\n): boolean {\n  if (event.key !== \"Enter\") {\n    return false;\n  }\n\n  const { shiftEnterNewline = true, ctrlEnterNewline = true } = options;\n  const isCtrl = event.ctrlKey || event.metaKey;\n\n  if (shiftEnterNewline && event.shiftKey && !isCtrl) {\n    return true;\n  }\n\n  if (ctrlEnterNewline && isCtrl && !event.shiftKey) {\n    return true;\n  }\n\n  return false;\n}\n"],"names":["isChatMessageDeliveryStatus","status","CHAT_MESSAGE_DELIVERY_STATUSES","resolveChatMessageStatusIcon","icons","custom","CHAT_MESSAGE_STATUS_ICONS","resolveChatMessageStatusLabel","CHAT_MESSAGE_STATUS_LABELS","isImageAttachment","attachment","formatChatTimestamp","value","date","resolveAllowedLayouts","input","CHAT_EXPAND_LAYOUTS","mode","pickInitialLayout","allowed","preferred","getChatLayoutActions","allowedLayouts","currentLayout","shouldShowChatCloseButton","options","shouldComposerNewlineOnEnter","event","shiftEnterNewline","ctrlEnterNewline","isCtrl"],"mappings":";AAYO,SAASA,EAA4BC,GAAgE;AAC1G,SAAOC,EAA+B,SAASD,CAAmC;AACpF;AAEO,SAASE,EACdF,GACAG,GACoB;AACpB,QAAMC,IAASD,IAAQH,CAAM;AAC7B,MAAII;AACF,WAAOA;AAGT,MAAIL,EAA4BC,CAAM;AACpC,WAAOK,EAA0BL,CAAM;AAI3C;AAEO,SAASM,EAA8BN,GAAmC;AAC/E,SAAID,EAA4BC,CAAM,IAC7BO,EAA2BP,CAAM,IAGnC,OAAOA,CAAM;AACtB;AAEO,SAASQ,EAAkBC,GAAqC;AACrE,SAAIA,EAAW,UAAU,WAAW,QAAQ,IACnC,KAGF,mCAAmC,KAAKA,EAAW,IAAI;AAChE;AAEO,SAASC,EAAoBC,GAA+B;AACjE,MAAI,CAACA;AACH,WAAO;AAGT,QAAMC,IAAOD,aAAiB,OAAOA,IAAQ,IAAI,KAAKA,CAAK;AAE3D,SAAI,OAAO,MAAMC,EAAK,QAAA,CAAS,IACtB,OAAOD,CAAK,IAGd,IAAI,KAAK,eAAe,QAAW;AAAA,IACxC,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA,CACT,EAAE,OAAOC,CAAI;AAChB;AAEO,SAASC,EAAsBC,GAA4C;AAChF,SAAIA,KAAS,OACJ,CAAC,UAAU,IAGhBA,EAAM,WAAW,IACZ,CAAA,IAGFC,EAAoB,OAAO,CAACC,MAASF,EAAM,SAASE,CAAI,CAAC;AAClE;AAEO,SAASC,EAAkBC,GAA2BC,GAA4C;AACvG,SAAIA,KAAaA,MAAc,YAAYD,EAAQ,SAASC,CAAS,IAC5DA,IAGFD,EAAQ,CAAC,KAAK;AACvB;AAEO,SAASE,EACdC,GACAC,GACqC;AACrC,SAAOT,EAAsBQ,CAAc,EAAE;AAAA,IAC3C,CAACL,MAAoDA,MAAS,YAAYA,MAASM;AAAA,EAAA;AAEvF;AAEO,SAASC,EAA0BC,GAM9B;AACV,SAAIA,EAAQ,oBAAoB,KACvB,KAGLA,EAAQ,oBAAoB,MAK9BA,EAAQ,kBACRA,EAAQ,mBACR,CAACA,EAAQ,aACRA,EAAQ,oBAAoB,cAAcA,EAAQ,oBAAoB,gBAEhE,KAGF,GAAQA,EAAQ,mBAAmB,CAACA,EAAQ,YAAYA,EAAQ,oBAAoB;AAC7F;AAOO,SAASC,EACdC,GACAF,IAAsC,IAC7B;AACT,MAAIE,EAAM,QAAQ;AAChB,WAAO;AAGT,QAAM,EAAE,mBAAAC,IAAoB,IAAM,kBAAAC,IAAmB,OAASJ,GACxDK,IAASH,EAAM,WAAWA,EAAM;AAMtC,SAJI,GAAAC,KAAqBD,EAAM,YAAY,CAACG,KAIxCD,KAAoBC,KAAU,CAACH,EAAM;AAK3C;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/dataDisplay/chat/utils.ts"],"sourcesContent":["import {\n  type ChatAttachment,\n  type ChatLayoutMode,\n  CHAT_EXPAND_LAYOUTS,\n  CHAT_MESSAGE_DELIVERY_STATUSES,\n  CHAT_MESSAGE_STATUS_ICONS,\n  CHAT_MESSAGE_STATUS_LABELS,\n  type ChatMessageDeliveryStatus,\n  type ChatMessageStatus,\n  type ChatMessageStatusIcons,\n} from \"./types\";\n\nexport function isChatMessageDeliveryStatus(status: ChatMessageStatus): status is ChatMessageDeliveryStatus {\n  return CHAT_MESSAGE_DELIVERY_STATUSES.includes(status as ChatMessageDeliveryStatus);\n}\n\nexport function resolveChatMessageStatusIcon(\n  status: ChatMessageStatus,\n  icons?: ChatMessageStatusIcons & Record<string, string | undefined>\n): string | undefined {\n  const custom = icons?.[status];\n  if (custom) {\n    return custom;\n  }\n\n  if (isChatMessageDeliveryStatus(status)) {\n    return CHAT_MESSAGE_STATUS_ICONS[status];\n  }\n\n  return undefined;\n}\n\nexport function resolveChatMessageStatusLabel(status: ChatMessageStatus): string {\n  if (isChatMessageDeliveryStatus(status)) {\n    return CHAT_MESSAGE_STATUS_LABELS[status];\n  }\n\n  return String(status);\n}\n\nexport function isImageAttachment(attachment: ChatAttachment): boolean {\n  if (attachment.mimeType?.startsWith(\"image/\")) {\n    return true;\n  }\n\n  return /\\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(attachment.name);\n}\n\nexport function formatChatTimestamp(value?: string | Date): string {\n  if (!value) {\n    return \"\";\n  }\n\n  const date = value instanceof Date ? value : new Date(value);\n\n  if (Number.isNaN(date.getTime())) {\n    return String(value);\n  }\n\n  return new Intl.DateTimeFormat(undefined, {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  }).format(date);\n}\n\nexport function resolveAllowedLayouts(input?: ChatLayoutMode[]): ChatLayoutMode[] {\n  if (input == null) {\n    return [\"floating\"];\n  }\n\n  if (input.length === 0) {\n    return [];\n  }\n\n  return CHAT_EXPAND_LAYOUTS.filter((mode) => input.includes(mode));\n}\n\nexport function pickInitialLayout(allowed: ChatLayoutMode[], preferred?: ChatLayoutMode): ChatLayoutMode {\n  if (preferred && preferred !== \"closed\" && allowed.includes(preferred)) {\n    return preferred;\n  }\n\n  return allowed[0] ?? \"floating\";\n}\n\nexport function getChatLayoutActions(\n  allowedLayouts: ChatLayoutMode[],\n  currentLayout?: ChatLayoutMode\n): Exclude<ChatLayoutMode, \"closed\">[] {\n  return resolveAllowedLayouts(allowedLayouts).filter(\n    (mode): mode is Exclude<ChatLayoutMode, \"closed\"> => mode !== \"closed\" && mode !== currentLayout\n  );\n}\n\nexport function shouldShowChatCloseButton(options: {\n  floatingTrigger?: boolean | undefined;\n  embedded?: boolean | undefined;\n  overlayContext?: boolean | undefined;\n  effectiveLayout?: ChatLayoutMode | undefined;\n  showCloseButton?: boolean | undefined;\n}): boolean {\n  if (options.showCloseButton === false) {\n    return false;\n  }\n\n  if (options.showCloseButton === true) {\n    return true;\n  }\n\n  if (\n    options.overlayContext &&\n    options.floatingTrigger &&\n    !options.embedded &&\n    (options.effectiveLayout === \"floating\" || options.effectiveLayout === \"fullHeight\")\n  ) {\n    return true;\n  }\n\n  return Boolean(options.floatingTrigger && !options.embedded && options.effectiveLayout === \"floating\");\n}\n\n/**\n * Deprecated: the newline flags of the old `ChatComposer`. `Composer` picks the send key with `sendKey` instead\n * (`\"enter\"` = Enter sends, Shift+Enter makes a newline; `\"modEnter\"` = Ctrl/⌘+Enter sends). Removed with\n * `ChatComposer` in the next major.\n *\n * @deprecated Use `Composer`'s `sendKey`; see the README section \"Migrating from ChatComposer\".\n */\nexport interface ChatComposerNewlineOptions {\n  shiftEnterNewline?: boolean;\n  ctrlEnterNewline?: boolean;\n}\n\n/**\n * Deprecated: the key rule of the old `ChatComposer` (which Enter sends, which makes a newline).\n * `Composer` resolves the same choice through `sendKey` in `resolveComposerKeyAction`, and `Chat` draws a `Composer`\n * by default. Kept for `ChatComposer` and `legacyComposer` only; removed in the next major.\n *\n * @deprecated Use `Composer`'s `sendKey`; see the README section \"Migrating from ChatComposer\".\n */\nexport function shouldComposerNewlineOnEnter(\n  event: { key: string; shiftKey: boolean; ctrlKey: boolean; metaKey: boolean },\n  options: ChatComposerNewlineOptions = {}\n): boolean {\n  if (event.key !== \"Enter\") {\n    return false;\n  }\n\n  const { shiftEnterNewline = true, ctrlEnterNewline = true } = options;\n  const isCtrl = event.ctrlKey || event.metaKey;\n\n  if (shiftEnterNewline && event.shiftKey && !isCtrl) {\n    return true;\n  }\n\n  if (ctrlEnterNewline && isCtrl && !event.shiftKey) {\n    return true;\n  }\n\n  return false;\n}\n"],"names":["isChatMessageDeliveryStatus","status","CHAT_MESSAGE_DELIVERY_STATUSES","resolveChatMessageStatusIcon","icons","custom","CHAT_MESSAGE_STATUS_ICONS","resolveChatMessageStatusLabel","CHAT_MESSAGE_STATUS_LABELS","isImageAttachment","attachment","formatChatTimestamp","value","date","resolveAllowedLayouts","input","CHAT_EXPAND_LAYOUTS","mode","pickInitialLayout","allowed","preferred","getChatLayoutActions","allowedLayouts","currentLayout","shouldShowChatCloseButton","options","shouldComposerNewlineOnEnter","event","shiftEnterNewline","ctrlEnterNewline","isCtrl"],"mappings":";AAYO,SAASA,EAA4BC,GAAgE;AAC1G,SAAOC,EAA+B,SAASD,CAAmC;AACpF;AAEO,SAASE,EACdF,GACAG,GACoB;AACpB,QAAMC,IAASD,IAAQH,CAAM;AAC7B,MAAII;AACF,WAAOA;AAGT,MAAIL,EAA4BC,CAAM;AACpC,WAAOK,EAA0BL,CAAM;AAI3C;AAEO,SAASM,EAA8BN,GAAmC;AAC/E,SAAID,EAA4BC,CAAM,IAC7BO,EAA2BP,CAAM,IAGnC,OAAOA,CAAM;AACtB;AAEO,SAASQ,EAAkBC,GAAqC;AACrE,SAAIA,EAAW,UAAU,WAAW,QAAQ,IACnC,KAGF,mCAAmC,KAAKA,EAAW,IAAI;AAChE;AAEO,SAASC,EAAoBC,GAA+B;AACjE,MAAI,CAACA;AACH,WAAO;AAGT,QAAMC,IAAOD,aAAiB,OAAOA,IAAQ,IAAI,KAAKA,CAAK;AAE3D,SAAI,OAAO,MAAMC,EAAK,QAAA,CAAS,IACtB,OAAOD,CAAK,IAGd,IAAI,KAAK,eAAe,QAAW;AAAA,IACxC,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA,CACT,EAAE,OAAOC,CAAI;AAChB;AAEO,SAASC,EAAsBC,GAA4C;AAChF,SAAIA,KAAS,OACJ,CAAC,UAAU,IAGhBA,EAAM,WAAW,IACZ,CAAA,IAGFC,EAAoB,OAAO,CAACC,MAASF,EAAM,SAASE,CAAI,CAAC;AAClE;AAEO,SAASC,EAAkBC,GAA2BC,GAA4C;AACvG,SAAIA,KAAaA,MAAc,YAAYD,EAAQ,SAASC,CAAS,IAC5DA,IAGFD,EAAQ,CAAC,KAAK;AACvB;AAEO,SAASE,EACdC,GACAC,GACqC;AACrC,SAAOT,EAAsBQ,CAAc,EAAE;AAAA,IAC3C,CAACL,MAAoDA,MAAS,YAAYA,MAASM;AAAA,EAAA;AAEvF;AAEO,SAASC,EAA0BC,GAM9B;AACV,SAAIA,EAAQ,oBAAoB,KACvB,KAGLA,EAAQ,oBAAoB,MAK9BA,EAAQ,kBACRA,EAAQ,mBACR,CAACA,EAAQ,aACRA,EAAQ,oBAAoB,cAAcA,EAAQ,oBAAoB,gBAEhE,KAGF,GAAQA,EAAQ,mBAAmB,CAACA,EAAQ,YAAYA,EAAQ,oBAAoB;AAC7F;AAqBO,SAASC,EACdC,GACAF,IAAsC,IAC7B;AACT,MAAIE,EAAM,QAAQ;AAChB,WAAO;AAGT,QAAM,EAAE,mBAAAC,IAAoB,IAAM,kBAAAC,IAAmB,OAASJ,GACxDK,IAASH,EAAM,WAAWA,EAAM;AAMtC,SAJI,GAAAC,KAAqBD,EAAM,YAAY,CAACG,KAIxCD,KAAoBC,KAAU,CAACH,EAAM;AAK3C;"}

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

@@ -2,9 +2,22 @@ import { type JSX } from "solid-js";
 import { type Ref } from "../../../primitives/mergeRefs";
 export type ChipColor = "default" | "primary" | "secondary" | "error" | "success" | "warning" | "info";
 export interface ChipProps extends JSX.HTMLAttributes<HTMLSpanElement | HTMLAnchorElement> {
+    /**
+     * Class name(s) for the chip's root, a `<span>` (an `<a>` with `asLink`). `style`, `id`, `data-*`, `aria-hidden`,
+     * `ref` and event handlers go to the root too. In a clickable chip (`onClick`), `role`, `tabindex`, `onFocus`,
+     * `onBlur` and the other `aria-*` attributes go to its button, `.smwb-chip__content` (the icon and the label), which
+     * is also the element to focus. Otherwise they stay on the root, which holds the delete button too.
+     */
+    class?: string | undefined;
     variant?: "filled" | "outlined";
     size?: "small" | "medium";
     color?: ChipColor;
+    /**
+     * Shows a delete button in the chip and runs when it is pressed: a click, or
+     * Enter / Space while the button has focus. In a clickable chip it sits
+     * beside the chip's button, not inside it, and pressing it does not run the
+     * chip's `onClick`.
+     */
     onDelete?: (event: MouseEvent & {
         currentTarget: HTMLButtonElement;
         target: Element;
@@ -12,16 +25,35 @@ export interface ChipProps extends JSX.HTMLAttributes<HTMLSpanElement | HTMLAnch
     icon?: JSX.Element;
     deleteIcon?: JSX.Element;
     label: string;
+    /**
+     * Makes the chip clickable: its icon and label become a button, named by
+     * them, with a focus ring around the whole chip. The delete button is not
+     * part of that button but its sibling, so it keeps its own name.
+     *
+     * Runs on a click on the chip and on Enter / Space while the chip's button
+     * has focus, but not on a click or key on the delete button.
+     */
     onClick?: () => void;
     onDeleteMouseDown?: JSX.EventHandlerUnion<HTMLButtonElement, MouseEvent>;
+    /**
+     * Disables the chip: it is dimmed, takes no pointer input and says `aria-disabled`, and its delete button is
+     * disabled too. With `onClick` the chip is still a button, out of the tab order.
+     */
     disabled?: boolean;
     asLink?: boolean;
     href?: string;
     /** Open the link in a new tab (asLink only). */
     target?: string;
     selected?: boolean;
+    /**
+     * Id of the label's element, for another element to take the chip's text as
+     * its name (`aria-labelledby`) without the delete button's name.
+     */
+    labelId?: string | undefined;
     /** Accessible label for the delete control. */
     deleteAriaLabel?: string;
+    /** Test id of the root; `chip`, or `chip-link` for a link, unless given. */
+    "data-testid"?: string | undefined;
     ref?: Ref<HTMLSpanElement | HTMLAnchorElement>;
 }
 export declare function Chip(props: ChipProps): JSX.Element;