@manzanohq/components 0.1.1 → 0.1.4

package/dist/components/alert-dialog/alert-dialog.styles.js

@@ -0,0 +1,83 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var alert_dialog_styles_default = [
+  componentStyles,
+  css`
+    :host {
+      display: contents;
+    }
+
+    .alert-dialog {
+      border: none;
+      padding: 0;
+      background: transparent;
+      max-width: none;
+      max-height: none;
+      width: 100%;
+      height: 100%;
+      overflow: visible;
+    }
+
+    .alert-dialog::backdrop {
+      background: rgb(28 25 21 / 0.5);
+    }
+
+    .alert-dialog__panel {
+      position: fixed;
+      inset: 0;
+      margin: auto;
+      display: flex;
+      flex-direction: column;
+      width: min(calc(100vw - var(--mz-space-xl) * 2), 28rem);
+      max-height: calc(100vh - var(--mz-space-xl) * 2);
+      background: var(--mz-color-surface-overlay, var(--mz-color-surface));
+      border-radius: var(--mz-radius-xl);
+      box-shadow: var(--mz-shadow-xl);
+      z-index: var(--mz-z-modal, 1050);
+      overflow: hidden;
+      font-family: var(--mz-font-sans);
+    }
+
+    .alert-dialog__header {
+      padding: var(--mz-space-lg) var(--mz-space-lg) 0;
+    }
+
+    .alert-dialog__title {
+      margin: 0;
+      font-size: var(--mz-font-size-lg);
+      font-weight: var(--mz-font-weight-semibold, 600);
+      color: var(--mz-color-text);
+      line-height: 1.3;
+    }
+
+    .alert-dialog__body {
+      padding: var(--mz-space-sm) var(--mz-space-lg) var(--mz-space-lg);
+      font-size: var(--mz-font-size-sm);
+      color: var(--mz-color-text-secondary);
+      line-height: var(--mz-line-height-relaxed, 1.625);
+      overflow-y: auto;
+    }
+
+    .alert-dialog__footer {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      gap: var(--mz-space-sm);
+      padding: 0 var(--mz-space-lg) var(--mz-space-lg);
+    }
+
+    /* Danger variant — tinted title */
+    :host([variant='danger']) .alert-dialog__title {
+      color: var(--mz-color-danger);
+    }
+
+    /* Warning variant — tinted title */
+    :host([variant='warning']) .alert-dialog__title {
+      color: var(--mz-color-warning);
+    }
+  `
+];
+export {
+  alert_dialog_styles_default as default
+};
+//# sourceMappingURL=alert-dialog.styles.js.map

package/dist/components/alert-dialog/alert-dialog.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/alert-dialog/alert-dialog.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    .alert-dialog {\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    .alert-dialog::backdrop {\n      background: rgb(28 25 21 / 0.5);\n    }\n\n    .alert-dialog__panel {\n      position: fixed;\n      inset: 0;\n      margin: auto;\n      display: flex;\n      flex-direction: column;\n      width: min(calc(100vw - var(--mz-space-xl) * 2), 28rem);\n      max-height: calc(100vh - var(--mz-space-xl) * 2);\n      background: var(--mz-color-surface-overlay, var(--mz-color-surface));\n      border-radius: var(--mz-radius-xl);\n      box-shadow: var(--mz-shadow-xl);\n      z-index: var(--mz-z-modal, 1050);\n      overflow: hidden;\n      font-family: var(--mz-font-sans);\n    }\n\n    .alert-dialog__header {\n      padding: var(--mz-space-lg) var(--mz-space-lg) 0;\n    }\n\n    .alert-dialog__title {\n      margin: 0;\n      font-size: var(--mz-font-size-lg);\n      font-weight: var(--mz-font-weight-semibold, 600);\n      color: var(--mz-color-text);\n      line-height: 1.3;\n    }\n\n    .alert-dialog__body {\n      padding: var(--mz-space-sm) var(--mz-space-lg) var(--mz-space-lg);\n      font-size: var(--mz-font-size-sm);\n      color: var(--mz-color-text-secondary);\n      line-height: var(--mz-line-height-relaxed, 1.625);\n      overflow-y: auto;\n    }\n\n    .alert-dialog__footer {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: var(--mz-space-sm);\n      padding: 0 var(--mz-space-lg) var(--mz-space-lg);\n    }\n\n    /* Danger variant \u2014 tinted title */\n    :host([variant='danger']) .alert-dialog__title {\n      color: var(--mz-color-danger);\n    }\n\n    /* Warning variant \u2014 tinted title */\n    :host([variant='warning']) .alert-dialog__title {\n      color: var(--mz-color-warning);\n    }\n  `\n];\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,8BAAQ;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;AA0EF;",
+  "names": []
+}

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

@@ -0,0 +1,17 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A breadcrumb navigation container that manages separator display and aria-current.
+ *
+ * @slot - The breadcrumb items (mz-breadcrumb-item elements).
+ * @slot separator - A custom separator to use between items. Defaults to `/`.
+ *
+ * @csspart base - The nav element wrapping the breadcrumb.
+ */
+export declare class MzBreadcrumb extends ManzanoElement {
+    static styles: import("lit").CSSResult;
+    /** The aria-label for the nav element. */
+    label: string;
+    private handleSlotChange;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=breadcrumb.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.component.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE;;;;;;;GAOG;AACH,qBAAa,YAAa,SAAQ,cAAc;IAC9C,MAAM,CAAC,MAAM,0BAAU;IAEvB,0CAA0C;IAC9B,KAAK,SAAgB;IAEjC,OAAO,CAAC,gBAAgB;IAiBxB,MAAM;CASP"}

package/dist/components/breadcrumb/breadcrumb.component.js

@@ -0,0 +1,49 @@
+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 } from "lit";
+import { property } from "lit/decorators.js";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import styles from "./breadcrumb.styles.js";
+class MzBreadcrumb extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.label = "Breadcrumb";
+  }
+  handleSlotChange() {
+    const items = [...this.querySelectorAll("mz-breadcrumb-item")];
+    items.forEach((item, i) => {
+      const isLast = i === items.length - 1;
+      if (isLast) {
+        item.setAttribute("aria-current", "page");
+      } else {
+        item.removeAttribute("aria-current");
+      }
+      item.isLast = isLast;
+    });
+  }
+  render() {
+    return html`
+      <nav aria-label=${this.label} part="base">
+        <div class="breadcrumb">
+          <slot @slotchange=${this.handleSlotChange}></slot>
+        </div>
+      </nav>
+    `;
+  }
+}
+MzBreadcrumb.styles = styles;
+__decorateClass([
+  property()
+], MzBreadcrumb.prototype, "label", 2);
+export {
+  MzBreadcrumb
+};
+//# sourceMappingURL=breadcrumb.component.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/breadcrumb/breadcrumb.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './breadcrumb.styles.js';\n\n/**\n * @summary A breadcrumb navigation container that manages separator display and aria-current.\n *\n * @slot - The breadcrumb items (mz-breadcrumb-item elements).\n * @slot separator - A custom separator to use between items. Defaults to `/`.\n *\n * @csspart base - The nav element wrapping the breadcrumb.\n */\nexport class MzBreadcrumb extends ManzanoElement {\n  static styles = styles;\n\n  /** The aria-label for the nav element. */\n  @property() label = 'Breadcrumb';\n\n  private handleSlotChange() {\n    const items = [...this.querySelectorAll('mz-breadcrumb-item')];\n    items.forEach((item, i) => {\n      const isLast = i === items.length - 1;\n\n      // Set aria-current on last item\n      if (isLast) {\n        item.setAttribute('aria-current', 'page');\n      } else {\n        item.removeAttribute('aria-current');\n      }\n\n      // Show/hide separator via internal state\n      (item as any).isLast = isLast;\n    });\n  }\n\n  render() {\n    return html`\n      <nav aria-label=${this.label} part=\"base\">\n        <div class=\"breadcrumb\">\n          <slot @slotchange=${this.handleSlotChange}></slot>\n        </div>\n      </nav>\n    `;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;AAAA,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,OAAO,YAAY;AAUZ,MAAM,qBAAqB,eAAe;AAAA,EAA1C;AAAA;AAIO,iBAAQ;AAAA;AAAA,EAEZ,mBAAmB;AACzB,UAAM,QAAQ,CAAC,GAAG,KAAK,iBAAiB,oBAAoB,CAAC;AAC7D,UAAM,QAAQ,CAAC,MAAM,MAAM;AACzB,YAAM,SAAS,MAAM,MAAM,SAAS;AAGpC,UAAI,QAAQ;AACV,aAAK,aAAa,gBAAgB,MAAM;AAAA,MAC1C,OAAO;AACL,aAAK,gBAAgB,cAAc;AAAA,MACrC;AAGA,MAAC,KAAa,SAAS;AAAA,IACzB,CAAC;AAAA,EACH;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,wBACa,KAAK,KAAK;AAAA;AAAA,8BAEJ,KAAK,gBAAgB;AAAA;AAAA;AAAA;AAAA,EAIjD;AACF;AAhCa,aACJ,SAAS;AAGJ;AAAA,EAAX,SAAS;AAAA,GAJC,aAIC;",
+  "names": []
+}

package/dist/components/breadcrumb/breadcrumb.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,cAAc,2BAA2B,CAAC;AAI1C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/dist/components/breadcrumb/breadcrumb.js

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

package/dist/components/breadcrumb/breadcrumb.js.map

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

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

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

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

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

package/dist/components/breadcrumb/breadcrumb.styles.js

@@ -0,0 +1,25 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var breadcrumb_styles_default = css`
+  ${componentStyles}
+
+  :host {
+    display: block;
+    font-family: var(--mz-font-sans);
+  }
+
+  .breadcrumb {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    gap: var(--mz-space-2xs);
+    font-size: var(--mz-font-size-sm);
+  }
+`;
+export {
+  breadcrumb_styles_default as default
+};
+//# sourceMappingURL=breadcrumb.styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/breadcrumb/breadcrumb.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  .breadcrumb {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    gap: var(--mz-space-2xs);\n    font-size: var(--mz-font-size-sm);\n  }\n`;\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,4BAAQ;AAAA,IACX,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/components/breadcrumb-item/breadcrumb-item.component.d.ts

@@ -0,0 +1,26 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A single item within a breadcrumb navigation.
+ *
+ * @slot - The breadcrumb item text or content.
+ * @slot prefix - Content to display before the text (e.g. an icon).
+ * @slot separator - An optional per-item separator override.
+ *
+ * @csspart base - The wrapper element for the item.
+ * @csspart content - The inner content wrapper.
+ * @csspart link - The anchor element (when href is set).
+ * @csspart separator - The separator element.
+ */
+export declare class MzBreadcrumbItem extends ManzanoElement {
+    static styles: import("lit").CSSResult;
+    /** When set, the item renders as a link. */
+    href: string;
+    /** The target attribute for the link. */
+    target: string;
+    /** The rel attribute for the link. */
+    rel: string;
+    /** Set by the parent breadcrumb — whether this is the last item. */
+    isLast: boolean;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=breadcrumb-item.component.d.ts.map

package/dist/components/breadcrumb-item/breadcrumb-item.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.component.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb-item/breadcrumb-item.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE;;;;;;;;;;;GAWG;AACH,qBAAa,gBAAiB,SAAQ,cAAc;IAClD,MAAM,CAAC,MAAM,0BAAU;IAEvB,4CAA4C;IAChC,IAAI,SAAM;IAEtB,yCAAyC;IAC7B,MAAM,SAAM;IAExB,sCAAsC;IAC1B,GAAG,SAAM;IAErB,oEAAoE;IAC3D,MAAM,UAAS;IAExB,MAAM;CA0BP"}

package/dist/components/breadcrumb-item/breadcrumb-item.component.js

@@ -0,0 +1,62 @@
+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, state } from "lit/decorators.js";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import styles from "./breadcrumb-item.styles.js";
+class MzBreadcrumbItem extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.href = "";
+    this.target = "";
+    this.rel = "";
+    this.isLast = false;
+  }
+  render() {
+    const hasLink = !!this.href;
+    return html`
+      <span class="breadcrumb-item" part="base">
+        <span class="breadcrumb-item__content" part="content">
+          <slot name="prefix"></slot>
+          ${hasLink ? html`<a
+                href=${this.href}
+                target=${this.target || nothing}
+                rel=${this.rel || (this.target === "_blank" ? "noopener noreferrer" : nothing)}
+                class="breadcrumb-item__link"
+                part="link"
+              ><slot></slot></a>` : html`<span class="breadcrumb-item__text"><slot></slot></span>`}
+        </span>
+        ${!this.isLast ? html`
+          <span class="breadcrumb-item__separator" part="separator" aria-hidden="true">
+            <slot name="separator">/</slot>
+          </span>
+        ` : nothing}
+      </span>
+    `;
+  }
+}
+MzBreadcrumbItem.styles = styles;
+__decorateClass([
+  property()
+], MzBreadcrumbItem.prototype, "href", 2);
+__decorateClass([
+  property()
+], MzBreadcrumbItem.prototype, "target", 2);
+__decorateClass([
+  property()
+], MzBreadcrumbItem.prototype, "rel", 2);
+__decorateClass([
+  state()
+], MzBreadcrumbItem.prototype, "isLast", 2);
+export {
+  MzBreadcrumbItem
+};
+//# sourceMappingURL=breadcrumb-item.component.js.map

package/dist/components/breadcrumb-item/breadcrumb-item.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/breadcrumb-item/breadcrumb-item.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './breadcrumb-item.styles.js';\n\n/**\n * @summary A single item within a breadcrumb navigation.\n *\n * @slot - The breadcrumb item text or content.\n * @slot prefix - Content to display before the text (e.g. an icon).\n * @slot separator - An optional per-item separator override.\n *\n * @csspart base - The wrapper element for the item.\n * @csspart content - The inner content wrapper.\n * @csspart link - The anchor element (when href is set).\n * @csspart separator - The separator element.\n */\nexport class MzBreadcrumbItem extends ManzanoElement {\n  static styles = styles;\n\n  /** When set, the item renders as a link. */\n  @property() href = '';\n\n  /** The target attribute for the link. */\n  @property() target = '';\n\n  /** The rel attribute for the link. */\n  @property() rel = '';\n\n  /** Set by the parent breadcrumb \u2014 whether this is the last item. */\n  @state() isLast = false;\n\n  render() {\n    const hasLink = !!this.href;\n\n    return html`\n      <span class=\"breadcrumb-item\" part=\"base\">\n        <span class=\"breadcrumb-item__content\" part=\"content\">\n          <slot name=\"prefix\"></slot>\n          ${hasLink\n            ? html`<a\n                href=${this.href}\n                target=${this.target || nothing}\n                rel=${this.rel || (this.target === '_blank' ? 'noopener noreferrer' : nothing)}\n                class=\"breadcrumb-item__link\"\n                part=\"link\"\n              ><slot></slot></a>`\n            : html`<span class=\"breadcrumb-item__text\"><slot></slot></span>`\n          }\n        </span>\n        ${!this.isLast ? html`\n          <span class=\"breadcrumb-item__separator\" part=\"separator\" aria-hidden=\"true\">\n            <slot name=\"separator\">/</slot>\n          </span>\n        ` : nothing}\n      </span>\n    `;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;AAAA,SAAS,MAAM,eAAe;AAC9B,SAAS,UAAU,aAAa;AAChC,SAAS,sBAAsB;AAC/B,OAAO,YAAY;AAcZ,MAAM,yBAAyB,eAAe;AAAA,EAA9C;AAAA;AAIO,gBAAO;AAGP,kBAAS;AAGT,eAAM;AAGT,kBAAS;AAAA;AAAA,EAElB,SAAS;AACP,UAAM,UAAU,CAAC,CAAC,KAAK;AAEvB,WAAO;AAAA;AAAA;AAAA;AAAA,YAIC,UACE;AAAA,uBACS,KAAK,IAAI;AAAA,yBACP,KAAK,UAAU,OAAO;AAAA,sBACzB,KAAK,QAAQ,KAAK,WAAW,WAAW,wBAAwB,QAAQ;AAAA;AAAA;AAAA,oCAIhF,8DACJ;AAAA;AAAA,UAEA,CAAC,KAAK,SAAS;AAAA;AAAA;AAAA;AAAA,YAIb,OAAO;AAAA;AAAA;AAAA,EAGjB;AACF;AAzCa,iBACJ,SAAS;AAGJ;AAAA,EAAX,SAAS;AAAA,GAJC,iBAIC;AAGA;AAAA,EAAX,SAAS;AAAA,GAPC,iBAOC;AAGA;AAAA,EAAX,SAAS;AAAA,GAVC,iBAUC;AAGH;AAAA,EAAR,MAAM;AAAA,GAbI,iBAaF;",
+  "names": []
+}

package/dist/components/breadcrumb-item/breadcrumb-item.d.ts

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

package/dist/components/breadcrumb-item/breadcrumb-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb-item/breadcrumb-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,cAAc,gCAAgC,CAAC;AAI/C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/dist/components/breadcrumb-item/breadcrumb-item.js

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

package/dist/components/breadcrumb-item/breadcrumb-item.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/breadcrumb-item/breadcrumb-item.ts"],
+  "sourcesContent": ["import { MzBreadcrumbItem } from './breadcrumb-item.component.js';\n\nexport * from './breadcrumb-item.component.js';\n\nMzBreadcrumbItem.define('mz-breadcrumb-item');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-breadcrumb-item': MzBreadcrumbItem;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,wBAAwB;AAEjC,cAAc;AAEd,iBAAiB,OAAO,oBAAoB;",
+  "names": []
+}

package/dist/components/breadcrumb-item/breadcrumb-item.styles.d.ts

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

package/dist/components/breadcrumb-item/breadcrumb-item.styles.d.ts.map

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

package/dist/components/breadcrumb-item/breadcrumb-item.styles.js

@@ -0,0 +1,59 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var breadcrumb_item_styles_default = css`
+  ${componentStyles}
+
+  :host {
+    display: contents;
+  }
+
+  .breadcrumb-item {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--mz-space-2xs);
+  }
+
+  .breadcrumb-item__content {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--mz-space-2xs);
+  }
+
+  .breadcrumb-item__link {
+    color: var(--mz-color-primary);
+    text-decoration: none;
+    font-weight: var(--mz-font-weight-medium, 500);
+    transition: color 150ms ease;
+  }
+
+  .breadcrumb-item__link:hover {
+    color: var(--mz-color-primary);
+    text-decoration: underline;
+  }
+
+  .breadcrumb-item__link:focus-visible {
+    outline: 2px solid color-mix(in srgb, var(--mz-color-primary) 25%, transparent);
+    outline-offset: 2px;
+    border-radius: var(--mz-radius-sm);
+  }
+
+  .breadcrumb-item__text {
+    color: var(--mz-color-text-secondary);
+    font-weight: var(--mz-font-weight-medium, 500);
+  }
+
+  :host([aria-current="page"]) .breadcrumb-item__text {
+    color: var(--mz-color-text);
+  }
+
+  .breadcrumb-item__separator {
+    color: var(--mz-color-border);
+    display: inline-flex;
+    align-items: center;
+    user-select: none;
+  }
+`;
+export {
+  breadcrumb_item_styles_default as default
+};
+//# sourceMappingURL=breadcrumb-item.styles.js.map

package/dist/components/breadcrumb-item/breadcrumb-item.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/breadcrumb-item/breadcrumb-item.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: contents;\n  }\n\n  .breadcrumb-item {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--mz-space-2xs);\n  }\n\n  .breadcrumb-item__content {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--mz-space-2xs);\n  }\n\n  .breadcrumb-item__link {\n    color: var(--mz-color-primary);\n    text-decoration: none;\n    font-weight: var(--mz-font-weight-medium, 500);\n    transition: color 150ms ease;\n  }\n\n  .breadcrumb-item__link:hover {\n    color: var(--mz-color-primary);\n    text-decoration: underline;\n  }\n\n  .breadcrumb-item__link: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  .breadcrumb-item__text {\n    color: var(--mz-color-text-secondary);\n    font-weight: var(--mz-font-weight-medium, 500);\n  }\n\n  :host([aria-current=\"page\"]) .breadcrumb-item__text {\n    color: var(--mz-color-text);\n  }\n\n  .breadcrumb-item__separator {\n    color: var(--mz-color-border);\n    display: inline-flex;\n    align-items: center;\n    user-select: none;\n  }\n`;\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,iCAAQ;AAAA,IACX,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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": []
+}

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

@@ -0,0 +1,53 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A slide carousel with navigation arrows, pagination dots, and optional autoplay.
+ *
+ * @tag mz-carousel
+ *
+ * @slot - The carousel slides. Should contain mz-carousel-item elements.
+ *
+ * @event mz-slide-change - Emitted when the active slide changes. Detail: { index: number }
+ *
+ * @csspart base - The carousel wrapper.
+ * @csspart viewport - The scrollable viewport.
+ * @csspart prev - The previous navigation button.
+ * @csspart next - The next navigation button.
+ * @csspart pagination - The pagination dot container.
+ * @csspart dot - An individual pagination dot.
+ */
+export declare class MzCarousel extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    /** Enable infinite loop navigation. */
+    loop: boolean;
+    /** Automatically advance slides. */
+    autoplay: boolean;
+    /** Autoplay interval in milliseconds. */
+    autoplayInterval: number;
+    /** Show previous/next navigation arrows. */
+    navigation: boolean;
+    /** Show pagination dot indicators. */
+    pagination: boolean;
+    /** Number of slides visible at once. */
+    slidesPerView: number;
+    private activeIndex;
+    private slideCount;
+    private autoplayTimer;
+    private scrollTimer;
+    /** Navigate to a specific slide by index. */
+    goTo(index: number): void;
+    /** Navigate to the next slide. */
+    next(): void;
+    /** Navigate to the previous slide. */
+    previous(): void;
+    private getSlides;
+    private handleSlotChange;
+    private handleScroll;
+    private startAutoplay;
+    private stopAutoplay;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    updated(changed: Map<PropertyKey, unknown>): void;
+    disconnectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=carousel.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.component.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAInE;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,UAAW,SAAQ,cAAc;IAC5C,MAAM,CAAC,MAAM,4BAA6B;IAE1C,uCAAuC;IACK,IAAI,UAAS;IAEzD,oCAAoC;IACQ,QAAQ,UAAS;IAE7D,yCAAyC;IACmB,gBAAgB,SAAQ;IAEpF,4CAA4C;IACA,UAAU,UAAQ;IAE9D,sCAAsC;IACM,UAAU,UAAQ;IAE9D,wCAAwC;IACkB,aAAa,SAAK;IAEnE,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,UAAU,CAAK;IAEhC,OAAO,CAAC,aAAa,CAA6C;IAClE,OAAO,CAAC,WAAW,CAA4C;IAE/D,6CAA6C;IAC7C,IAAI,CAAC,KAAK,EAAE,MAAM;IAoBlB,kCAAkC;IAClC,IAAI;IAIJ,sCAAsC;IACtC,QAAQ;IAIR,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,YAAY;IAoBpB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,gBAAgB;IAMf,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAU1C,oBAAoB;IAM7B,MAAM;CAgEP"}