@manzanohq/components 0.1.1

package/cdn/chunks/chunk.E4DBQ75N.js

@@ -0,0 +1,18 @@
+import{a as r}from"./chunk.J37YLNQO.js";import{a as l}from"./chunk.YJQBIP5J.js";import{a as s,d as n}from"./chunk.SZ34NZMW.js";import{d as o,f as a}from"./chunk.NNH44ORV.js";import{a as t}from"./chunk.MGICPQBB.js";var e=class extends n{constructor(){super(...arguments);this.variant="neutral";this.appearance="soft";this.closable=!1;this.open=!0}handleClose(){this.open=!1,this.emit("mz-close")}render(){return this.open?o`
+      <div part="base" class="alert" role="alert">
+        <span part="icon" class="alert__icon">
+          <slot name="icon"></slot>
+        </span>
+        <span part="content" class="alert__content">
+          <slot></slot>
+        </span>
+        ${this.closable?o`<button
+              part="close"
+              class="alert__close"
+              type="button"
+              aria-label="Close"
+              @click=${this.handleClose}
+            >&times;</button>`:a}
+      </div>
+    `:a}};e.styles=l,e.dependencies={"mz-icon":r},t([s({reflect:!0})],e.prototype,"variant",2),t([s({reflect:!0})],e.prototype,"appearance",2),t([s({type:Boolean,reflect:!0})],e.prototype,"closable",2),t([s({type:Boolean,reflect:!0})],e.prototype,"open",2);export{e as a};
+//# sourceMappingURL=chunk.E4DBQ75N.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/alert/alert.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { MzIcon } from '../icon/icon.component.js';\nimport styles from './alert.styles.js';\n\n/**\n * @summary An alert for displaying important messages.\n *\n * @tag mz-alert\n *\n * @dependency mz-icon\n *\n * @slot - The alert's content.\n * @slot icon - Optional icon to display.\n *\n * @event mz-close - Emitted when the close button is clicked.\n *\n * @csspart base - The alert's base wrapper.\n * @csspart icon - The icon container.\n * @csspart content - The content container.\n * @csspart close - The close button.\n *\n * @cssproperty --mz-alert-radius - Override the alert border radius.\n */\nexport class MzAlert extends ManzanoElement {\n  static styles = styles;\n\n  static dependencies = {\n    'mz-icon': MzIcon\n  };\n\n  /** The alert's semantic variant. */\n  @property({ reflect: true }) variant: 'primary' | 'danger' | 'success' | 'warning' | 'neutral' = 'neutral';\n\n  /** The alert's visual appearance. */\n  @property({ reflect: true }) appearance: 'soft' | 'filled' | 'outline' = 'soft';\n\n  /** Makes the alert closable. */\n  @property({ type: Boolean, reflect: true }) closable = false;\n\n  /** Whether the alert is open (visible). */\n  @property({ type: Boolean, reflect: true }) open = true;\n\n  private handleClose() {\n    this.open = false;\n    this.emit('mz-close');\n  }\n\n  render() {\n    if (!this.open) return nothing;\n\n    return html`\n      <div part=\"base\" class=\"alert\" role=\"alert\">\n        <span part=\"icon\" class=\"alert__icon\">\n          <slot name=\"icon\"></slot>\n        </span>\n        <span part=\"content\" class=\"alert__content\">\n          <slot></slot>\n        </span>\n        ${this.closable\n          ? html`<button\n              part=\"close\"\n              class=\"alert__close\"\n              type=\"button\"\n              aria-label=\"Close\"\n              @click=${this.handleClose}\n            >&times;</button>`\n          : nothing}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "sNAyBO,IAAMA,EAAN,cAAsBC,CAAe,CAArC,kCAQwB,aAAoE,UAGpE,gBAA4C,OAG7B,cAAW,GAGX,UAAO,GAE3C,aAAc,CACpB,KAAK,KAAO,GACZ,KAAK,KAAK,UAAU,CACtB,CAEA,QAAS,CACP,OAAK,KAAK,KAEHC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQD,KAAK,SACHA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAKW,KAAK,WAAW;AAAA,+BAE3BC,CAAO;AAAA;AAAA,MAlBQA,CAqBzB,CACF,EA/CaH,EACJ,OAASI,EADLJ,EAGJ,aAAe,CACpB,UAAWK,CACb,EAG6BC,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GARhBP,EAQkB,uBAGAM,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAXhBP,EAWkB,0BAGeM,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAd/BP,EAciC,wBAGAM,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAjB/BP,EAiBiC",
+  "names": ["MzAlert", "ManzanoElement", "b", "A", "alert_styles_default", "MzIcon", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.EL3BQWEZ.js

@@ -0,0 +1,22 @@
+import{a as o}from"./chunk.KUTEZIT4.js";import{a as i}from"./chunk.NNH44ORV.js";var r=[o,i`
+    :host {
+      display: inline-flex;
+      width: var(--mz-icon-size, 1em);
+      height: var(--mz-icon-size, 1em);
+      color: inherit;
+      flex: none;
+    }
+
+    svg {
+      display: block;
+      width: 100%;
+      height: 100%;
+      fill: currentColor;
+    }
+
+    /* RTL: Flip directional icons */
+    :host([dir='rtl']) svg.flip-rtl {
+      transform: scaleX(-1);
+    }
+  `];export{r as a};
+//# sourceMappingURL=chunk.EL3BQWEZ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/icon/icon.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-flex;\n      width: var(--mz-icon-size, 1em);\n      height: var(--mz-icon-size, 1em);\n      color: inherit;\n      flex: none;\n    }\n\n    svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentColor;\n    }\n\n    /* RTL: Flip directional icons */\n    :host([dir='rtl']) svg.flip-rtl {\n      transform: scaleX(-1);\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;AAAA;AAAA;AAAA;AAAA,GAqBF",
+  "names": ["icon_styles_default", "component_styles_default"]
+}

package/cdn/chunks/chunk.EN5GHIZU.js

@@ -0,0 +1,27 @@
+import{a as h}from"./chunk.GJANHV4C.js";import{a as o}from"./chunk.Q4JHOT26.js";import{a as c}from"./chunk.N7WYNIN3.js";import{a as s,c as n,d as r}from"./chunk.SZ34NZMW.js";import{d as l,f as i}from"./chunk.NNH44ORV.js";import{a as t}from"./chunk.MGICPQBB.js";var e=class extends r{constructor(){super(...arguments);this.hasSlotController=new c(this,"help-text");this.name="";this.value="on";this.size="md";this.checked=!1;this.indeterminate=!1;this.disabled=!1;this.required=!1;this.helpText=""}focus(a){this.inputEl?.focus(a)}blur(){this.inputEl?.blur()}handleChange(){this.checked=this.inputEl.checked,this.indeterminate=!1,this.emit("mz-change")}handleFocus(){this.emit("mz-focus")}handleBlur(){this.emit("mz-blur")}render(){let a=this.helpText||this.hasSlotController.test("help-text"),p={checkbox__control:!0,"checkbox__control--checked":this.checked,"checkbox__control--indeterminate":this.indeterminate};return l`
+      <label part="base" class="checkbox">
+        <input
+          class="checkbox__input"
+          type="checkbox"
+          name=${this.name}
+          value=${this.value}
+          .checked=${this.checked}
+          .indeterminate=${this.indeterminate}
+          ?disabled=${this.disabled}
+          ?required=${this.required}
+          @change=${this.handleChange}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+        />
+        <span part="control" class=${o(p)}>
+          ${this.checked?l`<span class="checkbox__icon">&#10003;</span>`:this.indeterminate?l`<span class="checkbox__icon">&#8211;</span>`:i}
+        </span>
+        <span part="label" class="checkbox__label">
+          <slot></slot>
+          ${a?l`<span part="help-text" class="form-control__help-text">
+                ${this.helpText||l`<slot name="help-text"></slot>`}
+              </span>`:i}
+        </span>
+      </label>
+    `}};e.styles=h,e.formAssociated=!0,t([n(".checkbox__input")],e.prototype,"inputEl",2),t([s()],e.prototype,"name",2),t([s()],e.prototype,"value",2),t([s({reflect:!0})],e.prototype,"size",2),t([s({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([s({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([s({type:Boolean,reflect:!0})],e.prototype,"required",2),t([s({attribute:"help-text"})],e.prototype,"helpText",2);export{e as a};
+//# sourceMappingURL=chunk.EN5GHIZU.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/checkbox/checkbox.component.ts"],
+  "sourcesContent": ["import { html, nothing } 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 { HasSlotController } from '../../internal/slot.js';\nimport styles from './checkbox.styles.js';\n\n/**\n * @summary A checkbox input.\n *\n * @tag mz-checkbox\n *\n * @slot - The checkbox label.\n * @slot help-text - Help text below the checkbox.\n *\n * @event mz-change - Emitted when the checked state changes.\n * @event mz-focus - Emitted when the checkbox gains focus.\n * @event mz-blur - Emitted when the checkbox loses focus.\n *\n * @csspart base - The checkbox wrapper.\n * @csspart control - The visual checkbox box.\n * @csspart label - The label text.\n * @csspart help-text - The help text element.\n */\nexport class MzCheckbox extends ManzanoElement {\n  static styles = styles;\n  static formAssociated = true;\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text');\n\n  @query('.checkbox__input') private inputEl!: HTMLInputElement;\n\n  /** The checkbox'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 checkbox's size. */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** Whether the checkbox is checked. */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** Whether the checkbox is in an indeterminate state. */\n  @property({ type: Boolean, reflect: true }) indeterminate = false;\n\n  /** Disables the checkbox. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Makes the checkbox required. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Help text. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** Sets focus on the checkbox. */\n  focus(options?: FocusOptions): void {\n    this.inputEl?.focus(options);\n  }\n\n  /** Removes focus from the checkbox. */\n  blur(): void {\n    this.inputEl?.blur();\n  }\n\n  private handleChange(): void {\n    this.checked = this.inputEl.checked;\n    this.indeterminate = false;\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 hasHelpText = this.helpText || this.hasSlotController.test('help-text');\n    const controlClasses = {\n      checkbox__control: true,\n      'checkbox__control--checked': this.checked,\n      'checkbox__control--indeterminate': this.indeterminate\n    };\n\n    return html`\n      <label part=\"base\" class=\"checkbox\">\n        <input\n          class=\"checkbox__input\"\n          type=\"checkbox\"\n          name=${this.name}\n          value=${this.value}\n          .checked=${this.checked}\n          .indeterminate=${this.indeterminate}\n          ?disabled=${this.disabled}\n          ?required=${this.required}\n          @change=${this.handleChange}\n          @focus=${this.handleFocus}\n          @blur=${this.handleBlur}\n        />\n        <span part=\"control\" class=${classMap(controlClasses)}>\n          ${this.checked\n            ? html`<span class=\"checkbox__icon\">&#10003;</span>`\n            : this.indeterminate\n              ? html`<span class=\"checkbox__icon\">&#8211;</span>`\n              : nothing}\n        </span>\n        <span part=\"label\" class=\"checkbox__label\">\n          <slot></slot>\n          ${hasHelpText\n            ? html`<span part=\"help-text\" class=\"form-control__help-text\">\n                ${this.helpText || html`<slot name=\"help-text\"></slot>`}\n              </span>`\n            : nothing}\n        </span>\n      </label>\n    `;\n  }\n}\n"],
+  "mappings": "qQAwBO,IAAMA,EAAN,cAAyBC,CAAe,CAAxC,kCAIL,KAAiB,kBAAoB,IAAIC,EAAkB,KAAM,WAAW,EAKhE,UAAO,GAGP,WAAQ,KAGS,UAA2B,KAGZ,aAAU,GAGV,mBAAgB,GAGhB,cAAW,GAGX,cAAW,GAGjB,cAAW,GAGjD,MAAMC,EAA8B,CAClC,KAAK,SAAS,MAAMA,CAAO,CAC7B,CAGA,MAAa,CACX,KAAK,SAAS,KAAK,CACrB,CAEQ,cAAqB,CAC3B,KAAK,QAAU,KAAK,QAAQ,QAC5B,KAAK,cAAgB,GACrB,KAAK,KAAK,WAAW,CACvB,CAEQ,aAAoB,CAC1B,KAAK,KAAK,UAAU,CACtB,CAEQ,YAAmB,CACzB,KAAK,KAAK,SAAS,CACrB,CAEA,QAAS,CACP,IAAMC,EAAc,KAAK,UAAY,KAAK,kBAAkB,KAAK,WAAW,EACtEC,EAAiB,CACrB,kBAAmB,GACnB,6BAA8B,KAAK,QACnC,mCAAoC,KAAK,aAC3C,EAEA,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKM,KAAK,IAAI;AAAA,kBACR,KAAK,KAAK;AAAA,qBACP,KAAK,OAAO;AAAA,2BACN,KAAK,aAAa;AAAA,sBACvB,KAAK,QAAQ;AAAA,sBACb,KAAK,QAAQ;AAAA,oBACf,KAAK,YAAY;AAAA,mBAClB,KAAK,WAAW;AAAA,kBACjB,KAAK,UAAU;AAAA;AAAA,qCAEIC,EAASF,CAAc,CAAC;AAAA,YACjD,KAAK,QACHC,gDACA,KAAK,cACHA,+CACAE,CAAO;AAAA;AAAA;AAAA;AAAA,YAIXJ,EACEE;AAAA,kBACI,KAAK,UAAYA,iCAAoC;AAAA,uBAEzDE,CAAO;AAAA;AAAA;AAAA,KAInB,CACF,EAjGaR,EACJ,OAASS,EADLT,EAEJ,eAAiB,GAIWU,EAAA,CAAlCH,EAAM,kBAAkB,GANdP,EAMwB,uBAGvBU,EAAA,CAAXC,EAAS,GATCX,EASC,oBAGAU,EAAA,CAAXC,EAAS,GAZCX,EAYC,qBAGiBU,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAfhBX,EAekB,oBAGeU,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAlB/BX,EAkBiC,uBAGAU,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GArB/BX,EAqBiC,6BAGAU,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAxB/BX,EAwBiC,wBAGAU,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA3B/BX,EA2BiC,wBAGNU,EAAA,CAArCC,EAAS,CAAE,UAAW,WAAY,CAAC,GA9BzBX,EA8B2B",
+  "names": ["MzCheckbox", "ManzanoElement", "HasSlotController", "options", "hasHelpText", "controlClasses", "b", "e", "A", "checkbox_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.ERIJ4HHK.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/skeleton/skeleton.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    .skeleton {\n      display: flex;\n      width: var(--mz-skeleton-width, 100%);\n      height: var(--mz-skeleton-height, 1em);\n      border-radius: var(--mz-skeleton-radius, var(--mz-radius-md));\n      background: var(--mz-skeleton-color, var(--mz-color-surface-raised));\n      animation: pulse 2s ease-in-out infinite;\n    }\n\n    :host([effect='sheen']) .skeleton {\n      background: linear-gradient(\n        90deg,\n        var(--mz-skeleton-color, var(--mz-color-surface-raised)) 25%,\n        var(--mz-skeleton-sheen-color, var(--mz-color-border)) 50%,\n        var(--mz-skeleton-color, var(--mz-color-surface-raised)) 75%\n      );\n      background-size: 200% 100%;\n      animation: sheen 1.5s ease-in-out infinite;\n    }\n\n    :host([shape='circle']) .skeleton {\n      width: var(--mz-skeleton-height, 3rem);\n      height: var(--mz-skeleton-height, 3rem);\n      border-radius: var(--mz-radius-circle);\n    }\n\n    @keyframes pulse {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.5; }\n    }\n\n    @keyframes sheen {\n      from { background-position: 200% 0; }\n      to { background-position: -200% 0; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .skeleton {\n        animation: none;\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,GA+CF",
+  "names": ["skeleton_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.GHDXLJAF.js

@@ -0,0 +1,36 @@
+import{a as e}from"./chunk.KUTEZIT4.js";import{a as r}from"./chunk.NNH44ORV.js";var t=[e,r`
+    :host {
+      display: block;
+    }
+
+    .progress {
+      position: relative;
+      height: var(--mz-progress-height, 0.5rem);
+      background: var(--mz-progress-track-color, var(--mz-color-surface-hover));
+      border-radius: var(--mz-radius-pill);
+      overflow: hidden;
+    }
+
+    .progress__indicator {
+      height: 100%;
+      background: var(--mz-progress-indicator-color, var(--mz-color-primary));
+      border-radius: inherit;
+      transition: width var(--mz-transition-fast) ease;
+    }
+
+    /* Indeterminate animation */
+    .progress--indeterminate .progress__indicator {
+      width: 30%;
+      animation: indeterminate 1.5s ease-in-out infinite;
+    }
+
+    @keyframes indeterminate {
+      0% {
+        transform: translateX(-100%);
+      }
+      100% {
+        transform: translateX(400%);
+      }
+    }
+  `];export{t as a};
+//# sourceMappingURL=chunk.GHDXLJAF.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/progress/progress.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    .progress {\n      position: relative;\n      height: var(--mz-progress-height, 0.5rem);\n      background: var(--mz-progress-track-color, var(--mz-color-surface-hover));\n      border-radius: var(--mz-radius-pill);\n      overflow: hidden;\n    }\n\n    .progress__indicator {\n      height: 100%;\n      background: var(--mz-progress-indicator-color, var(--mz-color-primary));\n      border-radius: inherit;\n      transition: width var(--mz-transition-fast) ease;\n    }\n\n    /* Indeterminate animation */\n    .progress--indeterminate .progress__indicator {\n      width: 30%;\n      animation: indeterminate 1.5s ease-in-out infinite;\n    }\n\n    @keyframes indeterminate {\n      0% {\n        transform: translateX(-100%);\n      }\n      100% {\n        transform: translateX(400%);\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,GAmCF",
+  "names": ["progress_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.GJANHV4C.js

@@ -0,0 +1,104 @@
+import{a as e}from"./chunk.XJ4TAQZ2.js";import{a as r}from"./chunk.KUTEZIT4.js";import{a as o}from"./chunk.NNH44ORV.js";var s=[r,e,o`
+    @layer base, sizes, states;
+
+    @layer base {
+      :host {
+        display: inline-flex;
+      }
+
+      .checkbox {
+        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);
+      }
+
+      .checkbox__control {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        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-sm);
+        background: var(--mz-color-surface);
+        transition:
+          background var(--mz-transition-fast),
+          border-color var(--mz-transition-fast);
+      }
+
+      .checkbox__control:hover {
+        border-color: var(--mz-color-primary);
+      }
+
+      .checkbox__control--checked {
+        background: var(--mz-color-primary);
+        border-color: var(--mz-color-primary);
+      }
+
+      .checkbox__control--indeterminate {
+        background: var(--mz-color-primary);
+        border-color: var(--mz-color-primary);
+      }
+
+      .checkbox__icon {
+        display: flex;
+        color: var(--mz-color-on-primary);
+        font-size: calc(var(--_box-size, 1.25rem) * 0.7);
+        line-height: 1;
+      }
+
+      .checkbox__label {
+        user-select: none;
+      }
+
+      /* Hidden native input for form participation */
+      .checkbox__input {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        border: 0;
+      }
+
+      .checkbox__input:focus-visible ~ .checkbox__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]) .checkbox {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+    }
+  `];export{s as a};
+//# sourceMappingURL=chunk.GJANHV4C.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/checkbox/checkbox.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: inline-flex;\n      }\n\n      .checkbox {\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      .checkbox__control {\n        display: flex;\n        align-items: center;\n        justify-content: center;\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-sm);\n        background: var(--mz-color-surface);\n        transition:\n          background var(--mz-transition-fast),\n          border-color var(--mz-transition-fast);\n      }\n\n      .checkbox__control:hover {\n        border-color: var(--mz-color-primary);\n      }\n\n      .checkbox__control--checked {\n        background: var(--mz-color-primary);\n        border-color: var(--mz-color-primary);\n      }\n\n      .checkbox__control--indeterminate {\n        background: var(--mz-color-primary);\n        border-color: var(--mz-color-primary);\n      }\n\n      .checkbox__icon {\n        display: flex;\n        color: var(--mz-color-on-primary);\n        font-size: calc(var(--_box-size, 1.25rem) * 0.7);\n        line-height: 1;\n      }\n\n      .checkbox__label {\n        user-select: none;\n      }\n\n      /* Hidden native input for form participation */\n      .checkbox__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      .checkbox__input:focus-visible ~ .checkbox__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]) .checkbox {\n        opacity: 0.5;\n        cursor: not-allowed;\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,GAuGF",
+  "names": ["checkbox_styles_default", "component_styles_default", "form_control_styles_default", "i"]
+}

package/cdn/chunks/chunk.GKLFWJ5I.js

@@ -0,0 +1,12 @@
+import{a as i,b as l,c as p}from"./chunk.3JBHP47A.js";import{e as s,f as o,g as a}from"./chunk.NNH44ORV.js";var{I:_}=a;var A=e=>e.strings===void 0;var m={},$=(e,t=m)=>e._$AH=t;var v=l(class extends p{constructor(e){if(super(e),e.type!==i.PROPERTY&&e.type!==i.ATTRIBUTE&&e.type!==i.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!A(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===s||t===o)return t;let r=e.element,n=e.name;if(e.type===i.PROPERTY){if(t===r[n])return s}else if(e.type===i.BOOLEAN_ATTRIBUTE){if(!!t===r.hasAttribute(n))return s}else if(e.type===i.ATTRIBUTE&&r.getAttribute(n)===t+"")return s;return $(e),t}});export{v as a};
+/*! Bundled license information:
+
+lit-html/directive-helpers.js:
+lit-html/directives/live.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+//# sourceMappingURL=chunk.GKLFWJ5I.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/src/directive-helpers.ts", "../../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/src/directives/live.ts"],
+  "sourcesContent": ["/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {\n  _$LH,\n  Part,\n  DirectiveParent,\n  CompiledTemplateResult,\n  MaybeCompiledTemplateResult,\n  UncompiledTemplateResult,\n} from './lit-html.js';\nimport {\n  DirectiveResult,\n  DirectiveClass,\n  PartInfo,\n  AttributePartInfo,\n} from './directive.js';\ntype Primitive = null | undefined | boolean | number | string | symbol | bigint;\n\nconst {_ChildPart: ChildPart} = _$LH;\n\ntype ChildPart = InstanceType<typeof ChildPart>;\n\nconst ENABLE_SHADYDOM_NOPATCH = true;\n\nconst wrap =\n  ENABLE_SHADYDOM_NOPATCH &&\n  window.ShadyDOM?.inUse &&\n  window.ShadyDOM?.noPatch === true\n    ? window.ShadyDOM!.wrap\n    : (node: Node) => node;\n\n/**\n * Tests if a value is a primitive value.\n *\n * See https://tc39.github.io/ecma262/#sec-typeof-operator\n */\nexport const isPrimitive = (value: unknown): value is Primitive =>\n  value === null || (typeof value != 'object' && typeof value != 'function');\n\nexport const TemplateResultType = {\n  HTML: 1,\n  SVG: 2,\n  MATHML: 3,\n} as const;\n\nexport type TemplateResultType =\n  (typeof TemplateResultType)[keyof typeof TemplateResultType];\n\ntype IsTemplateResult = {\n  (val: unknown): val is MaybeCompiledTemplateResult;\n  <T extends TemplateResultType>(\n    val: unknown,\n    type: T\n  ): val is UncompiledTemplateResult<T>;\n};\n\n/**\n * Tests if a value is a TemplateResult or a CompiledTemplateResult.\n */\nexport const isTemplateResult: IsTemplateResult = (\n  value: unknown,\n  type?: TemplateResultType\n): value is UncompiledTemplateResult =>\n  type === undefined\n    ? // This property needs to remain unminified.\n      (value as UncompiledTemplateResult)?.['_$litType$'] !== undefined\n    : (value as UncompiledTemplateResult)?.['_$litType$'] === type;\n\n/**\n * Tests if a value is a CompiledTemplateResult.\n */\nexport const isCompiledTemplateResult = (\n  value: unknown\n): value is CompiledTemplateResult => {\n  return (value as CompiledTemplateResult)?.['_$litType$']?.h != null;\n};\n\n/**\n * Tests if a value is a DirectiveResult.\n */\nexport const isDirectiveResult = (value: unknown): value is DirectiveResult =>\n  // This property needs to remain unminified.\n  (value as DirectiveResult)?.['_$litDirective$'] !== undefined;\n\n/**\n * Retrieves the Directive class for a DirectiveResult\n */\nexport const getDirectiveClass = (value: unknown): DirectiveClass | undefined =>\n  // This property needs to remain unminified.\n  (value as DirectiveResult)?.['_$litDirective$'];\n\n/**\n * Tests whether a part has only a single-expression with no strings to\n * interpolate between.\n *\n * Only AttributePart and PropertyPart can have multiple expressions.\n * Multi-expression parts have a `strings` property and single-expression\n * parts do not.\n */\nexport const isSingleExpression = (part: PartInfo) =>\n  (part as AttributePartInfo).strings === undefined;\n\nconst createMarker = () => document.createComment('');\n\n/**\n * Inserts a ChildPart into the given container ChildPart's DOM, either at the\n * end of the container ChildPart, or before the optional `refPart`.\n *\n * This does not add the part to the containerPart's committed value. That must\n * be done by callers.\n *\n * @param containerPart Part within which to add the new ChildPart\n * @param refPart Part before which to add the new ChildPart; when omitted the\n *     part added to the end of the `containerPart`\n * @param part Part to insert, or undefined to create a new part\n */\nexport const insertPart = (\n  containerPart: ChildPart,\n  refPart?: ChildPart,\n  part?: ChildPart\n): ChildPart => {\n  const container = wrap(containerPart._$startNode).parentNode!;\n\n  const refNode =\n    refPart === undefined ? containerPart._$endNode : refPart._$startNode;\n\n  if (part === undefined) {\n    const startNode = wrap(container).insertBefore(createMarker(), refNode);\n    const endNode = wrap(container).insertBefore(createMarker(), refNode);\n    part = new ChildPart(\n      startNode,\n      endNode,\n      containerPart,\n      containerPart.options\n    );\n  } else {\n    const endNode = wrap(part._$endNode!).nextSibling;\n    const oldParent = part._$parent;\n    const parentChanged = oldParent !== containerPart;\n    if (parentChanged) {\n      part._$reparentDisconnectables?.(containerPart);\n      // Note that although `_$reparentDisconnectables` updates the part's\n      // `_$parent` reference after unlinking from its current parent, that\n      // method only exists if Disconnectables are present, so we need to\n      // unconditionally set it here\n      part._$parent = containerPart;\n      // Since the _$isConnected getter is somewhat costly, only\n      // read it once we know the subtree has directives that need\n      // to be notified\n      let newConnectionState;\n      if (\n        part._$notifyConnectionChanged !== undefined &&\n        (newConnectionState = containerPart._$isConnected) !==\n          oldParent!._$isConnected\n      ) {\n        part._$notifyConnectionChanged(newConnectionState);\n      }\n    }\n    if (endNode !== refNode || parentChanged) {\n      let start: Node | null = part._$startNode;\n      while (start !== endNode) {\n        const n: Node | null = wrap(start!).nextSibling;\n        wrap(container).insertBefore(start!, refNode);\n        start = n;\n      }\n    }\n  }\n\n  return part;\n};\n\n/**\n * Sets the value of a Part.\n *\n * Note that this should only be used to set/update the value of user-created\n * parts (i.e. those created using `insertPart`); it should not be used\n * by directives to set the value of the directive's container part. Directives\n * should return a value from `update`/`render` to update their part state.\n *\n * For directives that require setting their part value asynchronously, they\n * should extend `AsyncDirective` and call `this.setValue()`.\n *\n * @param part Part to set\n * @param value Value to set\n * @param index For `AttributePart`s, the index to set\n * @param directiveParent Used internally; should not be set by user\n */\nexport const setChildPartValue = <T extends ChildPart>(\n  part: T,\n  value: unknown,\n  directiveParent: DirectiveParent = part\n): T => {\n  part._$setValue(value, directiveParent);\n  return part;\n};\n\n// A sentinel value that can never appear as a part value except when set by\n// live(). Used to force a dirty-check to fail and cause a re-render.\nconst RESET_VALUE = {};\n\n/**\n * Sets the committed value of a ChildPart directly without triggering the\n * commit stage of the part.\n *\n * This is useful in cases where a directive needs to update the part such\n * that the next update detects a value change or not. When value is omitted,\n * the next update will be guaranteed to be detected as a change.\n *\n * @param part\n * @param value\n */\nexport const setCommittedValue = (part: Part, value: unknown = RESET_VALUE) =>\n  (part._$committedValue = value);\n\n/**\n * Returns the committed value of a ChildPart.\n *\n * The committed value is used for change detection and efficient updates of\n * the part. It can differ from the value set by the template or directive in\n * cases where the template value is transformed before being committed.\n *\n * - `TemplateResult`s are committed as a `TemplateInstance`\n * - Iterables are committed as `Array<ChildPart>`\n * - All other types are committed as the template value or value returned or\n *   set by a directive.\n *\n * @param part\n */\nexport const getCommittedValue = (part: ChildPart) => part._$committedValue;\n\n/**\n * Removes a ChildPart from the DOM, including any of its content and markers.\n *\n * Note: The only difference between this and clearPart() is that this also\n * removes the part's start node. This means that the ChildPart must own its\n * start node, ie it must be a marker node specifically for this part and not an\n * anchor from surrounding content.\n *\n * @param part The Part to remove\n */\nexport const removePart = (part: ChildPart) => {\n  part._$clear();\n  part._$startNode.remove();\n};\n\nexport const clearPart = (part: ChildPart) => {\n  part._$clear();\n};\n", "/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {AttributePart, noChange, nothing} from '../lit-html.js';\nimport {\n  directive,\n  Directive,\n  DirectiveParameters,\n  DirectiveResult,\n  PartInfo,\n  PartType,\n} from '../directive.js';\nimport {isSingleExpression, setCommittedValue} from '../directive-helpers.js';\n\nclass LiveDirective<T> extends Directive {\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    if (\n      !(\n        partInfo.type === PartType.PROPERTY ||\n        partInfo.type === PartType.ATTRIBUTE ||\n        partInfo.type === PartType.BOOLEAN_ATTRIBUTE\n      )\n    ) {\n      throw new Error(\n        'The `live` directive is not allowed on child or event bindings'\n      );\n    }\n    if (!isSingleExpression(partInfo)) {\n      throw new Error('`live` bindings can only contain a single expression');\n    }\n  }\n\n  render(value: T): T {\n    return value;\n  }\n\n  override update(part: AttributePart, [value]: DirectiveParameters<this>) {\n    if (value === noChange || value === nothing) {\n      return value;\n    }\n    const element = part.element;\n    const name = part.name;\n\n    if (part.type === PartType.PROPERTY) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      if (value === (element as any)[name]) {\n        return noChange;\n      }\n    } else if (part.type === PartType.BOOLEAN_ATTRIBUTE) {\n      if (!!value === element.hasAttribute(name)) {\n        return noChange;\n      }\n    } else if (part.type === PartType.ATTRIBUTE) {\n      if (element.getAttribute(name) === String(value)) {\n        return noChange;\n      }\n    }\n    // Resets the part's value, causing its dirty-check to fail so that it\n    // always sets the value.\n    setCommittedValue(part);\n    return value;\n  }\n}\n\ninterface Live {\n  <T>(value: T): DirectiveResult<typeof LiveDirective<T>>;\n}\n\n/**\n * Checks binding values against live DOM values, instead of previously bound\n * values, when determining whether to update the value.\n *\n * This is useful for cases where the DOM value may change from outside of\n * lit-html, such as with a binding to an `<input>` element's `value` property,\n * a content editable elements text, or to a custom element that changes it's\n * own properties or attributes.\n *\n * In these cases if the DOM value changes, but the value set through lit-html\n * bindings hasn't, lit-html won't know to update the DOM value and will leave\n * it alone. If this is not what you want--if you want to overwrite the DOM\n * value with the bound value no matter what--use the `live()` directive:\n *\n * ```js\n * html`<input .value=${live(x)}>`\n * ```\n *\n * `live()` performs a strict equality check against the live DOM value, and if\n * the new value is equal to the live value, does nothing. This means that\n * `live()` should not be used when the binding will cause a type conversion. If\n * you use `live()` with an attribute binding, make sure that only strings are\n * passed in, or the binding will update every render.\n */\nexport const live: Live = directive(LiveDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {LiveDirective};\n"],
+  "mappings": "4GAsBA,GAAA,CAAOA,EAAYC,CAAAA,EAAaC,EAAhC,IAiFaC,EAAsBC,GAChCA,EAA2BC,UADKD,OAjFnC,IAoLME,EAAc,CAAA,EAaPC,EAAoB,CAACC,EAAYC,EAAiBH,IAC5DE,EAAKE,KAAmBD,MCxHdE,EAAaC,EA/E1B,cAA+BC,CAAAA,CAC7B,YAAYC,EAAAA,CAEV,GADAC,MAAMD,CAAAA,EAGFA,EAASE,OAASC,EAASC,UAC3BJ,EAASE,OAASC,EAASE,WAC3BL,EAASE,OAASC,EAASG,kBAG7B,MAAUC,MACR,gEAAA,EAGJ,GAAA,CAAKC,EAAmBR,CAAAA,EACtB,MAAUO,MAAM,sDAAA,CAEpB,CAEA,OAAOE,EAAAA,CACL,OAAOA,CACT,CAES,OAAOC,EAAAA,CAAsBD,CAAAA,EAAAA,CACpC,GAAIA,IAAUE,GAAYF,IAAUG,EAClC,OAAOH,EAET,IAAMI,EAAUH,EAAKG,QACfC,EAAOJ,EAAKI,KAElB,GAAIJ,EAAKR,OAASC,EAASC,UAEzB,GAAIK,IAAWI,EAAgBC,CAAAA,EAC7B,OAAOH,UAEAD,EAAKR,OAASC,EAASG,mBAChC,GAAA,CAAA,CAAMG,IAAUI,EAAQE,aAAaD,CAAAA,EACnC,OAAOH,UAEAD,EAAKR,OAASC,EAASE,WAC5BQ,EAAQG,aAAaF,CAAAA,IAAiBL,EAAPQ,GACjC,OAAON,EAMX,OADAO,EAAkBR,CAAAA,EACXD,CACT,CAAA,CAAA",
+  "names": ["_ChildPart", "ChildPart", "_$LH", "isSingleExpression", "part", "strings", "RESET_VALUE", "setCommittedValue", "part", "value", "_$committedValue", "live", "directive", "Directive", "partInfo", "super", "type", "PartType", "PROPERTY", "ATTRIBUTE", "BOOLEAN_ATTRIBUTE", "Error", "isSingleExpression", "value", "part", "noChange", "nothing", "element", "name", "hasAttribute", "getAttribute", "String", "setCommittedValue"]
+}

package/cdn/chunks/chunk.GUHR6EZY.js

@@ -0,0 +1,11 @@
+import{a as o}from"./chunk.P5EX7XYU.js";import{a as s,d as a}from"./chunk.SZ34NZMW.js";import{d as l,f as t}from"./chunk.NNH44ORV.js";import{a as e}from"./chunk.MGICPQBB.js";var r=class extends a{constructor(){super(...arguments);this.label=""}render(){return l`
+      <div
+        part="base"
+        class="button-group"
+        role="group"
+        aria-label=${this.label||t}
+      >
+        <slot></slot>
+      </div>
+    `}};r.styles=o,e([s()],r.prototype,"label",2);export{r as a};
+//# sourceMappingURL=chunk.GUHR6EZY.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/button-group/button-group.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './button-group.styles.js';\n\n/**\n * @summary A container that visually groups buttons.\n *\n * @tag mz-button-group\n *\n * @slot - The buttons (mz-button elements).\n *\n * @csspart base - The button group wrapper.\n */\nexport class MzButtonGroup extends ManzanoElement {\n  static styles = styles;\n\n  /** An accessible label for the group. */\n  @property() label = '';\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=\"button-group\"\n        role=\"group\"\n        aria-label=${this.label || nothing}\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "8KAcO,IAAMA,EAAN,cAA4BC,CAAe,CAA3C,kCAIO,WAAQ,GAEpB,QAAS,CACP,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKU,KAAK,OAASC,CAAO;AAAA;AAAA;AAAA;AAAA,KAKxC,CACF,EAlBaH,EACJ,OAASI,EAGJC,EAAA,CAAXC,EAAS,GAJCN,EAIC",
+  "names": ["MzButtonGroup", "ManzanoElement", "b", "A", "button_group_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.GX7DY53T.js

@@ -0,0 +1,2 @@
+var i=new Map,e=new Map;function t(a,o){i.set(a,o)}function m(a,o){e.set(a,o)}function r(a){return e.get(a)??i.get(a)??{keyframes:[],options:{duration:0}}}function p(a,o,s){let n=r(o);return s?a.animate(n.keyframes,{...n.options,duration:0}):a.animate(n.keyframes,n.options)}t("dialog.show",{keyframes:[{opacity:0,transform:"scale(0.95)"},{opacity:1,transform:"scale(1)"}],options:{duration:250,easing:"ease"}});t("dialog.hide",{keyframes:[{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(0.95)"}],options:{duration:150,easing:"ease"}});t("drawer.show",{keyframes:[{opacity:0,transform:"translateX(-100%)"},{opacity:1,transform:"translateX(0)"}],options:{duration:250,easing:"ease"}});t("drawer.hide",{keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(-100%)"}],options:{duration:150,easing:"ease"}});t("dropdown.show",{keyframes:[{opacity:0,transform:"scaleY(0.9)"},{opacity:1,transform:"scaleY(1)"}],options:{duration:150,easing:"ease"}});t("dropdown.hide",{keyframes:[{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.9)"}],options:{duration:100,easing:"ease"}});t("tooltip.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:150,easing:"ease"}});t("tooltip.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:100,easing:"ease"}});export{t as a,m as b,r as c,p as d};
+//# sourceMappingURL=chunk.GX7DY53T.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utilities/animation-registry.ts"],
+  "sourcesContent": ["export interface MzAnimation {\n  keyframes: Keyframe[];\n  options?: KeyframeAnimationOptions;\n}\n\nconst defaultAnimations = new Map<string, MzAnimation>();\nconst customAnimations = new Map<string, MzAnimation>();\n\n/**\n * Set a default animation (used by component authors).\n */\nexport function setDefaultAnimation(name: string, animation: MzAnimation): void {\n  defaultAnimations.set(name, animation);\n}\n\n/**\n * Set a custom animation override (used by consumers).\n * Takes precedence over the default.\n */\nexport function setAnimation(name: string, animation: MzAnimation): void {\n  customAnimations.set(name, animation);\n}\n\n/**\n * Get the animation for a given name. Returns the custom override if set, otherwise the default.\n * Falls back to an empty animation if none registered.\n */\nexport function getAnimation(name: string): MzAnimation {\n  return (\n    customAnimations.get(name) ??\n    defaultAnimations.get(name) ?? {\n      keyframes: [],\n      options: { duration: 0 }\n    }\n  );\n}\n\n/**\n * Animate an element using the animation registry, with reduced motion support.\n */\nexport function animateTo(\n  el: HTMLElement,\n  name: string,\n  prefersReducedMotion: boolean\n): Animation {\n  const animation = getAnimation(name);\n\n  if (prefersReducedMotion) {\n    return el.animate(animation.keyframes, { ...animation.options, duration: 0 });\n  }\n\n  return el.animate(animation.keyframes, animation.options);\n}\n\n// Register common default animations\nsetDefaultAnimation('dialog.show', {\n  keyframes: [\n    { opacity: 0, transform: 'scale(0.95)' },\n    { opacity: 1, transform: 'scale(1)' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('dialog.hide', {\n  keyframes: [\n    { opacity: 1, transform: 'scale(1)' },\n    { opacity: 0, transform: 'scale(0.95)' }\n  ],\n  options: { duration: 150, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.show', {\n  keyframes: [\n    { opacity: 0, transform: 'translateX(-100%)' },\n    { opacity: 1, transform: 'translateX(0)' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hide', {\n  keyframes: [\n    { opacity: 1, transform: 'translateX(0)' },\n    { opacity: 0, transform: 'translateX(-100%)' }\n  ],\n  options: { duration: 150, easing: 'ease' }\n});\n\nsetDefaultAnimation('dropdown.show', {\n  keyframes: [\n    { opacity: 0, transform: 'scaleY(0.9)' },\n    { opacity: 1, transform: 'scaleY(1)' }\n  ],\n  options: { duration: 150, easing: 'ease' }\n});\n\nsetDefaultAnimation('dropdown.hide', {\n  keyframes: [\n    { opacity: 1, transform: 'scaleY(1)' },\n    { opacity: 0, transform: 'scaleY(0.9)' }\n  ],\n  options: { duration: 100, easing: 'ease' }\n});\n\nsetDefaultAnimation('tooltip.show', {\n  keyframes: [\n    { opacity: 0 },\n    { opacity: 1 }\n  ],\n  options: { duration: 150, easing: 'ease' }\n});\n\nsetDefaultAnimation('tooltip.hide', {\n  keyframes: [\n    { opacity: 1 },\n    { opacity: 0 }\n  ],\n  options: { duration: 100, easing: 'ease' }\n});\n"],
+  "mappings": "AAKA,IAAMA,EAAoB,IAAI,IACxBC,EAAmB,IAAI,IAKtB,SAASC,EAAoBC,EAAcC,EAA8B,CAC9EJ,EAAkB,IAAIG,EAAMC,CAAS,CACvC,CAMO,SAASC,EAAaF,EAAcC,EAA8B,CACvEH,EAAiB,IAAIE,EAAMC,CAAS,CACtC,CAMO,SAASE,EAAaH,EAA2B,CACtD,OACEF,EAAiB,IAAIE,CAAI,GACzBH,EAAkB,IAAIG,CAAI,GAAK,CAC7B,UAAW,CAAC,EACZ,QAAS,CAAE,SAAU,CAAE,CACzB,CAEJ,CAKO,SAASI,EACdC,EACAL,EACAM,EACW,CACX,IAAML,EAAYE,EAAaH,CAAI,EAEnC,OAAIM,EACKD,EAAG,QAAQJ,EAAU,UAAW,CAAE,GAAGA,EAAU,QAAS,SAAU,CAAE,CAAC,EAGvEI,EAAG,QAAQJ,EAAU,UAAWA,EAAU,OAAO,CAC1D,CAGAF,EAAoB,cAAe,CACjC,UAAW,CACT,CAAE,QAAS,EAAG,UAAW,aAAc,EACvC,CAAE,QAAS,EAAG,UAAW,UAAW,CACtC,EACA,QAAS,CAAE,SAAU,IAAK,OAAQ,MAAO,CAC3C,CAAC,EAEDA,EAAoB,cAAe,CACjC,UAAW,CACT,CAAE,QAAS,EAAG,UAAW,UAAW,EACpC,CAAE,QAAS,EAAG,UAAW,aAAc,CACzC,EACA,QAAS,CAAE,SAAU,IAAK,OAAQ,MAAO,CAC3C,CAAC,EAEDA,EAAoB,cAAe,CACjC,UAAW,CACT,CAAE,QAAS,EAAG,UAAW,mBAAoB,EAC7C,CAAE,QAAS,EAAG,UAAW,eAAgB,CAC3C,EACA,QAAS,CAAE,SAAU,IAAK,OAAQ,MAAO,CAC3C,CAAC,EAEDA,EAAoB,cAAe,CACjC,UAAW,CACT,CAAE,QAAS,EAAG,UAAW,eAAgB,EACzC,CAAE,QAAS,EAAG,UAAW,mBAAoB,CAC/C,EACA,QAAS,CAAE,SAAU,IAAK,OAAQ,MAAO,CAC3C,CAAC,EAEDA,EAAoB,gBAAiB,CACnC,UAAW,CACT,CAAE,QAAS,EAAG,UAAW,aAAc,EACvC,CAAE,QAAS,EAAG,UAAW,WAAY,CACvC,EACA,QAAS,CAAE,SAAU,IAAK,OAAQ,MAAO,CAC3C,CAAC,EAEDA,EAAoB,gBAAiB,CACnC,UAAW,CACT,CAAE,QAAS,EAAG,UAAW,WAAY,EACrC,CAAE,QAAS,EAAG,UAAW,aAAc,CACzC,EACA,QAAS,CAAE,SAAU,IAAK,OAAQ,MAAO,CAC3C,CAAC,EAEDA,EAAoB,eAAgB,CAClC,UAAW,CACT,CAAE,QAAS,CAAE,EACb,CAAE,QAAS,CAAE,CACf,EACA,QAAS,CAAE,SAAU,IAAK,OAAQ,MAAO,CAC3C,CAAC,EAEDA,EAAoB,eAAgB,CAClC,UAAW,CACT,CAAE,QAAS,CAAE,EACb,CAAE,QAAS,CAAE,CACf,EACA,QAAS,CAAE,SAAU,IAAK,OAAQ,MAAO,CAC3C,CAAC",
+  "names": ["defaultAnimations", "customAnimations", "setDefaultAnimation", "name", "animation", "setAnimation", "getAnimation", "animateTo", "el", "prefersReducedMotion"]
+}

package/cdn/chunks/chunk.HDWHKKV4.js

@@ -0,0 +1,30 @@
+import{a as m}from"./chunk.IAGO52DG.js";import{a as d}from"./chunk.GKLFWJ5I.js";import{a as r}from"./chunk.CYUGAT7M.js";import{a as h}from"./chunk.N7WYNIN3.js";import{a as l,c as n,d as a}from"./chunk.SZ34NZMW.js";import{d as o,f as i}from"./chunk.NNH44ORV.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.HDWHKKV4.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/textarea/textarea.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport styles from './textarea.styles.js';\n\n/**\n * @summary A multi-line text input.\n *\n * @tag mz-textarea\n *\n * @slot label - The textarea label.\n * @slot help-text - Help text below the textarea.\n *\n * @event mz-input - Emitted when the user types.\n * @event mz-change - Emitted when the value changes and the textarea loses focus.\n * @event mz-focus - Emitted when the textarea gains focus.\n * @event mz-blur - Emitted when the textarea loses focus.\n *\n * @csspart base - The form control wrapper.\n * @csspart label - The label element.\n * @csspart control - The native textarea element.\n * @csspart help-text - The help text element.\n *\n * @cssproperty --mz-textarea-resize - The resize behavior (vertical, horizontal, both, none).\n * @cssproperty --mz-textarea-min-height - The minimum height.\n */\nexport class MzTextarea extends ManzanoElement {\n  static styles = styles;\n  static formAssociated = true;\n\n  private readonly hasSlotController = new HasSlotController(this, 'label', 'help-text');\n\n  @query('.textarea__control') private textareaEl!: HTMLTextAreaElement;\n\n  /** The textarea's name for form participation. */\n  @property() name = '';\n\n  /** The textarea's value. */\n  @property() value = '';\n\n  /** Placeholder text. */\n  @property() placeholder = '';\n\n  /** The textarea's size. */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** The label text. */\n  @property() label = '';\n\n  /** Help text. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** Disables the textarea. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Makes the textarea readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Makes the textarea required. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Number of visible rows. */\n  @property({ type: Number }) rows = 4;\n\n  /** Minimum length. */\n  @property({ type: Number }) minlength?: number;\n\n  /** Maximum length. */\n  @property({ type: Number }) maxlength?: number;\n\n  /** Sets focus on the textarea. */\n  focus(options?: FocusOptions): void {\n    this.textareaEl?.focus(options);\n  }\n\n  /** Removes focus from the textarea. */\n  blur(): void {\n    this.textareaEl?.blur();\n  }\n\n  private handleInput(): void {\n    this.value = this.textareaEl.value;\n    this.emit('mz-input');\n  }\n\n  private handleChange(): void {\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 hasLabel = this.label || this.hasSlotController.test('label');\n    const hasHelpText = this.helpText || this.hasSlotController.test('help-text');\n\n    return html`\n      <div part=\"base\" class=\"form-control\">\n        ${hasLabel\n          ? html`<label part=\"label\" class=\"form-control__label\" for=\"control\">\n              ${this.label || html`<slot name=\"label\"></slot>`}\n            </label>`\n          : nothing}\n        <textarea\n          id=\"control\"\n          part=\"control\"\n          class=\"textarea__control\"\n          name=${ifDefined(this.name || undefined)}\n          .value=${live(this.value)}\n          placeholder=${ifDefined(this.placeholder || undefined)}\n          rows=${this.rows}\n          ?disabled=${this.disabled}\n          ?readonly=${this.readonly}\n          ?required=${this.required}\n          minlength=${ifDefined(this.minlength)}\n          maxlength=${ifDefined(this.maxlength)}\n          aria-label=${ifDefined(!hasLabel ? this.placeholder || undefined : undefined)}\n          @input=${this.handleInput}\n          @change=${this.handleChange}\n          @focus=${this.handleFocus}\n          @blur=${this.handleBlur}\n        ></textarea>\n        ${hasHelpText\n          ? html`<span part=\"help-text\" class=\"form-control__help-text\">\n              ${this.helpText || html`<slot name=\"help-text\"></slot>`}\n            </span>`\n          : nothing}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "6SA6BO,IAAMA,EAAN,cAAyBC,CAAe,CAAxC,kCAIL,KAAiB,kBAAoB,IAAIC,EAAkB,KAAM,QAAS,WAAW,EAKzE,UAAO,GAGP,WAAQ,GAGR,iBAAc,GAGG,UAA2B,KAG5C,WAAQ,GAGkB,cAAW,GAGL,cAAW,GAGX,cAAW,GAGX,cAAW,GAG3B,UAAO,EASnC,MAAMC,EAA8B,CAClC,KAAK,YAAY,MAAMA,CAAO,CAChC,CAGA,MAAa,CACX,KAAK,YAAY,KAAK,CACxB,CAEQ,aAAoB,CAC1B,KAAK,MAAQ,KAAK,WAAW,MAC7B,KAAK,KAAK,UAAU,CACtB,CAEQ,cAAqB,CAC3B,KAAK,KAAK,WAAW,CACvB,CAEQ,aAAoB,CAC1B,KAAK,KAAK,UAAU,CACtB,CAEQ,YAAmB,CACzB,KAAK,KAAK,SAAS,CACrB,CAEA,QAAS,CACP,IAAMC,EAAW,KAAK,OAAS,KAAK,kBAAkB,KAAK,OAAO,EAC5DC,EAAc,KAAK,UAAY,KAAK,kBAAkB,KAAK,WAAW,EAE5E,OAAOC;AAAA;AAAA,UAEDF,EACEE;AAAA,gBACI,KAAK,OAASA,6BAAgC;AAAA,sBAElDC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKFC,EAAU,KAAK,MAAQ,MAAS,CAAC;AAAA,mBAC/BC,EAAK,KAAK,KAAK,CAAC;AAAA,wBACXD,EAAU,KAAK,aAAe,MAAS,CAAC;AAAA,iBAC/C,KAAK,IAAI;AAAA,sBACJ,KAAK,QAAQ;AAAA,sBACb,KAAK,QAAQ;AAAA,sBACb,KAAK,QAAQ;AAAA,sBACbA,EAAU,KAAK,SAAS,CAAC;AAAA,sBACzBA,EAAU,KAAK,SAAS,CAAC;AAAA,uBACxBA,EAAWJ,EAA2C,OAAhC,KAAK,aAAe,MAAqB,CAAC;AAAA,mBACpE,KAAK,WAAW;AAAA,oBACf,KAAK,YAAY;AAAA,mBAClB,KAAK,WAAW;AAAA,kBACjB,KAAK,UAAU;AAAA;AAAA,UAEvBC,EACEC;AAAA,gBACI,KAAK,UAAYA,iCAAoC;AAAA,qBAEzDC,CAAO;AAAA;AAAA,KAGjB,CACF,EA7GaP,EACJ,OAASU,EADLV,EAEJ,eAAiB,GAIaW,EAAA,CAApCC,EAAM,oBAAoB,GANhBZ,EAM0B,0BAGzBW,EAAA,CAAXE,EAAS,GATCb,EASC,oBAGAW,EAAA,CAAXE,EAAS,GAZCb,EAYC,qBAGAW,EAAA,CAAXE,EAAS,GAfCb,EAeC,2BAGiBW,EAAA,CAA5BE,EAAS,CAAE,QAAS,EAAK,CAAC,GAlBhBb,EAkBkB,oBAGjBW,EAAA,CAAXE,EAAS,GArBCb,EAqBC,qBAG0BW,EAAA,CAArCE,EAAS,CAAE,UAAW,WAAY,CAAC,GAxBzBb,EAwB2B,wBAGMW,EAAA,CAA3CE,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA3B/Bb,EA2BiC,wBAGAW,EAAA,CAA3CE,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA9B/Bb,EA8BiC,wBAGAW,EAAA,CAA3CE,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAjC/Bb,EAiCiC,wBAGhBW,EAAA,CAA3BE,EAAS,CAAE,KAAM,MAAO,CAAC,GApCfb,EAoCiB,oBAGAW,EAAA,CAA3BE,EAAS,CAAE,KAAM,MAAO,CAAC,GAvCfb,EAuCiB,yBAGAW,EAAA,CAA3BE,EAAS,CAAE,KAAM,MAAO,CAAC,GA1Cfb,EA0CiB",
+  "names": ["MzTextarea", "ManzanoElement", "HasSlotController", "options", "hasLabel", "hasHelpText", "b", "A", "o", "l", "textarea_styles_default", "__decorateClass", "e", "n"]
+}

package/cdn/chunks/chunk.HIKU27TF.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk.IURFBOHL.js";a.define("mz-radio");
+//# sourceMappingURL=chunk.HIKU27TF.js.map

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

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

package/cdn/chunks/chunk.I3YGRHVZ.js

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

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

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

package/cdn/chunks/chunk.IAGO52DG.js

@@ -0,0 +1,75 @@
+import{a}from"./chunk.XJ4TAQZ2.js";import{a as o}from"./chunk.KUTEZIT4.js";import{a as r}from"./chunk.NNH44ORV.js";var s=[o,a,r`
+    @layer base, sizes, states;
+
+    @layer base {
+      :host {
+        display: block;
+      }
+
+      .textarea__control {
+        display: block;
+        width: 100%;
+        border: var(--mz-border-width-sm) solid var(--mz-input-border-color);
+        border-radius: var(--mz-input-border-radius);
+        background: var(--mz-color-surface);
+        color: var(--mz-color-text);
+        font-family: var(--mz-font-sans);
+        font-size: var(--_font-size);
+        line-height: var(--mz-line-height-normal);
+        padding: var(--mz-space-sm) var(--_padding-inline);
+        resize: var(--mz-textarea-resize, vertical);
+        min-height: var(--mz-textarea-min-height, 5rem);
+        transition:
+          border-color var(--mz-transition-fast),
+          box-shadow var(--mz-transition-fast);
+      }
+
+      .textarea__control::placeholder {
+        color: var(--mz-color-text-disabled);
+      }
+
+      .textarea__control:hover {
+        border-color: var(--mz-color-border-hover);
+      }
+
+      .textarea__control:focus {
+        border-color: var(--mz-color-primary);
+        outline: var(--mz-focus-ring);
+        outline-offset: var(--mz-focus-ring-offset);
+      }
+    }
+
+    @layer sizes {
+      :host([size='sm']) {
+        --_font-size: var(--mz-input-font-size-sm);
+        --_padding-inline: var(--mz-space-sm);
+      }
+
+      :host([size='md']),
+      :host(:not([size])) {
+        --_font-size: var(--mz-input-font-size-md);
+        --_padding-inline: var(--mz-space-md);
+      }
+
+      :host([size='lg']) {
+        --_font-size: var(--mz-input-font-size-lg);
+        --_padding-inline: var(--mz-space-md);
+      }
+    }
+
+    @layer states {
+      :host([disabled]) .textarea__control {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      :host([data-user-invalid]) .textarea__control {
+        border-color: var(--mz-color-danger);
+      }
+
+      :host([data-user-invalid]) .textarea__control:focus {
+        --mz-focus-ring-color: var(--mz-color-danger);
+      }
+    }
+  `];export{s as a};
+//# sourceMappingURL=chunk.IAGO52DG.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/textarea/textarea.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      .textarea__control {\n        display: block;\n        width: 100%;\n        border: var(--mz-border-width-sm) solid var(--mz-input-border-color);\n        border-radius: var(--mz-input-border-radius);\n        background: var(--mz-color-surface);\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: var(--mz-space-sm) var(--_padding-inline);\n        resize: var(--mz-textarea-resize, vertical);\n        min-height: var(--mz-textarea-min-height, 5rem);\n        transition:\n          border-color var(--mz-transition-fast),\n          box-shadow var(--mz-transition-fast);\n      }\n\n      .textarea__control::placeholder {\n        color: var(--mz-color-text-disabled);\n      }\n\n      .textarea__control:hover {\n        border-color: var(--mz-color-border-hover);\n      }\n\n      .textarea__control:focus {\n        border-color: var(--mz-color-primary);\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-input-font-size-sm);\n        --_padding-inline: var(--mz-space-sm);\n      }\n\n      :host([size='md']),\n      :host(:not([size])) {\n        --_font-size: var(--mz-input-font-size-md);\n        --_padding-inline: var(--mz-space-md);\n      }\n\n      :host([size='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]) .textarea__control {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n\n      :host([data-user-invalid]) .textarea__control {\n        border-color: var(--mz-color-danger);\n      }\n\n      :host([data-user-invalid]) .textarea__control:focus {\n        --mz-focus-ring-color: var(--mz-color-danger);\n      }\n    }\n  `\n];\n"],
+  "mappings": "mHAIA,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,GA0EF",
+  "names": ["textarea_styles_default", "component_styles_default", "form_control_styles_default", "i"]
+}