@reforma/components 0.2.2 → 0.3.0

package/dist/Composer/parts.js

@@ -1,231 +1,327 @@
-import { Plan as P } from "@reforma/icons/12";
-import { Plus as y, Plan as b } from "@reforma/icons/14";
-import { SendBold as D } from "@reforma/icons/16";
-import { cn as f } from "@reforma/lib";
+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 "react";
-import { Button as c } from "../Button/Button.js";
-import { Attachments as x, Attachment as C } from "../chat/Attachment/Attachment.js";
-import { FileDropOverlay as w } from "../FileDropOverlay/FileDropOverlay.js";
-import { For as N } from "../For/For.js";
-import { Show as d } from "../Show/Show.js";
-import { Badge as A } from "../Tag/Badge.js";
-import l from "./Composer.module.css.js";
-import { useComposer as i } from "./context.js";
-import { jsx as e, jsxs as E } from "react/jsx-runtime";
-function W({
-  className: o,
-  children: n
+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,
+  classNames: t,
+  children: o,
+  onDragEnter: n,
+  onDragLeave: c,
+  onDragOver: p,
+  onDrop: u,
+  onPaste: s,
+  ...e
 }) {
   const {
-    drag: t,
-    fileDragOver: r
-  } = i();
-  return /* @__PURE__ */ E("div", {
-    className: f(l.root, o),
-    onDragEnter: t.onDragEnter,
-    onDragLeave: t.onDragLeave,
-    onDragOver: t.onDragOver,
-    onDrop: t.onDrop,
-    onPaste: t.onPaste,
-    children: [/* @__PURE__ */ e(w, {
-      open: r,
-      label: "Drop files to attach"
-    }), /* @__PURE__ */ e("div", {
-      className: l.shell,
-      children: n
+    drag: m,
+    fileDragOver: b,
+    classNames: f
+  } = h();
+  return /* @__PURE__ */ v("div", {
+    ...e,
+    "data-slot": "composer-frame",
+    "data-drag-over": b || void 0,
+    className: i(f.root, r),
+    onDragEnter: (d) => {
+      n?.(d), m.onDragEnter(d);
+    },
+    onDragLeave: (d) => {
+      c?.(d), m.onDragLeave(d);
+    },
+    onDragOver: (d) => {
+      p?.(d), m.onDragOver(d);
+    },
+    onDrop: (d) => {
+      u?.(d), m.onDrop(d);
+    },
+    onPaste: (d) => {
+      s?.(d), m.onPaste(d);
+    },
+    children: [/* @__PURE__ */ a(N, {
+      when: b,
+      children: /* @__PURE__ */ a("div", {
+        "data-slot": "composer-drop-overlay",
+        className: i(f.dropOverlay, t?.dropOverlay),
+        role: "status",
+        children: /* @__PURE__ */ a("span", {
+          className: i(f.dropLabel, t?.dropLabel),
+          children: "Drop files to attach"
+        })
+      })
+    }), /* @__PURE__ */ a("div", {
+      "data-slot": "composer-shell",
+      className: i(f.shell, t?.shell),
+      children: o
     })]
   });
 }
-function $({
-  children: o
+function K({
+  className: r,
+  children: t,
+  onPointerDown: o,
+  ...n
 }) {
   const {
-    rows: n,
-    value: t,
-    focus: r
-  } = i(), m = n != null || t.prompt.includes(`
-`) || t.prompt.length > 40;
-  return /* @__PURE__ */ e("div", {
-    className: l.main,
-    "data-expanded": m || void 0,
-    "data-min-rows": n != null || void 0,
-    onPointerDown: (s) => {
-      s.target === s.currentTarget && r();
+    rows: c,
+    value: p,
+    focus: u,
+    classNames: s
+  } = h(), e = c != null || p.prompt.includes(`
+`) || p.prompt.length > 40;
+  return /* @__PURE__ */ a("div", {
+    ...n,
+    "data-slot": "composer-surface",
+    className: i(s.main, r),
+    "data-expanded": e || void 0,
+    "data-min-rows": c != null || void 0,
+    onPointerDown: (m) => {
+      o?.(m), !m.defaultPrevented && m.target === m.currentTarget && u();
     },
-    children: o
+    children: t
   });
 }
-function q({
-  children: o
+function M({
+  className: r,
+  ...t
 }) {
-  return /* @__PURE__ */ e("div", {
-    className: l.addButton,
-    children: o
+  const {
+    classNames: o
+  } = h();
+  return /* @__PURE__ */ a("div", {
+    ...t,
+    "data-slot": "composer-tools",
+    className: i(o.addButton, r)
   });
 }
-function G({
-  children: o
+function z({
+  className: r,
+  children: t,
+  ...o
 }) {
-  return /* @__PURE__ */ e(d, {
-    when: o,
-    children: /* @__PURE__ */ e("div", {
-      className: l.toolbarEnd,
-      children: o
+  const {
+    classNames: n
+  } = h();
+  return /* @__PURE__ */ a(N, {
+    when: t,
+    children: /* @__PURE__ */ a("div", {
+      ...o,
+      "data-slot": "composer-toolbar",
+      className: i(n.toolbarEnd, r),
+      children: t
     })
   });
 }
-function J() {
+function W({
+  className: r,
+  classNames: t,
+  ...o
+}) {
   const {
-    value: o,
-    removeAttachment: n,
-    retryAttachment: t
-  } = i();
-  return /* @__PURE__ */ e(d, {
-    when: o.attachments.length > 0,
-    children: /* @__PURE__ */ e("div", {
-      className: l.attachments,
-      children: /* @__PURE__ */ e(x, {
-        size: "sm",
-        children: /* @__PURE__ */ e(N, {
-          each: o.attachments,
-          children: (r) => /* @__PURE__ */ e(C, {
-            data: {
-              id: r.id,
-              url: r.url ?? r.preview,
-              filename: r.filename,
-              mediaType: r.mediaType,
-              size: r.size,
-              lastModified: r.lastModified
-            },
-            loading: r.uploadStatus === "uploading",
-            error: r.uploadStatus === "error",
-            onRetry: () => t(r.clientId),
-            onRemove: () => n(r.clientId)
-          }, r.clientId)
-        })
+    value: n,
+    removeAttachment: c,
+    retryAttachment: p,
+    classNames: u
+  } = h(), s = {
+    ...u,
+    ...t
+  };
+  return /* @__PURE__ */ a(N, {
+    when: n.attachments.length > 0,
+    children: /* @__PURE__ */ a("div", {
+      ...o,
+      "data-slot": "composer-attachments",
+      className: i(s.attachments, r),
+      children: /* @__PURE__ */ a(F, {
+        each: n.attachments,
+        children: (e) => /* @__PURE__ */ v("div", {
+          "data-slot": "composer-attachment",
+          "data-status": e.uploadStatus,
+          className: s.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"
+            })
+          }), /* @__PURE__ */ a("button", {
+            type: "button",
+            className: s.attachmentRemove,
+            "aria-label": `Remove ${e.filename}`,
+            onClick: () => c(e.clientId),
+            children: "Remove"
+          })]
+        }, e.clientId)
       })
     })
   });
 }
-function Q() {
+function U({
+  className: r,
+  children: t,
+  ...o
+}) {
   const {
-    openFilePicker: o
-  } = i();
-  return /* @__PURE__ */ e(c, {
-    type: "button",
-    iconOnly: !0,
-    rounded: !0,
-    variant: "filling",
-    size: "sm",
-    tooltip: "Add files",
+    openFilePicker: n,
+    classNames: c
+  } = h();
+  return /* @__PURE__ */ a("button", {
     "aria-label": "Add files",
-    onPress: () => o(),
-    children: /* @__PURE__ */ e(y, {})
+    title: "Add files",
+    ...o,
+    "data-slot": "composer-file-button",
+    type: "button",
+    className: i(c.fileButton, r),
+    onClick: () => n(),
+    children: t ?? /* @__PURE__ */ a(P, {
+      fill: "currentColor"
+    })
   });
 }
-function U() {
+function $({
+  className: r,
+  children: t,
+  classNames: o,
+  ...n
+}) {
   const {
-    value: o,
-    setPlanMode: n,
-    focus: t
-  } = i();
-  return /* @__PURE__ */ e(d, {
-    when: o.planMode,
-    fallback: /* @__PURE__ */ e(c, {
-      type: "button",
-      iconOnly: !0,
-      rounded: !0,
-      variant: "filling",
-      size: "sm",
-      tooltip: "Plan mode",
-      "aria-label": "Plan mode",
-      onPress: () => {
-        n(!0), t();
-      },
-      children: /* @__PURE__ */ e(b, {})
-    }),
-    children: /* @__PURE__ */ e(A, {
-      size: "sm",
-      color: "success",
-      rounded: !0,
-      textValue: "Plan mode",
-      "aria-label": "Plan mode",
-      icon: /* @__PURE__ */ e(P, {}),
-      removePlacement: "leading",
-      onRemove: () => n(!1),
-      children: "Plan mode"
+    value: c,
+    setPlanMode: p,
+    focus: u,
+    classNames: s
+  } = 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),
+    onClick: () => {
+      p(!c.planMode), u();
+    },
+    children: t ?? /* @__PURE__ */ v(k, {
+      children: [/* @__PURE__ */ a("span", {
+        className: i(s.planIcon, o?.planIcon),
+        children: /* @__PURE__ */ a(D, {
+          fill: "currentColor"
+        })
+      }), /* @__PURE__ */ a(N, {
+        when: c.planMode,
+        children: /* @__PURE__ */ a("span", {
+          className: i(s.planLabel, o?.planLabel),
+          children: "Plan mode"
+        })
+      })]
     })
   });
 }
-function X() {
+function q({
+  className: r,
+  classNames: t,
+  style: o,
+  onKeyDown: n,
+  onPaste: c,
+  ...p
+}) {
   const {
-    value: o,
-    setPrompt: n,
-    submit: t,
-    placeholder: r,
-    autoFocus: m,
-    submitOnEnter: s,
-    minHeight: u,
-    focusRef: h,
-    pasteTextAsFile: v
-  } = i(), g = (a) => {
-    if (a.nativeEvent.isComposing || a.key !== "Enter")
-      return;
-    const p = a.metaKey || a.ctrlKey;
-    !(s && !a.shiftKey && !p) && !p || (a.preventDefault(), t());
-  };
-  return /* @__PURE__ */ e("div", {
-    className: l.textareaWrap,
-    children: /* @__PURE__ */ e("textarea", {
-      ref: (a) => {
-        h.current = a;
+    value: u,
+    setPrompt: s,
+    submit: e,
+    placeholder: m,
+    autoFocus: b,
+    submitOnEnter: f,
+    rows: d,
+    focusRef: y,
+    pasteTextAsFile: w,
+    classNames: g
+  } = h();
+  return /* @__PURE__ */ a("div", {
+    "data-slot": "composer-field-wrapper",
+    className: i(g.textareaWrap, t?.textareaWrap),
+    children: /* @__PURE__ */ a("textarea", {
+      placeholder: m,
+      "aria-label": m,
+      autoFocus: b,
+      rows: d || 1,
+      ...p,
+      "data-slot": "composer-textarea",
+      ref: (l) => {
+        y.current = l;
       },
-      className: f(l.textarea, l.plainField),
-      style: {
-        minHeight: u
+      className: i(g.textarea, g.plainField, r),
+      style: o,
+      value: u.prompt,
+      onChange: (l) => s(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());
       },
-      value: o.prompt,
-      placeholder: r,
-      "aria-label": r,
-      autoFocus: m,
-      rows: Math.max(1, Math.round(u / 22)),
-      onChange: (a) => n(a.target.value),
-      onKeyDown: g,
-      onPaste: (a) => {
-        v(a.clipboardData.getData("text/plain")) && a.preventDefault();
+      onPaste: (l) => {
+        c?.(l), !l.defaultPrevented && w(l.clipboardData.getData("text/plain")) && l.preventDefault();
       }
     })
   });
 }
-function Y() {
+function G({
+  className: r,
+  children: t,
+  ...o
+}) {
   const {
-    submit: o,
-    canSubmit: n,
-    busy: t
-  } = i();
-  return /* @__PURE__ */ e(c, {
-    iconOnly: !0,
-    rounded: !0,
-    color: "primary",
-    variant: "filled",
-    size: "sm",
-    className: l.sendButton,
-    isDisabled: !n,
-    isPending: t,
-    tooltip: "Create project",
-    onPress: () => o(),
-    children: /* @__PURE__ */ e(D, {})
+    submit: n,
+    canSubmit: c,
+    busy: p,
+    classNames: u
+  } = h();
+  return /* @__PURE__ */ a("button", {
+    "aria-label": "Create project",
+    title: "Create project",
+    ...o,
+    "data-slot": "composer-submit",
+    type: "button",
+    className: i(u.sendButton, r),
+    disabled: !c,
+    "aria-busy": p,
+    onClick: () => n(),
+    children: t ?? /* @__PURE__ */ a(x, {
+      fill: "currentColor"
+    })
   });
 }
 export {
-  J as ComposerAttachments,
-  Q as ComposerFileButton,
-  W as ComposerFrame,
-  U as ComposerPlan,
-  Y as ComposerSubmit,
-  $ as ComposerSurface,
-  X as ComposerTextarea,
-  G as ComposerToolbar,
-  q as ComposerTools
+  W as ComposerAttachments,
+  U as ComposerFileButton,
+  j as ComposerFrame,
+  $ as ComposerPlan,
+  G as ComposerSubmit,
+  K as ComposerSurface,
+  q as ComposerTextarea,
+  z 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 } from '@reforma/icons/12';\nimport { Plan as PlanIcon, Plus } from '@reforma/icons/14';\nimport { SendBold } from '@reforma/icons/16';\nimport { cn } from '@reforma/lib';\nimport { type KeyboardEvent, type ReactNode } from 'react';\n\nimport { Button } from '../Button';\nimport { Attachment, Attachments } from '../chat/Attachment';\nimport { FileDropOverlay } from '../FileDropOverlay';\nimport { For } from '../For';\nimport { Show } from '../Show';\nimport { Badge } from '../Tag';\nimport styles from './Composer.module.css';\nimport { useComposer } from './context';\n\nexport function ComposerFrame({\n    className,\n    children,\n}: {\n    className?: string;\n    children: ReactNode;\n}) {\n    const { drag, fileDragOver } = useComposer();\n\n    return (\n        <div\n            className={ cn(styles.root, className) }\n            onDragEnter={ drag.onDragEnter }\n            onDragLeave={ drag.onDragLeave }\n            onDragOver={ drag.onDragOver }\n            onDrop={ drag.onDrop }\n            onPaste={ drag.onPaste }\n        >\n            <FileDropOverlay open={ fileDragOver } label=\"Drop files to attach\" />\n            <div className={ styles.shell }>\n                { children }\n            </div>\n        </div>\n    );\n}\n\n/** Relative row that pins the tools and the submit button to the field. */\nexport function ComposerSurface({ children }: { children: ReactNode }) {\n    const { rows, value, focus } = useComposer();\n    const expanded = rows != null || value.prompt.includes('\\n') || value.prompt.length > 40;\n\n    return (\n        <div\n            className={ styles.main }\n            data-expanded={ expanded || undefined }\n            data-min-rows={ rows != null || undefined }\n            onPointerDown={ (event) => {\n                if (event.target === event.currentTarget) {\n                    focus();\n                }\n            } }\n        >\n            { children }\n        </div>\n    );\n}\n\n/** Left cluster: file button, plan, whatever else you drop in. */\nexport function ComposerTools({ children }: { children: ReactNode }) {\n    return (\n        <div className={ styles.addButton }>\n            { children }\n        </div>\n    );\n}\n\nexport function ComposerToolbar({ children }: { children?: ReactNode }) {\n    return (\n        <Show when={ children }>\n            <div className={ styles.toolbarEnd }>\n                { children }\n            </div>\n        </Show>\n    );\n}\n\nexport function ComposerAttachments() {\n    const { value, removeAttachment, retryAttachment } = useComposer();\n\n    return (\n        <Show when={ value.attachments.length > 0 }>\n            <div className={ styles.attachments }>\n                <Attachments size=\"sm\">\n                    <For each={ value.attachments }>\n                        { item => (\n                            <Attachment\n                                key={ item.clientId }\n                                data={ {\n                                    id: item.id,\n                                    url: item.url ?? item.preview,\n                                    filename: item.filename,\n                                    mediaType: item.mediaType,\n                                    size: item.size,\n                                    lastModified: item.lastModified,\n                                } }\n                                loading={ item.uploadStatus === 'uploading' }\n                                error={ item.uploadStatus === 'error' }\n                                onRetry={ () => retryAttachment(item.clientId) }\n                                onRemove={ () => removeAttachment(item.clientId) }\n                            />\n                        ) }\n                    </For>\n                </Attachments>\n            </div>\n        </Show>\n    );\n}\n\nexport function ComposerFileButton() {\n    const { openFilePicker } = useComposer();\n\n    return (\n        <Button\n            type=\"button\"\n            iconOnly\n            rounded\n            variant=\"filling\"\n            size=\"sm\"\n            tooltip=\"Add files\"\n            aria-label=\"Add files\"\n            onPress={ () => openFilePicker() }\n        >\n            <Plus />\n        </Button>\n    );\n}\n\nexport function ComposerPlan() {\n    const { value, setPlanMode, focus } = useComposer();\n\n    return (\n        <Show\n            when={ value.planMode }\n            fallback={ (\n                <Button\n                    type=\"button\"\n                    iconOnly\n                    rounded\n                    variant=\"filling\"\n                    size=\"sm\"\n                    tooltip=\"Plan mode\"\n                    aria-label=\"Plan mode\"\n                    onPress={ () => {\n                        setPlanMode(true);\n                        focus();\n                    } }\n                >\n                    <PlanIcon />\n                </Button>\n            ) }\n        >\n            <Badge\n                size=\"sm\"\n                color=\"success\"\n                rounded\n                textValue=\"Plan mode\"\n                aria-label=\"Plan mode\"\n                icon={ <Plan /> }\n                removePlacement=\"leading\"\n                onRemove={ () => setPlanMode(false) }\n            >\n                Plan mode\n            </Badge>\n        </Show>\n    );\n}\n\nexport function ComposerTextarea() {\n    const {\n        value,\n        setPrompt,\n        submit,\n        placeholder,\n        autoFocus,\n        submitOnEnter,\n        minHeight,\n        focusRef,\n        pasteTextAsFile,\n    } = useComposer();\n\n    const onKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n        if (event.nativeEvent.isComposing || event.key !== 'Enter') {\n            return;\n        }\n\n        const command = event.metaKey || event.ctrlKey;\n        const plainEnter = submitOnEnter && !event.shiftKey && !command;\n\n        if (!plainEnter && !command) {\n            return;\n        }\n\n        event.preventDefault();\n        submit();\n    };\n\n    return (\n        <div className={ styles.textareaWrap }>\n            <textarea\n                ref={ (node) => {\n                    focusRef.current = node;\n                } }\n                className={ cn(styles.textarea, styles.plainField) }\n                style={ { minHeight } }\n                value={ value.prompt }\n                placeholder={ placeholder }\n                aria-label={ placeholder }\n                autoFocus={ autoFocus }\n                rows={ Math.max(1, Math.round(minHeight / 22)) }\n                onChange={ (event) => setPrompt(event.target.value) }\n                onKeyDown={ onKeyDown }\n                onPaste={ (event) => {\n                    if (!pasteTextAsFile(event.clipboardData.getData('text/plain'))) {\n                        return;\n                    }\n\n                    event.preventDefault();\n                } }\n            />\n        </div>\n    );\n}\n\nexport function ComposerSubmit() {\n    const { submit, canSubmit, busy } = useComposer();\n\n    return (\n        <Button\n            iconOnly\n            rounded\n            color=\"primary\"\n            variant=\"filled\"\n            size=\"sm\"\n            className={ styles.sendButton }\n            isDisabled={ !canSubmit }\n            isPending={ busy }\n            tooltip=\"Create project\"\n            onPress={ () => submit() }\n        >\n            <SendBold />\n        </Button>\n    );\n}\n"],"names":["ComposerFrame","className","children","drag","fileDragOver","useComposer","cn","styles","_jsx","FileDropOverlay","ComposerSurface","rows","value","focus","expanded","event","ComposerTools","ComposerToolbar","Show","ComposerAttachments","removeAttachment","retryAttachment","Attachments","For","item","Attachment","ComposerFileButton","openFilePicker","Button","Plus","ComposerPlan","setPlanMode","PlanIcon","Badge","Plan","ComposerTextarea","setPrompt","submit","placeholder","autoFocus","submitOnEnter","minHeight","focusRef","pasteTextAsFile","onKeyDown","command","node","ComposerSubmit","canSubmit","busy","SendBold"],"mappings":"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"}
+{"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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"}

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

@@ -0,0 +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}