@nucleux/visual-input 0.8.0 → 0.10.0

package/dist/index.cjs

@@ -144,7 +144,13 @@ var VisualInput = React__namespace.forwardRef(
           created.current.add(previewUrl);
         }
         fileCounter += 1;
-        accepted.push({ id: `nx-visual-${fileCounter}`, file, previewUrl, source, status: "ready" });
+        accepted.push({
+          id: `nx-visual-${fileCounter}`,
+          file,
+          previewUrl,
+          source,
+          status: "ready"
+        });
       }
       setErrors(rejected);
       if (rejected.length) onReject?.(rejected);
@@ -207,21 +213,32 @@ var VisualInput = React__namespace.forwardRef(
       addFiles(pasted, "paste");
     };
     const hintText = hint ?? `${accept === "image/*" ? "Images" : accept.replace(/,/g, ", ")} \xB7 up to ${formatFileSize(maxSize)}`;
-    const chips = files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(attachment.AttachmentGroup, { role: "list", "aria-label": "Attached visuals", children: files.map((f) => /* @__PURE__ */ jsxRuntime.jsx("div", { role: "listitem", children: /* @__PURE__ */ jsxRuntime.jsx(
-      attachment.Attachment,
+    const isDrop = variant === "drag-drop";
+    const zoneIsButton = isDrop && canUpload && !canCamera;
+    const chips = files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      attachment.AttachmentGroup,
       {
-        name: f.file.name,
-        meta: f.status === "error" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: f.error ?? "Couldn\u2019t use this file." }) : f.status === "reading" ? "Reading\u2026" : formatFileSize(f.file.size),
-        icon: f.previewUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: f.previewUrl, alt: "", className: "size-full rounded-md object-cover" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImageIcon, { "aria-hidden": "true" }),
-        onRemove: () => removeFile(f.id),
-        "data-status": f.status ?? "ready",
-        className: utils.cn(
-          variant === "paste-chip" && "rounded-full py-1 pl-1",
-          f.status === "error" && "border-destructive/60",
-          f.status === "reading" && "animate-pulse motion-reduce:animate-none"
-        )
+        role: "list",
+        "aria-label": "Attached visuals",
+        className: utils.cn(isDrop && "flex-col flex-nowrap items-stretch gap-1.5"),
+        children: files.map((f) => /* @__PURE__ */ jsxRuntime.jsx("div", { role: "listitem", children: /* @__PURE__ */ jsxRuntime.jsx(
+          attachment.Attachment,
+          {
+            name: f.file.name,
+            meta: f.status === "error" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: f.error ?? "Couldn\u2019t use this file." }) : f.status === "reading" ? "Reading\u2026" : formatFileSize(f.file.size),
+            icon: f.previewUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: f.previewUrl, alt: "", className: "size-full rounded-md object-cover" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImageIcon, { "aria-hidden": "true" }),
+            onRemove: () => removeFile(f.id),
+            "data-status": f.status ?? "ready",
+            className: utils.cn(
+              variant === "paste-chip" && "rounded-full py-1 pl-1",
+              isDrop && "w-full max-w-none gap-3 rounded-full bg-muted/50 py-1.5 pl-1.5 pr-3 [&>span:first-child]:size-8 [&>span:first-child]:overflow-hidden [&>span:first-child]:bg-info/15 [&>span:first-child]:text-info [&>span:nth-child(2)>span:first-child]:font-normal [&>span:nth-child(2)]:flex-1 [&>span:nth-child(2)]:flex-row [&>span:nth-child(2)]:items-baseline [&>span:nth-child(2)]:justify-between [&>span:nth-child(2)]:gap-3",
+              f.status === "error" && "border-destructive/60",
+              f.status === "reading" && "animate-pulse motion-reduce:animate-none"
+            )
+          }
+        ) }, f.id))
       }
-    ) }, f.id)) });
+    );
     const status = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       files.length > 0 && seeText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: seeText }),
       errors.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -297,7 +314,7 @@ var VisualInput = React__namespace.forwardRef(
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...rootProps, className: utils.cn("flex flex-col gap-2 outline-none", className), children: [
         chips,
         children,
-        /* @__PURE__ */ jsxRuntime.jsxs(
+        (canUpload || canCamera || label !== null || dragging) && /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: utils.cn(
@@ -317,7 +334,17 @@ var VisualInput = React__namespace.forwardRef(
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { className: "size-4", "aria-hidden": "true" })
                 }
               ),
-              canCamera && /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon-sm", "aria-label": cameraLabel, onClick: openCamera, disabled, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Camera, { className: "size-4", "aria-hidden": "true" }) }),
+              canCamera && /* @__PURE__ */ jsxRuntime.jsx(
+                button.Button,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  "aria-label": cameraLabel,
+                  onClick: openCamera,
+                  disabled,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Camera, { className: "size-4", "aria-hidden": "true" })
+                }
+              ),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: label ?? (dragging ? "Drop to attach" : canPaste ? "Paste or drop a screenshot" : "Attach an image") })
             ]
           }
@@ -409,17 +436,31 @@ var VisualInput = React__namespace.forwardRef(
             if (e.target.closest("button")) return;
             if (canUpload) openUpload();
           },
+          ...zoneIsButton ? {
+            role: "button",
+            tabIndex: disabled ? -1 : 0,
+            "aria-disabled": disabled || void 0,
+            "data-visual-input-focus": "",
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                openUpload();
+              }
+            }
+          } : {},
           className: utils.cn(
-            "flex flex-col items-center justify-center gap-2 rounded-xl border-2 border-dashed border-border bg-muted/40 px-6 py-6 text-center transition-colors",
+            "flex flex-col items-center justify-center gap-1 rounded-xl border-2 border-dashed border-border bg-muted/40 px-5 py-6 text-center transition-colors",
             canUpload && !disabled && "cursor-pointer hover:bg-muted/70",
+            zoneIsButton && "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
             dragging && "border-brand bg-brand-muted/50",
             disabled && "opacity-50"
           ),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex size-10 items-center justify-center rounded-full bg-background text-muted-foreground shadow-sm [&_svg]:size-5", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImageUp, { "aria-hidden": "true" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-1.5 inline-flex size-10 items-center justify-center rounded-lg border border-border bg-background text-muted-foreground [&_svg]:size-[1.125rem]", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImageIcon, { "aria-hidden": "true" }) }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground", children: dragging ? "Drop to attach" : label ?? (canPaste ? "Drop an image or paste a screenshot" : "Drop an image") }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: hintText }),
-            (canUpload || canCamera) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex flex-wrap items-center justify-center gap-2", children: [
+            zoneIsButton && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: browseLabel }),
+            canCamera && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex flex-wrap items-center justify-center gap-2", children: [
               canUpload && /* @__PURE__ */ jsxRuntime.jsx(
                 button.Button,
                 {

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx"],"names":["React","jsx","AttachmentGroup","Attachment","ImageIcon","cn","jsxs","Fragment","AlertCircle","X","Button","Paperclip","Camera","RotateCcw","Trash2","ImageUp"],"mappings":"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","file":"index.cjs","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nucleux/utils\";\nimport { Button } from \"@nucleux/button\";\nimport { Attachment, AttachmentGroup } from \"@nucleux/attachment\";\nimport { AlertCircle, Camera, ImageIcon, ImageUp, Paperclip, RotateCcw, Trash2, X } from \"lucide-react\";\n\nexport type VisualInputVariant = \"drag-drop\" | \"paste-chip\" | \"camera-capture\";\n\n/** Where a visual can come from. Only the sources you list are offered. */\nexport type VisualInputSource = \"upload\" | \"paste\" | \"camera\";\n\n/** Per-file state, set by the app while it reads or uploads the visual. */\nexport type VisualInputFileStatus = \"ready\" | \"reading\" | \"error\";\n\nexport interface VisualInputFile {\n  /** Stable id, generated when the file is added. */\n  id: string;\n  /** The underlying file. */\n  file: File;\n  /** Object URL used for the thumbnail (images only, browser only). */\n  previewUrl?: string;\n  /** How the file arrived. */\n  source?: VisualInputSource;\n  /** `\"reading\"` shows a quiet working treatment; `\"error\"` shows `error` in the destructive tone. */\n  status?: VisualInputFileStatus;\n  /** Message shown when `status` is `\"error\"`, e.g. `\"Couldn't read this image.\"`. */\n  error?: string;\n}\n\nexport type VisualInputRejectionReason = \"type\" | \"size\" | \"count\";\n\nexport interface VisualInputRejection {\n  file: File;\n  reason: VisualInputRejectionReason;\n  /** The human-readable message shown in the error list. */\n  message: string;\n}\n\nexport interface VisualInputProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\"> {\n  /** `\"drag-drop\"` (default) dashed drop zone, `\"paste-chip\"` chips above a composer, `\"camera-capture\"` viewfinder with a shutter. */\n  variant?: VisualInputVariant;\n  /** Sources offered. Defaults to upload + paste (+ camera for `\"camera-capture\"`). */\n  sources?: VisualInputSource[];\n  /** Accepted types, in `<input accept>` syntax. Defaults to `\"image/*\"`. */\n  accept?: string;\n  /** Largest accepted file in bytes. Defaults to 20 MB. */\n  maxSize?: number;\n  /** Most files held at once. Defaults to 4 (1 for `\"camera-capture\"`). */\n  maxFiles?: number;\n  /** Allow more than one file. Defaults to `true` except for `\"camera-capture\"`. */\n  multiple?: boolean;\n  /** Which camera `capture` asks for on mobile. Defaults to `\"environment\"`. */\n  capture?: \"user\" | \"environment\";\n  /** The attached files (controlled). */\n  files?: VisualInputFile[];\n  /** Initial files (uncontrolled). */\n  defaultFiles?: VisualInputFile[];\n  /** Called with the next list whenever files are added or removed. Nothing is ever sent. */\n  onFilesChange?: (files: VisualInputFile[]) => void;\n  /** Called with files that were refused (wrong type, too large, too many). */\n  onReject?: (rejections: VisualInputRejection[]) => void;\n  /** Main line of the drop zone. */\n  label?: React.ReactNode;\n  /** Secondary line, e.g. `\"PNG, JPG, PDF · up to 20 MB\"`. Derived from `accept`/`maxSize` when omitted. */\n  hint?: React.ReactNode;\n  /** Accessible name of the whole region. Defaults to `\"Image input\"`. */\n  regionLabel?: string;\n  /** Line shown once something is attached, e.g. `\"Aria will see this when you send\"`. */\n  seeText?: React.ReactNode;\n  /** Explains camera access before anything is captured (camera variant). */\n  cameraText?: React.ReactNode;\n  /** Says what can be used when a type is refused, e.g. `\"Aria can read PNG, JPG and HEIC.\"`. */\n  unsupportedText?: string;\n  /** Label of the browse button. */\n  browseLabel?: string;\n  /** Label of the camera button. */\n  cameraLabel?: string;\n  /** Disable every source. */\n  disabled?: boolean;\n  /** Slot rendered under the previews — typically the composer the visual is paired with. */\n  children?: React.ReactNode;\n}\n\nconst MB = 1024 * 1024;\n\n/** Format a byte count as `\"240 KB\"` / `\"2.4 MB\"`. */\nfunction formatFileSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < MB) return `${Math.round(bytes / 1024)} KB`;\n  const mb = bytes / MB;\n  return `${mb >= 10 ? Math.round(mb) : Math.round(mb * 10) / 10} MB`;\n}\n\n/** Whether `file` matches an `<input accept>` string. */\nexport function fileMatchesAccept(file: File, accept: string): boolean {\n  const rules = accept\n    .split(\",\")\n    .map((r) => r.trim().toLowerCase())\n    .filter(Boolean);\n  if (rules.length === 0) return true;\n  const name = file.name.toLowerCase();\n  const type = (file.type || \"\").toLowerCase();\n  return rules.some((rule) => {\n    if (rule.startsWith(\".\")) return name.endsWith(rule);\n    if (rule.endsWith(\"/*\")) return type.startsWith(rule.slice(0, -1));\n    return type === rule;\n  });\n}\n\nlet fileCounter = 0;\nconst canPreview = () => typeof URL !== \"undefined\" && typeof URL.createObjectURL === \"function\";\n\n/**\n * Visual input: lets people add images, screenshots or photos as context to their\n * ask — drag-and-drop, paste from the clipboard, browse, or camera capture\n * (`<input capture>`). Each visual lands as a removable chip with a real preview,\n * type/size/count limits are checked with plain-language errors in a live region,\n * and nothing is ever sent: the app pairs the files with the text prompt and\n * sends on the person's command. Variants: drag-drop, paste-chip, camera-capture.\n */\nexport const VisualInput = React.forwardRef<HTMLDivElement, VisualInputProps>(\n  (\n    {\n      variant = \"drag-drop\",\n      sources,\n      accept = \"image/*\",\n      maxSize = 20 * MB,\n      maxFiles,\n      multiple,\n      capture = \"environment\",\n      files: filesProp,\n      defaultFiles,\n      onFilesChange,\n      onReject,\n      label,\n      hint,\n      regionLabel = \"Image input\",\n      seeText = \"Attached to your next message — nothing is sent until you send.\",\n      cameraText,\n      unsupportedText,\n      browseLabel = \"Browse files\",\n      cameraLabel = \"Take photo\",\n      disabled = false,\n      className,\n      children,\n      onPaste,\n      onDragEnter,\n      onDragOver,\n      onDragLeave,\n      onDrop,\n      ...props\n    },\n    ref,\n  ) => {\n    const isCamera = variant === \"camera-capture\";\n    const allowed = sources ?? (isCamera ? [\"camera\", \"upload\"] : [\"upload\", \"paste\"]);\n    const canUpload = allowed.includes(\"upload\");\n    const canPaste = allowed.includes(\"paste\");\n    const canCamera = allowed.includes(\"camera\");\n    const isMultiple = multiple ?? !isCamera;\n    const limit = isMultiple ? (maxFiles ?? 4) : 1;\n\n    const [internal, setInternal] = React.useState<VisualInputFile[]>(defaultFiles ?? []);\n    const files = filesProp ?? internal;\n    const [errors, setErrors] = React.useState<VisualInputRejection[]>([]);\n    const [announcement, setAnnouncement] = React.useState(\"\");\n    const [dragging, setDragging] = React.useState(false);\n    const dragDepth = React.useRef(0);\n    const uploadRef = React.useRef<HTMLInputElement>(null);\n    const cameraRef = React.useRef<HTMLInputElement>(null);\n    const rootRef = React.useRef<HTMLDivElement | null>(null);\n    const created = React.useRef(new Set<string>());\n    const errorsId = React.useId();\n\n    // Revoke object URLs we created once their file is gone, and on unmount.\n    React.useEffect(() => {\n      const live = new Set(files.map((f) => f.previewUrl));\n      created.current.forEach((url) => {\n        if (!live.has(url)) {\n          URL.revokeObjectURL(url);\n          created.current.delete(url);\n        }\n      });\n    }, [files]);\n    React.useEffect(\n      () => () => {\n        created.current.forEach((url) => URL.revokeObjectURL(url));\n        created.current.clear();\n      },\n      [],\n    );\n\n    const commit = (next: VisualInputFile[]) => {\n      if (filesProp === undefined) setInternal(next);\n      onFilesChange?.(next);\n    };\n\n    const describeRejection = (file: File, reason: VisualInputRejectionReason) => {\n      if (reason === \"type\")\n        return `${file.name} can’t be attached. ${unsupportedText ?? \"Choose an image file instead.\"}`;\n      if (reason === \"size\") return `${file.name} is larger than ${formatFileSize(maxSize)}.`;\n      return `Only ${limit} ${limit === 1 ? \"file\" : \"files\"} can be attached — ${file.name} was left out.`;\n    };\n\n    const addFiles = (list: File[], source: VisualInputSource) => {\n      if (disabled || list.length === 0) return;\n      const rejected: VisualInputRejection[] = [];\n      const accepted: VisualInputFile[] = [];\n      const room = isMultiple ? limit - files.length : 1;\n      for (const file of list) {\n        let reason: VisualInputRejectionReason | null = null;\n        if (!fileMatchesAccept(file, accept)) reason = \"type\";\n        else if (file.size > maxSize) reason = \"size\";\n        else if (accepted.length >= room) reason = \"count\";\n        if (reason) {\n          rejected.push({ file, reason, message: describeRejection(file, reason) });\n          continue;\n        }\n        let previewUrl: string | undefined;\n        if (file.type.startsWith(\"image/\") && canPreview()) {\n          previewUrl = URL.createObjectURL(file);\n          created.current.add(previewUrl);\n        }\n        fileCounter += 1;\n        accepted.push({ id: `nx-visual-${fileCounter}`, file, previewUrl, source, status: \"ready\" });\n      }\n      setErrors(rejected);\n      if (rejected.length) onReject?.(rejected);\n      if (accepted.length) {\n        commit(isMultiple ? [...files, ...accepted] : accepted);\n        setAnnouncement(`${accepted.map((f) => f.file.name).join(\", \")} attached.`);\n      }\n    };\n\n    const removeFile = (id: string) => {\n      const target = files.find((f) => f.id === id);\n      commit(files.filter((f) => f.id !== id));\n      if (target) setAnnouncement(`${target.file.name} removed.`);\n      // Focus would be lost with the removed chip — move it to a stable control.\n      requestAnimationFrame(() => {\n        const root = rootRef.current;\n        const next = root?.querySelector<HTMLElement>(\"[data-visual-input-focus]\") ?? root;\n        next?.focus();\n      });\n    };\n\n    const openUpload = () => !disabled && uploadRef.current?.click();\n    const openCamera = () => !disabled && cameraRef.current?.click();\n\n    const onInputChange = (source: VisualInputSource) => (e: React.ChangeEvent<HTMLInputElement>) => {\n      addFiles(Array.from(e.target.files ?? []), source);\n      e.target.value = \"\";\n    };\n\n    const hasFiles = (e: React.DragEvent) => Array.from(e.dataTransfer?.types ?? []).includes(\"Files\");\n\n    const dropHandlers = canUpload\n      ? {\n          onDragEnter: (e: React.DragEvent<HTMLDivElement>) => {\n            onDragEnter?.(e);\n            if (disabled || !hasFiles(e)) return;\n            e.preventDefault();\n            dragDepth.current += 1;\n            setDragging(true);\n          },\n          onDragOver: (e: React.DragEvent<HTMLDivElement>) => {\n            onDragOver?.(e);\n            if (disabled || !hasFiles(e)) return;\n            e.preventDefault();\n            e.dataTransfer.dropEffect = \"copy\";\n          },\n          onDragLeave: (e: React.DragEvent<HTMLDivElement>) => {\n            onDragLeave?.(e);\n            dragDepth.current = Math.max(0, dragDepth.current - 1);\n            if (dragDepth.current === 0) setDragging(false);\n          },\n          onDrop: (e: React.DragEvent<HTMLDivElement>) => {\n            onDrop?.(e);\n            dragDepth.current = 0;\n            setDragging(false);\n            if (disabled) return;\n            e.preventDefault();\n            addFiles(Array.from(e.dataTransfer?.files ?? []), \"upload\");\n          },\n        }\n      : { onDragEnter, onDragOver, onDragLeave, onDrop };\n\n    const handlePaste = (e: React.ClipboardEvent<HTMLDivElement>) => {\n      onPaste?.(e);\n      if (e.defaultPrevented || !canPaste || disabled) return;\n      const pasted = Array.from(e.clipboardData?.files ?? []);\n      if (pasted.length === 0) return; // plain text paste continues as normal\n      e.preventDefault();\n      addFiles(pasted, \"paste\");\n    };\n\n    const hintText =\n      hint ?? `${accept === \"image/*\" ? \"Images\" : accept.replace(/,/g, \", \")} · up to ${formatFileSize(maxSize)}`;\n\n    const chips = files.length > 0 && (\n      <AttachmentGroup role=\"list\" aria-label=\"Attached visuals\">\n        {files.map((f) => (\n          <div role=\"listitem\" key={f.id}>\n            <Attachment\n              name={f.file.name}\n              meta={\n                f.status === \"error\" ? (\n                  <span className=\"text-destructive\">{f.error ?? \"Couldn’t use this file.\"}</span>\n                ) : f.status === \"reading\" ? (\n                  \"Reading…\"\n                ) : (\n                  formatFileSize(f.file.size)\n                )\n              }\n              icon={\n                f.previewUrl ? (\n                  <img src={f.previewUrl} alt=\"\" className=\"size-full rounded-md object-cover\" />\n                ) : (\n                  <ImageIcon aria-hidden=\"true\" />\n                )\n              }\n              onRemove={() => removeFile(f.id)}\n              data-status={f.status ?? \"ready\"}\n              className={cn(\n                variant === \"paste-chip\" && \"rounded-full py-1 pl-1\",\n                f.status === \"error\" && \"border-destructive/60\",\n                f.status === \"reading\" && \"animate-pulse motion-reduce:animate-none\",\n              )}\n            />\n          </div>\n        ))}\n      </AttachmentGroup>\n    );\n\n    const status = (\n      <>\n        {files.length > 0 && seeText && <p className=\"text-xs text-muted-foreground\">{seeText}</p>}\n        {errors.length > 0 && (\n          <div\n            id={errorsId}\n            role=\"alert\"\n            className=\"flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-sm text-destructive\"\n          >\n            <AlertCircle className=\"mt-0.5 size-4 shrink-0\" aria-hidden=\"true\" />\n            <ul className=\"flex-1 space-y-0.5\">\n              {errors.map((err, i) => (\n                <li key={i}>{err.message}</li>\n              ))}\n            </ul>\n            <button\n              type=\"button\"\n              aria-label=\"Dismiss errors\"\n              onClick={() => setErrors([])}\n              className=\"inline-flex size-5 shrink-0 items-center justify-center rounded-full transition-colors hover:bg-destructive/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-3.5\"\n            >\n              <X aria-hidden=\"true\" />\n            </button>\n          </div>\n        )}\n        <p role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n          {announcement}\n        </p>\n      </>\n    );\n\n    const hiddenInputs = (\n      <>\n        {canUpload && (\n          <input\n            ref={uploadRef}\n            type=\"file\"\n            accept={accept}\n            multiple={isMultiple}\n            hidden\n            tabIndex={-1}\n            disabled={disabled}\n            onChange={onInputChange(\"upload\")}\n          />\n        )}\n        {canCamera && (\n          <input\n            ref={cameraRef}\n            type=\"file\"\n            accept={accept.includes(\"image\") ? \"image/*\" : accept}\n            capture={capture}\n            hidden\n            tabIndex={-1}\n            disabled={disabled}\n            onChange={onInputChange(\"camera\")}\n          />\n        )}\n      </>\n    );\n\n    const setRoot = (node: HTMLDivElement | null) => {\n      rootRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref) ref.current = node;\n    };\n\n    const rootProps = {\n      ref: setRoot,\n      role: \"group\" as const,\n      \"aria-label\": regionLabel,\n      \"aria-disabled\": disabled || undefined,\n      \"data-variant\": variant,\n      \"data-dragging\": dragging || undefined,\n      tabIndex: -1,\n      onPaste: handlePaste,\n      ...dropHandlers,\n      ...props,\n    };\n\n    if (variant === \"paste-chip\") {\n      return (\n        <div {...rootProps} className={cn(\"flex flex-col gap-2 outline-none\", className)}>\n          {chips}\n          {children}\n          <div\n            className={cn(\n              \"flex items-center gap-1 rounded-lg text-xs text-muted-foreground transition-colors\",\n              dragging && \"bg-brand-muted/50 text-foreground ring-2 ring-brand\",\n            )}\n          >\n            {canUpload && (\n              <Button\n                variant=\"ghost\"\n                size=\"icon-sm\"\n                aria-label=\"Attach image\"\n                onClick={openUpload}\n                disabled={disabled}\n                data-visual-input-focus=\"\"\n              >\n                <Paperclip className=\"size-4\" aria-hidden=\"true\" />\n              </Button>\n            )}\n            {canCamera && (\n              <Button variant=\"ghost\" size=\"icon-sm\" aria-label={cameraLabel} onClick={openCamera} disabled={disabled}>\n                <Camera className=\"size-4\" aria-hidden=\"true\" />\n              </Button>\n            )}\n            <span>{label ?? (dragging ? \"Drop to attach\" : canPaste ? \"Paste or drop a screenshot\" : \"Attach an image\")}</span>\n          </div>\n          {status}\n          {hiddenInputs}\n        </div>\n      );\n    }\n\n    if (isCamera) {\n      const photo = files[0];\n      return (\n        <div {...rootProps} className={cn(\"flex flex-col gap-3 outline-none\", className)}>\n          <div\n            className={cn(\n              \"relative aspect-[4/3] overflow-hidden rounded-xl border border-border bg-muted\",\n              dragging && \"ring-2 ring-brand\",\n            )}\n          >\n            {photo?.previewUrl ? (\n              <img\n                src={photo.previewUrl}\n                alt={`Captured photo: ${photo.file.name}`}\n                className=\"size-full object-cover\"\n              />\n            ) : (\n              <>\n                <span\n                  aria-hidden=\"true\"\n                  className=\"absolute inset-[22%] rounded-lg border-2 border-brand/80\"\n                />\n                <p className=\"absolute inset-x-0 bottom-3 px-4 text-center text-xs text-muted-foreground\">\n                  {photo ? photo.file.name : (label ?? \"Point your camera at what you want to ask about\")}\n                </p>\n              </>\n            )}\n          </div>\n          <div className=\"flex items-center justify-center gap-3\">\n            {photo ? (\n              <>\n                {canCamera && (\n                  <Button\n                    variant=\"secondary\"\n                    size=\"sm\"\n                    leftIcon={<RotateCcw className=\"size-4\" aria-hidden=\"true\" />}\n                    onClick={openCamera}\n                    disabled={disabled}\n                    data-visual-input-focus=\"\"\n                  >\n                    Retake\n                  </Button>\n                )}\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  leftIcon={<Trash2 className=\"size-4\" aria-hidden=\"true\" />}\n                  onClick={() => removeFile(photo.id)}\n                  disabled={disabled}\n                >\n                  Remove\n                </Button>\n              </>\n            ) : (\n              <>\n                {canCamera && (\n                  <Button\n                    variant=\"secondary\"\n                    aria-label={cameraLabel}\n                    onClick={openCamera}\n                    disabled={disabled}\n                    data-visual-input-focus=\"\"\n                    className=\"size-14 rounded-full border-4 border-brand p-0\"\n                  >\n                    <Camera className=\"size-5\" aria-hidden=\"true\" />\n                  </Button>\n                )}\n                {canUpload && (\n                  <Button variant=\"ghost\" size=\"sm\" onClick={openUpload} disabled={disabled}>\n                    Upload instead\n                  </Button>\n                )}\n              </>\n            )}\n          </div>\n          {cameraText && !photo && <p className=\"text-center text-xs text-muted-foreground\">{cameraText}</p>}\n          {photo?.status === \"error\" && (\n            <p className=\"text-center text-xs text-destructive\">{photo.error ?? \"Couldn’t use this photo.\"}</p>\n          )}\n          {children}\n          {status}\n          {hiddenInputs}\n        </div>\n      );\n    }\n\n    return (\n      <div {...rootProps} className={cn(\"flex flex-col gap-3 outline-none\", className)}>\n        <div\n          onClick={(e) => {\n            if ((e.target as HTMLElement).closest(\"button\")) return;\n            if (canUpload) openUpload();\n          }}\n          className={cn(\n            \"flex flex-col items-center justify-center gap-2 rounded-xl border-2 border-dashed border-border bg-muted/40 px-6 py-6 text-center transition-colors\",\n            canUpload && !disabled && \"cursor-pointer hover:bg-muted/70\",\n            dragging && \"border-brand bg-brand-muted/50\",\n            disabled && \"opacity-50\",\n          )}\n        >\n          <span className=\"inline-flex size-10 items-center justify-center rounded-full bg-background text-muted-foreground shadow-sm [&_svg]:size-5\">\n            <ImageUp aria-hidden=\"true\" />\n          </span>\n          <p className=\"text-sm font-semibold text-foreground\">\n            {dragging ? \"Drop to attach\" : (label ?? (canPaste ? \"Drop an image or paste a screenshot\" : \"Drop an image\"))}\n          </p>\n          <p className=\"text-xs text-muted-foreground\">{hintText}</p>\n          {(canUpload || canCamera) && (\n            <div className=\"mt-1 flex flex-wrap items-center justify-center gap-2\">\n              {canUpload && (\n                <Button\n                  variant=\"secondary\"\n                  size=\"sm\"\n                  onClick={openUpload}\n                  disabled={disabled}\n                  data-visual-input-focus=\"\"\n                >\n                  {browseLabel}\n                </Button>\n              )}\n              {canCamera && (\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  leftIcon={<Camera className=\"size-4\" aria-hidden=\"true\" />}\n                  onClick={openCamera}\n                  disabled={disabled}\n                >\n                  {cameraLabel}\n                </Button>\n              )}\n            </div>\n          )}\n        </div>\n        {chips}\n        {children}\n        {status}\n        {hiddenInputs}\n      </div>\n    );\n  },\n);\nVisualInput.displayName = \"VisualInput\";\n"]}
+{"version":3,"sources":["../src/index.tsx"],"names":["React","jsx","AttachmentGroup","cn","Attachment","ImageIcon","jsxs","Fragment","AlertCircle","X","Button","Paperclip","Camera","RotateCcw","Trash2"],"mappings":"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","file":"index.cjs","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nucleux/utils\";\nimport { Button } from \"@nucleux/button\";\nimport { Attachment, AttachmentGroup } from \"@nucleux/attachment\";\nimport { AlertCircle, Camera, ImageIcon, Paperclip, RotateCcw, Trash2, X } from \"lucide-react\";\n\nexport type VisualInputVariant = \"drag-drop\" | \"paste-chip\" | \"camera-capture\";\n\n/** Where a visual can come from. Only the sources you list are offered. */\nexport type VisualInputSource = \"upload\" | \"paste\" | \"camera\";\n\n/** Per-file state, set by the app while it reads or uploads the visual. */\nexport type VisualInputFileStatus = \"ready\" | \"reading\" | \"error\";\n\nexport interface VisualInputFile {\n  /** Stable id, generated when the file is added. */\n  id: string;\n  /** The underlying file. */\n  file: File;\n  /** Object URL used for the thumbnail (images only, browser only). */\n  previewUrl?: string;\n  /** How the file arrived. */\n  source?: VisualInputSource;\n  /** `\"reading\"` shows a quiet working treatment; `\"error\"` shows `error` in the destructive tone. */\n  status?: VisualInputFileStatus;\n  /** Message shown when `status` is `\"error\"`, e.g. `\"Couldn't read this image.\"`. */\n  error?: string;\n}\n\nexport type VisualInputRejectionReason = \"type\" | \"size\" | \"count\";\n\nexport interface VisualInputRejection {\n  file: File;\n  reason: VisualInputRejectionReason;\n  /** The human-readable message shown in the error list. */\n  message: string;\n}\n\nexport interface VisualInputProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onChange\" | \"defaultValue\"\n> {\n  /** `\"drag-drop\"` (default) dashed drop zone, `\"paste-chip\"` chips above a composer, `\"camera-capture\"` viewfinder with a shutter. */\n  variant?: VisualInputVariant;\n  /** Sources offered. Defaults to upload + paste (+ camera for `\"camera-capture\"`). */\n  sources?: VisualInputSource[];\n  /** Accepted types, in `<input accept>` syntax. Defaults to `\"image/*\"`. */\n  accept?: string;\n  /** Largest accepted file in bytes. Defaults to 20 MB. */\n  maxSize?: number;\n  /** Most files held at once. Defaults to 4 (1 for `\"camera-capture\"`). */\n  maxFiles?: number;\n  /** Allow more than one file. Defaults to `true` except for `\"camera-capture\"`. */\n  multiple?: boolean;\n  /** Which camera `capture` asks for on mobile. Defaults to `\"environment\"`. */\n  capture?: \"user\" | \"environment\";\n  /** The attached files (controlled). */\n  files?: VisualInputFile[];\n  /** Initial files (uncontrolled). */\n  defaultFiles?: VisualInputFile[];\n  /** Called with the next list whenever files are added or removed. Nothing is ever sent. */\n  onFilesChange?: (files: VisualInputFile[]) => void;\n  /** Called with files that were refused (wrong type, too large, too many). */\n  onReject?: (rejections: VisualInputRejection[]) => void;\n  /**\n   * Main line of the drop zone (or of the paste-chip's attach row). In\n   * `\"paste-chip\"` with `sources={[\"paste\"]}`, `null` drops the attach row\n   * entirely, for when the composer's own + is the way in.\n   */\n  label?: React.ReactNode;\n  /** Secondary line, e.g. `\"PNG, JPG, PDF · up to 20 MB\"`. Derived from `accept`/`maxSize` when omitted. */\n  hint?: React.ReactNode;\n  /** Accessible name of the whole region. Defaults to `\"Image input\"`. */\n  regionLabel?: string;\n  /** Line shown once something is attached, e.g. `\"Aria will see this when you send\"`. */\n  seeText?: React.ReactNode;\n  /** Explains camera access before anything is captured (camera variant). */\n  cameraText?: React.ReactNode;\n  /** Says what can be used when a type is refused, e.g. `\"Aria can read PNG, JPG and HEIC.\"`. */\n  unsupportedText?: string;\n  /** Label of the browse button. */\n  browseLabel?: string;\n  /** Label of the camera button. */\n  cameraLabel?: string;\n  /** Disable every source. */\n  disabled?: boolean;\n  /** Slot rendered under the previews — typically the composer the visual is paired with. */\n  children?: React.ReactNode;\n}\n\nconst MB = 1024 * 1024;\n\n/** Format a byte count as `\"240 KB\"` / `\"2.4 MB\"`. */\nfunction formatFileSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < MB) return `${Math.round(bytes / 1024)} KB`;\n  const mb = bytes / MB;\n  return `${mb >= 10 ? Math.round(mb) : Math.round(mb * 10) / 10} MB`;\n}\n\n/** Whether `file` matches an `<input accept>` string. */\nexport function fileMatchesAccept(file: File, accept: string): boolean {\n  const rules = accept\n    .split(\",\")\n    .map((r) => r.trim().toLowerCase())\n    .filter(Boolean);\n  if (rules.length === 0) return true;\n  const name = file.name.toLowerCase();\n  const type = (file.type || \"\").toLowerCase();\n  return rules.some((rule) => {\n    if (rule.startsWith(\".\")) return name.endsWith(rule);\n    if (rule.endsWith(\"/*\")) return type.startsWith(rule.slice(0, -1));\n    return type === rule;\n  });\n}\n\nlet fileCounter = 0;\nconst canPreview = () => typeof URL !== \"undefined\" && typeof URL.createObjectURL === \"function\";\n\n/**\n * Visual input: lets people add images, screenshots or photos as context to their\n * ask — drag-and-drop, paste from the clipboard, browse, or camera capture\n * (`<input capture>`). Each visual lands as a removable chip with a real preview,\n * type/size/count limits are checked with plain-language errors in a live region,\n * and nothing is ever sent: the app pairs the files with the text prompt and\n * sends on the person's command. Variants: drag-drop (the whole dashed zone is the\n * browse control unless a camera is offered; visuals stack under it as full-width\n * pills), paste-chip, camera-capture.\n */\nexport const VisualInput = React.forwardRef<HTMLDivElement, VisualInputProps>(\n  (\n    {\n      variant = \"drag-drop\",\n      sources,\n      accept = \"image/*\",\n      maxSize = 20 * MB,\n      maxFiles,\n      multiple,\n      capture = \"environment\",\n      files: filesProp,\n      defaultFiles,\n      onFilesChange,\n      onReject,\n      label,\n      hint,\n      regionLabel = \"Image input\",\n      seeText = \"Attached to your next message — nothing is sent until you send.\",\n      cameraText,\n      unsupportedText,\n      browseLabel = \"Browse files\",\n      cameraLabel = \"Take photo\",\n      disabled = false,\n      className,\n      children,\n      onPaste,\n      onDragEnter,\n      onDragOver,\n      onDragLeave,\n      onDrop,\n      ...props\n    },\n    ref,\n  ) => {\n    const isCamera = variant === \"camera-capture\";\n    const allowed = sources ?? (isCamera ? [\"camera\", \"upload\"] : [\"upload\", \"paste\"]);\n    const canUpload = allowed.includes(\"upload\");\n    const canPaste = allowed.includes(\"paste\");\n    const canCamera = allowed.includes(\"camera\");\n    const isMultiple = multiple ?? !isCamera;\n    const limit = isMultiple ? (maxFiles ?? 4) : 1;\n\n    const [internal, setInternal] = React.useState<VisualInputFile[]>(defaultFiles ?? []);\n    const files = filesProp ?? internal;\n    const [errors, setErrors] = React.useState<VisualInputRejection[]>([]);\n    const [announcement, setAnnouncement] = React.useState(\"\");\n    const [dragging, setDragging] = React.useState(false);\n    const dragDepth = React.useRef(0);\n    const uploadRef = React.useRef<HTMLInputElement>(null);\n    const cameraRef = React.useRef<HTMLInputElement>(null);\n    const rootRef = React.useRef<HTMLDivElement | null>(null);\n    const created = React.useRef(new Set<string>());\n    const errorsId = React.useId();\n\n    // Revoke object URLs we created once their file is gone, and on unmount.\n    React.useEffect(() => {\n      const live = new Set(files.map((f) => f.previewUrl));\n      created.current.forEach((url) => {\n        if (!live.has(url)) {\n          URL.revokeObjectURL(url);\n          created.current.delete(url);\n        }\n      });\n    }, [files]);\n    React.useEffect(\n      () => () => {\n        created.current.forEach((url) => URL.revokeObjectURL(url));\n        created.current.clear();\n      },\n      [],\n    );\n\n    const commit = (next: VisualInputFile[]) => {\n      if (filesProp === undefined) setInternal(next);\n      onFilesChange?.(next);\n    };\n\n    const describeRejection = (file: File, reason: VisualInputRejectionReason) => {\n      if (reason === \"type\")\n        return `${file.name} can’t be attached. ${unsupportedText ?? \"Choose an image file instead.\"}`;\n      if (reason === \"size\") return `${file.name} is larger than ${formatFileSize(maxSize)}.`;\n      return `Only ${limit} ${limit === 1 ? \"file\" : \"files\"} can be attached — ${file.name} was left out.`;\n    };\n\n    const addFiles = (list: File[], source: VisualInputSource) => {\n      if (disabled || list.length === 0) return;\n      const rejected: VisualInputRejection[] = [];\n      const accepted: VisualInputFile[] = [];\n      const room = isMultiple ? limit - files.length : 1;\n      for (const file of list) {\n        let reason: VisualInputRejectionReason | null = null;\n        if (!fileMatchesAccept(file, accept)) reason = \"type\";\n        else if (file.size > maxSize) reason = \"size\";\n        else if (accepted.length >= room) reason = \"count\";\n        if (reason) {\n          rejected.push({ file, reason, message: describeRejection(file, reason) });\n          continue;\n        }\n        let previewUrl: string | undefined;\n        if (file.type.startsWith(\"image/\") && canPreview()) {\n          previewUrl = URL.createObjectURL(file);\n          created.current.add(previewUrl);\n        }\n        fileCounter += 1;\n        accepted.push({\n          id: `nx-visual-${fileCounter}`,\n          file,\n          previewUrl,\n          source,\n          status: \"ready\",\n        });\n      }\n      setErrors(rejected);\n      if (rejected.length) onReject?.(rejected);\n      if (accepted.length) {\n        commit(isMultiple ? [...files, ...accepted] : accepted);\n        setAnnouncement(`${accepted.map((f) => f.file.name).join(\", \")} attached.`);\n      }\n    };\n\n    const removeFile = (id: string) => {\n      const target = files.find((f) => f.id === id);\n      commit(files.filter((f) => f.id !== id));\n      if (target) setAnnouncement(`${target.file.name} removed.`);\n      // Focus would be lost with the removed chip — move it to a stable control.\n      requestAnimationFrame(() => {\n        const root = rootRef.current;\n        const next = root?.querySelector<HTMLElement>(\"[data-visual-input-focus]\") ?? root;\n        next?.focus();\n      });\n    };\n\n    const openUpload = () => !disabled && uploadRef.current?.click();\n    const openCamera = () => !disabled && cameraRef.current?.click();\n\n    const onInputChange =\n      (source: VisualInputSource) => (e: React.ChangeEvent<HTMLInputElement>) => {\n        addFiles(Array.from(e.target.files ?? []), source);\n        e.target.value = \"\";\n      };\n\n    const hasFiles = (e: React.DragEvent) =>\n      Array.from(e.dataTransfer?.types ?? []).includes(\"Files\");\n\n    const dropHandlers = canUpload\n      ? {\n          onDragEnter: (e: React.DragEvent<HTMLDivElement>) => {\n            onDragEnter?.(e);\n            if (disabled || !hasFiles(e)) return;\n            e.preventDefault();\n            dragDepth.current += 1;\n            setDragging(true);\n          },\n          onDragOver: (e: React.DragEvent<HTMLDivElement>) => {\n            onDragOver?.(e);\n            if (disabled || !hasFiles(e)) return;\n            e.preventDefault();\n            e.dataTransfer.dropEffect = \"copy\";\n          },\n          onDragLeave: (e: React.DragEvent<HTMLDivElement>) => {\n            onDragLeave?.(e);\n            dragDepth.current = Math.max(0, dragDepth.current - 1);\n            if (dragDepth.current === 0) setDragging(false);\n          },\n          onDrop: (e: React.DragEvent<HTMLDivElement>) => {\n            onDrop?.(e);\n            dragDepth.current = 0;\n            setDragging(false);\n            if (disabled) return;\n            e.preventDefault();\n            addFiles(Array.from(e.dataTransfer?.files ?? []), \"upload\");\n          },\n        }\n      : { onDragEnter, onDragOver, onDragLeave, onDrop };\n\n    const handlePaste = (e: React.ClipboardEvent<HTMLDivElement>) => {\n      onPaste?.(e);\n      if (e.defaultPrevented || !canPaste || disabled) return;\n      const pasted = Array.from(e.clipboardData?.files ?? []);\n      if (pasted.length === 0) return; // plain text paste continues as normal\n      e.preventDefault();\n      addFiles(pasted, \"paste\");\n    };\n\n    const hintText =\n      hint ??\n      `${accept === \"image/*\" ? \"Images\" : accept.replace(/,/g, \", \")} · up to ${formatFileSize(maxSize)}`;\n\n    const isDrop = variant === \"drag-drop\";\n    // Without a camera the whole drop zone is the browse control (as on nucleux.in);\n    // with one, the zone keeps visible Browse and camera buttons.\n    const zoneIsButton = isDrop && canUpload && !canCamera;\n    const chips = files.length > 0 && (\n      <AttachmentGroup\n        role=\"list\"\n        aria-label=\"Attached visuals\"\n        className={cn(isDrop && \"flex-col flex-nowrap items-stretch gap-1.5\")}\n      >\n        {files.map((f) => (\n          <div role=\"listitem\" key={f.id}>\n            <Attachment\n              name={f.file.name}\n              meta={\n                f.status === \"error\" ? (\n                  <span className=\"text-destructive\">{f.error ?? \"Couldn’t use this file.\"}</span>\n                ) : f.status === \"reading\" ? (\n                  \"Reading…\"\n                ) : (\n                  formatFileSize(f.file.size)\n                )\n              }\n              icon={\n                f.previewUrl ? (\n                  <img src={f.previewUrl} alt=\"\" className=\"size-full rounded-md object-cover\" />\n                ) : (\n                  <ImageIcon aria-hidden=\"true\" />\n                )\n              }\n              onRemove={() => removeFile(f.id)}\n              data-status={f.status ?? \"ready\"}\n              className={cn(\n                variant === \"paste-chip\" && \"rounded-full py-1 pl-1\",\n                isDrop &&\n                  \"w-full max-w-none gap-3 rounded-full bg-muted/50 py-1.5 pl-1.5 pr-3 [&>span:first-child]:size-8 [&>span:first-child]:overflow-hidden [&>span:first-child]:bg-info/15 [&>span:first-child]:text-info [&>span:nth-child(2)>span:first-child]:font-normal [&>span:nth-child(2)]:flex-1 [&>span:nth-child(2)]:flex-row [&>span:nth-child(2)]:items-baseline [&>span:nth-child(2)]:justify-between [&>span:nth-child(2)]:gap-3\",\n                f.status === \"error\" && \"border-destructive/60\",\n                f.status === \"reading\" && \"animate-pulse motion-reduce:animate-none\",\n              )}\n            />\n          </div>\n        ))}\n      </AttachmentGroup>\n    );\n\n    const status = (\n      <>\n        {files.length > 0 && seeText && <p className=\"text-xs text-muted-foreground\">{seeText}</p>}\n        {errors.length > 0 && (\n          <div\n            id={errorsId}\n            role=\"alert\"\n            className=\"flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-sm text-destructive\"\n          >\n            <AlertCircle className=\"mt-0.5 size-4 shrink-0\" aria-hidden=\"true\" />\n            <ul className=\"flex-1 space-y-0.5\">\n              {errors.map((err, i) => (\n                <li key={i}>{err.message}</li>\n              ))}\n            </ul>\n            <button\n              type=\"button\"\n              aria-label=\"Dismiss errors\"\n              onClick={() => setErrors([])}\n              className=\"inline-flex size-5 shrink-0 items-center justify-center rounded-full transition-colors hover:bg-destructive/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-3.5\"\n            >\n              <X aria-hidden=\"true\" />\n            </button>\n          </div>\n        )}\n        <p role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n          {announcement}\n        </p>\n      </>\n    );\n\n    const hiddenInputs = (\n      <>\n        {canUpload && (\n          <input\n            ref={uploadRef}\n            type=\"file\"\n            accept={accept}\n            multiple={isMultiple}\n            hidden\n            tabIndex={-1}\n            disabled={disabled}\n            onChange={onInputChange(\"upload\")}\n          />\n        )}\n        {canCamera && (\n          <input\n            ref={cameraRef}\n            type=\"file\"\n            accept={accept.includes(\"image\") ? \"image/*\" : accept}\n            capture={capture}\n            hidden\n            tabIndex={-1}\n            disabled={disabled}\n            onChange={onInputChange(\"camera\")}\n          />\n        )}\n      </>\n    );\n\n    const setRoot = (node: HTMLDivElement | null) => {\n      rootRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref) ref.current = node;\n    };\n\n    const rootProps = {\n      ref: setRoot,\n      role: \"group\" as const,\n      \"aria-label\": regionLabel,\n      \"aria-disabled\": disabled || undefined,\n      \"data-variant\": variant,\n      \"data-dragging\": dragging || undefined,\n      tabIndex: -1,\n      onPaste: handlePaste,\n      ...dropHandlers,\n      ...props,\n    };\n\n    if (variant === \"paste-chip\") {\n      return (\n        <div {...rootProps} className={cn(\"flex flex-col gap-2 outline-none\", className)}>\n          {chips}\n          {children}\n          {(canUpload || canCamera || label !== null || dragging) && (\n            <div\n              className={cn(\n                \"flex items-center gap-1 rounded-lg text-xs text-muted-foreground transition-colors\",\n                dragging && \"bg-brand-muted/50 text-foreground ring-2 ring-brand\",\n              )}\n            >\n              {canUpload && (\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  aria-label=\"Attach image\"\n                  onClick={openUpload}\n                  disabled={disabled}\n                  data-visual-input-focus=\"\"\n                >\n                  <Paperclip className=\"size-4\" aria-hidden=\"true\" />\n                </Button>\n              )}\n              {canCamera && (\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  aria-label={cameraLabel}\n                  onClick={openCamera}\n                  disabled={disabled}\n                >\n                  <Camera className=\"size-4\" aria-hidden=\"true\" />\n                </Button>\n              )}\n              <span>\n                {label ??\n                  (dragging\n                    ? \"Drop to attach\"\n                    : canPaste\n                      ? \"Paste or drop a screenshot\"\n                      : \"Attach an image\")}\n              </span>\n            </div>\n          )}\n          {status}\n          {hiddenInputs}\n        </div>\n      );\n    }\n\n    if (isCamera) {\n      const photo = files[0];\n      return (\n        <div {...rootProps} className={cn(\"flex flex-col gap-3 outline-none\", className)}>\n          <div\n            className={cn(\n              \"relative aspect-[4/3] overflow-hidden rounded-xl border border-border bg-muted\",\n              dragging && \"ring-2 ring-brand\",\n            )}\n          >\n            {photo?.previewUrl ? (\n              <img\n                src={photo.previewUrl}\n                alt={`Captured photo: ${photo.file.name}`}\n                className=\"size-full object-cover\"\n              />\n            ) : (\n              <>\n                <span\n                  aria-hidden=\"true\"\n                  className=\"absolute inset-[22%] rounded-lg border-2 border-brand/80\"\n                />\n                <p className=\"absolute inset-x-0 bottom-3 px-4 text-center text-xs text-muted-foreground\">\n                  {photo\n                    ? photo.file.name\n                    : (label ?? \"Point your camera at what you want to ask about\")}\n                </p>\n              </>\n            )}\n          </div>\n          <div className=\"flex items-center justify-center gap-3\">\n            {photo ? (\n              <>\n                {canCamera && (\n                  <Button\n                    variant=\"secondary\"\n                    size=\"sm\"\n                    leftIcon={<RotateCcw className=\"size-4\" aria-hidden=\"true\" />}\n                    onClick={openCamera}\n                    disabled={disabled}\n                    data-visual-input-focus=\"\"\n                  >\n                    Retake\n                  </Button>\n                )}\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  leftIcon={<Trash2 className=\"size-4\" aria-hidden=\"true\" />}\n                  onClick={() => removeFile(photo.id)}\n                  disabled={disabled}\n                >\n                  Remove\n                </Button>\n              </>\n            ) : (\n              <>\n                {canCamera && (\n                  <Button\n                    variant=\"secondary\"\n                    aria-label={cameraLabel}\n                    onClick={openCamera}\n                    disabled={disabled}\n                    data-visual-input-focus=\"\"\n                    className=\"size-14 rounded-full border-4 border-brand p-0\"\n                  >\n                    <Camera className=\"size-5\" aria-hidden=\"true\" />\n                  </Button>\n                )}\n                {canUpload && (\n                  <Button variant=\"ghost\" size=\"sm\" onClick={openUpload} disabled={disabled}>\n                    Upload instead\n                  </Button>\n                )}\n              </>\n            )}\n          </div>\n          {cameraText && !photo && (\n            <p className=\"text-center text-xs text-muted-foreground\">{cameraText}</p>\n          )}\n          {photo?.status === \"error\" && (\n            <p className=\"text-center text-xs text-destructive\">\n              {photo.error ?? \"Couldn’t use this photo.\"}\n            </p>\n          )}\n          {children}\n          {status}\n          {hiddenInputs}\n        </div>\n      );\n    }\n\n    return (\n      <div {...rootProps} className={cn(\"flex flex-col gap-3 outline-none\", className)}>\n        <div\n          onClick={(e) => {\n            if ((e.target as HTMLElement).closest(\"button\")) return;\n            if (canUpload) openUpload();\n          }}\n          {...(zoneIsButton\n            ? {\n                role: \"button\",\n                tabIndex: disabled ? -1 : 0,\n                \"aria-disabled\": disabled || undefined,\n                \"data-visual-input-focus\": \"\",\n                onKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => {\n                  if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    openUpload();\n                  }\n                },\n              }\n            : {})}\n          className={cn(\n            \"flex flex-col items-center justify-center gap-1 rounded-xl border-2 border-dashed border-border bg-muted/40 px-5 py-6 text-center transition-colors\",\n            canUpload && !disabled && \"cursor-pointer hover:bg-muted/70\",\n            zoneIsButton &&\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n            dragging && \"border-brand bg-brand-muted/50\",\n            disabled && \"opacity-50\",\n          )}\n        >\n          <span className=\"mb-1.5 inline-flex size-10 items-center justify-center rounded-lg border border-border bg-background text-muted-foreground [&_svg]:size-[1.125rem]\">\n            <ImageIcon aria-hidden=\"true\" />\n          </span>\n          <p className=\"text-sm font-semibold text-foreground\">\n            {dragging\n              ? \"Drop to attach\"\n              : (label ?? (canPaste ? \"Drop an image or paste a screenshot\" : \"Drop an image\"))}\n          </p>\n          <p className=\"text-xs text-muted-foreground\">{hintText}</p>\n          {zoneIsButton && <span className=\"sr-only\">{browseLabel}</span>}\n          {canCamera && (\n            <div className=\"mt-1 flex flex-wrap items-center justify-center gap-2\">\n              {canUpload && (\n                <Button\n                  variant=\"secondary\"\n                  size=\"sm\"\n                  onClick={openUpload}\n                  disabled={disabled}\n                  data-visual-input-focus=\"\"\n                >\n                  {browseLabel}\n                </Button>\n              )}\n              {canCamera && (\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  leftIcon={<Camera className=\"size-4\" aria-hidden=\"true\" />}\n                  onClick={openCamera}\n                  disabled={disabled}\n                >\n                  {cameraLabel}\n                </Button>\n              )}\n            </div>\n          )}\n        </div>\n        {chips}\n        {children}\n        {status}\n        {hiddenInputs}\n      </div>\n    );\n  },\n);\nVisualInput.displayName = \"VisualInput\";\n"]}

package/dist/index.d.cts

@@ -49,7 +49,11 @@ interface VisualInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "o
     onFilesChange?: (files: VisualInputFile[]) => void;
     /** Called with files that were refused (wrong type, too large, too many). */
     onReject?: (rejections: VisualInputRejection[]) => void;
-    /** Main line of the drop zone. */
+    /**
+     * Main line of the drop zone (or of the paste-chip's attach row). In
+     * `"paste-chip"` with `sources={["paste"]}`, `null` drops the attach row
+     * entirely, for when the composer's own + is the way in.
+     */
     label?: React.ReactNode;
     /** Secondary line, e.g. `"PNG, JPG, PDF · up to 20 MB"`. Derived from `accept`/`maxSize` when omitted. */
     hint?: React.ReactNode;
@@ -78,7 +82,9 @@ declare function fileMatchesAccept(file: File, accept: string): boolean;
  * (`<input capture>`). Each visual lands as a removable chip with a real preview,
  * type/size/count limits are checked with plain-language errors in a live region,
  * and nothing is ever sent: the app pairs the files with the text prompt and
- * sends on the person's command. Variants: drag-drop, paste-chip, camera-capture.
+ * sends on the person's command. Variants: drag-drop (the whole dashed zone is the
+ * browse control unless a camera is offered; visuals stack under it as full-width
+ * pills), paste-chip, camera-capture.
  */
 declare const VisualInput: React.ForwardRefExoticComponent<VisualInputProps & React.RefAttributes<HTMLDivElement>>;
 

package/dist/index.d.ts

@@ -49,7 +49,11 @@ interface VisualInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "o
     onFilesChange?: (files: VisualInputFile[]) => void;
     /** Called with files that were refused (wrong type, too large, too many). */
     onReject?: (rejections: VisualInputRejection[]) => void;
-    /** Main line of the drop zone. */
+    /**
+     * Main line of the drop zone (or of the paste-chip's attach row). In
+     * `"paste-chip"` with `sources={["paste"]}`, `null` drops the attach row
+     * entirely, for when the composer's own + is the way in.
+     */
     label?: React.ReactNode;
     /** Secondary line, e.g. `"PNG, JPG, PDF · up to 20 MB"`. Derived from `accept`/`maxSize` when omitted. */
     hint?: React.ReactNode;
@@ -78,7 +82,9 @@ declare function fileMatchesAccept(file: File, accept: string): boolean;
  * (`<input capture>`). Each visual lands as a removable chip with a real preview,
  * type/size/count limits are checked with plain-language errors in a live region,
  * and nothing is ever sent: the app pairs the files with the text prompt and
- * sends on the person's command. Variants: drag-drop, paste-chip, camera-capture.
+ * sends on the person's command. Variants: drag-drop (the whole dashed zone is the
+ * browse control unless a camera is offered; visuals stack under it as full-width
+ * pills), paste-chip, camera-capture.
  */
 declare const VisualInput: React.ForwardRefExoticComponent<VisualInputProps & React.RefAttributes<HTMLDivElement>>;
 

package/dist/index.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { cn } from '@nucleux/utils';
 import { Button } from '@nucleux/button';
 import { AttachmentGroup, Attachment } from '@nucleux/attachment';
-import { ImageIcon, AlertCircle, X, Paperclip, Camera, RotateCcw, Trash2, ImageUp } from 'lucide-react';
+import { ImageIcon, AlertCircle, X, Paperclip, Camera, RotateCcw, Trash2 } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/index.tsx
@@ -122,7 +122,13 @@ var VisualInput = React.forwardRef(
           created.current.add(previewUrl);
         }
         fileCounter += 1;
-        accepted.push({ id: `nx-visual-${fileCounter}`, file, previewUrl, source, status: "ready" });
+        accepted.push({
+          id: `nx-visual-${fileCounter}`,
+          file,
+          previewUrl,
+          source,
+          status: "ready"
+        });
       }
       setErrors(rejected);
       if (rejected.length) onReject?.(rejected);
@@ -185,21 +191,32 @@ var VisualInput = React.forwardRef(
       addFiles(pasted, "paste");
     };
     const hintText = hint ?? `${accept === "image/*" ? "Images" : accept.replace(/,/g, ", ")} \xB7 up to ${formatFileSize(maxSize)}`;
-    const chips = files.length > 0 && /* @__PURE__ */ jsx(AttachmentGroup, { role: "list", "aria-label": "Attached visuals", children: files.map((f) => /* @__PURE__ */ jsx("div", { role: "listitem", children: /* @__PURE__ */ jsx(
-      Attachment,
+    const isDrop = variant === "drag-drop";
+    const zoneIsButton = isDrop && canUpload && !canCamera;
+    const chips = files.length > 0 && /* @__PURE__ */ jsx(
+      AttachmentGroup,
       {
-        name: f.file.name,
-        meta: f.status === "error" ? /* @__PURE__ */ jsx("span", { className: "text-destructive", children: f.error ?? "Couldn\u2019t use this file." }) : f.status === "reading" ? "Reading\u2026" : formatFileSize(f.file.size),
-        icon: f.previewUrl ? /* @__PURE__ */ jsx("img", { src: f.previewUrl, alt: "", className: "size-full rounded-md object-cover" }) : /* @__PURE__ */ jsx(ImageIcon, { "aria-hidden": "true" }),
-        onRemove: () => removeFile(f.id),
-        "data-status": f.status ?? "ready",
-        className: cn(
-          variant === "paste-chip" && "rounded-full py-1 pl-1",
-          f.status === "error" && "border-destructive/60",
-          f.status === "reading" && "animate-pulse motion-reduce:animate-none"
-        )
+        role: "list",
+        "aria-label": "Attached visuals",
+        className: cn(isDrop && "flex-col flex-nowrap items-stretch gap-1.5"),
+        children: files.map((f) => /* @__PURE__ */ jsx("div", { role: "listitem", children: /* @__PURE__ */ jsx(
+          Attachment,
+          {
+            name: f.file.name,
+            meta: f.status === "error" ? /* @__PURE__ */ jsx("span", { className: "text-destructive", children: f.error ?? "Couldn\u2019t use this file." }) : f.status === "reading" ? "Reading\u2026" : formatFileSize(f.file.size),
+            icon: f.previewUrl ? /* @__PURE__ */ jsx("img", { src: f.previewUrl, alt: "", className: "size-full rounded-md object-cover" }) : /* @__PURE__ */ jsx(ImageIcon, { "aria-hidden": "true" }),
+            onRemove: () => removeFile(f.id),
+            "data-status": f.status ?? "ready",
+            className: cn(
+              variant === "paste-chip" && "rounded-full py-1 pl-1",
+              isDrop && "w-full max-w-none gap-3 rounded-full bg-muted/50 py-1.5 pl-1.5 pr-3 [&>span:first-child]:size-8 [&>span:first-child]:overflow-hidden [&>span:first-child]:bg-info/15 [&>span:first-child]:text-info [&>span:nth-child(2)>span:first-child]:font-normal [&>span:nth-child(2)]:flex-1 [&>span:nth-child(2)]:flex-row [&>span:nth-child(2)]:items-baseline [&>span:nth-child(2)]:justify-between [&>span:nth-child(2)]:gap-3",
+              f.status === "error" && "border-destructive/60",
+              f.status === "reading" && "animate-pulse motion-reduce:animate-none"
+            )
+          }
+        ) }, f.id))
       }
-    ) }, f.id)) });
+    );
     const status = /* @__PURE__ */ jsxs(Fragment, { children: [
       files.length > 0 && seeText && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: seeText }),
       errors.length > 0 && /* @__PURE__ */ jsxs(
@@ -275,7 +292,7 @@ var VisualInput = React.forwardRef(
       return /* @__PURE__ */ jsxs("div", { ...rootProps, className: cn("flex flex-col gap-2 outline-none", className), children: [
         chips,
         children,
-        /* @__PURE__ */ jsxs(
+        (canUpload || canCamera || label !== null || dragging) && /* @__PURE__ */ jsxs(
           "div",
           {
             className: cn(
@@ -295,7 +312,17 @@ var VisualInput = React.forwardRef(
                   children: /* @__PURE__ */ jsx(Paperclip, { className: "size-4", "aria-hidden": "true" })
                 }
               ),
-              canCamera && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": cameraLabel, onClick: openCamera, disabled, children: /* @__PURE__ */ jsx(Camera, { className: "size-4", "aria-hidden": "true" }) }),
+              canCamera && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  "aria-label": cameraLabel,
+                  onClick: openCamera,
+                  disabled,
+                  children: /* @__PURE__ */ jsx(Camera, { className: "size-4", "aria-hidden": "true" })
+                }
+              ),
               /* @__PURE__ */ jsx("span", { children: label ?? (dragging ? "Drop to attach" : canPaste ? "Paste or drop a screenshot" : "Attach an image") })
             ]
           }
@@ -387,17 +414,31 @@ var VisualInput = React.forwardRef(
             if (e.target.closest("button")) return;
             if (canUpload) openUpload();
           },
+          ...zoneIsButton ? {
+            role: "button",
+            tabIndex: disabled ? -1 : 0,
+            "aria-disabled": disabled || void 0,
+            "data-visual-input-focus": "",
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                openUpload();
+              }
+            }
+          } : {},
           className: cn(
-            "flex flex-col items-center justify-center gap-2 rounded-xl border-2 border-dashed border-border bg-muted/40 px-6 py-6 text-center transition-colors",
+            "flex flex-col items-center justify-center gap-1 rounded-xl border-2 border-dashed border-border bg-muted/40 px-5 py-6 text-center transition-colors",
             canUpload && !disabled && "cursor-pointer hover:bg-muted/70",
+            zoneIsButton && "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
             dragging && "border-brand bg-brand-muted/50",
             disabled && "opacity-50"
           ),
           children: [
-            /* @__PURE__ */ jsx("span", { className: "inline-flex size-10 items-center justify-center rounded-full bg-background text-muted-foreground shadow-sm [&_svg]:size-5", children: /* @__PURE__ */ jsx(ImageUp, { "aria-hidden": "true" }) }),
+            /* @__PURE__ */ jsx("span", { className: "mb-1.5 inline-flex size-10 items-center justify-center rounded-lg border border-border bg-background text-muted-foreground [&_svg]:size-[1.125rem]", children: /* @__PURE__ */ jsx(ImageIcon, { "aria-hidden": "true" }) }),
             /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-foreground", children: dragging ? "Drop to attach" : label ?? (canPaste ? "Drop an image or paste a screenshot" : "Drop an image") }),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: hintText }),
-            (canUpload || canCamera) && /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-wrap items-center justify-center gap-2", children: [
+            zoneIsButton && /* @__PURE__ */ jsx("span", { className: "sr-only", children: browseLabel }),
+            canCamera && /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-wrap items-center justify-center gap-2", children: [
               canUpload && /* @__PURE__ */ jsx(
                 Button,
                 {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;AAoFA,IAAM,KAAK,IAAA,GAAO,IAAA;AAGlB,SAAS,eAAe,KAAA,EAAuB;AAC7C,EAAA,IAAI,KAAA,GAAQ,IAAA,EAAM,OAAO,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA;AACjC,EAAA,IAAI,KAAA,GAAQ,IAAI,OAAO,CAAA,EAAG,KAAK,KAAA,CAAM,KAAA,GAAQ,IAAI,CAAC,CAAA,GAAA,CAAA;AAClD,EAAA,MAAM,KAAK,KAAA,GAAQ,EAAA;AACnB,EAAA,OAAO,CAAA,EAAG,EAAA,IAAM,EAAA,GAAK,IAAA,CAAK,KAAA,CAAM,EAAE,CAAA,GAAI,IAAA,CAAK,KAAA,CAAM,EAAA,GAAK,EAAE,CAAA,GAAI,EAAE,CAAA,GAAA,CAAA;AAChE;AAGO,SAAS,iBAAA,CAAkB,MAAY,MAAA,EAAyB;AACrE,EAAA,MAAM,KAAA,GAAQ,MAAA,CACX,KAAA,CAAM,GAAG,EACT,GAAA,CAAI,CAAC,CAAA,KAAM,CAAA,CAAE,MAAK,CAAE,WAAA,EAAa,CAAA,CACjC,OAAO,OAAO,CAAA;AACjB,EAAA,IAAI,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AAC/B,EAAA,MAAM,IAAA,GAAO,IAAA,CAAK,IAAA,CAAK,WAAA,EAAY;AACnC,EAAA,MAAM,IAAA,GAAA,CAAQ,IAAA,CAAK,IAAA,IAAQ,EAAA,EAAI,WAAA,EAAY;AAC3C,EAAA,OAAO,KAAA,CAAM,IAAA,CAAK,CAAC,IAAA,KAAS;AAC1B,IAAA,IAAI,KAAK,UAAA,CAAW,GAAG,GAAG,OAAO,IAAA,CAAK,SAAS,IAAI,CAAA;AACnD,IAAA,IAAI,IAAA,CAAK,QAAA,CAAS,IAAI,CAAA,EAAG,OAAO,IAAA,CAAK,UAAA,CAAW,IAAA,CAAK,KAAA,CAAM,CAAA,EAAG,EAAE,CAAC,CAAA;AACjE,IAAA,OAAO,IAAA,KAAS,IAAA;AAAA,EAClB,CAAC,CAAA;AACH;AAEA,IAAI,WAAA,GAAc,CAAA;AAClB,IAAM,aAAa,MAAM,OAAO,QAAQ,WAAA,IAAe,OAAO,IAAI,eAAA,KAAoB,UAAA;AAU/E,IAAM,WAAA,GAAoB,KAAA,CAAA,UAAA;AAAA,EAC/B,CACE;AAAA,IACE,OAAA,GAAU,WAAA;AAAA,IACV,OAAA;AAAA,IACA,MAAA,GAAS,SAAA;AAAA,IACT,UAAU,EAAA,GAAK,EAAA;AAAA,IACf,QAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA,GAAU,aAAA;AAAA,IACV,KAAA,EAAO,SAAA;AAAA,IACP,YAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA,GAAc,aAAA;AAAA,IACd,OAAA,GAAU,sEAAA;AAAA,IACV,UAAA;AAAA,IACA,eAAA;AAAA,IACA,WAAA,GAAc,cAAA;AAAA,IACd,WAAA,GAAc,YAAA;AAAA,IACd,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,WAAW,OAAA,KAAY,gBAAA;AAC7B,IAAA,MAAM,OAAA,GAAU,YAAY,QAAA,GAAW,CAAC,UAAU,QAAQ,CAAA,GAAI,CAAC,QAAA,EAAU,OAAO,CAAA,CAAA;AAChF,IAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,QAAA,CAAS,QAAQ,CAAA;AAC3C,IAAA,MAAM,QAAA,GAAW,OAAA,CAAQ,QAAA,CAAS,OAAO,CAAA;AACzC,IAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,QAAA,CAAS,QAAQ,CAAA;AAC3C,IAAA,MAAM,UAAA,GAAa,YAAY,CAAC,QAAA;AAChC,IAAA,MAAM,KAAA,GAAQ,UAAA,GAAc,QAAA,IAAY,CAAA,GAAK,CAAA;AAE7C,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,IAAU,KAAA,CAAA,QAAA,CAA4B,YAAA,IAAgB,EAAE,CAAA;AACpF,IAAA,MAAM,QAAQ,SAAA,IAAa,QAAA;AAC3B,IAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAU,KAAA,CAAA,QAAA,CAAiC,EAAE,CAAA;AACrE,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAU,eAAS,EAAE,CAAA;AACzD,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAU,eAAS,KAAK,CAAA;AACpD,IAAA,MAAM,SAAA,GAAkB,aAAO,CAAC,CAAA;AAChC,IAAA,MAAM,SAAA,GAAkB,aAAyB,IAAI,CAAA;AACrD,IAAA,MAAM,SAAA,GAAkB,aAAyB,IAAI,CAAA;AACrD,IAAA,MAAM,OAAA,GAAgB,aAA8B,IAAI,CAAA;AACxD,IAAA,MAAM,OAAA,GAAgB,KAAA,CAAA,MAAA,iBAAO,IAAI,GAAA,EAAa,CAAA;AAC9C,IAAA,MAAM,WAAiB,KAAA,CAAA,KAAA,EAAM;AAG7B,IAAM,gBAAU,MAAM;AACpB,MAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,KAAA,CAAM,IAAI,CAAC,CAAA,KAAM,CAAA,CAAE,UAAU,CAAC,CAAA;AACnD,MAAA,OAAA,CAAQ,OAAA,CAAQ,OAAA,CAAQ,CAAC,GAAA,KAAQ;AAC/B,QAAA,IAAI,CAAC,IAAA,CAAK,GAAA,CAAI,GAAG,CAAA,EAAG;AAClB,UAAA,GAAA,CAAI,gBAAgB,GAAG,CAAA;AACvB,UAAA,OAAA,CAAQ,OAAA,CAAQ,OAAO,GAAG,CAAA;AAAA,QAC5B;AAAA,MACF,CAAC,CAAA;AAAA,IACH,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AACV,IAAM,KAAA,CAAA,SAAA;AAAA,MACJ,MAAM,MAAM;AACV,QAAA,OAAA,CAAQ,QAAQ,OAAA,CAAQ,CAAC,QAAQ,GAAA,CAAI,eAAA,CAAgB,GAAG,CAAC,CAAA;AACzD,QAAA,OAAA,CAAQ,QAAQ,KAAA,EAAM;AAAA,MACxB,CAAA;AAAA,MACA;AAAC,KACH;AAEA,IAAA,MAAM,MAAA,GAAS,CAAC,IAAA,KAA4B;AAC1C,MAAA,IAAI,SAAA,KAAc,MAAA,EAAW,WAAA,CAAY,IAAI,CAAA;AAC7C,MAAA,aAAA,GAAgB,IAAI,CAAA;AAAA,IACtB,CAAA;AAEA,IAAA,MAAM,iBAAA,GAAoB,CAAC,IAAA,EAAY,MAAA,KAAuC;AAC5E,MAAA,IAAI,MAAA,KAAW,MAAA;AACb,QAAA,OAAO,CAAA,EAAG,IAAA,CAAK,IAAI,CAAA,yBAAA,EAAuB,mBAAmB,+BAA+B,CAAA,CAAA;AAC9F,MAAA,IAAI,MAAA,KAAW,QAAQ,OAAO,CAAA,EAAG,KAAK,IAAI,CAAA,gBAAA,EAAmB,cAAA,CAAe,OAAO,CAAC,CAAA,CAAA,CAAA;AACpF,MAAA,OAAO,CAAA,KAAA,EAAQ,KAAK,CAAA,CAAA,EAAI,KAAA,KAAU,IAAI,MAAA,GAAS,OAAO,CAAA,wBAAA,EAAsB,IAAA,CAAK,IAAI,CAAA,cAAA,CAAA;AAAA,IACvF,CAAA;AAEA,IAAA,MAAM,QAAA,GAAW,CAAC,IAAA,EAAc,MAAA,KAA8B;AAC5D,MAAA,IAAI,QAAA,IAAY,IAAA,CAAK,MAAA,KAAW,CAAA,EAAG;AACnC,MAAA,MAAM,WAAmC,EAAC;AAC1C,MAAA,MAAM,WAA8B,EAAC;AACrC,MAAA,MAAM,IAAA,GAAO,UAAA,GAAa,KAAA,GAAQ,KAAA,CAAM,MAAA,GAAS,CAAA;AACjD,MAAA,KAAA,MAAW,QAAQ,IAAA,EAAM;AACvB,QAAA,IAAI,MAAA,GAA4C,IAAA;AAChD,QAAA,IAAI,CAAC,iBAAA,CAAkB,IAAA,EAAM,MAAM,GAAG,MAAA,GAAS,MAAA;AAAA,aAAA,IACtC,IAAA,CAAK,IAAA,GAAO,OAAA,EAAS,MAAA,GAAS,MAAA;AAAA,aAAA,IAC9B,QAAA,CAAS,MAAA,IAAU,IAAA,EAAM,MAAA,GAAS,OAAA;AAC3C,QAAA,IAAI,MAAA,EAAQ;AACV,UAAA,QAAA,CAAS,IAAA,CAAK,EAAE,IAAA,EAAM,MAAA,EAAQ,SAAS,iBAAA,CAAkB,IAAA,EAAM,MAAM,CAAA,EAAG,CAAA;AACxE,UAAA;AAAA,QACF;AACA,QAAA,IAAI,UAAA;AACJ,QAAA,IAAI,KAAK,IAAA,CAAK,UAAA,CAAW,QAAQ,CAAA,IAAK,YAAW,EAAG;AAClD,UAAA,UAAA,GAAa,GAAA,CAAI,gBAAgB,IAAI,CAAA;AACrC,UAAA,OAAA,CAAQ,OAAA,CAAQ,IAAI,UAAU,CAAA;AAAA,QAChC;AACA,QAAA,WAAA,IAAe,CAAA;AACf,QAAA,QAAA,CAAS,IAAA,CAAK,EAAE,EAAA,EAAI,CAAA,UAAA,EAAa,WAAW,CAAA,CAAA,EAAI,IAAA,EAAM,UAAA,EAAY,MAAA,EAAQ,MAAA,EAAQ,OAAA,EAAS,CAAA;AAAA,MAC7F;AACA,MAAA,SAAA,CAAU,QAAQ,CAAA;AAClB,MAAA,IAAI,QAAA,CAAS,MAAA,EAAQ,QAAA,GAAW,QAAQ,CAAA;AACxC,MAAA,IAAI,SAAS,MAAA,EAAQ;AACnB,QAAA,MAAA,CAAO,aAAa,CAAC,GAAG,OAAO,GAAG,QAAQ,IAAI,QAAQ,CAAA;AACtD,QAAA,eAAA,CAAgB,CAAA,EAAG,QAAA,CAAS,GAAA,CAAI,CAAC,CAAA,KAAM,CAAA,CAAE,IAAA,CAAK,IAAI,CAAA,CAAE,IAAA,CAAK,IAAI,CAAC,CAAA,UAAA,CAAY,CAAA;AAAA,MAC5E;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,UAAA,GAAa,CAAC,EAAA,KAAe;AACjC,MAAA,MAAM,SAAS,KAAA,CAAM,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,OAAO,EAAE,CAAA;AAC5C,MAAA,MAAA,CAAO,MAAM,MAAA,CAAO,CAAC,MAAM,CAAA,CAAE,EAAA,KAAO,EAAE,CAAC,CAAA;AACvC,MAAA,IAAI,QAAQ,eAAA,CAAgB,CAAA,EAAG,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,SAAA,CAAW,CAAA;AAE1D,MAAA,qBAAA,CAAsB,MAAM;AAC1B,QAAA,MAAM,OAAO,OAAA,CAAQ,OAAA;AACrB,QAAA,MAAM,IAAA,GAAO,IAAA,EAAM,aAAA,CAA2B,2BAA2B,CAAA,IAAK,IAAA;AAC9E,QAAA,IAAA,EAAM,KAAA,EAAM;AAAA,MACd,CAAC,CAAA;AAAA,IACH,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM,CAAC,QAAA,IAAY,SAAA,CAAU,SAAS,KAAA,EAAM;AAC/D,IAAA,MAAM,aAAa,MAAM,CAAC,QAAA,IAAY,SAAA,CAAU,SAAS,KAAA,EAAM;AAE/D,IAAA,MAAM,aAAA,GAAgB,CAAC,MAAA,KAA8B,CAAC,CAAA,KAA2C;AAC/F,MAAA,QAAA,CAAS,KAAA,CAAM,KAAK,CAAA,CAAE,MAAA,CAAO,SAAS,EAAE,GAAG,MAAM,CAAA;AACjD,MAAA,CAAA,CAAE,OAAO,KAAA,GAAQ,EAAA;AAAA,IACnB,CAAA;AAEA,IAAA,MAAM,QAAA,GAAW,CAAC,CAAA,KAAuB,KAAA,CAAM,IAAA,CAAK,CAAA,CAAE,YAAA,EAAc,KAAA,IAAS,EAAE,CAAA,CAAE,QAAA,CAAS,OAAO,CAAA;AAEjG,IAAA,MAAM,eAAe,SAAA,GACjB;AAAA,MACE,WAAA,EAAa,CAAC,CAAA,KAAuC;AACnD,QAAA,WAAA,GAAc,CAAC,CAAA;AACf,QAAA,IAAI,QAAA,IAAY,CAAC,QAAA,CAAS,CAAC,CAAA,EAAG;AAC9B,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,SAAA,CAAU,OAAA,IAAW,CAAA;AACrB,QAAA,WAAA,CAAY,IAAI,CAAA;AAAA,MAClB,CAAA;AAAA,MACA,UAAA,EAAY,CAAC,CAAA,KAAuC;AAClD,QAAA,UAAA,GAAa,CAAC,CAAA;AACd,QAAA,IAAI,QAAA,IAAY,CAAC,QAAA,CAAS,CAAC,CAAA,EAAG;AAC9B,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,CAAA,CAAE,aAAa,UAAA,GAAa,MAAA;AAAA,MAC9B,CAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAA,KAAuC;AACnD,QAAA,WAAA,GAAc,CAAC,CAAA;AACf,QAAA,SAAA,CAAU,UAAU,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,SAAA,CAAU,UAAU,CAAC,CAAA;AACrD,QAAA,IAAI,SAAA,CAAU,OAAA,KAAY,CAAA,EAAG,WAAA,CAAY,KAAK,CAAA;AAAA,MAChD,CAAA;AAAA,MACA,MAAA,EAAQ,CAAC,CAAA,KAAuC;AAC9C,QAAA,MAAA,GAAS,CAAC,CAAA;AACV,QAAA,SAAA,CAAU,OAAA,GAAU,CAAA;AACpB,QAAA,WAAA,CAAY,KAAK,CAAA;AACjB,QAAA,IAAI,QAAA,EAAU;AACd,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,QAAA,CAAS,KAAA,CAAM,KAAK,CAAA,CAAE,YAAA,EAAc,SAAS,EAAE,GAAG,QAAQ,CAAA;AAAA,MAC5D;AAAA,KACF,GACA,EAAE,WAAA,EAAa,UAAA,EAAY,aAAa,MAAA,EAAO;AAEnD,IAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAA4C;AAC/D,MAAA,OAAA,GAAU,CAAC,CAAA;AACX,MAAA,IAAI,CAAA,CAAE,gBAAA,IAAoB,CAAC,QAAA,IAAY,QAAA,EAAU;AACjD,MAAA,MAAM,SAAS,KAAA,CAAM,IAAA,CAAK,EAAE,aAAA,EAAe,KAAA,IAAS,EAAE,CAAA;AACtD,MAAA,IAAI,MAAA,CAAO,WAAW,CAAA,EAAG;AACzB,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,QAAA,CAAS,QAAQ,OAAO,CAAA;AAAA,IAC1B,CAAA;AAEA,IAAA,MAAM,QAAA,GACJ,IAAA,IAAQ,CAAA,EAAG,MAAA,KAAW,YAAY,QAAA,GAAW,MAAA,CAAO,OAAA,CAAQ,IAAA,EAAM,IAAI,CAAC,CAAA,YAAA,EAAY,cAAA,CAAe,OAAO,CAAC,CAAA,CAAA;AAE5G,IAAA,MAAM,QAAQ,KAAA,CAAM,MAAA,GAAS,CAAA,oBAC3B,GAAA,CAAC,mBAAgB,IAAA,EAAK,MAAA,EAAO,YAAA,EAAW,kBAAA,EACrC,gBAAM,GAAA,CAAI,CAAC,sBACV,GAAA,CAAC,KAAA,EAAA,EAAI,MAAK,UAAA,EACR,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,EAAE,IAAA,CAAK,IAAA;AAAA,QACb,MACE,CAAA,CAAE,MAAA,KAAW,0BACX,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kBAAA,EAAoB,QAAA,EAAA,CAAA,CAAE,SAAS,8BAAA,EAA0B,CAAA,GACvE,EAAE,MAAA,KAAW,SAAA,GACf,kBAEA,cAAA,CAAe,CAAA,CAAE,KAAK,IAAI,CAAA;AAAA,QAG9B,MACE,CAAA,CAAE,UAAA,mBACA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAK,CAAA,CAAE,UAAA,EAAY,GAAA,EAAI,EAAA,EAAG,WAAU,mCAAA,EAAoC,CAAA,mBAE7E,GAAA,CAAC,SAAA,EAAA,EAAU,eAAY,MAAA,EAAO,CAAA;AAAA,QAGlC,QAAA,EAAU,MAAM,UAAA,CAAW,CAAA,CAAE,EAAE,CAAA;AAAA,QAC/B,aAAA,EAAa,EAAE,MAAA,IAAU,OAAA;AAAA,QACzB,SAAA,EAAW,EAAA;AAAA,UACT,YAAY,YAAA,IAAgB,wBAAA;AAAA,UAC5B,CAAA,CAAE,WAAW,OAAA,IAAW,uBAAA;AAAA,UACxB,CAAA,CAAE,WAAW,SAAA,IAAa;AAAA;AAC5B;AAAA,KACF,EAAA,EA1BwB,CAAA,CAAE,EA2B5B,CACD,CAAA,EACH,CAAA;AAGF,IAAA,MAAM,yBACJ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAA,KAAA,CAAM,SAAS,CAAA,IAAK,OAAA,wBAAY,GAAA,EAAA,EAAE,SAAA,EAAU,iCAAiC,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,MACrF,MAAA,CAAO,SAAS,CAAA,oBACf,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI,QAAA;AAAA,UACJ,IAAA,EAAK,OAAA;AAAA,UACL,SAAA,EAAU,qHAAA;AAAA,UAEV,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAU,wBAAA,EAAyB,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,4BACnE,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,oBAAA,EACX,iBAAO,GAAA,CAAI,CAAC,GAAA,EAAK,CAAA,yBACf,IAAA,EAAA,EAAY,QAAA,EAAA,GAAA,CAAI,OAAA,EAAA,EAAR,CAAgB,CAC1B,CAAA,EACH,CAAA;AAAA,4BACA,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,YAAA,EAAW,gBAAA;AAAA,gBACX,OAAA,EAAS,MAAM,SAAA,CAAU,EAAE,CAAA;AAAA,gBAC3B,SAAA,EAAU,yMAAA;AAAA,gBAEV,QAAA,kBAAA,GAAA,CAAC,CAAA,EAAA,EAAE,aAAA,EAAY,MAAA,EAAO;AAAA;AAAA;AACxB;AAAA;AAAA,OACF;AAAA,sBAEF,GAAA,CAAC,OAAE,IAAA,EAAK,QAAA,EAAS,aAAU,QAAA,EAAS,SAAA,EAAU,WAC3C,QAAA,EAAA,YAAA,EACH;AAAA,KAAA,EACF,CAAA;AAGF,IAAA,MAAM,+BACJ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAA,SAAA,oBACC,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,SAAA;AAAA,UACL,IAAA,EAAK,MAAA;AAAA,UACL,MAAA;AAAA,UACA,QAAA,EAAU,UAAA;AAAA,UACV,MAAA,EAAM,IAAA;AAAA,UACN,QAAA,EAAU,EAAA;AAAA,UACV,QAAA;AAAA,UACA,QAAA,EAAU,cAAc,QAAQ;AAAA;AAAA,OAClC;AAAA,MAED,SAAA,oBACC,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,SAAA;AAAA,UACL,IAAA,EAAK,MAAA;AAAA,UACL,MAAA,EAAQ,MAAA,CAAO,QAAA,CAAS,OAAO,IAAI,SAAA,GAAY,MAAA;AAAA,UAC/C,OAAA;AAAA,UACA,MAAA,EAAM,IAAA;AAAA,UACN,QAAA,EAAU,EAAA;AAAA,UACV,QAAA;AAAA,UACA,QAAA,EAAU,cAAc,QAAQ;AAAA;AAAA;AAClC,KAAA,EAEJ,CAAA;AAGF,IAAA,MAAM,OAAA,GAAU,CAAC,IAAA,KAAgC;AAC/C,MAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAClB,MAAA,IAAI,OAAO,GAAA,KAAQ,UAAA,EAAY,GAAA,CAAI,IAAI,CAAA;AAAA,WAAA,IAC9B,GAAA,MAAS,OAAA,GAAU,IAAA;AAAA,IAC9B,CAAA;AAEA,IAAA,MAAM,SAAA,GAAY;AAAA,MAChB,GAAA,EAAK,OAAA;AAAA,MACL,IAAA,EAAM,OAAA;AAAA,MACN,YAAA,EAAc,WAAA;AAAA,MACd,iBAAiB,QAAA,IAAY,MAAA;AAAA,MAC7B,cAAA,EAAgB,OAAA;AAAA,MAChB,iBAAiB,QAAA,IAAY,MAAA;AAAA,MAC7B,QAAA,EAAU,EAAA;AAAA,MACV,OAAA,EAAS,WAAA;AAAA,MACT,GAAG,YAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IAAA,IAAI,YAAY,YAAA,EAAc;AAC5B,MAAA,uBACE,IAAA,CAAC,SAAK,GAAG,SAAA,EAAW,WAAW,EAAA,CAAG,kCAAA,EAAoC,SAAS,CAAA,EAC5E,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QACA,QAAA;AAAA,wBACD,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,oFAAA;AAAA,cACA,QAAA,IAAY;AAAA,aACd;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,SAAA,oBACC,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAQ,OAAA;AAAA,kBACR,IAAA,EAAK,SAAA;AAAA,kBACL,YAAA,EAAW,cAAA;AAAA,kBACX,OAAA,EAAS,UAAA;AAAA,kBACT,QAAA;AAAA,kBACA,yBAAA,EAAwB,EAAA;AAAA,kBAExB,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,QAAA,EAAS,eAAY,MAAA,EAAO;AAAA;AAAA,eACnD;AAAA,cAED,6BACC,GAAA,CAAC,MAAA,EAAA,EAAO,SAAQ,OAAA,EAAQ,IAAA,EAAK,WAAU,YAAA,EAAY,WAAA,EAAa,OAAA,EAAS,UAAA,EAAY,UACnF,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,WAAU,QAAA,EAAS,aAAA,EAAY,QAAO,CAAA,EAChD,CAAA;AAAA,kCAED,MAAA,EAAA,EAAM,QAAA,EAAA,KAAA,KAAU,WAAW,gBAAA,GAAmB,QAAA,GAAW,+BAA+B,iBAAA,CAAA,EAAmB;AAAA;AAAA;AAAA,SAC9G;AAAA,QACC,MAAA;AAAA,QACA;AAAA,OAAA,EACH,CAAA;AAAA,IAEJ;AAEA,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,MAAM,KAAA,GAAQ,MAAM,CAAC,CAAA;AACrB,MAAA,uBACE,IAAA,CAAC,SAAK,GAAG,SAAA,EAAW,WAAW,EAAA,CAAG,kCAAA,EAAoC,SAAS,CAAA,EAC7E,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,gFAAA;AAAA,cACA,QAAA,IAAY;AAAA,aACd;AAAA,YAEC,iBAAO,UAAA,mBACN,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,KAAK,KAAA,CAAM,UAAA;AAAA,gBACX,GAAA,EAAK,CAAA,gBAAA,EAAmB,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA,CAAA;AAAA,gBACvC,SAAA,EAAU;AAAA;AAAA,gCAGZ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,aAAA,EAAY,MAAA;AAAA,kBACZ,SAAA,EAAU;AAAA;AAAA,eACZ;AAAA,8BACA,GAAA,CAAC,OAAE,SAAA,EAAU,4EAAA,EACV,kBAAQ,KAAA,CAAM,IAAA,CAAK,IAAA,GAAQ,KAAA,IAAS,iDAAA,EACvC;AAAA,aAAA,EACF;AAAA;AAAA,SAEJ;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wCAAA,EACZ,kCACC,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,SAAA,oBACC,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,WAAA;AAAA,cACR,IAAA,EAAK,IAAA;AAAA,cACL,0BAAU,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,QAAA,EAAS,eAAY,MAAA,EAAO,CAAA;AAAA,cAC3D,OAAA,EAAS,UAAA;AAAA,cACT,QAAA;AAAA,cACA,yBAAA,EAAwB,EAAA;AAAA,cACzB,QAAA,EAAA;AAAA;AAAA,WAED;AAAA,0BAEF,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,OAAA;AAAA,cACR,IAAA,EAAK,IAAA;AAAA,cACL,0BAAU,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,QAAA,EAAS,eAAY,MAAA,EAAO,CAAA;AAAA,cACxD,OAAA,EAAS,MAAM,UAAA,CAAW,KAAA,CAAM,EAAE,CAAA;AAAA,cAClC,QAAA;AAAA,cACD,QAAA,EAAA;AAAA;AAAA;AAED,SAAA,EACF,oBAEA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,SAAA,oBACC,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,WAAA;AAAA,cACR,YAAA,EAAY,WAAA;AAAA,cACZ,OAAA,EAAS,UAAA;AAAA,cACT,QAAA;AAAA,cACA,yBAAA,EAAwB,EAAA;AAAA,cACxB,SAAA,EAAU,gDAAA;AAAA,cAEV,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,QAAA,EAAS,eAAY,MAAA,EAAO;AAAA;AAAA,WAChD;AAAA,UAED,SAAA,oBACC,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,OAAA,EAAQ,MAAK,IAAA,EAAK,OAAA,EAAS,UAAA,EAAY,QAAA,EAAoB,QAAA,EAAA,gBAAA,EAE3E;AAAA,SAAA,EAEJ,CAAA,EAEJ,CAAA;AAAA,QACC,cAAc,CAAC,KAAA,wBAAU,GAAA,EAAA,EAAE,SAAA,EAAU,6CAA6C,QAAA,EAAA,UAAA,EAAW,CAAA;AAAA,QAC7F,KAAA,EAAO,WAAW,OAAA,oBACjB,GAAA,CAAC,OAAE,SAAA,EAAU,sCAAA,EAAwC,QAAA,EAAA,KAAA,CAAM,KAAA,IAAS,+BAAA,EAA2B,CAAA;AAAA,QAEhG,QAAA;AAAA,QACA,MAAA;AAAA,QACA;AAAA,OAAA,EACH,CAAA;AAAA,IAEJ;AAEA,IAAA,uBACE,IAAA,CAAC,SAAK,GAAG,SAAA,EAAW,WAAW,EAAA,CAAG,kCAAA,EAAoC,SAAS,CAAA,EAC7E,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,YAAA,IAAK,CAAA,CAAE,MAAA,CAAuB,OAAA,CAAQ,QAAQ,CAAA,EAAG;AACjD,YAAA,IAAI,WAAW,UAAA,EAAW;AAAA,UAC5B,CAAA;AAAA,UACA,SAAA,EAAW,EAAA;AAAA,YACT,qJAAA;AAAA,YACA,SAAA,IAAa,CAAC,QAAA,IAAY,kCAAA;AAAA,YAC1B,QAAA,IAAY,gCAAA;AAAA,YACZ,QAAA,IAAY;AAAA,WACd;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,UAAK,SAAA,EAAU,2HAAA,EACd,8BAAC,OAAA,EAAA,EAAQ,aAAA,EAAY,QAAO,CAAA,EAC9B,CAAA;AAAA,4BACA,GAAA,CAAC,OAAE,SAAA,EAAU,uCAAA,EACV,qBAAW,gBAAA,GAAoB,KAAA,KAAU,QAAA,GAAW,qCAAA,GAAwC,eAAA,CAAA,EAC/F,CAAA;AAAA,4BACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+BAAA,EAAiC,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,YAAA,CACrD,SAAA,IAAa,SAAA,qBACb,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,uDAAA,EACZ,QAAA,EAAA;AAAA,cAAA,SAAA,oBACC,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAQ,WAAA;AAAA,kBACR,IAAA,EAAK,IAAA;AAAA,kBACL,OAAA,EAAS,UAAA;AAAA,kBACT,QAAA;AAAA,kBACA,yBAAA,EAAwB,EAAA;AAAA,kBAEvB,QAAA,EAAA;AAAA;AAAA,eACH;AAAA,cAED,SAAA,oBACC,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAQ,OAAA;AAAA,kBACR,IAAA,EAAK,IAAA;AAAA,kBACL,0BAAU,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,QAAA,EAAS,eAAY,MAAA,EAAO,CAAA;AAAA,kBACxD,OAAA,EAAS,UAAA;AAAA,kBACT,QAAA;AAAA,kBAEC,QAAA,EAAA;AAAA;AAAA;AACH,aAAA,EAEJ;AAAA;AAAA;AAAA,OAEJ;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA;AAAA,KAAA,EACH,CAAA;AAAA,EAEJ;AACF;AACA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"index.js","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nucleux/utils\";\nimport { Button } from \"@nucleux/button\";\nimport { Attachment, AttachmentGroup } from \"@nucleux/attachment\";\nimport { AlertCircle, Camera, ImageIcon, ImageUp, Paperclip, RotateCcw, Trash2, X } from \"lucide-react\";\n\nexport type VisualInputVariant = \"drag-drop\" | \"paste-chip\" | \"camera-capture\";\n\n/** Where a visual can come from. Only the sources you list are offered. */\nexport type VisualInputSource = \"upload\" | \"paste\" | \"camera\";\n\n/** Per-file state, set by the app while it reads or uploads the visual. */\nexport type VisualInputFileStatus = \"ready\" | \"reading\" | \"error\";\n\nexport interface VisualInputFile {\n  /** Stable id, generated when the file is added. */\n  id: string;\n  /** The underlying file. */\n  file: File;\n  /** Object URL used for the thumbnail (images only, browser only). */\n  previewUrl?: string;\n  /** How the file arrived. */\n  source?: VisualInputSource;\n  /** `\"reading\"` shows a quiet working treatment; `\"error\"` shows `error` in the destructive tone. */\n  status?: VisualInputFileStatus;\n  /** Message shown when `status` is `\"error\"`, e.g. `\"Couldn't read this image.\"`. */\n  error?: string;\n}\n\nexport type VisualInputRejectionReason = \"type\" | \"size\" | \"count\";\n\nexport interface VisualInputRejection {\n  file: File;\n  reason: VisualInputRejectionReason;\n  /** The human-readable message shown in the error list. */\n  message: string;\n}\n\nexport interface VisualInputProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\"> {\n  /** `\"drag-drop\"` (default) dashed drop zone, `\"paste-chip\"` chips above a composer, `\"camera-capture\"` viewfinder with a shutter. */\n  variant?: VisualInputVariant;\n  /** Sources offered. Defaults to upload + paste (+ camera for `\"camera-capture\"`). */\n  sources?: VisualInputSource[];\n  /** Accepted types, in `<input accept>` syntax. Defaults to `\"image/*\"`. */\n  accept?: string;\n  /** Largest accepted file in bytes. Defaults to 20 MB. */\n  maxSize?: number;\n  /** Most files held at once. Defaults to 4 (1 for `\"camera-capture\"`). */\n  maxFiles?: number;\n  /** Allow more than one file. Defaults to `true` except for `\"camera-capture\"`. */\n  multiple?: boolean;\n  /** Which camera `capture` asks for on mobile. Defaults to `\"environment\"`. */\n  capture?: \"user\" | \"environment\";\n  /** The attached files (controlled). */\n  files?: VisualInputFile[];\n  /** Initial files (uncontrolled). */\n  defaultFiles?: VisualInputFile[];\n  /** Called with the next list whenever files are added or removed. Nothing is ever sent. */\n  onFilesChange?: (files: VisualInputFile[]) => void;\n  /** Called with files that were refused (wrong type, too large, too many). */\n  onReject?: (rejections: VisualInputRejection[]) => void;\n  /** Main line of the drop zone. */\n  label?: React.ReactNode;\n  /** Secondary line, e.g. `\"PNG, JPG, PDF · up to 20 MB\"`. Derived from `accept`/`maxSize` when omitted. */\n  hint?: React.ReactNode;\n  /** Accessible name of the whole region. Defaults to `\"Image input\"`. */\n  regionLabel?: string;\n  /** Line shown once something is attached, e.g. `\"Aria will see this when you send\"`. */\n  seeText?: React.ReactNode;\n  /** Explains camera access before anything is captured (camera variant). */\n  cameraText?: React.ReactNode;\n  /** Says what can be used when a type is refused, e.g. `\"Aria can read PNG, JPG and HEIC.\"`. */\n  unsupportedText?: string;\n  /** Label of the browse button. */\n  browseLabel?: string;\n  /** Label of the camera button. */\n  cameraLabel?: string;\n  /** Disable every source. */\n  disabled?: boolean;\n  /** Slot rendered under the previews — typically the composer the visual is paired with. */\n  children?: React.ReactNode;\n}\n\nconst MB = 1024 * 1024;\n\n/** Format a byte count as `\"240 KB\"` / `\"2.4 MB\"`. */\nfunction formatFileSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < MB) return `${Math.round(bytes / 1024)} KB`;\n  const mb = bytes / MB;\n  return `${mb >= 10 ? Math.round(mb) : Math.round(mb * 10) / 10} MB`;\n}\n\n/** Whether `file` matches an `<input accept>` string. */\nexport function fileMatchesAccept(file: File, accept: string): boolean {\n  const rules = accept\n    .split(\",\")\n    .map((r) => r.trim().toLowerCase())\n    .filter(Boolean);\n  if (rules.length === 0) return true;\n  const name = file.name.toLowerCase();\n  const type = (file.type || \"\").toLowerCase();\n  return rules.some((rule) => {\n    if (rule.startsWith(\".\")) return name.endsWith(rule);\n    if (rule.endsWith(\"/*\")) return type.startsWith(rule.slice(0, -1));\n    return type === rule;\n  });\n}\n\nlet fileCounter = 0;\nconst canPreview = () => typeof URL !== \"undefined\" && typeof URL.createObjectURL === \"function\";\n\n/**\n * Visual input: lets people add images, screenshots or photos as context to their\n * ask — drag-and-drop, paste from the clipboard, browse, or camera capture\n * (`<input capture>`). Each visual lands as a removable chip with a real preview,\n * type/size/count limits are checked with plain-language errors in a live region,\n * and nothing is ever sent: the app pairs the files with the text prompt and\n * sends on the person's command. Variants: drag-drop, paste-chip, camera-capture.\n */\nexport const VisualInput = React.forwardRef<HTMLDivElement, VisualInputProps>(\n  (\n    {\n      variant = \"drag-drop\",\n      sources,\n      accept = \"image/*\",\n      maxSize = 20 * MB,\n      maxFiles,\n      multiple,\n      capture = \"environment\",\n      files: filesProp,\n      defaultFiles,\n      onFilesChange,\n      onReject,\n      label,\n      hint,\n      regionLabel = \"Image input\",\n      seeText = \"Attached to your next message — nothing is sent until you send.\",\n      cameraText,\n      unsupportedText,\n      browseLabel = \"Browse files\",\n      cameraLabel = \"Take photo\",\n      disabled = false,\n      className,\n      children,\n      onPaste,\n      onDragEnter,\n      onDragOver,\n      onDragLeave,\n      onDrop,\n      ...props\n    },\n    ref,\n  ) => {\n    const isCamera = variant === \"camera-capture\";\n    const allowed = sources ?? (isCamera ? [\"camera\", \"upload\"] : [\"upload\", \"paste\"]);\n    const canUpload = allowed.includes(\"upload\");\n    const canPaste = allowed.includes(\"paste\");\n    const canCamera = allowed.includes(\"camera\");\n    const isMultiple = multiple ?? !isCamera;\n    const limit = isMultiple ? (maxFiles ?? 4) : 1;\n\n    const [internal, setInternal] = React.useState<VisualInputFile[]>(defaultFiles ?? []);\n    const files = filesProp ?? internal;\n    const [errors, setErrors] = React.useState<VisualInputRejection[]>([]);\n    const [announcement, setAnnouncement] = React.useState(\"\");\n    const [dragging, setDragging] = React.useState(false);\n    const dragDepth = React.useRef(0);\n    const uploadRef = React.useRef<HTMLInputElement>(null);\n    const cameraRef = React.useRef<HTMLInputElement>(null);\n    const rootRef = React.useRef<HTMLDivElement | null>(null);\n    const created = React.useRef(new Set<string>());\n    const errorsId = React.useId();\n\n    // Revoke object URLs we created once their file is gone, and on unmount.\n    React.useEffect(() => {\n      const live = new Set(files.map((f) => f.previewUrl));\n      created.current.forEach((url) => {\n        if (!live.has(url)) {\n          URL.revokeObjectURL(url);\n          created.current.delete(url);\n        }\n      });\n    }, [files]);\n    React.useEffect(\n      () => () => {\n        created.current.forEach((url) => URL.revokeObjectURL(url));\n        created.current.clear();\n      },\n      [],\n    );\n\n    const commit = (next: VisualInputFile[]) => {\n      if (filesProp === undefined) setInternal(next);\n      onFilesChange?.(next);\n    };\n\n    const describeRejection = (file: File, reason: VisualInputRejectionReason) => {\n      if (reason === \"type\")\n        return `${file.name} can’t be attached. ${unsupportedText ?? \"Choose an image file instead.\"}`;\n      if (reason === \"size\") return `${file.name} is larger than ${formatFileSize(maxSize)}.`;\n      return `Only ${limit} ${limit === 1 ? \"file\" : \"files\"} can be attached — ${file.name} was left out.`;\n    };\n\n    const addFiles = (list: File[], source: VisualInputSource) => {\n      if (disabled || list.length === 0) return;\n      const rejected: VisualInputRejection[] = [];\n      const accepted: VisualInputFile[] = [];\n      const room = isMultiple ? limit - files.length : 1;\n      for (const file of list) {\n        let reason: VisualInputRejectionReason | null = null;\n        if (!fileMatchesAccept(file, accept)) reason = \"type\";\n        else if (file.size > maxSize) reason = \"size\";\n        else if (accepted.length >= room) reason = \"count\";\n        if (reason) {\n          rejected.push({ file, reason, message: describeRejection(file, reason) });\n          continue;\n        }\n        let previewUrl: string | undefined;\n        if (file.type.startsWith(\"image/\") && canPreview()) {\n          previewUrl = URL.createObjectURL(file);\n          created.current.add(previewUrl);\n        }\n        fileCounter += 1;\n        accepted.push({ id: `nx-visual-${fileCounter}`, file, previewUrl, source, status: \"ready\" });\n      }\n      setErrors(rejected);\n      if (rejected.length) onReject?.(rejected);\n      if (accepted.length) {\n        commit(isMultiple ? [...files, ...accepted] : accepted);\n        setAnnouncement(`${accepted.map((f) => f.file.name).join(\", \")} attached.`);\n      }\n    };\n\n    const removeFile = (id: string) => {\n      const target = files.find((f) => f.id === id);\n      commit(files.filter((f) => f.id !== id));\n      if (target) setAnnouncement(`${target.file.name} removed.`);\n      // Focus would be lost with the removed chip — move it to a stable control.\n      requestAnimationFrame(() => {\n        const root = rootRef.current;\n        const next = root?.querySelector<HTMLElement>(\"[data-visual-input-focus]\") ?? root;\n        next?.focus();\n      });\n    };\n\n    const openUpload = () => !disabled && uploadRef.current?.click();\n    const openCamera = () => !disabled && cameraRef.current?.click();\n\n    const onInputChange = (source: VisualInputSource) => (e: React.ChangeEvent<HTMLInputElement>) => {\n      addFiles(Array.from(e.target.files ?? []), source);\n      e.target.value = \"\";\n    };\n\n    const hasFiles = (e: React.DragEvent) => Array.from(e.dataTransfer?.types ?? []).includes(\"Files\");\n\n    const dropHandlers = canUpload\n      ? {\n          onDragEnter: (e: React.DragEvent<HTMLDivElement>) => {\n            onDragEnter?.(e);\n            if (disabled || !hasFiles(e)) return;\n            e.preventDefault();\n            dragDepth.current += 1;\n            setDragging(true);\n          },\n          onDragOver: (e: React.DragEvent<HTMLDivElement>) => {\n            onDragOver?.(e);\n            if (disabled || !hasFiles(e)) return;\n            e.preventDefault();\n            e.dataTransfer.dropEffect = \"copy\";\n          },\n          onDragLeave: (e: React.DragEvent<HTMLDivElement>) => {\n            onDragLeave?.(e);\n            dragDepth.current = Math.max(0, dragDepth.current - 1);\n            if (dragDepth.current === 0) setDragging(false);\n          },\n          onDrop: (e: React.DragEvent<HTMLDivElement>) => {\n            onDrop?.(e);\n            dragDepth.current = 0;\n            setDragging(false);\n            if (disabled) return;\n            e.preventDefault();\n            addFiles(Array.from(e.dataTransfer?.files ?? []), \"upload\");\n          },\n        }\n      : { onDragEnter, onDragOver, onDragLeave, onDrop };\n\n    const handlePaste = (e: React.ClipboardEvent<HTMLDivElement>) => {\n      onPaste?.(e);\n      if (e.defaultPrevented || !canPaste || disabled) return;\n      const pasted = Array.from(e.clipboardData?.files ?? []);\n      if (pasted.length === 0) return; // plain text paste continues as normal\n      e.preventDefault();\n      addFiles(pasted, \"paste\");\n    };\n\n    const hintText =\n      hint ?? `${accept === \"image/*\" ? \"Images\" : accept.replace(/,/g, \", \")} · up to ${formatFileSize(maxSize)}`;\n\n    const chips = files.length > 0 && (\n      <AttachmentGroup role=\"list\" aria-label=\"Attached visuals\">\n        {files.map((f) => (\n          <div role=\"listitem\" key={f.id}>\n            <Attachment\n              name={f.file.name}\n              meta={\n                f.status === \"error\" ? (\n                  <span className=\"text-destructive\">{f.error ?? \"Couldn’t use this file.\"}</span>\n                ) : f.status === \"reading\" ? (\n                  \"Reading…\"\n                ) : (\n                  formatFileSize(f.file.size)\n                )\n              }\n              icon={\n                f.previewUrl ? (\n                  <img src={f.previewUrl} alt=\"\" className=\"size-full rounded-md object-cover\" />\n                ) : (\n                  <ImageIcon aria-hidden=\"true\" />\n                )\n              }\n              onRemove={() => removeFile(f.id)}\n              data-status={f.status ?? \"ready\"}\n              className={cn(\n                variant === \"paste-chip\" && \"rounded-full py-1 pl-1\",\n                f.status === \"error\" && \"border-destructive/60\",\n                f.status === \"reading\" && \"animate-pulse motion-reduce:animate-none\",\n              )}\n            />\n          </div>\n        ))}\n      </AttachmentGroup>\n    );\n\n    const status = (\n      <>\n        {files.length > 0 && seeText && <p className=\"text-xs text-muted-foreground\">{seeText}</p>}\n        {errors.length > 0 && (\n          <div\n            id={errorsId}\n            role=\"alert\"\n            className=\"flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-sm text-destructive\"\n          >\n            <AlertCircle className=\"mt-0.5 size-4 shrink-0\" aria-hidden=\"true\" />\n            <ul className=\"flex-1 space-y-0.5\">\n              {errors.map((err, i) => (\n                <li key={i}>{err.message}</li>\n              ))}\n            </ul>\n            <button\n              type=\"button\"\n              aria-label=\"Dismiss errors\"\n              onClick={() => setErrors([])}\n              className=\"inline-flex size-5 shrink-0 items-center justify-center rounded-full transition-colors hover:bg-destructive/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-3.5\"\n            >\n              <X aria-hidden=\"true\" />\n            </button>\n          </div>\n        )}\n        <p role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n          {announcement}\n        </p>\n      </>\n    );\n\n    const hiddenInputs = (\n      <>\n        {canUpload && (\n          <input\n            ref={uploadRef}\n            type=\"file\"\n            accept={accept}\n            multiple={isMultiple}\n            hidden\n            tabIndex={-1}\n            disabled={disabled}\n            onChange={onInputChange(\"upload\")}\n          />\n        )}\n        {canCamera && (\n          <input\n            ref={cameraRef}\n            type=\"file\"\n            accept={accept.includes(\"image\") ? \"image/*\" : accept}\n            capture={capture}\n            hidden\n            tabIndex={-1}\n            disabled={disabled}\n            onChange={onInputChange(\"camera\")}\n          />\n        )}\n      </>\n    );\n\n    const setRoot = (node: HTMLDivElement | null) => {\n      rootRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref) ref.current = node;\n    };\n\n    const rootProps = {\n      ref: setRoot,\n      role: \"group\" as const,\n      \"aria-label\": regionLabel,\n      \"aria-disabled\": disabled || undefined,\n      \"data-variant\": variant,\n      \"data-dragging\": dragging || undefined,\n      tabIndex: -1,\n      onPaste: handlePaste,\n      ...dropHandlers,\n      ...props,\n    };\n\n    if (variant === \"paste-chip\") {\n      return (\n        <div {...rootProps} className={cn(\"flex flex-col gap-2 outline-none\", className)}>\n          {chips}\n          {children}\n          <div\n            className={cn(\n              \"flex items-center gap-1 rounded-lg text-xs text-muted-foreground transition-colors\",\n              dragging && \"bg-brand-muted/50 text-foreground ring-2 ring-brand\",\n            )}\n          >\n            {canUpload && (\n              <Button\n                variant=\"ghost\"\n                size=\"icon-sm\"\n                aria-label=\"Attach image\"\n                onClick={openUpload}\n                disabled={disabled}\n                data-visual-input-focus=\"\"\n              >\n                <Paperclip className=\"size-4\" aria-hidden=\"true\" />\n              </Button>\n            )}\n            {canCamera && (\n              <Button variant=\"ghost\" size=\"icon-sm\" aria-label={cameraLabel} onClick={openCamera} disabled={disabled}>\n                <Camera className=\"size-4\" aria-hidden=\"true\" />\n              </Button>\n            )}\n            <span>{label ?? (dragging ? \"Drop to attach\" : canPaste ? \"Paste or drop a screenshot\" : \"Attach an image\")}</span>\n          </div>\n          {status}\n          {hiddenInputs}\n        </div>\n      );\n    }\n\n    if (isCamera) {\n      const photo = files[0];\n      return (\n        <div {...rootProps} className={cn(\"flex flex-col gap-3 outline-none\", className)}>\n          <div\n            className={cn(\n              \"relative aspect-[4/3] overflow-hidden rounded-xl border border-border bg-muted\",\n              dragging && \"ring-2 ring-brand\",\n            )}\n          >\n            {photo?.previewUrl ? (\n              <img\n                src={photo.previewUrl}\n                alt={`Captured photo: ${photo.file.name}`}\n                className=\"size-full object-cover\"\n              />\n            ) : (\n              <>\n                <span\n                  aria-hidden=\"true\"\n                  className=\"absolute inset-[22%] rounded-lg border-2 border-brand/80\"\n                />\n                <p className=\"absolute inset-x-0 bottom-3 px-4 text-center text-xs text-muted-foreground\">\n                  {photo ? photo.file.name : (label ?? \"Point your camera at what you want to ask about\")}\n                </p>\n              </>\n            )}\n          </div>\n          <div className=\"flex items-center justify-center gap-3\">\n            {photo ? (\n              <>\n                {canCamera && (\n                  <Button\n                    variant=\"secondary\"\n                    size=\"sm\"\n                    leftIcon={<RotateCcw className=\"size-4\" aria-hidden=\"true\" />}\n                    onClick={openCamera}\n                    disabled={disabled}\n                    data-visual-input-focus=\"\"\n                  >\n                    Retake\n                  </Button>\n                )}\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  leftIcon={<Trash2 className=\"size-4\" aria-hidden=\"true\" />}\n                  onClick={() => removeFile(photo.id)}\n                  disabled={disabled}\n                >\n                  Remove\n                </Button>\n              </>\n            ) : (\n              <>\n                {canCamera && (\n                  <Button\n                    variant=\"secondary\"\n                    aria-label={cameraLabel}\n                    onClick={openCamera}\n                    disabled={disabled}\n                    data-visual-input-focus=\"\"\n                    className=\"size-14 rounded-full border-4 border-brand p-0\"\n                  >\n                    <Camera className=\"size-5\" aria-hidden=\"true\" />\n                  </Button>\n                )}\n                {canUpload && (\n                  <Button variant=\"ghost\" size=\"sm\" onClick={openUpload} disabled={disabled}>\n                    Upload instead\n                  </Button>\n                )}\n              </>\n            )}\n          </div>\n          {cameraText && !photo && <p className=\"text-center text-xs text-muted-foreground\">{cameraText}</p>}\n          {photo?.status === \"error\" && (\n            <p className=\"text-center text-xs text-destructive\">{photo.error ?? \"Couldn’t use this photo.\"}</p>\n          )}\n          {children}\n          {status}\n          {hiddenInputs}\n        </div>\n      );\n    }\n\n    return (\n      <div {...rootProps} className={cn(\"flex flex-col gap-3 outline-none\", className)}>\n        <div\n          onClick={(e) => {\n            if ((e.target as HTMLElement).closest(\"button\")) return;\n            if (canUpload) openUpload();\n          }}\n          className={cn(\n            \"flex flex-col items-center justify-center gap-2 rounded-xl border-2 border-dashed border-border bg-muted/40 px-6 py-6 text-center transition-colors\",\n            canUpload && !disabled && \"cursor-pointer hover:bg-muted/70\",\n            dragging && \"border-brand bg-brand-muted/50\",\n            disabled && \"opacity-50\",\n          )}\n        >\n          <span className=\"inline-flex size-10 items-center justify-center rounded-full bg-background text-muted-foreground shadow-sm [&_svg]:size-5\">\n            <ImageUp aria-hidden=\"true\" />\n          </span>\n          <p className=\"text-sm font-semibold text-foreground\">\n            {dragging ? \"Drop to attach\" : (label ?? (canPaste ? \"Drop an image or paste a screenshot\" : \"Drop an image\"))}\n          </p>\n          <p className=\"text-xs text-muted-foreground\">{hintText}</p>\n          {(canUpload || canCamera) && (\n            <div className=\"mt-1 flex flex-wrap items-center justify-center gap-2\">\n              {canUpload && (\n                <Button\n                  variant=\"secondary\"\n                  size=\"sm\"\n                  onClick={openUpload}\n                  disabled={disabled}\n                  data-visual-input-focus=\"\"\n                >\n                  {browseLabel}\n                </Button>\n              )}\n              {canCamera && (\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  leftIcon={<Camera className=\"size-4\" aria-hidden=\"true\" />}\n                  onClick={openCamera}\n                  disabled={disabled}\n                >\n                  {cameraLabel}\n                </Button>\n              )}\n            </div>\n          )}\n        </div>\n        {chips}\n        {children}\n        {status}\n        {hiddenInputs}\n      </div>\n    );\n  },\n);\nVisualInput.displayName = \"VisualInput\";\n"]}
+{"version":3,"sources":["../src/index.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nucleux/utils\";\nimport { Button } from \"@nucleux/button\";\nimport { Attachment, AttachmentGroup } from \"@nucleux/attachment\";\nimport { AlertCircle, Camera, ImageIcon, Paperclip, RotateCcw, Trash2, X } from \"lucide-react\";\n\nexport type VisualInputVariant = \"drag-drop\" | \"paste-chip\" | \"camera-capture\";\n\n/** Where a visual can come from. Only the sources you list are offered. */\nexport type VisualInputSource = \"upload\" | \"paste\" | \"camera\";\n\n/** Per-file state, set by the app while it reads or uploads the visual. */\nexport type VisualInputFileStatus = \"ready\" | \"reading\" | \"error\";\n\nexport interface VisualInputFile {\n  /** Stable id, generated when the file is added. */\n  id: string;\n  /** The underlying file. */\n  file: File;\n  /** Object URL used for the thumbnail (images only, browser only). */\n  previewUrl?: string;\n  /** How the file arrived. */\n  source?: VisualInputSource;\n  /** `\"reading\"` shows a quiet working treatment; `\"error\"` shows `error` in the destructive tone. */\n  status?: VisualInputFileStatus;\n  /** Message shown when `status` is `\"error\"`, e.g. `\"Couldn't read this image.\"`. */\n  error?: string;\n}\n\nexport type VisualInputRejectionReason = \"type\" | \"size\" | \"count\";\n\nexport interface VisualInputRejection {\n  file: File;\n  reason: VisualInputRejectionReason;\n  /** The human-readable message shown in the error list. */\n  message: string;\n}\n\nexport interface VisualInputProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onChange\" | \"defaultValue\"\n> {\n  /** `\"drag-drop\"` (default) dashed drop zone, `\"paste-chip\"` chips above a composer, `\"camera-capture\"` viewfinder with a shutter. */\n  variant?: VisualInputVariant;\n  /** Sources offered. Defaults to upload + paste (+ camera for `\"camera-capture\"`). */\n  sources?: VisualInputSource[];\n  /** Accepted types, in `<input accept>` syntax. Defaults to `\"image/*\"`. */\n  accept?: string;\n  /** Largest accepted file in bytes. Defaults to 20 MB. */\n  maxSize?: number;\n  /** Most files held at once. Defaults to 4 (1 for `\"camera-capture\"`). */\n  maxFiles?: number;\n  /** Allow more than one file. Defaults to `true` except for `\"camera-capture\"`. */\n  multiple?: boolean;\n  /** Which camera `capture` asks for on mobile. Defaults to `\"environment\"`. */\n  capture?: \"user\" | \"environment\";\n  /** The attached files (controlled). */\n  files?: VisualInputFile[];\n  /** Initial files (uncontrolled). */\n  defaultFiles?: VisualInputFile[];\n  /** Called with the next list whenever files are added or removed. Nothing is ever sent. */\n  onFilesChange?: (files: VisualInputFile[]) => void;\n  /** Called with files that were refused (wrong type, too large, too many). */\n  onReject?: (rejections: VisualInputRejection[]) => void;\n  /**\n   * Main line of the drop zone (or of the paste-chip's attach row). In\n   * `\"paste-chip\"` with `sources={[\"paste\"]}`, `null` drops the attach row\n   * entirely, for when the composer's own + is the way in.\n   */\n  label?: React.ReactNode;\n  /** Secondary line, e.g. `\"PNG, JPG, PDF · up to 20 MB\"`. Derived from `accept`/`maxSize` when omitted. */\n  hint?: React.ReactNode;\n  /** Accessible name of the whole region. Defaults to `\"Image input\"`. */\n  regionLabel?: string;\n  /** Line shown once something is attached, e.g. `\"Aria will see this when you send\"`. */\n  seeText?: React.ReactNode;\n  /** Explains camera access before anything is captured (camera variant). */\n  cameraText?: React.ReactNode;\n  /** Says what can be used when a type is refused, e.g. `\"Aria can read PNG, JPG and HEIC.\"`. */\n  unsupportedText?: string;\n  /** Label of the browse button. */\n  browseLabel?: string;\n  /** Label of the camera button. */\n  cameraLabel?: string;\n  /** Disable every source. */\n  disabled?: boolean;\n  /** Slot rendered under the previews — typically the composer the visual is paired with. */\n  children?: React.ReactNode;\n}\n\nconst MB = 1024 * 1024;\n\n/** Format a byte count as `\"240 KB\"` / `\"2.4 MB\"`. */\nfunction formatFileSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < MB) return `${Math.round(bytes / 1024)} KB`;\n  const mb = bytes / MB;\n  return `${mb >= 10 ? Math.round(mb) : Math.round(mb * 10) / 10} MB`;\n}\n\n/** Whether `file` matches an `<input accept>` string. */\nexport function fileMatchesAccept(file: File, accept: string): boolean {\n  const rules = accept\n    .split(\",\")\n    .map((r) => r.trim().toLowerCase())\n    .filter(Boolean);\n  if (rules.length === 0) return true;\n  const name = file.name.toLowerCase();\n  const type = (file.type || \"\").toLowerCase();\n  return rules.some((rule) => {\n    if (rule.startsWith(\".\")) return name.endsWith(rule);\n    if (rule.endsWith(\"/*\")) return type.startsWith(rule.slice(0, -1));\n    return type === rule;\n  });\n}\n\nlet fileCounter = 0;\nconst canPreview = () => typeof URL !== \"undefined\" && typeof URL.createObjectURL === \"function\";\n\n/**\n * Visual input: lets people add images, screenshots or photos as context to their\n * ask — drag-and-drop, paste from the clipboard, browse, or camera capture\n * (`<input capture>`). Each visual lands as a removable chip with a real preview,\n * type/size/count limits are checked with plain-language errors in a live region,\n * and nothing is ever sent: the app pairs the files with the text prompt and\n * sends on the person's command. Variants: drag-drop (the whole dashed zone is the\n * browse control unless a camera is offered; visuals stack under it as full-width\n * pills), paste-chip, camera-capture.\n */\nexport const VisualInput = React.forwardRef<HTMLDivElement, VisualInputProps>(\n  (\n    {\n      variant = \"drag-drop\",\n      sources,\n      accept = \"image/*\",\n      maxSize = 20 * MB,\n      maxFiles,\n      multiple,\n      capture = \"environment\",\n      files: filesProp,\n      defaultFiles,\n      onFilesChange,\n      onReject,\n      label,\n      hint,\n      regionLabel = \"Image input\",\n      seeText = \"Attached to your next message — nothing is sent until you send.\",\n      cameraText,\n      unsupportedText,\n      browseLabel = \"Browse files\",\n      cameraLabel = \"Take photo\",\n      disabled = false,\n      className,\n      children,\n      onPaste,\n      onDragEnter,\n      onDragOver,\n      onDragLeave,\n      onDrop,\n      ...props\n    },\n    ref,\n  ) => {\n    const isCamera = variant === \"camera-capture\";\n    const allowed = sources ?? (isCamera ? [\"camera\", \"upload\"] : [\"upload\", \"paste\"]);\n    const canUpload = allowed.includes(\"upload\");\n    const canPaste = allowed.includes(\"paste\");\n    const canCamera = allowed.includes(\"camera\");\n    const isMultiple = multiple ?? !isCamera;\n    const limit = isMultiple ? (maxFiles ?? 4) : 1;\n\n    const [internal, setInternal] = React.useState<VisualInputFile[]>(defaultFiles ?? []);\n    const files = filesProp ?? internal;\n    const [errors, setErrors] = React.useState<VisualInputRejection[]>([]);\n    const [announcement, setAnnouncement] = React.useState(\"\");\n    const [dragging, setDragging] = React.useState(false);\n    const dragDepth = React.useRef(0);\n    const uploadRef = React.useRef<HTMLInputElement>(null);\n    const cameraRef = React.useRef<HTMLInputElement>(null);\n    const rootRef = React.useRef<HTMLDivElement | null>(null);\n    const created = React.useRef(new Set<string>());\n    const errorsId = React.useId();\n\n    // Revoke object URLs we created once their file is gone, and on unmount.\n    React.useEffect(() => {\n      const live = new Set(files.map((f) => f.previewUrl));\n      created.current.forEach((url) => {\n        if (!live.has(url)) {\n          URL.revokeObjectURL(url);\n          created.current.delete(url);\n        }\n      });\n    }, [files]);\n    React.useEffect(\n      () => () => {\n        created.current.forEach((url) => URL.revokeObjectURL(url));\n        created.current.clear();\n      },\n      [],\n    );\n\n    const commit = (next: VisualInputFile[]) => {\n      if (filesProp === undefined) setInternal(next);\n      onFilesChange?.(next);\n    };\n\n    const describeRejection = (file: File, reason: VisualInputRejectionReason) => {\n      if (reason === \"type\")\n        return `${file.name} can’t be attached. ${unsupportedText ?? \"Choose an image file instead.\"}`;\n      if (reason === \"size\") return `${file.name} is larger than ${formatFileSize(maxSize)}.`;\n      return `Only ${limit} ${limit === 1 ? \"file\" : \"files\"} can be attached — ${file.name} was left out.`;\n    };\n\n    const addFiles = (list: File[], source: VisualInputSource) => {\n      if (disabled || list.length === 0) return;\n      const rejected: VisualInputRejection[] = [];\n      const accepted: VisualInputFile[] = [];\n      const room = isMultiple ? limit - files.length : 1;\n      for (const file of list) {\n        let reason: VisualInputRejectionReason | null = null;\n        if (!fileMatchesAccept(file, accept)) reason = \"type\";\n        else if (file.size > maxSize) reason = \"size\";\n        else if (accepted.length >= room) reason = \"count\";\n        if (reason) {\n          rejected.push({ file, reason, message: describeRejection(file, reason) });\n          continue;\n        }\n        let previewUrl: string | undefined;\n        if (file.type.startsWith(\"image/\") && canPreview()) {\n          previewUrl = URL.createObjectURL(file);\n          created.current.add(previewUrl);\n        }\n        fileCounter += 1;\n        accepted.push({\n          id: `nx-visual-${fileCounter}`,\n          file,\n          previewUrl,\n          source,\n          status: \"ready\",\n        });\n      }\n      setErrors(rejected);\n      if (rejected.length) onReject?.(rejected);\n      if (accepted.length) {\n        commit(isMultiple ? [...files, ...accepted] : accepted);\n        setAnnouncement(`${accepted.map((f) => f.file.name).join(\", \")} attached.`);\n      }\n    };\n\n    const removeFile = (id: string) => {\n      const target = files.find((f) => f.id === id);\n      commit(files.filter((f) => f.id !== id));\n      if (target) setAnnouncement(`${target.file.name} removed.`);\n      // Focus would be lost with the removed chip — move it to a stable control.\n      requestAnimationFrame(() => {\n        const root = rootRef.current;\n        const next = root?.querySelector<HTMLElement>(\"[data-visual-input-focus]\") ?? root;\n        next?.focus();\n      });\n    };\n\n    const openUpload = () => !disabled && uploadRef.current?.click();\n    const openCamera = () => !disabled && cameraRef.current?.click();\n\n    const onInputChange =\n      (source: VisualInputSource) => (e: React.ChangeEvent<HTMLInputElement>) => {\n        addFiles(Array.from(e.target.files ?? []), source);\n        e.target.value = \"\";\n      };\n\n    const hasFiles = (e: React.DragEvent) =>\n      Array.from(e.dataTransfer?.types ?? []).includes(\"Files\");\n\n    const dropHandlers = canUpload\n      ? {\n          onDragEnter: (e: React.DragEvent<HTMLDivElement>) => {\n            onDragEnter?.(e);\n            if (disabled || !hasFiles(e)) return;\n            e.preventDefault();\n            dragDepth.current += 1;\n            setDragging(true);\n          },\n          onDragOver: (e: React.DragEvent<HTMLDivElement>) => {\n            onDragOver?.(e);\n            if (disabled || !hasFiles(e)) return;\n            e.preventDefault();\n            e.dataTransfer.dropEffect = \"copy\";\n          },\n          onDragLeave: (e: React.DragEvent<HTMLDivElement>) => {\n            onDragLeave?.(e);\n            dragDepth.current = Math.max(0, dragDepth.current - 1);\n            if (dragDepth.current === 0) setDragging(false);\n          },\n          onDrop: (e: React.DragEvent<HTMLDivElement>) => {\n            onDrop?.(e);\n            dragDepth.current = 0;\n            setDragging(false);\n            if (disabled) return;\n            e.preventDefault();\n            addFiles(Array.from(e.dataTransfer?.files ?? []), \"upload\");\n          },\n        }\n      : { onDragEnter, onDragOver, onDragLeave, onDrop };\n\n    const handlePaste = (e: React.ClipboardEvent<HTMLDivElement>) => {\n      onPaste?.(e);\n      if (e.defaultPrevented || !canPaste || disabled) return;\n      const pasted = Array.from(e.clipboardData?.files ?? []);\n      if (pasted.length === 0) return; // plain text paste continues as normal\n      e.preventDefault();\n      addFiles(pasted, \"paste\");\n    };\n\n    const hintText =\n      hint ??\n      `${accept === \"image/*\" ? \"Images\" : accept.replace(/,/g, \", \")} · up to ${formatFileSize(maxSize)}`;\n\n    const isDrop = variant === \"drag-drop\";\n    // Without a camera the whole drop zone is the browse control (as on nucleux.in);\n    // with one, the zone keeps visible Browse and camera buttons.\n    const zoneIsButton = isDrop && canUpload && !canCamera;\n    const chips = files.length > 0 && (\n      <AttachmentGroup\n        role=\"list\"\n        aria-label=\"Attached visuals\"\n        className={cn(isDrop && \"flex-col flex-nowrap items-stretch gap-1.5\")}\n      >\n        {files.map((f) => (\n          <div role=\"listitem\" key={f.id}>\n            <Attachment\n              name={f.file.name}\n              meta={\n                f.status === \"error\" ? (\n                  <span className=\"text-destructive\">{f.error ?? \"Couldn’t use this file.\"}</span>\n                ) : f.status === \"reading\" ? (\n                  \"Reading…\"\n                ) : (\n                  formatFileSize(f.file.size)\n                )\n              }\n              icon={\n                f.previewUrl ? (\n                  <img src={f.previewUrl} alt=\"\" className=\"size-full rounded-md object-cover\" />\n                ) : (\n                  <ImageIcon aria-hidden=\"true\" />\n                )\n              }\n              onRemove={() => removeFile(f.id)}\n              data-status={f.status ?? \"ready\"}\n              className={cn(\n                variant === \"paste-chip\" && \"rounded-full py-1 pl-1\",\n                isDrop &&\n                  \"w-full max-w-none gap-3 rounded-full bg-muted/50 py-1.5 pl-1.5 pr-3 [&>span:first-child]:size-8 [&>span:first-child]:overflow-hidden [&>span:first-child]:bg-info/15 [&>span:first-child]:text-info [&>span:nth-child(2)>span:first-child]:font-normal [&>span:nth-child(2)]:flex-1 [&>span:nth-child(2)]:flex-row [&>span:nth-child(2)]:items-baseline [&>span:nth-child(2)]:justify-between [&>span:nth-child(2)]:gap-3\",\n                f.status === \"error\" && \"border-destructive/60\",\n                f.status === \"reading\" && \"animate-pulse motion-reduce:animate-none\",\n              )}\n            />\n          </div>\n        ))}\n      </AttachmentGroup>\n    );\n\n    const status = (\n      <>\n        {files.length > 0 && seeText && <p className=\"text-xs text-muted-foreground\">{seeText}</p>}\n        {errors.length > 0 && (\n          <div\n            id={errorsId}\n            role=\"alert\"\n            className=\"flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-sm text-destructive\"\n          >\n            <AlertCircle className=\"mt-0.5 size-4 shrink-0\" aria-hidden=\"true\" />\n            <ul className=\"flex-1 space-y-0.5\">\n              {errors.map((err, i) => (\n                <li key={i}>{err.message}</li>\n              ))}\n            </ul>\n            <button\n              type=\"button\"\n              aria-label=\"Dismiss errors\"\n              onClick={() => setErrors([])}\n              className=\"inline-flex size-5 shrink-0 items-center justify-center rounded-full transition-colors hover:bg-destructive/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-3.5\"\n            >\n              <X aria-hidden=\"true\" />\n            </button>\n          </div>\n        )}\n        <p role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n          {announcement}\n        </p>\n      </>\n    );\n\n    const hiddenInputs = (\n      <>\n        {canUpload && (\n          <input\n            ref={uploadRef}\n            type=\"file\"\n            accept={accept}\n            multiple={isMultiple}\n            hidden\n            tabIndex={-1}\n            disabled={disabled}\n            onChange={onInputChange(\"upload\")}\n          />\n        )}\n        {canCamera && (\n          <input\n            ref={cameraRef}\n            type=\"file\"\n            accept={accept.includes(\"image\") ? \"image/*\" : accept}\n            capture={capture}\n            hidden\n            tabIndex={-1}\n            disabled={disabled}\n            onChange={onInputChange(\"camera\")}\n          />\n        )}\n      </>\n    );\n\n    const setRoot = (node: HTMLDivElement | null) => {\n      rootRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref) ref.current = node;\n    };\n\n    const rootProps = {\n      ref: setRoot,\n      role: \"group\" as const,\n      \"aria-label\": regionLabel,\n      \"aria-disabled\": disabled || undefined,\n      \"data-variant\": variant,\n      \"data-dragging\": dragging || undefined,\n      tabIndex: -1,\n      onPaste: handlePaste,\n      ...dropHandlers,\n      ...props,\n    };\n\n    if (variant === \"paste-chip\") {\n      return (\n        <div {...rootProps} className={cn(\"flex flex-col gap-2 outline-none\", className)}>\n          {chips}\n          {children}\n          {(canUpload || canCamera || label !== null || dragging) && (\n            <div\n              className={cn(\n                \"flex items-center gap-1 rounded-lg text-xs text-muted-foreground transition-colors\",\n                dragging && \"bg-brand-muted/50 text-foreground ring-2 ring-brand\",\n              )}\n            >\n              {canUpload && (\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  aria-label=\"Attach image\"\n                  onClick={openUpload}\n                  disabled={disabled}\n                  data-visual-input-focus=\"\"\n                >\n                  <Paperclip className=\"size-4\" aria-hidden=\"true\" />\n                </Button>\n              )}\n              {canCamera && (\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  aria-label={cameraLabel}\n                  onClick={openCamera}\n                  disabled={disabled}\n                >\n                  <Camera className=\"size-4\" aria-hidden=\"true\" />\n                </Button>\n              )}\n              <span>\n                {label ??\n                  (dragging\n                    ? \"Drop to attach\"\n                    : canPaste\n                      ? \"Paste or drop a screenshot\"\n                      : \"Attach an image\")}\n              </span>\n            </div>\n          )}\n          {status}\n          {hiddenInputs}\n        </div>\n      );\n    }\n\n    if (isCamera) {\n      const photo = files[0];\n      return (\n        <div {...rootProps} className={cn(\"flex flex-col gap-3 outline-none\", className)}>\n          <div\n            className={cn(\n              \"relative aspect-[4/3] overflow-hidden rounded-xl border border-border bg-muted\",\n              dragging && \"ring-2 ring-brand\",\n            )}\n          >\n            {photo?.previewUrl ? (\n              <img\n                src={photo.previewUrl}\n                alt={`Captured photo: ${photo.file.name}`}\n                className=\"size-full object-cover\"\n              />\n            ) : (\n              <>\n                <span\n                  aria-hidden=\"true\"\n                  className=\"absolute inset-[22%] rounded-lg border-2 border-brand/80\"\n                />\n                <p className=\"absolute inset-x-0 bottom-3 px-4 text-center text-xs text-muted-foreground\">\n                  {photo\n                    ? photo.file.name\n                    : (label ?? \"Point your camera at what you want to ask about\")}\n                </p>\n              </>\n            )}\n          </div>\n          <div className=\"flex items-center justify-center gap-3\">\n            {photo ? (\n              <>\n                {canCamera && (\n                  <Button\n                    variant=\"secondary\"\n                    size=\"sm\"\n                    leftIcon={<RotateCcw className=\"size-4\" aria-hidden=\"true\" />}\n                    onClick={openCamera}\n                    disabled={disabled}\n                    data-visual-input-focus=\"\"\n                  >\n                    Retake\n                  </Button>\n                )}\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  leftIcon={<Trash2 className=\"size-4\" aria-hidden=\"true\" />}\n                  onClick={() => removeFile(photo.id)}\n                  disabled={disabled}\n                >\n                  Remove\n                </Button>\n              </>\n            ) : (\n              <>\n                {canCamera && (\n                  <Button\n                    variant=\"secondary\"\n                    aria-label={cameraLabel}\n                    onClick={openCamera}\n                    disabled={disabled}\n                    data-visual-input-focus=\"\"\n                    className=\"size-14 rounded-full border-4 border-brand p-0\"\n                  >\n                    <Camera className=\"size-5\" aria-hidden=\"true\" />\n                  </Button>\n                )}\n                {canUpload && (\n                  <Button variant=\"ghost\" size=\"sm\" onClick={openUpload} disabled={disabled}>\n                    Upload instead\n                  </Button>\n                )}\n              </>\n            )}\n          </div>\n          {cameraText && !photo && (\n            <p className=\"text-center text-xs text-muted-foreground\">{cameraText}</p>\n          )}\n          {photo?.status === \"error\" && (\n            <p className=\"text-center text-xs text-destructive\">\n              {photo.error ?? \"Couldn’t use this photo.\"}\n            </p>\n          )}\n          {children}\n          {status}\n          {hiddenInputs}\n        </div>\n      );\n    }\n\n    return (\n      <div {...rootProps} className={cn(\"flex flex-col gap-3 outline-none\", className)}>\n        <div\n          onClick={(e) => {\n            if ((e.target as HTMLElement).closest(\"button\")) return;\n            if (canUpload) openUpload();\n          }}\n          {...(zoneIsButton\n            ? {\n                role: \"button\",\n                tabIndex: disabled ? -1 : 0,\n                \"aria-disabled\": disabled || undefined,\n                \"data-visual-input-focus\": \"\",\n                onKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => {\n                  if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    openUpload();\n                  }\n                },\n              }\n            : {})}\n          className={cn(\n            \"flex flex-col items-center justify-center gap-1 rounded-xl border-2 border-dashed border-border bg-muted/40 px-5 py-6 text-center transition-colors\",\n            canUpload && !disabled && \"cursor-pointer hover:bg-muted/70\",\n            zoneIsButton &&\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n            dragging && \"border-brand bg-brand-muted/50\",\n            disabled && \"opacity-50\",\n          )}\n        >\n          <span className=\"mb-1.5 inline-flex size-10 items-center justify-center rounded-lg border border-border bg-background text-muted-foreground [&_svg]:size-[1.125rem]\">\n            <ImageIcon aria-hidden=\"true\" />\n          </span>\n          <p className=\"text-sm font-semibold text-foreground\">\n            {dragging\n              ? \"Drop to attach\"\n              : (label ?? (canPaste ? \"Drop an image or paste a screenshot\" : \"Drop an image\"))}\n          </p>\n          <p className=\"text-xs text-muted-foreground\">{hintText}</p>\n          {zoneIsButton && <span className=\"sr-only\">{browseLabel}</span>}\n          {canCamera && (\n            <div className=\"mt-1 flex flex-wrap items-center justify-center gap-2\">\n              {canUpload && (\n                <Button\n                  variant=\"secondary\"\n                  size=\"sm\"\n                  onClick={openUpload}\n                  disabled={disabled}\n                  data-visual-input-focus=\"\"\n                >\n                  {browseLabel}\n                </Button>\n              )}\n              {canCamera && (\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  leftIcon={<Camera className=\"size-4\" aria-hidden=\"true\" />}\n                  onClick={openCamera}\n                  disabled={disabled}\n                >\n                  {cameraLabel}\n                </Button>\n              )}\n            </div>\n          )}\n        </div>\n        {chips}\n        {children}\n        {status}\n        {hiddenInputs}\n      </div>\n    );\n  },\n);\nVisualInput.displayName = \"VisualInput\";\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nucleux/visual-input",
-  "version": "0.8.0",
+  "version": "0.10.0",
   "type": "module",
   "sideEffects": false,
   "description": "Visual Input — attach images, screenshots, or videos as part of the ask — Nucleux agentic UI for React.",
@@ -36,9 +36,10 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@nucleux/attachment": "0.8.0",
-    "@nucleux/button": "0.8.0",
-    "@nucleux/utils": "0.8.0",
+    "@nucleux/input": "0.10.0",
+    "@nucleux/attachment": "0.10.0",
+    "@nucleux/button": "0.10.0",
+    "@nucleux/utils": "0.10.0",
     "lucide-react": "^0.469.0"
   },
   "devDependencies": {
@@ -46,7 +47,7 @@
     "typescript": "^5.7.2",
     "@types/react": "^18.3.18",
     "react": "^18.3.1",
-    "@nucleux/textarea": "0.8.0"
+    "@nucleux/textarea": "0.10.0"
   },
   "publishConfig": {
     "access": "public"