@manzanohq/components 0.1.1 → 0.1.4

package/cdn/chunks/chunk.RCOK4N3J.js

@@ -0,0 +1,90 @@
+import{a as e}from"./chunk.22OS67BO.js";import{a as i}from"./chunk.TO7F5R6A.js";var p=i`
+  ${e}
+
+  :host {
+    --_split-panel-divider-width: var(--mz-split-panel-divider-width, 4px);
+    --_split-panel-divider-color: var(--mz-split-panel-divider-color, var(--mz-color-border));
+    --_split-panel-divider-hover-color: var(--mz-split-panel-divider-hover-color, var(--mz-color-primary));
+
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+
+  .split-panel {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  .split-panel--vertical {
+    flex-direction: column;
+  }
+
+  .split-panel__start,
+  .split-panel__end {
+    overflow: auto;
+  }
+
+  .split-panel--dragging .split-panel__start,
+  .split-panel--dragging .split-panel__end {
+    pointer-events: none;
+    user-select: none;
+  }
+
+  .split-panel__divider {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    background: var(--_split-panel-divider-color);
+    cursor: col-resize;
+    outline: none;
+    transition: background-color 150ms ease;
+  }
+
+  .split-panel--vertical .split-panel__divider {
+    cursor: row-resize;
+  }
+
+  .split-panel:not(.split-panel--vertical) .split-panel__divider {
+    width: var(--_split-panel-divider-width);
+  }
+
+  .split-panel--vertical .split-panel__divider {
+    height: var(--_split-panel-divider-width);
+  }
+
+  .split-panel__divider:hover,
+  .split-panel--dragging .split-panel__divider {
+    background: var(--_split-panel-divider-hover-color);
+  }
+
+  .split-panel__divider:focus-visible {
+    background: var(--_split-panel-divider-hover-color);
+    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mz-color-primary) 25%, transparent);
+  }
+
+  .split-panel--disabled .split-panel__divider {
+    cursor: default;
+    opacity: 0.5;
+  }
+
+  .split-panel--disabled .split-panel__divider:hover {
+    background: var(--_split-panel-divider-color);
+  }
+
+  .split-panel__divider-grip {
+    width: 2px;
+    height: 20px;
+    border-radius: 1px;
+    background: rgb(0 0 0 / 0.2);
+  }
+
+  .split-panel--vertical .split-panel__divider-grip {
+    width: 20px;
+    height: 2px;
+  }
+`;export{p as a};
+//# sourceMappingURL=chunk.RCOK4N3J.js.map

package/cdn/chunks/chunk.RCOK4N3J.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/split-panel/split-panel.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default css`\n  ${componentStyles}\n\n  :host {\n    --_split-panel-divider-width: var(--mz-split-panel-divider-width, 4px);\n    --_split-panel-divider-color: var(--mz-split-panel-divider-color, var(--mz-color-border));\n    --_split-panel-divider-hover-color: var(--mz-split-panel-divider-hover-color, var(--mz-color-primary));\n\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  .split-panel {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n  }\n\n  .split-panel--vertical {\n    flex-direction: column;\n  }\n\n  .split-panel__start,\n  .split-panel__end {\n    overflow: auto;\n  }\n\n  .split-panel--dragging .split-panel__start,\n  .split-panel--dragging .split-panel__end {\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .split-panel__divider {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: var(--_split-panel-divider-color);\n    cursor: col-resize;\n    outline: none;\n    transition: background-color 150ms ease;\n  }\n\n  .split-panel--vertical .split-panel__divider {\n    cursor: row-resize;\n  }\n\n  .split-panel:not(.split-panel--vertical) .split-panel__divider {\n    width: var(--_split-panel-divider-width);\n  }\n\n  .split-panel--vertical .split-panel__divider {\n    height: var(--_split-panel-divider-width);\n  }\n\n  .split-panel__divider:hover,\n  .split-panel--dragging .split-panel__divider {\n    background: var(--_split-panel-divider-hover-color);\n  }\n\n  .split-panel__divider:focus-visible {\n    background: var(--_split-panel-divider-hover-color);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mz-color-primary) 25%, transparent);\n  }\n\n  .split-panel--disabled .split-panel__divider {\n    cursor: default;\n    opacity: 0.5;\n  }\n\n  .split-panel--disabled .split-panel__divider:hover {\n    background: var(--_split-panel-divider-color);\n  }\n\n  .split-panel__divider-grip {\n    width: 2px;\n    height: 20px;\n    border-radius: 1px;\n    background: rgb(0 0 0 / 0.2);\n  }\n\n  .split-panel--vertical .split-panel__divider-grip {\n    width: 20px;\n    height: 2px;\n  }\n`;\n"],
+  "mappings": "gFAGA,IAAOA,EAAQ;AAAA,IACXC,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["split_panel_styles_default", "component_styles_default"]
+}

package/cdn/chunks/chunk.RCSYC56O.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.4MX3RBKH.js";e.define("mz-checkbox");
+//# sourceMappingURL=chunk.RCSYC56O.js.map

package/cdn/chunks/chunk.RICF3OP3.js

@@ -0,0 +1,39 @@
+import{a as e}from"./chunk.TO7F5R6A.js";var o=[e`
+    :host {
+      display: inline-block;
+    }
+
+    .label {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.125rem;
+      font-family: var(--mz-font-sans);
+      font-weight: var(--mz-font-weight-medium, 500);
+      color: var(--mz-color-text);
+      cursor: default;
+      line-height: var(--mz-line-height-normal);
+    }
+
+    :host([size="small"]) .label {
+      font-size: var(--mz-font-size-sm);
+    }
+
+    :host([size="medium"]) .label {
+      font-size: var(--mz-font-size-base);
+    }
+
+    :host([size="large"]) .label {
+      font-size: var(--mz-font-size-lg);
+    }
+
+    :host([disabled]) .label {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .label__required {
+      color: var(--mz-color-danger);
+      font-weight: var(--mz-font-weight-bold, 700);
+    }
+  `];export{o as a};
+//# sourceMappingURL=chunk.RICF3OP3.js.map

package/cdn/chunks/chunk.RICF3OP3.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/label/label.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default [\n  css`\n    :host {\n      display: inline-block;\n    }\n\n    .label {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.125rem;\n      font-family: var(--mz-font-sans);\n      font-weight: var(--mz-font-weight-medium, 500);\n      color: var(--mz-color-text);\n      cursor: default;\n      line-height: var(--mz-line-height-normal);\n    }\n\n    :host([size=\"small\"]) .label {\n      font-size: var(--mz-font-size-sm);\n    }\n\n    :host([size=\"medium\"]) .label {\n      font-size: var(--mz-font-size-base);\n    }\n\n    :host([size=\"large\"]) .label {\n      font-size: var(--mz-font-size-lg);\n    }\n\n    :host([disabled]) .label {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .label__required {\n      color: var(--mz-color-danger);\n      font-weight: var(--mz-font-weight-bold, 700);\n    }\n  `\n];\n"],
+  "mappings": "wCAEA,IAAOA,EAAQ,CACbC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsCF",
+  "names": ["label_styles_default", "i"]
+}

package/cdn/chunks/chunk.RTB3OWC4.js

@@ -0,0 +1,111 @@
+import{a as m}from"./chunk.4LGP25SH.js";import{a as v}from"./chunk.X6MSTFXZ.js";import{a as u}from"./chunk.22OS67BO.js";import{a as l,b as o,c as f,d as p}from"./chunk.K3BKUERM.js";import{d as n,g as h}from"./chunk.TO7F5R6A.js";import{a as t}from"./chunk.MGICPQBB.js";var i=class extends p{constructor(){super(...arguments);this.accept="";this.multiple=!1;this.disabled=!1;this.name="";this.buttonText="Choose files";this.dropzoneText="or drag and drop files here";this.noDropzone=!1;this.size="medium";this.files=[];this.isDragOver=!1}getFiles(){return[...this.files]}clearFiles(){this.files=[],this.fileInput&&(this.fileInput.value=""),this.emit("mz-change",{detail:{files:[]}})}removeFile(e){if(e<0||e>=this.files.length)return;let s=this.files[e];this.files=this.files.filter((a,r)=>r!==e),this.fileInput&&(this.fileInput.value=""),this.emit("mz-remove",{detail:{file:s,index:e}}),this.emit("mz-change",{detail:{files:[...this.files]}})}formatSize(e){if(e===0)return"0 B";let s=["B","KB","MB","GB"],a=1024,r=Math.floor(Math.log(e)/Math.log(a)),d=e/Math.pow(a,r);return`${r===0?d:d.toFixed(1)} ${s[r]}`}addFiles(e){let a=Array.from(e);if(this.maxFileSize!=null&&(a=a.filter(r=>r.size<=this.maxFileSize)),!this.multiple)this.files=a.length>0?[a[0]]:[];else{let r=[...this.files,...a];this.maxFiles!=null?this.files=r.slice(0,this.maxFiles):this.files=r}this.emit("mz-change",{detail:{files:[...this.files]}})}handleFileChange(e){let s=e.target;s.files&&s.files.length>0&&this.addFiles(s.files),s.value=""}handleBrowseClick(){this.disabled||this.fileInput?.click()}handleDragOver(e){e.preventDefault(),!this.disabled&&(this.isDragOver=!0)}handleDragLeave(){this.isDragOver=!1}handleDrop(e){e.preventDefault(),this.isDragOver=!1,!this.disabled&&e.dataTransfer?.files&&e.dataTransfer.files.length>0&&this.addFiles(e.dataTransfer.files)}render(){return n`
+      <div
+        part="base"
+        class=${v({"file-input":!0,"file-input--drag-over":this.isDragOver,"file-input--disabled":this.disabled,"file-input--no-dropzone":this.noDropzone})}
+      >
+        <input
+          type="file"
+          .accept=${this.accept||""}
+          ?multiple=${this.multiple}
+          ?disabled=${this.disabled}
+          @change=${this.handleFileChange}
+          style="display:none"
+        />
+
+        ${this.noDropzone?n`
+              <button
+                part="button"
+                class="file-input__button"
+                type="button"
+                ?disabled=${this.disabled}
+                @click=${this.handleBrowseClick}
+              >
+                <svg
+                  width="16"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  aria-hidden="true"
+                >
+                  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+                  <polyline points="17 8 12 3 7 8" />
+                  <line x1="12" y1="3" x2="12" y2="15" />
+                </svg>
+                ${this.buttonText}
+              </button>
+            `:n`
+              <div
+                part="dropzone"
+                class="file-input__dropzone"
+                @click=${this.handleBrowseClick}
+                @dragover=${this.handleDragOver}
+                @dragleave=${this.handleDragLeave}
+                @drop=${this.handleDrop}
+              >
+                <div class="file-input__dropzone-icon">
+                  <svg
+                    width="24"
+                    height="24"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="1.5"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    aria-hidden="true"
+                  >
+                    <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+                    <polyline points="17 8 12 3 7 8" />
+                    <line x1="12" y1="3" x2="12" y2="15" />
+                  </svg>
+                </div>
+                <button
+                  part="button"
+                  class="file-input__button"
+                  type="button"
+                  ?disabled=${this.disabled}
+                  @click=${e=>e.stopPropagation()}
+                >
+                  ${this.buttonText}
+                </button>
+                <div class="file-input__dropzone-text">${this.dropzoneText}</div>
+              </div>
+            `}
+        ${this.files.length>0?n`
+              <div part="file-list" class="file-input__file-list">
+                ${this.files.map((e,s)=>n`
+                    <div part="file-item" class="file-input__file-item">
+                      <span class="file-input__file-name">${e.name}</span>
+                      <span class="file-input__file-size">${this.formatSize(e.size)}</span>
+                      <button
+                        class="file-input__file-remove"
+                        type="button"
+                        aria-label="Remove ${e.name}"
+                        @click=${()=>this.removeFile(s)}
+                      >
+                        <svg
+                          width="14"
+                          height="14"
+                          viewBox="0 0 24 24"
+                          fill="none"
+                          stroke="currentColor"
+                          stroke-width="2"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          aria-hidden="true"
+                        >
+                          <line x1="18" y1="6" x2="6" y2="18" />
+                          <line x1="6" y1="6" x2="18" y2="18" />
+                        </svg>
+                      </button>
+                    </div>
+                  `)}
+              </div>
+            `:h}
+      </div>
+    `}};i.styles=[u,m],t([l()],i.prototype,"accept",2),t([l({type:Boolean})],i.prototype,"multiple",2),t([l({type:Boolean,reflect:!0})],i.prototype,"disabled",2),t([l({type:Number,attribute:"max-file-size"})],i.prototype,"maxFileSize",2),t([l({type:Number,attribute:"max-files"})],i.prototype,"maxFiles",2),t([l()],i.prototype,"name",2),t([l({attribute:"button-text"})],i.prototype,"buttonText",2),t([l({attribute:"dropzone-text"})],i.prototype,"dropzoneText",2),t([l({type:Boolean,attribute:"no-dropzone",reflect:!0})],i.prototype,"noDropzone",2),t([l({reflect:!0})],i.prototype,"size",2),t([o()],i.prototype,"files",2),t([o()],i.prototype,"isDragOver",2),t([f("input")],i.prototype,"fileInput",2);export{i as a};
+//# sourceMappingURL=chunk.RTB3OWC4.js.map

package/cdn/chunks/chunk.RTB3OWC4.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/file-input/file-input.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport styles from './file-input.styles.js';\n\n/**\n * @summary A file upload input with drag-and-drop support and a file list.\n *\n * @tag mz-file-input\n *\n * @event mz-change - Emitted when the file list changes. Detail: `{ files: File[] }`\n * @event mz-remove - Emitted when a file is removed. Detail: `{ file: File, index: number }`\n *\n * @csspart base - The component wrapper.\n * @csspart dropzone - The drag-and-drop target area.\n * @csspart button - The browse button.\n * @csspart file-list - The list of selected files.\n * @csspart file-item - An individual file row.\n */\nexport class MzFileInput extends ManzanoElement {\n  static override styles = [componentStyles, styles];\n\n  /** File type filter (e.g. `'.jpg,.png,image/*'`). */\n  @property() accept = '';\n\n  /** Allow multiple files. */\n  @property({ type: Boolean }) multiple = false;\n\n  /** Disables the file input. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Maximum size per file in bytes. */\n  @property({ type: Number, attribute: 'max-file-size' }) maxFileSize?: number;\n\n  /** Maximum number of files allowed. */\n  @property({ type: Number, attribute: 'max-files' }) maxFiles?: number;\n\n  /** Form field name. */\n  @property() name = '';\n\n  /** Text for the browse button. */\n  @property({ attribute: 'button-text' }) buttonText = 'Choose files';\n\n  /** Text displayed in the dropzone. */\n  @property({ attribute: 'dropzone-text' }) dropzoneText = 'or drag and drop files here';\n\n  /** Hide the dropzone and show only a button. */\n  @property({ type: Boolean, attribute: 'no-dropzone', reflect: true }) noDropzone = false;\n\n  /** Size variant. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Currently selected files. */\n  @state() private files: File[] = [];\n\n  /** Whether a drag operation is hovering over the dropzone. */\n  @state() private isDragOver = false;\n\n  @query('input') private fileInput!: HTMLInputElement;\n\n  /** Returns the current list of selected files. */\n  getFiles(): File[] {\n    return [...this.files];\n  }\n\n  /** Removes all selected files and resets the native input. */\n  clearFiles(): void {\n    this.files = [];\n    if (this.fileInput) {\n      this.fileInput.value = '';\n    }\n    this.emit('mz-change', { detail: { files: [] } });\n  }\n\n  /** Removes the file at the given index. */\n  removeFile(index: number): void {\n    if (index < 0 || index >= this.files.length) return;\n    const removed = this.files[index];\n    this.files = this.files.filter((_, i) => i !== index);\n    if (this.fileInput) {\n      this.fileInput.value = '';\n    }\n    this.emit('mz-remove', { detail: { file: removed, index } });\n    this.emit('mz-change', { detail: { files: [...this.files] } });\n  }\n\n  /** Format bytes into a human-readable string. */\n  private formatSize(bytes: number): string {\n    if (bytes === 0) return '0 B';\n    const units = ['B', 'KB', 'MB', 'GB'];\n    const k = 1024;\n    const i = Math.floor(Math.log(bytes) / Math.log(k));\n    const value = bytes / Math.pow(k, i);\n    return `${i === 0 ? value : value.toFixed(1)} ${units[i]}`;\n  }\n\n  /** Validate and add files from a FileList. */\n  private addFiles(incoming: FileList | File[]): void {\n    const newFiles = Array.from(incoming);\n    let filtered = newFiles;\n\n    // Filter by max file size\n    if (this.maxFileSize != null) {\n      filtered = filtered.filter(f => f.size <= this.maxFileSize!);\n    }\n\n    if (!this.multiple) {\n      // Single-file mode: replace the current file\n      this.files = filtered.length > 0 ? [filtered[0]] : [];\n    } else {\n      const combined = [...this.files, ...filtered];\n      // Filter by max files\n      if (this.maxFiles != null) {\n        this.files = combined.slice(0, this.maxFiles);\n      } else {\n        this.files = combined;\n      }\n    }\n\n    this.emit('mz-change', { detail: { files: [...this.files] } });\n  }\n\n  private handleFileChange(e: Event): void {\n    const input = e.target as HTMLInputElement;\n    if (input.files && input.files.length > 0) {\n      this.addFiles(input.files);\n    }\n    // Reset so the same file can be re-selected\n    input.value = '';\n  }\n\n  private handleBrowseClick(): void {\n    if (this.disabled) return;\n    this.fileInput?.click();\n  }\n\n  private handleDragOver(e: DragEvent): void {\n    e.preventDefault();\n    if (this.disabled) return;\n    this.isDragOver = true;\n  }\n\n  private handleDragLeave(): void {\n    this.isDragOver = false;\n  }\n\n  private handleDrop(e: DragEvent): void {\n    e.preventDefault();\n    this.isDragOver = false;\n    if (this.disabled) return;\n    if (e.dataTransfer?.files && e.dataTransfer.files.length > 0) {\n      this.addFiles(e.dataTransfer.files);\n    }\n  }\n\n  override render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          'file-input': true,\n          'file-input--drag-over': this.isDragOver,\n          'file-input--disabled': this.disabled,\n          'file-input--no-dropzone': this.noDropzone\n        })}\n      >\n        <input\n          type=\"file\"\n          .accept=${this.accept || ''}\n          ?multiple=${this.multiple}\n          ?disabled=${this.disabled}\n          @change=${this.handleFileChange}\n          style=\"display:none\"\n        />\n\n        ${this.noDropzone\n          ? html`\n              <button\n                part=\"button\"\n                class=\"file-input__button\"\n                type=\"button\"\n                ?disabled=${this.disabled}\n                @click=${this.handleBrowseClick}\n              >\n                <svg\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  aria-hidden=\"true\"\n                >\n                  <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n                  <polyline points=\"17 8 12 3 7 8\" />\n                  <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\" />\n                </svg>\n                ${this.buttonText}\n              </button>\n            `\n          : html`\n              <div\n                part=\"dropzone\"\n                class=\"file-input__dropzone\"\n                @click=${this.handleBrowseClick}\n                @dragover=${this.handleDragOver}\n                @dragleave=${this.handleDragLeave}\n                @drop=${this.handleDrop}\n              >\n                <div class=\"file-input__dropzone-icon\">\n                  <svg\n                    width=\"24\"\n                    height=\"24\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.5\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    aria-hidden=\"true\"\n                  >\n                    <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n                    <polyline points=\"17 8 12 3 7 8\" />\n                    <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\" />\n                  </svg>\n                </div>\n                <button\n                  part=\"button\"\n                  class=\"file-input__button\"\n                  type=\"button\"\n                  ?disabled=${this.disabled}\n                  @click=${(e: Event) => e.stopPropagation()}\n                >\n                  ${this.buttonText}\n                </button>\n                <div class=\"file-input__dropzone-text\">${this.dropzoneText}</div>\n              </div>\n            `}\n        ${this.files.length > 0\n          ? html`\n              <div part=\"file-list\" class=\"file-input__file-list\">\n                ${this.files.map(\n                  (file, i) => html`\n                    <div part=\"file-item\" class=\"file-input__file-item\">\n                      <span class=\"file-input__file-name\">${file.name}</span>\n                      <span class=\"file-input__file-size\">${this.formatSize(file.size)}</span>\n                      <button\n                        class=\"file-input__file-remove\"\n                        type=\"button\"\n                        aria-label=\"Remove ${file.name}\"\n                        @click=${() => this.removeFile(i)}\n                      >\n                        <svg\n                          width=\"14\"\n                          height=\"14\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                          aria-hidden=\"true\"\n                        >\n                          <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n                          <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n                        </svg>\n                      </button>\n                    </div>\n                  `\n                )}\n              </div>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["MzFileInput", "ManzanoElement", "index", "removed", "_", "i", "bytes", "units", "k", "value", "incoming", "filtered", "f", "combined", "input", "b", "e", "file", "A", "component_styles_default", "file_input_styles_default", "__decorateClass", "n", "r"]
+}

package/cdn/chunks/chunk.S46QABJD.js

@@ -0,0 +1,10 @@
+import{a}from"./chunk.4O2P6TEM.js";import{a as s}from"./chunk.X6MSTFXZ.js";import{a as o,d as e}from"./chunk.K3BKUERM.js";import{d as i}from"./chunk.TO7F5R6A.js";import{a as r}from"./chunk.MGICPQBB.js";var t=class extends e{constructor(){super(...arguments);this.direction="vertical"}render(){return i`
+      <div
+        class=${s({"scroll-area":!0,"scroll-area--vertical":this.direction==="vertical"||this.direction==="both","scroll-area--horizontal":this.direction==="horizontal"||this.direction==="both"})}
+        part="base"
+        tabindex="0"
+      >
+        <slot></slot>
+      </div>
+    `}};t.styles=a,r([o({reflect:!0})],t.prototype,"direction",2);export{t as a};
+//# sourceMappingURL=chunk.S46QABJD.js.map

package/cdn/chunks/chunk.S46QABJD.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/scroll-area/scroll-area.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './scroll-area.styles.js';\n\n/**\n * @summary A scrollable container with custom-styled thin scrollbars.\n *\n * @slot - Scrollable content.\n *\n * @csspart base - The scrollable container.\n *\n * @cssproperty --mz-scroll-area-height - Max height of the container (default: auto).\n * @cssproperty --mz-scroll-area-scrollbar-width - Scrollbar width (default: 6px).\n * @cssproperty --mz-scroll-area-scrollbar-color - Scrollbar thumb color.\n * @cssproperty --mz-scroll-area-scrollbar-track - Scrollbar track color.\n */\nexport class MzScrollArea extends ManzanoElement {\n  static styles = styles;\n\n  /** The scroll direction: 'vertical', 'horizontal', or 'both'. */\n  @property({ reflect: true }) direction: 'vertical' | 'horizontal' | 'both' = 'vertical';\n\n  render() {\n    return html`\n      <div\n        class=${classMap({\n          'scroll-area': true,\n          'scroll-area--vertical': this.direction === 'vertical' || this.direction === 'both',\n          'scroll-area--horizontal': this.direction === 'horizontal' || this.direction === 'both',\n        })}\n        part=\"base\"\n        tabindex=\"0\"\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "0MAkBO,IAAMA,EAAN,cAA2BC,CAAe,CAA1C,kCAIwB,eAAgD,WAE7E,QAAS,CACP,OAAOC;AAAA;AAAA,gBAEKC,EAAS,CACf,cAAe,GACf,wBAAyB,KAAK,YAAc,YAAc,KAAK,YAAc,OAC7E,0BAA2B,KAAK,YAAc,cAAgB,KAAK,YAAc,MACnF,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOR,CACF,EArBaH,EACJ,OAASI,EAGaC,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAJhBN,EAIkB",
+  "names": ["MzScrollArea", "ManzanoElement", "b", "e", "scroll_area_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.SFFP3FOR.js

@@ -0,0 +1,24 @@
+import{a as n}from"./chunk.EFZH5QTT.js";import{a}from"./chunk.X6MSTFXZ.js";import{a as i,b as r,d as c}from"./chunk.K3BKUERM.js";import{d as s}from"./chunk.TO7F5R6A.js";import{a as t}from"./chunk.MGICPQBB.js";var e=class extends c{constructor(){super(...arguments);this.value="";this.feedbackDuration=2e3;this.disabled=!1;this.size="md";this.tooltipContent="Copy";this.successContent="Copied!";this.copied=!1}disconnectedCallback(){super.disconnectedCallback(),this.feedbackTimeout&&clearTimeout(this.feedbackTimeout)}async handleClick(){if(!(this.disabled||this.copied))try{await navigator.clipboard.writeText(this.value),this.copied=!0,this.emit("mz-copy",{detail:{value:this.value}}),this.feedbackTimeout=setTimeout(()=>{this.copied=!1},this.feedbackDuration)}catch(o){this.emit("mz-error",{detail:{error:o}})}}render(){let o=s`
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+        <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
+      </svg>
+    `,l=s`
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <polyline points="20 6 9 17 4 12"></polyline>
+      </svg>
+    `;return s`
+      <button
+        class=${a({"copy-button":!0,"copy-button--copied":this.copied})}
+        part="button"
+        ?disabled=${this.disabled}
+        title=${this.copied?this.successContent:this.tooltipContent}
+        aria-label=${this.copied?this.successContent:this.tooltipContent}
+        @click=${this.handleClick}
+      >
+        <span class="copy-button__icon" part="icon">
+          ${this.copied?s`<slot name="success-icon">${l}</slot>`:s`<slot name="copy-icon">${o}</slot>`}
+        </span>
+      </button>
+    `}};e.styles=n,t([i()],e.prototype,"value",2),t([i({type:Number,attribute:"feedback-duration"})],e.prototype,"feedbackDuration",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({reflect:!0})],e.prototype,"size",2),t([i({attribute:"tooltip-content"})],e.prototype,"tooltipContent",2),t([i({attribute:"success-content"})],e.prototype,"successContent",2),t([r()],e.prototype,"copied",2);export{e as a};
+//# sourceMappingURL=chunk.SFFP3FOR.js.map

package/cdn/chunks/chunk.SFFP3FOR.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/copy-button/copy-button.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './copy-button.styles.js';\n\n/**\n * @summary A button that copies text to the clipboard and shows visual feedback on success.\n *\n * @slot copy-icon - Custom icon to show in the default (ready-to-copy) state.\n * @slot success-icon - Custom icon to show in the success (copied) state.\n *\n * @event mz-copy - Emitted after a successful copy. Detail: `{ value: string }`.\n * @event mz-error - Emitted when the clipboard write fails. Detail: `{ error: Error }`.\n *\n * @csspart button - The inner `<button>` element.\n * @csspart icon - The icon wrapper `<span>`.\n */\nexport class MzCopyButton extends ManzanoElement {\n  static styles = styles;\n\n  /** The text value to copy to the clipboard. */\n  @property() value = '';\n\n  /** How long (in ms) to show the success state after copying. */\n  @property({ type: Number, attribute: 'feedback-duration' }) feedbackDuration = 2000;\n\n  /** Disables the button. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** The button size. */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** Tooltip text shown on hover in the default state. */\n  @property({ attribute: 'tooltip-content' }) tooltipContent = 'Copy';\n\n  /** Tooltip text shown on hover in the success state. */\n  @property({ attribute: 'success-content' }) successContent = 'Copied!';\n\n  /** Whether the button is currently in the success (copied) state. */\n  @state() private copied = false;\n\n  private feedbackTimeout?: ReturnType<typeof setTimeout>;\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this.feedbackTimeout) clearTimeout(this.feedbackTimeout);\n  }\n\n  private async handleClick() {\n    if (this.disabled || this.copied) return;\n\n    try {\n      await navigator.clipboard.writeText(this.value);\n      this.copied = true;\n      this.emit('mz-copy', { detail: { value: this.value } });\n\n      this.feedbackTimeout = setTimeout(() => {\n        this.copied = false;\n      }, this.feedbackDuration);\n    } catch (error) {\n      this.emit('mz-error', { detail: { error } });\n    }\n  }\n\n  render() {\n    const copyIcon = html`\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"></rect>\n        <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"></path>\n      </svg>\n    `;\n\n    const successIcon = html`\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"20 6 9 17 4 12\"></polyline>\n      </svg>\n    `;\n\n    return html`\n      <button\n        class=${classMap({\n          'copy-button': true,\n          'copy-button--copied': this.copied,\n        })}\n        part=\"button\"\n        ?disabled=${this.disabled}\n        title=${this.copied ? this.successContent : this.tooltipContent}\n        aria-label=${this.copied ? this.successContent : this.tooltipContent}\n        @click=${this.handleClick}\n      >\n        <span class=\"copy-button__icon\" part=\"icon\">\n          ${this.copied\n            ? html`<slot name=\"success-icon\">${successIcon}</slot>`\n            : html`<slot name=\"copy-icon\">${copyIcon}</slot>`\n          }\n        </span>\n      </button>\n    `;\n  }\n}\n"],
+  "mappings": "iNAkBO,IAAMA,EAAN,cAA2BC,CAAe,CAA1C,kCAIO,WAAQ,GAGwC,sBAAmB,IAGnC,cAAW,GAG1B,UAA2B,KAGZ,oBAAiB,OAGjB,oBAAiB,UAGpD,KAAQ,OAAS,GAI1B,sBAAuB,CACrB,MAAM,qBAAqB,EACvB,KAAK,iBAAiB,aAAa,KAAK,eAAe,CAC7D,CAEA,MAAc,aAAc,CAC1B,GAAI,OAAK,UAAY,KAAK,QAE1B,GAAI,CACF,MAAM,UAAU,UAAU,UAAU,KAAK,KAAK,EAC9C,KAAK,OAAS,GACd,KAAK,KAAK,UAAW,CAAE,OAAQ,CAAE,MAAO,KAAK,KAAM,CAAE,CAAC,EAEtD,KAAK,gBAAkB,WAAW,IAAM,CACtC,KAAK,OAAS,EAChB,EAAG,KAAK,gBAAgB,CAC1B,OAASC,EAAO,CACd,KAAK,KAAK,WAAY,CAAE,OAAQ,CAAE,MAAAA,CAAM,CAAE,CAAC,CAC7C,CACF,CAEA,QAAS,CACP,IAAMC,EAAWC;AAAA;AAAA;AAAA;AAAA;AAAA,MAOXC,EAAcD;AAAA;AAAA;AAAA;AAAA,MAMpB,OAAOA;AAAA;AAAA,gBAEKE,EAAS,CACf,cAAe,GACf,sBAAuB,KAAK,MAC9B,CAAC,CAAC;AAAA;AAAA,oBAEU,KAAK,QAAQ;AAAA,gBACjB,KAAK,OAAS,KAAK,eAAiB,KAAK,cAAc;AAAA,qBAClD,KAAK,OAAS,KAAK,eAAiB,KAAK,cAAc;AAAA,iBAC3D,KAAK,WAAW;AAAA;AAAA;AAAA,YAGrB,KAAK,OACHF,8BAAiCC,CAAW,UAC5CD,2BAA8BD,CAAQ,SAC1C;AAAA;AAAA;AAAA,KAIR,CACF,EAlFaH,EACJ,OAASO,EAGJC,EAAA,CAAXC,EAAS,GAJCT,EAIC,qBAGgDQ,EAAA,CAA3DC,EAAS,CAAE,KAAM,OAAQ,UAAW,mBAAoB,CAAC,GAP/CT,EAOiD,gCAGhBQ,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAV/BT,EAUiC,wBAGfQ,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAbhBT,EAakB,oBAGeQ,EAAA,CAA3CC,EAAS,CAAE,UAAW,iBAAkB,CAAC,GAhB/BT,EAgBiC,8BAGAQ,EAAA,CAA3CC,EAAS,CAAE,UAAW,iBAAkB,CAAC,GAnB/BT,EAmBiC,8BAG3BQ,EAAA,CAAhB,EAAM,GAtBIR,EAsBM",
+  "names": ["MzCopyButton", "ManzanoElement", "error", "copyIcon", "b", "successIcon", "e", "copy_button_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.SNTAPCR2.js

@@ -0,0 +1,36 @@
+import{a as p}from"./chunk.KMY75DR5.js";import{a as m}from"./chunk.YFTDT6EB.js";import{a as r}from"./chunk.2EV445AD.js";import{a as l,c as o,d as n}from"./chunk.K3BKUERM.js";import{d as a,g as s}from"./chunk.TO7F5R6A.js";import{a as h}from"./chunk.N7WYNIN3.js";import{a as t}from"./chunk.MGICPQBB.js";var e=class extends n{constructor(){super(...arguments);this.hasSlotController=new h(this,"label","help-text","prefix","suffix");this.type="text";this.name="";this.value="";this.placeholder="";this.size="md";this.label="";this.helpText="";this.disabled=!1;this.readonly=!1;this.required=!1;this.pill=!1}focus(i){this.inputEl?.focus(i)}blur(){this.inputEl?.blur()}select(){this.inputEl?.select()}handleInput(){this.value=this.inputEl.value,this.emit("mz-input")}handleChange(){this.emit("mz-change")}handleFocus(){this.emit("mz-focus")}handleBlur(){this.emit("mz-blur")}render(){let i=this.label||this.hasSlotController.test("label"),d=this.helpText||this.hasSlotController.test("help-text");return a`
+      <div part="base" class="form-control">
+        ${i?a`<label part="label" class="form-control__label" for="control">
+              ${this.label||a`<slot name="label"></slot>`}
+            </label>`:s}
+        <div part="control-wrapper" class="input__control-wrapper">
+          <span part="prefix" class="input__prefix"><slot name="prefix"></slot></span>
+          <input
+            id="control"
+            part="control"
+            class="input__control"
+            type=${this.type}
+            name=${r(this.name||void 0)}
+            .value=${p(this.value)}
+            placeholder=${r(this.placeholder||void 0)}
+            ?disabled=${this.disabled}
+            ?readonly=${this.readonly}
+            ?required=${this.required}
+            minlength=${r(this.minlength)}
+            maxlength=${r(this.maxlength)}
+            pattern=${r(this.pattern)}
+            autocomplete=${r(this.autocomplete)}
+            aria-label=${r(i?void 0:this.placeholder||void 0)}
+            @input=${this.handleInput}
+            @change=${this.handleChange}
+            @focus=${this.handleFocus}
+            @blur=${this.handleBlur}
+          />
+          <span part="suffix" class="input__suffix"><slot name="suffix"></slot></span>
+        </div>
+        ${d?a`<span part="help-text" class="form-control__help-text">
+              ${this.helpText||a`<slot name="help-text"></slot>`}
+            </span>`:s}
+      </div>
+    `}};e.styles=m,e.formAssociated=!0,t([o(".input__control")],e.prototype,"inputEl",2),t([l()],e.prototype,"type",2),t([l()],e.prototype,"name",2),t([l()],e.prototype,"value",2),t([l()],e.prototype,"placeholder",2),t([l({reflect:!0})],e.prototype,"size",2),t([l()],e.prototype,"label",2),t([l({attribute:"help-text"})],e.prototype,"helpText",2),t([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([l({type:Boolean,reflect:!0})],e.prototype,"readonly",2),t([l({type:Boolean,reflect:!0})],e.prototype,"required",2),t([l({type:Boolean,reflect:!0})],e.prototype,"pill",2),t([l({type:Number})],e.prototype,"minlength",2),t([l({type:Number})],e.prototype,"maxlength",2),t([l()],e.prototype,"pattern",2),t([l()],e.prototype,"autocomplete",2);export{e as a};
+//# sourceMappingURL=chunk.SNTAPCR2.js.map

package/cdn/chunks/chunk.SVZ3JRQ5.js

@@ -0,0 +1,30 @@
+import{a as u}from"./chunk.RCOK4N3J.js";import{a as p}from"./chunk.6VM5ZMIJ.js";import{a as v}from"./chunk.X6MSTFXZ.js";import{a as o,c,d as m}from"./chunk.K3BKUERM.js";import{d as h}from"./chunk.TO7F5R6A.js";import{a}from"./chunk.MGICPQBB.js";var i=class extends m{constructor(){super(...arguments);this.position=50;this.vertical=!1;this.disabled=!1;this.snap="";this.snapThreshold=12;this.min=0;this.max=100;this.dragging=!1}handleDragStart(e){if(this.disabled)return;e.preventDefault(),this.dragging=!0,this.requestUpdate();let s=l=>{let r=this.container.getBoundingClientRect(),n;if(this.vertical?n=(l.clientY-r.top)/r.height*100:n=(l.clientX-r.left)/r.width*100,this.snap){let f=this.snap.split(",").map(d=>parseFloat(d.trim())),g=this.vertical?r.height:r.width;for(let d of f)if(Math.abs(n-d)*g/100<=this.snapThreshold){n=d;break}}n=Math.max(this.min,Math.min(this.max,n)),this.position=n,this.emit("mz-reposition",{detail:{position:n}})},t=()=>{this.dragging=!1,this.requestUpdate(),document.removeEventListener("pointermove",s),document.removeEventListener("pointerup",t)};document.addEventListener("pointermove",s),document.addEventListener("pointerup",t)}handleKeyDown(e){if(this.disabled)return;let s=1,t=this.position,l=this.vertical?"ArrowUp":"ArrowLeft",r=this.vertical?"ArrowDown":"ArrowRight";switch(e.key){case l:e.preventDefault(),t-=s;break;case r:e.preventDefault(),t+=s;break;case"Home":e.preventDefault(),t=this.min;break;case"End":e.preventDefault(),t=this.max;break;default:return}t=Math.max(this.min,Math.min(this.max,t)),t!==this.position&&(this.position=t,this.emit("mz-reposition",{detail:{position:t}}))}render(){let e=`${this.position}%`,s="var(--_split-panel-divider-width)",t=this.vertical?{height:`calc(${e} - ${s} / 2)`}:{width:`calc(${e} - ${s} / 2)`},l=this.vertical?{height:`calc(100% - ${e} - ${s} / 2)`}:{width:`calc(100% - ${e} - ${s} / 2)`};return h`
+      <div
+        class=${v({"split-panel":!0,"split-panel--vertical":this.vertical,"split-panel--dragging":this.dragging,"split-panel--disabled":this.disabled})}
+        part="panel"
+      >
+        <div class="split-panel__start" part="start" style=${p(t)}>
+          <slot name="start"></slot>
+        </div>
+        <div
+          class="split-panel__divider"
+          part="divider"
+          role="separator"
+          tabindex=${this.disabled?-1:0}
+          aria-valuenow=${Math.round(this.position)}
+          aria-valuemin=${this.min}
+          aria-valuemax=${this.max}
+          aria-orientation=${this.vertical?"vertical":"horizontal"}
+          @pointerdown=${this.handleDragStart}
+          @keydown=${this.handleKeyDown}
+        >
+          <slot name="divider">
+            <div class="split-panel__divider-grip"></div>
+          </slot>
+        </div>
+        <div class="split-panel__end" part="end" style=${p(l)}>
+          <slot name="end"></slot>
+        </div>
+      </div>
+    `}};i.styles=u,a([o({type:Number})],i.prototype,"position",2),a([o({type:Boolean,reflect:!0})],i.prototype,"vertical",2),a([o({type:Boolean,reflect:!0})],i.prototype,"disabled",2),a([o()],i.prototype,"snap",2),a([o({type:Number,attribute:"snap-threshold"})],i.prototype,"snapThreshold",2),a([o({type:Number})],i.prototype,"min",2),a([o({type:Number})],i.prototype,"max",2),a([c(".split-panel")],i.prototype,"container",2);export{i as a};
+//# sourceMappingURL=chunk.SVZ3JRQ5.js.map

package/cdn/chunks/chunk.SVZ3JRQ5.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/split-panel/split-panel.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './split-panel.styles.js';\n\n/**\n * @summary A resizable split panel with a draggable divider.\n *\n * @slot start - Content for the start (left/top) pane.\n * @slot end - Content for the end (right/bottom) pane.\n * @slot divider - Custom divider content.\n *\n * @event mz-reposition - Emitted while dragging. `event.detail.position` is the new percentage.\n *\n * @csspart panel - The overall container.\n * @csspart start - The start pane.\n * @csspart end - The end pane.\n * @csspart divider - The divider handle.\n *\n * @cssproperty --mz-split-panel-divider-width - Divider thickness (default: 4px).\n * @cssproperty --mz-split-panel-divider-color - Divider background color.\n * @cssproperty --mz-split-panel-divider-hover-color - Divider hover/active color.\n */\nexport class MzSplitPanel extends ManzanoElement {\n  static styles = styles;\n\n  /** Divider position as a percentage (0-100). */\n  @property({ type: Number }) position = 50;\n\n  /** Stack panes vertically instead of horizontally. */\n  @property({ type: Boolean, reflect: true }) vertical = false;\n\n  /** Prevent the divider from being dragged. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Snap points as comma-separated percentages (e.g. \"25,50,75\"). */\n  @property() snap = '';\n\n  /** Distance in pixels before snapping to a snap point. */\n  @property({ type: Number, attribute: 'snap-threshold' }) snapThreshold = 12;\n\n  /** Minimum allowed position percentage. */\n  @property({ type: Number }) min = 0;\n\n  /** Maximum allowed position percentage. */\n  @property({ type: Number }) max = 100;\n\n  @query('.split-panel') private container!: HTMLElement;\n\n  private dragging = false;\n\n  private handleDragStart(e: PointerEvent) {\n    if (this.disabled) return;\n    e.preventDefault();\n    this.dragging = true;\n    this.requestUpdate();\n\n    const onMove = (e: PointerEvent) => {\n      const rect = this.container.getBoundingClientRect();\n      let pct: number;\n\n      if (this.vertical) {\n        pct = ((e.clientY - rect.top) / rect.height) * 100;\n      } else {\n        pct = ((e.clientX - rect.left) / rect.width) * 100;\n      }\n\n      // Apply snap\n      if (this.snap) {\n        const snapPoints = this.snap.split(',').map(s => parseFloat(s.trim()));\n        const size = this.vertical ? rect.height : rect.width;\n        for (const sp of snapPoints) {\n          const dist = (Math.abs(pct - sp) * size) / 100;\n          if (dist <= this.snapThreshold) {\n            pct = sp;\n            break;\n          }\n        }\n      }\n\n      // Clamp\n      pct = Math.max(this.min, Math.min(this.max, pct));\n\n      this.position = pct;\n      this.emit('mz-reposition', { detail: { position: pct } });\n    };\n\n    const onUp = () => {\n      this.dragging = false;\n      this.requestUpdate();\n      document.removeEventListener('pointermove', onMove);\n      document.removeEventListener('pointerup', onUp);\n    };\n\n    document.addEventListener('pointermove', onMove);\n    document.addEventListener('pointerup', onUp);\n  }\n\n  private handleKeyDown(e: KeyboardEvent) {\n    if (this.disabled) return;\n\n    const step = 1;\n    let newPos = this.position;\n\n    const decrease = this.vertical ? 'ArrowUp' : 'ArrowLeft';\n    const increase = this.vertical ? 'ArrowDown' : 'ArrowRight';\n\n    switch (e.key) {\n      case decrease:\n        e.preventDefault();\n        newPos -= step;\n        break;\n      case increase:\n        e.preventDefault();\n        newPos += step;\n        break;\n      case 'Home':\n        e.preventDefault();\n        newPos = this.min;\n        break;\n      case 'End':\n        e.preventDefault();\n        newPos = this.max;\n        break;\n      default:\n        return;\n    }\n\n    newPos = Math.max(this.min, Math.min(this.max, newPos));\n    if (newPos !== this.position) {\n      this.position = newPos;\n      this.emit('mz-reposition', { detail: { position: newPos } });\n    }\n  }\n\n  render() {\n    const pos = `${this.position}%`;\n    const dividerWidth = 'var(--_split-panel-divider-width)';\n\n    const startStyles = this.vertical\n      ? { height: `calc(${pos} - ${dividerWidth} / 2)` }\n      : { width: `calc(${pos} - ${dividerWidth} / 2)` };\n\n    const endStyles = this.vertical\n      ? { height: `calc(100% - ${pos} - ${dividerWidth} / 2)` }\n      : { width: `calc(100% - ${pos} - ${dividerWidth} / 2)` };\n\n    return html`\n      <div\n        class=${classMap({\n          'split-panel': true,\n          'split-panel--vertical': this.vertical,\n          'split-panel--dragging': this.dragging,\n          'split-panel--disabled': this.disabled\n        })}\n        part=\"panel\"\n      >\n        <div class=\"split-panel__start\" part=\"start\" style=${styleMap(startStyles)}>\n          <slot name=\"start\"></slot>\n        </div>\n        <div\n          class=\"split-panel__divider\"\n          part=\"divider\"\n          role=\"separator\"\n          tabindex=${this.disabled ? -1 : 0}\n          aria-valuenow=${Math.round(this.position)}\n          aria-valuemin=${this.min}\n          aria-valuemax=${this.max}\n          aria-orientation=${this.vertical ? 'vertical' : 'horizontal'}\n          @pointerdown=${this.handleDragStart}\n          @keydown=${this.handleKeyDown}\n        >\n          <slot name=\"divider\">\n            <div class=\"split-panel__divider-grip\"></div>\n          </slot>\n        </div>\n        <div class=\"split-panel__end\" part=\"end\" style=${styleMap(endStyles)}>\n          <slot name=\"end\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["MzSplitPanel", "ManzanoElement", "onMove", "e", "rect", "pct", "snapPoints", "s", "size", "sp", "onUp", "step", "newPos", "decrease", "increase", "pos", "dividerWidth", "startStyles", "endStyles", "b", "o", "split_panel_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.SWAZNWGZ.js

@@ -0,0 +1,15 @@
+import{a as d}from"./chunk.ACJZEPTD.js";import{a}from"./chunk.X6MSTFXZ.js";import{a as s,d as l}from"./chunk.K3BKUERM.js";import{d as i}from"./chunk.TO7F5R6A.js";import{a as t}from"./chunk.MGICPQBB.js";var e=class extends l{constructor(){super(...arguments);this.value="";this.pressed=!1;this.disabled=!1;this.size="md"}handleClick(){this.disabled||(this.pressed=!this.pressed,this.emit("mz-toggle",{detail:{pressed:this.pressed,value:this.value}}))}handleKeyDown(r){(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),this.handleClick())}render(){return i`
+      <button
+        class=${a({toggle:!0,"toggle--pressed":this.pressed})}
+        part="base"
+        aria-pressed=${this.pressed}
+        ?disabled=${this.disabled}
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+      >
+        <slot name="prefix"></slot>
+        <slot></slot>
+        <slot name="suffix"></slot>
+      </button>
+    `}};e.styles=d,t([s()],e.prototype,"value",2),t([s({type:Boolean,reflect:!0})],e.prototype,"pressed",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([s({reflect:!0})],e.prototype,"size",2);export{e as a};
+//# sourceMappingURL=chunk.SWAZNWGZ.js.map

package/cdn/chunks/chunk.SWAZNWGZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/toggle/toggle.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './toggle.styles.js';\n\n/**\n * @summary A toggle button that can be pressed on/off, used standalone or inside a toggle group.\n *\n * @tag mz-toggle\n *\n * @slot - The button label.\n * @slot prefix - An icon or element before the label.\n * @slot suffix - An icon or element after the label.\n *\n * @csspart base - The inner button element.\n *\n * @event mz-toggle - Emitted when the toggle is pressed or released. Detail: `{ pressed: boolean, value: string }`.\n */\nexport class MzToggle extends ManzanoElement {\n  static styles = styles;\n\n  /** The value associated with this toggle, used by toggle groups. */\n  @property() value = '';\n\n  /** Whether the toggle is currently pressed (active). */\n  @property({ type: Boolean, reflect: true }) pressed = false;\n\n  /** Disables the toggle. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** The size of the toggle. */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  private handleClick() {\n    if (this.disabled) return;\n    this.pressed = !this.pressed;\n    this.emit('mz-toggle', { detail: { pressed: this.pressed, value: this.value } });\n  }\n\n  private handleKeyDown(e: KeyboardEvent) {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      this.handleClick();\n    }\n  }\n\n  render() {\n    return html`\n      <button\n        class=${classMap({\n          toggle: true,\n          'toggle--pressed': this.pressed,\n        })}\n        part=\"base\"\n        aria-pressed=${this.pressed}\n        ?disabled=${this.disabled}\n        @click=${this.handleClick}\n        @keydown=${this.handleKeyDown}\n      >\n        <slot name=\"prefix\"></slot>\n        <slot></slot>\n        <slot name=\"suffix\"></slot>\n      </button>\n    `;\n  }\n}\n"],
+  "mappings": "0MAmBO,IAAMA,EAAN,cAAuBC,CAAe,CAAtC,kCAIO,WAAQ,GAGwB,aAAU,GAGV,cAAW,GAG1B,UAA2B,KAEhD,aAAc,CAChB,KAAK,WACT,KAAK,QAAU,CAAC,KAAK,QACrB,KAAK,KAAK,YAAa,CAAE,OAAQ,CAAE,QAAS,KAAK,QAAS,MAAO,KAAK,KAAM,CAAE,CAAC,EACjF,CAEQ,cAAcC,EAAkB,EAClCA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OACjCA,EAAE,eAAe,EACjB,KAAK,YAAY,EAErB,CAEA,QAAS,CACP,OAAOC;AAAA;AAAA,gBAEKD,EAAS,CACf,OAAQ,GACR,kBAAmB,KAAK,OAC1B,CAAC,CAAC;AAAA;AAAA,uBAEa,KAAK,OAAO;AAAA,oBACf,KAAK,QAAQ;AAAA,iBAChB,KAAK,WAAW;AAAA,mBACd,KAAK,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOnC,CACF,EA/CaF,EACJ,OAASI,EAGJC,EAAA,CAAXC,EAAS,GAJCN,EAIC,qBAGgCK,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAP/BN,EAOiC,uBAGAK,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAV/BN,EAUiC,wBAGfK,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAbhBN,EAakB",
+  "names": ["MzToggle", "ManzanoElement", "e", "b", "toggle_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.TEDSI3R7.js

@@ -0,0 +1,2 @@
+import{a as o}from"./chunk.M6I7CSCO.js";o.define("mz-button-group");
+//# sourceMappingURL=chunk.TEDSI3R7.js.map

package/cdn/chunks/chunk.TFE46HFB.js

@@ -0,0 +1,51 @@
+import{a as r}from"./chunk.WXN5OSH2.js";import{a as l}from"./chunk.X6MSTFXZ.js";import{a as o,d as a}from"./chunk.K3BKUERM.js";import{d as s}from"./chunk.TO7F5R6A.js";import{a as i}from"./chunk.MGICPQBB.js";var d=0,t=class extends a{constructor(){super(...arguments);this.componentId=`collapsible-${++d}`;this.open=!1;this.disabled=!1;this.summary=""}handleToggle(){if(!this.disabled)if(this.open){if(!this.emit("mz-hide",{cancelable:!0}))return;this.open=!1}else{if(!this.emit("mz-show",{cancelable:!0}))return;this.open=!0}}handleKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.handleToggle())}handleTransitionEnd(e){e.propertyName==="grid-template-rows"&&(this.open?this.emit("mz-after-show"):this.emit("mz-after-hide"))}render(){let e=`${this.componentId}-header`,n=`${this.componentId}-content`;return s`
+      <div
+        class=${l({collapsible:!0,"collapsible--open":this.open,"collapsible--disabled":this.disabled})}
+      >
+        <div
+          class="collapsible__header"
+          id=${e}
+          role="button"
+          tabindex=${this.disabled?-1:0}
+          aria-expanded=${this.open}
+          aria-controls=${n}
+          aria-disabled=${this.disabled}
+          @click=${this.handleToggle}
+          @keydown=${this.handleKeyDown}
+          part="header"
+        >
+          <slot name="summary">
+            <span class="collapsible__summary">${this.summary}</span>
+          </slot>
+          <span class="collapsible__icon" part="icon">
+            <slot name="icon">
+              <svg
+                width="16"
+                height="16"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                aria-hidden="true"
+              >
+                <polyline points="6 9 12 15 18 9"></polyline>
+              </svg>
+            </slot>
+          </span>
+        </div>
+        <div
+          class="collapsible__body"
+          id=${n}
+          role="region"
+          aria-labelledby=${e}
+          @transitionend=${this.handleTransitionEnd}
+        >
+          <div class="collapsible__content" part="content">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+    `}};t.styles=r,i([o({type:Boolean,reflect:!0})],t.prototype,"open",2),i([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([o()],t.prototype,"summary",2);export{t as a};
+//# sourceMappingURL=chunk.TFE46HFB.js.map

package/cdn/chunks/chunk.TFE46HFB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/collapsible/collapsible.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './collapsible.styles.js';\n\nlet nextId = 0;\n\n/**\n * @summary A standalone collapsible/expandable section. Like an enhanced `<details>` element.\n *\n * @tag mz-collapsible\n *\n * @slot - The collapsible content.\n * @slot summary - Custom header content (overrides the `summary` property).\n * @slot icon - Custom expand/collapse icon.\n *\n * @event mz-show - Emitted when the section starts opening. Cancelable.\n * @event mz-hide - Emitted when the section starts closing. Cancelable.\n * @event mz-after-show - Emitted after the open animation completes.\n * @event mz-after-hide - Emitted after the close animation completes.\n *\n * @csspart header - The clickable header area.\n * @csspart icon - The expand/collapse icon wrapper.\n * @csspart content - The content area.\n */\nexport class MzCollapsible extends ManzanoElement {\n  static styles = styles;\n\n  private readonly componentId = `collapsible-${++nextId}`;\n\n  /** Whether the content is visible. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** Whether toggling is disabled. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** The header summary text. Use the `summary` slot for richer content. */\n  @property() summary = '';\n\n  private handleToggle(): void {\n    if (this.disabled) return;\n\n    if (this.open) {\n      const allowed = this.emit('mz-hide', { cancelable: true });\n      if (!allowed) return;\n      this.open = false;\n    } else {\n      const allowed = this.emit('mz-show', { cancelable: true });\n      if (!allowed) return;\n      this.open = true;\n    }\n  }\n\n  private handleKeyDown(e: KeyboardEvent): void {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      this.handleToggle();\n    }\n  }\n\n  private handleTransitionEnd(e: TransitionEvent): void {\n    if (e.propertyName !== 'grid-template-rows') return;\n\n    if (this.open) {\n      this.emit('mz-after-show');\n    } else {\n      this.emit('mz-after-hide');\n    }\n  }\n\n  render() {\n    const headerId = `${this.componentId}-header`;\n    const contentId = `${this.componentId}-content`;\n\n    return html`\n      <div\n        class=${classMap({\n          'collapsible': true,\n          'collapsible--open': this.open,\n          'collapsible--disabled': this.disabled\n        })}\n      >\n        <div\n          class=\"collapsible__header\"\n          id=${headerId}\n          role=\"button\"\n          tabindex=${this.disabled ? -1 : 0}\n          aria-expanded=${this.open}\n          aria-controls=${contentId}\n          aria-disabled=${this.disabled}\n          @click=${this.handleToggle}\n          @keydown=${this.handleKeyDown}\n          part=\"header\"\n        >\n          <slot name=\"summary\">\n            <span class=\"collapsible__summary\">${this.summary}</span>\n          </slot>\n          <span class=\"collapsible__icon\" part=\"icon\">\n            <slot name=\"icon\">\n              <svg\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                aria-hidden=\"true\"\n              >\n                <polyline points=\"6 9 12 15 18 9\"></polyline>\n              </svg>\n            </slot>\n          </span>\n        </div>\n        <div\n          class=\"collapsible__body\"\n          id=${contentId}\n          role=\"region\"\n          aria-labelledby=${headerId}\n          @transitionend=${this.handleTransitionEnd}\n        >\n          <div class=\"collapsible__content\" part=\"content\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "+MAMA,IAAIA,EAAS,EAoBAC,EAAN,cAA4BC,CAAe,CAA3C,kCAGL,KAAiB,YAAc,eAAe,EAAEF,CAAM,GAGV,UAAO,GAGP,cAAW,GAG3C,aAAU,GAEd,cAAqB,CAC3B,GAAI,MAAK,SAET,GAAI,KAAK,KAAM,CAEb,GAAI,CADY,KAAK,KAAK,UAAW,CAAE,WAAY,EAAK,CAAC,EAC3C,OACd,KAAK,KAAO,EACd,KAAO,CAEL,GAAI,CADY,KAAK,KAAK,UAAW,CAAE,WAAY,EAAK,CAAC,EAC3C,OACd,KAAK,KAAO,EACd,CACF,CAEQ,cAAc,EAAwB,EACxC,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,eAAe,EACjB,KAAK,aAAa,EAEtB,CAEQ,oBAAoB,EAA0B,CAChD,EAAE,eAAiB,uBAEnB,KAAK,KACP,KAAK,KAAK,eAAe,EAEzB,KAAK,KAAK,eAAe,EAE7B,CAEA,QAAS,CACP,IAAMG,EAAW,GAAG,KAAK,WAAW,UAC9BC,EAAY,GAAG,KAAK,WAAW,WAErC,OAAOC;AAAA;AAAA,gBAEKC,EAAS,CACf,YAAe,GACf,oBAAqB,KAAK,KAC1B,wBAAyB,KAAK,QAChC,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,eAIKH,CAAQ;AAAA;AAAA,qBAEF,KAAK,SAAW,GAAK,CAAC;AAAA,0BACjB,KAAK,IAAI;AAAA,0BACTC,CAAS;AAAA,0BACT,KAAK,QAAQ;AAAA,mBACpB,KAAK,YAAY;AAAA,qBACf,KAAK,aAAa;AAAA;AAAA;AAAA;AAAA,iDAIU,KAAK,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAsB9CA,CAAS;AAAA;AAAA,4BAEID,CAAQ;AAAA,2BACT,KAAK,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQjD,CACF,EAxGaF,EACJ,OAASM,EAK4BC,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAN/BR,EAMiC,oBAGAO,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAT/BR,EASiC,wBAGhCO,EAAA,CAAXC,EAAS,GAZCR,EAYC",
+  "names": ["nextId", "MzCollapsible", "ManzanoElement", "headerId", "contentId", "b", "e", "collapsible_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.TFM7FUAX.js

@@ -0,0 +1,6 @@
+import{a as n}from"./chunk.WGHSCLZE.js";import{a as o,d as l}from"./chunk.K3BKUERM.js";import{d as a}from"./chunk.TO7F5R6A.js";import{a as s}from"./chunk.MGICPQBB.js";var e=class extends l{constructor(){super(...arguments);this.multiple=!1;this.handleShow=r=>{if(this.multiple)return;let i=[...this.querySelectorAll("mz-accordion-item")],m=r.target;i.forEach(t=>{t!==m&&t.hasAttribute("open")&&(t.open=!1)})}}connectedCallback(){super.connectedCallback(),this.addEventListener("mz-show",this.handleShow)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("mz-show",this.handleShow)}render(){return a`
+      <div class="accordion" part="base" role="presentation">
+        <slot></slot>
+      </div>
+    `}};e.styles=n,s([o({type:Boolean})],e.prototype,"multiple",2);export{e as a};
+//# sourceMappingURL=chunk.TFM7FUAX.js.map