@reforma/components 0.3.3 → 0.4.0

package/dist/Composer/parts.d.ts

@@ -9,7 +9,7 @@ export declare function ComposerSurface({ className, children, onPointerDown, ..
 export declare function ComposerTools({ className, ...props }: ContainerProps): import("react").JSX.Element;
 export declare function ComposerToolbar({ className, children, ...props }: ContainerProps): import("react").JSX.Element;
 export declare function ComposerAttachments({ className, classNames: slots, ...props }: ContainerProps & {
-    classNames?: Pick<ComposerClassNames, 'attachment' | 'attachmentPreview' | 'attachmentName' | 'attachmentStatus' | 'attachmentRetry' | 'attachmentRemove'>;
+    classNames?: Pick<ComposerClassNames, 'attachment' | 'attachmentPreview' | 'attachmentMeta' | 'attachmentName' | 'attachmentStatus' | 'attachmentRetry' | 'attachmentRemove'>;
 }): import("react").JSX.Element;
 export declare function ComposerFileButton({ className, children, ...props }: ActionProps): import("react").JSX.Element;
 export declare function ComposerPlan({ className, children, classNames: slots, ...props }: ActionProps & {

package/dist/Composer/parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/Composer/parts.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,cAAc,EAAE,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAMpG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,KAAK,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AACrD,KAAK,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC,CAAC;AAElG,wBAAgB,aAAa,CAAC,EAC1B,SAAS,EACT,UAAU,EAAE,KAAK,EACjB,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,EACV,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACX,EAAE,cAAc,GAAG;IAAE,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,aAAa,GAAG,WAAW,CAAC,CAAA;CAAE,+BA4CnG;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAqB/F;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAIpE;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAUhF;AAED,wBAAgB,mBAAmB,CAAC,EAChC,SAAS,EACT,UAAU,EAAE,KAAK,EACjB,GAAG,KAAK,EACX,EAAE,cAAc,GAAG;IAChB,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAChC,YAAY,GAAG,mBAAmB,GAAG,gBAAgB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,kBAAkB,CAAC,CAAC;CAC5H,+BAoDA;AAED,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAgBhF;AAED,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,UAAU,EAAE,KAAK,EACjB,GAAG,KAAK,EACX,EAAE,WAAW,GAAG;IAAE,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,WAAW,CAAC,CAAA;CAAE,+BA2BnF;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,SAAS,EACT,UAAU,EAAE,KAAK,EACjB,KAAK,EACL,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACX,EAAE,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,CAAC,GAAG;IAClG,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;CACzD,+BAuCA;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAkB5E"}
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/Composer/parts.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,cAAc,EAAE,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAMpG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,KAAK,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AACrD,KAAK,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC,CAAC;AAElG,wBAAgB,aAAa,CAAC,EAC1B,SAAS,EACT,UAAU,EAAE,KAAK,EACjB,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,EACV,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACX,EAAE,cAAc,GAAG;IAAE,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,aAAa,GAAG,WAAW,CAAC,CAAA;CAAE,+BA4CnG;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAqB/F;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAIpE;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAUhF;AAED,wBAAgB,mBAAmB,CAAC,EAChC,SAAS,EACT,UAAU,EAAE,KAAK,EACjB,GAAG,KAAK,EACX,EAAE,cAAc,GAAG;IAChB,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAChC,YAAY,GAAG,mBAAmB,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,kBAAkB,CAAC,CAAC;CAC/I,+BAuDA;AAED,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAgBhF;AAED,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,UAAU,EAAE,KAAK,EACjB,GAAG,KAAK,EACX,EAAE,WAAW,GAAG;IAAE,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,WAAW,CAAC,CAAA;CAAE,+BAuBnF;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,SAAS,EACT,UAAU,EAAE,KAAK,EACjB,KAAK,EACL,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACX,EAAE,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,CAAC,GAAG;IAClG,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;CACzD,+BAuCA;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAkB5E"}

package/dist/Composer/parts.js

@@ -1,20 +1,20 @@
-import { Plus as P, Plan as D } from "@reforma/icons/14";
-import { SendBold as x } from "@reforma/icons/16";
-import { formatFileSize as S, cn as i } from "@reforma/lib";
+import { Close as D, Plus as P, Plan as x } from "@reforma/icons/14";
+import { SendBold as S } from "@reforma/icons/16";
+import { cn as i } from "@reforma/lib";
 import "react";
 import { For as F } from "../For/For.js";
 import { Show as N } from "../Show/Show.js";
 import { useComposer as h } from "./context.js";
 import { jsx as a, jsxs as v, Fragment as k } from "react/jsx-runtime";
 function j({
-  className: r,
+  className: s,
   classNames: t,
   children: o,
   onDragEnter: n,
-  onDragLeave: c,
+  onDragLeave: d,
   onDragOver: p,
   onDrop: u,
-  onPaste: s,
+  onPaste: r,
   ...e
 }) {
   const {
@@ -26,21 +26,21 @@ function j({
     ...e,
     "data-slot": "composer-frame",
     "data-drag-over": b || void 0,
-    className: i(f.root, r),
-    onDragEnter: (d) => {
-      n?.(d), m.onDragEnter(d);
+    className: i(f.root, s),
+    onDragEnter: (c) => {
+      n?.(c), m.onDragEnter(c);
     },
-    onDragLeave: (d) => {
-      c?.(d), m.onDragLeave(d);
+    onDragLeave: (c) => {
+      d?.(c), m.onDragLeave(c);
     },
-    onDragOver: (d) => {
-      p?.(d), m.onDragOver(d);
+    onDragOver: (c) => {
+      p?.(c), m.onDragOver(c);
     },
-    onDrop: (d) => {
-      u?.(d), m.onDrop(d);
+    onDrop: (c) => {
+      u?.(c), m.onDrop(c);
     },
-    onPaste: (d) => {
-      s?.(d), m.onPaste(d);
+    onPaste: (c) => {
+      r?.(c), m.onPaste(c);
     },
     children: [/* @__PURE__ */ a(N, {
       when: b,
@@ -61,24 +61,24 @@ function j({
   });
 }
 function K({
-  className: r,
+  className: s,
   children: t,
   onPointerDown: o,
   ...n
 }) {
   const {
-    rows: c,
+    rows: d,
     value: p,
     focus: u,
-    classNames: s
-  } = h(), e = c != null || p.prompt.includes(`
+    classNames: r
+  } = h(), e = d != null || p.prompt.includes(`
 `) || p.prompt.length > 40;
   return /* @__PURE__ */ a("div", {
     ...n,
     "data-slot": "composer-surface",
-    className: i(s.main, r),
+    className: i(r.main, s),
     "data-expanded": e || void 0,
-    "data-min-rows": c != null || void 0,
+    "data-min-rows": d != null || void 0,
     onPointerDown: (m) => {
       o?.(m), !m.defaultPrevented && m.target === m.currentTarget && u();
     },
@@ -86,7 +86,7 @@ function K({
   });
 }
 function M({
-  className: r,
+  className: s,
   ...t
 }) {
   const {
@@ -95,11 +95,11 @@ function M({
   return /* @__PURE__ */ a("div", {
     ...t,
     "data-slot": "composer-tools",
-    className: i(o.addButton, r)
+    className: i(o.addButton, s)
   });
 }
-function z({
-  className: r,
+function W({
+  className: s,
   children: t,
   ...o
 }) {
@@ -111,22 +111,22 @@ function z({
     children: /* @__PURE__ */ a("div", {
       ...o,
       "data-slot": "composer-toolbar",
-      className: i(n.toolbarEnd, r),
+      className: i(n.toolbarEnd, s),
       children: t
     })
   });
 }
-function W({
-  className: r,
+function U({
+  className: s,
   classNames: t,
   ...o
 }) {
   const {
     value: n,
-    removeAttachment: c,
+    removeAttachment: d,
     retryAttachment: p,
     classNames: u
-  } = h(), s = {
+  } = h(), r = {
     ...u,
     ...t
   };
@@ -135,56 +135,65 @@ function W({
     children: /* @__PURE__ */ a("div", {
       ...o,
       "data-slot": "composer-attachments",
-      className: i(s.attachments, r),
+      className: i(r.attachments, s),
       children: /* @__PURE__ */ a(F, {
         each: n.attachments,
         children: (e) => /* @__PURE__ */ v("div", {
           "data-slot": "composer-attachment",
           "data-status": e.uploadStatus,
-          className: s.attachment,
+          className: r.attachment,
           children: [/* @__PURE__ */ a(N, {
             when: e.mediaType?.startsWith("image/") && (e.url ?? e.preview),
             children: /* @__PURE__ */ a("img", {
               src: e.url ?? e.preview,
               alt: e.filename,
-              className: s.attachmentPreview
-            })
-          }), /* @__PURE__ */ a("span", {
-            className: s.attachmentName,
-            children: e.filename
-          }), /* @__PURE__ */ v("span", {
-            className: s.attachmentStatus,
-            role: "status",
-            children: [e.uploadStatus === "uploading" && "Uploading…", e.uploadStatus === "error" && (e.uploadError || "Upload failed"), e.uploadStatus === "ready" && e.size != null && S(e.size)]
-          }), /* @__PURE__ */ a(N, {
-            when: e.uploadStatus === "error",
-            children: /* @__PURE__ */ a("button", {
-              type: "button",
-              className: s.attachmentRetry,
-              "aria-label": `Retry ${e.filename}`,
-              onClick: () => p(e.clientId),
-              children: "Retry"
+              className: r.attachmentPreview
             })
+          }), /* @__PURE__ */ v("div", {
+            className: r.attachmentMeta,
+            children: [/* @__PURE__ */ a("span", {
+              className: r.attachmentName,
+              children: e.filename
+            }), /* @__PURE__ */ a(N, {
+              when: e.uploadStatus !== "ready",
+              children: /* @__PURE__ */ a("span", {
+                className: r.attachmentStatus,
+                role: "status",
+                children: e.uploadStatus === "uploading" ? "Uploading…" : e.uploadError || "Upload failed"
+              })
+            }), /* @__PURE__ */ a(N, {
+              when: e.uploadStatus === "error",
+              children: /* @__PURE__ */ a("button", {
+                type: "button",
+                className: r.attachmentRetry,
+                "aria-label": `Retry ${e.filename}`,
+                onClick: () => p(e.clientId),
+                children: "Retry"
+              })
+            })]
           }), /* @__PURE__ */ a("button", {
             type: "button",
-            className: s.attachmentRemove,
+            className: r.attachmentRemove,
             "aria-label": `Remove ${e.filename}`,
-            onClick: () => c(e.clientId),
-            children: "Remove"
+            title: "Remove",
+            onClick: () => d(e.clientId),
+            children: /* @__PURE__ */ a(D, {
+              fill: "currentColor"
+            })
           })]
         }, e.clientId)
       })
     })
   });
 }
-function U({
-  className: r,
+function $({
+  className: s,
   children: t,
   ...o
 }) {
   const {
     openFilePicker: n,
-    classNames: c
+    classNames: d
   } = h();
   return /* @__PURE__ */ a("button", {
     "aria-label": "Add files",
@@ -192,109 +201,104 @@ function U({
     ...o,
     "data-slot": "composer-file-button",
     type: "button",
-    className: i(c.fileButton, r),
+    className: i(d.fileButton, s),
     onClick: () => n(),
     children: t ?? /* @__PURE__ */ a(P, {
       fill: "currentColor"
     })
   });
 }
-function $({
-  className: r,
+function q({
+  className: s,
   children: t,
   classNames: o,
   ...n
 }) {
   const {
-    value: c,
+    value: d,
     setPlanMode: p,
     focus: u,
-    classNames: s
+    classNames: r
   } = h();
   return /* @__PURE__ */ a("button", {
-    "aria-label": "Plan mode",
-    title: "Plan mode",
     ...n,
     "data-slot": "composer-plan",
     type: "button",
-    "aria-pressed": c.planMode,
-    className: i(s.planButton, r),
+    "aria-pressed": d.planMode,
+    className: i(r.planButton, s),
     onClick: () => {
-      p(!c.planMode), u();
+      p(!d.planMode), u();
     },
     children: t ?? /* @__PURE__ */ v(k, {
       children: [/* @__PURE__ */ a("span", {
-        className: i(s.planIcon, o?.planIcon),
-        children: /* @__PURE__ */ a(D, {
+        className: i(r.planIcon, o?.planIcon),
+        children: /* @__PURE__ */ a(x, {
           fill: "currentColor"
         })
-      }), /* @__PURE__ */ a(N, {
-        when: c.planMode,
-        children: /* @__PURE__ */ a("span", {
-          className: i(s.planLabel, o?.planLabel),
-          children: "Plan mode"
-        })
+      }), /* @__PURE__ */ a("span", {
+        className: i(r.planLabel, o?.planLabel),
+        children: "Plan mode"
       })]
     })
   });
 }
-function q({
-  className: r,
+function z({
+  className: s,
   classNames: t,
   style: o,
   onKeyDown: n,
-  onPaste: c,
+  onPaste: d,
   ...p
 }) {
   const {
     value: u,
-    setPrompt: s,
+    setPrompt: r,
     submit: e,
     placeholder: m,
     autoFocus: b,
     submitOnEnter: f,
-    rows: d,
+    rows: c,
     focusRef: y,
     pasteTextAsFile: w,
-    classNames: g
+    classNames: C
   } = h();
   return /* @__PURE__ */ a("div", {
     "data-slot": "composer-field-wrapper",
-    className: i(g.textareaWrap, t?.textareaWrap),
+    className: i(C.textareaWrap, t?.textareaWrap),
     children: /* @__PURE__ */ a("textarea", {
       placeholder: m,
       "aria-label": m,
       autoFocus: b,
-      rows: d || 1,
+      rows: c || 1,
       ...p,
       "data-slot": "composer-textarea",
       ref: (l) => {
         y.current = l;
       },
-      className: i(g.textarea, g.plainField, r),
+      className: i(C.textarea, C.plainField, s),
       style: o,
       value: u.prompt,
-      onChange: (l) => s(l.target.value),
+      onChange: (l) => r(l.target.value),
       onKeyDown: (l) => {
         if (n?.(l), l.defaultPrevented || l.nativeEvent.isComposing || l.key !== "Enter")
           return;
-        const C = l.metaKey || l.ctrlKey;
-        (f && !l.shiftKey && !C || C) && (l.preventDefault(), e());
+        const g = l.metaKey || l.ctrlKey;
+        (f && !l.shiftKey && !g || g) && (l.preventDefault(), e());
       },
       onPaste: (l) => {
-        c?.(l), !l.defaultPrevented && w(l.clipboardData.getData("text/plain")) && l.preventDefault();
+        d?.(l), !l.defaultPrevented && w(l.clipboardData.getData("text/plain")) && l.preventDefault();
       }
     })
   });
 }
 function G({
-  className: r,
+  className: s,
   children: t,
   ...o
 }) {
   const {
     submit: n,
-    canSubmit: c,
+    canSubmit: d,
     busy: p,
     classNames: u
   } = h();
@@ -304,24 +308,24 @@ function G({
     ...o,
     "data-slot": "composer-submit",
     type: "button",
-    className: i(u.sendButton, r),
-    disabled: !c,
+    className: i(u.sendButton, s),
+    disabled: !d,
     "aria-busy": p,
     onClick: () => n(),
-    children: t ?? /* @__PURE__ */ a(x, {
+    children: t ?? /* @__PURE__ */ a(S, {
       fill: "currentColor"
     })
   });
 }
 export {
-  W as ComposerAttachments,
-  U as ComposerFileButton,
+  U as ComposerAttachments,
+  $ as ComposerFileButton,
   j as ComposerFrame,
-  $ as ComposerPlan,
+  q as ComposerPlan,
   G as ComposerSubmit,
   K as ComposerSurface,
-  q as ComposerTextarea,
-  z as ComposerToolbar,
+  z as ComposerTextarea,
+  W as ComposerToolbar,
   M as ComposerTools
 };
 //# sourceMappingURL=parts.js.map

package/dist/Composer/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","sources":["../../src/Composer/parts.tsx"],"sourcesContent":["'use client';\n\nimport { Plan, Plus } from '@reforma/icons/14';\nimport { SendBold } from '@reforma/icons/16';\nimport { cn, formatFileSize } from '@reforma/lib';\nimport { type ButtonHTMLAttributes, type HTMLAttributes, type TextareaHTMLAttributes } from 'react';\n\nimport { For } from '../For';\nimport { Show } from '../Show';\nimport { useComposer } from './context';\n\nimport type { ComposerClassNames } from './types';\n\ntype ContainerProps = HTMLAttributes<HTMLDivElement>;\ntype ActionProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'disabled' | 'type'>;\n\nexport function ComposerFrame({\n    className,\n    classNames: slots,\n    children,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n    onPaste,\n    ...props\n}: ContainerProps & { classNames?: Pick<ComposerClassNames, 'shell' | 'dropOverlay' | 'dropLabel'> }) {\n    const { drag, fileDragOver, classNames } = useComposer();\n\n    return (\n        <div\n            { ...props }\n            data-slot=\"composer-frame\"\n            data-drag-over={ fileDragOver || undefined }\n            className={ cn(classNames.root, className) }\n            onDragEnter={ (event) => {\n                onDragEnter?.(event);\n                drag.onDragEnter(event);\n            } }\n            onDragLeave={ (event) => {\n                onDragLeave?.(event);\n                drag.onDragLeave(event);\n            } }\n            onDragOver={ (event) => {\n                onDragOver?.(event);\n                drag.onDragOver(event);\n            } }\n            onDrop={ (event) => {\n                onDrop?.(event);\n                drag.onDrop(event);\n            } }\n            onPaste={ (event) => {\n                onPaste?.(event);\n                drag.onPaste(event);\n            } }\n        >\n            <Show when={ fileDragOver }>\n                <div\n                    data-slot=\"composer-drop-overlay\"\n                    className={ cn(classNames.dropOverlay, slots?.dropOverlay) }\n                    role=\"status\"\n                >\n                    <span className={ cn(classNames.dropLabel, slots?.dropLabel) }>Drop files to attach</span>\n                </div>\n            </Show>\n            <div data-slot=\"composer-shell\" className={ cn(classNames.shell, slots?.shell) }>\n                { children }\n            </div>\n        </div>\n    );\n}\n\nexport function ComposerSurface({ className, children, onPointerDown, ...props }: ContainerProps) {\n    const { rows, value, focus, classNames } = useComposer();\n    const expanded = rows != null || value.prompt.includes('\\n') || value.prompt.length > 40;\n\n    return (\n        <div\n            { ...props }\n            data-slot=\"composer-surface\"\n            className={ cn(classNames.main, className) }\n            data-expanded={ expanded || undefined }\n            data-min-rows={ rows != null || undefined }\n            onPointerDown={ (event) => {\n                onPointerDown?.(event);\n                if (!event.defaultPrevented && event.target === event.currentTarget) {\n                    focus();\n                }\n            } }\n        >\n            { children }\n        </div>\n    );\n}\n\nexport function ComposerTools({ className, ...props }: ContainerProps) {\n    const { classNames } = useComposer();\n\n    return <div { ...props } data-slot=\"composer-tools\" className={ cn(classNames.addButton, className) } />;\n}\n\nexport function ComposerToolbar({ className, children, ...props }: ContainerProps) {\n    const { classNames } = useComposer();\n\n    return (\n        <Show when={ children }>\n            <div { ...props } data-slot=\"composer-toolbar\" className={ cn(classNames.toolbarEnd, className) }>\n                { children }\n            </div>\n        </Show>\n    );\n}\n\nexport function ComposerAttachments({\n    className,\n    classNames: slots,\n    ...props\n}: ContainerProps & {\n    classNames?: Pick<ComposerClassNames,\n        'attachment' | 'attachmentPreview' | 'attachmentName' | 'attachmentStatus' | 'attachmentRetry' | 'attachmentRemove'>;\n}) {\n    const { value, removeAttachment, retryAttachment, classNames: defaults } = useComposer();\n    const classNames = { ...defaults, ...slots };\n\n    return (\n        <Show when={ value.attachments.length > 0 }>\n            <div { ...props } data-slot=\"composer-attachments\" className={ cn(classNames.attachments, className) }>\n                <For each={ value.attachments }>\n                    { item => (\n                        <div\n                            key={ item.clientId }\n                            data-slot=\"composer-attachment\"\n                            data-status={ item.uploadStatus }\n                            className={ classNames.attachment }\n                        >\n                            <Show when={ item.mediaType?.startsWith('image/') && (item.url ?? item.preview) }>\n                                <img\n                                    src={ item.url ?? item.preview }\n                                    alt={ item.filename }\n                                    className={ classNames.attachmentPreview }\n                                />\n                            </Show>\n                            <span className={ classNames.attachmentName }>{ item.filename }</span>\n                            <span className={ classNames.attachmentStatus } role=\"status\">\n                                { item.uploadStatus === 'uploading' && 'Uploading…' }\n                                { item.uploadStatus === 'error' && (item.uploadError || 'Upload failed') }\n                                { item.uploadStatus === 'ready' && item.size != null && formatFileSize(item.size) }\n                            </span>\n                            <Show when={ item.uploadStatus === 'error' }>\n                                <button\n                                    type=\"button\"\n                                    className={ classNames.attachmentRetry }\n                                    aria-label={ `Retry ${ item.filename }` }\n                                    onClick={ () => retryAttachment(item.clientId) }\n                                >\n                                    Retry\n                                </button>\n                            </Show>\n                            <button\n                                type=\"button\"\n                                className={ classNames.attachmentRemove }\n                                aria-label={ `Remove ${ item.filename }` }\n                                onClick={ () => removeAttachment(item.clientId) }\n                            >\n                                Remove\n                            </button>\n                        </div>\n                    ) }\n                </For>\n            </div>\n        </Show>\n    );\n}\n\nexport function ComposerFileButton({ className, children, ...props }: ActionProps) {\n    const { openFilePicker, classNames } = useComposer();\n\n    return (\n        <button\n            aria-label=\"Add files\"\n            title=\"Add files\"\n            { ...props }\n            data-slot=\"composer-file-button\"\n            type=\"button\"\n            className={ cn(classNames.fileButton, className) }\n            onClick={ () => openFilePicker() }\n        >\n            { children ?? <Plus fill=\"currentColor\" /> }\n        </button>\n    );\n}\n\nexport function ComposerPlan({\n    className,\n    children,\n    classNames: slots,\n    ...props\n}: ActionProps & { classNames?: Pick<ComposerClassNames, 'planIcon' | 'planLabel'> }) {\n    const { value, setPlanMode, focus, classNames } = useComposer();\n\n    return (\n        <button\n            aria-label=\"Plan mode\"\n            title=\"Plan mode\"\n            { ...props }\n            data-slot=\"composer-plan\"\n            type=\"button\"\n            aria-pressed={ value.planMode }\n            className={ cn(classNames.planButton, className) }\n            onClick={ () => {\n                setPlanMode(!value.planMode);\n                focus();\n            } }\n        >\n            { children ?? (\n                <>\n                    <span className={ cn(classNames.planIcon, slots?.planIcon) }><Plan fill=\"currentColor\" /></span>\n                    <Show when={ value.planMode }>\n                        <span className={ cn(classNames.planLabel, slots?.planLabel) }>Plan mode</span>\n                    </Show>\n                </>\n            ) }\n        </button>\n    );\n}\n\nexport function ComposerTextarea({\n    className,\n    classNames: slots,\n    style,\n    onKeyDown,\n    onPaste,\n    ...props\n}: Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue' | 'onChange' | 'ref'> & {\n    classNames?: Pick<ComposerClassNames, 'textareaWrap'>;\n}) {\n    const { value, setPrompt, submit, placeholder, autoFocus, submitOnEnter, rows, focusRef, pasteTextAsFile, classNames } = useComposer();\n\n    return (\n        <div data-slot=\"composer-field-wrapper\" className={ cn(classNames.textareaWrap, slots?.textareaWrap) }>\n            <textarea\n                placeholder={ placeholder }\n                aria-label={ placeholder }\n                autoFocus={ autoFocus }\n                rows={ rows || 1 }\n                { ...props }\n                data-slot=\"composer-textarea\"\n                ref={ (node) => {\n                    focusRef.current = node;\n                } }\n                className={ cn(classNames.textarea, classNames.plainField, className) }\n                style={ style }\n                value={ value.prompt }\n                onChange={ event => setPrompt(event.target.value) }\n                onKeyDown={ (event) => {\n                    onKeyDown?.(event);\n                    if (event.defaultPrevented || event.nativeEvent.isComposing || event.key !== 'Enter') {\n                        return;\n                    }\n                    const command = event.metaKey || event.ctrlKey;\n                    if ((submitOnEnter && !event.shiftKey && !command) || command) {\n                        event.preventDefault();\n                        submit();\n                    }\n                } }\n                onPaste={ (event) => {\n                    onPaste?.(event);\n                    if (!event.defaultPrevented && pasteTextAsFile(event.clipboardData.getData('text/plain'))) {\n                        event.preventDefault();\n                    }\n                } }\n            />\n        </div>\n    );\n}\n\nexport function ComposerSubmit({ className, children, ...props }: ActionProps) {\n    const { submit, canSubmit, busy, classNames } = useComposer();\n\n    return (\n        <button\n            aria-label=\"Create project\"\n            title=\"Create project\"\n            { ...props }\n            data-slot=\"composer-submit\"\n            type=\"button\"\n            className={ cn(classNames.sendButton, className) }\n            disabled={ !canSubmit }\n            aria-busy={ busy }\n            onClick={ () => submit() }\n        >\n            { children ?? <SendBold fill=\"currentColor\" /> }\n        </button>\n    );\n}\n"],"names":["ComposerFrame","className","slots","children","onDragEnter","onDragLeave","onDragOver","onDrop","onPaste","props","drag","fileDragOver","classNames","useComposer","cn","event","_jsx","Show","ComposerSurface","onPointerDown","rows","value","focus","expanded","ComposerTools","ComposerToolbar","ComposerAttachments","removeAttachment","retryAttachment","defaults","For","item","_jsxs","formatFileSize","ComposerFileButton","openFilePicker","Plus","ComposerPlan","setPlanMode","_Fragment","Plan","ComposerTextarea","style","onKeyDown","setPrompt","submit","placeholder","autoFocus","submitOnEnter","focusRef","pasteTextAsFile","node","command","ComposerSubmit","canSubmit","busy","SendBold"],"mappings":"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"}
+{"version":3,"file":"parts.js","sources":["../../src/Composer/parts.tsx"],"sourcesContent":["'use client';\n\nimport { Close, Plan, Plus } from '@reforma/icons/14';\nimport { SendBold } from '@reforma/icons/16';\nimport { cn } from '@reforma/lib';\nimport { type ButtonHTMLAttributes, type HTMLAttributes, type TextareaHTMLAttributes } from 'react';\n\nimport { For } from '../For';\nimport { Show } from '../Show';\nimport { useComposer } from './context';\n\nimport type { ComposerClassNames } from './types';\n\ntype ContainerProps = HTMLAttributes<HTMLDivElement>;\ntype ActionProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'disabled' | 'type'>;\n\nexport function ComposerFrame({\n    className,\n    classNames: slots,\n    children,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n    onPaste,\n    ...props\n}: ContainerProps & { classNames?: Pick<ComposerClassNames, 'shell' | 'dropOverlay' | 'dropLabel'> }) {\n    const { drag, fileDragOver, classNames } = useComposer();\n\n    return (\n        <div\n            { ...props }\n            data-slot=\"composer-frame\"\n            data-drag-over={ fileDragOver || undefined }\n            className={ cn(classNames.root, className) }\n            onDragEnter={ (event) => {\n                onDragEnter?.(event);\n                drag.onDragEnter(event);\n            } }\n            onDragLeave={ (event) => {\n                onDragLeave?.(event);\n                drag.onDragLeave(event);\n            } }\n            onDragOver={ (event) => {\n                onDragOver?.(event);\n                drag.onDragOver(event);\n            } }\n            onDrop={ (event) => {\n                onDrop?.(event);\n                drag.onDrop(event);\n            } }\n            onPaste={ (event) => {\n                onPaste?.(event);\n                drag.onPaste(event);\n            } }\n        >\n            <Show when={ fileDragOver }>\n                <div\n                    data-slot=\"composer-drop-overlay\"\n                    className={ cn(classNames.dropOverlay, slots?.dropOverlay) }\n                    role=\"status\"\n                >\n                    <span className={ cn(classNames.dropLabel, slots?.dropLabel) }>Drop files to attach</span>\n                </div>\n            </Show>\n            <div data-slot=\"composer-shell\" className={ cn(classNames.shell, slots?.shell) }>\n                { children }\n            </div>\n        </div>\n    );\n}\n\nexport function ComposerSurface({ className, children, onPointerDown, ...props }: ContainerProps) {\n    const { rows, value, focus, classNames } = useComposer();\n    const expanded = rows != null || value.prompt.includes('\\n') || value.prompt.length > 40;\n\n    return (\n        <div\n            { ...props }\n            data-slot=\"composer-surface\"\n            className={ cn(classNames.main, className) }\n            data-expanded={ expanded || undefined }\n            data-min-rows={ rows != null || undefined }\n            onPointerDown={ (event) => {\n                onPointerDown?.(event);\n                if (!event.defaultPrevented && event.target === event.currentTarget) {\n                    focus();\n                }\n            } }\n        >\n            { children }\n        </div>\n    );\n}\n\nexport function ComposerTools({ className, ...props }: ContainerProps) {\n    const { classNames } = useComposer();\n\n    return <div { ...props } data-slot=\"composer-tools\" className={ cn(classNames.addButton, className) } />;\n}\n\nexport function ComposerToolbar({ className, children, ...props }: ContainerProps) {\n    const { classNames } = useComposer();\n\n    return (\n        <Show when={ children }>\n            <div { ...props } data-slot=\"composer-toolbar\" className={ cn(classNames.toolbarEnd, className) }>\n                { children }\n            </div>\n        </Show>\n    );\n}\n\nexport function ComposerAttachments({\n    className,\n    classNames: slots,\n    ...props\n}: ContainerProps & {\n    classNames?: Pick<ComposerClassNames,\n        'attachment' | 'attachmentPreview' | 'attachmentMeta' | 'attachmentName' | 'attachmentStatus' | 'attachmentRetry' | 'attachmentRemove'>;\n}) {\n    const { value, removeAttachment, retryAttachment, classNames: defaults } = useComposer();\n    const classNames = { ...defaults, ...slots };\n\n    return (\n        <Show when={ value.attachments.length > 0 }>\n            <div { ...props } data-slot=\"composer-attachments\" className={ cn(classNames.attachments, className) }>\n                <For each={ value.attachments }>\n                    { item => (\n                        <div\n                            key={ item.clientId }\n                            data-slot=\"composer-attachment\"\n                            data-status={ item.uploadStatus }\n                            className={ classNames.attachment }\n                        >\n                            <Show when={ item.mediaType?.startsWith('image/') && (item.url ?? item.preview) }>\n                                <img\n                                    src={ item.url ?? item.preview }\n                                    alt={ item.filename }\n                                    className={ classNames.attachmentPreview }\n                                />\n                            </Show>\n                            <div className={ classNames.attachmentMeta }>\n                                <span className={ classNames.attachmentName }>{ item.filename }</span>\n                                <Show when={ item.uploadStatus !== 'ready' }>\n                                    <span className={ classNames.attachmentStatus } role=\"status\">\n                                        { item.uploadStatus === 'uploading' ? 'Uploading…' : item.uploadError || 'Upload failed' }\n                                    </span>\n                                </Show>\n                                <Show when={ item.uploadStatus === 'error' }>\n                                    <button\n                                        type=\"button\"\n                                        className={ classNames.attachmentRetry }\n                                        aria-label={ `Retry ${ item.filename }` }\n                                        onClick={ () => retryAttachment(item.clientId) }\n                                    >\n                                        Retry\n                                    </button>\n                                </Show>\n                            </div>\n                            <button\n                                type=\"button\"\n                                className={ classNames.attachmentRemove }\n                                aria-label={ `Remove ${ item.filename }` }\n                                title=\"Remove\"\n                                onClick={ () => removeAttachment(item.clientId) }\n                            >\n                                <Close fill=\"currentColor\" />\n                            </button>\n                        </div>\n                    ) }\n                </For>\n            </div>\n        </Show>\n    );\n}\n\nexport function ComposerFileButton({ className, children, ...props }: ActionProps) {\n    const { openFilePicker, classNames } = useComposer();\n\n    return (\n        <button\n            aria-label=\"Add files\"\n            title=\"Add files\"\n            { ...props }\n            data-slot=\"composer-file-button\"\n            type=\"button\"\n            className={ cn(classNames.fileButton, className) }\n            onClick={ () => openFilePicker() }\n        >\n            { children ?? <Plus fill=\"currentColor\" /> }\n        </button>\n    );\n}\n\nexport function ComposerPlan({\n    className,\n    children,\n    classNames: slots,\n    ...props\n}: ActionProps & { classNames?: Pick<ComposerClassNames, 'planIcon' | 'planLabel'> }) {\n    const { value, setPlanMode, focus, classNames } = useComposer();\n\n    return (\n        <button\n            { ...props }\n            data-slot=\"composer-plan\"\n            type=\"button\"\n            aria-pressed={ value.planMode }\n            className={ cn(classNames.planButton, className) }\n            onClick={ () => {\n                setPlanMode(!value.planMode);\n                focus();\n            } }\n        >\n            { children ?? (\n                <>\n                    <span className={ cn(classNames.planIcon, slots?.planIcon) }><Plan fill=\"currentColor\" /></span>\n                    <span className={ cn(classNames.planLabel, slots?.planLabel) }>Plan mode</span>\n                </>\n            ) }\n        </button>\n    );\n}\n\nexport function ComposerTextarea({\n    className,\n    classNames: slots,\n    style,\n    onKeyDown,\n    onPaste,\n    ...props\n}: Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue' | 'onChange' | 'ref'> & {\n    classNames?: Pick<ComposerClassNames, 'textareaWrap'>;\n}) {\n    const { value, setPrompt, submit, placeholder, autoFocus, submitOnEnter, rows, focusRef, pasteTextAsFile, classNames } = useComposer();\n\n    return (\n        <div data-slot=\"composer-field-wrapper\" className={ cn(classNames.textareaWrap, slots?.textareaWrap) }>\n            <textarea\n                placeholder={ placeholder }\n                aria-label={ placeholder }\n                autoFocus={ autoFocus }\n                rows={ rows || 1 }\n                { ...props }\n                data-slot=\"composer-textarea\"\n                ref={ (node) => {\n                    focusRef.current = node;\n                } }\n                className={ cn(classNames.textarea, classNames.plainField, className) }\n                style={ style }\n                value={ value.prompt }\n                onChange={ event => setPrompt(event.target.value) }\n                onKeyDown={ (event) => {\n                    onKeyDown?.(event);\n                    if (event.defaultPrevented || event.nativeEvent.isComposing || event.key !== 'Enter') {\n                        return;\n                    }\n                    const command = event.metaKey || event.ctrlKey;\n                    if ((submitOnEnter && !event.shiftKey && !command) || command) {\n                        event.preventDefault();\n                        submit();\n                    }\n                } }\n                onPaste={ (event) => {\n                    onPaste?.(event);\n                    if (!event.defaultPrevented && pasteTextAsFile(event.clipboardData.getData('text/plain'))) {\n                        event.preventDefault();\n                    }\n                } }\n            />\n        </div>\n    );\n}\n\nexport function ComposerSubmit({ className, children, ...props }: ActionProps) {\n    const { submit, canSubmit, busy, classNames } = useComposer();\n\n    return (\n        <button\n            aria-label=\"Create project\"\n            title=\"Create project\"\n            { ...props }\n            data-slot=\"composer-submit\"\n            type=\"button\"\n            className={ cn(classNames.sendButton, className) }\n            disabled={ !canSubmit }\n            aria-busy={ busy }\n            onClick={ () => submit() }\n        >\n            { children ?? <SendBold fill=\"currentColor\" /> }\n        </button>\n    );\n}\n"],"names":["ComposerFrame","className","slots","children","onDragEnter","onDragLeave","onDragOver","onDrop","onPaste","props","drag","fileDragOver","classNames","useComposer","cn","event","_jsx","Show","ComposerSurface","onPointerDown","rows","value","focus","expanded","ComposerTools","ComposerToolbar","ComposerAttachments","removeAttachment","retryAttachment","defaults","For","item","_jsxs","Close","ComposerFileButton","openFilePicker","Plus","ComposerPlan","setPlanMode","_Fragment","Plan","ComposerTextarea","style","onKeyDown","setPrompt","submit","placeholder","autoFocus","submitOnEnter","focusRef","pasteTextAsFile","node","command","ComposerSubmit","canSubmit","busy","SendBold"],"mappings":"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"}

package/dist/Composer/reforma/Composer.module.css

@@ -1 +1 @@
-@layer components{@property --border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes Composer_create-composer-border-spin_Ik8TZ9{to{--border-angle: 360deg}}.Composer_root_oK5RXF{display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%}.Composer_shell_z36OYt{display:flex;position:relative;flex-direction:column;z-index:1;border-radius:calc(var(--radius-xl) * var(--squircle-radius-factor));padding:var(--spacing-6);width:100%;font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0;corner-shape:superellipse(var(--squircle-value));--composer-border-coral: rgba(250, 136, 84, .16);--composer-border-blue: rgba(91, 141, 239, .28);--composer-border-pink: rgba(255, 161, 231, .26);transition:box-shadow var(--transition-duration) var(--ease-in-out);container-type:inline-size;background-color:var(--color-chat-composer);overflow:hidden;line-height:var(--spacing-20)}.dark .Composer_shell_z36OYt{--composer-border-coral: rgba(250, 136, 84, .15);--composer-border-blue: rgba(91, 141, 239, .2);--composer-border-pink: rgba(255, 161, 231, .18)}.Composer_shell_z36OYt:focus-within{box-shadow:0 0 var(--spacing-20) var(--spacing-1) var(--color-chat-shadow)}.Composer_shell_z36OYt:before{position:absolute;inset:0;border-radius:inherit;content:"";corner-shape:inherit;animation:Composer_create-composer-border-spin_Ik8TZ9 6s linear infinite;background-image:conic-gradient(from var(--border-angle),var(--composer-border-coral),var(--composer-border-blue) 50%,var(--composer-border-pink),var(--composer-border-coral));padding:2px;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.Composer_attachments_YHiboy{display:flex;flex-wrap:wrap;gap:var(--spacing-4);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xxs)}.Composer_main_Y2cZOO{display:flex;position:relative;flex:1;flex-direction:column;z-index:0;cursor:text;padding:var(--spacing-sm);min-width:0;min-height:0}.Composer_main_Y2cZOO[data-expanded] .Composer_textarea_ED0vo8{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-30);padding-inline:0}.Composer_main_Y2cZOO:not([data-expanded]){display:flex;align-items:center;min-height:var(--spacing-30)}.Composer_main_Y2cZOO:not([data-expanded]) .Composer_textareaWrap_20eG8b{display:flex;align-items:center;min-height:var(--spacing-30)}.Composer_main_Y2cZOO:not([data-expanded]) .Composer_textarea_ED0vo8{display:flex;flex:1;align-items:center;padding-right:var(--spacing-40);padding-left:var(--spacing-36);min-width:0;min-height:var(--spacing-30)!important}.Composer_main_Y2cZOO:not([data-expanded]) .Composer_textarea_ED0vo8 [contenteditable=true]{width:100%;min-height:0!important;overflow:hidden!important}.Composer_main_Y2cZOO[data-min-rows] .Composer_textarea_ED0vo8 [contenteditable=true]{width:100%}.Composer_main_Y2cZOO:not([data-expanded]) .Composer_addButton_Gr6lpT,.Composer_main_Y2cZOO:not([data-expanded]) .Composer_sendButton_261s9p,.Composer_main_Y2cZOO:not([data-expanded]) .Composer_toolbarEnd_zlFlGo{top:0;bottom:0;margin-block:auto}.Composer_textareaWrap_20eG8b{position:relative;flex:1;z-index:1;min-width:0}.Composer_textarea_ED0vo8{position:relative;border:0;width:100%;min-height:var(--spacing-30)!important}.Composer_plainField_BSucqo{display:block;outline:none;background:transparent;padding:0;max-height:280px;overflow:auto;resize:none;color:inherit;font:inherit;line-height:inherit}.Composer_addButton_Gr6lpT,.Composer_toolbarEnd_zlFlGo,.Composer_sendButton_261s9p{position:absolute;bottom:var(--spacing-xs);z-index:2}.Composer_addButton_Gr6lpT{display:flex;left:var(--spacing-xs);align-items:center;gap:var(--spacing-xs)}.Composer_toolbarEnd_zlFlGo{display:flex;right:calc(var(--spacing-xs) + var(--spacing-30) + var(--spacing-xs));align-items:center;gap:0;max-width:calc(100% - var(--spacing-80))}.Composer_sendButton_261s9p{right:var(--spacing-xs)}}@layer components{.Composer_root_oK5RXF{position:relative}.Composer_fileButton_7fa3cD,.Composer_planButton_FfQMTx,.Composer_sendButton_261s9p,.Composer_attachmentRetry_dE4e9U,.Composer_attachmentRemove_UJ8Ypt{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;gap:var(--spacing-xs);cursor:pointer;border:0;background:transparent;color:inherit;font:inherit}.Composer_fileButton_7fa3cD,.Composer_planButton_FfQMTx,.Composer_sendButton_261s9p{border-radius:var(--radius-full);padding:var(--spacing-sm);min-width:var(--spacing-30);height:var(--spacing-30)}.Composer_fileButton_7fa3cD:hover,.Composer_planButton_FfQMTx:hover{background:var(--color-secondary-muted-light)}.Composer_planButton_FfQMTx[aria-pressed=true]{background:var(--color-success-muted-light);padding-inline:var(--spacing-md);height:var(--spacing-24);color:var(--color-success)}.Composer_planIcon_speGCQ{display:inline-flex}.Composer_planLabel_QqsYmJ{font-size:var(--text-sm)}.Composer_sendButton_261s9p{background:var(--color-primary);color:var(--color-primary-content)}.Composer_sendButton_261s9p:hover:enabled{background:var(--color-primary-light)}.Composer_sendButton_261s9p:disabled{opacity:var(--opacity-disabled);cursor:default}.Composer_sendButton_261s9p[aria-busy=true] svg{animation:Composer_create-composer-pending_hGy5Ys 1s ease-in-out infinite alternate}.Composer_attachment_ze2E44{display:flex;align-items:center;gap:var(--spacing-sm);border-radius:calc(var(--radius-sm) * var(--squircle-radius-factor));padding:var(--spacing-sm);corner-shape:superellipse(var(--squircle-value));background:var(--color-secondary-muted-light);min-width:0;max-width:100%;font-size:var(--text-sm)}.Composer_attachmentPreview_st6nef{width:var(--spacing-30);height:var(--spacing-30);-o-object-fit:cover;border-radius:var(--radius-sm);object-fit:cover}.Composer_attachmentName_zdUej2{overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap}.Composer_attachmentStatus_duB1GB{color:var(--color-secondary-muted-text)}.Composer_attachment_ze2E44[data-status=error] .Composer_attachmentStatus_duB1GB,.Composer_notice_4Qehyf{color:var(--color-danger)}.Composer_editor_L4tPFX{outline:none;min-height:var(--composer-min-height, 66px);max-height:280px;overflow-y:auto;white-space:pre-wrap;overflow-wrap:break-word}.Composer_editor_L4tPFX p{margin:0}.Composer_editor_L4tPFX ul,.Composer_editor_L4tPFX ol{margin:0;padding-inline-start:1.5em}.Composer_editor_L4tPFX ul{list-style-type:disc}.Composer_editor_L4tPFX ol{list-style-type:decimal}.Composer_editor_L4tPFX .is-editor-empty:first-child:before{float:left;height:0;pointer-events:none;content:attr(data-placeholder);color:var(--color-secondary-muted-text)}.Composer_dropOverlay_GuFoRm{display:grid;position:absolute;place-items:center;z-index:3;inset:0;border:1px dashed var(--color-primary);border-radius:var(--radius-xl);background:var(--color-surface);pointer-events:none}.Composer_dropLabel_BgNwlz{color:var(--color-primary)}@keyframes Composer_create-composer-pending_hGy5Ys{to{opacity:.4}}}.Composer_editor_L4tPFX:focus,.Composer_editor_L4tPFX:focus-visible{outline:none;box-shadow:none;border:none}
+@layer components{@property --border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes Composer_create-composer-border-spin_Ik8TZ9{to{--border-angle: 360deg}}.Composer_root_oK5RXF{display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%}.Composer_shell_z36OYt{display:flex;position:relative;flex-direction:column;z-index:1;border-radius:calc(var(--radius-xl) * var(--squircle-radius-factor));padding:var(--spacing-6);width:100%;font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0;corner-shape:superellipse(var(--squircle-value));--composer-border-coral: rgba(250, 136, 84, .16);--composer-border-blue: rgba(91, 141, 239, .28);--composer-border-pink: rgba(255, 161, 231, .26);transition:box-shadow var(--transition-duration) var(--ease-in-out);container-type:inline-size;background-color:var(--color-chat-composer);overflow:hidden;line-height:var(--spacing-20)}.dark .Composer_shell_z36OYt{--composer-border-coral: rgba(250, 136, 84, .15);--composer-border-blue: rgba(91, 141, 239, .2);--composer-border-pink: rgba(255, 161, 231, .18)}.Composer_shell_z36OYt:focus-within{box-shadow:0 0 var(--spacing-20) var(--spacing-1) var(--color-chat-shadow)}.Composer_shell_z36OYt:before{position:absolute;inset:0;border-radius:inherit;content:"";corner-shape:inherit;animation:Composer_create-composer-border-spin_Ik8TZ9 6s linear infinite;background-image:conic-gradient(from var(--border-angle),var(--composer-border-coral),var(--composer-border-blue) 50%,var(--composer-border-pink),var(--composer-border-coral));padding:2px;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.Composer_attachments_YHiboy{display:flex;flex-wrap:wrap;gap:var(--spacing-4);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xxs)}.Composer_main_Y2cZOO{display:flex;position:relative;flex:1;flex-direction:column;z-index:0;cursor:text;padding:var(--spacing-sm);min-width:0;min-height:0}.Composer_main_Y2cZOO[data-expanded] .Composer_textarea_ED0vo8{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-30);padding-inline:0}.Composer_main_Y2cZOO:not([data-expanded]){display:flex;align-items:center;min-height:var(--spacing-30)}.Composer_main_Y2cZOO:not([data-expanded]) .Composer_textareaWrap_20eG8b{display:flex;align-items:center;min-height:var(--spacing-30)}.Composer_main_Y2cZOO:not([data-expanded]) .Composer_textarea_ED0vo8{display:flex;flex:1;align-items:center;padding-right:var(--spacing-40);padding-left:var(--spacing-36);min-width:0;min-height:var(--spacing-30)!important}.Composer_main_Y2cZOO:not([data-expanded]) .Composer_textarea_ED0vo8 [contenteditable=true]{width:100%;min-height:0!important;overflow:hidden!important}.Composer_main_Y2cZOO[data-min-rows] .Composer_textarea_ED0vo8 [contenteditable=true]{width:100%}.Composer_main_Y2cZOO:not([data-expanded]) .Composer_addButton_Gr6lpT,.Composer_main_Y2cZOO:not([data-expanded]) .Composer_sendButton_261s9p,.Composer_main_Y2cZOO:not([data-expanded]) .Composer_toolbarEnd_zlFlGo{top:0;bottom:0;margin-block:auto}.Composer_textareaWrap_20eG8b{position:relative;flex:1;z-index:1;min-width:0}.Composer_textarea_ED0vo8{position:relative;border:0;width:100%;min-height:var(--spacing-30)!important}.Composer_plainField_BSucqo{display:block;outline:none;background:transparent;padding:0;max-height:280px;overflow:auto;resize:none;color:inherit;font:inherit;line-height:inherit}.Composer_addButton_Gr6lpT,.Composer_toolbarEnd_zlFlGo,.Composer_sendButton_261s9p{position:absolute;bottom:var(--spacing-xs);z-index:2}.Composer_addButton_Gr6lpT{display:flex;left:var(--spacing-xs);align-items:center;gap:var(--spacing-xs)}.Composer_toolbarEnd_zlFlGo{display:flex;right:calc(var(--spacing-xs) + var(--spacing-30) + var(--spacing-xs));align-items:center;gap:0;max-width:calc(100% - var(--spacing-80))}.Composer_sendButton_261s9p{right:var(--spacing-xs)}}@layer components{.Composer_root_oK5RXF{position:relative}.Composer_fileButton_7fa3cD,.Composer_planButton_FfQMTx,.Composer_sendButton_261s9p,.Composer_attachmentRetry_dE4e9U,.Composer_attachmentRemove_UJ8Ypt{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;gap:var(--spacing-xs);cursor:pointer;border:0;background:transparent;color:inherit;font:inherit}.Composer_fileButton_7fa3cD,.Composer_planButton_FfQMTx,.Composer_sendButton_261s9p{border-radius:var(--radius-full);padding:var(--spacing-sm);min-width:var(--spacing-30);height:var(--spacing-30)}.Composer_fileButton_7fa3cD:hover,.Composer_planButton_FfQMTx:hover{background:var(--color-secondary-muted-light)}.Composer_planButton_FfQMTx{padding-inline:var(--spacing-md)}.Composer_planButton_FfQMTx[aria-pressed=true]{background:var(--color-success-muted-light);color:var(--color-success)}.Composer_planIcon_speGCQ{display:inline-flex}.Composer_planLabel_QqsYmJ{font-size:var(--text-sm)}.Composer_sendButton_261s9p{background:var(--color-primary);color:var(--color-primary-content)}.Composer_sendButton_261s9p:hover:enabled{background:var(--color-primary-light)}.Composer_sendButton_261s9p:disabled{opacity:var(--opacity-disabled);cursor:default}.Composer_sendButton_261s9p[aria-busy=true] svg{animation:Composer_create-composer-pending_hGy5Ys 1s ease-in-out infinite alternate}.Composer_attachment_ze2E44{display:flex;align-items:center;gap:var(--spacing-sm);border:1px solid var(--color-secondary-muted-border);border-radius:calc(var(--radius-md) * var(--squircle-radius-factor));padding:var(--spacing-sm);corner-shape:superellipse(var(--squircle-value));min-width:0;max-width:100%;font-size:var(--text-sm)}.Composer_attachmentPreview_st6nef{flex-shrink:0;width:var(--spacing-40);height:var(--spacing-40);-o-object-fit:cover;border-radius:var(--radius-sm);object-fit:cover}.Composer_attachmentMeta_q8mSQz{display:flex;flex-wrap:wrap;align-items:baseline;-moz-column-gap:var(--spacing-sm);column-gap:var(--spacing-sm);min-width:0}.Composer_attachmentName_zdUej2{flex-basis:100%;overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap}.Composer_attachmentStatus_duB1GB{color:var(--color-secondary-muted-text);font-size:var(--text-xs)}.Composer_attachmentRetry_dE4e9U{padding:0;color:var(--color-accent-text);font-size:var(--text-xs);text-decoration:underline}.Composer_attachmentRemove_UJ8Ypt{border-radius:var(--radius-sm);width:var(--spacing-30);height:var(--spacing-30);color:var(--color-text)}.Composer_attachmentRemove_UJ8Ypt:hover{background:var(--color-secondary-muted-light)}.Composer_notice_4Qehyf{color:var(--color-danger)}.Composer_editor_L4tPFX{outline:none;min-height:var(--composer-min-height, 66px);max-height:280px;overflow-y:auto;white-space:pre-wrap;overflow-wrap:break-word}.Composer_editor_L4tPFX p{margin:0}.Composer_editor_L4tPFX ul,.Composer_editor_L4tPFX ol{margin:0;padding-inline-start:1.5em}.Composer_editor_L4tPFX ul{list-style-type:disc}.Composer_editor_L4tPFX ol{list-style-type:decimal}.Composer_editor_L4tPFX .is-editor-empty:first-child:before{float:left;height:0;pointer-events:none;content:attr(data-placeholder);color:var(--color-secondary-muted-text)}.Composer_dropOverlay_GuFoRm{display:grid;position:absolute;place-items:center;z-index:3;inset:0;border:1px dashed var(--color-primary);border-radius:var(--radius-xl);background:var(--color-surface);pointer-events:none}.Composer_dropLabel_BgNwlz{color:var(--color-primary)}@keyframes Composer_create-composer-pending_hGy5Ys{to{opacity:.4}}}.Composer_editor_L4tPFX:focus,.Composer_editor_L4tPFX:focus-visible{outline:none;box-shadow:none;border:none}

package/dist/Composer/reforma/Composer.module.css.js

@@ -1,15 +1,15 @@
-const t = "Composer_root_oK5RXF", o = "Composer_shell_z36OYt", e = "Composer_create-composer-border-spin_Ik8TZ9", a = "Composer_attachments_YHiboy", n = "Composer_main_Y2cZOO", r = "Composer_textarea_ED0vo8", s = "Composer_textareaWrap_20eG8b", c = "Composer_addButton_Gr6lpT", p = "Composer_sendButton_261s9p", m = "Composer_toolbarEnd_zlFlGo", _ = "Composer_plainField_BSucqo", l = "Composer_fileButton_7fa3cD", d = "Composer_planButton_FfQMTx", C = "Composer_attachmentRetry_dE4e9U", i = "Composer_attachmentRemove_UJ8Ypt", h = "Composer_planIcon_speGCQ", u = "Composer_planLabel_QqsYmJ", B = "Composer_create-composer-pending_hGy5Ys", b = "Composer_attachment_ze2E44", y = "Composer_attachmentPreview_st6nef", v = "Composer_attachmentName_zdUej2", f = "Composer_attachmentStatus_duB1GB", x = "Composer_notice_4Qehyf", F = "Composer_editor_L4tPFX", G = "Composer_dropOverlay_GuFoRm", R = "Composer_dropLabel_BgNwlz", L = {
+const t = "Composer_root_oK5RXF", e = "Composer_shell_z36OYt", o = "Composer_create-composer-border-spin_Ik8TZ9", a = "Composer_attachments_YHiboy", n = "Composer_main_Y2cZOO", r = "Composer_textarea_ED0vo8", s = "Composer_textareaWrap_20eG8b", c = "Composer_addButton_Gr6lpT", m = "Composer_sendButton_261s9p", p = "Composer_toolbarEnd_zlFlGo", _ = "Composer_plainField_BSucqo", l = "Composer_fileButton_7fa3cD", d = "Composer_planButton_FfQMTx", C = "Composer_attachmentRetry_dE4e9U", i = "Composer_attachmentRemove_UJ8Ypt", h = "Composer_planIcon_speGCQ", u = "Composer_planLabel_QqsYmJ", B = "Composer_create-composer-pending_hGy5Ys", b = "Composer_attachment_ze2E44", y = "Composer_attachmentPreview_st6nef", v = "Composer_attachmentMeta_q8mSQz", f = "Composer_attachmentName_zdUej2", x = "Composer_attachmentStatus_duB1GB", F = "Composer_notice_4Qehyf", G = "Composer_editor_L4tPFX", R = "Composer_dropOverlay_GuFoRm", L = "Composer_dropLabel_BgNwlz", S = {
   root: t,
-  shell: o,
+  shell: e,
   "create-composer-border-spin": "Composer_create-composer-border-spin_Ik8TZ9",
-  createComposerBorderSpin: e,
+  createComposerBorderSpin: o,
   attachments: a,
   main: n,
   textarea: r,
   textareaWrap: s,
   addButton: c,
-  sendButton: p,
-  toolbarEnd: m,
+  sendButton: m,
+  toolbarEnd: p,
   plainField: _,
   fileButton: l,
   planButton: d,
@@ -21,40 +21,42 @@ const t = "Composer_root_oK5RXF", o = "Composer_shell_z36OYt", e = "Composer_cre
   createComposerPending: B,
   attachment: b,
   attachmentPreview: y,
-  attachmentName: v,
-  attachmentStatus: f,
-  notice: x,
-  editor: F,
-  dropOverlay: G,
-  dropLabel: R
+  attachmentMeta: v,
+  attachmentName: f,
+  attachmentStatus: x,
+  notice: F,
+  editor: G,
+  dropOverlay: R,
+  dropLabel: L
 };
 export {
   c as addButton,
   b as attachment,
-  v as attachmentName,
+  v as attachmentMeta,
+  f as attachmentName,
   y as attachmentPreview,
   i as attachmentRemove,
   C as attachmentRetry,
-  f as attachmentStatus,
+  x as attachmentStatus,
   a as attachments,
-  e as createComposerBorderSpin,
+  o as createComposerBorderSpin,
   B as createComposerPending,
-  L as default,
-  R as dropLabel,
-  G as dropOverlay,
-  F as editor,
+  S as default,
+  L as dropLabel,
+  R as dropOverlay,
+  G as editor,
   l as fileButton,
   n as main,
-  x as notice,
+  F as notice,
   _ as plainField,
   d as planButton,
   h as planIcon,
   u as planLabel,
   t as root,
-  p as sendButton,
-  o as shell,
+  m as sendButton,
+  e as shell,
   r as textarea,
   s as textareaWrap,
-  m as toolbarEnd
+  p as toolbarEnd
 };
 //# sourceMappingURL=Composer.module.css.js.map

package/dist/Composer/reforma/Composer.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Composer.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Composer.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}