@manzanohq/components 0.1.1 → 0.1.4

package/dist/components/tab-group/tab-group.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/tab-group/tab-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    --_tab-group-indicator-color: var(--mz-tab-group-indicator-color, var(--mz-color-primary));\n    --_tab-group-border-color: var(--mz-tab-group-border-color, var(--mz-color-border));\n    --_tab-group-tab-color: var(--mz-tab-group-tab-color, var(--mz-color-text-secondary));\n    --_tab-group-tab-color-hover: var(--mz-tab-group-tab-color-hover, var(--mz-color-text));\n    --_tab-group-tab-color-active: var(--mz-tab-group-tab-color-active, var(--_tab-group-indicator-color));\n    --_tab-group-tab-bg-hover: var(--mz-tab-group-tab-bg-hover, var(--mz-color-surface-raised));\n\n    display: block;\n    font-family: var(--mz-font-sans);\n  }\n\n  .tab-group {\n    display: flex;\n    flex-direction: column;\n  }\n\n  /* Placement variations */\n  :host([placement='bottom']) .tab-group {\n    flex-direction: column-reverse;\n  }\n\n  :host([placement='start']) .tab-group {\n    flex-direction: row;\n  }\n\n  :host([placement='end']) .tab-group {\n    flex-direction: row-reverse;\n  }\n\n  /* Nav container: holds scroll buttons + tab strip */\n  .tab-group__nav-container {\n    display: flex;\n    align-items: center;\n    position: relative;\n  }\n\n  /* Tab strip */\n  .tab-group__tabs {\n    display: flex;\n    position: relative;\n    overflow-x: auto;\n    scrollbar-width: none;\n    gap: var(--mz-space-2xs);\n    padding: 0 var(--mz-space-xs);\n    flex: 1;\n    min-width: 0;\n  }\n\n  .tab-group__tabs::-webkit-scrollbar {\n    display: none;\n  }\n\n  /* Border on the tab strip */\n  :host([placement='top']) .tab-group__tabs,\n  :host(:not([placement])) .tab-group__tabs {\n    border-bottom: var(--mz-border-width-sm) solid var(--_tab-group-border-color);\n  }\n\n  :host([placement='bottom']) .tab-group__tabs {\n    border-top: var(--mz-border-width-sm) solid var(--_tab-group-border-color);\n  }\n\n  /* Vertical orientation */\n  :host([placement='start']) .tab-group__tabs,\n  :host([placement='end']) .tab-group__tabs {\n    flex-direction: column;\n    overflow-x: visible;\n    overflow-y: auto;\n    border-bottom: none;\n  }\n\n  :host([placement='start']) .tab-group__tabs {\n    border-right: var(--mz-border-width-sm) solid var(--_tab-group-border-color);\n  }\n\n  :host([placement='end']) .tab-group__tabs {\n    border-left: var(--mz-border-width-sm) solid var(--_tab-group-border-color);\n  }\n\n  /* Individual tab button */\n  .tab-group__tab {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--mz-space-2xs);\n    padding: var(--mz-space-sm) var(--mz-space-md);\n    border: none;\n    background: none;\n    font-family: inherit;\n    font-size: var(--mz-font-size-sm);\n    font-weight: var(--mz-font-weight-medium);\n    color: var(--_tab-group-tab-color);\n    cursor: pointer;\n    white-space: nowrap;\n    transition:\n      color var(--mz-transition-fast) ease,\n      background-color var(--mz-transition-fast) ease;\n    position: relative;\n    outline: none;\n  }\n\n  /* Top/bottom placement: round top corners */\n  :host([placement='top']) .tab-group__tab,\n  :host(:not([placement])) .tab-group__tab {\n    border-radius: var(--mz-radius-sm) var(--mz-radius-sm) 0 0;\n  }\n\n  :host([placement='bottom']) .tab-group__tab {\n    border-radius: 0 0 var(--mz-radius-sm) var(--mz-radius-sm);\n  }\n\n  :host([placement='start']) .tab-group__tab {\n    border-radius: var(--mz-radius-sm) 0 0 var(--mz-radius-sm);\n  }\n\n  :host([placement='end']) .tab-group__tab {\n    border-radius: 0 var(--mz-radius-sm) var(--mz-radius-sm) 0;\n  }\n\n  .tab-group__tab:hover:not(.tab-group__tab--disabled) {\n    color: var(--_tab-group-tab-color-hover);\n    background: var(--_tab-group-tab-bg-hover);\n  }\n\n  .tab-group__tab:focus-visible {\n    outline: var(--mz-focus-ring);\n    outline-offset: calc(-1 * var(--mz-focus-ring-width));\n  }\n\n  .tab-group__tab--active {\n    color: var(--_tab-group-tab-color-active);\n  }\n\n  .tab-group__tab--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  /* Active indicator */\n  .tab-group__indicator {\n    position: absolute;\n    background: var(--_tab-group-indicator-color);\n    transition:\n      left var(--mz-transition-normal) ease,\n      top var(--mz-transition-normal) ease,\n      width var(--mz-transition-normal) ease,\n      height var(--mz-transition-normal) ease;\n    pointer-events: none;\n  }\n\n  /* Horizontal indicator (top/bottom) */\n  :host([placement='top']) .tab-group__indicator,\n  :host(:not([placement])) .tab-group__indicator {\n    bottom: 0;\n    height: 2px;\n    border-radius: 2px 2px 0 0;\n  }\n\n  :host([placement='bottom']) .tab-group__indicator {\n    top: 0;\n    height: 2px;\n    border-radius: 0 0 2px 2px;\n  }\n\n  /* Vertical indicator (start/end) */\n  :host([placement='start']) .tab-group__indicator {\n    right: 0;\n    width: 2px;\n    border-radius: 0 2px 2px 0;\n  }\n\n  :host([placement='end']) .tab-group__indicator {\n    left: 0;\n    width: 2px;\n    border-radius: 2px 0 0 2px;\n  }\n\n  /* Body (panel area) */\n  .tab-group__body {\n    display: block;\n    flex: 1;\n    min-width: 0;\n  }\n\n  /* Add horizontal padding to panel body for vertical placements */\n  :host([placement='start']) .tab-group__body,\n  :host([placement='end']) .tab-group__body {\n    --mz-tab-panel-padding: var(--mz-space-sm) var(--mz-space-md);\n  }\n\n  /* Scroll buttons */\n  .tab-group__scroll-button {\n    display: none;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    border: none;\n    background: var(--mz-color-surface-raised);\n    color: var(--_tab-group-tab-color);\n    cursor: pointer;\n    flex-shrink: 0;\n    border-radius: var(--mz-radius-sm);\n    padding: 0;\n  }\n\n  .tab-group__scroll-button:hover {\n    color: var(--_tab-group-tab-color-hover);\n    background: color-mix(in srgb, var(--mz-color-text) 8%, var(--mz-color-surface));\n  }\n\n  .tab-group__scroll-button--visible {\n    display: inline-flex;\n  }\n\n  /* Scroll button SVG icon */\n  .tab-group__scroll-button svg {\n    width: 1rem;\n    height: 1rem;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n`;\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,2BAAQ;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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/tab-panel/tab-panel.component.d.ts

@@ -0,0 +1,24 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A panel that holds tab content, used inside `<mz-tab-group>`.
+ *
+ * @tag mz-tab-panel
+ *
+ * @slot - The panel content.
+ *
+ * @cssproperty --mz-tab-panel-padding - Override the panel padding.
+ */
+export declare class MzTabPanel extends ManzanoElement {
+    static styles: import("lit").CSSResult;
+    /** Unique identifier for this tab panel. Used to match tab buttons. */
+    name: string;
+    /** Display text for the tab button. */
+    label: string;
+    /** Whether this panel is the active/visible one. Managed by the parent tab-group. */
+    active: boolean;
+    /** Whether this tab is disabled and cannot be activated. */
+    disabled: boolean;
+    connectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=tab-panel.component.d.ts.map

package/dist/components/tab-panel/tab-panel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.component.d.ts","sourceRoot":"","sources":["../../../src/components/tab-panel/tab-panel.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE;;;;;;;;GAQG;AACH,qBAAa,UAAW,SAAQ,cAAc;IAC5C,MAAM,CAAC,MAAM,0BAAU;IAEvB,uEAAuE;IAC1C,IAAI,SAAM;IAEvC,uCAAuC;IACV,KAAK,SAAM;IAExC,qFAAqF;IACzC,MAAM,UAAS;IAE3D,4DAA4D;IAChB,QAAQ,UAAS;IAE7D,iBAAiB,IAAI,IAAI;IAKzB,MAAM;CAiBP"}

package/dist/components/tab-panel/tab-panel.component.js

@@ -0,0 +1,58 @@
+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 "./tab-panel.styles.js";
+class MzTabPanel extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.name = "";
+    this.label = "";
+    this.active = false;
+    this.disabled = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "tabpanel");
+  }
+  render() {
+    this.id = this.id || `panel-${this.name}`;
+    this.setAttribute("aria-labelledby", `tab-${this.name}`);
+    if (!this.active) {
+      this.setAttribute("hidden", "");
+    } else {
+      this.removeAttribute("hidden");
+    }
+    return html`
+      <div class="tab-panel">
+        <slot></slot>
+      </div>
+    `;
+  }
+}
+MzTabPanel.styles = styles;
+__decorateClass([
+  property({ reflect: true })
+], MzTabPanel.prototype, "name", 2);
+__decorateClass([
+  property({ reflect: true })
+], MzTabPanel.prototype, "label", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzTabPanel.prototype, "active", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzTabPanel.prototype, "disabled", 2);
+export {
+  MzTabPanel
+};
+//# sourceMappingURL=tab-panel.component.js.map

package/dist/components/tab-panel/tab-panel.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/tab-panel/tab-panel.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './tab-panel.styles.js';\n\n/**\n * @summary A panel that holds tab content, used inside `<mz-tab-group>`.\n *\n * @tag mz-tab-panel\n *\n * @slot - The panel content.\n *\n * @cssproperty --mz-tab-panel-padding - Override the panel padding.\n */\nexport class MzTabPanel extends ManzanoElement {\n  static styles = styles;\n\n  /** Unique identifier for this tab panel. Used to match tab buttons. */\n  @property({ reflect: true }) name = '';\n\n  /** Display text for the tab button. */\n  @property({ reflect: true }) label = '';\n\n  /** Whether this panel is the active/visible one. Managed by the parent tab-group. */\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  /** Whether this tab is disabled and cannot be activated. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('role', 'tabpanel');\n  }\n\n  render() {\n    // Set aria attributes on the host\n    this.id = this.id || `panel-${this.name}`;\n    this.setAttribute('aria-labelledby', `tab-${this.name}`);\n\n    if (!this.active) {\n      this.setAttribute('hidden', '');\n    } else {\n      this.removeAttribute('hidden');\n    }\n\n    return html`\n      <div class=\"tab-panel\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;AAAA,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,OAAO,YAAY;AAWZ,MAAM,mBAAmB,eAAe;AAAA,EAAxC;AAAA;AAIwB,gBAAO;AAGP,iBAAQ;AAGO,kBAAS;AAGT,oBAAW;AAAA;AAAA,EAEvD,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,SAAK,aAAa,QAAQ,UAAU;AAAA,EACtC;AAAA,EAEA,SAAS;AAEP,SAAK,KAAK,KAAK,MAAM,SAAS,KAAK,IAAI;AACvC,SAAK,aAAa,mBAAmB,OAAO,KAAK,IAAI,EAAE;AAEvD,QAAI,CAAC,KAAK,QAAQ;AAChB,WAAK,aAAa,UAAU,EAAE;AAAA,IAChC,OAAO;AACL,WAAK,gBAAgB,QAAQ;AAAA,IAC/B;AAEA,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AACF;AArCa,WACJ,SAAS;AAGa;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAJhB,WAIkB;AAGA;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAPhB,WAOkB;AAGe;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAV/B,WAUiC;AAGA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAb/B,WAaiC;",
+  "names": []
+}

package/dist/components/tab-panel/tab-panel.d.ts

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

package/dist/components/tab-panel/tab-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.d.ts","sourceRoot":"","sources":["../../../src/components/tab-panel/tab-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,cAAc,0BAA0B,CAAC;AAIzC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/dist/components/tab-panel/tab-panel.js

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

package/dist/components/tab-panel/tab-panel.js.map

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

package/dist/components/tab-panel/tab-panel.styles.d.ts

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

package/dist/components/tab-panel/tab-panel.styles.d.ts.map

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

package/dist/components/tab-panel/tab-panel.styles.js

@@ -0,0 +1,23 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var tab_panel_styles_default = css`
+  ${componentStyles}
+
+  :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 {
+  tab_panel_styles_default as default
+};
+//# sourceMappingURL=tab-panel.styles.js.map

package/dist/components/tab-panel/tab-panel.styles.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": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,2BAAQ;AAAA,IACX,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,28 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A styled table wrapper. Put standard HTML table elements inside and
+ * the component applies consistent Manzano styling with optional variants.
+ *
+ * @tag mz-table
+ *
+ * @slot - Standard HTML table elements (`<table>`, `<thead>`, `<tbody>`, `<tr>`, `<th>`, `<td>`).
+ *
+ * @csspart base - The scrollable wrapper div.
+ *
+ * @cssproperty --mz-table-border-color - Override the wrapper border color.
+ * @cssproperty --mz-table-border-radius - Override the wrapper border radius.
+ */
+export declare class MzTable extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    /** Show alternating row colors. */
+    striped: boolean;
+    /** Show cell borders. */
+    bordered: boolean;
+    /** Highlight rows on hover. */
+    hoverable: boolean;
+    /** Use compact row padding. */
+    dense: boolean;
+    connectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=table.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.component.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAqEnE;;;;;;;;;;;;GAYG;AACH,qBAAa,OAAQ,SAAQ,cAAc;IACzC,MAAM,CAAC,MAAM,4BAAU;IAEvB,mCAAmC;IACS,OAAO,UAAS;IAE5D,yBAAyB;IACmB,QAAQ,UAAS;IAE7D,+BAA+B;IACa,SAAS,UAAS;IAE9D,+BAA+B;IACa,KAAK,UAAS;IAE1D,iBAAiB;IAKjB,MAAM;CAOP"}

package/dist/components/table/table.component.js

@@ -0,0 +1,111 @@
+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 "./table.styles.js";
+const tableStyles = `
+  mz-table table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: var(--mz-font-size-sm);
+    color: var(--mz-color-text);
+  }
+
+  mz-table th {
+    text-align: left;
+    font-weight: var(--mz-font-weight-semibold, 600);
+    color: var(--mz-color-text-secondary);
+    background: var(--mz-color-surface-raised);
+    padding: var(--mz-space-sm) var(--mz-space-md);
+    border-bottom: 1px solid var(--mz-color-border);
+    white-space: nowrap;
+  }
+
+  mz-table td {
+    padding: var(--mz-space-sm) var(--mz-space-md);
+    border-bottom: 1px solid var(--mz-color-gray-200);
+    vertical-align: top;
+  }
+
+  mz-table tbody tr:last-child td {
+    border-bottom: none;
+  }
+
+  /* Striped */
+  mz-table[striped] tbody tr:nth-child(even) {
+    background: var(--mz-color-surface-raised);
+  }
+
+  /* Bordered */
+  mz-table[bordered] th,
+  mz-table[bordered] td {
+    border: 1px solid var(--mz-color-border);
+  }
+
+  /* Hoverable */
+  mz-table[hoverable] tbody tr:hover {
+    background: var(--mz-color-surface-raised);
+  }
+
+  /* Dense */
+  mz-table[dense] th,
+  mz-table[dense] td {
+    padding: var(--mz-space-xs) var(--mz-space-sm);
+    font-size: var(--mz-font-size-xs);
+  }
+`;
+let stylesInjected = false;
+function injectTableStyles() {
+  if (stylesInjected) return;
+  const style = document.createElement("style");
+  style.setAttribute("data-mz-table", "");
+  style.textContent = tableStyles;
+  document.head.appendChild(style);
+  stylesInjected = true;
+}
+class MzTable extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.striped = false;
+    this.bordered = false;
+    this.hoverable = false;
+    this.dense = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    injectTableStyles();
+  }
+  render() {
+    return html`
+      <div class="table-wrapper" part="base">
+        <slot></slot>
+      </div>
+    `;
+  }
+}
+MzTable.styles = styles;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzTable.prototype, "striped", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzTable.prototype, "bordered", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzTable.prototype, "hoverable", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzTable.prototype, "dense", 2);
+export {
+  MzTable
+};
+//# sourceMappingURL=table.component.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/table/table.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './table.styles.js';\n\n// Light DOM styles for table children (th, td, tr, etc.)\n// These are injected into the document head since ::slotted() can only\n// target direct children \u2014 it cannot reach nested elements like th/td.\nconst tableStyles = `\n  mz-table table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mz-font-size-sm);\n    color: var(--mz-color-text);\n  }\n\n  mz-table th {\n    text-align: left;\n    font-weight: var(--mz-font-weight-semibold, 600);\n    color: var(--mz-color-text-secondary);\n    background: var(--mz-color-surface-raised);\n    padding: var(--mz-space-sm) var(--mz-space-md);\n    border-bottom: 1px solid var(--mz-color-border);\n    white-space: nowrap;\n  }\n\n  mz-table td {\n    padding: var(--mz-space-sm) var(--mz-space-md);\n    border-bottom: 1px solid var(--mz-color-gray-200);\n    vertical-align: top;\n  }\n\n  mz-table tbody tr:last-child td {\n    border-bottom: none;\n  }\n\n  /* Striped */\n  mz-table[striped] tbody tr:nth-child(even) {\n    background: var(--mz-color-surface-raised);\n  }\n\n  /* Bordered */\n  mz-table[bordered] th,\n  mz-table[bordered] td {\n    border: 1px solid var(--mz-color-border);\n  }\n\n  /* Hoverable */\n  mz-table[hoverable] tbody tr:hover {\n    background: var(--mz-color-surface-raised);\n  }\n\n  /* Dense */\n  mz-table[dense] th,\n  mz-table[dense] td {\n    padding: var(--mz-space-xs) var(--mz-space-sm);\n    font-size: var(--mz-font-size-xs);\n  }\n`;\n\n// Inject light DOM styles once per document\nlet stylesInjected = false;\nfunction injectTableStyles() {\n  if (stylesInjected) return;\n  const style = document.createElement('style');\n  style.setAttribute('data-mz-table', '');\n  style.textContent = tableStyles;\n  document.head.appendChild(style);\n  stylesInjected = true;\n}\n\n/**\n * @summary A styled table wrapper. Put standard HTML table elements inside and\n * the component applies consistent Manzano styling with optional variants.\n *\n * @tag mz-table\n *\n * @slot - Standard HTML table elements (`<table>`, `<thead>`, `<tbody>`, `<tr>`, `<th>`, `<td>`).\n *\n * @csspart base - The scrollable wrapper div.\n *\n * @cssproperty --mz-table-border-color - Override the wrapper border color.\n * @cssproperty --mz-table-border-radius - Override the wrapper border radius.\n */\nexport class MzTable extends ManzanoElement {\n  static styles = styles;\n\n  /** Show alternating row colors. */\n  @property({ type: Boolean, reflect: true }) striped = false;\n\n  /** Show cell borders. */\n  @property({ type: Boolean, reflect: true }) bordered = false;\n\n  /** Highlight rows on hover. */\n  @property({ type: Boolean, reflect: true }) hoverable = false;\n\n  /** Use compact row padding. */\n  @property({ type: Boolean, reflect: true }) dense = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    injectTableStyles();\n  }\n\n  render() {\n    return html`\n      <div class=\"table-wrapper\" part=\"base\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;AAAA,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,OAAO,YAAY;AAKnB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqDpB,IAAI,iBAAiB;AACrB,SAAS,oBAAoB;AAC3B,MAAI,eAAgB;AACpB,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,aAAa,iBAAiB,EAAE;AACtC,QAAM,cAAc;AACpB,WAAS,KAAK,YAAY,KAAK;AAC/B,mBAAiB;AACnB;AAeO,MAAM,gBAAgB,eAAe;AAAA,EAArC;AAAA;AAIuC,mBAAU;AAGV,oBAAW;AAGX,qBAAY;AAGZ,iBAAQ;AAAA;AAAA,EAEpD,oBAAoB;AAClB,UAAM,kBAAkB;AACxB,sBAAkB;AAAA,EACpB;AAAA,EAEA,SAAS;AACP,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AACF;AA3Ba,QACJ,SAAS;AAG4B;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAJ/B,QAIiC;AAGA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAP/B,QAOiC;AAGA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAV/B,QAUiC;AAGA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAb/B,QAaiC;",
+  "names": []
+}

package/dist/components/table/table.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.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/table/table.js

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

package/dist/components/table/table.js.map

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

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

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

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

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

package/dist/components/table/table.styles.js

@@ -0,0 +1,22 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var table_styles_default = [
+  componentStyles,
+  css`
+    :host {
+      display: block;
+      font-family: var(--mz-font-sans);
+    }
+
+    .table-wrapper {
+      overflow-x: auto;
+      -webkit-overflow-scrolling: touch;
+      border-radius: var(--mz-table-border-radius, var(--mz-radius-lg));
+      border: 1px solid var(--mz-table-border-color, var(--mz-color-border));
+    }
+  `
+];
+export {
+  table_styles_default as default
+};
+//# sourceMappingURL=table.styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/table/table.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      font-family: var(--mz-font-sans);\n    }\n\n    .table-wrapper {\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n      border-radius: var(--mz-table-border-radius, var(--mz-radius-lg));\n      border: 1px solid var(--mz-table-border-color, var(--mz-color-border));\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;AAaF;",
+  "names": []
+}

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

@@ -0,0 +1,80 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+import { MzIcon } from '../icon/icon.component.js';
+export interface ToastOptions {
+    variant?: 'primary' | 'danger' | 'success' | 'warning' | 'neutral';
+    duration?: number;
+    closable?: boolean;
+    icon?: string;
+}
+/**
+ * Imperatively create and show a toast notification.
+ *
+ * @param message - Text content for the toast.
+ * @param options - Optional configuration (variant, duration, closable, icon).
+ * @returns The created MzToast element.
+ */
+export declare function toast(message: string, options?: ToastOptions): MzToast;
+/**
+ * @summary A toast notification that appears temporarily to communicate a message.
+ *
+ * @tag mz-toast
+ *
+ * @dependency mz-icon
+ *
+ * @slot - The toast's message content.
+ *
+ * @event mz-close - Emitted when the toast is closed (manually or via auto-dismiss).
+ *
+ * @csspart base - The toast's base wrapper.
+ * @csspart icon - The icon container.
+ * @csspart content - The content container.
+ * @csspart close - The close button.
+ * @csspart progress - The countdown progress bar.
+ *
+ * @cssproperty --mz-toast-bg - Override the toast background.
+ * @cssproperty --mz-toast-border-color - Override the toast border color.
+ * @cssproperty --mz-toast-color - Override the toast text color.
+ * @cssproperty --mz-toast-icon-color - Override the toast icon color.
+ * @cssproperty --mz-toast-accent-color - Override the progress bar / accent color.
+ */
+export declare class MzToast extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    static dependencies: {
+        'mz-icon': typeof MzIcon;
+    };
+    /** The toast's semantic variant. */
+    variant: 'primary' | 'danger' | 'success' | 'warning' | 'neutral';
+    /** Auto-dismiss time in ms. Set to 0 or Infinity to disable auto-dismiss. */
+    duration: number;
+    /** Whether the toast shows a close button. */
+    closable: boolean;
+    /** Icon name to display. If not set and variant has a default icon, that icon is used. */
+    icon: string;
+    /** Whether the toast is visible. */
+    open: boolean;
+    private _closing;
+    private _progressEl;
+    private _autoCloseTimer;
+    private _remainingTime;
+    private _timerStartedAt;
+    private _progressAnimationFrame;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProps: Map<string, unknown>): void;
+    private get _effectiveDuration();
+    private get _resolvedIcon();
+    private _startAutoClose;
+    private _clearAutoClose;
+    private _pauseAutoClose;
+    private _resumeAutoClose;
+    private _animateProgress;
+    private _handleAutoClose;
+    /** Close the toast. Triggers exit animation and removes from DOM. */
+    close(): void;
+    private _runCloseAnimation;
+    private _handleCloseClick;
+    private _handleMouseEnter;
+    private _handleMouseLeave;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=toast.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.component.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAGnD,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AA2BD;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,YAAY,GAAG,OAAO,CActE;AASD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,OAAQ,SAAQ,cAAc;IACzC,MAAM,CAAC,MAAM,4BAAU;IAEvB,MAAM,CAAC,YAAY;;MAEjB;IAEF,oCAAoC;IACP,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAa;IAE3G,6EAA6E;IACjD,QAAQ,SAAQ;IAE5C,8CAA8C;IACF,QAAQ,UAAQ;IAE5D,0FAA0F;IAC9E,IAAI,SAAM;IAEtB,oCAAoC;IACQ,IAAI,UAAS;IAEhD,OAAO,CAAC,QAAQ,CAAS;IAEP,OAAO,CAAC,WAAW,CAAe;IAE7D,OAAO,CAAC,eAAe,CAA8C;IACrE,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,uBAAuB,CAAuB;IAEtD,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAYjD,OAAO,KAAK,kBAAkB,GAG7B;IAED,OAAO,KAAK,aAAa,GAGxB;IAED,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,gBAAgB;IAuBxB,OAAO,CAAC,gBAAgB;IAKxB,qEAAqE;IACrE,KAAK,IAAI,IAAI;IAOb,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,iBAAiB;IAIzB,MAAM;CAyCP"}