@manzanohq/components 0.1.1 → 0.1.4

package/cdn/chunks/chunk.37TNTPFK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/drawer/drawer.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: contents;\n    }\n\n    .drawer {\n      border: none;\n      padding: 0;\n      background: transparent;\n      max-width: none;\n      max-height: none;\n      width: 100%;\n      height: 100%;\n      overflow: visible;\n    }\n\n    .drawer::backdrop {\n      background: rgb(28 25 21 / 0.5);\n    }\n\n    .drawer__panel {\n      position: fixed;\n      display: flex;\n      flex-direction: column;\n      background: var(--mz-color-surface-overlay, var(--mz-color-surface));\n      box-shadow: var(--mz-shadow-xl);\n      z-index: var(--mz-z-modal, 1050);\n      overflow: hidden;\n    }\n\n    /* Placement: start (left) */\n    :host([placement='start']) .drawer__panel,\n    :host(:not([placement])) .drawer__panel {\n      inset-block: 0;\n      inset-inline-start: 0;\n      width: min(20rem, calc(100vw - var(--mz-space-xl)));\n      height: 100%;\n      border-radius: 0 var(--mz-radius-lg) var(--mz-radius-lg) 0;\n    }\n\n    /* Placement: end (right) */\n    :host([placement='end']) .drawer__panel {\n      inset-block: 0;\n      inset-inline-end: 0;\n      width: min(20rem, calc(100vw - var(--mz-space-xl)));\n      height: 100%;\n      border-radius: var(--mz-radius-lg) 0 0 var(--mz-radius-lg);\n    }\n\n    /* Placement: top */\n    :host([placement='top']) .drawer__panel {\n      inset-inline: 0;\n      inset-block-start: 0;\n      width: 100%;\n      max-height: min(20rem, calc(100vh - var(--mz-space-xl)));\n      border-radius: 0 0 var(--mz-radius-lg) var(--mz-radius-lg);\n    }\n\n    /* Placement: bottom */\n    :host([placement='bottom']) .drawer__panel {\n      inset-inline: 0;\n      inset-block-end: 0;\n      width: 100%;\n      max-height: min(20rem, calc(100vh - var(--mz-space-xl)));\n      border-radius: var(--mz-radius-lg) var(--mz-radius-lg) 0 0;\n    }\n\n    .drawer__header {\n      display: flex;\n      align-items: center;\n      gap: var(--mz-space-sm);\n      padding: var(--mz-space-md) var(--mz-space-lg);\n      border-bottom: var(--mz-border-width-sm) solid var(--mz-color-border);\n      font-family: var(--mz-font-sans);\n      font-size: var(--mz-font-size-lg);\n      font-weight: var(--mz-font-weight-semibold, 600);\n      color: var(--mz-color-text);\n    }\n\n    .drawer__close {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      margin-inline-start: auto;\n      padding: var(--mz-space-2xs);\n      border: none;\n      background: none;\n      color: var(--mz-color-text-secondary);\n      cursor: pointer;\n      border-radius: var(--mz-radius-sm);\n      transition: color var(--mz-transition-fast), background var(--mz-transition-fast);\n    }\n\n    .drawer__close:hover {\n      color: var(--mz-color-text);\n      background: color-mix(in srgb, var(--mz-color-text) 8%, var(--mz-color-surface));\n    }\n\n    .drawer__close:focus-visible {\n      outline: var(--mz-focus-ring);\n      outline-offset: var(--mz-focus-ring-offset);\n    }\n\n    .drawer__body {\n      flex: 1;\n      padding: var(--mz-space-lg);\n      overflow-y: auto;\n      color: var(--mz-color-text);\n      font-family: var(--mz-font-sans);\n      font-size: var(--mz-font-size-md);\n      line-height: var(--mz-line-height-normal);\n    }\n\n    .drawer__footer {\n      padding: var(--mz-space-md) var(--mz-space-lg);\n      border-top: var(--mz-border-width-sm) solid var(--mz-color-border);\n    }\n\n    .drawer__footer:empty {\n      display: 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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0HF",
+  "names": ["drawer_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.3K44ZH27.js

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

package/cdn/chunks/chunk.4E2KYROH.js

@@ -0,0 +1,4 @@
+import{a as i}from"./chunk.IW74SW3R.js";import{a as t,d as a}from"./chunk.K3BKUERM.js";import{d as s}from"./chunk.TO7F5R6A.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.4E2KYROH.js.map

package/cdn/chunks/chunk.4LGP25SH.js

@@ -0,0 +1,154 @@
+import{a as r}from"./chunk.TO7F5R6A.js";var e=r`
+  :host {
+    display: block;
+  }
+
+  .file-input__dropzone {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--mz-space-sm);
+    padding: var(--mz-space-xl) var(--mz-space-lg);
+    border: 2px dashed var(--mz-color-border);
+    border-radius: var(--mz-radius-lg, 0.75rem);
+    background: var(--mz-color-surface-raised);
+    cursor: pointer;
+    transition: border-color 0.15s, background 0.15s;
+    text-align: center;
+  }
+
+  .file-input__dropzone:hover {
+    border-color: var(--mz-color-primary);
+    background: color-mix(in srgb, var(--mz-color-primary) 10%, var(--mz-color-surface));
+  }
+
+  .file-input--drag-over .file-input__dropzone {
+    border-color: var(--mz-color-primary);
+    background: color-mix(in srgb, var(--mz-color-primary) 10%, var(--mz-color-surface));
+    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mz-color-primary) 15%, transparent);
+  }
+
+  .file-input--disabled .file-input__dropzone {
+    opacity: 0.5;
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+
+  .file-input__dropzone-icon {
+    color: var(--mz-color-text-disabled);
+  }
+
+  .file-input__dropzone-text {
+    font-family: var(--mz-font-sans);
+    font-size: var(--mz-font-size-sm);
+    color: var(--mz-color-text-secondary);
+  }
+
+  .file-input__button {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--mz-space-xs);
+    padding: var(--mz-space-xs) var(--mz-space-md);
+    border: 1px solid var(--mz-color-border);
+    border-radius: var(--mz-radius-md, 0.5rem);
+    background: var(--mz-color-surface, #fff);
+    font-family: var(--mz-font-sans);
+    font-size: var(--mz-font-size-sm);
+    font-weight: var(--mz-font-weight-medium, 500);
+    color: var(--mz-color-text);
+    cursor: pointer;
+    transition: background 0.15s, border-color 0.15s;
+  }
+
+  .file-input__button:hover:not(:disabled) {
+    background: var(--mz-color-surface-raised);
+    border-color: var(--mz-color-text-disabled);
+  }
+
+  .file-input__button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .file-input__file-list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--mz-space-xs);
+    margin-top: var(--mz-space-sm);
+  }
+
+  .file-input__file-item {
+    display: flex;
+    align-items: center;
+    gap: var(--mz-space-sm);
+    padding: var(--mz-space-xs) var(--mz-space-sm);
+    border: 1px solid var(--mz-color-border);
+    border-radius: var(--mz-radius-md, 0.5rem);
+    background: var(--mz-color-surface, #fff);
+    font-family: var(--mz-font-sans);
+    font-size: var(--mz-font-size-sm);
+  }
+
+  .file-input__file-name {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--mz-color-text);
+  }
+
+  .file-input__file-size {
+    color: var(--mz-color-text-secondary);
+    font-size: var(--mz-font-size-xs);
+    white-space: nowrap;
+  }
+
+  .file-input__file-remove {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: none;
+    background: none;
+    color: var(--mz-color-text-disabled);
+    cursor: pointer;
+    padding: 0.125rem;
+    border-radius: var(--mz-radius-sm, 0.25rem);
+    transition: color 0.15s, background 0.15s;
+  }
+
+  .file-input__file-remove:hover {
+    color: var(--mz-color-danger);
+    background: color-mix(in srgb, var(--mz-color-danger) 10%, var(--mz-color-surface));
+  }
+
+  /* Sizes */
+  :host([size='small']) .file-input__dropzone {
+    padding: var(--mz-space-md) var(--mz-space-sm);
+  }
+
+  :host([size='small']) .file-input__button {
+    font-size: var(--mz-font-size-xs);
+    padding: 0.25rem var(--mz-space-sm);
+  }
+
+  :host([size='small']) .file-input__dropzone-icon svg {
+    width: 20px;
+    height: 20px;
+  }
+
+  :host([size='large']) .file-input__dropzone {
+    padding: var(--mz-space-2xl, 2rem) var(--mz-space-xl);
+  }
+
+  :host([size='large']) .file-input__button {
+    font-size: var(--mz-font-size-base);
+    padding: var(--mz-space-sm) var(--mz-space-lg);
+  }
+
+  :host([size='large']) .file-input__dropzone-icon svg {
+    width: 32px;
+    height: 32px;
+  }
+`;export{e as a};
+//# sourceMappingURL=chunk.4LGP25SH.js.map

package/cdn/chunks/chunk.4LGP25SH.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/file-input/file-input.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .file-input__dropzone {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--mz-space-sm);\n    padding: var(--mz-space-xl) var(--mz-space-lg);\n    border: 2px dashed var(--mz-color-border);\n    border-radius: var(--mz-radius-lg, 0.75rem);\n    background: var(--mz-color-surface-raised);\n    cursor: pointer;\n    transition: border-color 0.15s, background 0.15s;\n    text-align: center;\n  }\n\n  .file-input__dropzone:hover {\n    border-color: var(--mz-color-primary);\n    background: color-mix(in srgb, var(--mz-color-primary) 10%, var(--mz-color-surface));\n  }\n\n  .file-input--drag-over .file-input__dropzone {\n    border-color: var(--mz-color-primary);\n    background: color-mix(in srgb, var(--mz-color-primary) 10%, var(--mz-color-surface));\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mz-color-primary) 15%, transparent);\n  }\n\n  .file-input--disabled .file-input__dropzone {\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .file-input__dropzone-icon {\n    color: var(--mz-color-text-disabled);\n  }\n\n  .file-input__dropzone-text {\n    font-family: var(--mz-font-sans);\n    font-size: var(--mz-font-size-sm);\n    color: var(--mz-color-text-secondary);\n  }\n\n  .file-input__button {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--mz-space-xs);\n    padding: var(--mz-space-xs) var(--mz-space-md);\n    border: 1px solid var(--mz-color-border);\n    border-radius: var(--mz-radius-md, 0.5rem);\n    background: var(--mz-color-surface, #fff);\n    font-family: var(--mz-font-sans);\n    font-size: var(--mz-font-size-sm);\n    font-weight: var(--mz-font-weight-medium, 500);\n    color: var(--mz-color-text);\n    cursor: pointer;\n    transition: background 0.15s, border-color 0.15s;\n  }\n\n  .file-input__button:hover:not(:disabled) {\n    background: var(--mz-color-surface-raised);\n    border-color: var(--mz-color-text-disabled);\n  }\n\n  .file-input__button:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .file-input__file-list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mz-space-xs);\n    margin-top: var(--mz-space-sm);\n  }\n\n  .file-input__file-item {\n    display: flex;\n    align-items: center;\n    gap: var(--mz-space-sm);\n    padding: var(--mz-space-xs) var(--mz-space-sm);\n    border: 1px solid var(--mz-color-border);\n    border-radius: var(--mz-radius-md, 0.5rem);\n    background: var(--mz-color-surface, #fff);\n    font-family: var(--mz-font-sans);\n    font-size: var(--mz-font-size-sm);\n  }\n\n  .file-input__file-name {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mz-color-text);\n  }\n\n  .file-input__file-size {\n    color: var(--mz-color-text-secondary);\n    font-size: var(--mz-font-size-xs);\n    white-space: nowrap;\n  }\n\n  .file-input__file-remove {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background: none;\n    color: var(--mz-color-text-disabled);\n    cursor: pointer;\n    padding: 0.125rem;\n    border-radius: var(--mz-radius-sm, 0.25rem);\n    transition: color 0.15s, background 0.15s;\n  }\n\n  .file-input__file-remove:hover {\n    color: var(--mz-color-danger);\n    background: color-mix(in srgb, var(--mz-color-danger) 10%, var(--mz-color-surface));\n  }\n\n  /* Sizes */\n  :host([size='small']) .file-input__dropzone {\n    padding: var(--mz-space-md) var(--mz-space-sm);\n  }\n\n  :host([size='small']) .file-input__button {\n    font-size: var(--mz-font-size-xs);\n    padding: 0.25rem var(--mz-space-sm);\n  }\n\n  :host([size='small']) .file-input__dropzone-icon svg {\n    width: 20px;\n    height: 20px;\n  }\n\n  :host([size='large']) .file-input__dropzone {\n    padding: var(--mz-space-2xl, 2rem) var(--mz-space-xl);\n  }\n\n  :host([size='large']) .file-input__button {\n    font-size: var(--mz-font-size-base);\n    padding: var(--mz-space-sm) var(--mz-space-lg);\n  }\n\n  :host([size='large']) .file-input__dropzone-icon svg {\n    width: 32px;\n    height: 32px;\n  }\n`;\n"],
+  "mappings": "wCAEA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["file_input_styles_default", "i"]
+}

package/cdn/chunks/chunk.4MX3RBKH.js

@@ -0,0 +1,27 @@
+import{a as h}from"./chunk.URRFKL7Q.js";import{a as o}from"./chunk.X6MSTFXZ.js";import{a as s,c as n,d as r}from"./chunk.K3BKUERM.js";import{d as l,g as i}from"./chunk.TO7F5R6A.js";import{a as c}from"./chunk.N7WYNIN3.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.4MX3RBKH.js.map

package/cdn/chunks/chunk.4NBFWXLJ.js

@@ -0,0 +1,14 @@
+import{a as p}from"./chunk.QXVVOVBO.js";import{d as r}from"./chunk.GX7DY53T.js";import{a as n,c as l,d as c}from"./chunk.K3BKUERM.js";import{d as a,g as h}from"./chunk.TO7F5R6A.js";import{a as d}from"./chunk.OJRE6F6M.js";import{a as i}from"./chunk.MGICPQBB.js";var t=class extends c{constructor(){super(...arguments);this.open=!1;this.placement="bottom-start";this.distance=8;this.skidding=0;this.arrow=!1}connectedCallback(){super.connectedCallback(),this.handleOutsideClick=this.handleOutsideClick.bind(this),this.floatingController=new d(this,{referenceEl:()=>this.getAnchor(),floatingEl:()=>this.bodyEl,arrowEl:()=>this.arrow?this.arrowEl:null,placement:this.placement,distance:this.distance,skidding:this.skidding})}disconnectedCallback(){super.disconnectedCallback(),this.removeOutsideClickListener()}getAnchor(){return(this.shadowRoot?.querySelector('slot[name="anchor"]')?.assignedElements({flatten:!0})??[])[0]??null}async updated(e){e.has("open")&&(this.open?await this.animateShow():e.get("open")===!0&&await this.animateHide()),(e.has("placement")||e.has("distance")||e.has("skidding"))&&(this.floatingController=new d(this,{referenceEl:()=>this.getAnchor(),floatingEl:()=>this.bodyEl,arrowEl:()=>this.arrow?this.arrowEl:null,placement:this.placement,distance:this.distance,skidding:this.skidding}))}async animateShow(){this.emit("mz-show"),this.bodyEl.style.display="block",await this.floatingController.show(),await r(this.bodyEl,"dropdown.show",this.prefersReducedMotion).finished,this.addOutsideClickListener(),this.emit("mz-after-show")}async animateHide(){this.emit("mz-hide"),this.removeOutsideClickListener(),await r(this.bodyEl,"dropdown.hide",this.prefersReducedMotion).finished,this.bodyEl.style.display="none",this.floatingController.hide(),this.emit("mz-after-hide")}toggle(){this.open=!this.open}show(){this.open=!0}hide(){this.open=!1}handleAnchorClick(){this.toggle()}handleOutsideClick(e){this.contains(e.target)||this.hide()}addOutsideClickListener(){document.addEventListener("click",this.handleOutsideClick,!0)}removeOutsideClickListener(){document.removeEventListener("click",this.handleOutsideClick,!0)}handleKeyDown(e){e.key==="Escape"&&this.open&&(e.stopPropagation(),this.hide())}handleAnchorSlotChange(e){let o=e.target.assignedElements({flatten:!0})[0];o&&(o.setAttribute("aria-haspopup","dialog"),o.setAttribute("aria-expanded",String(this.open)))}willUpdate(e){if(e.has("open")){let s=this.getAnchor();s&&s.setAttribute("aria-expanded",String(this.open))}}render(){return a`
+      <slot name="anchor" @click=${this.handleAnchorClick} @slotchange=${this.handleAnchorSlotChange}></slot>
+      <div
+        part="body"
+        class="popover__body"
+        role="dialog"
+        @keydown=${this.handleKeyDown}
+        style="display: ${this.open?"block":"none"}"
+      >
+        <slot></slot>
+        ${this.arrow?a`<div part="arrow" class="popover__arrow"></div>`:h}
+      </div>
+    `}};t.styles=p,i([l(".popover__body")],t.prototype,"bodyEl",2),i([l(".popover__arrow")],t.prototype,"arrowEl",2),i([n({type:Boolean,reflect:!0})],t.prototype,"open",2),i([n()],t.prototype,"placement",2),i([n({type:Number})],t.prototype,"distance",2),i([n({type:Number})],t.prototype,"skidding",2),i([n({type:Boolean})],t.prototype,"arrow",2);export{t as a};
+//# sourceMappingURL=chunk.4NBFWXLJ.js.map

package/cdn/chunks/chunk.4NBFWXLJ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/popover/popover.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport type { Placement } from '@floating-ui/dom';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { FloatingController } from '../../internal/floating.js';\nimport { animateTo } from '../../utilities/animation-registry.js';\nimport styles from './popover.styles.js';\n\n/**\n * @summary A positioned floating panel anchored to a trigger element.\n *\n * @tag mz-popover\n *\n * @slot - The popover content.\n * @slot anchor - The trigger element that opens the popover.\n *\n * @event mz-show - Emitted when the popover begins to open.\n * @event mz-hide - Emitted when the popover begins to close.\n * @event mz-after-show - Emitted after the popover open animation completes.\n * @event mz-after-hide - Emitted after the popover close animation completes.\n *\n * @csspart body - The popover body container.\n * @csspart arrow - The popover arrow element.\n */\nexport class MzPopover extends ManzanoElement {\n  static styles = styles;\n\n  @query('.popover__body') private bodyEl!: HTMLDivElement;\n  @query('.popover__arrow') private arrowEl!: HTMLDivElement;\n\n  private floatingController!: FloatingController;\n\n  /** Whether the popover is open. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** Preferred placement relative to the anchor. */\n  @property() placement: Placement = 'bottom-start';\n\n  /** Distance from the anchor in pixels. */\n  @property({ type: Number }) distance = 8;\n\n  /** Cross-axis offset in pixels. */\n  @property({ type: Number }) skidding = 0;\n\n  /** Whether to show an arrow pointing at the anchor. */\n  @property({ type: Boolean }) arrow = false;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.handleOutsideClick = this.handleOutsideClick.bind(this);\n    this.floatingController = new FloatingController(this, {\n      referenceEl: () => this.getAnchor(),\n      floatingEl: () => this.bodyEl,\n      arrowEl: () => (this.arrow ? this.arrowEl : null),\n      placement: this.placement as Placement,\n      distance: this.distance,\n      skidding: this.skidding\n    });\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeOutsideClickListener();\n  }\n\n  private getAnchor(): HTMLElement | null {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"anchor\"]');\n    const assigned = slot?.assignedElements({ flatten: true }) ?? [];\n    return (assigned[0] as HTMLElement) ?? null;\n  }\n\n  async updated(changed: Map<string, unknown>): Promise<void> {\n    if (changed.has('open')) {\n      if (this.open) {\n        await this.animateShow();\n      } else if (changed.get('open') === true) {\n        await this.animateHide();\n      }\n    }\n\n    if (changed.has('placement') || changed.has('distance') || changed.has('skidding')) {\n      this.floatingController = new FloatingController(this, {\n        referenceEl: () => this.getAnchor(),\n        floatingEl: () => this.bodyEl,\n        arrowEl: () => (this.arrow ? this.arrowEl : null),\n        placement: this.placement as Placement,\n        distance: this.distance,\n        skidding: this.skidding\n      });\n    }\n  }\n\n  private async animateShow(): Promise<void> {\n    this.emit('mz-show');\n    this.bodyEl.style.display = 'block';\n    await this.floatingController.show();\n    const anim = animateTo(this.bodyEl, 'dropdown.show', this.prefersReducedMotion);\n    await anim.finished;\n    this.addOutsideClickListener();\n    this.emit('mz-after-show');\n  }\n\n  private async animateHide(): Promise<void> {\n    this.emit('mz-hide');\n    this.removeOutsideClickListener();\n    const anim = animateTo(this.bodyEl, 'dropdown.hide', this.prefersReducedMotion);\n    await anim.finished;\n    this.bodyEl.style.display = 'none';\n    this.floatingController.hide();\n    this.emit('mz-after-hide');\n  }\n\n  /** Toggle open state */\n  toggle(): void {\n    this.open = !this.open;\n  }\n\n  /** Programmatically show the popover */\n  show(): void {\n    this.open = true;\n  }\n\n  /** Programmatically hide the popover */\n  hide(): void {\n    this.open = false;\n  }\n\n  private handleAnchorClick(): void {\n    this.toggle();\n  }\n\n  private handleOutsideClick(e: MouseEvent): void {\n    if (!this.contains(e.target as Node)) {\n      this.hide();\n    }\n  }\n\n  private addOutsideClickListener(): void {\n    document.addEventListener('click', this.handleOutsideClick, true);\n  }\n\n  private removeOutsideClickListener(): void {\n    document.removeEventListener('click', this.handleOutsideClick, true);\n  }\n\n  private handleKeyDown(e: KeyboardEvent): void {\n    if (e.key === 'Escape' && this.open) {\n      e.stopPropagation();\n      this.hide();\n    }\n  }\n\n  private handleAnchorSlotChange(e: Event) {\n    const slot = e.target as HTMLSlotElement;\n    const anchor = slot.assignedElements({ flatten: true })[0] as HTMLElement | undefined;\n    if (anchor) {\n      anchor.setAttribute('aria-haspopup', 'dialog');\n      anchor.setAttribute('aria-expanded', String(this.open));\n    }\n  }\n\n  override willUpdate(changed: Map<PropertyKey, unknown>) {\n    if (changed.has('open')) {\n      const anchor = this.getAnchor();\n      if (anchor) {\n        anchor.setAttribute('aria-expanded', String(this.open));\n      }\n    }\n  }\n\n  render() {\n    return html`\n      <slot name=\"anchor\" @click=${this.handleAnchorClick} @slotchange=${this.handleAnchorSlotChange}></slot>\n      <div\n        part=\"body\"\n        class=\"popover__body\"\n        role=\"dialog\"\n        @keydown=${this.handleKeyDown}\n        style=\"display: ${this.open ? 'block' : 'none'}\"\n      >\n        <slot></slot>\n        ${this.arrow ? html`<div part=\"arrow\" class=\"popover__arrow\"></div>` : nothing}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["MzPopover", "ManzanoElement", "FloatingController", "changed", "animateTo", "anchor", "b", "A", "popover_styles_default", "__decorateClass", "e"]
+}

package/cdn/chunks/chunk.4O2P6TEM.js

@@ -0,0 +1,64 @@
+import{a as l}from"./chunk.22OS67BO.js";import{a as r}from"./chunk.TO7F5R6A.js";var c=r`
+  ${l}
+
+  :host {
+    --_scroll-area-scrollbar-width: var(--mz-scroll-area-scrollbar-width, 6px);
+    --_scroll-area-scrollbar-color: var(--mz-scroll-area-scrollbar-color, var(--mz-color-border));
+    --_scroll-area-scrollbar-track: var(--mz-scroll-area-scrollbar-track, transparent);
+
+    display: block;
+  }
+
+  .scroll-area {
+    height: var(--mz-scroll-area-height, auto);
+    max-height: inherit;
+    overflow: hidden;
+
+    /* Firefox scrollbar styling */
+    scrollbar-width: thin;
+    scrollbar-color: var(--_scroll-area-scrollbar-color) var(--_scroll-area-scrollbar-track);
+  }
+
+  .scroll-area--vertical {
+    overflow-y: auto;
+  }
+
+  .scroll-area--horizontal {
+    overflow-x: auto;
+  }
+
+  /* Webkit scrollbar styling (Chrome, Safari, Edge) */
+  .scroll-area::-webkit-scrollbar {
+    width: var(--_scroll-area-scrollbar-width);
+    height: var(--_scroll-area-scrollbar-width);
+  }
+
+  .scroll-area::-webkit-scrollbar-thumb {
+    background: var(--_scroll-area-scrollbar-color);
+    border-radius: var(--_scroll-area-scrollbar-width);
+  }
+
+  .scroll-area::-webkit-scrollbar-thumb:hover {
+    background: var(--mz-color-text-disabled);
+  }
+
+  .scroll-area::-webkit-scrollbar-track {
+    background: var(--_scroll-area-scrollbar-track);
+  }
+
+  .scroll-area::-webkit-scrollbar-corner {
+    background: var(--_scroll-area-scrollbar-track);
+  }
+
+  /* Focus ring */
+  .scroll-area:focus-visible {
+    outline: 2px solid color-mix(in srgb, var(--mz-color-primary) 25%, transparent);
+    outline-offset: -2px;
+    border-radius: var(--mz-radius-sm);
+  }
+
+  .scroll-area:focus:not(:focus-visible) {
+    outline: none;
+  }
+`;export{c as a};
+//# sourceMappingURL=chunk.4O2P6TEM.js.map

package/cdn/chunks/chunk.4O2P6TEM.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/scroll-area/scroll-area.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default css`\n  ${componentStyles}\n\n  :host {\n    --_scroll-area-scrollbar-width: var(--mz-scroll-area-scrollbar-width, 6px);\n    --_scroll-area-scrollbar-color: var(--mz-scroll-area-scrollbar-color, var(--mz-color-border));\n    --_scroll-area-scrollbar-track: var(--mz-scroll-area-scrollbar-track, transparent);\n\n    display: block;\n  }\n\n  .scroll-area {\n    height: var(--mz-scroll-area-height, auto);\n    max-height: inherit;\n    overflow: hidden;\n\n    /* Firefox scrollbar styling */\n    scrollbar-width: thin;\n    scrollbar-color: var(--_scroll-area-scrollbar-color) var(--_scroll-area-scrollbar-track);\n  }\n\n  .scroll-area--vertical {\n    overflow-y: auto;\n  }\n\n  .scroll-area--horizontal {\n    overflow-x: auto;\n  }\n\n  /* Webkit scrollbar styling (Chrome, Safari, Edge) */\n  .scroll-area::-webkit-scrollbar {\n    width: var(--_scroll-area-scrollbar-width);\n    height: var(--_scroll-area-scrollbar-width);\n  }\n\n  .scroll-area::-webkit-scrollbar-thumb {\n    background: var(--_scroll-area-scrollbar-color);\n    border-radius: var(--_scroll-area-scrollbar-width);\n  }\n\n  .scroll-area::-webkit-scrollbar-thumb:hover {\n    background: var(--mz-color-text-disabled);\n  }\n\n  .scroll-area::-webkit-scrollbar-track {\n    background: var(--_scroll-area-scrollbar-track);\n  }\n\n  .scroll-area::-webkit-scrollbar-corner {\n    background: var(--_scroll-area-scrollbar-track);\n  }\n\n  /* Focus ring */\n  .scroll-area:focus-visible {\n    outline: 2px solid color-mix(in srgb, var(--mz-color-primary) 25%, transparent);\n    outline-offset: -2px;\n    border-radius: var(--mz-radius-sm);\n  }\n\n  .scroll-area:focus:not(:focus-visible) {\n    outline: none;\n  }\n`;\n"],
+  "mappings": "gFAGA,IAAOA,EAAQC;AAAA,IACXC,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["scroll_area_styles_default", "i", "component_styles_default"]
+}

package/cdn/chunks/chunk.4PUQWPE6.js

@@ -0,0 +1,15 @@
+import{a as t}from"./chunk.22OS67BO.js";import{a as o}from"./chunk.TO7F5R6A.js";var e=o`
+  ${t}
+
+  :host {
+    display: block;
+    font-family: var(--mz-font-sans);
+  }
+
+  .tree {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+`;export{e as a};
+//# sourceMappingURL=chunk.4PUQWPE6.js.map

package/cdn/chunks/chunk.4PUQWPE6.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tree/tree.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default css`\n  ${componentStyles}\n\n  :host {\n    display: block;\n    font-family: var(--mz-font-sans);\n  }\n\n  .tree {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n`;\n"],
+  "mappings": "gFAGA,IAAOA,EAAQC;AAAA,IACXC,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["tree_styles_default", "i", "component_styles_default"]
+}

package/cdn/chunks/chunk.4TJRYKHW.js

@@ -0,0 +1,76 @@
+import{a as r}from"./chunk.22OS67BO.js";import{a as e}from"./chunk.TO7F5R6A.js";var a=[r,e`
+    :host {
+      display: inline-block;
+      position: relative;
+    }
+
+    .menubar-item {
+      position: relative;
+    }
+
+    .menubar-item__label {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.25rem;
+    }
+
+    [role="menuitem"] {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--mz-space-xs);
+      padding: var(--mz-space-xs) var(--mz-space-sm);
+      border-radius: var(--mz-radius-md, 0.5rem);
+      font-family: var(--mz-font-sans);
+      font-size: var(--mz-font-size-sm);
+      color: var(--mz-color-text);
+      cursor: pointer;
+      transition: background 0.15s;
+      outline: none;
+      user-select: none;
+    }
+
+    [role="menuitem"]:hover,
+    [role="menuitem"]:focus-visible {
+      background: color-mix(in srgb, var(--mz-color-text) 8%, var(--mz-color-surface));
+    }
+
+    .menubar-item--open > [role="menuitem"],
+    .menubar-item--open[role="menuitem"] {
+      background: color-mix(in srgb, var(--mz-color-text) 8%, var(--mz-color-surface));
+    }
+
+    .menubar-item--disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+
+    .menubar-item__chevron {
+      color: var(--mz-color-text-disabled);
+      transition: transform 0.15s;
+    }
+
+    .menubar-item--open .menubar-item__chevron {
+      transform: rotate(180deg);
+    }
+
+    .menubar-item__submenu {
+      position: absolute;
+      top: 100%;
+      left: 0;
+      min-width: 10rem;
+      background: var(--mz-color-surface, #fff);
+      border: 1px solid var(--mz-color-border);
+      border-radius: var(--mz-radius-md, 0.5rem);
+      box-shadow: var(--mz-shadow-lg, 0 10px 30px rgb(28 25 21 / 0.12));
+      padding: var(--mz-space-xs);
+      z-index: 1000;
+      margin-top: var(--mz-space-xs, 4px);
+    }
+
+    /* Style slotted submenu items */
+    ::slotted(mz-menu-item) {
+      display: block;
+    }
+  `];export{a};
+//# sourceMappingURL=chunk.4TJRYKHW.js.map

package/cdn/chunks/chunk.4TJRYKHW.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/menubar-item/menubar-item.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    .menubar-item {\n      position: relative;\n    }\n\n    .menubar-item__label {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.25rem;\n    }\n\n    [role=\"menuitem\"] {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--mz-space-xs);\n      padding: var(--mz-space-xs) var(--mz-space-sm);\n      border-radius: var(--mz-radius-md, 0.5rem);\n      font-family: var(--mz-font-sans);\n      font-size: var(--mz-font-size-sm);\n      color: var(--mz-color-text);\n      cursor: pointer;\n      transition: background 0.15s;\n      outline: none;\n      user-select: none;\n    }\n\n    [role=\"menuitem\"]:hover,\n    [role=\"menuitem\"]:focus-visible {\n      background: color-mix(in srgb, var(--mz-color-text) 8%, var(--mz-color-surface));\n    }\n\n    .menubar-item--open > [role=\"menuitem\"],\n    .menubar-item--open[role=\"menuitem\"] {\n      background: color-mix(in srgb, var(--mz-color-text) 8%, var(--mz-color-surface));\n    }\n\n    .menubar-item--disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      pointer-events: none;\n    }\n\n    .menubar-item__chevron {\n      color: var(--mz-color-text-disabled);\n      transition: transform 0.15s;\n    }\n\n    .menubar-item--open .menubar-item__chevron {\n      transform: rotate(180deg);\n    }\n\n    .menubar-item__submenu {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      min-width: 10rem;\n      background: var(--mz-color-surface, #fff);\n      border: 1px solid var(--mz-color-border);\n      border-radius: var(--mz-radius-md, 0.5rem);\n      box-shadow: var(--mz-shadow-lg, 0 10px 30px rgb(28 25 21 / 0.12));\n      padding: var(--mz-space-xs);\n      z-index: 1000;\n      margin-top: var(--mz-space-xs, 4px);\n    }\n\n    /* Style slotted submenu items */\n    ::slotted(mz-menu-item) {\n      display: block;\n    }\n  `\n];\n"],
+  "mappings": "gFAGA,IAAOA,EAAQ,CACbC,EACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2EF",
+  "names": ["menubar_item_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.4UW27M4F.js

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

package/cdn/chunks/chunk.4V43ZJAK.js

@@ -0,0 +1,118 @@
+import{a as o}from"./chunk.5SUNUKVW.js";import{a as e}from"./chunk.22OS67BO.js";import{a as r}from"./chunk.TO7F5R6A.js";var s=[e,o,r`
+    @layer base, sizes, states;
+
+    @layer base {
+      :host {
+        display: block;
+        position: relative;
+      }
+
+      .select__control-wrapper {
+        position: relative;
+      }
+
+      .select__trigger {
+        display: flex;
+        align-items: center;
+        width: 100%;
+        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));
+        color: var(--mz-color-text);
+        font-family: var(--mz-font-sans);
+        font-size: var(--_font-size);
+        line-height: var(--mz-line-height-normal);
+        height: var(--_height);
+        padding: 0 var(--_padding-inline);
+        cursor: pointer;
+        transition:
+          border-color var(--mz-transition-fast),
+          box-shadow var(--mz-transition-fast);
+        text-align: start;
+      }
+
+      .select__trigger:hover {
+        border-color: var(--mz-color-border-hover);
+      }
+
+      .select__trigger:focus-visible {
+        border-color: var(--mz-color-primary);
+        outline: var(--mz-focus-ring);
+        outline-offset: var(--mz-focus-ring-offset);
+      }
+
+      .select__trigger--placeholder .select__display {
+        color: var(--mz-color-text-disabled);
+      }
+
+      .select__display {
+        flex: 1;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .select__chevron {
+        flex-shrink: 0;
+        margin-inline-start: var(--mz-space-xs);
+        color: var(--mz-color-text-secondary);
+        transition: transform var(--mz-transition-fast);
+      }
+
+      .select__trigger--open .select__chevron {
+        transform: rotate(180deg);
+      }
+
+      .select__dropdown {
+        position: absolute;
+        z-index: 1000;
+        background: 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);
+        overflow-y: auto;
+      }
+    }
+
+    @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]) .select__trigger {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      :host([data-user-invalid]) .select__trigger {
+        border-color: var(--mz-color-danger);
+      }
+
+      :host([data-user-invalid]) .select__trigger:focus-visible {
+        --mz-focus-ring-color: var(--mz-color-danger);
+      }
+
+      :host([pill]) {
+        --_radius: var(--mz-radius-pill);
+      }
+    }
+  `];export{s as a};
+//# sourceMappingURL=chunk.4V43ZJAK.js.map