@zentto/studio 0.1.0

package/dist/fields/zs-field-chips.js

@@ -0,0 +1,257 @@
+// @zentto/studio — Chips/pills input field
+// Modern chip input with autocomplete, colors, removable, draggable
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { fieldBaseStyles } from '../styles/tokens.js';
+let ZsFieldChips = class ZsFieldChips extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.fieldId = '';
+        this.label = '';
+        this.placeholder = 'Escriba y presione Enter...';
+        this.helpText = '';
+        this.value = [];
+        this.options = [];
+        this.required = false;
+        this.disabled = false;
+        this.allowCustom = true;
+        this.maxChips = 0; // 0 = unlimited
+        this.colorMode = 'default';
+        this.errors = [];
+        this.inputValue = '';
+        this.showSuggestions = false;
+    }
+    static { this.styles = [fieldBaseStyles, css `
+    :host { display: block; }
+    .zs-chips-wrapper {
+      display: flex; flex-wrap: wrap; gap: 6px;
+      padding: 6px 8px; min-height: var(--zs-input-height, 38px);
+      border: var(--zs-input-border, 1px solid #dee2e6);
+      border-radius: var(--zs-radius, 6px);
+      background: var(--zs-input-bg, white);
+      align-items: center; cursor: text;
+      transition: border-color var(--zs-transition, 150ms);
+    }
+    .zs-chips-wrapper:focus-within {
+      border-color: var(--zs-primary, #e67e22);
+      box-shadow: 0 0 0 3px var(--zs-primary-light, #fdebd0);
+    }
+    .zs-chip {
+      display: inline-flex; align-items: center; gap: 4px;
+      padding: 3px 10px; border-radius: 16px;
+      font-size: 13px; font-weight: 500;
+      background: var(--zs-bg-secondary, #f8f9fa);
+      color: var(--zs-text, #212529);
+      border: 1px solid var(--zs-border, #dee2e6);
+      transition: all var(--zs-transition, 150ms);
+      max-width: 200px;
+    }
+    .zs-chip:hover { background: var(--zs-bg-hover, #f1f3f5); }
+    .zs-chip--primary {
+      background: var(--zs-primary-light, #fdebd0);
+      color: var(--zs-primary, #e67e22);
+      border-color: transparent;
+    }
+    .zs-chip--success {
+      background: #d4edda; color: #155724; border-color: transparent;
+    }
+    .zs-chip--danger {
+      background: #f8d7da; color: #721c24; border-color: transparent;
+    }
+    .zs-chip--info {
+      background: #d1ecf1; color: #0c5460; border-color: transparent;
+    }
+    .zs-chip-icon { font-size: 14px; }
+    .zs-chip-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    .zs-chip-remove {
+      cursor: pointer; font-size: 14px; line-height: 1;
+      opacity: 0.6; transition: opacity 100ms;
+      border: none; background: none; padding: 0;
+      color: inherit;
+    }
+    .zs-chip-remove:hover { opacity: 1; }
+    .zs-chips-input {
+      border: none; outline: none; flex: 1; min-width: 80px;
+      font-family: var(--zs-font-family, sans-serif);
+      font-size: var(--zs-font-size, 14px);
+      background: transparent; color: var(--zs-text, #212529);
+      padding: 2px 4px;
+    }
+    .zs-chips-suggestions {
+      position: relative;
+    }
+    .zs-chips-dropdown {
+      position: absolute; top: 100%; left: 0; right: 0;
+      background: var(--zs-bg, white); border: 1px solid var(--zs-border, #dee2e6);
+      border-radius: var(--zs-radius, 6px);
+      box-shadow: 0 4px 12px var(--zs-shadow, rgba(0,0,0,0.08));
+      max-height: 200px; overflow-y: auto; z-index: 100;
+      margin-top: 2px;
+    }
+    .zs-chips-option {
+      padding: 8px 12px; cursor: pointer;
+      font-size: 13px; transition: background 100ms;
+    }
+    .zs-chips-option:hover { background: var(--zs-bg-hover, #f1f3f5); }
+    .zs-chips-option--disabled { opacity: 0.5; cursor: not-allowed; }
+    .zs-chip-count {
+      font-size: 11px; color: var(--zs-text-muted, #adb5bd);
+      margin-top: 4px;
+    }
+  `]; }
+    get filteredOptions() {
+        if (!this.inputValue)
+            return this.options.filter(o => !this.value.includes(o.value));
+        const q = this.inputValue.toLowerCase();
+        return this.options
+            .filter(o => !this.value.includes(o.value) && o.label.toLowerCase().includes(q));
+    }
+    addChip(chipValue) {
+        if (!chipValue.trim())
+            return;
+        if (this.maxChips > 0 && this.value.length >= this.maxChips)
+            return;
+        if (this.value.includes(chipValue))
+            return;
+        const newValue = [...this.value, chipValue];
+        this.inputValue = '';
+        this.showSuggestions = false;
+        this.dispatchEvent(new CustomEvent('field-change', {
+            detail: { fieldId: this.fieldId, value: newValue },
+            bubbles: true, composed: true,
+        }));
+    }
+    removeChip(chipValue) {
+        if (this.disabled)
+            return;
+        const newValue = this.value.filter(v => v !== chipValue);
+        this.dispatchEvent(new CustomEvent('field-change', {
+            detail: { fieldId: this.fieldId, value: newValue },
+            bubbles: true, composed: true,
+        }));
+    }
+    handleKeydown(e) {
+        if (e.key === 'Enter' || e.key === ',') {
+            e.preventDefault();
+            if (this.filteredOptions.length > 0) {
+                this.addChip(this.filteredOptions[0].value);
+            }
+            else if (this.allowCustom && this.inputValue.trim()) {
+                this.addChip(this.inputValue.trim());
+            }
+        }
+        else if (e.key === 'Backspace' && !this.inputValue && this.value.length > 0) {
+            this.removeChip(this.value[this.value.length - 1]);
+        }
+    }
+    getChipClass(chipValue) {
+        if (this.colorMode === 'default')
+            return 'zs-chip';
+        if (this.colorMode !== 'auto')
+            return `zs-chip zs-chip--${this.colorMode}`;
+        // Auto: cycle through colors
+        const colors = ['primary', 'success', 'info', 'danger'];
+        const idx = this.value.indexOf(chipValue) % colors.length;
+        return `zs-chip zs-chip--${colors[idx]}`;
+    }
+    getChipLabel(chipValue) {
+        return this.options.find(o => o.value === chipValue)?.label ?? chipValue;
+    }
+    render() {
+        const hasError = this.errors.length > 0;
+        const labelClass = `zs-label ${this.required ? 'zs-label--required' : ''}`;
+        return html `
+      <div class="zs-field">
+        ${this.label ? html `<label class="${labelClass}">${this.label}</label>` : ''}
+        <div class="zs-chips-suggestions">
+          <div class="zs-chips-wrapper" @click="${() => this.shadowRoot?.querySelector('.zs-chips-input')?.focus()}">
+            ${this.value.map(v => html `
+              <span class="${this.getChipClass(v)}">
+                <span class="zs-chip-label">${this.getChipLabel(v)}</span>
+                ${!this.disabled ? html `
+                  <button class="zs-chip-remove" @click="${(e) => { e.stopPropagation(); this.removeChip(v); }}">×</button>
+                ` : ''}
+              </span>
+            `)}
+            <input class="zs-chips-input"
+              .value="${this.inputValue}"
+              placeholder="${this.value.length === 0 ? this.placeholder : ''}"
+              ?disabled="${this.disabled}"
+              @input="${(e) => { this.inputValue = e.target.value; this.showSuggestions = true; }}"
+              @keydown="${this.handleKeydown}"
+              @focus="${() => { this.showSuggestions = true; }}"
+              @blur="${() => { setTimeout(() => { this.showSuggestions = false; }, 200); }}"
+            />
+          </div>
+          ${this.showSuggestions && this.filteredOptions.length > 0 ? html `
+            <div class="zs-chips-dropdown">
+              ${this.filteredOptions.slice(0, 20).map(opt => html `
+                <div class="zs-chips-option" @mousedown="${() => this.addChip(opt.value)}">
+                  ${opt.icon ? html `<span>${opt.icon} </span>` : ''}${opt.label}
+                </div>
+              `)}
+            </div>
+          ` : ''}
+        </div>
+        ${this.maxChips > 0 ? html `
+          <div class="zs-chip-count">${this.value.length} / ${this.maxChips}</div>
+        ` : ''}
+        ${hasError ? html `<span class="zs-error">${this.errors[0]}</span>` : ''}
+        ${this.helpText && !hasError ? html `<span class="zs-help">${this.helpText}</span>` : ''}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property()
+], ZsFieldChips.prototype, "fieldId", void 0);
+__decorate([
+    property()
+], ZsFieldChips.prototype, "label", void 0);
+__decorate([
+    property()
+], ZsFieldChips.prototype, "placeholder", void 0);
+__decorate([
+    property()
+], ZsFieldChips.prototype, "helpText", void 0);
+__decorate([
+    property({ type: Array })
+], ZsFieldChips.prototype, "value", void 0);
+__decorate([
+    property({ type: Array })
+], ZsFieldChips.prototype, "options", void 0);
+__decorate([
+    property({ type: Boolean })
+], ZsFieldChips.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean })
+], ZsFieldChips.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], ZsFieldChips.prototype, "allowCustom", void 0);
+__decorate([
+    property({ type: Number })
+], ZsFieldChips.prototype, "maxChips", void 0);
+__decorate([
+    property()
+], ZsFieldChips.prototype, "colorMode", void 0);
+__decorate([
+    property({ type: Array })
+], ZsFieldChips.prototype, "errors", void 0);
+__decorate([
+    state()
+], ZsFieldChips.prototype, "inputValue", void 0);
+__decorate([
+    state()
+], ZsFieldChips.prototype, "showSuggestions", void 0);
+ZsFieldChips = __decorate([
+    customElement('zs-field-chips')
+], ZsFieldChips);
+export { ZsFieldChips };
+//# sourceMappingURL=zs-field-chips.js.map

package/dist/fields/zs-field-chips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-chips.js","sourceRoot":"","sources":["../../src/fields/zs-field-chips.ts"],"names":[],"mappings":"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"}

package/dist/fields/zs-field-date.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+export declare class ZsFieldDate extends LitElement {
+    static styles: import("lit").CSSResult[];
+    fieldId: string;
+    label: string;
+    value: string;
+    helpText: string;
+    mode: 'date' | 'time' | 'datetime';
+    required: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    min: string;
+    max: string;
+    errors: string[];
+    private handleInput;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'zs-field-date': ZsFieldDate;
+    }
+}
+//# sourceMappingURL=zs-field-date.d.ts.map

package/dist/fields/zs-field-date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-date.d.ts","sourceRoot":"","sources":["../../src/fields/zs-field-date.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,4BAEV;IAES,OAAO,SAAM;IACb,KAAK,SAAM;IACX,KAAK,SAAM;IACX,QAAQ,SAAM;IACd,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAU;IAC3B,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAClC,GAAG,SAAM;IACT,GAAG,SAAM;IACM,MAAM,EAAE,MAAM,EAAE,CAAM;IAEjD,OAAO,CAAC,WAAW;IAQnB,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/dist/fields/zs-field-date.js

@@ -0,0 +1,98 @@
+// @zentto/studio — Date field web component
+// Handles: date, time, datetime
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { fieldBaseStyles } from '../styles/tokens.js';
+let ZsFieldDate = class ZsFieldDate extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.fieldId = '';
+        this.label = '';
+        this.value = '';
+        this.helpText = '';
+        this.mode = 'date';
+        this.required = false;
+        this.disabled = false;
+        this.readOnly = false;
+        this.min = '';
+        this.max = '';
+        this.errors = [];
+    }
+    static { this.styles = [fieldBaseStyles, css `
+    :host { display: block; }
+  `]; }
+    handleInput(e) {
+        const input = e.target;
+        this.dispatchEvent(new CustomEvent('field-change', {
+            detail: { fieldId: this.fieldId, value: input.value },
+            bubbles: true, composed: true,
+        }));
+    }
+    render() {
+        const hasError = this.errors.length > 0;
+        const inputClass = `zs-input ${hasError ? 'zs-input--error' : ''}`;
+        const labelClass = `zs-label ${this.required ? 'zs-label--required' : ''}`;
+        const inputType = this.mode === 'datetime' ? 'datetime-local' : this.mode;
+        return html `
+      <div class="zs-field">
+        ${this.label ? html `<label class="${labelClass}">${this.label}</label>` : ''}
+        <input
+          class="${inputClass}"
+          type="${inputType}"
+          .value="${this.value ?? ''}"
+          min="${this.min}"
+          max="${this.max}"
+          ?disabled="${this.disabled}"
+          ?readonly="${this.readOnly}"
+          @input="${this.handleInput}"
+        />
+        ${hasError ? html `<span class="zs-error">${this.errors[0]}</span>` : ''}
+        ${this.helpText && !hasError ? html `<span class="zs-help">${this.helpText}</span>` : ''}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property()
+], ZsFieldDate.prototype, "fieldId", void 0);
+__decorate([
+    property()
+], ZsFieldDate.prototype, "label", void 0);
+__decorate([
+    property()
+], ZsFieldDate.prototype, "value", void 0);
+__decorate([
+    property()
+], ZsFieldDate.prototype, "helpText", void 0);
+__decorate([
+    property()
+], ZsFieldDate.prototype, "mode", void 0);
+__decorate([
+    property({ type: Boolean })
+], ZsFieldDate.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean })
+], ZsFieldDate.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], ZsFieldDate.prototype, "readOnly", void 0);
+__decorate([
+    property()
+], ZsFieldDate.prototype, "min", void 0);
+__decorate([
+    property()
+], ZsFieldDate.prototype, "max", void 0);
+__decorate([
+    property({ type: Array })
+], ZsFieldDate.prototype, "errors", void 0);
+ZsFieldDate = __decorate([
+    customElement('zs-field-date')
+], ZsFieldDate);
+export { ZsFieldDate };
+//# sourceMappingURL=zs-field-date.js.map

package/dist/fields/zs-field-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-date.js","sourceRoot":"","sources":["../../src/fields/zs-field-date.ts"],"names":[],"mappings":"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"}

package/dist/fields/zs-field-file.d.ts

@@ -0,0 +1,26 @@
+import { LitElement } from 'lit';
+export declare class ZsFieldFile extends LitElement {
+    static styles: import("lit").CSSResult[];
+    fieldId: string;
+    label: string;
+    helpText: string;
+    accept: string;
+    required: boolean;
+    disabled: boolean;
+    multiple: boolean;
+    errors: string[];
+    private files;
+    private preview;
+    private dragover;
+    private handleFiles;
+    private handleDrop;
+    private removeFile;
+    private formatSize;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'zs-field-file': ZsFieldFile;
+    }
+}
+//# sourceMappingURL=zs-field-file.d.ts.map

package/dist/fields/zs-field-file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-file.d.ts","sourceRoot":"","sources":["../../src/fields/zs-field-file.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,4BA2CV;IAES,OAAO,SAAM;IACb,KAAK,SAAM;IACX,QAAQ,SAAM;IACd,MAAM,SAAM;IACK,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACnB,MAAM,EAAE,MAAM,EAAE,CAAM;IACxC,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,OAAO,CAAM;IACrB,OAAO,CAAC,QAAQ,CAAS;IAElC,OAAO,CAAC,WAAW;IAqBnB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,UAAU;IAMlB,MAAM;CA2CP;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,eAAe,EAAE,WAAW,CAAC;KAAE;CAAE"}

package/dist/fields/zs-field-file.js

@@ -0,0 +1,190 @@
+// @zentto/studio — File upload field
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { fieldBaseStyles } from '../styles/tokens.js';
+let ZsFieldFile = class ZsFieldFile extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.fieldId = '';
+        this.label = '';
+        this.helpText = '';
+        this.accept = '';
+        this.required = false;
+        this.disabled = false;
+        this.multiple = false;
+        this.errors = [];
+        this.files = [];
+        this.preview = '';
+        this.dragover = false;
+    }
+    static { this.styles = [fieldBaseStyles, css `
+    :host { display: block; }
+    .zs-dropzone {
+      border: 2px dashed var(--zs-border);
+      border-radius: var(--zs-radius-lg);
+      padding: 24px;
+      text-align: center;
+      cursor: pointer;
+      transition: all var(--zs-transition);
+      background: var(--zs-bg-secondary);
+    }
+    .zs-dropzone:hover, .zs-dropzone--dragover {
+      border-color: var(--zs-primary);
+      background: var(--zs-primary-light);
+    }
+    .zs-dropzone-icon { font-size: 32px; margin-bottom: 8px; }
+    .zs-dropzone-text {
+      font-size: var(--zs-font-size);
+      color: var(--zs-text-secondary);
+    }
+    .zs-dropzone-hint {
+      font-size: var(--zs-font-size-sm);
+      color: var(--zs-text-muted);
+      margin-top: 4px;
+    }
+    .zs-file-list { margin-top: 8px; }
+    .zs-file-item {
+      display: flex; align-items: center; gap: 8px;
+      padding: 6px 10px; border-radius: var(--zs-radius);
+      background: var(--zs-bg-secondary); margin-bottom: 4px;
+      font-size: var(--zs-font-size-sm);
+    }
+    .zs-file-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    .zs-file-size { color: var(--zs-text-muted); }
+    .zs-file-remove {
+      cursor: pointer; color: var(--zs-danger); font-size: 16px;
+      border: none; background: none; padding: 0;
+    }
+    .zs-preview-img {
+      width: 100%; max-height: 200px; object-fit: contain;
+      border-radius: var(--zs-radius); margin-top: 8px;
+    }
+    input[type="file"] { display: none; }
+  `]; }
+    handleFiles(fileList) {
+        if (!fileList)
+            return;
+        const newFiles = Array.from(fileList);
+        this.files = this.multiple ? [...this.files, ...newFiles] : newFiles;
+        // Preview for images
+        if (this.accept.includes('image') && newFiles[0]) {
+            const reader = new FileReader();
+            reader.onload = () => { this.preview = reader.result; };
+            reader.readAsDataURL(newFiles[0]);
+        }
+        this.dispatchEvent(new CustomEvent('field-change', {
+            detail: {
+                fieldId: this.fieldId,
+                value: this.multiple ? this.files : this.files[0] ?? null,
+            },
+            bubbles: true, composed: true,
+        }));
+    }
+    handleDrop(e) {
+        e.preventDefault();
+        this.dragover = false;
+        this.handleFiles(e.dataTransfer?.files ?? null);
+    }
+    removeFile(index) {
+        this.files = this.files.filter((_, i) => i !== index);
+        if (this.files.length === 0)
+            this.preview = '';
+        this.dispatchEvent(new CustomEvent('field-change', {
+            detail: { fieldId: this.fieldId, value: this.multiple ? this.files : null },
+            bubbles: true, composed: true,
+        }));
+    }
+    formatSize(bytes) {
+        if (bytes < 1024)
+            return `${bytes} B`;
+        if (bytes < 1048576)
+            return `${(bytes / 1024).toFixed(1)} KB`;
+        return `${(bytes / 1048576).toFixed(1)} MB`;
+    }
+    render() {
+        const hasError = this.errors.length > 0;
+        const labelClass = `zs-label ${this.required ? 'zs-label--required' : ''}`;
+        const dropzoneClass = `zs-dropzone ${this.dragover ? 'zs-dropzone--dragover' : ''}`;
+        return html `
+      <div class="zs-field">
+        ${this.label ? html `<label class="${labelClass}">${this.label}</label>` : ''}
+        <div
+          class="${dropzoneClass}"
+          @click="${() => this.shadowRoot?.querySelector('input')?.click()}"
+          @dragover="${(e) => { e.preventDefault(); this.dragover = true; }}"
+          @dragleave="${() => { this.dragover = false; }}"
+          @drop="${this.handleDrop}"
+        >
+          <div class="zs-dropzone-icon">📁</div>
+          <div class="zs-dropzone-text">Haga clic o arrastre archivos aqui</div>
+          ${this.accept ? html `<div class="zs-dropzone-hint">Formatos: ${this.accept}</div>` : ''}
+        </div>
+        <input
+          type="file"
+          accept="${this.accept}"
+          ?multiple="${this.multiple}"
+          ?disabled="${this.disabled}"
+          @change="${(e) => this.handleFiles(e.target.files)}"
+        />
+        ${this.preview ? html `<img class="zs-preview-img" src="${this.preview}" alt="Preview" />` : ''}
+        ${this.files.length > 0 ? html `
+          <div class="zs-file-list">
+            ${this.files.map((f, i) => html `
+              <div class="zs-file-item">
+                <span class="zs-file-name">${f.name}</span>
+                <span class="zs-file-size">${this.formatSize(f.size)}</span>
+                <button class="zs-file-remove" @click="${() => this.removeFile(i)}">×</button>
+              </div>
+            `)}
+          </div>
+        ` : ''}
+        ${hasError ? html `<span class="zs-error">${this.errors[0]}</span>` : ''}
+        ${this.helpText && !hasError ? html `<span class="zs-help">${this.helpText}</span>` : ''}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property()
+], ZsFieldFile.prototype, "fieldId", void 0);
+__decorate([
+    property()
+], ZsFieldFile.prototype, "label", void 0);
+__decorate([
+    property()
+], ZsFieldFile.prototype, "helpText", void 0);
+__decorate([
+    property()
+], ZsFieldFile.prototype, "accept", void 0);
+__decorate([
+    property({ type: Boolean })
+], ZsFieldFile.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean })
+], ZsFieldFile.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], ZsFieldFile.prototype, "multiple", void 0);
+__decorate([
+    property({ type: Array })
+], ZsFieldFile.prototype, "errors", void 0);
+__decorate([
+    state()
+], ZsFieldFile.prototype, "files", void 0);
+__decorate([
+    state()
+], ZsFieldFile.prototype, "preview", void 0);
+__decorate([
+    state()
+], ZsFieldFile.prototype, "dragover", void 0);
+ZsFieldFile = __decorate([
+    customElement('zs-field-file')
+], ZsFieldFile);
+export { ZsFieldFile };
+//# sourceMappingURL=zs-field-file.js.map

package/dist/fields/zs-field-file.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-file.js","sourceRoot":"","sources":["../../src/fields/zs-field-file.ts"],"names":[],"mappings":"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"}

package/dist/fields/zs-field-heading.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+export declare class ZsFieldHeading extends LitElement {
+    static styles: import("lit").CSSResult;
+    label: string;
+    helpText: string;
+    level: 'h1' | 'h2' | 'h3' | 'h4';
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'zs-field-heading': ZsFieldHeading;
+    }
+}
+//# sourceMappingURL=zs-field-heading.d.ts.map

package/dist/fields/zs-field-heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zs-field-heading.d.ts","sourceRoot":"","sources":["../../src/fields/zs-field-heading.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,0BAgBX;IAEU,KAAK,SAAM;IACX,QAAQ,SAAM;IACd,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEpD,MAAM;CAMP;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,kBAAkB,EAAE,cAAc,CAAC;KAAE;CAAE"}