@manzanohq/components 0.1.1

package/dist/components/progress/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/progress/progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,cAAc,yBAAyB,CAAC;AAIxC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/components/progress/progress.js

@@ -0,0 +1,4 @@
+import { MzProgress } from "./progress.component.js";
+export * from "./progress.component.js";
+MzProgress.define("mz-progress");
+//# sourceMappingURL=progress.js.map

package/dist/components/progress/progress.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/progress/progress.ts"],
+  "sourcesContent": ["import { MzProgress } from './progress.component.js';\n\nexport * from './progress.component.js';\n\nMzProgress.define('mz-progress');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-progress': MzProgress;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,cAAc;AAEd,WAAW,OAAO,aAAa;",
+  "names": []
+}

package/dist/components/progress/progress.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult[];
+export default _default;
+//# sourceMappingURL=progress.styles.d.ts.map

package/dist/components/progress/progress.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.styles.d.ts","sourceRoot":"","sources":["../../../src/components/progress/progress.styles.ts"],"names":[],"mappings":";AAGA,wBAqCE"}

package/dist/components/progress/progress.styles.js

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

package/dist/components/progress/progress.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/progress/progress.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    :host {\n      display: block;\n    }\n\n    .progress {\n      position: relative;\n      height: var(--mz-progress-height, 0.5rem);\n      background: var(--mz-progress-track-color, var(--mz-color-surface-hover));\n      border-radius: var(--mz-radius-pill);\n      overflow: hidden;\n    }\n\n    .progress__indicator {\n      height: 100%;\n      background: var(--mz-progress-indicator-color, var(--mz-color-primary));\n      border-radius: inherit;\n      transition: width var(--mz-transition-fast) ease;\n    }\n\n    /* Indeterminate animation */\n    .progress--indeterminate .progress__indicator {\n      width: 30%;\n      animation: indeterminate 1.5s ease-in-out infinite;\n    }\n\n    @keyframes indeterminate {\n      0% {\n        transform: translateX(-100%);\n      }\n      100% {\n        transform: translateX(400%);\n      }\n    }\n  `\n];\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,0BAAQ;AAAA,EACb;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCF;",
+  "names": []
+}

package/dist/components/radio/radio.component.d.ts

@@ -0,0 +1,37 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A radio button, used inside mz-radio-group.
+ *
+ * @tag mz-radio
+ *
+ * @slot - The radio label.
+ *
+ * @event mz-radio-change - Emitted when this radio is selected (bubbles to radio-group).
+ * @event mz-focus - Emitted when the radio gains focus.
+ * @event mz-blur - Emitted when the radio loses focus.
+ *
+ * @csspart base - The radio wrapper.
+ * @csspart control - The visual radio circle.
+ * @csspart label - The label text.
+ */
+export declare class MzRadio extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    private inputEl;
+    /** The radio's value. */
+    value: string;
+    /** The radio's size. */
+    size: 'sm' | 'md' | 'lg';
+    /** Whether this radio is checked. */
+    checked: boolean;
+    /** Disables the radio. */
+    disabled: boolean;
+    /** Sets focus on the radio. */
+    focus(options?: FocusOptions): void;
+    /** Removes focus from the radio. */
+    blur(): void;
+    private handleChange;
+    private handleFocus;
+    private handleBlur;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=radio.component.d.ts.map

package/dist/components/radio/radio.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.component.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE;;;;;;;;;;;;;;GAcG;AACH,qBAAa,OAAQ,SAAQ,cAAc;IACzC,MAAM,CAAC,MAAM,4BAAU;IAEC,OAAO,CAAC,OAAO,CAAoB;IAE3D,yBAAyB;IACb,KAAK,SAAM;IAEvB,wBAAwB;IACK,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAE7D,qCAAqC;IACO,OAAO,UAAS;IAE5D,0BAA0B;IACkB,QAAQ,UAAS;IAE7D,+BAA+B;IAC/B,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,oCAAoC;IACpC,IAAI,IAAI,IAAI;IAIZ,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAIlB,MAAM;CA2BP"}

package/dist/components/radio/radio.component.js

@@ -0,0 +1,90 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import { html, nothing } from "lit";
+import { property, query } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import styles from "./radio.styles.js";
+class MzRadio extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.value = "";
+    this.size = "md";
+    this.checked = false;
+    this.disabled = false;
+  }
+  /** Sets focus on the radio. */
+  focus(options) {
+    this.inputEl?.focus(options);
+  }
+  /** Removes focus from the radio. */
+  blur() {
+    this.inputEl?.blur();
+  }
+  handleChange() {
+    if (!this.checked) {
+      this.checked = true;
+      this.emit("mz-radio-change", { detail: { value: this.value } });
+    }
+  }
+  handleFocus() {
+    this.emit("mz-focus");
+  }
+  handleBlur() {
+    this.emit("mz-blur");
+  }
+  render() {
+    const controlClasses = {
+      radio__control: true,
+      "radio__control--checked": this.checked
+    };
+    return html`
+      <label part="base" class="radio">
+        <input
+          class="radio__input"
+          type="radio"
+          value=${this.value}
+          .checked=${this.checked}
+          ?disabled=${this.disabled}
+          @change=${this.handleChange}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+        />
+        <span part="control" class=${classMap(controlClasses)}>
+          ${this.checked ? html`<span class="radio__dot"></span>` : nothing}
+        </span>
+        <span part="label" class="radio__label">
+          <slot></slot>
+        </span>
+      </label>
+    `;
+  }
+}
+MzRadio.styles = styles;
+__decorateClass([
+  query(".radio__input")
+], MzRadio.prototype, "inputEl", 2);
+__decorateClass([
+  property()
+], MzRadio.prototype, "value", 2);
+__decorateClass([
+  property({ reflect: true })
+], MzRadio.prototype, "size", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzRadio.prototype, "checked", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzRadio.prototype, "disabled", 2);
+export {
+  MzRadio
+};
+//# sourceMappingURL=radio.component.js.map

package/dist/components/radio/radio.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/radio/radio.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './radio.styles.js';\n\n/**\n * @summary A radio button, used inside mz-radio-group.\n *\n * @tag mz-radio\n *\n * @slot - The radio label.\n *\n * @event mz-radio-change - Emitted when this radio is selected (bubbles to radio-group).\n * @event mz-focus - Emitted when the radio gains focus.\n * @event mz-blur - Emitted when the radio loses focus.\n *\n * @csspart base - The radio wrapper.\n * @csspart control - The visual radio circle.\n * @csspart label - The label text.\n */\nexport class MzRadio extends ManzanoElement {\n  static styles = styles;\n\n  @query('.radio__input') private inputEl!: HTMLInputElement;\n\n  /** The radio's value. */\n  @property() value = '';\n\n  /** The radio's size. */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** Whether this radio is checked. */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** Disables the radio. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Sets focus on the radio. */\n  focus(options?: FocusOptions): void {\n    this.inputEl?.focus(options);\n  }\n\n  /** Removes focus from the radio. */\n  blur(): void {\n    this.inputEl?.blur();\n  }\n\n  private handleChange(): void {\n    if (!this.checked) {\n      this.checked = true;\n      this.emit('mz-radio-change', { detail: { value: this.value } });\n    }\n  }\n\n  private handleFocus(): void {\n    this.emit('mz-focus');\n  }\n\n  private handleBlur(): void {\n    this.emit('mz-blur');\n  }\n\n  render() {\n    const controlClasses = {\n      radio__control: true,\n      'radio__control--checked': this.checked\n    };\n\n    return html`\n      <label part=\"base\" class=\"radio\">\n        <input\n          class=\"radio__input\"\n          type=\"radio\"\n          value=${this.value}\n          .checked=${this.checked}\n          ?disabled=${this.disabled}\n          @change=${this.handleChange}\n          @focus=${this.handleFocus}\n          @blur=${this.handleBlur}\n        />\n        <span part=\"control\" class=${classMap(controlClasses)}>\n          ${this.checked ? html`<span class=\"radio__dot\"></span>` : nothing}\n        </span>\n        <span part=\"label\" class=\"radio__label\">\n          <slot></slot>\n        </span>\n      </label>\n    `;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;AAAA,SAAS,MAAM,eAAe;AAC9B,SAAS,UAAU,aAAa;AAChC,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,OAAO,YAAY;AAiBZ,MAAM,gBAAgB,eAAe;AAAA,EAArC;AAAA;AAMO,iBAAQ;AAGS,gBAA2B;AAGZ,mBAAU;AAGV,oBAAW;AAAA;AAAA;AAAA,EAGvD,MAAM,SAA8B;AAClC,SAAK,SAAS,MAAM,OAAO;AAAA,EAC7B;AAAA;AAAA,EAGA,OAAa;AACX,SAAK,SAAS,KAAK;AAAA,EACrB;AAAA,EAEQ,eAAqB;AAC3B,QAAI,CAAC,KAAK,SAAS;AACjB,WAAK,UAAU;AACf,WAAK,KAAK,mBAAmB,EAAE,QAAQ,EAAE,OAAO,KAAK,MAAM,EAAE,CAAC;AAAA,IAChE;AAAA,EACF;AAAA,EAEQ,cAAoB;AAC1B,SAAK,KAAK,UAAU;AAAA,EACtB;AAAA,EAEQ,aAAmB;AACzB,SAAK,KAAK,SAAS;AAAA,EACrB;AAAA,EAEA,SAAS;AACP,UAAM,iBAAiB;AAAA,MACrB,gBAAgB;AAAA,MAChB,2BAA2B,KAAK;AAAA,IAClC;AAEA,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKO,KAAK,KAAK;AAAA,qBACP,KAAK,OAAO;AAAA,sBACX,KAAK,QAAQ;AAAA,oBACf,KAAK,YAAY;AAAA,mBAClB,KAAK,WAAW;AAAA,kBACjB,KAAK,UAAU;AAAA;AAAA,qCAEI,SAAS,cAAc,CAAC;AAAA,YACjD,KAAK,UAAU,yCAAyC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOzE;AACF;AArEa,QACJ,SAAS;AAEgB;AAAA,EAA/B,MAAM,eAAe;AAAA,GAHX,QAGqB;AAGpB;AAAA,EAAX,SAAS;AAAA,GANC,QAMC;AAGiB;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAThB,QASkB;AAGe;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAZ/B,QAYiC;AAGA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAf/B,QAeiC;",
+  "names": []
+}

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,8 @@
+import { MzRadio } from './radio.component.js';
+export * from './radio.component.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'mz-radio': MzRadio;
+    }
+}
+//# sourceMappingURL=radio.d.ts.map

package/dist/components/radio/radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,cAAc,sBAAsB,CAAC;AAIrC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/components/radio/radio.js

@@ -0,0 +1,4 @@
+import { MzRadio } from "./radio.component.js";
+export * from "./radio.component.js";
+MzRadio.define("mz-radio");
+//# sourceMappingURL=radio.js.map

package/dist/components/radio/radio.js.map

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

package/dist/components/radio/radio.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult[];
+export default _default;
+//# sourceMappingURL=radio.styles.d.ts.map

package/dist/components/radio/radio.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.styles.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.styles.ts"],"names":[],"mappings":";AAGA,wBAmGE"}

package/dist/components/radio/radio.styles.js

@@ -0,0 +1,106 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var radio_styles_default = [
+  componentStyles,
+  css`
+    @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 {
+  radio_styles_default as default
+};
+//# sourceMappingURL=radio.styles.js.map

package/dist/components/radio/radio.styles.js.map

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

package/dist/components/radio-group/radio-group.component.d.ts

@@ -0,0 +1,44 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A group of radio buttons.
+ *
+ * @tag mz-radio-group
+ *
+ * @slot - The radio buttons (mz-radio elements).
+ * @slot label - The group label.
+ * @slot help-text - Help text below the group.
+ *
+ * @event mz-change - Emitted when the selected value changes.
+ *
+ * @csspart base - The radio group wrapper.
+ * @csspart label - The group label.
+ * @csspart options - The options container.
+ * @csspart help-text - The help text element.
+ */
+export declare class MzRadioGroup extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    private readonly hasSlotController;
+    /** The group's name for form participation. */
+    name: string;
+    /** The currently selected value. */
+    value: string;
+    /** The group's size (passed to child radios). */
+    size: 'sm' | 'md' | 'lg';
+    /** The group label text. */
+    label: string;
+    /** Help text. */
+    helpText: string;
+    /** Disables the entire group. */
+    disabled: boolean;
+    /** Makes a selection required. */
+    required: boolean;
+    /** Layout orientation. */
+    orientation: 'vertical' | 'horizontal';
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleRadioChange;
+    updated(changed: Map<string, unknown>): void;
+    private syncRadios;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=radio-group.component.d.ts.map

package/dist/components/radio-group/radio-group.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.component.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAInE;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,YAAa,SAAQ,cAAc;IAC9C,MAAM,CAAC,MAAM,4BAAU;IAEvB,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAqD;IAEvF,+CAA+C;IACnC,IAAI,SAAM;IAEtB,oCAAoC;IACxB,KAAK,SAAM;IAEvB,iDAAiD;IACpB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAE7D,4BAA4B;IAChB,KAAK,SAAM;IAEvB,iBAAiB;IACqB,QAAQ,SAAM;IAEpD,iCAAiC;IACW,QAAQ,UAAS;IAE7D,kCAAkC;IACU,QAAQ,UAAS;IAE7D,0BAA0B;IACG,WAAW,EAAE,UAAU,GAAG,YAAY,CAAc;IAEjF,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,iBAAiB,CAIvB;IAEF,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAM5C,OAAO,CAAC,UAAU;IAQlB,MAAM;CAsBP"}

package/dist/components/radio-group/radio-group.component.js

@@ -0,0 +1,100 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import { html, nothing } from "lit";
+import { property } from "lit/decorators.js";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import { HasSlotController } from "../../internal/slot.js";
+import styles from "./radio-group.styles.js";
+class MzRadioGroup extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(this, "label", "help-text");
+    this.name = "";
+    this.value = "";
+    this.size = "md";
+    this.label = "";
+    this.helpText = "";
+    this.disabled = false;
+    this.required = false;
+    this.orientation = "vertical";
+    this.handleRadioChange = (e) => {
+      this.value = e.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(changed) {
+    if (changed.has("value") || changed.has("disabled")) {
+      this.syncRadios();
+    }
+  }
+  syncRadios() {
+    const radios = this.querySelectorAll("mz-radio");
+    for (const radio of radios) {
+      radio.checked = radio.value === this.value;
+      if (this.disabled) radio.disabled = true;
+    }
+  }
+  render() {
+    const hasLabel = this.label || this.hasSlotController.test("label");
+    const hasHelpText = this.helpText || this.hasSlotController.test("help-text");
+    return html`
+      <fieldset part="base" class="form-control" role="radiogroup" aria-label=${this.label || nothing}>
+        ${hasLabel ? html`<legend part="label" class="form-control__label">
+              ${this.label || html`<slot name="label"></slot>`}
+            </legend>` : nothing}
+        <div part="options" class="radio-group__options">
+          <slot></slot>
+        </div>
+        ${hasHelpText ? html`<span part="help-text" class="form-control__help-text">
+              ${this.helpText || html`<slot name="help-text"></slot>`}
+            </span>` : nothing}
+      </fieldset>
+    `;
+  }
+}
+MzRadioGroup.styles = styles;
+__decorateClass([
+  property()
+], MzRadioGroup.prototype, "name", 2);
+__decorateClass([
+  property()
+], MzRadioGroup.prototype, "value", 2);
+__decorateClass([
+  property({ reflect: true })
+], MzRadioGroup.prototype, "size", 2);
+__decorateClass([
+  property()
+], MzRadioGroup.prototype, "label", 2);
+__decorateClass([
+  property({ attribute: "help-text" })
+], MzRadioGroup.prototype, "helpText", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzRadioGroup.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzRadioGroup.prototype, "required", 2);
+__decorateClass([
+  property({ reflect: true })
+], MzRadioGroup.prototype, "orientation", 2);
+export {
+  MzRadioGroup
+};
+//# sourceMappingURL=radio-group.component.js.map

package/dist/components/radio-group/radio-group.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/radio-group/radio-group.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport styles from './radio-group.styles.js';\n\n/**\n * @summary A group of radio buttons.\n *\n * @tag mz-radio-group\n *\n * @slot - The radio buttons (mz-radio elements).\n * @slot label - The group label.\n * @slot help-text - Help text below the group.\n *\n * @event mz-change - Emitted when the selected value changes.\n *\n * @csspart base - The radio group wrapper.\n * @csspart label - The group label.\n * @csspart options - The options container.\n * @csspart help-text - The help text element.\n */\nexport class MzRadioGroup extends ManzanoElement {\n  static styles = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'label', 'help-text');\n\n  /** The group's name for form participation. */\n  @property() name = '';\n\n  /** The currently selected value. */\n  @property() value = '';\n\n  /** The group's size (passed to child radios). */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** The group label text. */\n  @property() label = '';\n\n  /** Help text. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** Disables the entire group. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Makes a selection required. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Layout orientation. */\n  @property({ reflect: true }) orientation: 'vertical' | 'horizontal' = 'vertical';\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('mz-radio-change', this.handleRadioChange as EventListener);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('mz-radio-change', this.handleRadioChange as EventListener);\n  }\n\n  private handleRadioChange = (e: CustomEvent<{ value: string }>): void => {\n    this.value = e.detail.value;\n    this.syncRadios();\n    this.emit('mz-change');\n  };\n\n  updated(changed: Map<string, unknown>): void {\n    if (changed.has('value') || changed.has('disabled')) {\n      this.syncRadios();\n    }\n  }\n\n  private syncRadios(): void {\n    const radios = this.querySelectorAll('mz-radio') as NodeListOf<HTMLElement & { value: string; checked: boolean; disabled: boolean }>;\n    for (const radio of radios) {\n      radio.checked = radio.value === this.value;\n      if (this.disabled) radio.disabled = true;\n    }\n  }\n\n  render() {\n    const hasLabel = this.label || this.hasSlotController.test('label');\n    const hasHelpText = this.helpText || this.hasSlotController.test('help-text');\n\n    return html`\n      <fieldset part=\"base\" class=\"form-control\" role=\"radiogroup\" aria-label=${this.label || nothing}>\n        ${hasLabel\n          ? html`<legend part=\"label\" class=\"form-control__label\">\n              ${this.label || html`<slot name=\"label\"></slot>`}\n            </legend>`\n          : nothing}\n        <div part=\"options\" class=\"radio-group__options\">\n          <slot></slot>\n        </div>\n        ${hasHelpText\n          ? html`<span part=\"help-text\" class=\"form-control__help-text\">\n              ${this.helpText || html`<slot name=\"help-text\"></slot>`}\n            </span>`\n          : nothing}\n      </fieldset>\n    `;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;AAAA,SAAS,MAAM,eAAe;AAC9B,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,OAAO,YAAY;AAkBZ,MAAM,qBAAqB,eAAe;AAAA,EAA1C;AAAA;AAGL,SAAiB,oBAAoB,IAAI,kBAAkB,MAAM,SAAS,WAAW;AAGzE,gBAAO;AAGP,iBAAQ;AAGS,gBAA2B;AAG5C,iBAAQ;AAGkB,oBAAW;AAGL,oBAAW;AAGX,oBAAW;AAG1B,uBAAyC;AAYtE,SAAQ,oBAAoB,CAAC,MAA4C;AACvE,WAAK,QAAQ,EAAE,OAAO;AACtB,WAAK,WAAW;AAChB,WAAK,KAAK,WAAW;AAAA,IACvB;AAAA;AAAA,EAdA,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,SAAK,iBAAiB,mBAAmB,KAAK,iBAAkC;AAAA,EAClF;AAAA,EAEA,uBAA6B;AAC3B,UAAM,qBAAqB;AAC3B,SAAK,oBAAoB,mBAAmB,KAAK,iBAAkC;AAAA,EACrF;AAAA,EAQA,QAAQ,SAAqC;AAC3C,QAAI,QAAQ,IAAI,OAAO,KAAK,QAAQ,IAAI,UAAU,GAAG;AACnD,WAAK,WAAW;AAAA,IAClB;AAAA,EACF;AAAA,EAEQ,aAAmB;AACzB,UAAM,SAAS,KAAK,iBAAiB,UAAU;AAC/C,eAAW,SAAS,QAAQ;AAC1B,YAAM,UAAU,MAAM,UAAU,KAAK;AACrC,UAAI,KAAK,SAAU,OAAM,WAAW;AAAA,IACtC;AAAA,EACF;AAAA,EAEA,SAAS;AACP,UAAM,WAAW,KAAK,SAAS,KAAK,kBAAkB,KAAK,OAAO;AAClE,UAAM,cAAc,KAAK,YAAY,KAAK,kBAAkB,KAAK,WAAW;AAE5E,WAAO;AAAA,gFACqE,KAAK,SAAS,OAAO;AAAA,UAC3F,WACE;AAAA,gBACI,KAAK,SAAS,gCAAgC;AAAA,yBAElD,OAAO;AAAA;AAAA;AAAA;AAAA,UAIT,cACE;AAAA,gBACI,KAAK,YAAY,oCAAoC;AAAA,uBAEzD,OAAO;AAAA;AAAA;AAAA,EAGjB;AACF;AAjFa,aACJ,SAAS;AAKJ;AAAA,EAAX,SAAS;AAAA,GANC,aAMC;AAGA;AAAA,EAAX,SAAS;AAAA,GATC,aASC;AAGiB;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAZhB,aAYkB;AAGjB;AAAA,EAAX,SAAS;AAAA,GAfC,aAeC;AAG0B;AAAA,EAArC,SAAS,EAAE,WAAW,YAAY,CAAC;AAAA,GAlBzB,aAkB2B;AAGM;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GArB/B,aAqBiC;AAGA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAxB/B,aAwBiC;AAGf;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GA3BhB,aA2BkB;",
+  "names": []
+}

package/dist/components/radio-group/radio-group.d.ts

@@ -0,0 +1,8 @@
+import { MzRadioGroup } from './radio-group.component.js';
+export * from './radio-group.component.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'mz-radio-group': MzRadioGroup;
+    }
+}
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/radio-group/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,cAAc,4BAA4B,CAAC;AAI3C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/components/radio-group/radio-group.js

@@ -0,0 +1,4 @@
+import { MzRadioGroup } from "./radio-group.component.js";
+export * from "./radio-group.component.js";
+MzRadioGroup.define("mz-radio-group");
+//# sourceMappingURL=radio-group.js.map

package/dist/components/radio-group/radio-group.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/radio-group/radio-group.ts"],
+  "sourcesContent": ["import { MzRadioGroup } from './radio-group.component.js';\n\nexport * from './radio-group.component.js';\n\nMzRadioGroup.define('mz-radio-group');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-radio-group': MzRadioGroup;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAE7B,cAAc;AAEd,aAAa,OAAO,gBAAgB;",
+  "names": []
+}

package/dist/components/radio-group/radio-group.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult[];
+export default _default;
+//# sourceMappingURL=radio-group.styles.d.ts.map

package/dist/components/radio-group/radio-group.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.styles.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.styles.ts"],"names":[],"mappings":";AAIA,wBA8DE"}