@manzanohq/components 0.1.1 → 0.1.4

package/cdn/chunks/chunk.PLP2TIVC.js

@@ -0,0 +1,32 @@
+import{a as e}from"./chunk.22OS67BO.js";import{a as t}from"./chunk.TO7F5R6A.js";var l=[e,t`
+    :host {
+      display: inline-flex;
+    }
+
+    .toggle-group {
+      display: inline-flex;
+    }
+
+    /* Collapse borders between toggles */
+    ::slotted(mz-toggle:not(:first-of-type)) {
+      margin-inline-start: calc(-1 * var(--mz-border-width-sm));
+    }
+
+    /* Apply border-radius to first and last items directly */
+    ::slotted(mz-toggle) {
+      --_toggle-radius: 0;
+    }
+
+    ::slotted(mz-toggle:first-of-type) {
+      --_toggle-radius: var(--mz-radius-md) 0 0 var(--mz-radius-md);
+    }
+
+    ::slotted(mz-toggle:last-of-type) {
+      --_toggle-radius: 0 var(--mz-radius-md) var(--mz-radius-md) 0;
+    }
+
+    ::slotted(mz-toggle:only-of-type) {
+      --_toggle-radius: var(--mz-radius-md);
+    }
+  `];export{l as a};
+//# sourceMappingURL=chunk.PLP2TIVC.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/toggle-group/toggle-group.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    }\n\n    .toggle-group {\n      display: inline-flex;\n    }\n\n    /* Collapse borders between toggles */\n    ::slotted(mz-toggle:not(:first-of-type)) {\n      margin-inline-start: calc(-1 * var(--mz-border-width-sm));\n    }\n\n    /* Apply border-radius to first and last items directly */\n    ::slotted(mz-toggle) {\n      --_toggle-radius: 0;\n    }\n\n    ::slotted(mz-toggle:first-of-type) {\n      --_toggle-radius: var(--mz-radius-md) 0 0 var(--mz-radius-md);\n    }\n\n    ::slotted(mz-toggle:last-of-type) {\n      --_toggle-radius: 0 var(--mz-radius-md) var(--mz-radius-md) 0;\n    }\n\n    ::slotted(mz-toggle:only-of-type) {\n      --_toggle-radius: var(--mz-radius-md);\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,GA+BF",
+  "names": ["toggle_group_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.PUGWU4QL.js

@@ -0,0 +1,108 @@
+import{a as o}from"./chunk.22OS67BO.js";import{a as r}from"./chunk.TO7F5R6A.js";var t=[o,r`
+    :host {
+      display: contents;
+    }
+
+    dialog {
+      position: fixed;
+      inset: 0;
+      border: none;
+      background: transparent;
+      padding: 0;
+      margin: 0;
+      width: 100%;
+      height: 100%;
+      max-width: 100%;
+      max-height: 100%;
+      display: flex;
+      align-items: flex-start;
+      justify-content: center;
+      padding-top: 15vh;
+    }
+
+    dialog::backdrop {
+      background: rgb(28 25 21 / 0.4);
+    }
+
+    dialog:not([open]) {
+      display: none;
+    }
+
+    .command {
+      width: min(90vw, 32rem);
+      background: var(--mz-color-surface-overlay, var(--mz-color-surface, #fff));
+      border: 1px solid var(--mz-color-border);
+      border-radius: var(--mz-radius-xl, 1rem);
+      box-shadow: var(--mz-shadow-xl, 0 20px 60px rgb(28 25 21 / 0.2));
+      overflow: hidden;
+      font-family: var(--mz-font-sans);
+    }
+
+    .command__search {
+      display: flex;
+      align-items: center;
+      gap: var(--mz-space-sm, 0.5rem);
+      padding: var(--mz-space-sm, 0.5rem) var(--mz-space-md, 0.75rem);
+      border-bottom: 1px solid var(--mz-color-border);
+    }
+
+    .command__search-icon {
+      color: var(--mz-color-text-disabled);
+      flex-shrink: 0;
+    }
+
+    .command__input {
+      flex: 1;
+      border: none;
+      background: transparent;
+      font-family: inherit;
+      font-size: var(--mz-font-size-base, 1rem);
+      color: var(--mz-color-text, inherit);
+      outline: none;
+      padding: var(--mz-space-xs, 0.25rem) 0;
+    }
+
+    .command__input::placeholder {
+      color: var(--mz-color-text-disabled);
+    }
+
+    .command__list {
+      max-height: 18rem;
+      overflow-y: auto;
+      padding: var(--mz-space-xs, 0.25rem);
+    }
+
+    .command__empty {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: var(--mz-space-lg, 1rem);
+      color: var(--mz-color-text-secondary);
+      font-size: var(--mz-font-size-sm, 0.875rem);
+    }
+
+    /* Style slotted items */
+    ::slotted(mz-menu-item),
+    ::slotted([role="option"]) {
+      display: block;
+      cursor: pointer;
+    }
+
+    ::slotted(.command-highlighted) {
+      background: color-mix(in srgb, var(--mz-color-primary) 10%, var(--mz-color-surface));
+      border-radius: var(--mz-radius-md, 0.375rem);
+    }
+
+    /* Group labels */
+    ::slotted(.command-group-label) {
+      display: block;
+      padding: var(--mz-space-xs, 0.25rem) var(--mz-space-sm, 0.5rem);
+      font-size: var(--mz-font-size-xs, 0.75rem);
+      font-weight: var(--mz-font-weight-semibold, 600);
+      color: var(--mz-color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      pointer-events: none;
+    }
+  `];export{t as a};
+//# sourceMappingURL=chunk.PUGWU4QL.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/command/command.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    dialog {\n      position: fixed;\n      inset: 0;\n      border: none;\n      background: transparent;\n      padding: 0;\n      margin: 0;\n      width: 100%;\n      height: 100%;\n      max-width: 100%;\n      max-height: 100%;\n      display: flex;\n      align-items: flex-start;\n      justify-content: center;\n      padding-top: 15vh;\n    }\n\n    dialog::backdrop {\n      background: rgb(28 25 21 / 0.4);\n    }\n\n    dialog:not([open]) {\n      display: none;\n    }\n\n    .command {\n      width: min(90vw, 32rem);\n      background: var(--mz-color-surface-overlay, var(--mz-color-surface, #fff));\n      border: 1px solid var(--mz-color-border);\n      border-radius: var(--mz-radius-xl, 1rem);\n      box-shadow: var(--mz-shadow-xl, 0 20px 60px rgb(28 25 21 / 0.2));\n      overflow: hidden;\n      font-family: var(--mz-font-sans);\n    }\n\n    .command__search {\n      display: flex;\n      align-items: center;\n      gap: var(--mz-space-sm, 0.5rem);\n      padding: var(--mz-space-sm, 0.5rem) var(--mz-space-md, 0.75rem);\n      border-bottom: 1px solid var(--mz-color-border);\n    }\n\n    .command__search-icon {\n      color: var(--mz-color-text-disabled);\n      flex-shrink: 0;\n    }\n\n    .command__input {\n      flex: 1;\n      border: none;\n      background: transparent;\n      font-family: inherit;\n      font-size: var(--mz-font-size-base, 1rem);\n      color: var(--mz-color-text, inherit);\n      outline: none;\n      padding: var(--mz-space-xs, 0.25rem) 0;\n    }\n\n    .command__input::placeholder {\n      color: var(--mz-color-text-disabled);\n    }\n\n    .command__list {\n      max-height: 18rem;\n      overflow-y: auto;\n      padding: var(--mz-space-xs, 0.25rem);\n    }\n\n    .command__empty {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: var(--mz-space-lg, 1rem);\n      color: var(--mz-color-text-secondary);\n      font-size: var(--mz-font-size-sm, 0.875rem);\n    }\n\n    /* Style slotted items */\n    ::slotted(mz-menu-item),\n    ::slotted([role=\"option\"]) {\n      display: block;\n      cursor: pointer;\n    }\n\n    ::slotted(.command-highlighted) {\n      background: color-mix(in srgb, var(--mz-color-primary) 10%, var(--mz-color-surface));\n      border-radius: var(--mz-radius-md, 0.375rem);\n    }\n\n    /* Group labels */\n    ::slotted(.command-group-label) {\n      display: block;\n      padding: var(--mz-space-xs, 0.25rem) var(--mz-space-sm, 0.5rem);\n      font-size: var(--mz-font-size-xs, 0.75rem);\n      font-weight: var(--mz-font-weight-semibold, 600);\n      color: var(--mz-color-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2GF",
+  "names": ["command_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.Q5NQRRET.js

@@ -0,0 +1,113 @@
+import{a}from"./chunk.22OS67BO.js";import{a as r}from"./chunk.TO7F5R6A.js";var t=[a,r`
+    @layer base, variants, appearances, states;
+
+    @layer base {
+      :host {
+        display: block;
+      }
+
+      .alert {
+        display: flex;
+        align-items: flex-start;
+        gap: var(--mz-space-sm);
+        padding: var(--mz-space-md) var(--mz-space-lg);
+        border: var(--mz-border-width-sm) solid transparent;
+        border-radius: var(--mz-alert-radius, var(--mz-radius-lg));
+        background: var(--_bg);
+        color: var(--_text);
+        border-color: var(--_border, transparent);
+        font-family: var(--mz-font-sans);
+        font-size: var(--mz-font-size-sm);
+        line-height: var(--mz-line-height-normal);
+      }
+
+      .alert__icon {
+        display: flex;
+        flex-shrink: 0;
+        padding-top: var(--mz-space-3xs);
+        font-size: var(--mz-font-size-lg);
+      }
+
+      .alert__content {
+        flex: 1;
+        min-width: 0;
+      }
+
+      .alert__close {
+        display: flex;
+        flex-shrink: 0;
+        align-items: center;
+        justify-content: center;
+        background: none;
+        border: none;
+        padding: var(--mz-space-2xs);
+        margin: calc(var(--mz-space-2xs) * -1);
+        cursor: pointer;
+        color: inherit;
+        opacity: 0.7;
+        border-radius: var(--mz-radius-sm);
+        transition: opacity var(--mz-transition-fast);
+        font-size: var(--mz-font-size-lg);
+        line-height: 1;
+      }
+
+      .alert__close:hover {
+        opacity: 1;
+      }
+
+      .alert__close:focus-visible {
+        outline: var(--mz-focus-ring);
+        outline-offset: var(--mz-focus-ring-offset);
+      }
+    }
+
+    @layer variants {
+      :host([variant='primary']) {
+        --_color: var(--mz-color-primary);
+      }
+
+      :host([variant='danger']) {
+        --_color: var(--mz-color-danger);
+      }
+
+      :host([variant='success']) {
+        --_color: var(--mz-color-success);
+      }
+
+      :host([variant='warning']) {
+        --_color: var(--mz-color-warning);
+      }
+
+      :host([variant='neutral']),
+      :host(:not([variant])) {
+        --_color: var(--mz-color-neutral);
+      }
+    }
+
+    @layer appearances {
+      :host([appearance='soft']),
+      :host(:not([appearance])) {
+        --_bg: color-mix(in srgb, var(--_color) 10%, transparent);
+        --_text: var(--mz-color-text);
+        --_border: color-mix(in srgb, var(--_color) 30%, transparent);
+      }
+
+      :host([appearance='filled']) {
+        --_bg: var(--_color);
+        --_text: var(--mz-color-on-primary);
+      }
+
+      :host([appearance='outline']) {
+        --_bg: transparent;
+        --_text: var(--mz-color-text);
+        --_border: var(--_color);
+      }
+    }
+
+    @layer states {
+      :host([hidden]) {
+        display: none;
+      }
+    }
+  `];export{t as a};
+//# sourceMappingURL=chunk.Q5NQRRET.js.map

package/cdn/chunks/chunk.QH4BJ7YS.js

@@ -0,0 +1,18 @@
+import{a as p}from"./chunk.22OS67BO.js";import{a}from"./chunk.TO7F5R6A.js";var t=a`
+  ${p}
+
+  :host {
+    --_tab-panel-padding: var(--mz-tab-panel-padding, var(--mz-space-md) 0);
+
+    display: block;
+  }
+
+  :host([hidden]) {
+    display: none;
+  }
+
+  .tab-panel {
+    padding: var(--_tab-panel-padding);
+  }
+`;export{t as a};
+//# sourceMappingURL=chunk.QH4BJ7YS.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tab-panel/tab-panel.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default css`\n  ${componentStyles}\n\n  :host {\n    --_tab-panel-padding: var(--mz-tab-panel-padding, var(--mz-space-md) 0);\n\n    display: block;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .tab-panel {\n    padding: var(--_tab-panel-padding);\n  }\n`;\n"],
+  "mappings": "2EAGA,IAAOA,EAAQC;AAAA,IACXC,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["tab_panel_styles_default", "i", "component_styles_default"]
+}

package/cdn/chunks/chunk.QI2K23UY.js

@@ -0,0 +1,67 @@
+import{a as r}from"./chunk.22OS67BO.js";import{a as o}from"./chunk.TO7F5R6A.js";var i=[r,o`
+    :host {
+      display: inline-block;
+    }
+
+    .input-otp {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--mz-space-xs, 0.375rem);
+    }
+
+    .input-otp__slot {
+      width: 2.5rem;
+      height: 3rem;
+      text-align: center;
+      font-family: var(--mz-font-sans);
+      font-size: var(--mz-font-size-lg);
+      font-weight: var(--mz-font-weight-semibold, 600);
+      color: var(--mz-color-text);
+      border: 1px solid var(--mz-color-border);
+      border-radius: var(--mz-radius-md, 0.5rem);
+      background: var(--mz-color-surface, #fff);
+      outline: none;
+      transition: border-color 0.15s, box-shadow 0.15s;
+      caret-color: var(--mz-color-primary);
+    }
+
+    .input-otp__slot:focus {
+      border-color: var(--mz-color-primary);
+      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mz-color-primary) 15%, transparent);
+    }
+
+    .input-otp__slot:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .input-otp__separator {
+      display: flex;
+      align-items: center;
+      color: var(--mz-color-text-muted);
+      font-size: var(--mz-font-size-lg);
+      padding: 0 var(--mz-space-xs);
+    }
+
+    /* Sizes */
+    :host([size='small']) .input-otp__slot {
+      width: 2rem;
+      height: 2.5rem;
+      font-size: var(--mz-font-size-base);
+    }
+
+    :host([size='large']) .input-otp__slot {
+      width: 3rem;
+      height: 3.5rem;
+      font-size: var(--mz-font-size-xl);
+    }
+
+    :host([size='small']) .input-otp__separator {
+      font-size: var(--mz-font-size-base);
+    }
+
+    :host([size='large']) .input-otp__separator {
+      font-size: var(--mz-font-size-xl);
+    }
+  `];export{i as a};
+//# sourceMappingURL=chunk.QI2K23UY.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/input-otp/input-otp.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    }\n\n    .input-otp {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--mz-space-xs, 0.375rem);\n    }\n\n    .input-otp__slot {\n      width: 2.5rem;\n      height: 3rem;\n      text-align: center;\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      border: 1px solid var(--mz-color-border);\n      border-radius: var(--mz-radius-md, 0.5rem);\n      background: var(--mz-color-surface, #fff);\n      outline: none;\n      transition: border-color 0.15s, box-shadow 0.15s;\n      caret-color: var(--mz-color-primary);\n    }\n\n    .input-otp__slot:focus {\n      border-color: var(--mz-color-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mz-color-primary) 15%, transparent);\n    }\n\n    .input-otp__slot:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .input-otp__separator {\n      display: flex;\n      align-items: center;\n      color: var(--mz-color-text-muted);\n      font-size: var(--mz-font-size-lg);\n      padding: 0 var(--mz-space-xs);\n    }\n\n    /* Sizes */\n    :host([size='small']) .input-otp__slot {\n      width: 2rem;\n      height: 2.5rem;\n      font-size: var(--mz-font-size-base);\n    }\n\n    :host([size='large']) .input-otp__slot {\n      width: 3rem;\n      height: 3.5rem;\n      font-size: var(--mz-font-size-xl);\n    }\n\n    :host([size='small']) .input-otp__separator {\n      font-size: var(--mz-font-size-base);\n    }\n\n    :host([size='large']) .input-otp__separator {\n      font-size: var(--mz-font-size-xl);\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,GAkEF",
+  "names": ["input_otp_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.QV7EPOUZ.js

@@ -0,0 +1,12 @@
+import{a as h}from"./chunk.VAV3VXV3.js";import{d as o}from"./chunk.GX7DY53T.js";import{a as n,c as l,d}from"./chunk.K3BKUERM.js";import{d as r}from"./chunk.TO7F5R6A.js";import{a}from"./chunk.OJRE6F6M.js";import{a as i}from"./chunk.MGICPQBB.js";var t=class extends d{constructor(){super(...arguments);this.open=!1;this.placement="bottom-start";this.distance=4}connectedCallback(){super.connectedCallback(),this.handleOutsideClick=this.handleOutsideClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.floatingController=new a(this,{referenceEl:()=>this.getTrigger(),floatingEl:()=>this.panelEl,placement:this.placement,distance:this.distance})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners()}getTrigger(){return(this.shadowRoot?.querySelector('slot[name="trigger"]')?.assignedElements({flatten:!0})??[])[0]??null}async updated(e){e.has("open")&&(this.open?await this.showDropdown():e.get("open")===!0&&await this.hideDropdown()),(e.has("placement")||e.has("distance"))&&(this.floatingController=new a(this,{referenceEl:()=>this.getTrigger(),floatingEl:()=>this.panelEl,placement:this.placement,distance:this.distance}))}async showDropdown(){this.emit("mz-show"),this.panelEl.style.display="block",await this.floatingController.show();let e=this.getTrigger();e&&(e.setAttribute("aria-expanded","true"),e.setAttribute("aria-haspopup","true")),await o(this.panelEl,"dropdown.show",this.prefersReducedMotion).finished,this.addListeners(),this.emit("mz-after-show")}async hideDropdown(){this.emit("mz-hide"),this.removeListeners(),await o(this.panelEl,"dropdown.hide",this.prefersReducedMotion).finished,this.panelEl.style.display="none",this.floatingController.hide();let s=this.getTrigger();s&&s.setAttribute("aria-expanded","false"),this.emit("mz-after-hide")}toggle(){this.open=!this.open}show(){this.open=!0}hide(){this.open=!1}handleTriggerClick(){this.toggle()}handleOutsideClick(e){this.contains(e.target)||this.hide()}handleKeyDown(e){e.key==="Escape"&&this.open&&(e.stopPropagation(),this.hide(),this.getTrigger()?.focus())}addListeners(){document.addEventListener("click",this.handleOutsideClick,!0),document.addEventListener("keydown",this.handleKeyDown,!0)}removeListeners(){document.removeEventListener("click",this.handleOutsideClick,!0),document.removeEventListener("keydown",this.handleKeyDown,!0)}render(){return r`
+      <slot name="trigger" @click=${this.handleTriggerClick}></slot>
+      <div
+        part="panel"
+        class="dropdown__panel"
+        role="menu"
+        style="display: ${this.open?"block":"none"}"
+      >
+        <slot></slot>
+      </div>
+    `}};t.styles=h,i([l(".dropdown__panel")],t.prototype,"panelEl",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);export{t as a};
+//# sourceMappingURL=chunk.QV7EPOUZ.js.map

package/cdn/chunks/chunk.QVGK6PLB.js

@@ -0,0 +1,93 @@
+import{a as o}from"./chunk.22OS67BO.js";import{a as r}from"./chunk.TO7F5R6A.js";var t=r`
+  ${o}
+
+  :host {
+    --_input-group-border-color: var(--mz-input-group-border-color, var(--mz-color-border));
+    --_input-group-border-radius: var(--mz-input-group-border-radius, var(--mz-radius-md));
+
+    display: block;
+    font-family: var(--mz-font-sans);
+  }
+
+  .input-group {
+    display: flex;
+    align-items: stretch;
+    border: 1px solid var(--_input-group-border-color);
+    border-radius: var(--_input-group-border-radius);
+    overflow: hidden;
+    background: var(--mz-color-surface, #fff);
+    transition: box-shadow 150ms ease, border-color 150ms ease;
+  }
+
+  .input-group:focus-within {
+    border-color: var(--mz-color-primary);
+    outline: var(--mz-focus-ring);
+    outline-offset: var(--mz-focus-ring-offset);
+  }
+
+  .input-group--disabled {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+
+  .input-group__prefix,
+  .input-group__suffix {
+    display: flex;
+    align-items: center;
+    padding: 0 var(--mz-space-sm);
+    background: var(--mz-color-surface-raised);
+    color: var(--mz-color-text-secondary);
+    font-size: var(--mz-font-size-sm);
+    white-space: nowrap;
+    border-color: inherit;
+    flex-shrink: 0;
+  }
+
+  .input-group__prefix {
+    border-right: 1px solid var(--_input-group-border-color);
+  }
+
+  .input-group__suffix {
+    border-left: 1px solid var(--_input-group-border-color);
+  }
+
+  .input-group__prefix[hidden],
+  .input-group__suffix[hidden] {
+    display: none;
+  }
+
+  .input-group__input {
+    flex: 1;
+    min-width: 0;
+  }
+
+  /* Remove the inner input's border and border-radius so it blends into the group */
+  ::slotted(input) {
+    border: none !important;
+    border-radius: 0 !important;
+    box-shadow: none !important;
+    outline: none !important;
+  }
+
+  /* CSS custom properties cascade through shadow DOM to suppress internal borders */
+  ::slotted(mz-input),
+  ::slotted(mz-select) {
+    --mz-input-border-width: 0;
+    --mz-input-border-radius: 0;
+    --mz-focus-ring: none;
+  }
+
+  /* Size variants */
+  :host([size='sm']) .input-group__prefix,
+  :host([size='sm']) .input-group__suffix {
+    padding: 0 var(--mz-space-xs);
+    font-size: var(--mz-font-size-xs);
+  }
+
+  :host([size='lg']) .input-group__prefix,
+  :host([size='lg']) .input-group__suffix {
+    padding: 0 var(--mz-space-md);
+    font-size: var(--mz-font-size-md);
+  }
+`;export{t as a};
+//# sourceMappingURL=chunk.QVGK6PLB.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/input-group/input-group.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default css`\n  ${componentStyles}\n\n  :host {\n    --_input-group-border-color: var(--mz-input-group-border-color, var(--mz-color-border));\n    --_input-group-border-radius: var(--mz-input-group-border-radius, var(--mz-radius-md));\n\n    display: block;\n    font-family: var(--mz-font-sans);\n  }\n\n  .input-group {\n    display: flex;\n    align-items: stretch;\n    border: 1px solid var(--_input-group-border-color);\n    border-radius: var(--_input-group-border-radius);\n    overflow: hidden;\n    background: var(--mz-color-surface, #fff);\n    transition: box-shadow 150ms ease, border-color 150ms ease;\n  }\n\n  .input-group: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-group--disabled {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  .input-group__prefix,\n  .input-group__suffix {\n    display: flex;\n    align-items: center;\n    padding: 0 var(--mz-space-sm);\n    background: var(--mz-color-surface-raised);\n    color: var(--mz-color-text-secondary);\n    font-size: var(--mz-font-size-sm);\n    white-space: nowrap;\n    border-color: inherit;\n    flex-shrink: 0;\n  }\n\n  .input-group__prefix {\n    border-right: 1px solid var(--_input-group-border-color);\n  }\n\n  .input-group__suffix {\n    border-left: 1px solid var(--_input-group-border-color);\n  }\n\n  .input-group__prefix[hidden],\n  .input-group__suffix[hidden] {\n    display: none;\n  }\n\n  .input-group__input {\n    flex: 1;\n    min-width: 0;\n  }\n\n  /* Remove the inner input's border and border-radius so it blends into the group */\n  ::slotted(input) {\n    border: none !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n    outline: none !important;\n  }\n\n  /* CSS custom properties cascade through shadow DOM to suppress internal borders */\n  ::slotted(mz-input),\n  ::slotted(mz-select) {\n    --mz-input-border-width: 0;\n    --mz-input-border-radius: 0;\n    --mz-focus-ring: none;\n  }\n\n  /* Size variants */\n  :host([size='sm']) .input-group__prefix,\n  :host([size='sm']) .input-group__suffix {\n    padding: 0 var(--mz-space-xs);\n    font-size: var(--mz-font-size-xs);\n  }\n\n  :host([size='lg']) .input-group__prefix,\n  :host([size='lg']) .input-group__suffix {\n    padding: 0 var(--mz-space-md);\n    font-size: var(--mz-font-size-md);\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;AAAA;AAAA;AAAA;AAAA;AAAA;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": ["input_group_styles_default", "i", "component_styles_default"]
+}

package/cdn/chunks/chunk.QXVVOVBO.js

@@ -0,0 +1,30 @@
+import{a as r}from"./chunk.22OS67BO.js";import{a as o}from"./chunk.TO7F5R6A.js";var t=[r,o`
+    :host {
+      display: inline-block;
+      position: relative;
+    }
+
+    .popover__body {
+      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-md);
+      width: max-content;
+      max-width: 24rem;
+    }
+
+    .popover__arrow {
+      position: absolute;
+      width: 8px;
+      height: 8px;
+      background: var(--mz-color-surface-overlay, var(--mz-color-surface));
+      border: var(--mz-border-width-sm) solid var(--mz-color-border);
+      /* Default: points up (for bottom placement). FloatingController rotates via inline style. */
+      clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
+      border: none;
+    }
+  `];export{t as a};
+//# sourceMappingURL=chunk.QXVVOVBO.js.map

package/cdn/chunks/chunk.R353BQK4.js

@@ -0,0 +1,75 @@
+import{a}from"./chunk.5SUNUKVW.js";import{a as o}from"./chunk.22OS67BO.js";import{a as r}from"./chunk.TO7F5R6A.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.R353BQK4.js.map