@manzanohq/components 0.1.1 → 0.1.4

package/cdn/chunks/chunk.6JU236RI.js

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

package/cdn/chunks/chunk.6QDUCCKW.js

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

package/cdn/chunks/chunk.6XXXK74B.js

@@ -1,14 +0,0 @@
-import{a as h}from"./chunk.SVPBJBTZ.js";import{a as r}from"./chunk.N7WYNIN3.js";import{a as l,d as i}from"./chunk.SZ34NZMW.js";import{d as a,f as n}from"./chunk.NNH44ORV.js";import{a as t}from"./chunk.MGICPQBB.js";var e=class extends i{constructor(){super(...arguments);this.hasSlotController=new r(this,"label","help-text");this.name="";this.value="";this.size="md";this.label="";this.helpText="";this.disabled=!1;this.required=!1;this.orientation="vertical";this.handleRadioChange=s=>{this.value=s.detail.value,this.syncRadios(),this.emit("mz-change")}}connectedCallback(){super.connectedCallback(),this.addEventListener("mz-radio-change",this.handleRadioChange)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("mz-radio-change",this.handleRadioChange)}updated(s){(s.has("value")||s.has("disabled"))&&this.syncRadios()}syncRadios(){let s=this.querySelectorAll("mz-radio");for(let o of s)o.checked=o.value===this.value,this.disabled&&(o.disabled=!0)}render(){let s=this.label||this.hasSlotController.test("label"),o=this.helpText||this.hasSlotController.test("help-text");return a`
-      <fieldset part="base" class="form-control" role="radiogroup" aria-label=${this.label||n}>
-        ${s?a`<legend part="label" class="form-control__label">
-              ${this.label||a`<slot name="label"></slot>`}
-            </legend>`:n}
-        <div part="options" class="radio-group__options">
-          <slot></slot>
-        </div>
-        ${o?a`<span part="help-text" class="form-control__help-text">
-              ${this.helpText||a`<slot name="help-text"></slot>`}
-            </span>`:n}
-      </fieldset>
-    `}};e.styles=h,t([l()],e.prototype,"name",2),t([l()],e.prototype,"value",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,"required",2),t([l({reflect:!0})],e.prototype,"orientation",2);export{e as a};
-//# sourceMappingURL=chunk.6XXXK74B.js.map

package/cdn/chunks/chunk.7BVWDYJP.js

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

package/cdn/chunks/chunk.7EZS2TIJ.js

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

package/cdn/chunks/chunk.A43MPSEY.js

@@ -1,40 +0,0 @@
-import{a as b}from"./chunk.5DIMFNYE.js";import{a as o}from"./chunk.CYUGAT7M.js";import{a as $}from"./chunk.YVOT5EWM.js";import{a}from"./chunk.Q4JHOT26.js";import{a as u}from"./chunk.J37YLNQO.js";import{a as m}from"./chunk.N7WYNIN3.js";import{a as c}from"./chunk.JWKG2VH6.js";import{a as s,d as p}from"./chunk.SZ34NZMW.js";import{d as r,f as l}from"./chunk.NNH44ORV.js";import{a as t}from"./chunk.MGICPQBB.js";var e=class extends p{constructor(){super(...arguments);this.formController=new c(this);this.hasSlotController=new m(this,"prefix","suffix");this.variant="neutral";this.appearance="filled";this.size="md";this.pill=!1;this.loading=!1;this.disabled=!1;this.type="button";this.name="";this.value="";this.href="";this.target=""}click(){this.shadowRoot?.querySelector(".button")?.click()}focus(i){this.shadowRoot?.querySelector(".button")?.focus(i)}blur(){this.shadowRoot?.querySelector(".button")?.blur()}handleClick(i){if(this.disabled||this.loading){i.preventDefault(),i.stopPropagation();return}this.type==="submit"?this.formController.form?.requestSubmit():this.type==="reset"&&this.formController.form?.reset()}handleFocus(){this.emit("mz-focus")}handleBlur(){this.emit("mz-blur")}render(){let i=this.href.length>0,n=this.hasSlotController.test("prefix"),d=this.hasSlotController.test("suffix"),f={button:!0,"button--loading":this.loading,"button--disabled":this.disabled,"button--has-prefix":n,"button--has-suffix":d},h=r`
-      ${n?r`<span part="prefix" class="button__prefix"><slot name="prefix"></slot></span>`:l}
-      <span part="label" class="button__label"><slot></slot></span>
-      ${d?r`<span part="suffix" class="button__suffix"><slot name="suffix"></slot></span>`:l}
-      ${this.loading?r`<span class="button__spinner"><mz-spinner></mz-spinner></span>`:l}
-    `;return i?r`
-        <a
-          part="base"
-          class=${a(f)}
-          href=${this.href}
-          target=${o(this.target||void 0)}
-          download=${o(this.download)}
-          rel=${this.target==="_blank"?"noopener noreferrer":l}
-          role="button"
-          aria-disabled=${this.disabled}
-          tabindex=${this.disabled?"-1":"0"}
-          @click=${this.handleClick}
-          @focus=${this.handleFocus}
-          @blur=${this.handleBlur}
-        >
-          ${h}
-        </a>
-      `:r`
-      <button
-        part="base"
-        class=${a(f)}
-        ?disabled=${this.disabled}
-        type=${this.type}
-        name=${o(this.name||void 0)}
-        value=${o(this.value||void 0)}
-        aria-disabled=${this.disabled}
-        aria-busy=${this.loading}
-        @click=${this.handleClick}
-        @focus=${this.handleFocus}
-        @blur=${this.handleBlur}
-      >
-        ${h}
-      </button>
-    `}};e.styles=$,e.formAssociated=!0,e.dependencies={"mz-spinner":b,"mz-icon":u},t([s({reflect:!0})],e.prototype,"variant",2),t([s({reflect:!0})],e.prototype,"appearance",2),t([s({reflect:!0})],e.prototype,"size",2),t([s({type:Boolean,reflect:!0})],e.prototype,"pill",2),t([s({type:Boolean,reflect:!0})],e.prototype,"loading",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([s()],e.prototype,"type",2),t([s()],e.prototype,"name",2),t([s()],e.prototype,"value",2),t([s()],e.prototype,"href",2),t([s()],e.prototype,"target",2),t([s()],e.prototype,"download",2);export{e as a};
-//# sourceMappingURL=chunk.A43MPSEY.js.map

package/cdn/chunks/chunk.ADCPZR2U.js

@@ -1,98 +0,0 @@
-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.BDG7K33H.js

@@ -1,18 +0,0 @@
-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.BTBWAH3D.js

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

package/cdn/chunks/chunk.BUUA7AGF.js

@@ -1,9 +0,0 @@
-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.BYLGIDI7.js

@@ -1,25 +0,0 @@
-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.BZRM77L2.js

@@ -1,22 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,117 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

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

package/cdn/chunks/chunk.CYUGAT7M.js

@@ -1,11 +0,0 @@
-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.CZIBGUF4.js

@@ -1,99 +0,0 @@
-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.DHMDLXT7.js

@@ -1,21 +0,0 @@
-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.DIWGN6GE.js

@@ -1,4 +0,0 @@
-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.DN5XKN7W.js

@@ -1,6 +0,0 @@
-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.E4DBQ75N.js

@@ -1,18 +0,0 @@
-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.EL3BQWEZ.js

@@ -1,22 +0,0 @@
-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