@djangocfg/ui-tools 2.1.349 → 2.1.351

package/dist/{chunk-QCKJVSJF.mjs → chunk-XJ7CXHSU.mjs}

@@ -1243,9 +1243,16 @@ function ChatProvider({
     () => ({ ...DEFAULT_LABELS, ...config.labels ?? {} }),
     [config.labels]
   );
+  const hasAudio = useMemo(() => {
+    const sounds = audio?.sounds;
+    if (!sounds) return false;
+    return Object.values(sounds).some(
+      (v) => typeof v === "string" && v.length > 0
+    );
+  }, [audio]);
   const value = 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__ */ jsx(Ctx.Provider, { value, children: /* @__PURE__ */ jsx("div", { ref: rootRef, style: { display: "contents" }, children }) });
 }
@@ -1653,6 +1660,35 @@ function RemoveBtn({ onRemove }) {
   );
 }
 __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 = forwardRef(/* @__PURE__ */ __name(function Composer2({
   composer,
   placeholder = "Type a message...",
@@ -1664,6 +1700,7 @@ var Composer = forwardRef(/* @__PURE__ */ __name(function Composer2({
   attachmentTray,
   className,
   textareaClassName,
+  size = "md",
   isStreaming: isStreamingProp,
   onCancel: onCancelProp
 }, ref) {
@@ -1671,12 +1708,14 @@ var Composer = forwardRef(/* @__PURE__ */ __name(function Composer2({
   const isStreaming = isStreamingProp ?? ctx?.isStreaming ?? false;
   const onCancel = onCancelProp ?? ctx?.cancelStream;
   const isDisabled = disabled ?? isStreaming;
+  const sz = SIZE_CLASSES[size];
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ref,
       className: 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: [
@@ -1687,7 +1726,7 @@ var Composer = forwardRef(/* @__PURE__ */ __name(function Composer2({
             onRemove: (a) => composer.removeAttachment(a.id)
           }
         ) }) : null,
-        /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-1.5 [&>:not(textarea)]:shrink-0 [&>:not(textarea)]:h-9", children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("flex items-end [&>:not(textarea)]:shrink-0", sz.padding, sz.slot), children: [
           showAttachmentButton ? /* @__PURE__ */ jsx(
             Button,
             {
@@ -1697,8 +1736,8 @@ var Composer = forwardRef(/* @__PURE__ */ __name(function Composer2({
               onClick: onPickFiles,
               "aria-label": "Attach files",
               disabled: isDisabled,
-              className: "h-9 w-9",
-              children: /* @__PURE__ */ jsx(Paperclip, { "aria-hidden": true, className: "size-4" })
+              className: sz.button,
+              children: /* @__PURE__ */ jsx(Paperclip, { "aria-hidden": true, className: sz.iconButton })
             }
           ) : null,
           toolbarStart,
@@ -1712,7 +1751,9 @@ var Composer = forwardRef(/* @__PURE__ */ __name(function Composer2({
               "aria-multiline": "true",
               disabled: isDisabled,
               className: 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
               )
             }
@@ -1727,8 +1768,8 @@ var Composer = forwardRef(/* @__PURE__ */ __name(function Composer2({
               onClick: onCancel,
               "aria-label": "Stop",
               "aria-keyshortcuts": "Escape",
-              className: "h-9 w-9",
-              children: /* @__PURE__ */ jsx(Square, { "aria-hidden": true, className: "size-3.5" })
+              className: sz.button,
+              children: /* @__PURE__ */ jsx(Square, { "aria-hidden": true, className: sz.iconButton })
             }
           ) : /* @__PURE__ */ jsx(
             Button,
@@ -1739,8 +1780,8 @@ var Composer = forwardRef(/* @__PURE__ */ __name(function Composer2({
               disabled: !composer.canSubmit,
               "aria-label": "Send",
               "aria-keyshortcuts": "Enter",
-              className: "h-9 w-9",
-              children: /* @__PURE__ */ jsx(Send, { "aria-hidden": true, className: "size-4" })
+              className: sz.button,
+              children: /* @__PURE__ */ jsx(Send, { "aria-hidden": true, className: sz.iconButton })
             }
           )
         ] })
@@ -2351,7 +2392,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
@@ -2366,5 +2408,5 @@ function copy2(text) {
 __name(copy2, "copy");
 
 export { Attachments, AttachmentsGrid, AttachmentsList, CHAT_EVENT_NAME, CSS_VARS, ChatProvider, ChatRoot, Composer, DEFAULT_LABELS, DEFAULT_SIDEBAR, DEFAULT_Z_INDEX, EmptyState, ErrorBanner, HOTKEYS, JumpToLatest, LIMITS, MessageActions, MessageBubble, MessageList, STORAGE_KEYS, Sources, StreamingIndicator, ToolCalls, createId, createTokenBuffer, deriveInitials, getChatLogger, initialState, reducer, resolvePersona, useChat, useChatAudio, useChatAudioPrefs, useChatComposer, useChatContext, useChatContextOptional, useChatHistory, useChatLayout, useChatScroll };
-//# sourceMappingURL=chunk-QCKJVSJF.mjs.map
-//# sourceMappingURL=chunk-QCKJVSJF.mjs.map
+//# sourceMappingURL=chunk-XJ7CXHSU.mjs.map
+//# sourceMappingURL=chunk-XJ7CXHSU.mjs.map