@sesionario/blocks 1.11.0 → 1.12.0

package/dist/index.cjs

@@ -2988,8 +2988,8 @@ function EmojiPicker({
           {
             ref: scrollRef,
             onKeyDown: handleGridKeyDown,
-            className: "h-64 overflow-x-hidden overflow-y-auto p-2",
-            children: normalizedQuery ? searchResults.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground py-8 text-center text-sm", children: strings.noResults }) : /* @__PURE__ */ jsxRuntime.jsx(
+            className: "h-64 overflow-x-hidden overflow-y-auto px-2 pb-2",
+            children: normalizedQuery ? searchResults.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground py-8 text-center text-sm", children: strings.noResults }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
               EmojiGrid,
               {
                 emojis: searchResults,
@@ -2998,7 +2998,7 @@ function EmojiPicker({
                 skinTone,
                 onSelect: handleSelect
               }
-            ) : sections.map((section) => {
+            ) }) : sections.map((section) => {
               const startIndex = flatOffset;
               flatOffset += section.emojis.length;
               return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3009,7 +3009,7 @@ function EmojiPicker({
                   },
                   className: "mb-2",
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-muted-foreground bg-popover sticky top-0 z-[1] px-1 py-1 text-xs font-medium", children: section.title }),
+                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-muted-foreground bg-popover sticky top-0 z-[1] -mx-2 px-3 pt-2 pb-1 text-xs font-medium", children: section.title }),
                     /* @__PURE__ */ jsxRuntime.jsx(
                       "div",
                       {
@@ -3130,7 +3130,7 @@ function EmojiPickerPopover({
   align = "end",
   open,
   onOpenChange,
-  keepOpenOnSelect = false,
+  keepOpenOnSelect = true,
   locale = "en",
   ...pickerProps
 }) {
@@ -3164,7 +3164,16 @@ function EmojiPickerPopover({
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Smile, { className: "size-5" })
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { side, align, className: "w-auto p-0", children: /* @__PURE__ */ jsxRuntime.jsx(EmojiPicker, { onSelect: handleSelect, locale, ...pickerProps }) })
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PopoverContent,
+      {
+        side,
+        align,
+        className: "w-auto p-0",
+        onFocusOutside: (e) => e.preventDefault(),
+        children: /* @__PURE__ */ jsxRuntime.jsx(EmojiPicker, { onSelect: handleSelect, locale, ...pickerProps })
+      }
+    )
   ] });
 }
 
@@ -6167,8 +6176,12 @@ var MessageComposer = React7__namespace.forwardRef(function MessageComposer2({
   onKeyDown,
   sendLabel,
   sendDisabled = false,
+  allowEmptySubmit = false,
   sendButtonClassName,
   sendButtonSize = "sm",
+  submitOnEnter = true,
+  tools,
+  attachments,
   triggerLabel,
   keepOpenOnSelect,
   open,
@@ -6187,7 +6200,7 @@ var MessageComposer = React7__namespace.forwardRef(function MessageComposer2({
   const handleEmojiSelect = useEmojiInsert(fieldRef, value, onChange);
   const pickerDisabled = Boolean(disabled || readOnly);
   const draft = value !== void 0 && value !== null ? String(value) : "";
-  const canSubmit = Boolean(draft.trim()) && !sendDisabled && !disabled && !readOnly;
+  const canSubmit = (allowEmptySubmit || Boolean(draft.trim())) && !sendDisabled && !disabled && !readOnly;
   const handleSubmit = React7__namespace.useCallback(
     (event) => {
       event.preventDefault();
@@ -6200,13 +6213,14 @@ var MessageComposer = React7__namespace.forwardRef(function MessageComposer2({
     (event) => {
       onKeyDown?.(event);
       if (event.defaultPrevented) return;
+      if (!submitOnEnter) return;
       if (event.key !== "Enter" || event.shiftKey) return;
       if (event.nativeEvent.isComposing || event.keyCode === 229) return;
       event.preventDefault();
       if (!canSubmit) return;
       formRef.current?.requestSubmit();
     },
-    [canSubmit, onKeyDown]
+    [canSubmit, onKeyDown, submitOnEnter]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "form",
@@ -6233,28 +6247,32 @@ var MessageComposer = React7__namespace.forwardRef(function MessageComposer2({
             ...props
           }
         ),
+        attachments ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t px-2 py-2", children: attachments }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 px-1.5 pb-1.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            EmojiPickerPopover,
-            {
-              locale,
-              onSelect: handleEmojiSelect,
-              disabled: pickerDisabled,
-              triggerLabel,
-              keepOpenOnSelect,
-              open,
-              onOpenChange,
-              side,
-              align,
-              labels,
-              recentLimit,
-              storageKey,
-              triggerClassName: cn(
-                "size-7 text-muted-foreground",
-                emojiTriggerClassName
-              )
-            }
-          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-0.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EmojiPickerPopover,
+              {
+                locale,
+                onSelect: handleEmojiSelect,
+                disabled: pickerDisabled,
+                triggerLabel,
+                keepOpenOnSelect,
+                open,
+                onOpenChange,
+                side,
+                align,
+                labels,
+                recentLimit,
+                storageKey,
+                triggerClassName: cn(
+                  "size-7 text-muted-foreground",
+                  emojiTriggerClassName
+                )
+              }
+            ),
+            tools
+          ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {