@smwb/ui-solid 0.12.1 → 0.14.0

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

@@ -1,13 +1,13 @@
-import { createComponent as a, use as B, setAttribute as c, effect as f, className as v, memo as z, insert as M, template as S, delegateEvents as P } from "solid-js/web";
+import { createComponent as a, use as B, setAttribute as c, effect as f, className as v, memo as z, insert as M, template as C, delegateEvents as P } from "solid-js/web";
 import { mergeProps as W, createSignal as T, Show as u } from "solid-js";
 import h from "clsx";
 import { TextFieldWrapper as H } from "../../inputs/textField/textFieldWrapper.js";
-import { ChatIconButton as D } from "./chatIconButton.js";
+import { ChatIconButton as y } from "./chatIconButton.js";
 import { createId as K } from "../../../primitives/createId.js";
 import { shouldComposerNewlineOnEnter as U } from "./utils.js";
 import { TextField as V } from "../../inputs/textField/textField.js";
 import { Icon as A } from "../../base/icon/icon.js";
-var q = /* @__PURE__ */ S("<label data-testid=chat-composer-attach>"), O = /* @__PURE__ */ S("<textarea rows=1>"), R = /* @__PURE__ */ S("<div data-testid=chat-composer>");
+var q = /* @__PURE__ */ C("<label data-testid=chat-composer-attach>"), O = /* @__PURE__ */ C("<textarea rows=1>"), R = /* @__PURE__ */ C("<div data-testid=chat-composer>");
 function E(o) {
   o.stopPropagation();
 }
@@ -27,21 +27,23 @@ function ne(o) {
     ctrlEnterNewline: !0,
     fileUpload: !1,
     attachAriaLabel: "Attach file"
-  }, o), [s, i] = T(""), [b, m] = T(!1), _ = K();
+  }, o), [s, i] = T(""), [b, m] = T(!1), S = K();
   let p;
-  const L = () => e.shiftEnterNewline || e.ctrlEnterNewline, y = () => !!e.onSendMessage && s().trim().length > 0 && !e.disabled, g = () => e.fileUpload && !!(e.attachInputId || e.onAttachClick), C = () => {
+  const D = () => e.shiftEnterNewline || e.ctrlEnterNewline, L = () => !!e.onSendMessage && s().trim().length > 0 && !e.disabled, g = () => e.fileUpload && !!(e.attachInputId || e.onAttachClick), _ = () => {
     if (!e.onSendMessage) return;
     const t = s().trim();
     !t || e.disabled || (e.onSendMessage(t), i(""));
   }, k = (t) => {
-    if (U(t, {
-      shiftEnterNewline: e.shiftEnterNewline,
-      ctrlEnterNewline: e.ctrlEnterNewline
-    })) {
-      t.currentTarget instanceof HTMLTextAreaElement && (t.preventDefault(), j(t.currentTarget, s(), i));
-      return;
+    if (!(t.isComposing || t.keyCode === 229)) {
+      if (U(t, {
+        shiftEnterNewline: e.shiftEnterNewline,
+        ctrlEnterNewline: e.ctrlEnterNewline
+      })) {
+        t.currentTarget instanceof HTMLTextAreaElement && (t.preventDefault(), j(t.currentTarget, s(), i));
+        return;
+      }
+      t.key === "Enter" && (t.preventDefault(), _());
     }
-    t.key === "Enter" && (t.preventDefault(), C());
   }, F = () => h("smwb-chat-icon-button", "smwb-chat-icon-button_edge-start", e.disabled && "smwb-chat-icon-button_disabled"), w = () => a(u, {
     get when() {
       return g();
@@ -52,7 +54,7 @@ function ne(o) {
           return e.attachInputId;
         },
         get fallback() {
-          return a(D, {
+          return a(y, {
             edge: "start",
             get "aria-label"() {
               return e.attachAriaLabel;
@@ -93,7 +95,7 @@ function ne(o) {
       return e.onSendMessage;
     },
     get children() {
-      return a(D, {
+      return a(y, {
         edge: "end",
         color: "primary",
         get "aria-label"() {
@@ -101,9 +103,9 @@ function ne(o) {
         },
         "data-testid": "chat-composer-send",
         get disabled() {
-          return !y();
+          return !L();
         },
-        onClick: C,
+        onClick: _,
         onMouseDown: E,
         get children() {
           return a(A, {
@@ -129,7 +131,7 @@ function ne(o) {
     get children() {
       return a(u, {
         get when() {
-          return L();
+          return D();
         },
         get fallback() {
           return a(V, {
@@ -173,7 +175,7 @@ function ne(o) {
             get isFocused() {
               return b();
             },
-            for: _,
+            for: S,
             get shrink() {
               return z(() => !!(e.attachInputId || e.onAttachClick))() && g();
             },
@@ -186,7 +188,7 @@ function ne(o) {
             },
             get children() {
               var t = O();
-              return t.$$keydown = k, t.addEventListener("blur", () => m(!1)), t.addEventListener("focus", () => m(!0)), t.$$input = (r) => i(r.currentTarget.value), B((r) => p = r, t), c(t, "id", _), f((r) => {
+              return t.$$keydown = k, t.addEventListener("blur", () => m(!1)), t.addEventListener("focus", () => m(!0)), t.$$input = (r) => i(r.currentTarget.value), B((r) => p = r, t), c(t, "id", S), f((r) => {
                 var n = h("smwb-text-field__input", "smwb-chat-composer__input", "smwb-text-field__input--show-placeholder", g() && "smwb-text-field__input--adornment-start", e.onSendMessage && "smwb-text-field__input--adornment-end"), l = e.disabled, d = e.placeholder;
                 return n !== r.e && v(t, r.e = n), l !== r.t && (t.disabled = r.t = l), d !== r.a && c(t, "placeholder", r.a = d), r;
               }, {

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

@@ -1 +1 @@
-{"version":3,"file":"chatComposer.js","sources":["../../../../../src/components/dataDisplay/chat/chatComposer.tsx"],"sourcesContent":["import { type JSX, Show, createSignal, mergeProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { TextField } from \"../../inputs/textField\";\nimport { TextFieldWrapper } from \"../../inputs/textField/textFieldWrapper\";\nimport { ChatIconButton } from \"./chatIconButton\";\nimport { createId } from \"../../../primitives/createId\";\nimport { shouldComposerNewlineOnEnter } from \"./utils\";\n\nexport interface ChatComposerProps {\n  class?: string | undefined;\n  onSendMessage?: ((text: string) => void | Promise<void>) | undefined;\n  placeholder?: string | undefined;\n  disabled?: boolean | undefined;\n  sendAriaLabel?: string | undefined;\n  shiftEnterNewline?: boolean | undefined;\n  ctrlEnterNewline?: boolean | undefined;\n  fileUpload?: boolean | undefined;\n  attachInputId?: string | undefined;\n  onAttachClick?: (() => void) | undefined;\n  attachAriaLabel?: string | undefined;\n}\n\nfunction stopPropagation(event: Event): void {\n  event.stopPropagation();\n}\n\nfunction insertNewlineAtCursor(element: HTMLTextAreaElement, value: string, setValue: (next: string) => void): void {\n  const start = element.selectionStart ?? value.length;\n  const end = element.selectionEnd ?? value.length;\n  const nextValue = `${value.slice(0, start)}\\n${value.slice(end)}`;\n\n  setValue(nextValue);\n\n  requestAnimationFrame(() => {\n    element.selectionStart = start + 1;\n    element.selectionEnd = start + 1;\n  });\n}\n\nexport function ChatComposer(props: ChatComposerProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      placeholder: \"message\",\n      disabled: false,\n      sendAriaLabel: \"Send message\",\n      shiftEnterNewline: true,\n      ctrlEnterNewline: true,\n      fileUpload: false,\n      attachAriaLabel: \"Attach file\",\n    },\n    props\n  );\n\n  const [value, setValue] = createSignal(\"\");\n  const [isFocused, setIsFocused] = createSignal(false);\n  const inputId = createId();\n  let textareaRef: HTMLTextAreaElement | undefined;\n\n  const multiline = (): boolean => merged.shiftEnterNewline || merged.ctrlEnterNewline;\n  const canSend = (): boolean => Boolean(merged.onSendMessage) && value().trim().length > 0 && !merged.disabled;\n  const showAttach = (): boolean => merged.fileUpload && Boolean(merged.attachInputId || merged.onAttachClick);\n\n  const handleSend = (): void => {\n    if (!merged.onSendMessage) return;\n    const text = value().trim();\n    if (!text || merged.disabled) return;\n    void merged.onSendMessage(text);\n    setValue(\"\");\n  };\n\n  const handleKeyDown = (event: KeyboardEvent & { currentTarget: HTMLElement }): void => {\n    if (shouldComposerNewlineOnEnter(event, { shiftEnterNewline: merged.shiftEnterNewline, ctrlEnterNewline: merged.ctrlEnterNewline })) {\n      if (event.currentTarget instanceof HTMLTextAreaElement) {\n        event.preventDefault();\n        insertNewlineAtCursor(event.currentTarget, value(), setValue);\n      }\n      return;\n    }\n\n    if (event.key !== \"Enter\") return;\n\n    event.preventDefault();\n    handleSend();\n  };\n\n  const attachClass = (): string =>\n    cn(\"smwb-chat-icon-button\", \"smwb-chat-icon-button_edge-start\", merged.disabled && \"smwb-chat-icon-button_disabled\");\n\n  const attachButton = (): JSX.Element => (\n    <Show when={showAttach()}>\n      <Show\n        when={merged.attachInputId}\n        fallback={\n          <ChatIconButton\n            edge=\"start\"\n            aria-label={merged.attachAriaLabel}\n            data-testid=\"chat-composer-attach\"\n            disabled={merged.disabled}\n            onClick={() => merged.onAttachClick?.()}\n            onMouseDown={stopPropagation}\n          >\n            <Icon name=\"attach_file\" size={24} />\n          </ChatIconButton>\n        }\n      >\n        {(id) => (\n          <label\n            for={merged.disabled ? undefined : id()}\n            class={attachClass()}\n            aria-label={merged.attachAriaLabel}\n            aria-disabled={merged.disabled || undefined}\n            data-testid=\"chat-composer-attach\"\n            onMouseDown={stopPropagation}\n          >\n            <Icon name=\"attach_file\" size={24} />\n          </label>\n        )}\n      </Show>\n    </Show>\n  );\n\n  const sendButton = (): JSX.Element => (\n    <Show when={merged.onSendMessage}>\n      <ChatIconButton\n        edge=\"end\"\n        color=\"primary\"\n        aria-label={merged.sendAriaLabel}\n        data-testid=\"chat-composer-send\"\n        disabled={!canSend()}\n        onClick={handleSend}\n        onMouseDown={stopPropagation}\n      >\n        <Icon name=\"send\" size={24} />\n      </ChatIconButton>\n    </Show>\n  );\n\n  const onHolderMouseDown: JSX.EventHandler<HTMLDivElement, MouseEvent> = (event) => {\n    if (textareaRef && event.currentTarget === event.target) {\n      event.preventDefault();\n      textareaRef.focus();\n    }\n  };\n\n  return (\n    <Show\n      when={!(showAttach() && !merged.onSendMessage)}\n      fallback={\n        <div class={cn(\"smwb-chat-composer\", \"smwb-chat-composer_attach-only\", merged.class)} data-testid=\"chat-composer\">\n          {attachButton()}\n        </div>\n      }\n    >\n      <Show\n        when={multiline()}\n        fallback={\n          <TextField\n            class={cn(\"smwb-chat-composer\", merged.class)}\n            data-testid=\"chat-composer\"\n            fullWidth\n            value={value()}\n            disabled={merged.disabled}\n            placeholder={merged.placeholder}\n            onChange={(event) => setValue(event.currentTarget.value)}\n            startAdornment={attachButton()}\n            endAdornment={sendButton()}\n            onKeyDown={handleKeyDown}\n          />\n        }\n      >\n        <TextFieldWrapper\n          class={cn(\"smwb-chat-composer\", merged.class)}\n          data-testid=\"chat-composer\"\n          fullWidth\n          disabled={merged.disabled}\n          isFilledState={value().length > 0}\n          isFocused={isFocused()}\n          for={inputId}\n          shrink={Boolean(merged.attachInputId || merged.onAttachClick) && showAttach()}\n          onHolderMouseDown={onHolderMouseDown}\n          startAdornment={attachButton()}\n          endAdornment={sendButton()}\n        >\n          <textarea\n            id={inputId}\n            ref={(el) => (textareaRef = el)}\n            class={cn(\n              \"smwb-text-field__input\",\n              \"smwb-chat-composer__input\",\n              \"smwb-text-field__input--show-placeholder\",\n              showAttach() && \"smwb-text-field__input--adornment-start\",\n              merged.onSendMessage && \"smwb-text-field__input--adornment-end\"\n            )}\n            value={value()}\n            disabled={merged.disabled}\n            placeholder={merged.placeholder}\n            rows={1}\n            onInput={(event) => setValue(event.currentTarget.value)}\n            onFocus={() => setIsFocused(true)}\n            onBlur={() => setIsFocused(false)}\n            onKeyDown={handleKeyDown}\n          />\n        </TextFieldWrapper>\n      </Show>\n    </Show>\n  );\n}\n\nexport default ChatComposer;\n"],"names":["stopPropagation","event","insertNewlineAtCursor","element","value","setValue","start","selectionStart","length","end","selectionEnd","nextValue","slice","requestAnimationFrame","ChatComposer","props","merged","mergeProps","placeholder","disabled","sendAriaLabel","shiftEnterNewline","ctrlEnterNewline","fileUpload","attachAriaLabel","createSignal","isFocused","setIsFocused","inputId","createId","textareaRef","multiline","canSend","Boolean","onSendMessage","trim","showAttach","attachInputId","onAttachClick","handleSend","text","handleKeyDown","shouldComposerNewlineOnEnter","currentTarget","HTMLTextAreaElement","preventDefault","key","attachClass","cn","attachButton","_$createComponent","Show","when","children","fallback","ChatIconButton","edge","onClick","onMouseDown","Icon","name","size","id","_el$","_tmpl$","$$mousedown","_$insert","_$effect","_p$","_v$","undefined","_v$2","_v$3","_v$4","e","_$setAttribute","t","_$className","a","o","sendButton","color","onHolderMouseDown","target","focus","_el$3","_tmpl$3","class","TextField","fullWidth","onChange","startAdornment","endAdornment","onKeyDown","TextFieldWrapper","isFilledState","shrink","_$memo","_el$2","_tmpl$2","$$keydown","addEventListener","$$input","_$use","el","_v$5","_v$6","_v$7","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"chatComposer.js","sources":["../../../../../src/components/dataDisplay/chat/chatComposer.tsx"],"sourcesContent":["import { type JSX, Show, createSignal, mergeProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { TextField } from \"../../inputs/textField\";\nimport { TextFieldWrapper } from \"../../inputs/textField/textFieldWrapper\";\nimport { ChatIconButton } from \"./chatIconButton\";\nimport { createId } from \"../../../primitives/createId\";\nimport { shouldComposerNewlineOnEnter } from \"./utils\";\n\n/**\n * Deprecated: the props of the old chat input. Use `ComposerProps` — `Chat` now draws a `Composer` as its footer,\n * and the standalone `Composer` replaces these props (`onSendMessage` → `onSend`, `sendAriaLabel` → `sendLabel`,\n * `attachAriaLabel` → `attachLabel`, `fileUpload` + `attachInputId`/`onAttachClick` → `onAttach`,\n * `shiftEnterNewline` → `sendKey=\"enter\"`; `ctrlEnterNewline` has no equivalent — Ctrl/⌘+Enter always sends).\n * Removed in the next major.\n *\n * @deprecated Use `Composer` (`ComposerProps`); see the README section \"Migrating from ChatComposer\".\n */\nexport interface ChatComposerProps {\n  class?: string | undefined;\n  onSendMessage?: ((text: string) => void | Promise<void>) | undefined;\n  placeholder?: string | undefined;\n  disabled?: boolean | undefined;\n  sendAriaLabel?: string | undefined;\n  shiftEnterNewline?: boolean | undefined;\n  ctrlEnterNewline?: boolean | undefined;\n  fileUpload?: boolean | undefined;\n  attachInputId?: string | undefined;\n  onAttachClick?: (() => void) | undefined;\n  attachAriaLabel?: string | undefined;\n}\n\nfunction stopPropagation(event: Event): void {\n  event.stopPropagation();\n}\n\nfunction insertNewlineAtCursor(element: HTMLTextAreaElement, value: string, setValue: (next: string) => void): void {\n  const start = element.selectionStart ?? value.length;\n  const end = element.selectionEnd ?? value.length;\n  const nextValue = `${value.slice(0, start)}\\n${value.slice(end)}`;\n\n  setValue(nextValue);\n\n  requestAnimationFrame(() => {\n    element.selectionStart = start + 1;\n    element.selectionEnd = start + 1;\n  });\n}\n\n/**\n * Deprecated: the old chat input — Enter sends, a TextField-based DOM and the `chat-composer*` test ids.\n * `Chat` draws a `Composer` as its footer now, and the standalone `Composer` replaces this component\n * (`onSendMessage` → `onSend`, Enter-to-send → `sendKey=\"enter\"`). Kept for the migration and removed in the\n * next major; to keep this markup inside a Chat while migrating, pass `legacyComposer` to `Chat`.\n *\n * @deprecated Use `Composer`; see the README section \"Migrating from ChatComposer\".\n */\nexport function ChatComposer(props: ChatComposerProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      placeholder: \"message\",\n      disabled: false,\n      sendAriaLabel: \"Send message\",\n      shiftEnterNewline: true,\n      ctrlEnterNewline: true,\n      fileUpload: false,\n      attachAriaLabel: \"Attach file\",\n    },\n    props\n  );\n\n  const [value, setValue] = createSignal(\"\");\n  const [isFocused, setIsFocused] = createSignal(false);\n  const inputId = createId();\n  let textareaRef: HTMLTextAreaElement | undefined;\n\n  const multiline = (): boolean => merged.shiftEnterNewline || merged.ctrlEnterNewline;\n  const canSend = (): boolean => Boolean(merged.onSendMessage) && value().trim().length > 0 && !merged.disabled;\n  const showAttach = (): boolean => merged.fileUpload && Boolean(merged.attachInputId || merged.onAttachClick);\n\n  const handleSend = (): void => {\n    if (!merged.onSendMessage) return;\n    const text = value().trim();\n    if (!text || merged.disabled) return;\n    void merged.onSendMessage(text);\n    setValue(\"\");\n  };\n\n  const handleKeyDown = (event: KeyboardEvent & { currentTarget: HTMLElement }): void => {\n    // Enter that commits or cancels an IME composition belongs to the IME, not to the composer.\n    if (event.isComposing || event.keyCode === 229) return;\n\n    if (shouldComposerNewlineOnEnter(event, { shiftEnterNewline: merged.shiftEnterNewline, ctrlEnterNewline: merged.ctrlEnterNewline })) {\n      if (event.currentTarget instanceof HTMLTextAreaElement) {\n        event.preventDefault();\n        insertNewlineAtCursor(event.currentTarget, value(), setValue);\n      }\n      return;\n    }\n\n    if (event.key !== \"Enter\") return;\n\n    event.preventDefault();\n    handleSend();\n  };\n\n  const attachClass = (): string =>\n    cn(\"smwb-chat-icon-button\", \"smwb-chat-icon-button_edge-start\", merged.disabled && \"smwb-chat-icon-button_disabled\");\n\n  const attachButton = (): JSX.Element => (\n    <Show when={showAttach()}>\n      <Show\n        when={merged.attachInputId}\n        fallback={\n          <ChatIconButton\n            edge=\"start\"\n            aria-label={merged.attachAriaLabel}\n            data-testid=\"chat-composer-attach\"\n            disabled={merged.disabled}\n            onClick={() => merged.onAttachClick?.()}\n            onMouseDown={stopPropagation}\n          >\n            <Icon name=\"attach_file\" size={24} />\n          </ChatIconButton>\n        }\n      >\n        {(id) => (\n          <label\n            for={merged.disabled ? undefined : id()}\n            class={attachClass()}\n            aria-label={merged.attachAriaLabel}\n            aria-disabled={merged.disabled || undefined}\n            data-testid=\"chat-composer-attach\"\n            onMouseDown={stopPropagation}\n          >\n            <Icon name=\"attach_file\" size={24} />\n          </label>\n        )}\n      </Show>\n    </Show>\n  );\n\n  const sendButton = (): JSX.Element => (\n    <Show when={merged.onSendMessage}>\n      <ChatIconButton\n        edge=\"end\"\n        color=\"primary\"\n        aria-label={merged.sendAriaLabel}\n        data-testid=\"chat-composer-send\"\n        disabled={!canSend()}\n        onClick={handleSend}\n        onMouseDown={stopPropagation}\n      >\n        <Icon name=\"send\" size={24} />\n      </ChatIconButton>\n    </Show>\n  );\n\n  const onHolderMouseDown: JSX.EventHandler<HTMLDivElement, MouseEvent> = (event) => {\n    if (textareaRef && event.currentTarget === event.target) {\n      event.preventDefault();\n      textareaRef.focus();\n    }\n  };\n\n  return (\n    <Show\n      when={!(showAttach() && !merged.onSendMessage)}\n      fallback={\n        <div class={cn(\"smwb-chat-composer\", \"smwb-chat-composer_attach-only\", merged.class)} data-testid=\"chat-composer\">\n          {attachButton()}\n        </div>\n      }\n    >\n      <Show\n        when={multiline()}\n        fallback={\n          <TextField\n            class={cn(\"smwb-chat-composer\", merged.class)}\n            data-testid=\"chat-composer\"\n            fullWidth\n            value={value()}\n            disabled={merged.disabled}\n            placeholder={merged.placeholder}\n            onChange={(event) => setValue(event.currentTarget.value)}\n            startAdornment={attachButton()}\n            endAdornment={sendButton()}\n            onKeyDown={handleKeyDown}\n          />\n        }\n      >\n        <TextFieldWrapper\n          class={cn(\"smwb-chat-composer\", merged.class)}\n          data-testid=\"chat-composer\"\n          fullWidth\n          disabled={merged.disabled}\n          isFilledState={value().length > 0}\n          isFocused={isFocused()}\n          for={inputId}\n          shrink={Boolean(merged.attachInputId || merged.onAttachClick) && showAttach()}\n          onHolderMouseDown={onHolderMouseDown}\n          startAdornment={attachButton()}\n          endAdornment={sendButton()}\n        >\n          <textarea\n            id={inputId}\n            ref={(el) => (textareaRef = el)}\n            class={cn(\n              \"smwb-text-field__input\",\n              \"smwb-chat-composer__input\",\n              \"smwb-text-field__input--show-placeholder\",\n              showAttach() && \"smwb-text-field__input--adornment-start\",\n              merged.onSendMessage && \"smwb-text-field__input--adornment-end\"\n            )}\n            value={value()}\n            disabled={merged.disabled}\n            placeholder={merged.placeholder}\n            rows={1}\n            onInput={(event) => setValue(event.currentTarget.value)}\n            onFocus={() => setIsFocused(true)}\n            onBlur={() => setIsFocused(false)}\n            onKeyDown={handleKeyDown}\n          />\n        </TextFieldWrapper>\n      </Show>\n    </Show>\n  );\n}\n\nexport default ChatComposer;\n"],"names":["stopPropagation","event","insertNewlineAtCursor","element","value","setValue","start","selectionStart","length","end","selectionEnd","nextValue","slice","requestAnimationFrame","ChatComposer","props","merged","mergeProps","placeholder","disabled","sendAriaLabel","shiftEnterNewline","ctrlEnterNewline","fileUpload","attachAriaLabel","createSignal","isFocused","setIsFocused","inputId","createId","textareaRef","multiline","canSend","Boolean","onSendMessage","trim","showAttach","attachInputId","onAttachClick","handleSend","text","handleKeyDown","isComposing","keyCode","shouldComposerNewlineOnEnter","currentTarget","HTMLTextAreaElement","preventDefault","key","attachClass","cn","attachButton","_$createComponent","Show","when","children","fallback","ChatIconButton","edge","onClick","onMouseDown","Icon","name","size","id","_el$","_tmpl$","$$mousedown","_$insert","_$effect","_p$","_v$","undefined","_v$2","_v$3","_v$4","e","_$setAttribute","t","_$className","a","o","sendButton","color","onHolderMouseDown","target","focus","_el$3","_tmpl$3","class","TextField","fullWidth","onChange","startAdornment","endAdornment","onKeyDown","TextFieldWrapper","isFilledState","shrink","_$memo","_el$2","_tmpl$2","$$keydown","addEventListener","$$input","_$use","el","_v$5","_v$6","_v$7","_$delegateEvents"],"mappings":"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"}

package/dist/headless/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/headless/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/headless/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/headless/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/headless/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/headless/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;"}