@djangocfg/ui-tools 2.1.349 → 2.1.351

package/dist/ChatRoot-2KT32NFJ.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunk2SXDCXLK_cjs = require('./chunk-2SXDCXLK.cjs');
+require('./chunk-B5AWZOHJ.cjs');
+require('./chunk-OLISEQHS.cjs');
+
+
+
+Object.defineProperty(exports, "ChatRoot", {
+  enumerable: true,
+  get: function () { return chunk2SXDCXLK_cjs.ChatRoot; }
+});
+//# sourceMappingURL=ChatRoot-2KT32NFJ.cjs.map
+//# sourceMappingURL=ChatRoot-2KT32NFJ.cjs.map

package/dist/{ChatRoot-CZMOJOGD.mjs.map → ChatRoot-2KT32NFJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ChatRoot-CZMOJOGD.mjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ChatRoot-2KT32NFJ.cjs"}

package/dist/ChatRoot-VSIBJLE2.mjs

@@ -0,0 +1,5 @@
+export { ChatRoot } from './chunk-XJ7CXHSU.mjs';
+import './chunk-2ZLKZ5VR.mjs';
+import './chunk-N2XQF2OL.mjs';
+//# sourceMappingURL=ChatRoot-VSIBJLE2.mjs.map
+//# sourceMappingURL=ChatRoot-VSIBJLE2.mjs.map

package/dist/{ChatRoot-VTYANC7M.cjs.map → ChatRoot-VSIBJLE2.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ChatRoot-VTYANC7M.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ChatRoot-VSIBJLE2.mjs"}

package/dist/{chunk-XYGB26BY.cjs → chunk-2SXDCXLK.cjs}

@@ -1245,9 +1245,16 @@ function ChatProvider({
     () => ({ ...DEFAULT_LABELS, ...config.labels ?? {} }),
     [config.labels]
   );
+  const hasAudio = react.useMemo(() => {
+    const sounds = audio?.sounds;
+    if (!sounds) return false;
+    return Object.values(sounds).some(
+      (v) => typeof v === "string" && v.length > 0
+    );
+  }, [audio]);
   const value = react.useMemo(
-    () => ({ ...chat, layout, config, labels, audio: audioApi }),
-    [chat, layout, config, labels, audioApi]
+    () => ({ ...chat, layout, config, labels, audio: audioApi, hasAudio }),
+    [chat, layout, config, labels, audioApi, hasAudio]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(Ctx.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: rootRef, style: { display: "contents" }, children }) });
 }
@@ -1655,6 +1662,35 @@ function RemoveBtn({ onRemove }) {
   );
 }
 chunkOLISEQHS_cjs.__name(RemoveBtn, "RemoveBtn");
+var SIZE_CLASSES = {
+  sm: {
+    slot: "[&>:not(textarea)]:h-8",
+    button: "h-8 w-8",
+    iconButton: "size-3.5",
+    textarea: "min-h-8 max-h-48 px-3 py-1.5",
+    text: "text-sm",
+    padding: "gap-1.5",
+    containerPadding: "px-2 pt-1.5 pb-[max(0.375rem,env(safe-area-inset-bottom))]"
+  },
+  md: {
+    slot: "[&>:not(textarea)]:h-9",
+    button: "h-9 w-9",
+    iconButton: "size-4",
+    textarea: "min-h-9 max-h-60 px-3.5 py-2",
+    text: "text-base sm:text-sm",
+    padding: "gap-1.5",
+    containerPadding: "px-2.5 pt-2 pb-[max(0.5rem,env(safe-area-inset-bottom))]"
+  },
+  lg: {
+    slot: "[&>:not(textarea)]:h-12",
+    button: "h-12 w-12",
+    iconButton: "size-5",
+    textarea: "min-h-12 max-h-72 px-4 py-3",
+    text: "text-base",
+    padding: "gap-2",
+    containerPadding: "px-3.5 pt-3 pb-[max(0.875rem,env(safe-area-inset-bottom))]"
+  }
+};
 var Composer = react.forwardRef(/* @__PURE__ */ chunkOLISEQHS_cjs.__name(function Composer2({
   composer,
   placeholder = "Type a message...",
@@ -1666,6 +1702,7 @@ var Composer = react.forwardRef(/* @__PURE__ */ chunkOLISEQHS_cjs.__name(functio
   attachmentTray,
   className,
   textareaClassName,
+  size = "md",
   isStreaming: isStreamingProp,
   onCancel: onCancelProp
 }, ref) {
@@ -1673,12 +1710,14 @@ var Composer = react.forwardRef(/* @__PURE__ */ chunkOLISEQHS_cjs.__name(functio
   const isStreaming = isStreamingProp ?? ctx?.isStreaming ?? false;
   const onCancel = onCancelProp ?? ctx?.cancelStream;
   const isDisabled = disabled ?? isStreaming;
+  const sz = SIZE_CLASSES[size];
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       ref,
       className: lib.cn(
-        "border-t border-border bg-background/95 px-2.5 pt-2 pb-[max(0.5rem,env(safe-area-inset-bottom))]",
+        "border-t border-border bg-background/95",
+        sz.containerPadding,
         className
       ),
       children: [
@@ -1689,7 +1728,7 @@ var Composer = react.forwardRef(/* @__PURE__ */ chunkOLISEQHS_cjs.__name(functio
             onRemove: (a) => composer.removeAttachment(a.id)
           }
         ) }) : null,
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-1.5 [&>:not(textarea)]:shrink-0 [&>:not(textarea)]:h-9", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: lib.cn("flex items-end [&>:not(textarea)]:shrink-0", sz.padding, sz.slot), children: [
           showAttachmentButton ? /* @__PURE__ */ jsxRuntime.jsx(
             components.Button,
             {
@@ -1699,8 +1738,8 @@ var Composer = react.forwardRef(/* @__PURE__ */ chunkOLISEQHS_cjs.__name(functio
               onClick: onPickFiles,
               "aria-label": "Attach files",
               disabled: isDisabled,
-              className: "h-9 w-9",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { "aria-hidden": true, className: "size-4" })
+              className: sz.button,
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { "aria-hidden": true, className: sz.iconButton })
             }
           ) : null,
           toolbarStart,
@@ -1714,7 +1753,9 @@ var Composer = react.forwardRef(/* @__PURE__ */ chunkOLISEQHS_cjs.__name(functio
               "aria-multiline": "true",
               disabled: isDisabled,
               className: lib.cn(
-                "min-h-9 max-h-60 flex-1 resize-none rounded-2xl px-3.5 py-2 text-base sm:text-sm",
+                "flex-1 resize-none rounded-2xl",
+                sz.textarea,
+                sz.text,
                 textareaClassName
               )
             }
@@ -1729,8 +1770,8 @@ var Composer = react.forwardRef(/* @__PURE__ */ chunkOLISEQHS_cjs.__name(functio
               onClick: onCancel,
               "aria-label": "Stop",
               "aria-keyshortcuts": "Escape",
-              className: "h-9 w-9",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, { "aria-hidden": true, className: "size-3.5" })
+              className: sz.button,
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, { "aria-hidden": true, className: sz.iconButton })
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx(
             components.Button,
@@ -1741,8 +1782,8 @@ var Composer = react.forwardRef(/* @__PURE__ */ chunkOLISEQHS_cjs.__name(functio
               disabled: !composer.canSubmit,
               "aria-label": "Send",
               "aria-keyshortcuts": "Enter",
-              className: "h-9 w-9",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { "aria-hidden": true, className: "size-4" })
+              className: sz.button,
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { "aria-hidden": true, className: sz.iconButton })
             }
           )
         ] })
@@ -2353,7 +2394,8 @@ function ChatRootShell({ className, slots }) {
         onPickFiles: slots.onPickFiles,
         toolbarStart: slots.composerToolbarStart,
         toolbarEnd: slots.composerToolbarEnd,
-        attachmentTray: slots.composerAttachmentTray
+        attachmentTray: slots.composerAttachmentTray,
+        size: slots.composerSize
       }
     ),
     slots.footer ?? null
@@ -2406,5 +2448,5 @@ exports.useChatContextOptional = useChatContextOptional;
 exports.useChatHistory = useChatHistory;
 exports.useChatLayout = useChatLayout;
 exports.useChatScroll = useChatScroll;
-//# sourceMappingURL=chunk-XYGB26BY.cjs.map
-//# sourceMappingURL=chunk-XYGB26BY.cjs.map
+//# sourceMappingURL=chunk-2SXDCXLK.cjs.map
+//# sourceMappingURL=chunk-2SXDCXLK.cjs.map