@manzanohq/components 0.1.1 → 0.1.4

package/cdn/chunks/chunk.IZPQR4QX.js

@@ -0,0 +1,35 @@
+import{a as d}from"./chunk.DM2ZBU7P.js";import{a as c}from"./chunk.X6MSTFXZ.js";import{a as r,d as b}from"./chunk.K3BKUERM.js";import{d as u,g as h}from"./chunk.TO7F5R6A.js";import{a as l}from"./chunk.MGICPQBB.js";var s=class extends b{constructor(){super(...arguments);this.total=0;this.page=1;this.pageSize=10;this.siblingCount=1;this.disabled=!1}get totalPages(){return Math.max(1,Math.ceil(this.total/this.pageSize))}getPageRange(){let e=this.totalPages,a=this.page,p=this.siblingCount,n=p*2+5;if(e<=n)return Array.from({length:e},(t,_)=>_+1);let g=Math.max(a-p,1),o=Math.min(a+p,e),m=g>2,f=o<e-1,i=[];if(i.push(1),m)i.push("ellipsis");else for(let t=2;t<g;t++)i.push(t);for(let t=g;t<=o;t++)t!==1&&t!==e&&i.push(t);if(f)i.push("ellipsis");else for(let t=o+1;t<e;t++)i.push(t);return e>1&&i.push(e),i}goToPage(e){if(this.disabled)return;let a=Math.max(1,Math.min(e,this.totalPages));a!==this.page&&(this.page=a,this.emit("mz-change",{detail:{page:this.page}}))}render(){let e=this.getPageRange(),a=this.page<=1,p=this.page>=this.totalPages;return u`
+      <nav aria-label="Pagination" class="pagination" part="base">
+        <button
+          class="pagination__button pagination__button--prev"
+          part="prev-button"
+          aria-label="Previous page"
+          ?disabled=${a||this.disabled}
+          @click=${()=>this.goToPage(this.page-1)}
+        >
+          <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="15 18 9 12 15 6"></polyline></svg>
+        </button>
+
+        ${e.map((n,g)=>{if(n==="ellipsis")return u`<span class="pagination__ellipsis" part="ellipsis" aria-hidden="true" key="ellipsis-${g}">&hellip;</span>`;let o=n===this.page;return u`
+            <button
+              class=${c({pagination__button:!0,"pagination__button--page":!0,"pagination__button--current":o})}
+              part="page-button"
+              aria-label="Page ${n}"
+              aria-current=${o?"page":h}
+              ?disabled=${this.disabled}
+              @click=${()=>this.goToPage(n)}
+            >${n}</button>
+          `})}
+
+        <button
+          class="pagination__button pagination__button--next"
+          part="next-button"
+          aria-label="Next page"
+          ?disabled=${p||this.disabled}
+          @click=${()=>this.goToPage(this.page+1)}
+        >
+          <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="9 18 15 12 9 6"></polyline></svg>
+        </button>
+      </nav>
+    `}};s.styles=d,l([r({type:Number})],s.prototype,"total",2),l([r({type:Number,reflect:!0})],s.prototype,"page",2),l([r({type:Number,attribute:"page-size"})],s.prototype,"pageSize",2),l([r({type:Number,attribute:"sibling-count"})],s.prototype,"siblingCount",2),l([r({type:Boolean,reflect:!0})],s.prototype,"disabled",2);export{s as a};
+//# sourceMappingURL=chunk.IZPQR4QX.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/pagination/pagination.component.ts"],
+  "sourcesContent": ["import { html, nothing } 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 './pagination.styles.js';\n\n/**\n * @tag mz-pagination\n * @summary A pagination component that displays page navigation controls.\n *\n * @event mz-change - Emitted when the page changes. Detail: `{ page: number }`\n *\n * @csspart base - The `<nav>` wrapper element.\n * @csspart prev-button - The previous page button.\n * @csspart next-button - The next page button.\n * @csspart page-button - Each page number button.\n * @csspart ellipsis - Each ellipsis separator.\n */\nexport class MzPagination extends ManzanoElement {\n  static styles = styles;\n\n  /** Total number of items. */\n  @property({ type: Number }) total = 0;\n\n  /** Current page (1-based). */\n  @property({ type: Number, reflect: true }) page = 1;\n\n  /** Number of items per page. */\n  @property({ type: Number, attribute: 'page-size' }) pageSize = 10;\n\n  /** Number of page buttons to show on each side of the current page. */\n  @property({ type: Number, attribute: 'sibling-count' }) siblingCount = 1;\n\n  /** Disables all pagination controls. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Computed total number of pages. */\n  get totalPages(): number {\n    return Math.max(1, Math.ceil(this.total / this.pageSize));\n  }\n\n  /** Generate the page numbers to display, with ellipsis markers. */\n  private getPageRange(): (number | 'ellipsis')[] {\n    const totalPages = this.totalPages;\n    const current = this.page;\n    const siblings = this.siblingCount;\n\n    // If total pages is small enough, show all\n    const totalSlots = siblings * 2 + 5; // siblings each side + current + 2 boundaries + 2 ellipsis\n    if (totalPages <= totalSlots) {\n      return Array.from({ length: totalPages }, (_, i) => i + 1);\n    }\n\n    const leftSibling = Math.max(current - siblings, 1);\n    const rightSibling = Math.min(current + siblings, totalPages);\n\n    const showLeftEllipsis = leftSibling > 2;\n    const showRightEllipsis = rightSibling < totalPages - 1;\n\n    const range: (number | 'ellipsis')[] = [];\n\n    // Always show first page\n    range.push(1);\n\n    if (showLeftEllipsis) {\n      range.push('ellipsis');\n    } else {\n      // Fill in pages 2 through leftSibling-1\n      for (let i = 2; i < leftSibling; i++) {\n        range.push(i);\n      }\n    }\n\n    // Sibling range (excluding boundaries)\n    for (let i = leftSibling; i <= rightSibling; i++) {\n      if (i !== 1 && i !== totalPages) {\n        range.push(i);\n      }\n    }\n\n    if (showRightEllipsis) {\n      range.push('ellipsis');\n    } else {\n      for (let i = rightSibling + 1; i < totalPages; i++) {\n        range.push(i);\n      }\n    }\n\n    // Always show last page\n    if (totalPages > 1) {\n      range.push(totalPages);\n    }\n\n    return range;\n  }\n\n  private goToPage(p: number) {\n    if (this.disabled) return;\n    const clamped = Math.max(1, Math.min(p, this.totalPages));\n    if (clamped === this.page) return;\n    this.page = clamped;\n    this.emit('mz-change', { detail: { page: this.page } });\n  }\n\n  render() {\n    const pages = this.getPageRange();\n    const isFirst = this.page <= 1;\n    const isLast = this.page >= this.totalPages;\n\n    return html`\n      <nav aria-label=\"Pagination\" class=\"pagination\" part=\"base\">\n        <button\n          class=\"pagination__button pagination__button--prev\"\n          part=\"prev-button\"\n          aria-label=\"Previous page\"\n          ?disabled=${isFirst || this.disabled}\n          @click=${() => this.goToPage(this.page - 1)}\n        >\n          <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=\"15 18 9 12 15 6\"></polyline></svg>\n        </button>\n\n        ${pages.map((p, index) => {\n          if (p === 'ellipsis') {\n            return html`<span class=\"pagination__ellipsis\" part=\"ellipsis\" aria-hidden=\"true\" key=\"ellipsis-${index}\">&hellip;</span>`;\n          }\n          const isCurrent = p === this.page;\n          return html`\n            <button\n              class=${classMap({\n                'pagination__button': true,\n                'pagination__button--page': true,\n                'pagination__button--current': isCurrent\n              })}\n              part=\"page-button\"\n              aria-label=\"Page ${p}\"\n              aria-current=${isCurrent ? 'page' : nothing}\n              ?disabled=${this.disabled}\n              @click=${() => this.goToPage(p)}\n            >${p}</button>\n          `;\n        })}\n\n        <button\n          class=\"pagination__button pagination__button--next\"\n          part=\"next-button\"\n          aria-label=\"Next page\"\n          ?disabled=${isLast || this.disabled}\n          @click=${() => this.goToPage(this.page + 1)}\n        >\n          <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=\"9 18 15 12 9 6\"></polyline></svg>\n        </button>\n      </nav>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["MzPagination", "ManzanoElement", "totalPages", "current", "siblings", "totalSlots", "_", "i", "leftSibling", "rightSibling", "showLeftEllipsis", "showRightEllipsis", "range", "p", "clamped", "pages", "isFirst", "isLast", "b", "index", "isCurrent", "e", "A", "pagination_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.J6NLWYJO.js

@@ -0,0 +1,37 @@
+import{a as y}from"./chunk.4V43ZJAK.js";import{a as u}from"./chunk.X6MSTFXZ.js";import{a as c}from"./chunk.YUHTZU7Y.js";import{a as o,b as h,c as p,d}from"./chunk.K3BKUERM.js";import{d as l,g as a}from"./chunk.TO7F5R6A.js";import{a as v}from"./chunk.N7WYNIN3.js";import{a as f,c as g,d as m,f as b}from"./chunk.4Z7MJZFY.js";import{a as n}from"./chunk.MGICPQBB.js";var s=class extends d{constructor(){super(...arguments);this.hasSlotController=new v(this,"label","help-text");this.typeAheadBuffer="";this.typeAheadTimeout=null;this.name="";this.value="";this.placeholder="";this.size="md";this.label="";this.helpText="";this.disabled=!1;this.required=!1;this.pill=!1;this.open=!1;this.displayText="";this.currentIndex=-1;this.handleOptionSelect=t=>{t.stopPropagation();let e=t.detail.value;e!==this.value&&(this.value=e,this.emit("mz-change")),this.close(),this.triggerEl?.focus()};this.outsideClickHandler=t=>{this.contains(t.target)||this.close()}}focus(t){this.triggerEl?.focus(t)}blur(){this.triggerEl?.blur()}connectedCallback(){super.connectedCallback(),this.addEventListener("mz-option-select",this.handleOptionSelect)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("mz-option-select",this.handleOptionSelect)}willUpdate(t){t.has("value")&&this.syncOptions()}updated(t){t.has("open")&&this.open&&this.positionDropdown()}getOptions(){return[...this.querySelectorAll("mz-option")]}getEnabledOptions(){return this.getOptions().filter(t=>!t.disabled)}syncOptions(){let t=this.getOptions(),e="";for(let i of t){let r=i.value===this.value;i.selected=r,r&&(e=i.getTextLabel())}this.displayText=e}handleSlotChange(){this.syncOptions()}handleTriggerClick(){this.disabled||(this.open?this.close():this.show())}handleTriggerKeyDown(t){if(this.disabled)return;let e=this.getEnabledOptions();if(e.length!==0)if(t.key==="ArrowDown")t.preventDefault(),this.open||this.show(),this.navigateOptions(1);else if(t.key==="ArrowUp")t.preventDefault(),this.open||this.show(),this.navigateOptions(-1);else if(t.key==="Enter"||t.key===" ")if(t.preventDefault(),this.open&&this.currentIndex>=0){let i=e[this.currentIndex];i&&(i.value!==this.value&&(this.value=i.value,this.emit("mz-change")),this.close())}else this.show();else t.key==="Escape"?this.open&&(t.preventDefault(),this.close(),this.triggerEl?.focus()):t.key==="Home"?(t.preventDefault(),this.open&&(this.currentIndex=0,this.highlightCurrentOption())):t.key==="End"?(t.preventDefault(),this.open&&(this.currentIndex=e.length-1,this.highlightCurrentOption())):t.key==="Tab"?this.open&&this.close():t.key.length===1&&this.handleTypeAhead(t.key)}handleTypeAhead(t){this.typeAheadTimeout&&clearTimeout(this.typeAheadTimeout),this.typeAheadBuffer+=t.toLowerCase(),this.typeAheadTimeout=setTimeout(()=>{this.typeAheadBuffer=""},500);let e=this.getEnabledOptions(),i=e.findIndex(r=>r.getTextLabel().toLowerCase().startsWith(this.typeAheadBuffer));if(i!==-1)if(this.open)this.currentIndex=i,this.highlightCurrentOption();else{let r=e[i];r.value!==this.value&&(this.value=r.value,this.emit("mz-change"))}}navigateOptions(t){let e=this.getEnabledOptions();if(e.length===0)return;let i=this.currentIndex+t;i<0&&(i=e.length-1),i>=e.length&&(i=0),this.currentIndex=i,this.highlightCurrentOption()}highlightCurrentOption(){let t=this.getEnabledOptions(),e=this.getOptions();for(let i of e)i.current=!1;this.currentIndex>=0&&this.currentIndex<t.length&&(t[this.currentIndex].current=!0)}show(){if(this.open||this.disabled)return;this.open=!0;let t=this.getEnabledOptions();this.currentIndex=t.findIndex(e=>e.value===this.value),this.highlightCurrentOption(),this.emit("mz-show"),this.addOutsideClickListener()}close(){this.open&&(this.open=!1,this.currentIndex=-1,this.highlightCurrentOption(),this.emit("mz-hide"),this.removeOutsideClickListener())}addOutsideClickListener(){document.addEventListener("click",this.outsideClickHandler,!0)}removeOutsideClickListener(){document.removeEventListener("click",this.outsideClickHandler,!0)}async positionDropdown(){if(!this.triggerEl||!this.dropdownEl)return;let t=this.dropdownEl,{x:e,y:i}=await b(this.triggerEl,t,{placement:"bottom-start",middleware:[f(4),g(),m({apply({availableHeight:r,rects:x}){Object.assign(t.style,{width:`${x.reference.width}px`,maxHeight:`${Math.min(r,300)}px`})}})]});Object.assign(t.style,{left:`${e}px`,top:`${i}px`})}handleFocus(){this.emit("mz-focus")}handleBlur(){this.emit("mz-blur")}render(){let t=this.label||this.hasSlotController.test("label"),e=this.helpText||this.hasSlotController.test("help-text"),i={select__trigger:!0,"select__trigger--open":this.open,"select__trigger--placeholder":!this.displayText};return l`
+      <div part="base" class="form-control">
+        ${t?l`<label part="label" class="form-control__label">
+              ${this.label||l`<slot name="label"></slot>`}
+            </label>`:a}
+        <div part="control-wrapper" class="select__control-wrapper">
+          <button
+            part="trigger"
+            class=${u(i)}
+            type="button"
+            role="combobox"
+            aria-expanded=${this.open}
+            aria-haspopup="listbox"
+            aria-label=${this.label||a}
+            ?disabled=${this.disabled}
+            @click=${this.handleTriggerClick}
+            @keydown=${this.handleTriggerKeyDown}
+            @focus=${this.handleFocus}
+            @blur=${this.handleBlur}
+          >
+            <span part="display" class="select__display">
+              ${this.displayText||this.placeholder||l`&nbsp;`}
+            </span>
+            <mz-icon class="select__chevron" name="chevron-down"></mz-icon>
+          </button>
+        </div>
+        ${this.open?l`
+              <div part="dropdown" class="select__dropdown" role="listbox">
+                <slot @slotchange=${this.handleSlotChange}></slot>
+              </div>
+            `:a}
+        ${e?l`<span part="help-text" class="form-control__help-text">
+              ${this.helpText||l`<slot name="help-text"></slot>`}
+            </span>`:a}
+      </div>
+    `}};s.styles=y,s.formAssociated=!0,s.dependencies={"mz-icon":c},n([p(".select__trigger")],s.prototype,"triggerEl",2),n([p(".select__dropdown")],s.prototype,"dropdownEl",2),n([o()],s.prototype,"name",2),n([o()],s.prototype,"value",2),n([o()],s.prototype,"placeholder",2),n([o({reflect:!0})],s.prototype,"size",2),n([o()],s.prototype,"label",2),n([o({attribute:"help-text"})],s.prototype,"helpText",2),n([o({type:Boolean,reflect:!0})],s.prototype,"disabled",2),n([o({type:Boolean,reflect:!0})],s.prototype,"required",2),n([o({type:Boolean,reflect:!0})],s.prototype,"pill",2),n([o({type:Boolean,reflect:!0})],s.prototype,"open",2),n([h()],s.prototype,"displayText",2),n([h()],s.prototype,"currentIndex",2);export{s as a};
+//# sourceMappingURL=chunk.J6NLWYJO.js.map

package/cdn/chunks/chunk.JBDUA25G.js

@@ -0,0 +1,40 @@
+import{a as o}from"./chunk.KSB2WJUO.js";import{a as d}from"./chunk.X6MSTFXZ.js";import{a,b as n,d as r}from"./chunk.K3BKUERM.js";import{d as s,g as l}from"./chunk.TO7F5R6A.js";import{a as i}from"./chunk.MGICPQBB.js";var t=class extends r{constructor(){super(...arguments);this.expanded=!1;this.selected=!1;this.disabled=!1;this.lazy=!1;this.hasChildren=!1;this.loading=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","treeitem"),this.checkChildren()}checkChildren(){this.hasChildren=this.querySelector("mz-tree-item")!==null||this.lazy}handleSlotChange(){this.checkChildren()}handleToggle(e){e.stopPropagation(),!this.disabled&&(this.expanded?(this.expanded=!1,this.emit("mz-collapse")):(this.lazy&&!this.querySelector("mz-tree-item")&&(this.loading=!0),this.expanded=!0,this.emit("mz-expand")))}handleSelect(e){e.stopPropagation(),!this.disabled&&(this.selected=!this.selected,this.emit("mz-tree-item-select",{detail:{item:this},bubbles:!0,composed:!0}))}handleKeyDown(e){if(!this.disabled)switch(e.key){case"ArrowRight":e.preventDefault(),e.stopPropagation(),this.hasChildren&&!this.expanded&&(this.expanded=!0,this.emit("mz-expand"));break;case"ArrowLeft":e.preventDefault(),e.stopPropagation(),this.expanded&&(this.expanded=!1,this.emit("mz-collapse"));break;case"Enter":e.preventDefault(),e.stopPropagation(),this.handleSelect(e);break;case" ":e.preventDefault(),e.stopPropagation(),this.handleToggle(e);break}}render(){let e=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="9 18 15 12 9 6"></polyline>
+      </svg>
+    `;return s`
+      <div
+        class=${d({"tree-item":!0,"tree-item--expanded":this.expanded,"tree-item--selected":this.selected,"tree-item--disabled":this.disabled,"tree-item--has-children":this.hasChildren})}
+      >
+        <div
+          class="tree-item__row"
+          part="row"
+          tabindex=${this.disabled?-1:0}
+          aria-expanded=${this.hasChildren?String(this.expanded):l}
+          aria-selected=${this.selected}
+          aria-disabled=${this.disabled}
+          @click=${this.handleSelect}
+          @keydown=${this.handleKeyDown}
+        >
+          <span
+            class="tree-item__expand"
+            part="expand-icon"
+            @click=${this.handleToggle}
+          >
+            ${this.hasChildren?s`
+                  ${this.loading?s`<mz-spinner style="--mz-spinner-size: 14px; --mz-spinner-track-width: 2px;"></mz-spinner>`:s`<slot name="expand-icon">${e}</slot>`}
+                `:l}
+          </span>
+          <span class="tree-item__icon" part="icon">
+            <slot name="icon"></slot>
+          </span>
+          <span class="tree-item__label" part="label">
+            <slot name="label"></slot>
+          </span>
+        </div>
+        <div class="tree-item__children" part="children" role="group">
+          <slot @slotchange=${this.handleSlotChange}></slot>
+        </div>
+      </div>
+    `}};t.styles=o,i([a({type:Boolean,reflect:!0})],t.prototype,"expanded",2),i([a({type:Boolean,reflect:!0})],t.prototype,"selected",2),i([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([a({type:Boolean})],t.prototype,"lazy",2),i([n()],t.prototype,"hasChildren",2),i([n()],t.prototype,"loading",2);export{t as a};
+//# sourceMappingURL=chunk.JBDUA25G.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tree-item/tree-item.component.ts"],
+  "sourcesContent": ["import { html, nothing } 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 './tree-item.styles.js';\n\n/**\n * @tag mz-tree-item\n * @summary A tree item that can be nested to create hierarchical structures.\n *\n * @slot - Nested `mz-tree-item` children.\n * @slot label - The item label content.\n * @slot expand-icon - Custom expand/collapse icon.\n * @slot icon - Item icon displayed before the label.\n *\n * @event mz-expand - Emitted when the item expands.\n * @event mz-collapse - Emitted when the item collapses.\n *\n * @csspart row - The clickable row area.\n * @csspart expand-icon - The expand/collapse icon wrapper.\n * @csspart icon - The item icon wrapper.\n * @csspart label - The label wrapper.\n * @csspart children - The children container.\n */\nexport class MzTreeItem extends ManzanoElement {\n  static styles = styles;\n\n  /** Whether children are visible. */\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  /** Whether this item is selected. */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /** Whether interaction is disabled. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Show a loading spinner when expanding (for lazy-loaded children). */\n  @property({ type: Boolean }) lazy = false;\n\n  @state() private hasChildren = false;\n  @state() private loading = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'treeitem');\n    this.checkChildren();\n  }\n\n  private checkChildren() {\n    this.hasChildren = this.querySelector('mz-tree-item') !== null || this.lazy;\n  }\n\n  private handleSlotChange() {\n    this.checkChildren();\n  }\n\n  private handleToggle(e: Event) {\n    e.stopPropagation();\n    if (this.disabled) return;\n\n    if (this.expanded) {\n      this.expanded = false;\n      this.emit('mz-collapse');\n    } else {\n      if (this.lazy && !this.querySelector('mz-tree-item')) {\n        this.loading = true;\n      }\n      this.expanded = true;\n      this.emit('mz-expand');\n    }\n  }\n\n  private handleSelect(e: Event) {\n    e.stopPropagation();\n    if (this.disabled) return;\n\n    this.selected = !this.selected;\n    this.emit('mz-tree-item-select', {\n      detail: { item: this },\n      bubbles: true,\n      composed: true\n    });\n  }\n\n  private handleKeyDown(e: KeyboardEvent) {\n    if (this.disabled) return;\n\n    switch (e.key) {\n      case 'ArrowRight':\n        e.preventDefault();\n        e.stopPropagation();\n        if (this.hasChildren && !this.expanded) {\n          this.expanded = true;\n          this.emit('mz-expand');\n        }\n        break;\n      case 'ArrowLeft':\n        e.preventDefault();\n        e.stopPropagation();\n        if (this.expanded) {\n          this.expanded = false;\n          this.emit('mz-collapse');\n        }\n        break;\n      case 'Enter':\n        e.preventDefault();\n        e.stopPropagation();\n        this.handleSelect(e);\n        break;\n      case ' ':\n        e.preventDefault();\n        e.stopPropagation();\n        this.handleToggle(e);\n        break;\n    }\n  }\n\n  render() {\n    const expandIcon = 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=\"9 18 15 12 9 6\"></polyline>\n      </svg>\n    `;\n\n    return html`\n      <div\n        class=${classMap({\n          'tree-item': true,\n          'tree-item--expanded': this.expanded,\n          'tree-item--selected': this.selected,\n          'tree-item--disabled': this.disabled,\n          'tree-item--has-children': this.hasChildren\n        })}\n      >\n        <div\n          class=\"tree-item__row\"\n          part=\"row\"\n          tabindex=${this.disabled ? -1 : 0}\n          aria-expanded=${this.hasChildren ? String(this.expanded) : nothing}\n          aria-selected=${this.selected}\n          aria-disabled=${this.disabled}\n          @click=${this.handleSelect}\n          @keydown=${this.handleKeyDown}\n        >\n          <span\n            class=\"tree-item__expand\"\n            part=\"expand-icon\"\n            @click=${this.handleToggle}\n          >\n            ${this.hasChildren\n              ? html`\n                  ${this.loading\n                    ? html`<mz-spinner style=\"--mz-spinner-size: 14px; --mz-spinner-track-width: 2px;\"></mz-spinner>`\n                    : html`<slot name=\"expand-icon\">${expandIcon}</slot>`\n                  }\n                `\n              : nothing}\n          </span>\n          <span class=\"tree-item__icon\" part=\"icon\">\n            <slot name=\"icon\"></slot>\n          </span>\n          <span class=\"tree-item__label\" part=\"label\">\n            <slot name=\"label\"></slot>\n          </span>\n        </div>\n        <div class=\"tree-item__children\" part=\"children\" role=\"group\">\n          <slot @slotchange=${this.handleSlotChange}></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "wNAwBO,IAAMA,EAAN,cAAyBC,CAAe,CAAxC,kCAIuC,cAAW,GAGX,cAAW,GAGX,cAAW,GAG1B,UAAO,GAE3B,KAAQ,YAAc,GACtB,KAAQ,QAAU,GAE3B,mBAAoB,CAClB,MAAM,kBAAkB,EACxB,KAAK,aAAa,OAAQ,UAAU,EACpC,KAAK,cAAc,CACrB,CAEQ,eAAgB,CACtB,KAAK,YAAc,KAAK,cAAc,cAAc,IAAM,MAAQ,KAAK,IACzE,CAEQ,kBAAmB,CACzB,KAAK,cAAc,CACrB,CAEQ,aAAa,EAAU,CAC7B,EAAE,gBAAgB,EACd,MAAK,WAEL,KAAK,UACP,KAAK,SAAW,GAChB,KAAK,KAAK,aAAa,IAEnB,KAAK,MAAQ,CAAC,KAAK,cAAc,cAAc,IACjD,KAAK,QAAU,IAEjB,KAAK,SAAW,GAChB,KAAK,KAAK,WAAW,GAEzB,CAEQ,aAAa,EAAU,CAC7B,EAAE,gBAAgB,EACd,MAAK,WAET,KAAK,SAAW,CAAC,KAAK,SACtB,KAAK,KAAK,sBAAuB,CAC/B,OAAQ,CAAE,KAAM,IAAK,EACrB,QAAS,GACT,SAAU,EACZ,CAAC,EACH,CAEQ,cAAc,EAAkB,CACtC,GAAI,MAAK,SAET,OAAQ,EAAE,IAAK,CACb,IAAK,aACH,EAAE,eAAe,EACjB,EAAE,gBAAgB,EACd,KAAK,aAAe,CAAC,KAAK,WAC5B,KAAK,SAAW,GAChB,KAAK,KAAK,WAAW,GAEvB,MACF,IAAK,YACH,EAAE,eAAe,EACjB,EAAE,gBAAgB,EACd,KAAK,WACP,KAAK,SAAW,GAChB,KAAK,KAAK,aAAa,GAEzB,MACF,IAAK,QACH,EAAE,eAAe,EACjB,EAAE,gBAAgB,EAClB,KAAK,aAAa,CAAC,EACnB,MACF,IAAK,IACH,EAAE,eAAe,EACjB,EAAE,gBAAgB,EAClB,KAAK,aAAa,CAAC,EACnB,KACJ,CACF,CAEA,QAAS,CACP,IAAMC,EAAaC;AAAA;AAAA;AAAA;AAAA,MAMnB,OAAOA;AAAA;AAAA,gBAEKC,EAAS,CACf,YAAa,GACb,sBAAuB,KAAK,SAC5B,sBAAuB,KAAK,SAC5B,sBAAuB,KAAK,SAC5B,0BAA2B,KAAK,WAClC,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKW,KAAK,SAAW,GAAK,CAAC;AAAA,0BACjB,KAAK,YAAc,OAAO,KAAK,QAAQ,EAAIC,CAAO;AAAA,0BAClD,KAAK,QAAQ;AAAA,0BACb,KAAK,QAAQ;AAAA,mBACpB,KAAK,YAAY;AAAA,qBACf,KAAK,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKlB,KAAK,YAAY;AAAA;AAAA,cAExB,KAAK,YACHF;AAAA,oBACI,KAAK,QACHA,6FACAA,6BAAgCD,CAAU,SAC9C;AAAA,kBAEFG,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAUO,KAAK,gBAAgB;AAAA;AAAA;AAAA,KAIjD,CACF,EAnJaL,EACJ,OAASM,EAG4BC,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAJ/BR,EAIiC,wBAGAO,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAP/BR,EAOiC,wBAGAO,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAV/BR,EAUiC,wBAGfO,EAAA,CAA5BC,EAAS,CAAE,KAAM,OAAQ,CAAC,GAbhBR,EAakB,oBAEZO,EAAA,CAAhBE,EAAM,GAfIT,EAeM,2BACAO,EAAA,CAAhBE,EAAM,GAhBIT,EAgBM",
+  "names": ["MzTreeItem", "ManzanoElement", "expandIcon", "b", "e", "A", "tree_item_styles_default", "__decorateClass", "n", "r"]
+}

package/cdn/chunks/chunk.JBSH26L7.js

@@ -0,0 +1,2 @@
+import{a as m}from"./chunk.E3G6FBN5.js";m.define("mz-command");
+//# sourceMappingURL=chunk.JBSH26L7.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/command/command.ts"],
+  "sourcesContent": ["import { MzCommand } from './command.component.js';\n\nexport * from './command.component.js';\n\nMzCommand.define('mz-command');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-command': MzCommand;\n  }\n}\n"],
+  "mappings": "wCAIAA,EAAU,OAAO,YAAY",
+  "names": ["MzCommand"]
+}

package/cdn/chunks/chunk.JDB2XHY7.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.DEUU2SSC.js";e.define("mz-intersection-observer");
+//# sourceMappingURL=chunk.JDB2XHY7.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/intersection-observer/intersection-observer.ts"],
+  "sourcesContent": ["import { MzIntersectionObserver } from './intersection-observer.component.js';\n\nMzIntersectionObserver.define('mz-intersection-observer');\n\nexport { MzIntersectionObserver };\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-intersection-observer': MzIntersectionObserver;\n  }\n}\n"],
+  "mappings": "wCAEAA,EAAuB,OAAO,0BAA0B",
+  "names": ["MzIntersectionObserver"]
+}

package/cdn/chunks/chunk.JMXJS5WQ.js

@@ -0,0 +1,116 @@
+import{a as i}from"./chunk.22OS67BO.js";import{a as r}from"./chunk.TO7F5R6A.js";var t=[i,r`
+    :host {
+      --_slider-track-height: var(--mz-slider-track-height, 4px);
+      --_slider-track-color: var(--mz-slider-track-color, var(--mz-color-border));
+      --_slider-fill-color: var(--mz-slider-fill-color, var(--mz-color-primary));
+      --_slider-thumb-size: var(--mz-slider-thumb-size, 16px);
+      --_slider-thumb-color: var(--mz-slider-thumb-color, var(--mz-color-primary));
+
+      display: block;
+      font-family: var(--mz-font-sans);
+    }
+
+    /* Size variants */
+    :host([size='sm']) {
+      --_slider-track-height: var(--mz-slider-track-height, 2px);
+      --_slider-thumb-size: var(--mz-slider-thumb-size, 12px);
+    }
+
+    :host([size='lg']) {
+      --_slider-track-height: var(--mz-slider-track-height, 6px);
+      --_slider-thumb-size: var(--mz-slider-thumb-size, 20px);
+    }
+
+    .slider__label {
+      display: block;
+      font-size: var(--mz-font-size-sm);
+      font-weight: var(--mz-font-weight-medium, 500);
+      color: var(--mz-color-on-surface);
+      margin-bottom: var(--mz-space-xs);
+    }
+
+    .slider__control {
+      position: relative;
+      height: var(--_slider-thumb-size);
+      display: flex;
+      align-items: center;
+    }
+
+    .slider__track {
+      position: relative;
+      width: 100%;
+      height: var(--_slider-track-height);
+      background: var(--_slider-track-color);
+      border-radius: var(--mz-radius-pill);
+    }
+
+    .slider__fill {
+      position: absolute;
+      top: 0;
+      left: 0;
+      height: 100%;
+      background: var(--_slider-fill-color);
+      border-radius: inherit;
+      pointer-events: none;
+    }
+
+    .slider__thumb {
+      position: absolute;
+      top: 50%;
+      width: var(--_slider-thumb-size);
+      height: var(--_slider-thumb-size);
+      background: var(--_slider-thumb-color);
+      border: 2px solid var(--mz-color-surface, #fff);
+      border-radius: 50%;
+      transform: translate(-50%, -50%);
+      box-shadow: 0 1px 3px rgb(28 25 21 / 0.2);
+      pointer-events: none;
+      transition: box-shadow 150ms ease;
+    }
+
+    .slider__value-display {
+      position: absolute;
+      bottom: calc(100% + 6px);
+      left: 50%;
+      transform: translateX(-50%);
+      background: var(--mz-color-on-surface, #1c1915);
+      color: var(--mz-color-surface, #fff);
+      font-size: var(--mz-font-size-xs);
+      padding: 2px 6px;
+      border-radius: var(--mz-radius-sm);
+      white-space: nowrap;
+      font-variant-numeric: tabular-nums;
+      pointer-events: none;
+    }
+
+    /* Native input overlay — on top for interaction, invisible */
+    .slider__input {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      opacity: 0;
+      cursor: pointer;
+      margin: 0;
+      -webkit-appearance: none;
+      appearance: none;
+    }
+
+    /* Focus ring via :focus-within on the control container */
+    .slider__control:focus-within .slider__thumb {
+      box-shadow:
+        0 0 0 3px color-mix(in srgb, var(--mz-color-primary) 25%, transparent),
+        0 1px 3px rgb(28 25 21 / 0.2);
+    }
+
+    /* Disabled */
+    .slider--disabled {
+      opacity: 0.5;
+    }
+
+    .slider--disabled .slider__input {
+      cursor: not-allowed;
+    }
+  `];export{t as a};
+//# sourceMappingURL=chunk.JMXJS5WQ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/slider/slider.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    :host {\n      --_slider-track-height: var(--mz-slider-track-height, 4px);\n      --_slider-track-color: var(--mz-slider-track-color, var(--mz-color-border));\n      --_slider-fill-color: var(--mz-slider-fill-color, var(--mz-color-primary));\n      --_slider-thumb-size: var(--mz-slider-thumb-size, 16px);\n      --_slider-thumb-color: var(--mz-slider-thumb-color, var(--mz-color-primary));\n\n      display: block;\n      font-family: var(--mz-font-sans);\n    }\n\n    /* Size variants */\n    :host([size='sm']) {\n      --_slider-track-height: var(--mz-slider-track-height, 2px);\n      --_slider-thumb-size: var(--mz-slider-thumb-size, 12px);\n    }\n\n    :host([size='lg']) {\n      --_slider-track-height: var(--mz-slider-track-height, 6px);\n      --_slider-thumb-size: var(--mz-slider-thumb-size, 20px);\n    }\n\n    .slider__label {\n      display: block;\n      font-size: var(--mz-font-size-sm);\n      font-weight: var(--mz-font-weight-medium, 500);\n      color: var(--mz-color-on-surface);\n      margin-bottom: var(--mz-space-xs);\n    }\n\n    .slider__control {\n      position: relative;\n      height: var(--_slider-thumb-size);\n      display: flex;\n      align-items: center;\n    }\n\n    .slider__track {\n      position: relative;\n      width: 100%;\n      height: var(--_slider-track-height);\n      background: var(--_slider-track-color);\n      border-radius: var(--mz-radius-pill);\n    }\n\n    .slider__fill {\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      background: var(--_slider-fill-color);\n      border-radius: inherit;\n      pointer-events: none;\n    }\n\n    .slider__thumb {\n      position: absolute;\n      top: 50%;\n      width: var(--_slider-thumb-size);\n      height: var(--_slider-thumb-size);\n      background: var(--_slider-thumb-color);\n      border: 2px solid var(--mz-color-surface, #fff);\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n      box-shadow: 0 1px 3px rgb(28 25 21 / 0.2);\n      pointer-events: none;\n      transition: box-shadow 150ms ease;\n    }\n\n    .slider__value-display {\n      position: absolute;\n      bottom: calc(100% + 6px);\n      left: 50%;\n      transform: translateX(-50%);\n      background: var(--mz-color-on-surface, #1c1915);\n      color: var(--mz-color-surface, #fff);\n      font-size: var(--mz-font-size-xs);\n      padding: 2px 6px;\n      border-radius: var(--mz-radius-sm);\n      white-space: nowrap;\n      font-variant-numeric: tabular-nums;\n      pointer-events: none;\n    }\n\n    /* Native input overlay \u2014 on top for interaction, invisible */\n    .slider__input {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      opacity: 0;\n      cursor: pointer;\n      margin: 0;\n      -webkit-appearance: none;\n      appearance: none;\n    }\n\n    /* Focus ring via :focus-within on the control container */\n    .slider__control:focus-within .slider__thumb {\n      box-shadow:\n        0 0 0 3px color-mix(in srgb, var(--mz-color-primary) 25%, transparent),\n        0 1px 3px rgb(28 25 21 / 0.2);\n    }\n\n    /* Disabled */\n    .slider--disabled {\n      opacity: 0.5;\n    }\n\n    .slider--disabled .slider__input {\n      cursor: not-allowed;\n    }\n  `\n];\n"],
+  "mappings": "gFAGA,IAAOA,EAAQ,CACbC,EACAC;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;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,GAmHF",
+  "names": ["slider_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.K3BKUERM.js

@@ -0,0 +1,26 @@
+import{b as h,c as y,i as g}from"./chunk.TO7F5R6A.js";import{a as f}from"./chunk.MGICPQBB.js";var b={attribute:!0,type:String,converter:h,reflect:!1,hasChanged:y},w=(o=b,s,e)=>{let{kind:t,metadata:r}=e,n=globalThis.litPropertyMetadata.get(r);if(n===void 0&&globalThis.litPropertyMetadata.set(r,n=new Map),t==="setter"&&((o=Object.create(o)).wrapped=!0),n.set(e.name,o),t==="accessor"){let{name:a}=e;return{set(c){let i=s.get.call(this);s.set.call(this,c),this.requestUpdate(a,i,o,!0,c)},init(c){return c!==void 0&&this.C(a,void 0,o,c),c}}}if(t==="setter"){let{name:a}=e;return function(c){let i=this[a];s.call(this,c),this.requestUpdate(a,i,o,!0,c)}}throw Error("Unsupported decorator location: "+t)};function l(o){return(s,e)=>typeof e=="object"?w(o,s,e):((t,r,n)=>{let a=r.hasOwnProperty(n);return r.constructor.createProperty(n,t),a?Object.getOwnPropertyDescriptor(r,n):void 0})(o,s,e)}function A(o){return l({...o,state:!0,attribute:!1})}var u=(o,s,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof s!="object"&&Object.defineProperty(o,s,e),e);function T(o,s){return(e,t,r)=>{let n=a=>a.renderRoot?.querySelector(o)??null;if(s){let{get:a,set:c}=typeof t=="object"?e:r??(()=>{let i=Symbol();return{get(){return this[i]},set(x){this[i]=x}}})();return u(e,t,{get(){let i=a.call(this);return i===void 0&&(i=n(this),(i!==null||this.hasUpdated)&&c.call(this,i)),i}})}return u(e,t,{get(){return n(this)}})}}var E="0.1.4",q=new Map,p,m=!1;function v(){return p||(p=window.matchMedia("(prefers-reduced-motion: reduce)"),m=p.matches,p.addEventListener("change",o=>{m=o.matches})),p}var d=class extends g{constructor(){super();this.dir="";this.lang="";let e=this.constructor;for(let[t,r]of Object.entries(e.dependencies))r.define(t,r);typeof window<"u"&&v()}get prefersReducedMotion(){return typeof window>"u"?!1:(v(),m)}static define(e,t=this){let r=customElements.get(e);if(r){let n=r.version;n!==t.version&&console.warn(`Manzano: "${e}" was already registered with version ${n}. Attempted to re-register with version ${t.version}. This may cause issues.`);return}q.set(e,t),customElements.define(e,t)}emit(e,t){let r=new CustomEvent(e,{bubbles:!0,cancelable:!1,composed:!0,detail:{},...t});return this.dispatchEvent(r),!r.defaultPrevented}get updateComplete(){return super.updateComplete.then(async e=>{if(!this.shadowRoot)return e;let t=this.shadowRoot.querySelectorAll(":not(:defined)");if(t.length>0){let r=[...t].map(n=>customElements.whenDefined(n.localName));await Promise.all(r)}return e})}};d.version=E,d.dependencies={},f([l({reflect:!0})],d.prototype,"dir",2),f([l()],d.prototype,"lang",2);export{l as a,A as b,T as c,d};
+/*! Bundled license information:
+
+@lit/reactive-element/decorators/custom-element.js:
+@lit/reactive-element/decorators/property.js:
+@lit/reactive-element/decorators/state.js:
+@lit/reactive-element/decorators/event-options.js:
+@lit/reactive-element/decorators/base.js:
+@lit/reactive-element/decorators/query.js:
+@lit/reactive-element/decorators/query-all.js:
+@lit/reactive-element/decorators/query-async.js:
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+//# sourceMappingURL=chunk.K3BKUERM.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/src/decorators/property.ts", "../../../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/src/decorators/state.ts", "../../../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/src/decorators/base.ts", "../../../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/src/decorators/query.ts", "../../src/internal/manzano-element.ts"],
+  "sourcesContent": ["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\n\nimport {\n  type PropertyDeclaration,\n  type ReactiveElement,\n  defaultConverter,\n  notEqual,\n} from '../reactive-element.js';\nimport type {Interface} from './base.js';\n\nconst DEV_MODE = true;\n\nlet issueWarning: (code: string, warning: string) => void;\n\nif (DEV_MODE) {\n  // Ensure warnings are issued only 1x, even if multiple versions of Lit\n  // are loaded.\n  globalThis.litIssuedWarnings ??= new Set();\n\n  /**\n   * Issue a warning if we haven't already, based either on `code` or `warning`.\n   * Warnings are disabled automatically only by `warning`; disabling via `code`\n   * can be done by users.\n   */\n  issueWarning = (code: string, warning: string) => {\n    warning += ` See https://lit.dev/msg/${code} for more information.`;\n    if (\n      !globalThis.litIssuedWarnings!.has(warning) &&\n      !globalThis.litIssuedWarnings!.has(code)\n    ) {\n      console.warn(warning);\n      globalThis.litIssuedWarnings!.add(warning);\n    }\n  };\n}\n\n// Overloads for property decorator so that TypeScript can infer the correct\n// return type when a decorator is used as an accessor decorator or a setter\n// decorator.\nexport type PropertyDecorator = {\n  // accessor decorator signature\n  <C extends Interface<ReactiveElement>, V>(\n    target: ClassAccessorDecoratorTarget<C, V>,\n    context: ClassAccessorDecoratorContext<C, V>\n  ): ClassAccessorDecoratorResult<C, V>;\n\n  // setter decorator signature\n  <C extends Interface<ReactiveElement>, V>(\n    target: (value: V) => void,\n    context: ClassSetterDecoratorContext<C, V>\n  ): (this: C, value: V) => void;\n\n  // legacy decorator signature\n  (\n    protoOrDescriptor: Object,\n    name: PropertyKey,\n    descriptor?: PropertyDescriptor\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ): any;\n};\n\nconst legacyProperty = (\n  options: PropertyDeclaration | undefined,\n  proto: Object,\n  name: PropertyKey\n) => {\n  const hasOwnProperty = proto.hasOwnProperty(name);\n  (proto.constructor as typeof ReactiveElement).createProperty(name, options);\n  // For accessors (which have a descriptor on the prototype) we need to\n  // return a descriptor, otherwise TypeScript overwrites the descriptor we\n  // define in createProperty() with the original descriptor. We don't do this\n  // for fields, which don't have a descriptor, because this could overwrite\n  // descriptor defined by other decorators.\n  return hasOwnProperty\n    ? Object.getOwnPropertyDescriptor(proto, name)\n    : undefined;\n};\n\n// This is duplicated from a similar variable in reactive-element.ts, but\n// actually makes sense to have this default defined with the decorator, so\n// that different decorators could have different defaults.\nconst defaultPropertyDeclaration: PropertyDeclaration = {\n  attribute: true,\n  type: String,\n  converter: defaultConverter,\n  reflect: false,\n  hasChanged: notEqual,\n};\n\n// Temporary type, until google3 is on TypeScript 5.2\ntype StandardPropertyContext<C, V> = (\n  | ClassAccessorDecoratorContext<C, V>\n  | ClassSetterDecoratorContext<C, V>\n) & {metadata: object};\n\n/**\n * Wraps a class accessor or setter so that `requestUpdate()` is called with the\n * property name and old value when the accessor is set.\n */\nexport const standardProperty = <C extends Interface<ReactiveElement>, V>(\n  options: PropertyDeclaration = defaultPropertyDeclaration,\n  target: ClassAccessorDecoratorTarget<C, V> | ((value: V) => void),\n  context: StandardPropertyContext<C, V>\n): ClassAccessorDecoratorResult<C, V> | ((this: C, value: V) => void) => {\n  const {kind, metadata} = context;\n\n  if (DEV_MODE && metadata == null) {\n    issueWarning(\n      'missing-class-metadata',\n      `The class ${target} is missing decorator metadata. This ` +\n        `could mean that you're using a compiler that supports decorators ` +\n        `but doesn't support decorator metadata, such as TypeScript 5.1. ` +\n        `Please update your compiler.`\n    );\n  }\n\n  // Store the property options\n  let properties = globalThis.litPropertyMetadata.get(metadata);\n  if (properties === undefined) {\n    globalThis.litPropertyMetadata.set(metadata, (properties = new Map()));\n  }\n  if (kind === 'setter') {\n    options = Object.create(options);\n    options.wrapped = true;\n  }\n  properties.set(context.name, options);\n\n  if (kind === 'accessor') {\n    // Standard decorators cannot dynamically modify the class, so we can't\n    // replace a field with accessors. The user must use the new `accessor`\n    // keyword instead.\n    const {name} = context;\n    return {\n      set(this: ReactiveElement, v: V) {\n        const oldValue = (\n          target as ClassAccessorDecoratorTarget<C, V>\n        ).get.call(this as unknown as C);\n        (target as ClassAccessorDecoratorTarget<C, V>).set.call(\n          this as unknown as C,\n          v\n        );\n        this.requestUpdate(name, oldValue, options, true, v);\n      },\n      init(this: ReactiveElement, v: V): V {\n        if (v !== undefined) {\n          this._$changeProperty(name, undefined, options, v);\n        }\n        return v;\n      },\n    } as unknown as ClassAccessorDecoratorResult<C, V>;\n  } else if (kind === 'setter') {\n    const {name} = context;\n    return function (this: ReactiveElement, value: V) {\n      const oldValue = this[name as keyof ReactiveElement];\n      (target as (value: V) => void).call(this, value);\n      this.requestUpdate(name, oldValue, options, true, value);\n    } as unknown as (this: C, value: V) => void;\n  }\n  throw new Error(`Unsupported decorator location: ${kind}`);\n};\n\n/**\n * A class field or accessor decorator which creates a reactive property that\n * reflects a corresponding attribute value. When a decorated property is set\n * the element will update and render. A {@linkcode PropertyDeclaration} may\n * optionally be supplied to configure property features.\n *\n * This decorator should only be used for public fields. As public fields,\n * properties should be considered as primarily settable by element users,\n * either via attribute or the property itself.\n *\n * Generally, properties that are changed by the element should be private or\n * protected fields and should use the {@linkcode state} decorator.\n *\n * However, sometimes element code does need to set a public property. This\n * should typically only be done in response to user interaction, and an event\n * should be fired informing the user; for example, a checkbox sets its\n * `checked` property when clicked and fires a `changed` event. Mutating public\n * properties should typically not be done for non-primitive (object or array)\n * properties. In other cases when an element needs to manage state, a private\n * property decorated via the {@linkcode state} decorator should be used. When\n * needed, state properties can be initialized via public properties to\n * facilitate complex interactions.\n *\n * ```ts\n * class MyElement {\n *   @property({ type: Boolean })\n *   clicked = false;\n * }\n * ```\n * @category Decorator\n * @ExportDecoratedItems\n */\nexport function property(options?: PropertyDeclaration): PropertyDecorator {\n  return <C extends Interface<ReactiveElement>, V>(\n    protoOrTarget:\n      | object\n      | ClassAccessorDecoratorTarget<C, V>\n      | ((value: V) => void),\n    nameOrContext:\n      | PropertyKey\n      | ClassAccessorDecoratorContext<C, V>\n      | ClassSetterDecoratorContext<C, V>\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ): any => {\n    return (\n      typeof nameOrContext === 'object'\n        ? standardProperty<C, V>(\n            options,\n            protoOrTarget as\n              | ClassAccessorDecoratorTarget<C, V>\n              | ((value: V) => void),\n            nameOrContext as StandardPropertyContext<C, V>\n          )\n        : legacyProperty(\n            options,\n            protoOrTarget as Object,\n            nameOrContext as PropertyKey\n          )\n    ) as PropertyDecorator;\n  };\n}\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\n\nimport {property} from './property.js';\n\nexport interface StateDeclaration<Type = unknown> {\n  /**\n   * A function that indicates if a property should be considered changed when\n   * it is set. The function should take the `newValue` and `oldValue` and\n   * return `true` if an update should be requested.\n   */\n  hasChanged?(value: Type, oldValue: Type): boolean;\n}\n\n/**\n * @deprecated use StateDeclaration\n */\nexport type InternalPropertyDeclaration<Type = unknown> =\n  StateDeclaration<Type>;\n\n/**\n * Declares a private or protected reactive property that still triggers\n * updates to the element when it changes. It does not reflect from the\n * corresponding attribute.\n *\n * Properties declared this way must not be used from HTML or HTML templating\n * systems, they're solely for properties internal to the element. These\n * properties may be renamed by optimization tools like closure compiler.\n * @category Decorator\n */\nexport function state(options?: StateDeclaration) {\n  return property({\n    ...options,\n    // Add both `state` and `attribute` because we found a third party\n    // controller that is keying off of PropertyOptions.state to determine\n    // whether a field is a private internal property or not.\n    state: true,\n    attribute: false,\n  });\n}\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Generates a public interface type that removes private and protected fields.\n * This allows accepting otherwise incompatible versions of the type (e.g. from\n * multiple copies of the same package in `node_modules`).\n */\nexport type Interface<T> = {\n  [K in keyof T]: T[K];\n};\n\nexport type Constructor<T> = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  new (...args: any[]): T;\n};\n\n/**\n * Wraps up a few best practices when returning a property descriptor from a\n * decorator.\n *\n * Marks the defined property as configurable, and enumerable, and handles\n * the case where we have a busted Reflect.decorate zombiefill (e.g. in Angular\n * apps).\n *\n * @internal\n */\nexport const desc = (\n  obj: object,\n  name: PropertyKey | ClassAccessorDecoratorContext<unknown, unknown>,\n  descriptor: PropertyDescriptor\n) => {\n  // For backwards compatibility, we keep them configurable and enumerable.\n  descriptor.configurable = true;\n  descriptor.enumerable = true;\n  if (\n    // We check for Reflect.decorate each time, in case the zombiefill\n    // is applied via lazy loading some Angular code.\n    (Reflect as typeof Reflect & {decorate?: unknown}).decorate &&\n    typeof name !== 'object'\n  ) {\n    // If we're called as a legacy decorator, and Reflect.decorate is present\n    // then we have no guarantees that the returned descriptor will be\n    // defined on the class, so we must apply it directly ourselves.\n\n    Object.defineProperty(obj, name, descriptor);\n  }\n  return descriptor;\n};\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\nimport type {ReactiveElement} from '../reactive-element.js';\nimport {desc, type Interface} from './base.js';\n\nconst DEV_MODE = true;\n\nlet issueWarning: (code: string, warning: string) => void;\n\nif (DEV_MODE) {\n  // Ensure warnings are issued only 1x, even if multiple versions of Lit\n  // are loaded.\n  globalThis.litIssuedWarnings ??= new Set();\n\n  /**\n   * Issue a warning if we haven't already, based either on `code` or `warning`.\n   * Warnings are disabled automatically only by `warning`; disabling via `code`\n   * can be done by users.\n   */\n  issueWarning = (code: string, warning: string) => {\n    warning += code\n      ? ` See https://lit.dev/msg/${code} for more information.`\n      : '';\n    if (\n      !globalThis.litIssuedWarnings!.has(warning) &&\n      !globalThis.litIssuedWarnings!.has(code)\n    ) {\n      console.warn(warning);\n      globalThis.litIssuedWarnings!.add(warning);\n    }\n  };\n}\n\nexport type QueryDecorator = {\n  // legacy\n  (\n    proto: Interface<ReactiveElement>,\n    name: PropertyKey,\n    descriptor?: PropertyDescriptor\n    // Note TypeScript requires the return type to be `void|any`\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ): void | any;\n\n  // standard\n  <C extends Interface<ReactiveElement>, V extends Element | null>(\n    value: ClassAccessorDecoratorTarget<C, V>,\n    context: ClassAccessorDecoratorContext<C, V>\n  ): ClassAccessorDecoratorResult<C, V>;\n};\n\n/**\n * A property decorator that converts a class property into a getter that\n * executes a querySelector on the element's renderRoot.\n *\n * @param selector A DOMString containing one or more selectors to match.\n * @param cache An optional boolean which when true performs the DOM query only\n *     once and caches the result.\n *\n * See: https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector\n *\n * ```ts\n * class MyElement {\n *   @query('#first')\n *   first: HTMLDivElement;\n *\n *   render() {\n *     return html`\n *       <div id=\"first\"></div>\n *       <div id=\"second\"></div>\n *     `;\n *   }\n * }\n * ```\n * @category Decorator\n */\nexport function query(selector: string, cache?: boolean): QueryDecorator {\n  return (<C extends Interface<ReactiveElement>, V extends Element | null>(\n    protoOrTarget: ClassAccessorDecoratorTarget<C, V>,\n    nameOrContext: PropertyKey | ClassAccessorDecoratorContext<C, V>,\n    descriptor?: PropertyDescriptor\n  ) => {\n    const doQuery = (el: Interface<ReactiveElement>): V => {\n      const result = (el.renderRoot?.querySelector(selector) ?? null) as V;\n      if (DEV_MODE && result === null && cache && !el.hasUpdated) {\n        const name =\n          typeof nameOrContext === 'object'\n            ? nameOrContext.name\n            : nameOrContext;\n        issueWarning(\n          '',\n          `@query'd field ${JSON.stringify(String(name))} with the 'cache' ` +\n            `flag set for selector '${selector}' has been accessed before ` +\n            `the first update and returned null. This is expected if the ` +\n            `renderRoot tree has not been provided beforehand (e.g. via ` +\n            `Declarative Shadow DOM). Therefore the value hasn't been cached.`\n        );\n      }\n      // TODO: if we want to allow users to assert that the query will never\n      // return null, we need a new option and to throw here if the result\n      // is null.\n      return result;\n    };\n    if (cache) {\n      // Accessors to wrap from either:\n      //   1. The decorator target, in the case of standard decorators\n      //   2. The property descriptor, in the case of experimental decorators\n      //      on auto-accessors.\n      //   3. Functions that access our own cache-key property on the instance,\n      //      in the case of experimental decorators on fields.\n      const {get, set} =\n        typeof nameOrContext === 'object'\n          ? protoOrTarget\n          : (descriptor ??\n            (() => {\n              const key = DEV_MODE\n                ? Symbol(`${String(nameOrContext)} (@query() cache)`)\n                : Symbol();\n              type WithCache = ReactiveElement & {\n                [key: symbol]: Element | null;\n              };\n              return {\n                get() {\n                  return (this as WithCache)[key];\n                },\n                set(v) {\n                  (this as WithCache)[key] = v;\n                },\n              };\n            })());\n      return desc(protoOrTarget, nameOrContext, {\n        get(this: ReactiveElement): V {\n          let result: V = get!.call(this);\n          if (result === undefined) {\n            result = doQuery(this);\n            if (result !== null || this.hasUpdated) {\n              set!.call(this, result);\n            }\n          }\n          return result;\n        },\n      });\n    } else {\n      // This object works as the return type for both standard and\n      // experimental decorators.\n      return desc(protoOrTarget, nameOrContext, {\n        get(this: ReactiveElement) {\n          return doQuery(this);\n        },\n      });\n    }\n  }) as QueryDecorator;\n}\n", "import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n// Replaced at build time by esbuild\nconst MANZANO_VERSION = '0.1.4';\n\n// Track registered versions to detect conflicts\nconst registeredElements = new Map<string, typeof ManzanoElement>();\n\n// Singleton reduced-motion listener\nlet reducedMotionQuery: MediaQueryList | undefined;\nlet reducedMotionValue = false;\n\nfunction getReducedMotionQuery(): MediaQueryList {\n  if (!reducedMotionQuery) {\n    reducedMotionQuery = window.matchMedia('(prefers-reduced-motion: reduce)');\n    reducedMotionValue = reducedMotionQuery.matches;\n    reducedMotionQuery.addEventListener('change', e => {\n      reducedMotionValue = e.matches;\n    });\n  }\n  return reducedMotionQuery;\n}\n\nexport class ManzanoElement extends LitElement {\n  static version = MANZANO_VERSION;\n\n  /**\n   * Sub-component dependencies. Declared statically and auto-registered in the constructor.\n   * Example: static dependencies = { 'mz-icon': MzIcon }\n   */\n  static dependencies: Record<string, typeof ManzanoElement> = {};\n\n  /** Direction for RTL support, inherited from closest ancestor with dir attribute */\n  @property({ reflect: true }) dir = '';\n\n  /** Language for i18n, inherited from closest ancestor with lang attribute */\n  @property() lang = '';\n\n  constructor() {\n    super();\n\n    // Auto-register sub-component dependencies\n    const ctor = this.constructor as typeof ManzanoElement;\n    for (const [name, dep] of Object.entries(ctor.dependencies)) {\n      dep.define(name, dep);\n    }\n\n    // Initialize reduced motion listener (once)\n    if (typeof window !== 'undefined') {\n      getReducedMotionQuery();\n    }\n  }\n\n  /** Whether the user prefers reduced motion */\n  get prefersReducedMotion(): boolean {\n    if (typeof window === 'undefined') return false;\n    getReducedMotionQuery();\n    return reducedMotionValue;\n  }\n\n  /**\n   * Register this component as a custom element, with version conflict detection.\n   */\n  static define(name: string, ctor: typeof ManzanoElement = this) {\n    const existing = customElements.get(name);\n    if (existing) {\n      const existingVersion = (existing as typeof ManzanoElement).version;\n      if (existingVersion !== ctor.version) {\n        console.warn(\n          `Manzano: \"${name}\" was already registered with version ${existingVersion}. ` +\n            `Attempted to re-register with version ${ctor.version}. ` +\n            `This may cause issues.`\n        );\n      }\n      return;\n    }\n\n    registeredElements.set(name, ctor);\n    customElements.define(name, ctor);\n  }\n\n  /**\n   * Emit a custom event with sensible defaults for web components.\n   * Returns true if the event was NOT cancelled.\n   */\n  emit<T>(name: string, options?: CustomEventInit<T>): boolean {\n    const event = new CustomEvent(name, {\n      bubbles: true,\n      cancelable: false,\n      composed: true,\n      detail: {},\n      ...options\n    });\n    this.dispatchEvent(event);\n    return !event.defaultPrevented;\n  }\n\n  /**\n   * Override updateComplete to wait for undefined shadow children to upgrade.\n   * Prevents test race conditions when sub-components haven't been defined yet.\n   */\n  override get updateComplete(): Promise<boolean> {\n    return super.updateComplete.then(async result => {\n      if (!this.shadowRoot) return result;\n\n      const undefinedElements = this.shadowRoot.querySelectorAll(':not(:defined)');\n      if (undefinedElements.length > 0) {\n        const upgrades = [...undefinedElements].map(el => customElements.whenDefined(el.localName));\n        await Promise.all(upgrades);\n      }\n\n      return result;\n    });\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["defaultPropertyDeclaration", "attribute", "type", "String", "converter", "defaultConverter", "reflect", "hasChanged", "notEqual", "standardProperty", "options", "target", "context", "kind", "metadata", "properties", "globalThis", "litPropertyMetadata", "get", "set", "Map", "Object", "create", "wrapped", "name", "v", "oldValue", "call", "this", "requestUpdate", "_$changeProperty", "value", "Error", "property", "protoOrTarget", "nameOrContext", "proto", "hasOwnProperty", "constructor", "createProperty", "getOwnPropertyDescriptor", "undefined", "state", "options", "property", "attribute", "desc", "obj", "name", "descriptor", "configurable", "enumerable", "Reflect", "decorate", "Object", "defineProperty", "query", "selector", "cache", "protoOrTarget", "nameOrContext", "descriptor", "doQuery", "el", "renderRoot", "querySelector", "get", "set", "key", "Symbol", "this", "v", "desc", "result", "call", "hasUpdated", "MANZANO_VERSION", "registeredElements", "reducedMotionQuery", "reducedMotionValue", "getReducedMotionQuery", "e", "ManzanoElement", "i", "ctor", "name", "dep", "existing", "existingVersion", "options", "event", "result", "undefinedElements", "upgrades", "el", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.K3XUUGH7.js

@@ -0,0 +1,93 @@
+import{a as b}from"./chunk.MXNKCUVG.js";import{a as p,b as h,d as g}from"./chunk.K3BKUERM.js";import{d,g as v}from"./chunk.TO7F5R6A.js";import{a as r}from"./chunk.MGICPQBB.js";var a=class extends g{constructor(){super(...arguments);this.value="#4260a8";this.alpha=!1;this.disabled=!1;this.swatches="";this.inline=!1;this.size="medium";this.name="";this.isOpen=!1;this.hue=0;this.saturation=100;this.brightness=100;this.alphaValue=1;this.inputValue="";this.isDraggingSpectrum=!1;this.isDraggingHue=!1;this.isDraggingAlpha=!1;this.boundHandleOutsideClick=this.handleOutsideClick.bind(this)}connectedCallback(){super.connectedCallback(),this.syncFromValue(),document.addEventListener("click",this.boundHandleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.boundHandleOutsideClick)}firstUpdated(){this.syncFromValue()}syncFromValue(){let t=this.hexToHsv(this.value);this.hue=t.h,this.saturation=t.s,this.brightness=t.v,this.inputValue=this.value}willUpdate(t){t.has("value")&&!this.isDraggingSpectrum&&!this.isDraggingHue&&!this.isDraggingAlpha&&this.syncFromValue()}hsvToRgb(t,e,i){e/=100,i/=100;let s=i*e,n=s*(1-Math.abs(t/60%2-1)),c=i-s,o=0,l=0,u=0;return t<60?(o=s,l=n):t<120?(o=n,l=s):t<180?(l=s,u=n):t<240?(l=n,u=s):t<300?(o=n,u=s):(o=s,u=n),[Math.round((o+c)*255),Math.round((l+c)*255),Math.round((u+c)*255)]}hsvToHex(t,e,i){return"#"+this.hsvToRgb(t,e,i).map(n=>n.toString(16).padStart(2,"0")).join("")}hexToHsv(t){t=t.replace("#",""),t.length===3&&(t=t.split("").map(m=>m+m).join("")),t.length<6&&(t=t.padEnd(6,"0"));let e=parseInt(t.slice(0,2),16)/255,i=parseInt(t.slice(2,4),16)/255,s=parseInt(t.slice(4,6),16)/255,n=Math.max(e,i,s),c=Math.min(e,i,s),o=n-c,l=0;o!==0&&(n===e?l=((i-s)/o+6)%6:n===i?l=(s-e)/o+2:l=(e-i)/o+4,l*=60);let u=n===0?0:o/n*100,f=n*100;return{h:l,s:u,v:f}}get swatchList(){return this.swatches?this.swatches.split(",").map(t=>t.trim()).filter(Boolean):[]}handleSpectrumPointerDown(t){if(this.disabled)return;this.isDraggingSpectrum=!0;let e=t.currentTarget;e.setPointerCapture(t.pointerId),this.updateSpectrumFromPointer(t);let i=n=>this.updateSpectrumFromPointer(n),s=()=>{this.isDraggingSpectrum=!1,this.emit("mz-change"),e.removeEventListener("pointermove",i),e.removeEventListener("pointerup",s)};e.addEventListener("pointermove",i),e.addEventListener("pointerup",s)}updateSpectrumFromPointer(t){let e=t.currentTarget.getBoundingClientRect(),i=Math.max(0,Math.min(1,(t.clientX-e.left)/e.width)),s=Math.max(0,Math.min(1,(t.clientY-e.top)/e.height));this.saturation=Math.round(i*100),this.brightness=Math.round((1-s)*100),this.updateValueFromHsv(),this.emit("mz-input")}handleHuePointerDown(t){if(this.disabled)return;this.isDraggingHue=!0;let e=t.currentTarget;e.setPointerCapture(t.pointerId),this.updateHueFromPointer(t);let i=n=>this.updateHueFromPointer(n),s=()=>{this.isDraggingHue=!1,this.emit("mz-change"),e.removeEventListener("pointermove",i),e.removeEventListener("pointerup",s)};e.addEventListener("pointermove",i),e.addEventListener("pointerup",s)}updateHueFromPointer(t){let e=t.currentTarget.getBoundingClientRect(),i=Math.max(0,Math.min(1,(t.clientX-e.left)/e.width));this.hue=Math.round(i*360),this.updateValueFromHsv(),this.emit("mz-input")}handleAlphaPointerDown(t){if(this.disabled)return;this.isDraggingAlpha=!0;let e=t.currentTarget;e.setPointerCapture(t.pointerId),this.updateAlphaFromPointer(t);let i=n=>this.updateAlphaFromPointer(n),s=()=>{this.isDraggingAlpha=!1,this.emit("mz-change"),e.removeEventListener("pointermove",i),e.removeEventListener("pointerup",s)};e.addEventListener("pointermove",i),e.addEventListener("pointerup",s)}updateAlphaFromPointer(t){let e=t.currentTarget.getBoundingClientRect(),i=Math.max(0,Math.min(1,(t.clientX-e.left)/e.width));this.alphaValue=Math.round(i*100)/100,this.emit("mz-input")}updateValueFromHsv(){this.value=this.hsvToHex(this.hue,this.saturation,this.brightness),this.inputValue=this.value}setColorFromHex(t){let e=this.hexToHsv(t);this.hue=e.h,this.saturation=e.s,this.brightness=e.v,this.value=t,this.inputValue=t,this.emit("mz-change")}handleTextInput(t){this.inputValue=t.target.value}handleTextChange(){let t=this.inputValue.trim();t.startsWith("#")||(t="#"+t);let e=t.slice(1);/^[0-9a-fA-F]{3}$/.test(e)||/^[0-9a-fA-F]{6}$/.test(e)?(e.length===3&&(t="#"+e.split("").map(i=>i+i).join("")),this.setColorFromHex(t.toLowerCase())):this.inputValue=this.value}toggleOpen(){this.disabled||(this.isOpen=!this.isOpen)}handleOutsideClick(t){if(!this.isOpen||this.inline)return;t.composedPath().includes(this)||(this.isOpen=!1)}render(){let t=this.isOpen||this.inline;return d`
+      <div part="base" class="color-picker">
+        ${this.inline?v:d`
+              <button
+                part="trigger"
+                class="color-picker__trigger"
+                type="button"
+                ?disabled=${this.disabled}
+                aria-label="Select color"
+                aria-expanded=${this.isOpen}
+                @click=${this.toggleOpen}
+                style="--_swatch-color: ${this.value}"
+              >
+                <div class="color-picker__trigger-swatch"></div>
+              </button>
+            `}
+        ${t?d`
+              <div part="panel" class="color-picker__panel">
+                <!-- Spectrum: Saturation (x) x Brightness (y) -->
+                <div
+                  part="spectrum"
+                  class="color-picker__spectrum"
+                  style="background-color: hsl(${this.hue}, 100%, 50%)"
+                  @pointerdown=${this.handleSpectrumPointerDown}
+                >
+                  <div class="color-picker__spectrum-white"></div>
+                  <div class="color-picker__spectrum-black"></div>
+                  <div
+                    class="color-picker__spectrum-handle"
+                    style="left: ${this.saturation}%; top: ${100-this.brightness}%"
+                  ></div>
+                </div>
+
+                <!-- Sliders -->
+                <div class="color-picker__sliders">
+                  <div
+                    part="hue-slider"
+                    class="color-picker__hue"
+                    @pointerdown=${this.handleHuePointerDown}
+                  >
+                    <div
+                      class="color-picker__hue-handle"
+                      style="left: ${this.hue/360*100}%"
+                    ></div>
+                  </div>
+
+                  ${this.alpha?d`
+                        <div
+                          part="alpha-slider"
+                          class="color-picker__alpha"
+                          style="--_alpha-gradient: linear-gradient(to right, transparent, ${this.hsvToHex(this.hue,this.saturation,this.brightness)})"
+                          @pointerdown=${this.handleAlphaPointerDown}
+                        >
+                          <div
+                            class="color-picker__alpha-handle"
+                            style="left: ${this.alphaValue*100}%"
+                          ></div>
+                        </div>
+                      `:v}
+                </div>
+
+                <!-- Text input -->
+                <div class="color-picker__input-row">
+                  <input
+                    part="input"
+                    class="color-picker__input"
+                    type="text"
+                    .value=${this.inputValue}
+                    @input=${this.handleTextInput}
+                    @change=${this.handleTextChange}
+                    ?disabled=${this.disabled}
+                  />
+                </div>
+
+                <!-- Swatches -->
+                ${this.swatchList.length>0?d`
+                      <div part="swatches" class="color-picker__swatches">
+                        ${this.swatchList.map(e=>d`
+                            <button
+                              class="color-picker__swatch-btn"
+                              type="button"
+                              style="--_swatch-color: ${e}"
+                              aria-label=${e}
+                              @click=${()=>this.setColorFromHex(e)}
+                            ></button>
+                          `)}
+                      </div>
+                    `:v}
+              </div>
+            `:v}
+      </div>
+    `}};a.styles=b,r([p({type:String})],a.prototype,"value",2),r([p({type:Boolean,reflect:!0})],a.prototype,"alpha",2),r([p({type:Boolean,reflect:!0})],a.prototype,"disabled",2),r([p({type:String})],a.prototype,"swatches",2),r([p({type:Boolean,reflect:!0})],a.prototype,"inline",2),r([p({type:String,reflect:!0})],a.prototype,"size",2),r([p({type:String})],a.prototype,"name",2),r([h()],a.prototype,"isOpen",2),r([h()],a.prototype,"hue",2),r([h()],a.prototype,"saturation",2),r([h()],a.prototype,"brightness",2),r([h()],a.prototype,"alphaValue",2),r([h()],a.prototype,"inputValue",2),r([h()],a.prototype,"isDraggingSpectrum",2),r([h()],a.prototype,"isDraggingHue",2),r([h()],a.prototype,"isDraggingAlpha",2);export{a};
+//# sourceMappingURL=chunk.K3XUUGH7.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/color-picker/color-picker.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './color-picker.styles.js';\n\n/**\n * @tag mz-color-picker\n * @summary A color picker with spectrum area, hue slider, optional alpha slider, preset swatches, and hex text input.\n *\n * @event mz-change - Emitted when the color value changes (on commit).\n * @event mz-input - Emitted on each drag/interaction as the color is being adjusted.\n *\n * @csspart base - The component wrapper.\n * @csspart trigger - The trigger button that opens the picker.\n * @csspart panel - The dropdown panel containing the picker controls.\n * @csspart spectrum - The saturation/brightness spectrum area.\n * @csspart hue-slider - The hue slider bar.\n * @csspart alpha-slider - The alpha/opacity slider bar (visible when alpha is enabled).\n * @csspart input - The hex color text input.\n * @csspart swatches - The container for preset color swatches.\n */\nexport class MzColorPicker extends ManzanoElement {\n  static styles = styles;\n\n  /** The current hex color value. */\n  @property({ type: String }) value = '#4260a8';\n\n  /** Whether to show the alpha (opacity) slider. */\n  @property({ type: Boolean, reflect: true }) alpha = false;\n\n  /** Whether the color picker is disabled. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Comma-separated list of preset swatch colors. */\n  @property({ type: String }) swatches = '';\n\n  /** Always show the picker panel (no trigger/dropdown). */\n  @property({ type: Boolean, reflect: true }) inline = false;\n\n  /** Size variant for the trigger button. */\n  @property({ type: String, reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Form name for the hidden input. */\n  @property({ type: String }) name = '';\n\n  @state() private isOpen = false;\n  @state() private hue = 0;\n  @state() private saturation = 100;\n  @state() private brightness = 100;\n  @state() private alphaValue = 1;\n  @state() private inputValue = '';\n  @state() private isDraggingSpectrum = false;\n  @state() private isDraggingHue = false;\n  @state() private isDraggingAlpha = false;\n\n  private boundHandleOutsideClick = this.handleOutsideClick.bind(this);\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.syncFromValue();\n    document.addEventListener('click', this.boundHandleOutsideClick);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this.boundHandleOutsideClick);\n  }\n\n  /** Parse the initial value into HSV when the component first renders. */\n  protected firstUpdated(): void {\n    this.syncFromValue();\n  }\n\n  /** Sync internal HSV state from the hex value property. */\n  private syncFromValue(): void {\n    const hsv = this.hexToHsv(this.value);\n    this.hue = hsv.h;\n    this.saturation = hsv.s;\n    this.brightness = hsv.v;\n    this.inputValue = this.value;\n  }\n\n  /** Watch the `value` property for external changes. */\n  willUpdate(changed: Map<string, unknown>): void {\n    if (changed.has('value') && !this.isDraggingSpectrum && !this.isDraggingHue && !this.isDraggingAlpha) {\n      this.syncFromValue();\n    }\n  }\n\n  // ---------------------------------------------------------------------------\n  // Color conversions\n  // ---------------------------------------------------------------------------\n\n  private hsvToRgb(h: number, s: number, v: number): [number, number, number] {\n    s /= 100;\n    v /= 100;\n    const c = v * s;\n    const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n    const m = v - c;\n    let r = 0,\n      g = 0,\n      b = 0;\n\n    if (h < 60) {\n      r = c;\n      g = x;\n    } else if (h < 120) {\n      r = x;\n      g = c;\n    } else if (h < 180) {\n      g = c;\n      b = x;\n    } else if (h < 240) {\n      g = x;\n      b = c;\n    } else if (h < 300) {\n      r = x;\n      b = c;\n    } else {\n      r = c;\n      b = x;\n    }\n\n    return [Math.round((r + m) * 255), Math.round((g + m) * 255), Math.round((b + m) * 255)];\n  }\n\n  private hsvToHex(h: number, s: number, v: number): string {\n    const rgb = this.hsvToRgb(h, s, v);\n    return (\n      '#' +\n      rgb\n        .map(c => c.toString(16).padStart(2, '0'))\n        .join('')\n    );\n  }\n\n  private hexToHsv(hex: string): { h: number; s: number; v: number } {\n    hex = hex.replace('#', '');\n    if (hex.length === 3) hex = hex.split('').map(c => c + c).join('');\n    // Ensure we have a valid 6-char hex\n    if (hex.length < 6) hex = hex.padEnd(6, '0');\n\n    const r = parseInt(hex.slice(0, 2), 16) / 255;\n    const g = parseInt(hex.slice(2, 4), 16) / 255;\n    const b = parseInt(hex.slice(4, 6), 16) / 255;\n\n    const max = Math.max(r, g, b);\n    const min = Math.min(r, g, b);\n    const d = max - min;\n\n    let h = 0;\n    if (d !== 0) {\n      if (max === r) h = ((g - b) / d + 6) % 6;\n      else if (max === g) h = (b - r) / d + 2;\n      else h = (r - g) / d + 4;\n      h *= 60;\n    }\n\n    const s = max === 0 ? 0 : (d / max) * 100;\n    const v = max * 100;\n\n    return { h, s, v };\n  }\n\n  // ---------------------------------------------------------------------------\n  // Swatches\n  // ---------------------------------------------------------------------------\n\n  private get swatchList(): string[] {\n    return this.swatches\n      ? this.swatches\n          .split(',')\n          .map(s => s.trim())\n          .filter(Boolean)\n      : [];\n  }\n\n  // ---------------------------------------------------------------------------\n  // Pointer handlers \u2014 Spectrum\n  // ---------------------------------------------------------------------------\n\n  private handleSpectrumPointerDown(e: PointerEvent): void {\n    if (this.disabled) return;\n    this.isDraggingSpectrum = true;\n    const target = e.currentTarget as HTMLElement;\n    target.setPointerCapture(e.pointerId);\n    this.updateSpectrumFromPointer(e);\n\n    const handleMove = (ev: PointerEvent) => this.updateSpectrumFromPointer(ev);\n    const handleUp = () => {\n      this.isDraggingSpectrum = false;\n      this.emit('mz-change');\n      target.removeEventListener('pointermove', handleMove);\n      target.removeEventListener('pointerup', handleUp);\n    };\n    target.addEventListener('pointermove', handleMove);\n    target.addEventListener('pointerup', handleUp);\n  }\n\n  private updateSpectrumFromPointer(e: PointerEvent): void {\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n    const x = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));\n    const y = Math.max(0, Math.min(1, (e.clientY - rect.top) / rect.height));\n    this.saturation = Math.round(x * 100);\n    this.brightness = Math.round((1 - y) * 100);\n    this.updateValueFromHsv();\n    this.emit('mz-input');\n  }\n\n  // ---------------------------------------------------------------------------\n  // Pointer handlers \u2014 Hue\n  // ---------------------------------------------------------------------------\n\n  private handleHuePointerDown(e: PointerEvent): void {\n    if (this.disabled) return;\n    this.isDraggingHue = true;\n    const target = e.currentTarget as HTMLElement;\n    target.setPointerCapture(e.pointerId);\n    this.updateHueFromPointer(e);\n\n    const handleMove = (ev: PointerEvent) => this.updateHueFromPointer(ev);\n    const handleUp = () => {\n      this.isDraggingHue = false;\n      this.emit('mz-change');\n      target.removeEventListener('pointermove', handleMove);\n      target.removeEventListener('pointerup', handleUp);\n    };\n    target.addEventListener('pointermove', handleMove);\n    target.addEventListener('pointerup', handleUp);\n  }\n\n  private updateHueFromPointer(e: PointerEvent): void {\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n    const x = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));\n    this.hue = Math.round(x * 360);\n    this.updateValueFromHsv();\n    this.emit('mz-input');\n  }\n\n  // ---------------------------------------------------------------------------\n  // Pointer handlers \u2014 Alpha\n  // ---------------------------------------------------------------------------\n\n  private handleAlphaPointerDown(e: PointerEvent): void {\n    if (this.disabled) return;\n    this.isDraggingAlpha = true;\n    const target = e.currentTarget as HTMLElement;\n    target.setPointerCapture(e.pointerId);\n    this.updateAlphaFromPointer(e);\n\n    const handleMove = (ev: PointerEvent) => this.updateAlphaFromPointer(ev);\n    const handleUp = () => {\n      this.isDraggingAlpha = false;\n      this.emit('mz-change');\n      target.removeEventListener('pointermove', handleMove);\n      target.removeEventListener('pointerup', handleUp);\n    };\n    target.addEventListener('pointermove', handleMove);\n    target.addEventListener('pointerup', handleUp);\n  }\n\n  private updateAlphaFromPointer(e: PointerEvent): void {\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n    const x = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));\n    this.alphaValue = Math.round(x * 100) / 100;\n    this.emit('mz-input');\n  }\n\n  // ---------------------------------------------------------------------------\n  // Value sync\n  // ---------------------------------------------------------------------------\n\n  private updateValueFromHsv(): void {\n    this.value = this.hsvToHex(this.hue, this.saturation, this.brightness);\n    this.inputValue = this.value;\n  }\n\n  private setColorFromHex(hex: string): void {\n    const hsv = this.hexToHsv(hex);\n    this.hue = hsv.h;\n    this.saturation = hsv.s;\n    this.brightness = hsv.v;\n    this.value = hex;\n    this.inputValue = hex;\n    this.emit('mz-change');\n  }\n\n  // ---------------------------------------------------------------------------\n  // Text input\n  // ---------------------------------------------------------------------------\n\n  private handleTextInput(e: Event): void {\n    this.inputValue = (e.target as HTMLInputElement).value;\n  }\n\n  private handleTextChange(): void {\n    let hex = this.inputValue.trim();\n    if (!hex.startsWith('#')) hex = '#' + hex;\n\n    // Validate hex format (3 or 6 chars after #)\n    const hexBody = hex.slice(1);\n    if (/^[0-9a-fA-F]{3}$/.test(hexBody) || /^[0-9a-fA-F]{6}$/.test(hexBody)) {\n      // Normalize to 6-char\n      if (hexBody.length === 3) {\n        hex = '#' + hexBody.split('').map(c => c + c).join('');\n      }\n      this.setColorFromHex(hex.toLowerCase());\n    } else {\n      // Revert to current value\n      this.inputValue = this.value;\n    }\n  }\n\n  // ---------------------------------------------------------------------------\n  // Open / close\n  // ---------------------------------------------------------------------------\n\n  private toggleOpen(): void {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n  }\n\n  private handleOutsideClick(e: MouseEvent): void {\n    if (!this.isOpen || this.inline) return;\n    const path = e.composedPath();\n    if (!path.includes(this)) {\n      this.isOpen = false;\n    }\n  }\n\n  // ---------------------------------------------------------------------------\n  // Render\n  // ---------------------------------------------------------------------------\n\n  render() {\n    const showPanel = this.isOpen || this.inline;\n\n    return html`\n      <div part=\"base\" class=\"color-picker\">\n        ${!this.inline\n          ? html`\n              <button\n                part=\"trigger\"\n                class=\"color-picker__trigger\"\n                type=\"button\"\n                ?disabled=${this.disabled}\n                aria-label=\"Select color\"\n                aria-expanded=${this.isOpen}\n                @click=${this.toggleOpen}\n                style=\"--_swatch-color: ${this.value}\"\n              >\n                <div class=\"color-picker__trigger-swatch\"></div>\n              </button>\n            `\n          : nothing}\n        ${showPanel\n          ? html`\n              <div part=\"panel\" class=\"color-picker__panel\">\n                <!-- Spectrum: Saturation (x) x Brightness (y) -->\n                <div\n                  part=\"spectrum\"\n                  class=\"color-picker__spectrum\"\n                  style=\"background-color: hsl(${this.hue}, 100%, 50%)\"\n                  @pointerdown=${this.handleSpectrumPointerDown}\n                >\n                  <div class=\"color-picker__spectrum-white\"></div>\n                  <div class=\"color-picker__spectrum-black\"></div>\n                  <div\n                    class=\"color-picker__spectrum-handle\"\n                    style=\"left: ${this.saturation}%; top: ${100 - this.brightness}%\"\n                  ></div>\n                </div>\n\n                <!-- Sliders -->\n                <div class=\"color-picker__sliders\">\n                  <div\n                    part=\"hue-slider\"\n                    class=\"color-picker__hue\"\n                    @pointerdown=${this.handleHuePointerDown}\n                  >\n                    <div\n                      class=\"color-picker__hue-handle\"\n                      style=\"left: ${(this.hue / 360) * 100}%\"\n                    ></div>\n                  </div>\n\n                  ${this.alpha\n                    ? html`\n                        <div\n                          part=\"alpha-slider\"\n                          class=\"color-picker__alpha\"\n                          style=\"--_alpha-gradient: linear-gradient(to right, transparent, ${this.hsvToHex(this.hue, this.saturation, this.brightness)})\"\n                          @pointerdown=${this.handleAlphaPointerDown}\n                        >\n                          <div\n                            class=\"color-picker__alpha-handle\"\n                            style=\"left: ${this.alphaValue * 100}%\"\n                          ></div>\n                        </div>\n                      `\n                    : nothing}\n                </div>\n\n                <!-- Text input -->\n                <div class=\"color-picker__input-row\">\n                  <input\n                    part=\"input\"\n                    class=\"color-picker__input\"\n                    type=\"text\"\n                    .value=${this.inputValue}\n                    @input=${this.handleTextInput}\n                    @change=${this.handleTextChange}\n                    ?disabled=${this.disabled}\n                  />\n                </div>\n\n                <!-- Swatches -->\n                ${this.swatchList.length > 0\n                  ? html`\n                      <div part=\"swatches\" class=\"color-picker__swatches\">\n                        ${this.swatchList.map(\n                          color => html`\n                            <button\n                              class=\"color-picker__swatch-btn\"\n                              type=\"button\"\n                              style=\"--_swatch-color: ${color}\"\n                              aria-label=${color}\n                              @click=${() => this.setColorFromHex(color)}\n                            ></button>\n                          `\n                        )}\n                      </div>\n                    `\n                  : nothing}\n              </div>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["MzColorPicker", "ManzanoElement", "hsv", "changed", "h", "s", "v", "c", "x", "m", "r", "g", "b", "hex", "max", "min", "d", "e", "target", "handleMove", "ev", "handleUp", "rect", "y", "hexBody", "showPanel", "A", "color", "color_picker_styles_default", "__decorateClass", "n"]
+}