npm - @viax.io/uxm - Versions diffs - 4.38.0 → 4.40.0 - Mend

@viax.io/uxm 4.38.0 → 4.40.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1189) hide show

package/dist/studio/lib/registry/inputs/file-upload.cjs ADDED Viewed

@@ -0,0 +1,161 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var file_upload_exports = {};
+__export(file_upload_exports, {
+  fileUploadDef: () => fileUploadDef
+});
+module.exports = __toCommonJS(file_upload_exports);
+const fileUploadDef = {
+  id: "file-upload",
+  name: "File Upload",
+  category: "Inputs",
+  description: "File-upload atom. Click anywhere on the drop area opens the system file picker; dragging files in fires the drag-over state and drop sends them to `onFiles`. Two state spaces: (1) drop-area state covers default / hover / drag-over / focus / disabled / error (page-level errors only), and (2) per-file lifecycle status \u2014 `queued | uploading | done | error` \u2014 lives on each `FileUploadFileMeta.status` and paints each row independently. The drop area never shows an aggregate progress bar; each row has its own. Visual-only atom: no built-in upload; `onFiles` returns native `File[]` for the caller to drive. v2 backlog: image rows render a `Thumbnail` preview keyed off MIME instead of the generic document glyph.",
+  styleProperties: [
+    // ── Per-state drop-area surface colors ──
+    // Note: `dropAreaColors` (not the generic `fieldColors` used by
+    // input-text / textarea / etc.) — the dropzone is a drop area, not
+    // a text field. Same shape as fieldColors otherwise: bg / border /
+    // text per state, gated by `showWhen: { state }`.
+    // Default
+    { key: "backgroundColor", label: "Background", control: "color", defaultValue: "var(--color-card)", section: "dropAreaColors", showWhen: { state: "default" } },
+    { key: "borderColor", label: "Border", control: "color", defaultValue: "var(--color-border)", section: "dropAreaColors", showWhen: { state: "default" } },
+    { key: "color", label: "Text", control: "color", defaultValue: "var(--color-text)", section: "dropAreaColors", showWhen: { state: "default" } },
+    // Hover
+    { key: "hoverBg", label: "Background", control: "color", defaultValue: "var(--color-card)", section: "dropAreaColors", showWhen: { state: "hover" } },
+    { key: "hoverBorder", label: "Border", control: "color", defaultValue: "var(--color-accent)", section: "dropAreaColors", showWhen: { state: "hover" } },
+    // Drag-over — overlay style: only the surface bg / border / icon tint change.
+    { key: "dragBg", label: "Background", control: "color", defaultValue: "color-mix(in srgb, var(--color-accent) 8%, var(--color-card))", section: "dragState", showWhen: { state: "drag-over" } },
+    { key: "dragBorder", label: "Border", control: "color", defaultValue: "var(--color-accent)", section: "dragState", showWhen: { state: "drag-over" } },
+    { key: "dragAccent", label: "Icon Tint", control: "color", defaultValue: "var(--color-accent)", section: "dragState", showWhen: { state: "drag-over" } },
+    // Focus — paints via :focus-within on the label (the hidden input owns focus).
+    { key: "focusBorder", label: "Border", control: "color", defaultValue: "var(--color-accent)", section: "dropAreaColors", showWhen: { state: "focus" } },
+    { key: "focusRing", label: "Ring", control: "color", defaultValue: "var(--color-accent)", section: "focusState", showWhen: { state: "focus" } },
+    // Error — surface tint + dedicated message slot below the drop area.
+    { key: "errorBg", label: "Background", control: "color", defaultValue: "var(--color-card)", section: "dropAreaColors", showWhen: { state: "error" } },
+    { key: "errorBorder", label: "Border", control: "color", defaultValue: "var(--color-danger-text)", section: "dropAreaColors", showWhen: { state: "error" } },
+    { key: "errorColor", label: "Message Color", control: "color", defaultValue: "var(--color-danger-text)", section: "errorState", showWhen: { state: "error" } },
+    { key: "errorMessageSize", label: "Message Size", control: "number", defaultValue: 12, min: 10, max: 16, step: 1, unit: "px", section: "errorState", showWhen: { state: "error" } },
+    // Disabled
+    { key: "disabledBg", label: "Background", control: "color", defaultValue: "var(--color-surface-alt)", section: "dropAreaColors", showWhen: { state: "disabled" } },
+    { key: "disabledBorder", label: "Border", control: "color", defaultValue: "var(--color-border)", section: "dropAreaColors", showWhen: { state: "disabled" } },
+    { key: "disabledColor", label: "Text", control: "color", defaultValue: "var(--color-text-muted)", section: "dropAreaColors", showWhen: { state: "disabled" } },
+    { key: "disabledOpacity", label: "Opacity", control: "slider", defaultValue: 0.6, min: 0.1, max: 1, step: 0.05, section: "disabledState", showWhen: { state: "disabled" } },
+    // ── Shared geometry (always visible) ──
+    { key: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 12, min: 0, max: 24, step: 1, unit: "px" },
+    { key: "borderStyle", label: "Border Style", control: "select", defaultValue: "dashed", options: ["dashed", "solid", "dotted"] },
+    { key: "borderWidth", label: "Border Width", control: "slider", defaultValue: 1.5, min: 1, max: 4, step: 0.5, unit: "px" },
+    { key: "paddingX", label: "Padding X", control: "number", defaultValue: 24, min: 8, max: 48, step: 2, unit: "px" },
+    { key: "paddingY", label: "Padding Y", control: "number", defaultValue: 24, min: 8, max: 64, step: 2, unit: "px" },
+    { key: "minHeight", label: "Min Height", control: "number", defaultValue: 160, min: 80, max: 320, step: 10, unit: "px" },
+    { key: "gap", label: "Gap", control: "number", defaultValue: 8, min: 0, max: 24, step: 1, unit: "px" },
+    // ── Icon sub-element ──
+    { key: "iconSize", label: "Icon Size", control: "number", defaultValue: 40, min: 20, max: 72, step: 2, unit: "px", section: "icon" },
+    { key: "iconColor", label: "Icon Color", control: "color", defaultValue: "var(--color-accent)", section: "icon" },
+    // ── Text sub-elements ──
+    { key: "titleSize", label: "Title Size", control: "number", defaultValue: 15, min: 12, max: 22, step: 1, unit: "px", section: "text" },
+    { key: "helpSize", label: "Help Size", control: "number", defaultValue: 13, min: 10, max: 16, step: 1, unit: "px", section: "text" },
+    { key: "helpColor", label: "Help Color", control: "color", defaultValue: "var(--color-text-muted)", section: "text" },
+    { key: "allowedTypesSize", label: "Allowed-types Size", control: "number", defaultValue: 11, min: 9, max: 14, step: 1, unit: "px", section: "text" },
+    { key: "allowedTypesColor", label: "Allowed-types Color", control: "color", defaultValue: "var(--color-text-subtle)", section: "text" },
+    // ── File-list row knobs (only consumed when `withList: on`) ──
+    { key: "rowBg", label: "Row Background", control: "color", defaultValue: "var(--color-surface)", section: "fileList" },
+    { key: "rowBorder", label: "Row Border", control: "color", defaultValue: "var(--color-border)", section: "fileList" },
+    { key: "rowRadius", label: "Row Radius", control: "slider", defaultValue: 8, min: 0, max: 16, step: 1, unit: "px", section: "fileList" },
+    { key: "rowGap", label: "Row Gap", control: "number", defaultValue: 6, min: 0, max: 16, step: 1, unit: "px", section: "fileList" },
+    { key: "rowPaddingX", label: "Row Padding X", control: "number", defaultValue: 12, min: 4, max: 24, step: 1, unit: "px", section: "fileList" },
+    { key: "rowPaddingY", label: "Row Padding Y", control: "number", defaultValue: 8, min: 2, max: 20, step: 1, unit: "px", section: "fileList" },
+    { key: "rowNameColor", label: "Filename", control: "color", defaultValue: "var(--color-text-strong)", section: "fileList" },
+    { key: "rowMetaColor", label: "Meta Text", control: "color", defaultValue: "var(--color-text-muted)", section: "fileList" },
+    { key: "rowIconColor", label: "File Icon", control: "color", defaultValue: "var(--color-accent)", section: "fileList" },
+    { key: "removeIconColor", label: "Remove Icon", control: "color", defaultValue: "var(--color-text-muted)", section: "fileList" },
+    // Download control. The key does not collide with REAL_CSS_PROPS, so the
+    // generic `--uxm-file-upload-{kebab}` fallback already lands on the name
+    // the stylesheet reads — no PER_COMPONENT_MAPPING entry needed.
+    // No hover knob on purpose: the registry's `state` variants drive the DROP
+    // AREA, not the rows, so a row-hover knob would save a value the canvas
+    // could never show changing. `--uxm-file-upload-download-icon-hover-color`
+    // stays available to consumers, exactly as the remove button's does.
+    { key: "downloadIconColor", label: "Download Icon", control: "color", defaultValue: "var(--color-text-muted)", section: "fileList" },
+    // ── File List · Progress ──
+    // Per-row progress strip (applied during status="uploading"). It's a
+    // single thin colored bar painted directly on the row's bottom edge —
+    // no separate track element, so no `progressTrack` knob (the row's
+    // own background IS the implicit track at 2px height).
+    { key: "progressFill", label: "Progress Fill", control: "color", defaultValue: "var(--color-accent)", section: "fileListProgress" },
+    { key: "progressHeight", label: "Progress Height", control: "number", defaultValue: 2, min: 1, max: 6, step: 1, unit: "px", section: "fileListProgress" },
+    // ── File List · Status ──
+    // Per-status visual overrides — "what changes when a row succeeds or
+    // fails." Grouped together because they're all conditional styling
+    // on the same base row, not standalone properties of any one state.
+    { key: "rowDoneBg", label: "Done Background", control: "color", defaultValue: "var(--color-success-bg)", section: "fileListStatus" },
+    { key: "rowDoneBorderColor", label: "Done Border", control: "color", defaultValue: "var(--color-success-border)", section: "fileListStatus" },
+    { key: "rowDoneIconColor", label: "Done Icon", control: "color", defaultValue: "var(--color-success-text)", section: "fileListStatus" },
+    { key: "rowErrorBg", label: "Error Background", control: "color", defaultValue: "var(--color-danger-bg)", section: "fileListStatus" },
+    { key: "rowErrorBorderColor", label: "Error Border", control: "color", defaultValue: "var(--color-danger-border)", section: "fileListStatus" },
+    { key: "rowErrorIconColor", label: "Error Icon", control: "color", defaultValue: "var(--color-danger-text)", section: "fileListStatus" },
+    { key: "rowErrorMetaColor", label: "Error Text", control: "color", defaultValue: "var(--color-danger-text)", section: "fileListStatus" }
+  ],
+  layoutVariants: [
+    {
+      key: "state",
+      label: "State",
+      options: [
+        { value: "default", label: "Default" },
+        { value: "hover", label: "Hover" },
+        { value: "drag-over", label: "Drag Over" },
+        { value: "focus", label: "Focus" },
+        { value: "uploading", label: "Uploading" },
+        { value: "error", label: "Error" },
+        { value: "disabled", label: "Disabled" }
+      ],
+      defaultValue: "default"
+    }
+  ],
+  events: [
+    { name: "onFiles", description: "Fires when the user picks files (via picker or drop). Receives a native `File[]`.", payload: "File[]" },
+    { name: "onRemove", description: "Fires when a row's remove button is clicked (only when `showFileList` is on).", payload: "{ id: string }" },
+    { name: "onDragEnter", description: "Fires when a drag enters the drop area.", payload: "DragEvent" },
+    { name: "onDragLeave", description: "Fires when a drag leaves the drop area.", payload: "DragEvent" },
+    { name: "onError", description: "Fires when the caller rejects a drop (e.g. wrong MIME). The atom never fires this on its own \u2014 drive it from your validation in `onFiles`.", payload: "{ reason: string }" }
+  ],
+  api: {
+    importPath: "@viax.io/uxm/ui",
+    importNames: "FileUpload",
+    props: [
+      { name: "onFiles", type: "(files: File[]) => void", description: "Receives picked or dropped files." },
+      { name: "onRemove", type: "(id: string) => void", description: "Called when a row's remove button is clicked. Only meaningful with `showFileList`." },
+      { name: "multiple", type: "boolean", defaultValue: "true", description: "Allow selecting more than one file at a time. Maps to `<input multiple>`." },
+      { name: "accept", type: "string", description: 'Standard `<input accept>` filter, e.g. `"image/*"` or `".pdf,.docx"`. Runtime prop \u2014 not a workbench knob.' },
+      { name: "disabled", type: "boolean", defaultValue: "false", description: "Disables click + drop interactions." },
+      { name: "titleText", type: "string", defaultValue: '"Upload a file"', description: "Heading inside the drop area." },
+      { name: "helpText", type: "string", description: "Hint line under the title. Defaults to a `multiple`-aware string if omitted." },
+      { name: "allowedTypesText", type: "string", description: 'Optional constraint line below the help text \u2014 e.g. "PDF, DOCX \xB7 up to 10 MB". Caller-controlled copy: the atom never invents it and never enforces it. Keep it in sync with the `accept` filter and your `onFiles` validation. If omitted, no slot renders.' },
+      { name: "error", type: "string", description: 'Page-level error message (e.g. "Connection lost"). Paints the drop area in the `error` state and renders the message below it. Named `error` to match the rest of the input family. Distinct from per-file errors \u2014 set `status: "error"` + `errorMessage` on a `FileUploadFileMeta` for single-file failures.' },
+      { name: "errorMessage", type: "string", description: "Deprecated alias for `error` (back-compat); `error` wins when both are set." },
+      { name: "files", type: "FileUploadFileMeta[]", description: "Files to display in the inline list under the drop area. Each row: `{ id, name, size, status?, progress?, errorMessage? }`. `status` is `queued | uploading | done | error` and drives row rendering independently. List is always rendered when `files.length > 0` \u2014 to keep the list elsewhere on the page, just don't pass `files` to the atom." },
+      { name: "state", type: '"default" | "drag-over" | "uploading" | "error"', description: 'Drop-area visual state. Caller-controlled \u2014 the atom never auto-derives this from per-file statuses. Set `"uploading"` for batch lockouts / pre-file validation / indeterminate uploads; the help text swaps to "Uploading\u2026" and `aria-busy` is applied. Per-file states (queued/uploading/done/error) live on each `FileUploadFileMeta.status` and are orthogonal to this.' },
+      { name: "iconGlyph", type: "string", defaultValue: '"cloud-arrow-up"', description: "Override the drop-area icon glyph." }
+    ]
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  fileUploadDef
+});
+//# sourceMappingURL=file-upload.cjs.map

package/dist/studio/lib/registry/inputs/file-upload.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/studio/lib/registry/inputs/file-upload.ts"],"sourcesContent":["import type { ComponentDef } from '../../types';\n\nexport const fileUploadDef: ComponentDef = {\n id: 'file-upload',\n name: 'File Upload',\n category: 'Inputs',\n description: 'File-upload atom. Click anywhere on the drop area opens the system file picker; dragging files in fires the drag-over state and drop sends them to `onFiles`. Two state spaces: (1) drop-area state covers default / hover / drag-over / focus / disabled / error (page-level errors only), and (2) per-file lifecycle status — `queued | uploading | done | error` — lives on each `FileUploadFileMeta.status` and paints each row independently. The drop area never shows an aggregate progress bar; each row has its own. Visual-only atom: no built-in upload; `onFiles` returns native `File[]` for the caller to drive. v2 backlog: image rows render a `Thumbnail` preview keyed off MIME instead of the generic document glyph.',\n styleProperties: [\n // ── Per-state drop-area surface colors ──\n // Note: `dropAreaColors` (not the generic `fieldColors` used by\n // input-text / textarea / etc.) — the dropzone is a drop area, not\n // a text field. Same shape as fieldColors otherwise: bg / border /\n // text per state, gated by `showWhen: { state }`.\n // Default\n { key: 'backgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-card)', section: 'dropAreaColors', showWhen: { state: 'default' } },\n { key: 'borderColor', label: 'Border', control: 'color', defaultValue: 'var(--color-border)', section: 'dropAreaColors', showWhen: { state: 'default' } },\n { key: 'color', label: 'Text', control: 'color', defaultValue: 'var(--color-text)', section: 'dropAreaColors', showWhen: { state: 'default' } },\n // Hover\n { key: 'hoverBg', label: 'Background', control: 'color', defaultValue: 'var(--color-card)', section: 'dropAreaColors', showWhen: { state: 'hover' } },\n { key: 'hoverBorder', label: 'Border', control: 'color', defaultValue: 'var(--color-accent)', section: 'dropAreaColors', showWhen: { state: 'hover' } },\n // Drag-over — overlay style: only the surface bg / border / icon tint change.\n { key: 'dragBg', label: 'Background', control: 'color', defaultValue: 'color-mix(in srgb, var(--color-accent) 8%, var(--color-card))', section: 'dragState', showWhen: { state: 'drag-over' } },\n { key: 'dragBorder', label: 'Border', control: 'color', defaultValue: 'var(--color-accent)', section: 'dragState', showWhen: { state: 'drag-over' } },\n { key: 'dragAccent', label: 'Icon Tint', control: 'color', defaultValue: 'var(--color-accent)', section: 'dragState', showWhen: { state: 'drag-over' } },\n // Focus — paints via :focus-within on the label (the hidden input owns focus).\n { key: 'focusBorder', label: 'Border', control: 'color', defaultValue: 'var(--color-accent)', section: 'dropAreaColors', showWhen: { state: 'focus' } },\n { key: 'focusRing', label: 'Ring', control: 'color', defaultValue: 'var(--color-accent)', section: 'focusState', showWhen: { state: 'focus' } },\n // Error — surface tint + dedicated message slot below the drop area.\n { key: 'errorBg', label: 'Background', control: 'color', defaultValue: 'var(--color-card)', section: 'dropAreaColors', showWhen: { state: 'error' } },\n { key: 'errorBorder', label: 'Border', control: 'color', defaultValue: 'var(--color-danger-text)', section: 'dropAreaColors', showWhen: { state: 'error' } },\n { key: 'errorColor', label: 'Message Color', control: 'color', defaultValue: 'var(--color-danger-text)', section: 'errorState', showWhen: { state: 'error' } },\n { key: 'errorMessageSize', label: 'Message Size', control: 'number', defaultValue: 12, min: 10, max: 16, step: 1, unit: 'px', section: 'errorState', showWhen: { state: 'error' } },\n // Disabled\n { key: 'disabledBg', label: 'Background', control: 'color', defaultValue: 'var(--color-surface-alt)', section: 'dropAreaColors', showWhen: { state: 'disabled' } },\n { key: 'disabledBorder', label: 'Border', control: 'color', defaultValue: 'var(--color-border)', section: 'dropAreaColors', showWhen: { state: 'disabled' } },\n { key: 'disabledColor', label: 'Text', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'dropAreaColors', showWhen: { state: 'disabled' } },\n { key: 'disabledOpacity', label: 'Opacity', control: 'slider', defaultValue: 0.6, min: 0.1, max: 1, step: 0.05, section: 'disabledState', showWhen: { state: 'disabled' } },\n // ── Shared geometry (always visible) ──\n { key: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 12, min: 0, max: 24, step: 1, unit: 'px' },\n { key: 'borderStyle', label: 'Border Style', control: 'select', defaultValue: 'dashed', options: ['dashed', 'solid', 'dotted'] },\n { key: 'borderWidth', label: 'Border Width', control: 'slider', defaultValue: 1.5, min: 1, max: 4, step: 0.5, unit: 'px' },\n { key: 'paddingX', label: 'Padding X', control: 'number', defaultValue: 24, min: 8, max: 48, step: 2, unit: 'px' },\n { key: 'paddingY', label: 'Padding Y', control: 'number', defaultValue: 24, min: 8, max: 64, step: 2, unit: 'px' },\n { key: 'minHeight', label: 'Min Height', control: 'number', defaultValue: 160, min: 80, max: 320, step: 10, unit: 'px' },\n { key: 'gap', label: 'Gap', control: 'number', defaultValue: 8, min: 0, max: 24, step: 1, unit: 'px' },\n // ── Icon sub-element ──\n { key: 'iconSize', label: 'Icon Size', control: 'number', defaultValue: 40, min: 20, max: 72, step: 2, unit: 'px', section: 'icon' },\n { key: 'iconColor', label: 'Icon Color', control: 'color', defaultValue: 'var(--color-accent)', section: 'icon' },\n // ── Text sub-elements ──\n { key: 'titleSize', label: 'Title Size', control: 'number', defaultValue: 15, min: 12, max: 22, step: 1, unit: 'px', section: 'text' },\n { key: 'helpSize', label: 'Help Size', control: 'number', defaultValue: 13, min: 10, max: 16, step: 1, unit: 'px', section: 'text' },\n { key: 'helpColor', label: 'Help Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'text' },\n { key: 'allowedTypesSize', label: 'Allowed-types Size', control: 'number', defaultValue: 11, min: 9, max: 14, step: 1, unit: 'px', section: 'text' },\n { key: 'allowedTypesColor', label: 'Allowed-types Color', control: 'color', defaultValue: 'var(--color-text-subtle)', section: 'text' },\n // ── File-list row knobs (only consumed when `withList: on`) ──\n { key: 'rowBg', label: 'Row Background', control: 'color', defaultValue: 'var(--color-surface)', section: 'fileList' },\n { key: 'rowBorder', label: 'Row Border', control: 'color', defaultValue: 'var(--color-border)', section: 'fileList' },\n { key: 'rowRadius', label: 'Row Radius', control: 'slider', defaultValue: 8, min: 0, max: 16, step: 1, unit: 'px', section: 'fileList' },\n { key: 'rowGap', label: 'Row Gap', control: 'number', defaultValue: 6, min: 0, max: 16, step: 1, unit: 'px', section: 'fileList' },\n { key: 'rowPaddingX', label: 'Row Padding X', control: 'number', defaultValue: 12, min: 4, max: 24, step: 1, unit: 'px', section: 'fileList' },\n { key: 'rowPaddingY', label: 'Row Padding Y', control: 'number', defaultValue: 8, min: 2, max: 20, step: 1, unit: 'px', section: 'fileList' },\n { key: 'rowNameColor', label: 'Filename', control: 'color', defaultValue: 'var(--color-text-strong)', section: 'fileList' },\n { key: 'rowMetaColor', label: 'Meta Text', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'fileList' },\n { key: 'rowIconColor', label: 'File Icon', control: 'color', defaultValue: 'var(--color-accent)', section: 'fileList' },\n { key: 'removeIconColor', label: 'Remove Icon', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'fileList' },\n // Download control. The key does not collide with REAL_CSS_PROPS, so the\n // generic `--uxm-file-upload-{kebab}` fallback already lands on the name\n // the stylesheet reads — no PER_COMPONENT_MAPPING entry needed.\n // No hover knob on purpose: the registry's `state` variants drive the DROP\n // AREA, not the rows, so a row-hover knob would save a value the canvas\n // could never show changing. `--uxm-file-upload-download-icon-hover-color`\n // stays available to consumers, exactly as the remove button's does.\n { key: 'downloadIconColor', label: 'Download Icon', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'fileList' },\n // ── File List · Progress ──\n // Per-row progress strip (applied during status=\"uploading\"). It's a\n // single thin colored bar painted directly on the row's bottom edge —\n // no separate track element, so no `progressTrack` knob (the row's\n // own background IS the implicit track at 2px height).\n { key: 'progressFill', label: 'Progress Fill', control: 'color', defaultValue: 'var(--color-accent)', section: 'fileListProgress' },\n { key: 'progressHeight', label: 'Progress Height', control: 'number', defaultValue: 2, min: 1, max: 6, step: 1, unit: 'px', section: 'fileListProgress' },\n // ── File List · Status ──\n // Per-status visual overrides — \"what changes when a row succeeds or\n // fails.\" Grouped together because they're all conditional styling\n // on the same base row, not standalone properties of any one state.\n { key: 'rowDoneBg', label: 'Done Background', control: 'color', defaultValue: 'var(--color-success-bg)', section: 'fileListStatus' },\n { key: 'rowDoneBorderColor', label: 'Done Border', control: 'color', defaultValue: 'var(--color-success-border)', section: 'fileListStatus' },\n { key: 'rowDoneIconColor', label: 'Done Icon', control: 'color', defaultValue: 'var(--color-success-text)', section: 'fileListStatus' },\n { key: 'rowErrorBg', label: 'Error Background', control: 'color', defaultValue: 'var(--color-danger-bg)', section: 'fileListStatus' },\n { key: 'rowErrorBorderColor', label: 'Error Border', control: 'color', defaultValue: 'var(--color-danger-border)', section: 'fileListStatus' },\n { key: 'rowErrorIconColor', label: 'Error Icon', control: 'color', defaultValue: 'var(--color-danger-text)', section: 'fileListStatus' },\n { key: 'rowErrorMetaColor', label: 'Error Text', control: 'color', defaultValue: 'var(--color-danger-text)', section: 'fileListStatus' },\n ],\n layoutVariants: [\n {\n key: 'state',\n label: 'State',\n options: [\n { value: 'default', label: 'Default' },\n { value: 'hover', label: 'Hover' },\n { value: 'drag-over', label: 'Drag Over' },\n { value: 'focus', label: 'Focus' },\n { value: 'uploading', label: 'Uploading' },\n { value: 'error', label: 'Error' },\n { value: 'disabled', label: 'Disabled' },\n ],\n defaultValue: 'default',\n },\n ],\n events: [\n { name: 'onFiles', description: 'Fires when the user picks files (via picker or drop). Receives a native `File[]`.', payload: 'File[]' },\n { name: 'onRemove', description: \"Fires when a row's remove button is clicked (only when `showFileList` is on).\", payload: '{ id: string }' },\n { name: 'onDragEnter', description: 'Fires when a drag enters the drop area.', payload: 'DragEvent' },\n { name: 'onDragLeave', description: 'Fires when a drag leaves the drop area.', payload: 'DragEvent' },\n { name: 'onError', description: 'Fires when the caller rejects a drop (e.g. wrong MIME). The atom never fires this on its own — drive it from your validation in `onFiles`.', payload: '{ reason: string }' },\n ],\n api: {\n importPath: '@viax.io/uxm/ui',\n importNames: 'FileUpload',\n props: [\n { name: 'onFiles', type: '(files: File[]) => void', description: 'Receives picked or dropped files.' },\n { name: 'onRemove', type: '(id: string) => void', description: \"Called when a row's remove button is clicked. Only meaningful with `showFileList`.\" },\n { name: 'multiple', type: 'boolean', defaultValue: 'true', description: 'Allow selecting more than one file at a time. Maps to `<input multiple>`.' },\n { name: 'accept', type: 'string', description: 'Standard `<input accept>` filter, e.g. `\"image/*\"` or `\".pdf,.docx\"`. Runtime prop — not a workbench knob.' },\n { name: 'disabled', type: 'boolean', defaultValue: 'false', description: 'Disables click + drop interactions.' },\n { name: 'titleText', type: 'string', defaultValue: '\"Upload a file\"', description: 'Heading inside the drop area.' },\n { name: 'helpText', type: 'string', description: 'Hint line under the title. Defaults to a `multiple`-aware string if omitted.' },\n { name: 'allowedTypesText', type: 'string', description: 'Optional constraint line below the help text — e.g. \"PDF, DOCX · up to 10 MB\". Caller-controlled copy: the atom never invents it and never enforces it. Keep it in sync with the `accept` filter and your `onFiles` validation. If omitted, no slot renders.' },\n { name: 'error', type: 'string', description: 'Page-level error message (e.g. \"Connection lost\"). Paints the drop area in the `error` state and renders the message below it. Named `error` to match the rest of the input family. Distinct from per-file errors — set `status: \"error\"` + `errorMessage` on a `FileUploadFileMeta` for single-file failures.' },\n { name: 'errorMessage', type: 'string', description: 'Deprecated alias for `error` (back-compat); `error` wins when both are set.' },\n { name: 'files', type: 'FileUploadFileMeta[]', description: \"Files to display in the inline list under the drop area. Each row: `{ id, name, size, status?, progress?, errorMessage? }`. `status` is `queued | uploading | done | error` and drives row rendering independently. List is always rendered when `files.length > 0` — to keep the list elsewhere on the page, just don't pass `files` to the atom.\" },\n { name: 'state', type: '\"default\" | \"drag-over\" | \"uploading\" | \"error\"', description: 'Drop-area visual state. Caller-controlled — the atom never auto-derives this from per-file statuses. Set `\"uploading\"` for batch lockouts / pre-file validation / indeterminate uploads; the help text swaps to \"Uploading…\" and `aria-busy` is applied. Per-file states (queued/uploading/done/error) live on each `FileUploadFileMeta.status` and are orthogonal to this.' },\n { name: 'iconGlyph', type: 'string', defaultValue: '\"cloud-arrow-up\"', description: 'Override the drop-area icon glyph.' },\n ],\n },\n};\n"],"mappings":"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","names":[]}

package/dist/studio/lib/registry/inputs/file-upload.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { ComponentDef } from '../../types.js';
+export declare const fileUploadDef: ComponentDef;
+//# sourceMappingURL=file-upload.d.ts.map

package/dist/studio/lib/registry/inputs/file-upload.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../../../../src/studio/lib/registry/inputs/file-upload.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,eAAO,MAAM,aAAa,EAAE,YAoI3B,CAAC"}

package/dist/studio/lib/registry/inputs/file-upload.js ADDED Viewed

@@ -0,0 +1,137 @@
+const fileUploadDef = {
+  id: "file-upload",
+  name: "File Upload",
+  category: "Inputs",
+  description: "File-upload atom. Click anywhere on the drop area opens the system file picker; dragging files in fires the drag-over state and drop sends them to `onFiles`. Two state spaces: (1) drop-area state covers default / hover / drag-over / focus / disabled / error (page-level errors only), and (2) per-file lifecycle status \u2014 `queued | uploading | done | error` \u2014 lives on each `FileUploadFileMeta.status` and paints each row independently. The drop area never shows an aggregate progress bar; each row has its own. Visual-only atom: no built-in upload; `onFiles` returns native `File[]` for the caller to drive. v2 backlog: image rows render a `Thumbnail` preview keyed off MIME instead of the generic document glyph.",
+  styleProperties: [
+    // ── Per-state drop-area surface colors ──
+    // Note: `dropAreaColors` (not the generic `fieldColors` used by
+    // input-text / textarea / etc.) — the dropzone is a drop area, not
+    // a text field. Same shape as fieldColors otherwise: bg / border /
+    // text per state, gated by `showWhen: { state }`.
+    // Default
+    { key: "backgroundColor", label: "Background", control: "color", defaultValue: "var(--color-card)", section: "dropAreaColors", showWhen: { state: "default" } },
+    { key: "borderColor", label: "Border", control: "color", defaultValue: "var(--color-border)", section: "dropAreaColors", showWhen: { state: "default" } },
+    { key: "color", label: "Text", control: "color", defaultValue: "var(--color-text)", section: "dropAreaColors", showWhen: { state: "default" } },
+    // Hover
+    { key: "hoverBg", label: "Background", control: "color", defaultValue: "var(--color-card)", section: "dropAreaColors", showWhen: { state: "hover" } },
+    { key: "hoverBorder", label: "Border", control: "color", defaultValue: "var(--color-accent)", section: "dropAreaColors", showWhen: { state: "hover" } },
+    // Drag-over — overlay style: only the surface bg / border / icon tint change.
+    { key: "dragBg", label: "Background", control: "color", defaultValue: "color-mix(in srgb, var(--color-accent) 8%, var(--color-card))", section: "dragState", showWhen: { state: "drag-over" } },
+    { key: "dragBorder", label: "Border", control: "color", defaultValue: "var(--color-accent)", section: "dragState", showWhen: { state: "drag-over" } },
+    { key: "dragAccent", label: "Icon Tint", control: "color", defaultValue: "var(--color-accent)", section: "dragState", showWhen: { state: "drag-over" } },
+    // Focus — paints via :focus-within on the label (the hidden input owns focus).
+    { key: "focusBorder", label: "Border", control: "color", defaultValue: "var(--color-accent)", section: "dropAreaColors", showWhen: { state: "focus" } },
+    { key: "focusRing", label: "Ring", control: "color", defaultValue: "var(--color-accent)", section: "focusState", showWhen: { state: "focus" } },
+    // Error — surface tint + dedicated message slot below the drop area.
+    { key: "errorBg", label: "Background", control: "color", defaultValue: "var(--color-card)", section: "dropAreaColors", showWhen: { state: "error" } },
+    { key: "errorBorder", label: "Border", control: "color", defaultValue: "var(--color-danger-text)", section: "dropAreaColors", showWhen: { state: "error" } },
+    { key: "errorColor", label: "Message Color", control: "color", defaultValue: "var(--color-danger-text)", section: "errorState", showWhen: { state: "error" } },
+    { key: "errorMessageSize", label: "Message Size", control: "number", defaultValue: 12, min: 10, max: 16, step: 1, unit: "px", section: "errorState", showWhen: { state: "error" } },
+    // Disabled
+    { key: "disabledBg", label: "Background", control: "color", defaultValue: "var(--color-surface-alt)", section: "dropAreaColors", showWhen: { state: "disabled" } },
+    { key: "disabledBorder", label: "Border", control: "color", defaultValue: "var(--color-border)", section: "dropAreaColors", showWhen: { state: "disabled" } },
+    { key: "disabledColor", label: "Text", control: "color", defaultValue: "var(--color-text-muted)", section: "dropAreaColors", showWhen: { state: "disabled" } },
+    { key: "disabledOpacity", label: "Opacity", control: "slider", defaultValue: 0.6, min: 0.1, max: 1, step: 0.05, section: "disabledState", showWhen: { state: "disabled" } },
+    // ── Shared geometry (always visible) ──
+    { key: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 12, min: 0, max: 24, step: 1, unit: "px" },
+    { key: "borderStyle", label: "Border Style", control: "select", defaultValue: "dashed", options: ["dashed", "solid", "dotted"] },
+    { key: "borderWidth", label: "Border Width", control: "slider", defaultValue: 1.5, min: 1, max: 4, step: 0.5, unit: "px" },
+    { key: "paddingX", label: "Padding X", control: "number", defaultValue: 24, min: 8, max: 48, step: 2, unit: "px" },
+    { key: "paddingY", label: "Padding Y", control: "number", defaultValue: 24, min: 8, max: 64, step: 2, unit: "px" },
+    { key: "minHeight", label: "Min Height", control: "number", defaultValue: 160, min: 80, max: 320, step: 10, unit: "px" },
+    { key: "gap", label: "Gap", control: "number", defaultValue: 8, min: 0, max: 24, step: 1, unit: "px" },
+    // ── Icon sub-element ──
+    { key: "iconSize", label: "Icon Size", control: "number", defaultValue: 40, min: 20, max: 72, step: 2, unit: "px", section: "icon" },
+    { key: "iconColor", label: "Icon Color", control: "color", defaultValue: "var(--color-accent)", section: "icon" },
+    // ── Text sub-elements ──
+    { key: "titleSize", label: "Title Size", control: "number", defaultValue: 15, min: 12, max: 22, step: 1, unit: "px", section: "text" },
+    { key: "helpSize", label: "Help Size", control: "number", defaultValue: 13, min: 10, max: 16, step: 1, unit: "px", section: "text" },
+    { key: "helpColor", label: "Help Color", control: "color", defaultValue: "var(--color-text-muted)", section: "text" },
+    { key: "allowedTypesSize", label: "Allowed-types Size", control: "number", defaultValue: 11, min: 9, max: 14, step: 1, unit: "px", section: "text" },
+    { key: "allowedTypesColor", label: "Allowed-types Color", control: "color", defaultValue: "var(--color-text-subtle)", section: "text" },
+    // ── File-list row knobs (only consumed when `withList: on`) ──
+    { key: "rowBg", label: "Row Background", control: "color", defaultValue: "var(--color-surface)", section: "fileList" },
+    { key: "rowBorder", label: "Row Border", control: "color", defaultValue: "var(--color-border)", section: "fileList" },
+    { key: "rowRadius", label: "Row Radius", control: "slider", defaultValue: 8, min: 0, max: 16, step: 1, unit: "px", section: "fileList" },
+    { key: "rowGap", label: "Row Gap", control: "number", defaultValue: 6, min: 0, max: 16, step: 1, unit: "px", section: "fileList" },
+    { key: "rowPaddingX", label: "Row Padding X", control: "number", defaultValue: 12, min: 4, max: 24, step: 1, unit: "px", section: "fileList" },
+    { key: "rowPaddingY", label: "Row Padding Y", control: "number", defaultValue: 8, min: 2, max: 20, step: 1, unit: "px", section: "fileList" },
+    { key: "rowNameColor", label: "Filename", control: "color", defaultValue: "var(--color-text-strong)", section: "fileList" },
+    { key: "rowMetaColor", label: "Meta Text", control: "color", defaultValue: "var(--color-text-muted)", section: "fileList" },
+    { key: "rowIconColor", label: "File Icon", control: "color", defaultValue: "var(--color-accent)", section: "fileList" },
+    { key: "removeIconColor", label: "Remove Icon", control: "color", defaultValue: "var(--color-text-muted)", section: "fileList" },
+    // Download control. The key does not collide with REAL_CSS_PROPS, so the
+    // generic `--uxm-file-upload-{kebab}` fallback already lands on the name
+    // the stylesheet reads — no PER_COMPONENT_MAPPING entry needed.
+    // No hover knob on purpose: the registry's `state` variants drive the DROP
+    // AREA, not the rows, so a row-hover knob would save a value the canvas
+    // could never show changing. `--uxm-file-upload-download-icon-hover-color`
+    // stays available to consumers, exactly as the remove button's does.
+    { key: "downloadIconColor", label: "Download Icon", control: "color", defaultValue: "var(--color-text-muted)", section: "fileList" },
+    // ── File List · Progress ──
+    // Per-row progress strip (applied during status="uploading"). It's a
+    // single thin colored bar painted directly on the row's bottom edge —
+    // no separate track element, so no `progressTrack` knob (the row's
+    // own background IS the implicit track at 2px height).
+    { key: "progressFill", label: "Progress Fill", control: "color", defaultValue: "var(--color-accent)", section: "fileListProgress" },
+    { key: "progressHeight", label: "Progress Height", control: "number", defaultValue: 2, min: 1, max: 6, step: 1, unit: "px", section: "fileListProgress" },
+    // ── File List · Status ──
+    // Per-status visual overrides — "what changes when a row succeeds or
+    // fails." Grouped together because they're all conditional styling
+    // on the same base row, not standalone properties of any one state.
+    { key: "rowDoneBg", label: "Done Background", control: "color", defaultValue: "var(--color-success-bg)", section: "fileListStatus" },
+    { key: "rowDoneBorderColor", label: "Done Border", control: "color", defaultValue: "var(--color-success-border)", section: "fileListStatus" },
+    { key: "rowDoneIconColor", label: "Done Icon", control: "color", defaultValue: "var(--color-success-text)", section: "fileListStatus" },
+    { key: "rowErrorBg", label: "Error Background", control: "color", defaultValue: "var(--color-danger-bg)", section: "fileListStatus" },
+    { key: "rowErrorBorderColor", label: "Error Border", control: "color", defaultValue: "var(--color-danger-border)", section: "fileListStatus" },
+    { key: "rowErrorIconColor", label: "Error Icon", control: "color", defaultValue: "var(--color-danger-text)", section: "fileListStatus" },
+    { key: "rowErrorMetaColor", label: "Error Text", control: "color", defaultValue: "var(--color-danger-text)", section: "fileListStatus" }
+  ],
+  layoutVariants: [
+    {
+      key: "state",
+      label: "State",
+      options: [
+        { value: "default", label: "Default" },
+        { value: "hover", label: "Hover" },
+        { value: "drag-over", label: "Drag Over" },
+        { value: "focus", label: "Focus" },
+        { value: "uploading", label: "Uploading" },
+        { value: "error", label: "Error" },
+        { value: "disabled", label: "Disabled" }
+      ],
+      defaultValue: "default"
+    }
+  ],
+  events: [
+    { name: "onFiles", description: "Fires when the user picks files (via picker or drop). Receives a native `File[]`.", payload: "File[]" },
+    { name: "onRemove", description: "Fires when a row's remove button is clicked (only when `showFileList` is on).", payload: "{ id: string }" },
+    { name: "onDragEnter", description: "Fires when a drag enters the drop area.", payload: "DragEvent" },
+    { name: "onDragLeave", description: "Fires when a drag leaves the drop area.", payload: "DragEvent" },
+    { name: "onError", description: "Fires when the caller rejects a drop (e.g. wrong MIME). The atom never fires this on its own \u2014 drive it from your validation in `onFiles`.", payload: "{ reason: string }" }
+  ],
+  api: {
+    importPath: "@viax.io/uxm/ui",
+    importNames: "FileUpload",
+    props: [
+      { name: "onFiles", type: "(files: File[]) => void", description: "Receives picked or dropped files." },
+      { name: "onRemove", type: "(id: string) => void", description: "Called when a row's remove button is clicked. Only meaningful with `showFileList`." },
+      { name: "multiple", type: "boolean", defaultValue: "true", description: "Allow selecting more than one file at a time. Maps to `<input multiple>`." },
+      { name: "accept", type: "string", description: 'Standard `<input accept>` filter, e.g. `"image/*"` or `".pdf,.docx"`. Runtime prop \u2014 not a workbench knob.' },
+      { name: "disabled", type: "boolean", defaultValue: "false", description: "Disables click + drop interactions." },
+      { name: "titleText", type: "string", defaultValue: '"Upload a file"', description: "Heading inside the drop area." },
+      { name: "helpText", type: "string", description: "Hint line under the title. Defaults to a `multiple`-aware string if omitted." },
+      { name: "allowedTypesText", type: "string", description: 'Optional constraint line below the help text \u2014 e.g. "PDF, DOCX \xB7 up to 10 MB". Caller-controlled copy: the atom never invents it and never enforces it. Keep it in sync with the `accept` filter and your `onFiles` validation. If omitted, no slot renders.' },
+      { name: "error", type: "string", description: 'Page-level error message (e.g. "Connection lost"). Paints the drop area in the `error` state and renders the message below it. Named `error` to match the rest of the input family. Distinct from per-file errors \u2014 set `status: "error"` + `errorMessage` on a `FileUploadFileMeta` for single-file failures.' },
+      { name: "errorMessage", type: "string", description: "Deprecated alias for `error` (back-compat); `error` wins when both are set." },
+      { name: "files", type: "FileUploadFileMeta[]", description: "Files to display in the inline list under the drop area. Each row: `{ id, name, size, status?, progress?, errorMessage? }`. `status` is `queued | uploading | done | error` and drives row rendering independently. List is always rendered when `files.length > 0` \u2014 to keep the list elsewhere on the page, just don't pass `files` to the atom." },
+      { name: "state", type: '"default" | "drag-over" | "uploading" | "error"', description: 'Drop-area visual state. Caller-controlled \u2014 the atom never auto-derives this from per-file statuses. Set `"uploading"` for batch lockouts / pre-file validation / indeterminate uploads; the help text swaps to "Uploading\u2026" and `aria-busy` is applied. Per-file states (queued/uploading/done/error) live on each `FileUploadFileMeta.status` and are orthogonal to this.' },
+      { name: "iconGlyph", type: "string", defaultValue: '"cloud-arrow-up"', description: "Override the drop-area icon glyph." }
+    ]
+  }
+};
+export {
+  fileUploadDef
+};
+//# sourceMappingURL=file-upload.js.map

package/dist/studio/lib/registry/inputs/file-upload.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/studio/lib/registry/inputs/file-upload.ts"],"sourcesContent":["import type { ComponentDef } from '../../types';\n\nexport const fileUploadDef: ComponentDef = {\n id: 'file-upload',\n name: 'File Upload',\n category: 'Inputs',\n description: 'File-upload atom. Click anywhere on the drop area opens the system file picker; dragging files in fires the drag-over state and drop sends them to `onFiles`. Two state spaces: (1) drop-area state covers default / hover / drag-over / focus / disabled / error (page-level errors only), and (2) per-file lifecycle status — `queued | uploading | done | error` — lives on each `FileUploadFileMeta.status` and paints each row independently. The drop area never shows an aggregate progress bar; each row has its own. Visual-only atom: no built-in upload; `onFiles` returns native `File[]` for the caller to drive. v2 backlog: image rows render a `Thumbnail` preview keyed off MIME instead of the generic document glyph.',\n styleProperties: [\n // ── Per-state drop-area surface colors ──\n // Note: `dropAreaColors` (not the generic `fieldColors` used by\n // input-text / textarea / etc.) — the dropzone is a drop area, not\n // a text field. Same shape as fieldColors otherwise: bg / border /\n // text per state, gated by `showWhen: { state }`.\n // Default\n { key: 'backgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-card)', section: 'dropAreaColors', showWhen: { state: 'default' } },\n { key: 'borderColor', label: 'Border', control: 'color', defaultValue: 'var(--color-border)', section: 'dropAreaColors', showWhen: { state: 'default' } },\n { key: 'color', label: 'Text', control: 'color', defaultValue: 'var(--color-text)', section: 'dropAreaColors', showWhen: { state: 'default' } },\n // Hover\n { key: 'hoverBg', label: 'Background', control: 'color', defaultValue: 'var(--color-card)', section: 'dropAreaColors', showWhen: { state: 'hover' } },\n { key: 'hoverBorder', label: 'Border', control: 'color', defaultValue: 'var(--color-accent)', section: 'dropAreaColors', showWhen: { state: 'hover' } },\n // Drag-over — overlay style: only the surface bg / border / icon tint change.\n { key: 'dragBg', label: 'Background', control: 'color', defaultValue: 'color-mix(in srgb, var(--color-accent) 8%, var(--color-card))', section: 'dragState', showWhen: { state: 'drag-over' } },\n { key: 'dragBorder', label: 'Border', control: 'color', defaultValue: 'var(--color-accent)', section: 'dragState', showWhen: { state: 'drag-over' } },\n { key: 'dragAccent', label: 'Icon Tint', control: 'color', defaultValue: 'var(--color-accent)', section: 'dragState', showWhen: { state: 'drag-over' } },\n // Focus — paints via :focus-within on the label (the hidden input owns focus).\n { key: 'focusBorder', label: 'Border', control: 'color', defaultValue: 'var(--color-accent)', section: 'dropAreaColors', showWhen: { state: 'focus' } },\n { key: 'focusRing', label: 'Ring', control: 'color', defaultValue: 'var(--color-accent)', section: 'focusState', showWhen: { state: 'focus' } },\n // Error — surface tint + dedicated message slot below the drop area.\n { key: 'errorBg', label: 'Background', control: 'color', defaultValue: 'var(--color-card)', section: 'dropAreaColors', showWhen: { state: 'error' } },\n { key: 'errorBorder', label: 'Border', control: 'color', defaultValue: 'var(--color-danger-text)', section: 'dropAreaColors', showWhen: { state: 'error' } },\n { key: 'errorColor', label: 'Message Color', control: 'color', defaultValue: 'var(--color-danger-text)', section: 'errorState', showWhen: { state: 'error' } },\n { key: 'errorMessageSize', label: 'Message Size', control: 'number', defaultValue: 12, min: 10, max: 16, step: 1, unit: 'px', section: 'errorState', showWhen: { state: 'error' } },\n // Disabled\n { key: 'disabledBg', label: 'Background', control: 'color', defaultValue: 'var(--color-surface-alt)', section: 'dropAreaColors', showWhen: { state: 'disabled' } },\n { key: 'disabledBorder', label: 'Border', control: 'color', defaultValue: 'var(--color-border)', section: 'dropAreaColors', showWhen: { state: 'disabled' } },\n { key: 'disabledColor', label: 'Text', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'dropAreaColors', showWhen: { state: 'disabled' } },\n { key: 'disabledOpacity', label: 'Opacity', control: 'slider', defaultValue: 0.6, min: 0.1, max: 1, step: 0.05, section: 'disabledState', showWhen: { state: 'disabled' } },\n // ── Shared geometry (always visible) ──\n { key: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 12, min: 0, max: 24, step: 1, unit: 'px' },\n { key: 'borderStyle', label: 'Border Style', control: 'select', defaultValue: 'dashed', options: ['dashed', 'solid', 'dotted'] },\n { key: 'borderWidth', label: 'Border Width', control: 'slider', defaultValue: 1.5, min: 1, max: 4, step: 0.5, unit: 'px' },\n { key: 'paddingX', label: 'Padding X', control: 'number', defaultValue: 24, min: 8, max: 48, step: 2, unit: 'px' },\n { key: 'paddingY', label: 'Padding Y', control: 'number', defaultValue: 24, min: 8, max: 64, step: 2, unit: 'px' },\n { key: 'minHeight', label: 'Min Height', control: 'number', defaultValue: 160, min: 80, max: 320, step: 10, unit: 'px' },\n { key: 'gap', label: 'Gap', control: 'number', defaultValue: 8, min: 0, max: 24, step: 1, unit: 'px' },\n // ── Icon sub-element ──\n { key: 'iconSize', label: 'Icon Size', control: 'number', defaultValue: 40, min: 20, max: 72, step: 2, unit: 'px', section: 'icon' },\n { key: 'iconColor', label: 'Icon Color', control: 'color', defaultValue: 'var(--color-accent)', section: 'icon' },\n // ── Text sub-elements ──\n { key: 'titleSize', label: 'Title Size', control: 'number', defaultValue: 15, min: 12, max: 22, step: 1, unit: 'px', section: 'text' },\n { key: 'helpSize', label: 'Help Size', control: 'number', defaultValue: 13, min: 10, max: 16, step: 1, unit: 'px', section: 'text' },\n { key: 'helpColor', label: 'Help Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'text' },\n { key: 'allowedTypesSize', label: 'Allowed-types Size', control: 'number', defaultValue: 11, min: 9, max: 14, step: 1, unit: 'px', section: 'text' },\n { key: 'allowedTypesColor', label: 'Allowed-types Color', control: 'color', defaultValue: 'var(--color-text-subtle)', section: 'text' },\n // ── File-list row knobs (only consumed when `withList: on`) ──\n { key: 'rowBg', label: 'Row Background', control: 'color', defaultValue: 'var(--color-surface)', section: 'fileList' },\n { key: 'rowBorder', label: 'Row Border', control: 'color', defaultValue: 'var(--color-border)', section: 'fileList' },\n { key: 'rowRadius', label: 'Row Radius', control: 'slider', defaultValue: 8, min: 0, max: 16, step: 1, unit: 'px', section: 'fileList' },\n { key: 'rowGap', label: 'Row Gap', control: 'number', defaultValue: 6, min: 0, max: 16, step: 1, unit: 'px', section: 'fileList' },\n { key: 'rowPaddingX', label: 'Row Padding X', control: 'number', defaultValue: 12, min: 4, max: 24, step: 1, unit: 'px', section: 'fileList' },\n { key: 'rowPaddingY', label: 'Row Padding Y', control: 'number', defaultValue: 8, min: 2, max: 20, step: 1, unit: 'px', section: 'fileList' },\n { key: 'rowNameColor', label: 'Filename', control: 'color', defaultValue: 'var(--color-text-strong)', section: 'fileList' },\n { key: 'rowMetaColor', label: 'Meta Text', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'fileList' },\n { key: 'rowIconColor', label: 'File Icon', control: 'color', defaultValue: 'var(--color-accent)', section: 'fileList' },\n { key: 'removeIconColor', label: 'Remove Icon', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'fileList' },\n // Download control. The key does not collide with REAL_CSS_PROPS, so the\n // generic `--uxm-file-upload-{kebab}` fallback already lands on the name\n // the stylesheet reads — no PER_COMPONENT_MAPPING entry needed.\n // No hover knob on purpose: the registry's `state` variants drive the DROP\n // AREA, not the rows, so a row-hover knob would save a value the canvas\n // could never show changing. `--uxm-file-upload-download-icon-hover-color`\n // stays available to consumers, exactly as the remove button's does.\n { key: 'downloadIconColor', label: 'Download Icon', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'fileList' },\n // ── File List · Progress ──\n // Per-row progress strip (applied during status=\"uploading\"). It's a\n // single thin colored bar painted directly on the row's bottom edge —\n // no separate track element, so no `progressTrack` knob (the row's\n // own background IS the implicit track at 2px height).\n { key: 'progressFill', label: 'Progress Fill', control: 'color', defaultValue: 'var(--color-accent)', section: 'fileListProgress' },\n { key: 'progressHeight', label: 'Progress Height', control: 'number', defaultValue: 2, min: 1, max: 6, step: 1, unit: 'px', section: 'fileListProgress' },\n // ── File List · Status ──\n // Per-status visual overrides — \"what changes when a row succeeds or\n // fails.\" Grouped together because they're all conditional styling\n // on the same base row, not standalone properties of any one state.\n { key: 'rowDoneBg', label: 'Done Background', control: 'color', defaultValue: 'var(--color-success-bg)', section: 'fileListStatus' },\n { key: 'rowDoneBorderColor', label: 'Done Border', control: 'color', defaultValue: 'var(--color-success-border)', section: 'fileListStatus' },\n { key: 'rowDoneIconColor', label: 'Done Icon', control: 'color', defaultValue: 'var(--color-success-text)', section: 'fileListStatus' },\n { key: 'rowErrorBg', label: 'Error Background', control: 'color', defaultValue: 'var(--color-danger-bg)', section: 'fileListStatus' },\n { key: 'rowErrorBorderColor', label: 'Error Border', control: 'color', defaultValue: 'var(--color-danger-border)', section: 'fileListStatus' },\n { key: 'rowErrorIconColor', label: 'Error Icon', control: 'color', defaultValue: 'var(--color-danger-text)', section: 'fileListStatus' },\n { key: 'rowErrorMetaColor', label: 'Error Text', control: 'color', defaultValue: 'var(--color-danger-text)', section: 'fileListStatus' },\n ],\n layoutVariants: [\n {\n key: 'state',\n label: 'State',\n options: [\n { value: 'default', label: 'Default' },\n { value: 'hover', label: 'Hover' },\n { value: 'drag-over', label: 'Drag Over' },\n { value: 'focus', label: 'Focus' },\n { value: 'uploading', label: 'Uploading' },\n { value: 'error', label: 'Error' },\n { value: 'disabled', label: 'Disabled' },\n ],\n defaultValue: 'default',\n },\n ],\n events: [\n { name: 'onFiles', description: 'Fires when the user picks files (via picker or drop). Receives a native `File[]`.', payload: 'File[]' },\n { name: 'onRemove', description: \"Fires when a row's remove button is clicked (only when `showFileList` is on).\", payload: '{ id: string }' },\n { name: 'onDragEnter', description: 'Fires when a drag enters the drop area.', payload: 'DragEvent' },\n { name: 'onDragLeave', description: 'Fires when a drag leaves the drop area.', payload: 'DragEvent' },\n { name: 'onError', description: 'Fires when the caller rejects a drop (e.g. wrong MIME). The atom never fires this on its own — drive it from your validation in `onFiles`.', payload: '{ reason: string }' },\n ],\n api: {\n importPath: '@viax.io/uxm/ui',\n importNames: 'FileUpload',\n props: [\n { name: 'onFiles', type: '(files: File[]) => void', description: 'Receives picked or dropped files.' },\n { name: 'onRemove', type: '(id: string) => void', description: \"Called when a row's remove button is clicked. Only meaningful with `showFileList`.\" },\n { name: 'multiple', type: 'boolean', defaultValue: 'true', description: 'Allow selecting more than one file at a time. Maps to `<input multiple>`.' },\n { name: 'accept', type: 'string', description: 'Standard `<input accept>` filter, e.g. `\"image/*\"` or `\".pdf,.docx\"`. Runtime prop — not a workbench knob.' },\n { name: 'disabled', type: 'boolean', defaultValue: 'false', description: 'Disables click + drop interactions.' },\n { name: 'titleText', type: 'string', defaultValue: '\"Upload a file\"', description: 'Heading inside the drop area.' },\n { name: 'helpText', type: 'string', description: 'Hint line under the title. Defaults to a `multiple`-aware string if omitted.' },\n { name: 'allowedTypesText', type: 'string', description: 'Optional constraint line below the help text — e.g. \"PDF, DOCX · up to 10 MB\". Caller-controlled copy: the atom never invents it and never enforces it. Keep it in sync with the `accept` filter and your `onFiles` validation. If omitted, no slot renders.' },\n { name: 'error', type: 'string', description: 'Page-level error message (e.g. \"Connection lost\"). Paints the drop area in the `error` state and renders the message below it. Named `error` to match the rest of the input family. Distinct from per-file errors — set `status: \"error\"` + `errorMessage` on a `FileUploadFileMeta` for single-file failures.' },\n { name: 'errorMessage', type: 'string', description: 'Deprecated alias for `error` (back-compat); `error` wins when both are set.' },\n { name: 'files', type: 'FileUploadFileMeta[]', description: \"Files to display in the inline list under the drop area. Each row: `{ id, name, size, status?, progress?, errorMessage? }`. `status` is `queued | uploading | done | error` and drives row rendering independently. List is always rendered when `files.length > 0` — to keep the list elsewhere on the page, just don't pass `files` to the atom.\" },\n { name: 'state', type: '\"default\" | \"drag-over\" | \"uploading\" | \"error\"', description: 'Drop-area visual state. Caller-controlled — the atom never auto-derives this from per-file statuses. Set `\"uploading\"` for batch lockouts / pre-file validation / indeterminate uploads; the help text swaps to \"Uploading…\" and `aria-busy` is applied. Per-file states (queued/uploading/done/error) live on each `FileUploadFileMeta.status` and are orthogonal to this.' },\n { name: 'iconGlyph', type: 'string', defaultValue: '\"cloud-arrow-up\"', description: 'Override the drop-area icon glyph.' },\n ],\n },\n};\n"],"mappings":"AAEO,MAAM,gBAA8B;AAAA,EACzC,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOf,EAAE,KAAK,mBAAmB,OAAO,cAAc,SAAS,SAAS,cAAc,qBAAqB,SAAS,kBAAkB,UAAU,EAAE,OAAO,UAAU,EAAE;AAAA,IAC9J,EAAE,KAAK,eAAe,OAAO,UAAU,SAAS,SAAS,cAAc,uBAAuB,SAAS,kBAAkB,UAAU,EAAE,OAAO,UAAU,EAAE;AAAA,IACxJ,EAAE,KAAK,SAAS,OAAO,QAAQ,SAAS,SAAS,cAAc,qBAAqB,SAAS,kBAAkB,UAAU,EAAE,OAAO,UAAU,EAAE;AAAA;AAAA,IAE9I,EAAE,KAAK,WAAW,OAAO,cAAc,SAAS,SAAS,cAAc,qBAAqB,SAAS,kBAAkB,UAAU,EAAE,OAAO,QAAQ,EAAE;AAAA,IACpJ,EAAE,KAAK,eAAe,OAAO,UAAU,SAAS,SAAS,cAAc,uBAAuB,SAAS,kBAAkB,UAAU,EAAE,OAAO,QAAQ,EAAE;AAAA;AAAA,IAEtJ,EAAE,KAAK,UAAU,OAAO,cAAc,SAAS,SAAS,cAAc,iEAAiE,SAAS,aAAa,UAAU,EAAE,OAAO,YAAY,EAAE;AAAA,IAC9L,EAAE,KAAK,cAAc,OAAO,UAAU,SAAS,SAAS,cAAc,uBAAuB,SAAS,aAAa,UAAU,EAAE,OAAO,YAAY,EAAE;AAAA,IACpJ,EAAE,KAAK,cAAc,OAAO,aAAa,SAAS,SAAS,cAAc,uBAAuB,SAAS,aAAa,UAAU,EAAE,OAAO,YAAY,EAAE;AAAA;AAAA,IAEvJ,EAAE,KAAK,eAAe,OAAO,UAAU,SAAS,SAAS,cAAc,uBAAuB,SAAS,kBAAkB,UAAU,EAAE,OAAO,QAAQ,EAAE;AAAA,IACtJ,EAAE,KAAK,aAAa,OAAO,QAAQ,SAAS,SAAS,cAAc,uBAAuB,SAAS,cAAc,UAAU,EAAE,OAAO,QAAQ,EAAE;AAAA;AAAA,IAE9I,EAAE,KAAK,WAAW,OAAO,cAAc,SAAS,SAAS,cAAc,qBAAqB,SAAS,kBAAkB,UAAU,EAAE,OAAO,QAAQ,EAAE;AAAA,IACpJ,EAAE,KAAK,eAAe,OAAO,UAAU,SAAS,SAAS,cAAc,4BAA4B,SAAS,kBAAkB,UAAU,EAAE,OAAO,QAAQ,EAAE;AAAA,IAC3J,EAAE,KAAK,cAAc,OAAO,iBAAiB,SAAS,SAAS,cAAc,4BAA4B,SAAS,cAAc,UAAU,EAAE,OAAO,QAAQ,EAAE;AAAA,IAC7J,EAAE,KAAK,oBAAoB,OAAO,gBAAgB,SAAS,UAAU,cAAc,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,GAAG,MAAM,MAAM,SAAS,cAAc,UAAU,EAAE,OAAO,QAAQ,EAAE;AAAA;AAAA,IAElL,EAAE,KAAK,cAAc,OAAO,cAAc,SAAS,SAAS,cAAc,4BAA4B,SAAS,kBAAkB,UAAU,EAAE,OAAO,WAAW,EAAE;AAAA,IACjK,EAAE,KAAK,kBAAkB,OAAO,UAAU,SAAS,SAAS,cAAc,uBAAuB,SAAS,kBAAkB,UAAU,EAAE,OAAO,WAAW,EAAE;AAAA,IAC5J,EAAE,KAAK,iBAAiB,OAAO,QAAQ,SAAS,SAAS,cAAc,2BAA2B,SAAS,kBAAkB,UAAU,EAAE,OAAO,WAAW,EAAE;AAAA,IAC7J,EAAE,KAAK,mBAAmB,OAAO,WAAW,SAAS,UAAU,cAAc,KAAK,KAAK,KAAK,KAAK,GAAG,MAAM,MAAM,SAAS,iBAAiB,UAAU,EAAE,OAAO,WAAW,EAAE;AAAA;AAAA,IAE1K,EAAE,KAAK,gBAAgB,OAAO,iBAAiB,SAAS,UAAU,cAAc,IAAI,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,IACzH,EAAE,KAAK,eAAe,OAAO,gBAAgB,SAAS,UAAU,cAAc,UAAU,SAAS,CAAC,UAAU,SAAS,QAAQ,EAAE;AAAA,IAC/H,EAAE,KAAK,eAAe,OAAO,gBAAgB,SAAS,UAAU,cAAc,KAAK,KAAK,GAAG,KAAK,GAAG,MAAM,KAAK,MAAM,KAAK;AAAA,IACzH,EAAE,KAAK,YAAY,OAAO,aAAa,SAAS,UAAU,cAAc,IAAI,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,IACjH,EAAE,KAAK,YAAY,OAAO,aAAa,SAAS,UAAU,cAAc,IAAI,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,IACjH,EAAE,KAAK,aAAa,OAAO,cAAc,SAAS,UAAU,cAAc,KAAK,KAAK,IAAI,KAAK,KAAK,MAAM,IAAI,MAAM,KAAK;AAAA,IACvH,EAAE,KAAK,OAAO,OAAO,OAAO,SAAS,UAAU,cAAc,GAAG,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA;AAAA,IAErG,EAAE,KAAK,YAAY,OAAO,aAAa,SAAS,UAAU,cAAc,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,GAAG,MAAM,MAAM,SAAS,OAAO;AAAA,IACnI,EAAE,KAAK,aAAa,OAAO,cAAc,SAAS,SAAS,cAAc,uBAAuB,SAAS,OAAO;AAAA;AAAA,IAEhH,EAAE,KAAK,aAAa,OAAO,cAAc,SAAS,UAAU,cAAc,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,GAAG,MAAM,MAAM,SAAS,OAAO;AAAA,IACrI,EAAE,KAAK,YAAY,OAAO,aAAa,SAAS,UAAU,cAAc,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,GAAG,MAAM,MAAM,SAAS,OAAO;AAAA,IACnI,EAAE,KAAK,aAAa,OAAO,cAAc,SAAS,SAAS,cAAc,2BAA2B,SAAS,OAAO;AAAA,IACpH,EAAE,KAAK,oBAAoB,OAAO,sBAAsB,SAAS,UAAU,cAAc,IAAI,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,MAAM,SAAS,OAAO;AAAA,IACnJ,EAAE,KAAK,qBAAqB,OAAO,uBAAuB,SAAS,SAAS,cAAc,4BAA4B,SAAS,OAAO;AAAA;AAAA,IAEtI,EAAE,KAAK,SAAS,OAAO,kBAAkB,SAAS,SAAS,cAAc,wBAAwB,SAAS,WAAW;AAAA,IACrH,EAAE,KAAK,aAAa,OAAO,cAAc,SAAS,SAAS,cAAc,uBAAuB,SAAS,WAAW;AAAA,IACpH,EAAE,KAAK,aAAa,OAAO,cAAc,SAAS,UAAU,cAAc,GAAG,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,MAAM,SAAS,WAAW;AAAA,IACvI,EAAE,KAAK,UAAU,OAAO,WAAW,SAAS,UAAU,cAAc,GAAG,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,MAAM,SAAS,WAAW;AAAA,IACjI,EAAE,KAAK,eAAe,OAAO,iBAAiB,SAAS,UAAU,cAAc,IAAI,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,MAAM,SAAS,WAAW;AAAA,IAC7I,EAAE,KAAK,eAAe,OAAO,iBAAiB,SAAS,UAAU,cAAc,GAAG,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,MAAM,SAAS,WAAW;AAAA,IAC5I,EAAE,KAAK,gBAAgB,OAAO,YAAY,SAAS,SAAS,cAAc,4BAA4B,SAAS,WAAW;AAAA,IAC1H,EAAE,KAAK,gBAAgB,OAAO,aAAa,SAAS,SAAS,cAAc,2BAA2B,SAAS,WAAW;AAAA,IAC1H,EAAE,KAAK,gBAAgB,OAAO,aAAa,SAAS,SAAS,cAAc,uBAAuB,SAAS,WAAW;AAAA,IACtH,EAAE,KAAK,mBAAmB,OAAO,eAAe,SAAS,SAAS,cAAc,2BAA2B,SAAS,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQ/H,EAAE,KAAK,qBAAqB,OAAO,iBAAiB,SAAS,SAAS,cAAc,2BAA2B,SAAS,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMnI,EAAE,KAAK,gBAAgB,OAAO,iBAAiB,SAAS,SAAS,cAAc,uBAAuB,SAAS,mBAAmB;AAAA,IAClI,EAAE,KAAK,kBAAkB,OAAO,mBAAmB,SAAS,UAAU,cAAc,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,MAAM,SAAS,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxJ,EAAE,KAAK,aAAa,OAAO,mBAAmB,SAAS,SAAS,cAAc,2BAA2B,SAAS,iBAAiB;AAAA,IACnI,EAAE,KAAK,sBAAsB,OAAO,eAAe,SAAS,SAAS,cAAc,+BAA+B,SAAS,iBAAiB;AAAA,IAC5I,EAAE,KAAK,oBAAoB,OAAO,aAAa,SAAS,SAAS,cAAc,6BAA6B,SAAS,iBAAiB;AAAA,IACtI,EAAE,KAAK,cAAc,OAAO,oBAAoB,SAAS,SAAS,cAAc,0BAA0B,SAAS,iBAAiB;AAAA,IACpI,EAAE,KAAK,uBAAuB,OAAO,gBAAgB,SAAS,SAAS,cAAc,8BAA8B,SAAS,iBAAiB;AAAA,IAC7I,EAAE,KAAK,qBAAqB,OAAO,cAAc,SAAS,SAAS,cAAc,4BAA4B,SAAS,iBAAiB;AAAA,IACvI,EAAE,KAAK,qBAAqB,OAAO,cAAc,SAAS,SAAS,cAAc,4BAA4B,SAAS,iBAAiB;AAAA,EACzI;AAAA,EACA,gBAAgB;AAAA,IACd;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,SAAS;AAAA,QACP,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,QACrC,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,QACjC,EAAE,OAAO,aAAa,OAAO,YAAY;AAAA,QACzC,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,QACjC,EAAE,OAAO,aAAa,OAAO,YAAY;AAAA,QACzC,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,QACjC,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,MACzC;AAAA,MACA,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,WAAW,aAAa,qFAAqF,SAAS,SAAS;AAAA,IACvI,EAAE,MAAM,YAAY,aAAa,iFAAiF,SAAS,iBAAiB;AAAA,IAC5I,EAAE,MAAM,eAAe,aAAa,2CAA2C,SAAS,YAAY;AAAA,IACpG,EAAE,MAAM,eAAe,aAAa,2CAA2C,SAAS,YAAY;AAAA,IACpG,EAAE,MAAM,WAAW,aAAa,mJAA8I,SAAS,qBAAqB;AAAA,EAC9M;AAAA,EACA,KAAK;AAAA,IACH,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,OAAO;AAAA,MACL,EAAE,MAAM,WAAW,MAAM,2BAA2B,aAAa,oCAAoC;AAAA,MACrG,EAAE,MAAM,YAAY,MAAM,wBAAwB,aAAa,qFAAqF;AAAA,MACpJ,EAAE,MAAM,YAAY,MAAM,WAAW,cAAc,QAAQ,aAAa,4EAA4E;AAAA,MACpJ,EAAE,MAAM,UAAU,MAAM,UAAU,aAAa,kHAA6G;AAAA,MAC5J,EAAE,MAAM,YAAY,MAAM,WAAW,cAAc,SAAS,aAAa,sCAAsC;AAAA,MAC/G,EAAE,MAAM,aAAa,MAAM,UAAU,cAAc,mBAAmB,aAAa,gCAAgC;AAAA,MACnH,EAAE,MAAM,YAAY,MAAM,UAAU,aAAa,+EAA+E;AAAA,MAChI,EAAE,MAAM,oBAAoB,MAAM,UAAU,aAAa,uQAA+P;AAAA,MACxT,EAAE,MAAM,SAAS,MAAM,UAAU,aAAa,sTAAiT;AAAA,MAC/V,EAAE,MAAM,gBAAgB,MAAM,UAAU,aAAa,8EAA8E;AAAA,MACnI,EAAE,MAAM,SAAS,MAAM,wBAAwB,aAAa,0VAAqV;AAAA,MACjZ,EAAE,MAAM,SAAS,MAAM,mDAAmD,aAAa,wXAA8W;AAAA,MACrc,EAAE,MAAM,aAAa,MAAM,UAAU,cAAc,oBAAoB,aAAa,qCAAqC;AAAA,IAC3H;AAAA,EACF;AACF;","names":[]}

package/dist/studio/lib/registry/inputs/index.cjs ADDED Viewed

@@ -0,0 +1,75 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var inputs_exports = {};
+__export(inputs_exports, {
+  inputsDefs: () => inputsDefs
+});
+module.exports = __toCommonJS(inputs_exports);
+var import_checkbox = require("./checkbox.cjs");
+var import_code_editor = require("./code-editor.cjs");
+var import_color_input = require("./color-input.cjs");
+var import_currency_input = require("./currency-input.cjs");
+var import_date_input = require("./date-input.cjs");
+var import_editable_cell = require("./editable-cell.cjs");
+var import_file_upload = require("./file-upload.cjs");
+var import_input_text = require("./input-text.cjs");
+var import_input_with_icon = require("./input-with-icon.cjs");
+var import_listbox = require("./listbox.cjs");
+var import_menu = require("./menu.cjs");
+var import_number_input = require("./number-input.cjs");
+var import_number_stepper = require("./number-stepper.cjs");
+var import_password_input = require("./password-input.cjs");
+var import_phone_input = require("./phone-input.cjs");
+var import_radio_group = require("./radio-group.cjs");
+var import_search_dropdown = require("./search-dropdown.cjs");
+var import_select_dropdown = require("./select-dropdown.cjs");
+var import_slider = require("./slider.cjs");
+var import_textarea = require("./textarea.cjs");
+var import_time_input = require("./time-input.cjs");
+var import_toggle_switch = require("./toggle-switch.cjs");
+const inputsDefs = [
+  // ── Inputs ──
+  import_input_text.inputTextDef,
+  import_editable_cell.editableCellDef,
+  import_input_with_icon.inputWithIconDef,
+  import_password_input.passwordInputDef,
+  import_color_input.colorInputDef,
+  import_date_input.dateInputDef,
+  import_time_input.timeInputDef,
+  import_phone_input.phoneInputDef,
+  import_slider.sliderDef,
+  import_number_stepper.numberStepperDef,
+  import_number_input.numberInputDef,
+  import_currency_input.currencyInputDef,
+  import_textarea.textareaDef,
+  import_code_editor.codeEditorDef,
+  import_file_upload.fileUploadDef,
+  import_select_dropdown.selectDropdownDef,
+  import_search_dropdown.searchDropdownDef,
+  import_listbox.listboxDef,
+  import_menu.menuDef,
+  import_checkbox.checkboxDef,
+  import_toggle_switch.toggleSwitchDef,
+  import_radio_group.radioGroupDef
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  inputsDefs
+});
+//# sourceMappingURL=index.cjs.map

package/dist/studio/lib/registry/inputs/index.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/studio/lib/registry/inputs/index.ts"],"sourcesContent":["import { checkboxDef } from './checkbox';\nimport { codeEditorDef } from './code-editor';\nimport { colorInputDef } from './color-input';\nimport { currencyInputDef } from './currency-input';\nimport { dateInputDef } from './date-input';\nimport { editableCellDef } from './editable-cell';\nimport { fileUploadDef } from './file-upload';\nimport { inputTextDef } from './input-text';\nimport { inputWithIconDef } from './input-with-icon';\nimport { listboxDef } from './listbox';\nimport { menuDef } from './menu';\nimport { numberInputDef } from './number-input';\nimport { numberStepperDef } from './number-stepper';\nimport { passwordInputDef } from './password-input';\nimport { phoneInputDef } from './phone-input';\nimport { radioGroupDef } from './radio-group';\nimport { searchDropdownDef } from './search-dropdown';\nimport { selectDropdownDef } from './select-dropdown';\nimport { sliderDef } from './slider';\nimport { textareaDef } from './textarea';\nimport { timeInputDef } from './time-input';\nimport { toggleSwitchDef } from './toggle-switch';\n\nimport type { ComponentDef } from '../../types';\n\n// One file per atom (`<id>.ts`), assembled here in sidebar order — the order\n// is the only thing this file owns. Add a new def as a new file + one line\n// here; `scripts/check-state-var-drift.mjs` globs the folder.\nexport const inputsDefs: ComponentDef[] = [\n // ── Inputs ──\n inputTextDef,\n editableCellDef,\n inputWithIconDef,\n passwordInputDef,\n colorInputDef,\n dateInputDef,\n timeInputDef,\n phoneInputDef,\n sliderDef,\n numberStepperDef,\n numberInputDef,\n currencyInputDef,\n textareaDef,\n codeEditorDef,\n fileUploadDef,\n selectDropdownDef,\n searchDropdownDef,\n listboxDef,\n menuDef,\n checkboxDef,\n toggleSwitchDef,\n radioGroupDef,\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA4B;AAC5B,yBAA8B;AAC9B,yBAA8B;AAC9B,4BAAiC;AACjC,wBAA6B;AAC7B,2BAAgC;AAChC,yBAA8B;AAC9B,wBAA6B;AAC7B,6BAAiC;AACjC,qBAA2B;AAC3B,kBAAwB;AACxB,0BAA+B;AAC/B,4BAAiC;AACjC,4BAAiC;AACjC,yBAA8B;AAC9B,yBAA8B;AAC9B,6BAAkC;AAClC,6BAAkC;AAClC,oBAA0B;AAC1B,sBAA4B;AAC5B,wBAA6B;AAC7B,2BAAgC;AAOzB,MAAM,aAA6B;AAAA;AAAA,EAExC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/dist/studio/lib/registry/inputs/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { ComponentDef } from '../../types.js';
+export declare const inputsDefs: ComponentDef[];
+//# sourceMappingURL=index.d.ts.map

package/dist/studio/lib/registry/inputs/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/studio/lib/registry/inputs/index.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKhD,eAAO,MAAM,UAAU,EAAE,YAAY,EAwBpC,CAAC"}

package/dist/studio/lib/registry/inputs/index.js ADDED Viewed

@@ -0,0 +1,51 @@
+import { checkboxDef } from "./checkbox.js";
+import { codeEditorDef } from "./code-editor.js";
+import { colorInputDef } from "./color-input.js";
+import { currencyInputDef } from "./currency-input.js";
+import { dateInputDef } from "./date-input.js";
+import { editableCellDef } from "./editable-cell.js";
+import { fileUploadDef } from "./file-upload.js";
+import { inputTextDef } from "./input-text.js";
+import { inputWithIconDef } from "./input-with-icon.js";
+import { listboxDef } from "./listbox.js";
+import { menuDef } from "./menu.js";
+import { numberInputDef } from "./number-input.js";
+import { numberStepperDef } from "./number-stepper.js";
+import { passwordInputDef } from "./password-input.js";
+import { phoneInputDef } from "./phone-input.js";
+import { radioGroupDef } from "./radio-group.js";
+import { searchDropdownDef } from "./search-dropdown.js";
+import { selectDropdownDef } from "./select-dropdown.js";
+import { sliderDef } from "./slider.js";
+import { textareaDef } from "./textarea.js";
+import { timeInputDef } from "./time-input.js";
+import { toggleSwitchDef } from "./toggle-switch.js";
+const inputsDefs = [
+  // ── Inputs ──
+  inputTextDef,
+  editableCellDef,
+  inputWithIconDef,
+  passwordInputDef,
+  colorInputDef,
+  dateInputDef,
+  timeInputDef,
+  phoneInputDef,
+  sliderDef,
+  numberStepperDef,
+  numberInputDef,
+  currencyInputDef,
+  textareaDef,
+  codeEditorDef,
+  fileUploadDef,
+  selectDropdownDef,
+  searchDropdownDef,
+  listboxDef,
+  menuDef,
+  checkboxDef,
+  toggleSwitchDef,
+  radioGroupDef
+];
+export {
+  inputsDefs
+};
+//# sourceMappingURL=index.js.map

package/dist/studio/lib/registry/inputs/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/studio/lib/registry/inputs/index.ts"],"sourcesContent":["import { checkboxDef } from './checkbox';\nimport { codeEditorDef } from './code-editor';\nimport { colorInputDef } from './color-input';\nimport { currencyInputDef } from './currency-input';\nimport { dateInputDef } from './date-input';\nimport { editableCellDef } from './editable-cell';\nimport { fileUploadDef } from './file-upload';\nimport { inputTextDef } from './input-text';\nimport { inputWithIconDef } from './input-with-icon';\nimport { listboxDef } from './listbox';\nimport { menuDef } from './menu';\nimport { numberInputDef } from './number-input';\nimport { numberStepperDef } from './number-stepper';\nimport { passwordInputDef } from './password-input';\nimport { phoneInputDef } from './phone-input';\nimport { radioGroupDef } from './radio-group';\nimport { searchDropdownDef } from './search-dropdown';\nimport { selectDropdownDef } from './select-dropdown';\nimport { sliderDef } from './slider';\nimport { textareaDef } from './textarea';\nimport { timeInputDef } from './time-input';\nimport { toggleSwitchDef } from './toggle-switch';\n\nimport type { ComponentDef } from '../../types';\n\n// One file per atom (`<id>.ts`), assembled here in sidebar order — the order\n// is the only thing this file owns. Add a new def as a new file + one line\n// here; `scripts/check-state-var-drift.mjs` globs the folder.\nexport const inputsDefs: ComponentDef[] = [\n // ── Inputs ──\n inputTextDef,\n editableCellDef,\n inputWithIconDef,\n passwordInputDef,\n colorInputDef,\n dateInputDef,\n timeInputDef,\n phoneInputDef,\n sliderDef,\n numberStepperDef,\n numberInputDef,\n currencyInputDef,\n textareaDef,\n codeEditorDef,\n fileUploadDef,\n selectDropdownDef,\n searchDropdownDef,\n listboxDef,\n menuDef,\n checkboxDef,\n toggleSwitchDef,\n radioGroupDef,\n];\n"],"mappings":"AAAA,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAOzB,MAAM,aAA6B;AAAA;AAAA,EAExC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}