@djangocfg/ui-tools 2.1.348 → 2.1.350

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

@@ -1653,6 +1653,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 +1693,7 @@ var Composer = forwardRef(/* @__PURE__ */ __name(function Composer2({
   attachmentTray,
   className,
   textareaClassName,
+  size = "md",
   isStreaming: isStreamingProp,
   onCancel: onCancelProp
 }, ref) {
@@ -1671,12 +1701,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 +1719,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 +1729,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 +1744,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 +1761,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 +1773,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 +2385,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 +2401,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-XG3XAO7W.mjs.map
+//# sourceMappingURL=chunk-XG3XAO7W.mjs.map