@manzanohq/components 0.1.1

package/cdn/chunks/chunk.ADCPZR2U.js

@@ -0,0 +1,98 @@
+import{a as o}from"./chunk.KUTEZIT4.js";import{a as r}from"./chunk.NNH44ORV.js";var a=[o,r`
+    @layer base, sizes, states;
+
+    @layer base {
+      :host {
+        display: inline-flex;
+      }
+
+      .radio {
+        display: inline-flex;
+        align-items: flex-start;
+        gap: var(--mz-space-xs);
+        cursor: pointer;
+        font-family: var(--mz-font-sans);
+        font-size: var(--_font-size, var(--mz-font-size-md));
+        line-height: var(--mz-line-height-normal);
+        color: var(--mz-color-text);
+      }
+
+      .radio__control {
+        position: relative;
+        flex-shrink: 0;
+        width: var(--_box-size, 1.25rem);
+        height: var(--_box-size, 1.25rem);
+        margin-top: 0.15em;
+        border: var(--mz-border-width-md) solid var(--mz-input-border-color);
+        border-radius: var(--mz-radius-circle);
+        background: var(--mz-color-surface);
+        transition:
+          background var(--mz-transition-fast),
+          border-color var(--mz-transition-fast);
+      }
+
+      .radio__control:hover {
+        border-color: var(--mz-color-primary);
+      }
+
+      .radio__control--checked {
+        border-color: var(--mz-color-primary);
+      }
+
+      .radio__dot {
+        position: absolute;
+        inset: 0;
+        margin: auto;
+        width: calc(var(--_box-size, 1.25rem) * 0.5);
+        height: calc(var(--_box-size, 1.25rem) * 0.5);
+        border-radius: var(--mz-radius-circle);
+        background: var(--mz-color-primary);
+      }
+
+      .radio__label {
+        user-select: none;
+      }
+
+      .radio__input {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        border: 0;
+      }
+
+      .radio__input:focus-visible ~ .radio__control {
+        outline: var(--mz-focus-ring);
+        outline-offset: var(--mz-focus-ring-offset);
+      }
+    }
+
+    @layer sizes {
+      :host([size='sm']) {
+        --_font-size: var(--mz-font-size-sm);
+        --_box-size: 1rem;
+      }
+
+      :host([size='md']),
+      :host(:not([size])) {
+        --_font-size: var(--mz-font-size-md);
+        --_box-size: 1.25rem;
+      }
+
+      :host([size='lg']) {
+        --_font-size: var(--mz-font-size-lg);
+        --_box-size: 1.5rem;
+      }
+    }
+
+    @layer states {
+      :host([disabled]) .radio {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+    }
+  `];export{a};
+//# sourceMappingURL=chunk.ADCPZR2U.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/radio/radio.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    @layer base, sizes, states;\n\n    @layer base {\n      :host {\n        display: inline-flex;\n      }\n\n      .radio {\n        display: inline-flex;\n        align-items: flex-start;\n        gap: var(--mz-space-xs);\n        cursor: pointer;\n        font-family: var(--mz-font-sans);\n        font-size: var(--_font-size, var(--mz-font-size-md));\n        line-height: var(--mz-line-height-normal);\n        color: var(--mz-color-text);\n      }\n\n      .radio__control {\n        position: relative;\n        flex-shrink: 0;\n        width: var(--_box-size, 1.25rem);\n        height: var(--_box-size, 1.25rem);\n        margin-top: 0.15em;\n        border: var(--mz-border-width-md) solid var(--mz-input-border-color);\n        border-radius: var(--mz-radius-circle);\n        background: var(--mz-color-surface);\n        transition:\n          background var(--mz-transition-fast),\n          border-color var(--mz-transition-fast);\n      }\n\n      .radio__control:hover {\n        border-color: var(--mz-color-primary);\n      }\n\n      .radio__control--checked {\n        border-color: var(--mz-color-primary);\n      }\n\n      .radio__dot {\n        position: absolute;\n        inset: 0;\n        margin: auto;\n        width: calc(var(--_box-size, 1.25rem) * 0.5);\n        height: calc(var(--_box-size, 1.25rem) * 0.5);\n        border-radius: var(--mz-radius-circle);\n        background: var(--mz-color-primary);\n      }\n\n      .radio__label {\n        user-select: none;\n      }\n\n      .radio__input {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        margin: -1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        border: 0;\n      }\n\n      .radio__input:focus-visible ~ .radio__control {\n        outline: var(--mz-focus-ring);\n        outline-offset: var(--mz-focus-ring-offset);\n      }\n    }\n\n    @layer sizes {\n      :host([size='sm']) {\n        --_font-size: var(--mz-font-size-sm);\n        --_box-size: 1rem;\n      }\n\n      :host([size='md']),\n      :host(:not([size])) {\n        --_font-size: var(--mz-font-size-md);\n        --_box-size: 1.25rem;\n      }\n\n      :host([size='lg']) {\n        --_font-size: var(--mz-font-size-lg);\n        --_box-size: 1.5rem;\n      }\n    }\n\n    @layer states {\n      :host([disabled]) .radio {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\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,GAiGF",
+  "names": ["radio_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.BDG7K33H.js

@@ -0,0 +1,18 @@
+import{a as o}from"./chunk.KUTEZIT4.js";import{a as i}from"./chunk.NNH44ORV.js";var t=[o,i`
+    :host {
+      display: inline;
+    }
+
+    .visually-hidden {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      white-space: nowrap;
+      border: 0;
+    }
+  `];export{t as a};
+//# sourceMappingURL=chunk.BDG7K33H.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/visually-hidden/visually-hidden.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    .visually-hidden {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    }\n  `\n];\n"],
+  "mappings": "gFAGA,IAAOA,EAAQ,CACbC,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBF",
+  "names": ["visually_hidden_styles_default", "component_styles_default"]
+}

package/cdn/chunks/chunk.BFGS3UP4.js

@@ -0,0 +1,2 @@
+var l=new Set,i=new Map,s,c="ltr",u="en",m=typeof MutationObserver<"u"&&typeof document<"u"&&typeof document.documentElement<"u";if(m){let o=new MutationObserver(f);c=document.documentElement.dir||"ltr",u=document.documentElement.lang||navigator.language,o.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]})}function p(...o){o.map(e=>{let t=e.$code.toLowerCase();i.has(t)?i.set(t,Object.assign(Object.assign({},i.get(t)),e)):i.set(t,e),s||(s=e)}),f()}function f(){m&&(c=document.documentElement.dir||"ltr",u=document.documentElement.lang||navigator.language),[...l.keys()].map(o=>{typeof o.requestUpdate=="function"&&o.requestUpdate()})}var g=class{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){l.add(this.host)}hostDisconnected(){l.delete(this.host)}dir(){return`${this.host.dir||c}`.toLowerCase()}lang(){return`${this.host.lang||u}`.toLowerCase()}getTranslationData(e){var t,a;let n=new Intl.Locale(e.replace(/_/g,"-")),r=n?.language.toLowerCase(),d=(a=(t=n?.region)===null||t===void 0?void 0:t.toLowerCase())!==null&&a!==void 0?a:"",h=i.get(`${r}-${d}`),v=i.get(r);return{locale:n,language:r,region:d,primary:h,secondary:v}}exists(e,t){var a;let{primary:n,secondary:r}=this.getTranslationData((a=t.lang)!==null&&a!==void 0?a:this.lang());return t=Object.assign({includeFallback:!1},t),!!(n&&n[e]||r&&r[e]||t.includeFallback&&s&&s[e])}term(e,...t){let{primary:a,secondary:n}=this.getTranslationData(this.lang()),r;if(a&&a[e])r=a[e];else if(n&&n[e])r=n[e];else if(s&&s[e])r=s[e];else return console.error(`No translation found for: ${String(e)}`),String(e);return typeof r=="function"?r(...t):r}date(e,t){return e=new Date(e),new Intl.DateTimeFormat(this.lang(),t).format(e)}number(e,t){return e=Number(e),isNaN(e)?"":new Intl.NumberFormat(this.lang(),t).format(e)}relativeTime(e,t,a){return new Intl.RelativeTimeFormat(this.lang(),a).format(e,t)}};export{p as a,g as b};
+//# sourceMappingURL=chunk.BFGS3UP4.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../node_modules/.pnpm/@shoelace-style+localize@3.2.1/node_modules/@shoelace-style/localize/dist/index.js"],
+  "sourcesContent": ["const connectedElements = new Set();\nconst translations = new Map();\nlet fallback;\nlet documentDirection = 'ltr';\nlet documentLanguage = 'en';\nconst isClient = (typeof MutationObserver !== \"undefined\" && typeof document !== \"undefined\" && typeof document.documentElement !== \"undefined\");\nif (isClient) {\n    const documentElementObserver = new MutationObserver(update);\n    documentDirection = document.documentElement.dir || 'ltr';\n    documentLanguage = document.documentElement.lang || navigator.language;\n    documentElementObserver.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['dir', 'lang']\n    });\n}\nexport function registerTranslation(...translation) {\n    translation.map(t => {\n        const code = t.$code.toLowerCase();\n        if (translations.has(code)) {\n            translations.set(code, Object.assign(Object.assign({}, translations.get(code)), t));\n        }\n        else {\n            translations.set(code, t);\n        }\n        if (!fallback) {\n            fallback = t;\n        }\n    });\n    update();\n}\nexport function update() {\n    if (isClient) {\n        documentDirection = document.documentElement.dir || 'ltr';\n        documentLanguage = document.documentElement.lang || navigator.language;\n    }\n    [...connectedElements.keys()].map((el) => {\n        if (typeof el.requestUpdate === 'function') {\n            el.requestUpdate();\n        }\n    });\n}\nexport class LocalizeController {\n    constructor(host) {\n        this.host = host;\n        this.host.addController(this);\n    }\n    hostConnected() {\n        connectedElements.add(this.host);\n    }\n    hostDisconnected() {\n        connectedElements.delete(this.host);\n    }\n    dir() {\n        return `${this.host.dir || documentDirection}`.toLowerCase();\n    }\n    lang() {\n        return `${this.host.lang || documentLanguage}`.toLowerCase();\n    }\n    getTranslationData(lang) {\n        var _a, _b;\n        const locale = new Intl.Locale(lang.replace(/_/g, '-'));\n        const language = locale === null || locale === void 0 ? void 0 : locale.language.toLowerCase();\n        const region = (_b = (_a = locale === null || locale === void 0 ? void 0 : locale.region) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : '';\n        const primary = translations.get(`${language}-${region}`);\n        const secondary = translations.get(language);\n        return { locale, language, region, primary, secondary };\n    }\n    exists(key, options) {\n        var _a;\n        const { primary, secondary } = this.getTranslationData((_a = options.lang) !== null && _a !== void 0 ? _a : this.lang());\n        options = Object.assign({ includeFallback: false }, options);\n        if ((primary && primary[key]) ||\n            (secondary && secondary[key]) ||\n            (options.includeFallback && fallback && fallback[key])) {\n            return true;\n        }\n        return false;\n    }\n    term(key, ...args) {\n        const { primary, secondary } = this.getTranslationData(this.lang());\n        let term;\n        if (primary && primary[key]) {\n            term = primary[key];\n        }\n        else if (secondary && secondary[key]) {\n            term = secondary[key];\n        }\n        else if (fallback && fallback[key]) {\n            term = fallback[key];\n        }\n        else {\n            console.error(`No translation found for: ${String(key)}`);\n            return String(key);\n        }\n        if (typeof term === 'function') {\n            return term(...args);\n        }\n        return term;\n    }\n    date(dateToFormat, options) {\n        dateToFormat = new Date(dateToFormat);\n        return new Intl.DateTimeFormat(this.lang(), options).format(dateToFormat);\n    }\n    number(numberToFormat, options) {\n        numberToFormat = Number(numberToFormat);\n        return isNaN(numberToFormat) ? '' : new Intl.NumberFormat(this.lang(), options).format(numberToFormat);\n    }\n    relativeTime(value, unit, options) {\n        return new Intl.RelativeTimeFormat(this.lang(), options).format(value, unit);\n    }\n}\n"],
+  "mappings": "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",
+  "names": ["connectedElements", "translations", "fallback", "documentDirection", "documentLanguage", "isClient", "documentElementObserver", "update", "registerTranslation", "translation", "t", "code", "el", "LocalizeController", "host", "lang", "_a", "_b", "locale", "language", "region", "primary", "secondary", "key", "options", "args", "term", "dateToFormat", "numberToFormat", "value", "unit"]
+}

package/cdn/chunks/chunk.BTBWAH3D.js

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

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

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

package/cdn/chunks/chunk.BUUA7AGF.js

@@ -0,0 +1,9 @@
+import{a as l}from"./chunk.IDI5QQJV.js";import{a as e,d as o}from"./chunk.SZ34NZMW.js";import{d as a}from"./chunk.NNH44ORV.js";import{a as r}from"./chunk.MGICPQBB.js";var t=class extends o{constructor(){super(...arguments);this.vertical=!1;this.spacing="md"}render(){return a`
+      <div
+        part="base"
+        class="divider"
+        role="separator"
+        aria-orientation=${this.vertical?"vertical":"horizontal"}
+      ></div>
+    `}};t.styles=l,r([e({type:Boolean,reflect:!0})],t.prototype,"vertical",2),r([e({reflect:!0})],t.prototype,"spacing",2);export{t as a};
+//# sourceMappingURL=chunk.BUUA7AGF.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/divider/divider.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './divider.styles.js';\n\n/**\n * @summary A visual divider for separating content.\n *\n * @tag mz-divider\n *\n * @csspart base - The divider element.\n *\n * @cssproperty --mz-divider-color - Override the divider color.\n * @cssproperty --mz-divider-width - Override the divider width.\n */\nexport class MzDivider extends ManzanoElement {\n  static styles = styles;\n\n  /** Renders a vertical divider. */\n  @property({ type: Boolean, reflect: true }) vertical = false;\n\n  /** The spacing around the divider. */\n  @property({ reflect: true }) spacing: 'sm' | 'md' | 'lg' = 'md';\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=\"divider\"\n        role=\"separator\"\n        aria-orientation=${this.vertical ? 'vertical' : 'horizontal'}\n      ></div>\n    `;\n  }\n}\n"],
+  "mappings": "uKAeO,IAAMA,EAAN,cAAwBC,CAAe,CAAvC,kCAIuC,cAAW,GAG1B,aAA8B,KAE3D,QAAS,CACP,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA,2BAKgB,KAAK,SAAW,WAAa,YAAY;AAAA;AAAA,KAGlE,CACF,EAnBaF,EACJ,OAASG,EAG4BC,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAJ/BL,EAIiC,wBAGfI,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAPhBL,EAOkB",
+  "names": ["MzDivider", "ManzanoElement", "b", "divider_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.BYLGIDI7.js

@@ -0,0 +1,25 @@
+import{a as n}from"./chunk.MDUCOVPL.js";import{a as c}from"./chunk.Q4JHOT26.js";import{a as t,c as r,d as i}from"./chunk.SZ34NZMW.js";import{d as l}from"./chunk.NNH44ORV.js";import{a as s}from"./chunk.MGICPQBB.js";var e=class extends i{constructor(){super(...arguments);this.name="";this.value="on";this.size="md";this.checked=!1;this.disabled=!1;this.required=!1}focus(a){this.inputEl?.focus(a)}blur(){this.inputEl?.blur()}handleChange(){this.checked=this.inputEl.checked,this.emit("mz-change")}handleFocus(){this.emit("mz-focus")}handleBlur(){this.emit("mz-blur")}render(){let a={switch__track:!0,"switch__track--checked":this.checked};return l`
+      <label part="base" class="switch">
+        <input
+          class="switch__input"
+          type="checkbox"
+          role="switch"
+          name=${this.name}
+          value=${this.value}
+          .checked=${this.checked}
+          ?disabled=${this.disabled}
+          ?required=${this.required}
+          aria-checked=${this.checked}
+          @change=${this.handleChange}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+        />
+        <span part="track" class=${c(a)}>
+          <span part="thumb" class="switch__thumb"></span>
+        </span>
+        <span part="label" class="switch__label">
+          <slot></slot>
+        </span>
+      </label>
+    `}};e.styles=n,e.formAssociated=!0,s([r(".switch__input")],e.prototype,"inputEl",2),s([t()],e.prototype,"name",2),s([t()],e.prototype,"value",2),s([t({reflect:!0})],e.prototype,"size",2),s([t({type:Boolean,reflect:!0})],e.prototype,"checked",2),s([t({type:Boolean,reflect:!0})],e.prototype,"disabled",2),s([t({type:Boolean,reflect:!0})],e.prototype,"required",2);export{e as a};
+//# sourceMappingURL=chunk.BYLGIDI7.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/switch/switch.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './switch.styles.js';\n\n/**\n * @summary A toggle switch.\n *\n * @tag mz-switch\n *\n * @slot - The switch label.\n *\n * @event mz-change - Emitted when the checked state changes.\n * @event mz-focus - Emitted when the switch gains focus.\n * @event mz-blur - Emitted when the switch loses focus.\n *\n * @csspart base - The switch wrapper.\n * @csspart track - The switch track.\n * @csspart thumb - The switch thumb.\n * @csspart label - The label text.\n *\n * @cssproperty --mz-switch-color - Override the active track color.\n */\nexport class MzSwitch extends ManzanoElement {\n  static styles = styles;\n  static formAssociated = true;\n\n  @query('.switch__input') private inputEl!: HTMLInputElement;\n\n  /** The switch's name for form participation. */\n  @property() name = '';\n\n  /** The value submitted with the form when checked. */\n  @property() value = 'on';\n\n  /** The switch's size. */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** Whether the switch is checked. */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** Disables the switch. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Makes the switch required. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Sets focus on the switch. */\n  focus(options?: FocusOptions): void {\n    this.inputEl?.focus(options);\n  }\n\n  /** Removes focus from the switch. */\n  blur(): void {\n    this.inputEl?.blur();\n  }\n\n  private handleChange(): void {\n    this.checked = this.inputEl.checked;\n    this.emit('mz-change');\n  }\n\n  private handleFocus(): void {\n    this.emit('mz-focus');\n  }\n\n  private handleBlur(): void {\n    this.emit('mz-blur');\n  }\n\n  render() {\n    const trackClasses = {\n      switch__track: true,\n      'switch__track--checked': this.checked\n    };\n\n    return html`\n      <label part=\"base\" class=\"switch\">\n        <input\n          class=\"switch__input\"\n          type=\"checkbox\"\n          role=\"switch\"\n          name=${this.name}\n          value=${this.value}\n          .checked=${this.checked}\n          ?disabled=${this.disabled}\n          ?required=${this.required}\n          aria-checked=${this.checked}\n          @change=${this.handleChange}\n          @focus=${this.handleFocus}\n          @blur=${this.handleBlur}\n        />\n        <span part=\"track\" class=${classMap(trackClasses)}>\n          <span part=\"thumb\" class=\"switch__thumb\"></span>\n        </span>\n        <span part=\"label\" class=\"switch__label\">\n          <slot></slot>\n        </span>\n      </label>\n    `;\n  }\n}\n"],
+  "mappings": "sNAwBO,IAAMA,EAAN,cAAuBC,CAAe,CAAtC,kCAOO,UAAO,GAGP,WAAQ,KAGS,UAA2B,KAGZ,aAAU,GAGV,cAAW,GAGX,cAAW,GAGvD,MAAMC,EAA8B,CAClC,KAAK,SAAS,MAAMA,CAAO,CAC7B,CAGA,MAAa,CACX,KAAK,SAAS,KAAK,CACrB,CAEQ,cAAqB,CAC3B,KAAK,QAAU,KAAK,QAAQ,QAC5B,KAAK,KAAK,WAAW,CACvB,CAEQ,aAAoB,CAC1B,KAAK,KAAK,UAAU,CACtB,CAEQ,YAAmB,CACzB,KAAK,KAAK,SAAS,CACrB,CAEA,QAAS,CACP,IAAMC,EAAe,CACnB,cAAe,GACf,yBAA0B,KAAK,OACjC,EAEA,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMM,KAAK,IAAI;AAAA,kBACR,KAAK,KAAK;AAAA,qBACP,KAAK,OAAO;AAAA,sBACX,KAAK,QAAQ;AAAA,sBACb,KAAK,QAAQ;AAAA,yBACV,KAAK,OAAO;AAAA,oBACjB,KAAK,YAAY;AAAA,mBAClB,KAAK,WAAW;AAAA,kBACjB,KAAK,UAAU;AAAA;AAAA,mCAEEC,EAASF,CAAY,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQvD,CACF,EA9EaH,EACJ,OAASM,EADLN,EAEJ,eAAiB,GAESO,EAAA,CAAhCF,EAAM,gBAAgB,GAJZL,EAIsB,uBAGrBO,EAAA,CAAXC,EAAS,GAPCR,EAOC,oBAGAO,EAAA,CAAXC,EAAS,GAVCR,EAUC,qBAGiBO,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAbhBR,EAakB,oBAGeO,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAhB/BR,EAgBiC,uBAGAO,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAnB/BR,EAmBiC,wBAGAO,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAtB/BR,EAsBiC",
+  "names": ["MzSwitch", "ManzanoElement", "options", "trackClasses", "b", "e", "switch_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.BZRM77L2.js

@@ -0,0 +1,22 @@
+import{a as t}from"./chunk.KUTEZIT4.js";import{a as o}from"./chunk.NNH44ORV.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-gray-900));
+      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.BZRM77L2.js.map

package/cdn/chunks/chunk.BZRM77L2.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-gray-900));\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.CFWUYZMP.js

@@ -0,0 +1,117 @@
+import{a as o}from"./chunk.XJ4TAQZ2.js";import{a as i}from"./chunk.KUTEZIT4.js";import{a as r}from"./chunk.NNH44ORV.js";var a=[i,o,r`
+    @layer base, sizes, states;
+
+    @layer base {
+      :host {
+        display: block;
+      }
+
+      .input__control-wrapper {
+        display: flex;
+        align-items: center;
+        border: var(--mz-border-width-sm) solid var(--mz-input-border-color);
+        border-radius: var(--_radius, var(--mz-input-border-radius));
+        background: var(--mz-input-bg, var(--mz-color-surface));
+        transition:
+          border-color var(--mz-transition-fast),
+          box-shadow var(--mz-transition-fast);
+        height: var(--_height);
+        cursor: text;
+      }
+
+      .input__control-wrapper:hover {
+        border-color: var(--mz-color-border-hover);
+      }
+
+      .input__control-wrapper:focus-within {
+        border-color: var(--mz-color-primary);
+        outline: var(--mz-focus-ring);
+        outline-offset: var(--mz-focus-ring-offset);
+      }
+
+      .input__control {
+        flex: 1;
+        min-width: 0;
+        border: none;
+        outline: none;
+        background: transparent;
+        color: var(--mz-color-text);
+        font-family: var(--mz-font-sans);
+        font-size: var(--_font-size);
+        line-height: var(--mz-line-height-normal);
+        padding: 0 var(--_padding-inline);
+        width: 100%;
+        height: 100%;
+      }
+
+      .input__control::placeholder {
+        color: var(--mz-color-text-disabled);
+      }
+
+      .input__prefix,
+      .input__suffix {
+        display: flex;
+        align-items: center;
+        flex-shrink: 0;
+        color: var(--mz-color-text-secondary);
+      }
+
+      .input__prefix {
+        padding-inline-start: var(--_padding-inline);
+      }
+
+      .input__suffix {
+        padding-inline-end: var(--_padding-inline);
+      }
+
+      .input__prefix:empty,
+      .input__suffix:empty {
+        display: none;
+      }
+    }
+
+    @layer sizes {
+      :host([size='sm']) {
+        --_height: var(--mz-input-height-sm);
+        --_font-size: var(--mz-input-font-size-sm);
+        --_padding-inline: var(--mz-space-sm);
+      }
+
+      :host([size='md']),
+      :host(:not([size])) {
+        --_height: var(--mz-input-height-md);
+        --_font-size: var(--mz-input-font-size-md);
+        --_padding-inline: var(--mz-space-md);
+      }
+
+      :host([size='lg']) {
+        --_height: var(--mz-input-height-lg);
+        --_font-size: var(--mz-input-font-size-lg);
+        --_padding-inline: var(--mz-space-md);
+      }
+    }
+
+    @layer states {
+      :host([disabled]) .input__control-wrapper {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      :host([disabled]) .input__control {
+        cursor: not-allowed;
+      }
+
+      :host([data-user-invalid]) .input__control-wrapper {
+        border-color: var(--mz-color-danger);
+      }
+
+      :host([data-user-invalid]) .input__control-wrapper:focus-within {
+        --mz-focus-ring-color: var(--mz-color-danger);
+      }
+
+      :host([pill]) {
+        --_radius: var(--mz-radius-pill);
+      }
+    }
+  `];export{a};
+//# sourceMappingURL=chunk.CFWUYZMP.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/input/input.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\nimport formControlStyles from '../../styles/form-control.styles.js';\n\nexport default [\n  componentStyles,\n  formControlStyles,\n  css`\n    @layer base, sizes, states;\n\n    @layer base {\n      :host {\n        display: block;\n      }\n\n      .input__control-wrapper {\n        display: flex;\n        align-items: center;\n        border: var(--mz-border-width-sm) solid var(--mz-input-border-color);\n        border-radius: var(--_radius, var(--mz-input-border-radius));\n        background: var(--mz-input-bg, var(--mz-color-surface));\n        transition:\n          border-color var(--mz-transition-fast),\n          box-shadow var(--mz-transition-fast);\n        height: var(--_height);\n        cursor: text;\n      }\n\n      .input__control-wrapper:hover {\n        border-color: var(--mz-color-border-hover);\n      }\n\n      .input__control-wrapper:focus-within {\n        border-color: var(--mz-color-primary);\n        outline: var(--mz-focus-ring);\n        outline-offset: var(--mz-focus-ring-offset);\n      }\n\n      .input__control {\n        flex: 1;\n        min-width: 0;\n        border: none;\n        outline: none;\n        background: transparent;\n        color: var(--mz-color-text);\n        font-family: var(--mz-font-sans);\n        font-size: var(--_font-size);\n        line-height: var(--mz-line-height-normal);\n        padding: 0 var(--_padding-inline);\n        width: 100%;\n        height: 100%;\n      }\n\n      .input__control::placeholder {\n        color: var(--mz-color-text-disabled);\n      }\n\n      .input__prefix,\n      .input__suffix {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n        color: var(--mz-color-text-secondary);\n      }\n\n      .input__prefix {\n        padding-inline-start: var(--_padding-inline);\n      }\n\n      .input__suffix {\n        padding-inline-end: var(--_padding-inline);\n      }\n\n      .input__prefix:empty,\n      .input__suffix:empty {\n        display: none;\n      }\n    }\n\n    @layer sizes {\n      :host([size='sm']) {\n        --_height: var(--mz-input-height-sm);\n        --_font-size: var(--mz-input-font-size-sm);\n        --_padding-inline: var(--mz-space-sm);\n      }\n\n      :host([size='md']),\n      :host(:not([size])) {\n        --_height: var(--mz-input-height-md);\n        --_font-size: var(--mz-input-font-size-md);\n        --_padding-inline: var(--mz-space-md);\n      }\n\n      :host([size='lg']) {\n        --_height: var(--mz-input-height-lg);\n        --_font-size: var(--mz-input-font-size-lg);\n        --_padding-inline: var(--mz-space-md);\n      }\n    }\n\n    @layer states {\n      :host([disabled]) .input__control-wrapper {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n\n      :host([disabled]) .input__control {\n        cursor: not-allowed;\n      }\n\n      :host([data-user-invalid]) .input__control-wrapper {\n        border-color: var(--mz-color-danger);\n      }\n\n      :host([data-user-invalid]) .input__control-wrapper:focus-within {\n        --mz-focus-ring-color: var(--mz-color-danger);\n      }\n\n      :host([pill]) {\n        --_radius: var(--mz-radius-pill);\n      }\n    }\n  `\n];\n"],
+  "mappings": "wHAIA,IAAOA,EAAQ,CACbC,EACAC,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;AAAA,GAoHF",
+  "names": ["input_styles_default", "component_styles_default", "form_control_styles_default", "i"]
+}

package/cdn/chunks/chunk.CG4IAPSN.js

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

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

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

package/cdn/chunks/chunk.CYUGAT7M.js

@@ -0,0 +1,11 @@
+import{f as o}from"./chunk.NNH44ORV.js";var e=t=>t??o;export{e as a};
+/*! Bundled license information:
+
+lit-html/directives/if-defined.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+//# sourceMappingURL=chunk.CYUGAT7M.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/src/directives/if-defined.ts"],
+  "sourcesContent": ["/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {nothing} from '../lit-html.js';\n\n/**\n * For AttributeParts, sets the attribute if the value is defined and removes\n * the attribute if the value is undefined.\n *\n * For other part types, this directive is a no-op.\n */\nexport const ifDefined = <T>(value: T) => value ?? nothing;\n"],
+  "mappings": "wCAcO,IAAMA,EAAgBC,GAAaA,GAASC",
+  "names": ["ifDefined", "value", "nothing"]
+}

package/cdn/chunks/chunk.CZIBGUF4.js

@@ -0,0 +1,99 @@
+import{a}from"./chunk.KUTEZIT4.js";import{a as r}from"./chunk.NNH44ORV.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.CZIBGUF4.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/badge/badge.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    @layer base, variants, appearances, sizes, states;\n\n    @layer base {\n      :host {\n        display: inline-flex;\n      }\n\n      .badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: var(--mz-space-2xs);\n        white-space: nowrap;\n        font-family: var(--mz-font-sans);\n        font-weight: var(--mz-font-weight-medium);\n        line-height: var(--mz-line-height-dense);\n        border: var(--mz-border-width-sm) solid transparent;\n        border-radius: var(--_radius, var(--mz-badge-radius, var(--mz-radius-pill)));\n        background: var(--_bg);\n        color: var(--_text);\n        border-color: var(--_border, transparent);\n        font-size: var(--_font-size);\n        padding: var(--_padding);\n      }\n    }\n\n    @layer variants {\n      :host([variant='primary']) {\n        --_color: var(--mz-color-primary);\n        --_on-color: var(--mz-color-on-primary);\n      }\n\n      :host([variant='danger']) {\n        --_color: var(--mz-color-danger);\n        --_on-color: var(--mz-color-on-danger);\n      }\n\n      :host([variant='success']) {\n        --_color: var(--mz-color-success);\n        --_on-color: var(--mz-color-on-success);\n      }\n\n      :host([variant='warning']) {\n        --_color: var(--mz-color-warning);\n        --_on-color: var(--mz-color-on-warning);\n      }\n\n      :host([variant='neutral']),\n      :host(:not([variant])) {\n        --_color: var(--mz-color-neutral);\n        --_on-color: var(--mz-color-on-neutral);\n      }\n    }\n\n    @layer appearances {\n      :host([appearance='filled']),\n      :host(:not([appearance])) {\n        --_bg: var(--mz-badge-bg, var(--_color));\n        --_text: var(--mz-badge-color, var(--_on-color));\n      }\n\n      :host([appearance='outline']) {\n        --_bg: transparent;\n        --_text: var(--_color);\n        --_border: var(--_color);\n      }\n\n      :host([appearance='soft']) {\n        --_bg: color-mix(in srgb, var(--_color) 15%, transparent);\n        --_text: var(--_color);\n      }\n    }\n\n    @layer sizes {\n      :host([size='sm']) {\n        --_font-size: var(--mz-font-size-2xs);\n        --_padding: var(--mz-space-2xs) var(--mz-space-sm);\n      }\n\n      :host([size='md']),\n      :host(:not([size])) {\n        --_font-size: var(--mz-font-size-xs);\n        --_padding: var(--mz-space-2xs) var(--mz-space-md);\n      }\n\n      :host([size='lg']) {\n        --_font-size: var(--mz-font-size-sm);\n        --_padding: var(--mz-space-xs) var(--mz-space-lg);\n      }\n    }\n\n    @layer states {\n      :host([pill]) {\n        --_radius: var(--mz-radius-pill);\n      }\n    }\n  `\n];\n"],
+  "mappings": "2EAGA,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,GAkGF",
+  "names": ["badge_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.DHMDLXT7.js

@@ -0,0 +1,21 @@
+import{a as r}from"./chunk.KUTEZIT4.js";import{a as o}from"./chunk.NNH44ORV.js";var i=[r,o`
+    :host {
+      display: inline-block;
+      position: relative;
+    }
+
+    .dropdown__panel {
+      position: absolute;
+      z-index: var(--mz-z-dropdown, 1000);
+      background: var(--mz-color-surface-overlay, var(--mz-color-surface));
+      border: var(--mz-border-width-sm) solid var(--mz-color-border);
+      border-radius: var(--mz-radius-md);
+      box-shadow: var(--mz-shadow-lg);
+      padding: var(--mz-space-2xs);
+      min-width: 10rem;
+      width: max-content;
+      max-width: 24rem;
+      transform-origin: top;
+    }
+  `];export{i as a};
+//# sourceMappingURL=chunk.DHMDLXT7.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/dropdown/dropdown.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    .dropdown__panel {\n      position: absolute;\n      z-index: var(--mz-z-dropdown, 1000);\n      background: var(--mz-color-surface-overlay, var(--mz-color-surface));\n      border: var(--mz-border-width-sm) solid var(--mz-color-border);\n      border-radius: var(--mz-radius-md);\n      box-shadow: var(--mz-shadow-lg);\n      padding: var(--mz-space-2xs);\n      min-width: 10rem;\n      width: max-content;\n      max-width: 24rem;\n      transform-origin: top;\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,GAoBF",
+  "names": ["dropdown_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.DIWGN6GE.js

@@ -0,0 +1,4 @@
+import{a as i}from"./chunk.ERIJ4HHK.js";import{a as t,d as a}from"./chunk.SZ34NZMW.js";import{d as s}from"./chunk.NNH44ORV.js";import{a as r}from"./chunk.MGICPQBB.js";var e=class extends a{constructor(){super(...arguments);this.effect="pulse";this.shape="rectangle"}render(){return s`
+      <div part="base" class="skeleton" aria-hidden="true" aria-busy="true"></div>
+    `}};e.styles=i,r([t({reflect:!0})],e.prototype,"effect",2),r([t({reflect:!0})],e.prototype,"shape",2);export{e as a};
+//# sourceMappingURL=chunk.DIWGN6GE.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/skeleton/skeleton.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './skeleton.styles.js';\n\n/**\n * @summary A skeleton placeholder for loading states.\n *\n * @tag mz-skeleton\n *\n * @csspart base - The skeleton element.\n *\n * @cssproperty --mz-skeleton-width - The skeleton width.\n * @cssproperty --mz-skeleton-height - The skeleton height.\n * @cssproperty --mz-skeleton-radius - The skeleton border radius.\n * @cssproperty --mz-skeleton-color - The skeleton background color.\n * @cssproperty --mz-skeleton-sheen-color - The sheen highlight color.\n */\nexport class MzSkeleton extends ManzanoElement {\n  static styles = styles;\n\n  /** The animation effect. */\n  @property({ reflect: true }) effect: 'pulse' | 'sheen' = 'pulse';\n\n  /** The skeleton shape. */\n  @property({ reflect: true }) shape: 'rectangle' | 'circle' = 'rectangle';\n\n  render() {\n    return html`\n      <div part=\"base\" class=\"skeleton\" aria-hidden=\"true\" aria-busy=\"true\"></div>\n    `;\n  }\n}\n"],
+  "mappings": "uKAkBO,IAAMA,EAAN,cAAyBC,CAAe,CAAxC,kCAIwB,YAA4B,QAG5B,WAAgC,YAE7D,QAAS,CACP,OAAOC;AAAA;AAAA,KAGT,CACF,EAdaF,EACJ,OAASG,EAGaC,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAJhBL,EAIkB,sBAGAI,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAPhBL,EAOkB",
+  "names": ["MzSkeleton", "ManzanoElement", "b", "skeleton_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.DN5XKN7W.js

@@ -0,0 +1,6 @@
+import{a as n}from"./chunk.CZIBGUF4.js";import{a as t,d as s}from"./chunk.SZ34NZMW.js";import{d as l}from"./chunk.NNH44ORV.js";import{a as r}from"./chunk.MGICPQBB.js";var e=class extends s{constructor(){super(...arguments);this.variant="neutral";this.appearance="filled";this.size="md";this.pill=!1}render(){return l`
+      <span part="base" class="badge">
+        <slot></slot>
+      </span>
+    `}};e.styles=n,r([t({reflect:!0})],e.prototype,"variant",2),r([t({reflect:!0})],e.prototype,"appearance",2),r([t({reflect:!0})],e.prototype,"size",2),r([t({type:Boolean,reflect:!0})],e.prototype,"pill",2);export{e as a};
+//# sourceMappingURL=chunk.DN5XKN7W.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/badge/badge.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './badge.styles.js';\n\n/**\n * @summary A badge for status, labels, and counts.\n *\n * @tag mz-badge\n *\n * @slot - The badge's content.\n *\n * @csspart base - The badge's base wrapper.\n *\n * @cssproperty --mz-badge-bg - Override the badge background.\n * @cssproperty --mz-badge-color - Override the badge text color.\n * @cssproperty --mz-badge-radius - Override the badge border radius.\n */\nexport class MzBadge extends ManzanoElement {\n  static styles = styles;\n\n  /** The badge's semantic variant. */\n  @property({ reflect: true }) variant: 'primary' | 'danger' | 'success' | 'warning' | 'neutral' = 'neutral';\n\n  /** The badge's visual appearance. */\n  @property({ reflect: true }) appearance: 'filled' | 'outline' | 'soft' = 'filled';\n\n  /** The badge's size. */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** Renders a pill-shaped badge. */\n  @property({ type: Boolean, reflect: true }) pill = false;\n\n  render() {\n    return html`\n      <span part=\"base\" class=\"badge\">\n        <slot></slot>\n      </span>\n    `;\n  }\n}\n"],
+  "mappings": "uKAkBO,IAAMA,EAAN,cAAsBC,CAAe,CAArC,kCAIwB,aAAoE,UAGpE,gBAA4C,SAG5C,UAA2B,KAGZ,UAAO,GAEnD,QAAS,CACP,OAAOC;AAAA;AAAA;AAAA;AAAA,KAKT,CACF,EAtBaF,EACJ,OAASG,EAGaC,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAJhBL,EAIkB,uBAGAI,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAPhBL,EAOkB,0BAGAI,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAVhBL,EAUkB,oBAGeI,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAb/BL,EAaiC",
+  "names": ["MzBadge", "ManzanoElement", "b", "badge_styles_default", "__decorateClass", "n"]
+}