@vielzeug/codex 26.10.3 → 26.10.4

package/data/refine.json

@@ -7926,555 +7926,555 @@
       }
     ]
   },
-  {
-    "kind": "function",
-    "name": "formatBytes",
-    "return": {
-      "type": {
-        "text": "string"
-      }
-    },
-    "parameters": [
-      {
-        "name": "bytes",
-        "type": {
-          "text": "number"
-        }
-      }
-    ]
-  },
-  {
-    "kind": "function",
-    "name": "createFileQueue",
-    "return": {
-      "type": {
-        "text": "FileQueue"
-      }
-    },
-    "parameters": [
-      {
-        "name": "options",
-        "type": {
-          "text": "FileQueueOptions"
-        }
-      }
-    ],
-    "description": "Owns file selection *and* the opt-in upload lifecycle together: they were never really\nseparable (adding a file starts its upload; removing one must abort it; replacing one is both\nat once). Independent of `html`/rendering, following the same shape as `datagrid`'s\n`createDataGridControls` and `combobox`'s `combobox-options.ts`: a factory `file-input.ts`\nwires into drag/drop/native-input events and the template, directly unit-testable without\nmounting a component.\n\nEvery file-level rule (accept, max-size, max-files, disabled) and every upload-lifecycle rule\n(progress, retry-from-offset, per-file isolation) lives here in one place."
-  },
   {
     "kind": "variable",
-    "name": "FILE_INPUT_TAG",
+    "name": "INPUT_TAG",
     "type": {
-      "text": "'ore-file-input'"
+      "text": "'ore-input'"
     },
-    "default": "'ore-file-input'",
-    "description": "A file upload field with drag-and-drop support, built-in validation messaging, and: once a\n`upload` transport is wired up: a full per-file upload lifecycle: live progress/speed/ETA,\nretry-on-failure, a success confirmation card, and fully independent handling of concurrent\nfiles (one failing never blocks or cancels the others). Picking files with no `upload` set\nkeeps the original, upload-free selection-only behavior."
+    "default": "'ore-input'",
+    "description": "A customizable text input component with multiple variants, label placements, and form features."
   },
   {
     "kind": "class",
-    "name": "OreFileInputElement",
-    "tagName": "ore-file-input",
+    "name": "OreInputElement",
+    "tagName": "ore-input",
     "customElement": true,
-    "description": "A file upload field with drag-and-drop support, built-in validation messaging, and: once a\n`upload` transport is wired up: a full per-file upload lifecycle: live progress/speed/ETA,\nretry-on-failure, a success confirmation card, and fully independent handling of concurrent\nfiles (one failing never blocks or cancels the others). Picking files with no `upload` set\nkeeps the original, upload-free selection-only behavior.",
+    "description": "A customizable text input component with multiple variants, label placements, and form features.",
     "summary": "",
     "attributes": [
       {
-        "name": "accept",
+        "name": "aria-label",
         "type": {
           "text": "string"
         },
-        "description": "Comma-separated file extensions or MIME types"
+        "description": "Accessible name used when no visible label is rendered"
       },
       {
-        "name": "multiple",
+        "name": "label",
         "type": {
-          "text": "boolean"
+          "text": "string"
         },
-        "description": "Enable multiple files selection"
+        "description": "Label text"
       },
       {
-        "name": "gallery",
+        "name": "label-placement",
         "type": {
-          "text": "boolean"
+          "text": "'inset' | 'outside'"
         },
-        "description": "Show selected files as an image thumbnail/preview grid"
+        "description": "Label placement: 'inset' | 'outside'"
       },
       {
-        "name": "max-files",
+        "name": "type",
         "type": {
-          "text": "number"
+          "text": "'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search'"
         },
-        "description": "Max number of files allowed"
+        "description": "HTML input type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search'"
       },
       {
-        "name": "max-size",
+        "name": "value",
         "type": {
-          "text": "number"
+          "text": "string"
         },
-        "description": "Max size of each file in bytes"
+        "description": "Current input value"
       },
       {
-        "name": "disabled",
+        "name": "placeholder",
         "type": {
-          "text": "boolean"
+          "text": "string"
         },
-        "description": "Disable interaction"
+        "description": "Placeholder text"
       },
       {
-        "name": "error",
+        "name": "name",
         "type": {
           "text": "string"
         },
-        "description": "Show an error state/message"
+        "description": "Form field name"
       },
       {
         "name": "helper",
         "type": {
           "text": "string"
         },
-        "description": "Provide helper context below the dropzone"
+        "description": "Helper text displayed below the input (fallback when the `helper` slot is empty)"
       },
       {
-        "name": "browse-label",
+        "name": "error",
         "type": {
           "text": "string"
         },
-        "description": "Action half of the dropzone line (default 'click to browse')"
+        "description": "Error message: marks the field as invalid (fallback when the `error` slot is empty)"
       },
       {
-        "name": "dropzone-label",
+        "name": "disabled",
         "type": {
-          "text": "string"
+          "text": "boolean"
         },
-        "description": "Main half of the dropzone line (default 'Drop files here or')"
+        "description": "Disable input interaction"
       },
       {
-        "name": "dropzone-active-label",
+        "name": "readonly",
         "type": {
-          "text": "string"
+          "text": "boolean"
         },
-        "description": "Dropzone line while a drag is active (default 'Release to upload')"
+        "description": "Make the input read-only"
       },
       {
-        "name": "dropzone-hint",
+        "name": "required",
         "type": {
-          "text": "string"
+          "text": "boolean"
         },
-        "description": "Replace the auto-generated accept/max-size hint with this text"
+        "description": "Mark the field as required"
       },
       {
-        "name": "files-label",
+        "name": "loading",
         "type": {
-          "text": "string"
+          "text": "boolean"
         },
-        "description": "Accessible name of the selected-files list (default 'Selected files')"
-      }
-    ],
-    "events": [
+        "description": "Show an inline spinner and force the field disabled"
+      },
       {
-        "name": "change",
-        "description": "detail: { files: File[], value: File[] }",
+        "name": "success",
         "type": {
-          "text": "CustomEvent"
-        }
+          "text": "boolean"
+        },
+        "description": "Show an inline success check icon (suppressed while `error` is set)"
       },
       {
-        "name": "remove",
-        "description": "detail: { file: File, files: File[] }",
+        "name": "color",
         "type": {
-          "text": "CustomEvent"
-        }
+          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+        },
+        "description": "Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
       },
       {
-        "name": "reject",
-        "description": "detail: { files: File[], reasons: ('size' | 'type')[] }: nothing was added",
+        "name": "variant",
         "type": {
-          "text": "CustomEvent"
-        }
+          "text": "'solid' | 'flat' | 'bordered' | 'outline' | 'ghost' | 'text'"
+        },
+        "description": "Visual variant: 'solid' | 'flat' | 'bordered' | 'outline' | 'ghost' | 'text'"
       },
       {
-        "name": "upload-progress",
-        "description": "detail: { file: File, loaded: number, total: number }",
+        "name": "size",
         "type": {
-          "text": "CustomEvent"
-        }
+          "text": "'sm' | 'md' | 'lg'"
+        },
+        "description": "Input size: 'sm' | 'md' | 'lg'"
       },
       {
-        "name": "upload-success",
-        "description": "detail: { file: File }",
+        "name": "rounded",
+        "type": {
+          "text": "'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'"
+        },
+        "description": "Border radius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'"
+      }
+    ],
+    "events": [
+      {
+        "name": "input",
+        "description": "Emitted when input value changes (on every keystroke).",
         "type": {
           "text": "CustomEvent"
         }
       },
       {
-        "name": "upload-error",
-        "description": "detail: { file: File, error: unknown }",
+        "name": "change",
+        "description": "Emitted when input loses focus with changed value.",
         "type": {
           "text": "CustomEvent"
         }
       }
     ],
+    "slots": [
+      {
+        "name": "prefix",
+        "description": "Content before the input (e.g., icons)"
+      },
+      {
+        "name": "suffix",
+        "description": "Content after the input (e.g., clear button, validation icon)"
+      },
+      {
+        "name": "label",
+        "description": "Replaces the label text: slotted content takes precedence over the `label` prop"
+      },
+      {
+        "name": "helper",
+        "description": "Replaces the helper text: slotted content takes precedence over the `helper` prop"
+      },
+      {
+        "name": "error",
+        "description": "Replaces the error text: slotted content takes precedence over the `error` prop"
+      }
+    ],
     "cssParts": [
       {
         "name": "wrapper",
-        "description": "Root wrapper around the file input field"
+        "description": "The input wrapper element"
       },
       {
         "name": "label",
-        "description": "Visible label rendered above the dropzone"
+        "description": "The label element (inset or outside)"
       },
       {
-        "name": "dropzone",
-        "description": "Interactive drag-and-drop target"
+        "name": "field",
+        "description": "The field container element"
+      },
+      {
+        "name": "input-row",
+        "description": "The input row container element"
       },
       {
         "name": "input",
-        "description": "Native file input element"
+        "description": "The input element"
       },
       {
-        "name": "gallery",
-        "description": "Gallery grid container (rendered instead of `file-list` when `gallery` is set)"
+        "name": "status-icon",
+        "description": "The inline error/success icon shown inside the field"
       },
       {
-        "name": "helper",
-        "description": "Helper text shown beneath the dropzone"
+        "name": "spinner",
+        "description": "The inline loading spinner shown inside the field while `loading`"
       },
       {
-        "name": "error",
-        "description": "Error message shown beneath the field"
+        "name": "helper",
+        "description": "The helper text element"
       }
     ],
     "cssProperties": [
       {
-        "name": "--file-input-bg",
-        "description": "Dropzone background color"
+        "name": "--input-bg",
+        "description": "Background color"
       },
       {
-        "name": "--file-input-border-color",
-        "description": "Dropzone border color"
+        "name": "--input-color",
+        "description": "Text color"
       },
       {
-        "name": "--file-input-font-size",
-        "description": "Font size"
+        "name": "--input-border-color",
+        "description": "Border color"
       },
       {
-        "name": "--file-input-radius",
-        "description": "Dropzone border radius"
+        "name": "--input-placeholder-color",
+        "description": "Placeholder text color"
       },
       {
-        "name": "--file-input-min-height",
-        "description": "Minimum dropzone height"
+        "name": "--input-radius",
+        "description": "Border radius"
       },
       {
-        "name": "--file-input-hover-bg",
-        "description": "Dropzone background on hover (flat/ghost variants)"
+        "name": "--input-padding",
+        "description": "Inner padding (block inline)"
       },
       {
-        "name": "--file-input-hover-border-color",
-        "description": "Dropzone border on hover (flat/bordered variants)"
+        "name": "--input-label-block-inset",
+        "description": "Inset from the field block start for an inset label"
       },
       {
-        "name": "--file-input-focus-bg",
-        "description": "Dropzone background when focused/drag-over (flat variant)"
+        "name": "--input-label-inset",
+        "description": "Inset from the field inline start for an inset label"
       },
       {
-        "name": "--file-input-focus-border-color",
-        "description": "Dropzone border when focused/drag-over (flat variant)"
+        "name": "--input-gap",
+        "description": "Gap between prefix/suffix icons and input text"
       },
       {
-        "name": "--file-input-thumb-size",
-        "description": "Gallery thumbnail width/height"
+        "name": "--input-font-size",
+        "description": "Font size"
+      },
+      {
+        "name": "--input-height",
+        "description": "Field height"
+      },
+      {
+        "name": "--input-hover-bg",
+        "description": "Field background on hover (flat/ghost variants)"
+      },
+      {
+        "name": "--input-hover-border-color",
+        "description": "Field border on hover (flat/bordered variants)"
+      },
+      {
+        "name": "--input-focus-bg",
+        "description": "Field background when focused (flat variant)"
+      },
+      {
+        "name": "--input-focus-border-color",
+        "description": "Field border when focused (flat/text variants)"
       }
     ],
     "demos": [
       {
-        "url": "",
-        "description": "```html\n<ore-file-input label=\"Upload files\" accept=\"image/*\" multiple />\n<ore-file-input label=\"Photos\" accept=\"image/*\" multiple gallery />\n<ore-file-input label=\"Resume\" accept=\".pdf,.doc,.docx\" max-size=\"5242880\" />\n<ore-file-input variant=\"bordered\" color=\"primary\" />\n```\n```ts\n// Wire up a real upload transport: progress/retry/success are then handled automatically.\n// `XMLHttpRequest` is used here (not `fetch`) because it's the only browser API that reports\n// upload progress; swap in whatever transport the app already uses.\nconst input = document.querySelector('ore-file-input');\ninput.upload = (file, { onProgress, signal, resumeFrom }) =>\n  new Promise((resolve, reject) => {\n    const xhr = new XMLHttpRequest();\n    xhr.upload.addEventListener('progress', (e) => onProgress(resumeFrom + e.loaded, file.size));\n    xhr.addEventListener('load', () => (xhr.status < 400 ? resolve() : reject(new Error(xhr.statusText))));\n    xhr.addEventListener('error', () => reject(new Error('Network error')));\n    signal.addEventListener('abort', () => xhr.abort());\n    xhr.open('PUT', '/uploads');\n    if (resumeFrom > 0) xhr.setRequestHeader('Content-Range', `bytes ${resumeFrom}-/${file.size}`);\n    xhr.send(file);\n  });\n```"
+        "url": "",
+        "description": "```html\n<ore-input type=\"email\" label=\"Email\" placeholder=\"you@example.com\" />\n<ore-input label=\"Name\" variant=\"bordered\" color=\"primary\" />\n<ore-input label=\"Username\" error=\"That username is taken\" />\n<ore-input label=\"Username\" success />\n<ore-input label=\"Username\" loading />\n```"
+      }
+    ]
+  },
+  {
+    "kind": "function",
+    "name": "formatBytes",
+    "return": {
+      "type": {
+        "text": "string"
+      }
+    },
+    "parameters": [
+      {
+        "name": "bytes",
+        "type": {
+          "text": "number"
+        }
+      }
+    ]
+  },
+  {
+    "kind": "function",
+    "name": "createFileQueue",
+    "return": {
+      "type": {
+        "text": "FileQueue"
+      }
+    },
+    "parameters": [
+      {
+        "name": "options",
+        "type": {
+          "text": "FileQueueOptions"
+        }
       }
-    ]
+    ],
+    "description": "Owns file selection *and* the opt-in upload lifecycle together: they were never really\nseparable (adding a file starts its upload; removing one must abort it; replacing one is both\nat once). Independent of `html`/rendering, following the same shape as `datagrid`'s\n`createDataGridControls` and `combobox`'s `combobox-options.ts`: a factory `file-input.ts`\nwires into drag/drop/native-input events and the template, directly unit-testable without\nmounting a component.\n\nEvery file-level rule (accept, max-size, max-files, disabled) and every upload-lifecycle rule\n(progress, retry-from-offset, per-file isolation) lives here in one place."
   },
   {
     "kind": "variable",
-    "name": "INPUT_TAG",
+    "name": "FILE_INPUT_TAG",
     "type": {
-      "text": "'ore-input'"
+      "text": "'ore-file-input'"
     },
-    "default": "'ore-input'",
-    "description": "A customizable text input component with multiple variants, label placements, and form features."
+    "default": "'ore-file-input'",
+    "description": "A file upload field with drag-and-drop support, built-in validation messaging, and: once a\n`upload` transport is wired up: a full per-file upload lifecycle: live progress/speed/ETA,\nretry-on-failure, a success confirmation card, and fully independent handling of concurrent\nfiles (one failing never blocks or cancels the others). Picking files with no `upload` set\nkeeps the original, upload-free selection-only behavior."
   },
   {
     "kind": "class",
-    "name": "OreInputElement",
-    "tagName": "ore-input",
+    "name": "OreFileInputElement",
+    "tagName": "ore-file-input",
     "customElement": true,
-    "description": "A customizable text input component with multiple variants, label placements, and form features.",
+    "description": "A file upload field with drag-and-drop support, built-in validation messaging, and: once a\n`upload` transport is wired up: a full per-file upload lifecycle: live progress/speed/ETA,\nretry-on-failure, a success confirmation card, and fully independent handling of concurrent\nfiles (one failing never blocks or cancels the others). Picking files with no `upload` set\nkeeps the original, upload-free selection-only behavior.",
     "summary": "",
     "attributes": [
       {
-        "name": "aria-label",
+        "name": "accept",
         "type": {
           "text": "string"
         },
-        "description": "Accessible name used when no visible label is rendered"
+        "description": "Comma-separated file extensions or MIME types"
       },
       {
-        "name": "label",
+        "name": "multiple",
         "type": {
-          "text": "string"
+          "text": "boolean"
         },
-        "description": "Label text"
+        "description": "Enable multiple files selection"
       },
       {
-        "name": "label-placement",
+        "name": "gallery",
         "type": {
-          "text": "'inset' | 'outside'"
+          "text": "boolean"
         },
-        "description": "Label placement: 'inset' | 'outside'"
+        "description": "Show selected files as an image thumbnail/preview grid"
       },
       {
-        "name": "type",
+        "name": "max-files",
         "type": {
-          "text": "'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search'"
+          "text": "number"
         },
-        "description": "HTML input type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search'"
+        "description": "Max number of files allowed"
       },
       {
-        "name": "value",
+        "name": "max-size",
         "type": {
-          "text": "string"
+          "text": "number"
         },
-        "description": "Current input value"
+        "description": "Max size of each file in bytes"
       },
       {
-        "name": "placeholder",
+        "name": "disabled",
         "type": {
-          "text": "string"
+          "text": "boolean"
         },
-        "description": "Placeholder text"
+        "description": "Disable interaction"
       },
       {
-        "name": "name",
+        "name": "error",
         "type": {
           "text": "string"
         },
-        "description": "Form field name"
+        "description": "Show an error state/message"
       },
       {
         "name": "helper",
         "type": {
           "text": "string"
         },
-        "description": "Helper text displayed below the input (fallback when the `helper` slot is empty)"
+        "description": "Provide helper context below the dropzone"
       },
       {
-        "name": "error",
+        "name": "browse-label",
         "type": {
           "text": "string"
         },
-        "description": "Error message: marks the field as invalid (fallback when the `error` slot is empty)"
+        "description": "Action half of the dropzone line (default 'click to browse')"
       },
       {
-        "name": "disabled",
+        "name": "dropzone-label",
         "type": {
-          "text": "boolean"
+          "text": "string"
         },
-        "description": "Disable input interaction"
+        "description": "Main half of the dropzone line (default 'Drop files here or')"
       },
       {
-        "name": "readonly",
+        "name": "dropzone-active-label",
         "type": {
-          "text": "boolean"
+          "text": "string"
         },
-        "description": "Make the input read-only"
+        "description": "Dropzone line while a drag is active (default 'Release to upload')"
       },
       {
-        "name": "required",
+        "name": "dropzone-hint",
         "type": {
-          "text": "boolean"
+          "text": "string"
         },
-        "description": "Mark the field as required"
+        "description": "Replace the auto-generated accept/max-size hint with this text"
       },
       {
-        "name": "loading",
+        "name": "files-label",
         "type": {
-          "text": "boolean"
+          "text": "string"
         },
-        "description": "Show an inline spinner and force the field disabled"
-      },
+        "description": "Accessible name of the selected-files list (default 'Selected files')"
+      }
+    ],
+    "events": [
       {
-        "name": "success",
+        "name": "change",
+        "description": "detail: { files: File[], value: File[] }",
         "type": {
-          "text": "boolean"
-        },
-        "description": "Show an inline success check icon (suppressed while `error` is set)"
+          "text": "CustomEvent"
+        }
       },
       {
-        "name": "color",
+        "name": "remove",
+        "description": "detail: { file: File, files: File[] }",
         "type": {
-          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
-        },
-        "description": "Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+          "text": "CustomEvent"
+        }
       },
       {
-        "name": "variant",
+        "name": "reject",
+        "description": "detail: { files: File[], reasons: ('size' | 'type')[] }: nothing was added",
         "type": {
-          "text": "'solid' | 'flat' | 'bordered' | 'outline' | 'ghost' | 'text'"
-        },
-        "description": "Visual variant: 'solid' | 'flat' | 'bordered' | 'outline' | 'ghost' | 'text'"
+          "text": "CustomEvent"
+        }
       },
       {
-        "name": "size",
+        "name": "upload-progress",
+        "description": "detail: { file: File, loaded: number, total: number }",
         "type": {
-          "text": "'sm' | 'md' | 'lg'"
-        },
-        "description": "Input size: 'sm' | 'md' | 'lg'"
+          "text": "CustomEvent"
+        }
       },
       {
-        "name": "rounded",
-        "type": {
-          "text": "'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'"
-        },
-        "description": "Border radius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'"
-      }
-    ],
-    "events": [
-      {
-        "name": "input",
-        "description": "Emitted when input value changes (on every keystroke).",
+        "name": "upload-success",
+        "description": "detail: { file: File }",
         "type": {
           "text": "CustomEvent"
         }
       },
       {
-        "name": "change",
-        "description": "Emitted when input loses focus with changed value.",
+        "name": "upload-error",
+        "description": "detail: { file: File, error: unknown }",
         "type": {
           "text": "CustomEvent"
         }
       }
     ],
-    "slots": [
-      {
-        "name": "prefix",
-        "description": "Content before the input (e.g., icons)"
-      },
-      {
-        "name": "suffix",
-        "description": "Content after the input (e.g., clear button, validation icon)"
-      },
-      {
-        "name": "label",
-        "description": "Replaces the label text: slotted content takes precedence over the `label` prop"
-      },
-      {
-        "name": "helper",
-        "description": "Replaces the helper text: slotted content takes precedence over the `helper` prop"
-      },
-      {
-        "name": "error",
-        "description": "Replaces the error text: slotted content takes precedence over the `error` prop"
-      }
-    ],
     "cssParts": [
       {
         "name": "wrapper",
-        "description": "The input wrapper element"
+        "description": "Root wrapper around the file input field"
       },
       {
         "name": "label",
-        "description": "The label element (inset or outside)"
-      },
-      {
-        "name": "field",
-        "description": "The field container element"
+        "description": "Visible label rendered above the dropzone"
       },
       {
-        "name": "input-row",
-        "description": "The input row container element"
+        "name": "dropzone",
+        "description": "Interactive drag-and-drop target"
       },
       {
         "name": "input",
-        "description": "The input element"
+        "description": "Native file input element"
       },
       {
-        "name": "status-icon",
-        "description": "The inline error/success icon shown inside the field"
+        "name": "gallery",
+        "description": "Gallery grid container (rendered instead of `file-list` when `gallery` is set)"
       },
       {
-        "name": "spinner",
-        "description": "The inline loading spinner shown inside the field while `loading`"
+        "name": "helper",
+        "description": "Helper text shown beneath the dropzone"
       },
       {
-        "name": "helper",
-        "description": "The helper text element"
+        "name": "error",
+        "description": "Error message shown beneath the field"
       }
     ],
     "cssProperties": [
       {
-        "name": "--input-bg",
-        "description": "Background color"
-      },
-      {
-        "name": "--input-color",
-        "description": "Text color"
-      },
-      {
-        "name": "--input-border-color",
-        "description": "Border color"
-      },
-      {
-        "name": "--input-placeholder-color",
-        "description": "Placeholder text color"
-      },
-      {
-        "name": "--input-radius",
-        "description": "Border radius"
-      },
-      {
-        "name": "--input-padding",
-        "description": "Inner padding (block inline)"
+        "name": "--file-input-bg",
+        "description": "Dropzone background color"
       },
       {
-        "name": "--input-label-block-inset",
-        "description": "Inset from the field block start for an inset label"
+        "name": "--file-input-border-color",
+        "description": "Dropzone border color"
       },
       {
-        "name": "--input-label-inset",
-        "description": "Inset from the field inline start for an inset label"
+        "name": "--file-input-font-size",
+        "description": "Font size"
       },
       {
-        "name": "--input-gap",
-        "description": "Gap between prefix/suffix icons and input text"
+        "name": "--file-input-radius",
+        "description": "Dropzone border radius"
       },
       {
-        "name": "--input-font-size",
-        "description": "Font size"
+        "name": "--file-input-min-height",
+        "description": "Minimum dropzone height"
       },
       {
-        "name": "--input-height",
-        "description": "Field height"
+        "name": "--file-input-hover-bg",
+        "description": "Dropzone background on hover (flat/ghost variants)"
       },
       {
-        "name": "--input-hover-bg",
-        "description": "Field background on hover (flat/ghost variants)"
+        "name": "--file-input-hover-border-color",
+        "description": "Dropzone border on hover (flat/bordered variants)"
       },
       {
-        "name": "--input-hover-border-color",
-        "description": "Field border on hover (flat/bordered variants)"
+        "name": "--file-input-focus-bg",
+        "description": "Dropzone background when focused/drag-over (flat variant)"
       },
       {
-        "name": "--input-focus-bg",
-        "description": "Field background when focused (flat variant)"
+        "name": "--file-input-focus-border-color",
+        "description": "Dropzone border when focused/drag-over (flat variant)"
       },
       {
-        "name": "--input-focus-border-color",
-        "description": "Field border when focused (flat/text variants)"
+        "name": "--file-input-thumb-size",
+        "description": "Gallery thumbnail width/height"
       }
     ],
     "demos": [
       {
         "url": "",
-        "description": "```html\n<ore-input type=\"email\" label=\"Email\" placeholder=\"you@example.com\" />\n<ore-input label=\"Name\" variant=\"bordered\" color=\"primary\" />\n<ore-input label=\"Username\" error=\"That username is taken\" />\n<ore-input label=\"Username\" success />\n<ore-input label=\"Username\" loading />\n```"
+        "description": "```html\n<ore-file-input label=\"Upload files\" accept=\"image/*\" multiple />\n<ore-file-input label=\"Photos\" accept=\"image/*\" multiple gallery />\n<ore-file-input label=\"Resume\" accept=\".pdf,.doc,.docx\" max-size=\"5242880\" />\n<ore-file-input variant=\"bordered\" color=\"primary\" />\n```\n```ts\n// Wire up a real upload transport: progress/retry/success are then handled automatically.\n// `XMLHttpRequest` is used here (not `fetch`) because it's the only browser API that reports\n// upload progress; swap in whatever transport the app already uses.\nconst input = document.querySelector('ore-file-input');\ninput.upload = (file, { onProgress, signal, resumeFrom }) =>\n  new Promise((resolve, reject) => {\n    const xhr = new XMLHttpRequest();\n    xhr.upload.addEventListener('progress', (e) => onProgress(resumeFrom + e.loaded, file.size));\n    xhr.addEventListener('load', () => (xhr.status < 400 ? resolve() : reject(new Error(xhr.statusText))));\n    xhr.addEventListener('error', () => reject(new Error('Network error')));\n    signal.addEventListener('abort', () => xhr.abort());\n    xhr.open('PUT', '/uploads');\n    if (resumeFrom > 0) xhr.setRequestHeader('Content-Range', `bytes ${resumeFrom}-/${file.size}`);\n    xhr.send(file);\n  });\n```"
       }
     ]
   },