@manzanohq/components 0.1.1 → 0.1.4

package/cdn/chunks/chunk.FNDFE6G4.js

@@ -0,0 +1,30 @@
+import{a as m}from"./chunk.R353BQK4.js";import{a as d}from"./chunk.KMY75DR5.js";import{a as r}from"./chunk.2EV445AD.js";import{a as l,c as n,d as a}from"./chunk.K3BKUERM.js";import{d as o,g as i}from"./chunk.TO7F5R6A.js";import{a as h}from"./chunk.N7WYNIN3.js";import{a as t}from"./chunk.MGICPQBB.js";var e=class extends a{constructor(){super(...arguments);this.hasSlotController=new h(this,"label","help-text");this.name="";this.value="";this.placeholder="";this.size="md";this.label="";this.helpText="";this.disabled=!1;this.readonly=!1;this.required=!1;this.rows=4}focus(s){this.textareaEl?.focus(s)}blur(){this.textareaEl?.blur()}handleInput(){this.value=this.textareaEl.value,this.emit("mz-input")}handleChange(){this.emit("mz-change")}handleFocus(){this.emit("mz-focus")}handleBlur(){this.emit("mz-blur")}render(){let s=this.label||this.hasSlotController.test("label"),p=this.helpText||this.hasSlotController.test("help-text");return o`
+      <div part="base" class="form-control">
+        ${s?o`<label part="label" class="form-control__label" for="control">
+              ${this.label||o`<slot name="label"></slot>`}
+            </label>`:i}
+        <textarea
+          id="control"
+          part="control"
+          class="textarea__control"
+          name=${r(this.name||void 0)}
+          .value=${d(this.value)}
+          placeholder=${r(this.placeholder||void 0)}
+          rows=${this.rows}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          ?required=${this.required}
+          minlength=${r(this.minlength)}
+          maxlength=${r(this.maxlength)}
+          aria-label=${r(s?void 0:this.placeholder||void 0)}
+          @input=${this.handleInput}
+          @change=${this.handleChange}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+        ></textarea>
+        ${p?o`<span part="help-text" class="form-control__help-text">
+              ${this.helpText||o`<slot name="help-text"></slot>`}
+            </span>`:i}
+      </div>
+    `}};e.styles=m,e.formAssociated=!0,t([n(".textarea__control")],e.prototype,"textareaEl",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:Number})],e.prototype,"rows",2),t([l({type:Number})],e.prototype,"minlength",2),t([l({type:Number})],e.prototype,"maxlength",2);export{e as a};
+//# sourceMappingURL=chunk.FNDFE6G4.js.map

package/cdn/chunks/chunk.FRV6RNTL.js

@@ -0,0 +1,20 @@
+import{a as s}from"./chunk.22OS67BO.js";import{a}from"./chunk.TO7F5R6A.js";var o=a`
+  ${s}
+
+  :host {
+    display: block;
+    font-family: var(--mz-font-sans);
+  }
+
+  .breadcrumb {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    gap: var(--mz-space-2xs);
+    font-size: var(--mz-font-size-sm);
+  }
+`;export{o as a};
+//# sourceMappingURL=chunk.FRV6RNTL.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/breadcrumb/breadcrumb.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default css`\n  ${componentStyles}\n\n  :host {\n    display: block;\n    font-family: var(--mz-font-sans);\n  }\n\n  .breadcrumb {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    gap: var(--mz-space-2xs);\n    font-size: var(--mz-font-size-sm);\n  }\n`;\n"],
+  "mappings": "2EAGA,IAAOA,EAAQC;AAAA,IACXC,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["breadcrumb_styles_default", "i", "component_styles_default"]
+}

package/cdn/chunks/chunk.GBSGAUKU.js

@@ -0,0 +1,11 @@
+import{a as n,b as o,c as a}from"./chunk.3JBHP47A.js";import{f as r,g as s}from"./chunk.TO7F5R6A.js";var i=class extends a{constructor(t){if(super(t),this.it=s,t.type!==n.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===s||t==null)return this._t=void 0,this.it=t;if(t===r)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;let e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}};i.directiveName="unsafeHTML",i.resultType=1;var l=o(i);export{i as a,l as b};
+/*! Bundled license information:
+
+lit-html/directives/unsafe-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+//# sourceMappingURL=chunk.GBSGAUKU.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/src/directives/unsafe-html.ts"],
+  "sourcesContent": ["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {nothing, TemplateResult, noChange} from '../lit-html.js';\nimport {directive, Directive, PartInfo, PartType} from '../directive.js';\n\nconst HTML_RESULT = 1;\n\nexport class UnsafeHTMLDirective extends Directive {\n  static directiveName = 'unsafeHTML';\n  static resultType = HTML_RESULT;\n\n  private _value: unknown = nothing;\n  private _templateResult?: TemplateResult;\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    if (partInfo.type !== PartType.CHILD) {\n      throw new Error(\n        `${\n          (this.constructor as typeof UnsafeHTMLDirective).directiveName\n        }() can only be used in child bindings`\n      );\n    }\n  }\n\n  render(value: string | typeof nothing | typeof noChange | undefined | null) {\n    if (value === nothing || value == null) {\n      this._templateResult = undefined;\n      return (this._value = value);\n    }\n    if (value === noChange) {\n      return value;\n    }\n    if (typeof value != 'string') {\n      throw new Error(\n        `${\n          (this.constructor as typeof UnsafeHTMLDirective).directiveName\n        }() called with a non-string value`\n      );\n    }\n    if (value === this._value) {\n      return this._templateResult;\n    }\n    this._value = value;\n    const strings = [value] as unknown as TemplateStringsArray;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (strings as any).raw = strings;\n    // WARNING: impersonating a TemplateResult like this is extremely\n    // dangerous. Third-party directives should not do this.\n    return (this._templateResult = {\n      // Cast to a known set of integers that satisfy ResultType so that we\n      // don't have to export ResultType and possibly encourage this pattern.\n      // This property needs to remain unminified.\n      ['_$litType$']: (this.constructor as typeof UnsafeHTMLDirective)\n        .resultType as 1 | 2,\n      strings,\n      values: [],\n    });\n  }\n}\n\n/**\n * Renders the result as HTML, rather than text.\n *\n * The values `undefined`, `null`, and `nothing`, will all result in no content\n * (empty string) being rendered.\n *\n * Note, this is unsafe to use with any user-provided input that hasn't been\n * sanitized or escaped, as it may lead to cross-site-scripting\n * vulnerabilities.\n */\nexport const unsafeHTML = directive(UnsafeHTMLDirective);\n"],
+  "mappings": "qGAWM,IAAOA,EAAP,cAAmCC,CAAAA,CAOvC,YAAYC,EAAAA,CAEV,GADAC,MAAMD,CAAAA,EAJAE,KAAAC,GAAkBC,EAKpBJ,EAASK,OAASC,EAASC,MAC7B,MAAUC,MAELN,KAAKO,YAA2CC,cADnD,uCAAA,CAKN,CAEA,OAAOC,EAAAA,CACL,GAAIA,IAAUP,GAAWO,GAAS,KAEhC,OADAT,KAAKU,GAAAA,OACGV,KAAKC,GAASQ,EAExB,GAAIA,IAAUE,EACZ,OAAOF,EAET,GAAoB,OAATA,GAAS,SAClB,MAAUH,MAELN,KAAKO,YAA2CC,cADnD,mCAAA,EAKJ,GAAIC,IAAUT,KAAKC,GACjB,OAAOD,KAAKU,GAEdV,KAAKC,GAASQ,EACd,IAAMG,EAAU,CAACH,CAAAA,EAKjB,OAHCG,EAAgBC,IAAMD,EAGfZ,KAAKU,GAAkB,CAI7BI,WAAiBd,KAAKO,YACnBQ,WACHH,QAAAA,EACAI,OAAQ,CAAA,CAAA,CAEZ,CAAA,EAlDOpB,EAAAY,cAAgB,aAChBZ,EAAAmB,WAJW,EAAA,IAkEPE,EAAaC,EAAUtB,CAAAA",
+  "names": ["UnsafeHTMLDirective", "Directive", "partInfo", "super", "this", "_value", "nothing", "type", "PartType", "CHILD", "Error", "constructor", "directiveName", "value", "_templateResult", "noChange", "strings", "raw", "_$litType$", "resultType", "values", "unsafeHTML", "directive"]
+}

package/cdn/chunks/chunk.GIVEYE2P.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.RTB3OWC4.js";e.define("mz-file-input");
+//# sourceMappingURL=chunk.GIVEYE2P.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/file-input/file-input.ts"],
+  "sourcesContent": ["import { MzFileInput } from './file-input.component.js';\n\nMzFileInput.define('mz-file-input');\n\nexport { MzFileInput };\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-file-input': MzFileInput;\n  }\n}\n"],
+  "mappings": "wCAEAA,EAAY,OAAO,eAAe",
+  "names": ["MzFileInput"]
+}

package/cdn/chunks/chunk.GIZ5VP2L.js

@@ -0,0 +1,20 @@
+import{a as t}from"./chunk.22OS67BO.js";import{a as o}from"./chunk.TO7F5R6A.js";var s=[t,o`
+    :host {
+      display: inline-block;
+      line-height: 0;
+    }
+
+    svg {
+      display: block;
+    }
+
+    .qr-code__empty {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-family: var(--mz-font-sans);
+      font-size: var(--mz-font-size-sm);
+      color: var(--mz-color-text-secondary);
+    }
+  `];export{s as a};
+//# sourceMappingURL=chunk.GIZ5VP2L.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/qr-code/qr-code.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    :host {\n      display: inline-block;\n      line-height: 0;\n    }\n\n    svg {\n      display: block;\n    }\n\n    .qr-code__empty {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-family: var(--mz-font-sans);\n      font-size: var(--mz-font-size-sm);\n      color: var(--mz-color-text-secondary);\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,GAmBF",
+  "names": ["qr_code_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.GVKLXP6C.js

@@ -0,0 +1,6 @@
+import{a as e}from"./chunk.6QCL245D.js";import{d as r}from"./chunk.K3BKUERM.js";import{d as s}from"./chunk.TO7F5R6A.js";var t=class extends r{render(){return s`
+      <kbd part="base" class="kbd">
+        <slot></slot>
+      </kbd>
+    `}};t.styles=e;export{t as a};
+//# sourceMappingURL=chunk.GVKLXP6C.js.map

package/cdn/chunks/chunk.GXXG3GDV.js

@@ -0,0 +1,2 @@
+import{a as i}from"./chunk.7A42M2QX.js";import{a as l}from"./chunk.22OS67BO.js";import{a as r,d as s}from"./chunk.K3BKUERM.js";import{d as a}from"./chunk.TO7F5R6A.js";import{a as e}from"./chunk.MGICPQBB.js";var t=class extends s{constructor(){super(...arguments);this.observer=null;this.childList=!1;this.subtree=!1;this.observeAttributes=!1;this.characterData=!1;this.attributeOldValue=!1;this.characterDataOldValue=!1;this.disabled=!1}connectedCallback(){super.connectedCallback(),this.startObserver()}disconnectedCallback(){super.disconnectedCallback(),this.stopObserver()}updated(){this.stopObserver(),this.startObserver()}startObserver(){this.disabled||!(this.childList||this.observeAttributes||this.characterData)||(this.observer=new MutationObserver(o=>{this.emit("mz-mutation",{detail:{mutations:o}})}),this.observer.observe(this,{childList:this.childList,subtree:this.subtree,attributes:this.observeAttributes,characterData:this.characterData,attributeOldValue:this.attributeOldValue,characterDataOldValue:this.characterDataOldValue}))}stopObserver(){this.observer&&(this.observer.disconnect(),this.observer=null)}render(){return a`<slot></slot>`}};t.styles=[l,i],e([r({type:Boolean,reflect:!0,attribute:"child-list"})],t.prototype,"childList",2),e([r({type:Boolean,reflect:!0})],t.prototype,"subtree",2),e([r({type:Boolean,reflect:!0,attribute:"attributes"})],t.prototype,"observeAttributes",2),e([r({type:Boolean,reflect:!0,attribute:"character-data"})],t.prototype,"characterData",2),e([r({type:Boolean,reflect:!0,attribute:"attribute-old-value"})],t.prototype,"attributeOldValue",2),e([r({type:Boolean,reflect:!0,attribute:"character-data-old-value"})],t.prototype,"characterDataOldValue",2),e([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2);export{t as a};
+//# sourceMappingURL=chunk.GXXG3GDV.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/mutation-observer/mutation-observer.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport styles from './mutation-observer.styles.js';\n\n/**\n * @summary A wrapper around the browser's native `MutationObserver` API that emits an event when mutations are detected.\n *\n * @event mz-mutation - Emitted when a mutation is observed. The event detail contains `{ mutations: MutationRecord[] }`.\n *\n * @slot - The content to observe for mutations.\n */\nexport class MzMutationObserver extends ManzanoElement {\n  static styles = [componentStyles, styles];\n\n  private observer: MutationObserver | null = null;\n\n  /** Watch for changes to child elements (additions/removals). */\n  @property({ type: Boolean, reflect: true, attribute: 'child-list' }) childList = false;\n\n  /** Watch for changes in the subtree of the observed element. */\n  @property({ type: Boolean, reflect: true }) subtree = false;\n\n  /** Watch for attribute changes on the observed element. */\n  @property({ type: Boolean, reflect: true, attribute: 'attributes' }) observeAttributes = false;\n\n  /** Watch for changes to character data (text content). */\n  @property({ type: Boolean, reflect: true, attribute: 'character-data' }) characterData = false;\n\n  /** Record the previous value of attributes when they change. */\n  @property({ type: Boolean, reflect: true, attribute: 'attribute-old-value' }) attributeOldValue = false;\n\n  /** Record the previous value of character data when it changes. */\n  @property({ type: Boolean, reflect: true, attribute: 'character-data-old-value' }) characterDataOldValue = false;\n\n  /** Disables the observer. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.startObserver();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.stopObserver();\n  }\n\n  protected updated() {\n    this.stopObserver();\n    this.startObserver();\n  }\n\n  private startObserver() {\n    if (this.disabled) return;\n\n    // Need at least one observation type\n    const hasObservationType = this.childList || this.observeAttributes || this.characterData;\n    if (!hasObservationType) return;\n\n    this.observer = new MutationObserver((mutations: MutationRecord[]) => {\n      this.emit('mz-mutation', { detail: { mutations } });\n    });\n\n    this.observer.observe(this, {\n      childList: this.childList,\n      subtree: this.subtree,\n      attributes: this.observeAttributes,\n      characterData: this.characterData,\n      attributeOldValue: this.attributeOldValue,\n      characterDataOldValue: this.characterDataOldValue\n    });\n  }\n\n  private stopObserver() {\n    if (this.observer) {\n      this.observer.disconnect();\n      this.observer = null;\n    }\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n"],
+  "mappings": "+MAaO,IAAMA,EAAN,cAAiCC,CAAe,CAAhD,kCAGL,KAAQ,SAAoC,KAGyB,eAAY,GAGrC,aAAU,GAGe,uBAAoB,GAGhB,mBAAgB,GAGX,uBAAoB,GAGf,2BAAwB,GAG/D,cAAW,GAEvD,mBAAoB,CAClB,MAAM,kBAAkB,EACxB,KAAK,cAAc,CACrB,CAEA,sBAAuB,CACrB,MAAM,qBAAqB,EAC3B,KAAK,aAAa,CACpB,CAEU,SAAU,CAClB,KAAK,aAAa,EAClB,KAAK,cAAc,CACrB,CAEQ,eAAgB,CAClB,KAAK,UAIL,EADuB,KAAK,WAAa,KAAK,mBAAqB,KAAK,iBAG5E,KAAK,SAAW,IAAI,iBAAkBC,GAAgC,CACpE,KAAK,KAAK,cAAe,CAAE,OAAQ,CAAE,UAAAA,CAAU,CAAE,CAAC,CACpD,CAAC,EAED,KAAK,SAAS,QAAQ,KAAM,CAC1B,UAAW,KAAK,UAChB,QAAS,KAAK,QACd,WAAY,KAAK,kBACjB,cAAe,KAAK,cACpB,kBAAmB,KAAK,kBACxB,sBAAuB,KAAK,qBAC9B,CAAC,EACH,CAEQ,cAAe,CACjB,KAAK,WACP,KAAK,SAAS,WAAW,EACzB,KAAK,SAAW,KAEpB,CAEA,QAAS,CACP,OAAOC,gBACT,CACF,EAxEaH,EACJ,OAAS,CAACI,EAAiBC,CAAM,EAK6BC,EAAA,CAApEC,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,YAAa,CAAC,GANxDP,EAM0D,yBAGzBM,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAT/BP,EASiC,uBAGyBM,EAAA,CAApEC,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,YAAa,CAAC,GAZxDP,EAY0D,iCAGIM,EAAA,CAAxEC,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,gBAAiB,CAAC,GAf5DP,EAe8D,6BAGKM,EAAA,CAA7EC,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,qBAAsB,CAAC,GAlBjEP,EAkBmE,iCAGKM,EAAA,CAAlFC,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,0BAA2B,CAAC,GArBtEP,EAqBwE,qCAGvCM,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAxB/BP,EAwBiC",
+  "names": ["MzMutationObserver", "ManzanoElement", "mutations", "b", "component_styles_default", "mutation_observer_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.GY2I4635.js

@@ -0,0 +1,99 @@
+import{a}from"./chunk.22OS67BO.js";import{a as r}from"./chunk.TO7F5R6A.js";var s=[a,r`
+    @layer base, variants, appearances, sizes, states;
+
+    @layer base {
+      :host {
+        display: inline-flex;
+      }
+
+      .badge {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: var(--mz-space-2xs);
+        white-space: nowrap;
+        font-family: var(--mz-font-sans);
+        font-weight: var(--mz-font-weight-medium);
+        line-height: var(--mz-line-height-dense);
+        border: var(--mz-border-width-sm) solid transparent;
+        border-radius: var(--_radius, var(--mz-badge-radius, var(--mz-radius-pill)));
+        background: var(--_bg);
+        color: var(--_text);
+        border-color: var(--_border, transparent);
+        font-size: var(--_font-size);
+        padding: var(--_padding);
+      }
+    }
+
+    @layer variants {
+      :host([variant='primary']) {
+        --_color: var(--mz-color-primary);
+        --_on-color: var(--mz-color-on-primary);
+      }
+
+      :host([variant='danger']) {
+        --_color: var(--mz-color-danger);
+        --_on-color: var(--mz-color-on-danger);
+      }
+
+      :host([variant='success']) {
+        --_color: var(--mz-color-success);
+        --_on-color: var(--mz-color-on-success);
+      }
+
+      :host([variant='warning']) {
+        --_color: var(--mz-color-warning);
+        --_on-color: var(--mz-color-on-warning);
+      }
+
+      :host([variant='neutral']),
+      :host(:not([variant])) {
+        --_color: var(--mz-color-neutral);
+        --_on-color: var(--mz-color-on-neutral);
+      }
+    }
+
+    @layer appearances {
+      :host([appearance='filled']),
+      :host(:not([appearance])) {
+        --_bg: var(--mz-badge-bg, var(--_color));
+        --_text: var(--mz-badge-color, var(--_on-color));
+      }
+
+      :host([appearance='outline']) {
+        --_bg: transparent;
+        --_text: var(--_color);
+        --_border: var(--_color);
+      }
+
+      :host([appearance='soft']) {
+        --_bg: color-mix(in srgb, var(--_color) 15%, transparent);
+        --_text: var(--_color);
+      }
+    }
+
+    @layer sizes {
+      :host([size='sm']) {
+        --_font-size: var(--mz-font-size-2xs);
+        --_padding: var(--mz-space-2xs) var(--mz-space-sm);
+      }
+
+      :host([size='md']),
+      :host(:not([size])) {
+        --_font-size: var(--mz-font-size-xs);
+        --_padding: var(--mz-space-2xs) var(--mz-space-md);
+      }
+
+      :host([size='lg']) {
+        --_font-size: var(--mz-font-size-sm);
+        --_padding: var(--mz-space-xs) var(--mz-space-lg);
+      }
+    }
+
+    @layer states {
+      :host([pill]) {
+        --_radius: var(--mz-radius-pill);
+      }
+    }
+  `];export{s as a};
+//# sourceMappingURL=chunk.GY2I4635.js.map

package/cdn/chunks/chunk.H2QR6OLA.js

@@ -0,0 +1,97 @@
+import{a as r}from"./chunk.TO7F5R6A.js";var a=r`
+  :host {
+    display: block;
+  }
+
+  .carousel {
+    position: relative;
+  }
+
+  .carousel__viewport {
+    overflow-x: auto;
+    scroll-snap-type: x mandatory;
+    scrollbar-width: none;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .carousel__viewport::-webkit-scrollbar {
+    display: none;
+  }
+
+  .carousel__track {
+    display: flex;
+  }
+
+  /* Navigation arrows */
+  .carousel__nav {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 2.25rem;
+    height: 2.25rem;
+    border: 1px solid var(--mz-color-border);
+    border-radius: 50%;
+    background: var(--mz-color-surface, #fff);
+    color: var(--mz-color-text);
+    cursor: pointer;
+    box-shadow: var(--mz-shadow-sm, 0 1px 3px rgb(28 25 21 / 0.1));
+    transition: background 0.15s, border-color 0.15s, opacity 0.15s;
+    z-index: 1;
+    padding: 0;
+  }
+
+  .carousel__nav:hover:not(:disabled) {
+    background: var(--mz-color-surface-raised);
+    border-color: var(--mz-color-text-disabled);
+  }
+
+  .carousel__nav:disabled {
+    opacity: 0.3;
+    cursor: not-allowed;
+  }
+
+  .carousel__nav--prev {
+    left: var(--mz-space-sm, 0.75rem);
+  }
+
+  .carousel__nav--next {
+    right: var(--mz-space-sm, 0.75rem);
+  }
+
+  /* Pagination dots */
+  .carousel__pagination {
+    display: flex;
+    justify-content: center;
+    gap: var(--mz-space-xs, 0.375rem);
+    padding: var(--mz-space-sm, 0.75rem) 0;
+  }
+
+  .carousel__dot {
+    width: 0.5rem;
+    height: 0.5rem;
+    border: none;
+    border-radius: 50%;
+    background: var(--mz-color-border);
+    cursor: pointer;
+    padding: 0;
+    transition: background 0.15s, transform 0.15s;
+  }
+
+  .carousel__dot:hover {
+    background: var(--mz-color-text-disabled);
+  }
+
+  .carousel__dot--active {
+    background: var(--mz-color-primary);
+    transform: scale(1.25);
+  }
+
+  /* Per-view sizing is set dynamically in render via inline <style> */
+  ::slotted(mz-carousel-item) {
+    scroll-snap-align: start;
+  }
+`;export{a};
+//# sourceMappingURL=chunk.H2QR6OLA.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/carousel/carousel.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .carousel {\n    position: relative;\n  }\n\n  .carousel__viewport {\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .carousel__viewport::-webkit-scrollbar {\n    display: none;\n  }\n\n  .carousel__track {\n    display: flex;\n  }\n\n  /* Navigation arrows */\n  .carousel__nav {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 2.25rem;\n    height: 2.25rem;\n    border: 1px solid var(--mz-color-border);\n    border-radius: 50%;\n    background: var(--mz-color-surface, #fff);\n    color: var(--mz-color-text);\n    cursor: pointer;\n    box-shadow: var(--mz-shadow-sm, 0 1px 3px rgb(28 25 21 / 0.1));\n    transition: background 0.15s, border-color 0.15s, opacity 0.15s;\n    z-index: 1;\n    padding: 0;\n  }\n\n  .carousel__nav:hover:not(:disabled) {\n    background: var(--mz-color-surface-raised);\n    border-color: var(--mz-color-text-disabled);\n  }\n\n  .carousel__nav:disabled {\n    opacity: 0.3;\n    cursor: not-allowed;\n  }\n\n  .carousel__nav--prev {\n    left: var(--mz-space-sm, 0.75rem);\n  }\n\n  .carousel__nav--next {\n    right: var(--mz-space-sm, 0.75rem);\n  }\n\n  /* Pagination dots */\n  .carousel__pagination {\n    display: flex;\n    justify-content: center;\n    gap: var(--mz-space-xs, 0.375rem);\n    padding: var(--mz-space-sm, 0.75rem) 0;\n  }\n\n  .carousel__dot {\n    width: 0.5rem;\n    height: 0.5rem;\n    border: none;\n    border-radius: 50%;\n    background: var(--mz-color-border);\n    cursor: pointer;\n    padding: 0;\n    transition: background 0.15s, transform 0.15s;\n  }\n\n  .carousel__dot:hover {\n    background: var(--mz-color-text-disabled);\n  }\n\n  .carousel__dot--active {\n    background: var(--mz-color-primary);\n    transform: scale(1.25);\n  }\n\n  /* Per-view sizing is set dynamically in render via inline <style> */\n  ::slotted(mz-carousel-item) {\n    scroll-snap-align: start;\n  }\n`;\n"],
+  "mappings": "wCAEA,IAAOA,EAAQC;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;",
+  "names": ["carousel_styles_default", "i"]
+}

package/cdn/chunks/chunk.HAD5EW6T.js

@@ -0,0 +1,12 @@
+import{a as n}from"./chunk.YUHTZU7Y.js";import{a as o}from"./chunk.COALXZOO.js";import{a as e,b as t,d as l}from"./chunk.K3BKUERM.js";import{d as r}from"./chunk.TO7F5R6A.js";import{a as s}from"./chunk.MGICPQBB.js";var i=class extends l{constructor(){super(...arguments);this.image="";this.label="";this.initials="";this.size="md";this.shape="circle";this.hasError=!1}handleImageError(){this.hasError=!0}render(){let a=this.image&&!this.hasError,m=!a&&this.initials;return r`
+      <div part="base" class="avatar" role="img" aria-label=${this.label||this.initials||"Avatar"}>
+        ${a?r`<img
+              part="image"
+              class="avatar__image"
+              src=${this.image}
+              alt=${this.label}
+              @error=${this.handleImageError}
+            />`:m?r`<span part="initials" class="avatar__initials">${this.initials}</span>`:r`<span part="icon" class="avatar__icon"><mz-icon name="person" library="system"></mz-icon></span>`}
+      </div>
+    `}};i.styles=o,i.dependencies={"mz-icon":n},s([e()],i.prototype,"image",2),s([e()],i.prototype,"label",2),s([e()],i.prototype,"initials",2),s([e({reflect:!0})],i.prototype,"size",2),s([e({reflect:!0})],i.prototype,"shape",2),s([t()],i.prototype,"hasError",2);export{i as a};
+//# sourceMappingURL=chunk.HAD5EW6T.js.map

package/cdn/chunks/chunk.HMER2ELR.js

@@ -0,0 +1,9 @@
+import{a as l}from"./chunk.5J2B3N4R.js";import{b as a}from"./chunk.BFGS3UP4.js";import{d as o}from"./chunk.K3BKUERM.js";import{d as t}from"./chunk.TO7F5R6A.js";var r=class extends o{constructor(){super(...arguments);this.localize=new a(this)}render(){let e="Loading";try{e=this.localize.term("loading")||"Loading"}catch{}return t`
+      <div
+        part="base"
+        class="spinner"
+        role="progressbar"
+        aria-label=${e}
+      ></div>
+    `}};r.styles=l;export{r as a};
+//# sourceMappingURL=chunk.HMER2ELR.js.map

package/cdn/chunks/chunk.HWANV4D7.js

@@ -0,0 +1,13 @@
+import{a as t}from"./chunk.22OS67BO.js";import{a as o}from"./chunk.TO7F5R6A.js";var n=[t,o`
+    :host {
+      display: block;
+    }
+
+    .nav-menu {
+      display: flex;
+      flex-direction: column;
+      gap: 1px;
+      font-family: var(--mz-font-sans);
+    }
+  `];export{n as a};
+//# sourceMappingURL=chunk.HWANV4D7.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/nav-menu/nav-menu.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    :host {\n      display: block;\n    }\n\n    .nav-menu {\n      display: flex;\n      flex-direction: column;\n      gap: 1px;\n      font-family: var(--mz-font-sans);\n    }\n  `\n];\n"],
+  "mappings": "gFAGA,IAAOA,EAAQ,CACbC,EACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYF",
+  "names": ["nav_menu_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.IHP5MR6U.js

@@ -0,0 +1,22 @@
+import{a as t}from"./chunk.22OS67BO.js";import{a as o}from"./chunk.TO7F5R6A.js";var a=[t,o`
+    :host {
+      display: inline-block;
+      position: relative;
+    }
+
+    .tooltip__body {
+      position: absolute;
+      z-index: var(--mz-z-tooltip, 1100);
+      background: var(--mz-tooltip-bg, var(--mz-color-text));
+      color: var(--mz-tooltip-color, var(--mz-color-white, #fff));
+      border-radius: var(--mz-radius-sm);
+      padding: var(--mz-space-2xs) var(--mz-space-xs);
+      font-family: var(--mz-font-sans);
+      font-size: var(--mz-font-size-sm);
+      line-height: var(--mz-line-height-normal);
+      width: max-content;
+      max-width: 20rem;
+      pointer-events: none;
+    }
+  `];export{a};
+//# sourceMappingURL=chunk.IHP5MR6U.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tooltip/tooltip.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    :host {\n      display: inline-block;\n      position: relative;\n    }\n\n    .tooltip__body {\n      position: absolute;\n      z-index: var(--mz-z-tooltip, 1100);\n      background: var(--mz-tooltip-bg, var(--mz-color-text));\n      color: var(--mz-tooltip-color, var(--mz-color-white, #fff));\n      border-radius: var(--mz-radius-sm);\n      padding: var(--mz-space-2xs) var(--mz-space-xs);\n      font-family: var(--mz-font-sans);\n      font-size: var(--mz-font-size-sm);\n      line-height: var(--mz-line-height-normal);\n      width: max-content;\n      max-width: 20rem;\n      pointer-events: none;\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,GAqBF",
+  "names": ["tooltip_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.II57JDH2.js

@@ -0,0 +1,6 @@
+import{a as t}from"./chunk.22OS67BO.js";import{a as o}from"./chunk.TO7F5R6A.js";var m=[t,o`
+    :host {
+      display: inline;
+    }
+  `];export{m as a};
+//# sourceMappingURL=chunk.II57JDH2.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/relative-time/relative-time.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    :host {\n      display: inline;\n    }\n  `\n];\n"],
+  "mappings": "gFAGA,IAAOA,EAAQ,CACbC,EACAC;AAAA;AAAA;AAAA;AAAA,GAKF",
+  "names": ["relative_time_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.INFNMASX.js

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

package/cdn/chunks/chunk.ISIJXEK4.js

@@ -0,0 +1,60 @@
+import{a as s}from"./chunk.5SUNUKVW.js";import{a as r}from"./chunk.22OS67BO.js";import{a as o}from"./chunk.TO7F5R6A.js";var i=[r,s,o`
+    @layer base, sizes, states;
+
+    @layer base {
+      :host {
+        display: block;
+      }
+
+      .form-control {
+        border: var(--mz-border-width-sm) solid var(--mz-color-border);
+        border-radius: var(--mz-radius-lg);
+        padding: var(--mz-space-md);
+        margin: 0;
+      }
+
+      .form-control__label {
+        padding: 0 var(--mz-space-2xs);
+      }
+
+      .radio-group__options {
+        display: flex;
+        flex-direction: column;
+        gap: var(--mz-space-xs);
+      }
+
+      :host([orientation='horizontal']) .radio-group__options {
+        flex-direction: row;
+        flex-wrap: wrap;
+        gap: var(--mz-space-md);
+      }
+
+      /* Radio item styling (applied to slotted mz-radio children) */
+      ::slotted(mz-radio) {
+        display: flex;
+      }
+    }
+
+    @layer sizes {
+      :host([size='sm']) {
+        font-size: var(--mz-font-size-sm);
+      }
+
+      :host([size='md']),
+      :host(:not([size])) {
+        font-size: var(--mz-font-size-md);
+      }
+
+      :host([size='lg']) {
+        font-size: var(--mz-font-size-lg);
+      }
+    }
+
+    @layer states {
+      :host([disabled]) {
+        opacity: 0.5;
+        pointer-events: none;
+      }
+    }
+  `];export{i as a};
+//# sourceMappingURL=chunk.ISIJXEK4.js.map

package/cdn/chunks/chunk.IW74SW3R.js

@@ -0,0 +1,48 @@
+import{a as o}from"./chunk.22OS67BO.js";import{a as e}from"./chunk.TO7F5R6A.js";var s=[o,e`
+    :host {
+      display: block;
+    }
+
+    .skeleton {
+      display: flex;
+      width: var(--mz-skeleton-width, 100%);
+      height: var(--mz-skeleton-height, 1em);
+      border-radius: var(--mz-skeleton-radius, var(--mz-radius-md));
+      background: var(--mz-skeleton-color, var(--mz-color-surface-raised));
+      animation: pulse 2s ease-in-out infinite;
+    }
+
+    :host([effect='sheen']) .skeleton {
+      background: linear-gradient(
+        90deg,
+        var(--mz-skeleton-color, var(--mz-color-surface-raised)) 25%,
+        var(--mz-skeleton-sheen-color, var(--mz-color-border)) 50%,
+        var(--mz-skeleton-color, var(--mz-color-surface-raised)) 75%
+      );
+      background-size: 200% 100%;
+      animation: sheen 1.5s ease-in-out infinite;
+    }
+
+    :host([shape='circle']) .skeleton {
+      width: var(--mz-skeleton-height, 3rem);
+      height: var(--mz-skeleton-height, 3rem);
+      border-radius: var(--mz-radius-circle);
+    }
+
+    @keyframes pulse {
+      0%, 100% { opacity: 1; }
+      50% { opacity: 0.5; }
+    }
+
+    @keyframes sheen {
+      from { background-position: 200% 0; }
+      to { background-position: -200% 0; }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .skeleton {
+        animation: none;
+      }
+    }
+  `];export{s as a};
+//# sourceMappingURL=chunk.IW74SW3R.js.map

package/cdn/chunks/chunk.IYJ7KK37.js

@@ -0,0 +1,8 @@
+import{a as n}from"./chunk.FRV6RNTL.js";import{a as o,d as i}from"./chunk.K3BKUERM.js";import{d as l}from"./chunk.TO7F5R6A.js";import{a as s}from"./chunk.MGICPQBB.js";var t=class extends i{constructor(){super(...arguments);this.label="Breadcrumb"}handleSlotChange(){let a=[...this.querySelectorAll("mz-breadcrumb-item")];a.forEach((e,m)=>{let r=m===a.length-1;r?e.setAttribute("aria-current","page"):e.removeAttribute("aria-current"),e.isLast=r})}render(){return l`
+      <nav aria-label=${this.label} part="base">
+        <div class="breadcrumb">
+          <slot @slotchange=${this.handleSlotChange}></slot>
+        </div>
+      </nav>
+    `}};t.styles=n,s([o()],t.prototype,"label",2);export{t as a};
+//# sourceMappingURL=chunk.IYJ7KK37.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/breadcrumb/breadcrumb.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './breadcrumb.styles.js';\n\n/**\n * @summary A breadcrumb navigation container that manages separator display and aria-current.\n *\n * @slot - The breadcrumb items (mz-breadcrumb-item elements).\n * @slot separator - A custom separator to use between items. Defaults to `/`.\n *\n * @csspart base - The nav element wrapping the breadcrumb.\n */\nexport class MzBreadcrumb extends ManzanoElement {\n  static styles = styles;\n\n  /** The aria-label for the nav element. */\n  @property() label = 'Breadcrumb';\n\n  private handleSlotChange() {\n    const items = [...this.querySelectorAll('mz-breadcrumb-item')];\n    items.forEach((item, i) => {\n      const isLast = i === items.length - 1;\n\n      // Set aria-current on last item\n      if (isLast) {\n        item.setAttribute('aria-current', 'page');\n      } else {\n        item.removeAttribute('aria-current');\n      }\n\n      // Show/hide separator via internal state\n      (item as any).isLast = isLast;\n    });\n  }\n\n  render() {\n    return html`\n      <nav aria-label=${this.label} part=\"base\">\n        <div class=\"breadcrumb\">\n          <slot @slotchange=${this.handleSlotChange}></slot>\n        </div>\n      </nav>\n    `;\n  }\n}\n"],
+  "mappings": "uKAaO,IAAMA,EAAN,cAA2BC,CAAe,CAA1C,kCAIO,WAAQ,aAEZ,kBAAmB,CACzB,IAAMC,EAAQ,CAAC,GAAG,KAAK,iBAAiB,oBAAoB,CAAC,EAC7DA,EAAM,QAAQ,CAACC,EAAMC,IAAM,CACzB,IAAMC,EAASD,IAAMF,EAAM,OAAS,EAGhCG,EACFF,EAAK,aAAa,eAAgB,MAAM,EAExCA,EAAK,gBAAgB,cAAc,EAIpCA,EAAa,OAASE,CACzB,CAAC,CACH,CAEA,QAAS,CACP,OAAOC;AAAA,wBACa,KAAK,KAAK;AAAA;AAAA,8BAEJ,KAAK,gBAAgB;AAAA;AAAA;AAAA,KAIjD,CACF,EAhCaN,EACJ,OAASO,EAGJC,EAAA,CAAXC,EAAS,GAJCT,EAIC",
+  "names": ["MzBreadcrumb", "ManzanoElement", "items", "item", "i", "isLast", "b", "breadcrumb_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.IYJIFHKE.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.VDYTHJSX.js";e.define("mz-number-input");
+//# sourceMappingURL=chunk.IYJIFHKE.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/number-input/number-input.ts"],
+  "sourcesContent": ["import { MzNumberInput } from './number-input.component.js';\n\nMzNumberInput.define('mz-number-input');\n\nexport { MzNumberInput };\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-number-input': MzNumberInput;\n  }\n}\n"],
+  "mappings": "wCAEAA,EAAc,OAAO,iBAAiB",
+  "names": ["MzNumberInput"]
+}