npm - @manzanohq/components - Versions diffs - 0.1.1 → 0.1.4 - Mend

@manzanohq/components 0.1.1 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1761) hide show

package/cdn/chunks/chunk.O3QXBGYE.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/date-range-picker/date-range-picker.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    :host {\n      display: inline-block;\n    }\n\n    :host([inline]) {\n      display: block;\n    }\n\n    :host([open]) {\n      z-index: 1000;\n      position: relative;\n    }\n\n    .drp {\n      position: relative;\n      font-family: var(--mz-font-sans);\n    }\n\n    /* --- Trigger --- */\n\n    .drp__control {\n      display: flex;\n      align-items: center;\n      border: 1px solid var(--mz-color-border);\n      border-radius: var(--mz-radius-md, 0.5rem);\n      background: var(--mz-color-surface, #fff);\n      cursor: pointer;\n      transition: border-color 0.15s, box-shadow 0.15s;\n      gap: var(--mz-space-xs);\n    }\n\n    .drp--open .drp__control {\n      border-color: var(--mz-color-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mz-color-primary) 20%, transparent);\n    }\n\n    .drp--disabled .drp__control {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .drp__input {\n      flex: 1;\n      border: none;\n      background: transparent;\n      font-family: inherit;\n      font-size: var(--mz-font-size-base);\n      color: var(--mz-color-text);\n      padding: var(--mz-space-sm) var(--mz-space-md);\n      outline: none;\n      cursor: pointer;\n      min-width: 0;\n      text-align: center;\n    }\n\n    .drp__input::placeholder {\n      color: var(--mz-color-text-disabled);\n    }\n\n    .drp__input--start {\n      text-align: right;\n      padding-right: 0;\n    }\n\n    .drp__input--end {\n      text-align: left;\n      padding-left: 0;\n    }\n\n    .drp__arrow {\n      display: flex;\n      align-items: center;\n      color: var(--mz-color-text-disabled);\n      flex-shrink: 0;\n    }\n\n    .drp__icon {\n      display: flex;\n      align-items: center;\n      padding: 0 var(--mz-space-sm);\n      color: var(--mz-color-text-disabled);\n      flex-shrink: 0;\n    }\n\n    /* --- Panel --- */\n\n    .drp__panel {\n      position: absolute;\n      top: calc(100% + var(--mz-space-xs, 4px));\n      left: 0;\n      z-index: 1000;\n      background: var(--mz-color-surface, #fff);\n      border: 1px solid var(--mz-color-border);\n      border-radius: var(--mz-radius-lg, 0.75rem);\n      box-shadow: var(--mz-shadow-lg, 0 10px 30px rgb(28 25 21 / 0.12));\n      padding: var(--mz-space-md);\n      width: fit-content;\n    }\n\n    .drp--inline .drp__panel {\n      position: static;\n      border: none;\n      box-shadow: none;\n      padding: 0;\n    }\n\n    .drp--inline {\n      container-type: inline-size;\n    }\n\n    .drp__months {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--mz-space-lg);\n    }\n\n    @container (max-width: 500px) {\n      .drp__months {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    /* --- Month header --- */\n\n    .drp__month-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: var(--mz-space-xs) 0;\n      margin-bottom: var(--mz-space-xs);\n      min-height: 1.75rem;\n    }\n\n    .drp__month-title {\n      font-weight: var(--mz-font-weight-semibold, 600);\n      font-size: var(--mz-font-size-sm);\n      color: var(--mz-color-text);\n      flex: 1;\n      text-align: center;\n    }\n\n    .drp__nav {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 1.75rem;\n      height: 1.75rem;\n      border: none;\n      border-radius: var(--mz-radius-md, 0.5rem);\n      background: transparent;\n      color: var(--mz-color-text);\n      cursor: pointer;\n      transition: background 0.15s;\n      padding: 0;\n      flex-shrink: 0;\n    }\n\n    .drp__nav:hover {\n      background: color-mix(in srgb, var(--mz-color-primary) 15%, var(--mz-color-surface));\n    }\n\n    .drp__nav-spacer {\n      width: 1.75rem;\n      flex-shrink: 0;\n    }\n\n    /* --- Weekday headers --- */\n\n    .drp__weekdays {\n      display: grid;\n      grid-template-columns: repeat(7, 1fr);\n      text-align: center;\n      margin-bottom: var(--mz-space-xs);\n    }\n\n    .drp__weekday {\n      font-size: var(--mz-font-size-xs);\n      color: var(--mz-color-text-secondary);\n      font-weight: var(--mz-font-weight-medium, 500);\n      padding: var(--mz-space-xs) 0;\n    }\n\n    /* --- Day grid --- */\n\n    .drp__days {\n      display: grid;\n      grid-template-columns: repeat(7, 1fr);\n    }\n\n    .drp__day-cell {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      aspect-ratio: 1;\n    }\n\n    /* Range band (behind the day button) */\n    .drp__day-cell::before {\n      content: '';\n      position: absolute;\n      inset: 2px 0;\n      background: transparent;\n      z-index: 0;\n    }\n\n    .drp__day-cell--in-range::before {\n      background: color-mix(in srgb, var(--mz-color-primary) 12%, transparent);\n    }\n\n    .drp__day-cell--preview::before {\n      background: color-mix(in srgb, var(--mz-color-primary) 8%, transparent);\n    }\n\n    .drp__day-cell--range-start::before {\n      background: color-mix(in srgb, var(--mz-color-primary) 12%, transparent);\n      border-radius: var(--mz-radius-md, 0.5rem) 0 0 var(--mz-radius-md, 0.5rem);\n    }\n\n    .drp__day-cell--range-end::before {\n      background: color-mix(in srgb, var(--mz-color-primary) 12%, transparent);\n      border-radius: 0 var(--mz-radius-md, 0.5rem) var(--mz-radius-md, 0.5rem) 0;\n    }\n\n    .drp__day-cell--range-start.drp__day-cell--range-end::before {\n      border-radius: var(--mz-radius-md, 0.5rem);\n    }\n\n    /* Preview start/end half-bands */\n    .drp__day-cell--preview-start::before {\n      background: color-mix(in srgb, var(--mz-color-primary) 8%, transparent);\n      border-radius: var(--mz-radius-md, 0.5rem) 0 0 var(--mz-radius-md, 0.5rem);\n    }\n\n    .drp__day-cell--preview-end::before {\n      background: color-mix(in srgb, var(--mz-color-primary) 8%, transparent);\n      border-radius: 0 var(--mz-radius-md, 0.5rem) var(--mz-radius-md, 0.5rem) 0;\n    }\n\n    /* Row edge rounding */\n    .drp__day-cell--in-range:first-child::before,\n    .drp__day-cell--preview:first-child::before {\n      border-radius: var(--mz-radius-sm, 0.25rem) 0 0 var(--mz-radius-sm, 0.25rem);\n    }\n\n    .drp__day-cell--in-range:last-child::before,\n    .drp__day-cell--preview:last-child::before {\n      border-radius: 0 var(--mz-radius-sm, 0.25rem) var(--mz-radius-sm, 0.25rem) 0;\n    }\n\n    /* --- Day button --- */\n\n    .drp__day {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 2rem;\n      height: 2rem;\n      border: none;\n      border-radius: var(--mz-radius-md, 0.5rem);\n      background: transparent;\n      font-family: inherit;\n      font-size: var(--mz-font-size-sm);\n      color: var(--mz-color-text);\n      cursor: pointer;\n      transition: background 0.15s, color 0.15s;\n      padding: 0;\n    }\n\n    .drp__day:focus-visible {\n      outline: 2px solid var(--mz-color-primary);\n      outline-offset: 1px;\n    }\n\n    .drp__day:hover:not(:disabled):not(.drp__day--selected) {\n      background: color-mix(in srgb, var(--mz-color-primary) 15%, var(--mz-color-surface));\n    }\n\n    .drp__day--selected {\n      background: var(--mz-color-primary);\n      color: var(--mz-color-on-primary, #fff);\n      font-weight: var(--mz-font-weight-semibold, 600);\n    }\n\n    .drp__day--today:not(.drp__day--selected) {\n      border: 1px solid var(--mz-color-primary);\n      color: var(--mz-color-primary);\n      font-weight: var(--mz-font-weight-semibold, 600);\n    }\n\n    .drp__day--disabled {\n      opacity: 0.3;\n      cursor: not-allowed;\n    }\n\n    .drp__day--outside {\n      visibility: hidden;\n    }\n\n    /* --- Footer --- */\n\n    .drp__footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      border-top: 1px solid var(--mz-color-border);\n      margin-top: var(--mz-space-md);\n      padding-top: var(--mz-space-sm);\n      gap: var(--mz-space-xs);\n      flex-wrap: wrap;\n    }\n\n    .drp__presets {\n      display: flex;\n      gap: var(--mz-space-xs);\n      flex-wrap: wrap;\n    }\n\n    .drp__preset {\n      border: 1px solid var(--mz-color-border);\n      border-radius: var(--mz-radius-md, 0.5rem);\n      background: var(--mz-color-surface);\n      color: var(--mz-color-text);\n      font-family: inherit;\n      font-size: var(--mz-font-size-xs);\n      padding: var(--mz-space-xs) var(--mz-space-sm);\n      cursor: pointer;\n      transition: background 0.15s, border-color 0.15s;\n    }\n\n    .drp__preset:hover {\n      border-color: var(--mz-color-primary);\n      background: color-mix(in srgb, var(--mz-color-primary) 8%, var(--mz-color-surface));\n    }\n\n    .drp__actions {\n      display: flex;\n      align-items: center;\n      gap: var(--mz-space-xs);\n      margin-left: auto;\n    }\n\n    .drp__clear {\n      border: none;\n      border-radius: var(--mz-radius-md, 0.5rem);\n      background: transparent;\n      color: var(--mz-color-text-secondary);\n      font-family: inherit;\n      font-size: var(--mz-font-size-xs);\n      padding: var(--mz-space-xs) var(--mz-space-sm);\n      cursor: pointer;\n      transition: color 0.15s;\n    }\n\n    .drp__clear:hover {\n      color: var(--mz-color-text);\n    }\n\n    .drp__apply {\n      border: none;\n      border-radius: var(--mz-radius-md, 0.5rem);\n      background: var(--mz-color-primary);\n      color: var(--mz-color-on-primary, #fff);\n      font-family: inherit;\n      font-size: var(--mz-font-size-xs);\n      font-weight: var(--mz-font-weight-semibold, 600);\n      padding: var(--mz-space-xs) var(--mz-space-md);\n      cursor: pointer;\n      transition: opacity 0.15s;\n    }\n\n    .drp__apply:hover:not(:disabled) {\n      opacity: 0.9;\n    }\n\n    .drp__apply:disabled {\n      opacity: 0.4;\n      cursor: not-allowed;\n    }\n\n    /* --- Accessibility --- */\n\n    .drp__sr-only {\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      white-space: nowrap;\n      border: 0;\n    }\n\n    /* --- Mobile / touch --- */\n\n    @media (max-width: 600px) {\n      .drp__months {\n        grid-template-columns: 1fr;\n      }\n\n      .drp__panel {\n        left: 50%;\n        transform: translateX(-50%);\n      }\n\n      .drp--inline .drp__panel {\n        left: 0;\n        transform: none;\n      }\n    }\n\n    @media (pointer: coarse) {\n      .drp__day {\n        width: 2.75rem;\n        height: 2.75rem;\n      }\n\n      .drp__nav {\n        width: 2.75rem;\n        height: 2.75rem;\n      }\n\n      .drp__preset,\n      .drp__clear,\n      .drp__apply {\n        min-height: 2.75rem;\n        padding: var(--mz-space-sm) var(--mz-space-md);\n        font-size: var(--mz-font-size-sm);\n      }\n    }\n  `\n];\n"],
+  "mappings": "gFAGA,IAAOA,EAAQ,CACbC,EACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmbF",
+  "names": ["date_range_picker_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.O4NDVWXH.js ADDED Viewed

@@ -0,0 +1,155 @@
+import{a as r}from"./chunk.22OS67BO.js";import{a as o}from"./chunk.TO7F5R6A.js";var s=[r,o`
+    @layer base, variants, states;
+    @layer base {
+      :host {
+        --_toast-bg: var(--mz-toast-bg, var(--mz-color-surface));
+        --_toast-border-color: var(--mz-toast-border-color, var(--mz-color-neutral));
+        --_toast-color: var(--mz-toast-color, var(--mz-color-text));
+        --_toast-icon-color: var(--mz-toast-icon-color, var(--mz-color-neutral));
+        --_toast-accent-color: var(--mz-toast-accent-color, var(--mz-color-neutral));
+        display: block;
+        pointer-events: auto;
+      }
+      .toast {
+        display: flex;
+        align-items: flex-start;
+        gap: var(--mz-space-sm);
+        padding: var(--mz-space-sm) var(--mz-space-md);
+        background: var(--_toast-bg);
+        border: var(--mz-border-width-sm) solid var(--_toast-border-color);
+        border-radius: var(--mz-radius-lg);
+        color: var(--_toast-color);
+        font-family: var(--mz-font-sans);
+        font-size: var(--mz-font-size-sm);
+        line-height: var(--mz-line-height-normal);
+        box-shadow: var(--mz-shadow-lg);
+        position: relative;
+        overflow: hidden;
+        opacity: 0;
+        transform: translateX(calc(100% + 1rem));
+        transition:
+          opacity var(--mz-transition-normal) ease,
+          transform var(--mz-transition-normal) ease;
+      }
+      .toast--open {
+        opacity: 1;
+        transform: translateX(0);
+      }
+      .toast--closing {
+        opacity: 0;
+        transform: translateX(calc(100% + 1rem));
+      }
+      .toast__icon {
+        display: flex;
+        flex-shrink: 0;
+        padding-top: var(--mz-space-3xs);
+        font-size: var(--mz-font-size-lg);
+        color: var(--_toast-icon-color);
+      }
+      .toast__content {
+        flex: 1;
+        min-width: 0;
+        padding-top: 1px;
+      }
+      .toast__close {
+        display: flex;
+        flex-shrink: 0;
+        align-items: center;
+        justify-content: center;
+        background: none;
+        border: none;
+        padding: var(--mz-space-2xs);
+        margin: calc(var(--mz-space-2xs) * -1);
+        cursor: pointer;
+        color: inherit;
+        opacity: 0.7;
+        border-radius: var(--mz-radius-sm);
+        transition: opacity var(--mz-transition-fast);
+        font-size: var(--mz-font-size-lg);
+        line-height: 1;
+      }
+      .toast__close:hover {
+        opacity: 1;
+      }
+      .toast__close:focus-visible {
+        outline: var(--mz-focus-ring);
+        outline-offset: var(--mz-focus-ring-offset);
+      }
+      .toast__progress {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        height: 3px;
+        background: var(--_toast-accent-color);
+        opacity: 0.4;
+        width: 100%;
+        transform-origin: left;
+        transition: none;
+      }
+      .toast__progress--active {
+        transition: transform linear;
+      }
+    }
+    @layer variants {
+      :host([variant='primary']) {
+        --_toast-bg: color-mix(in srgb, var(--mz-color-primary) 10%, var(--mz-color-surface));
+        --_toast-border-color: color-mix(in srgb, var(--mz-color-primary) 30%, transparent);
+        --_toast-color: var(--mz-color-text);
+        --_toast-icon-color: var(--mz-color-primary);
+        --_toast-accent-color: var(--mz-color-primary);
+      }
+      :host([variant='success']) {
+        --_toast-bg: color-mix(in srgb, var(--mz-color-success) 10%, var(--mz-color-surface));
+        --_toast-border-color: color-mix(in srgb, var(--mz-color-success) 30%, transparent);
+        --_toast-color: var(--mz-color-text);
+        --_toast-icon-color: var(--mz-color-success);
+        --_toast-accent-color: var(--mz-color-success);
+      }
+      :host([variant='warning']) {
+        --_toast-bg: color-mix(in srgb, var(--mz-color-warning) 10%, var(--mz-color-surface));
+        --_toast-border-color: color-mix(in srgb, var(--mz-color-warning) 30%, transparent);
+        --_toast-color: var(--mz-color-text);
+        --_toast-icon-color: var(--mz-color-warning);
+        --_toast-accent-color: var(--mz-color-warning);
+      }
+      :host([variant='danger']) {
+        --_toast-bg: color-mix(in srgb, var(--mz-color-danger) 10%, var(--mz-color-surface));
+        --_toast-border-color: color-mix(in srgb, var(--mz-color-danger) 30%, transparent);
+        --_toast-color: var(--mz-color-text);
+        --_toast-icon-color: var(--mz-color-danger);
+        --_toast-accent-color: var(--mz-color-danger);
+      }
+      :host([variant='neutral']),
+      :host(:not([variant])) {
+        --_toast-bg: var(--mz-color-surface);
+        --_toast-border-color: color-mix(in srgb, var(--mz-color-neutral) 30%, transparent);
+        --_toast-color: var(--mz-color-text);
+        --_toast-icon-color: var(--mz-color-neutral);
+        --_toast-accent-color: var(--mz-color-neutral);
+      }
+    }
+    @layer states {
+      :host([hidden]) {
+        display: none;
+      }
+    }
+  `];export{s as a};
+//# sourceMappingURL=chunk.O4NDVWXH.js.map

package/cdn/chunks/chunk.O4NDVWXH.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/toast/toast.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    @layer base, variants, states;\n\n    @layer base {\n      :host {\n        --_toast-bg: var(--mz-toast-bg, var(--mz-color-surface));\n        --_toast-border-color: var(--mz-toast-border-color, var(--mz-color-neutral));\n        --_toast-color: var(--mz-toast-color, var(--mz-color-text));\n        --_toast-icon-color: var(--mz-toast-icon-color, var(--mz-color-neutral));\n        --_toast-accent-color: var(--mz-toast-accent-color, var(--mz-color-neutral));\n\n        display: block;\n        pointer-events: auto;\n      }\n\n      .toast {\n        display: flex;\n        align-items: flex-start;\n        gap: var(--mz-space-sm);\n        padding: var(--mz-space-sm) var(--mz-space-md);\n        background: var(--_toast-bg);\n        border: var(--mz-border-width-sm) solid var(--_toast-border-color);\n        border-radius: var(--mz-radius-lg);\n        color: var(--_toast-color);\n        font-family: var(--mz-font-sans);\n        font-size: var(--mz-font-size-sm);\n        line-height: var(--mz-line-height-normal);\n        box-shadow: var(--mz-shadow-lg);\n        position: relative;\n        overflow: hidden;\n        opacity: 0;\n        transform: translateX(calc(100% + 1rem));\n        transition:\n          opacity var(--mz-transition-normal) ease,\n          transform var(--mz-transition-normal) ease;\n      }\n\n      .toast--open {\n        opacity: 1;\n        transform: translateX(0);\n      }\n\n      .toast--closing {\n        opacity: 0;\n        transform: translateX(calc(100% + 1rem));\n      }\n\n      .toast__icon {\n        display: flex;\n        flex-shrink: 0;\n        padding-top: var(--mz-space-3xs);\n        font-size: var(--mz-font-size-lg);\n        color: var(--_toast-icon-color);\n      }\n\n      .toast__content {\n        flex: 1;\n        min-width: 0;\n        padding-top: 1px;\n      }\n\n      .toast__close {\n        display: flex;\n        flex-shrink: 0;\n        align-items: center;\n        justify-content: center;\n        background: none;\n        border: none;\n        padding: var(--mz-space-2xs);\n        margin: calc(var(--mz-space-2xs) * -1);\n        cursor: pointer;\n        color: inherit;\n        opacity: 0.7;\n        border-radius: var(--mz-radius-sm);\n        transition: opacity var(--mz-transition-fast);\n        font-size: var(--mz-font-size-lg);\n        line-height: 1;\n      }\n\n      .toast__close:hover {\n        opacity: 1;\n      }\n\n      .toast__close:focus-visible {\n        outline: var(--mz-focus-ring);\n        outline-offset: var(--mz-focus-ring-offset);\n      }\n\n      .toast__progress {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 3px;\n        background: var(--_toast-accent-color);\n        opacity: 0.4;\n        width: 100%;\n        transform-origin: left;\n        transition: none;\n      }\n\n      .toast__progress--active {\n        transition: transform linear;\n      }\n    }\n\n    @layer variants {\n      :host([variant='primary']) {\n        --_toast-bg: color-mix(in srgb, var(--mz-color-primary) 10%, var(--mz-color-surface));\n        --_toast-border-color: color-mix(in srgb, var(--mz-color-primary) 30%, transparent);\n        --_toast-color: var(--mz-color-text);\n        --_toast-icon-color: var(--mz-color-primary);\n        --_toast-accent-color: var(--mz-color-primary);\n      }\n\n      :host([variant='success']) {\n        --_toast-bg: color-mix(in srgb, var(--mz-color-success) 10%, var(--mz-color-surface));\n        --_toast-border-color: color-mix(in srgb, var(--mz-color-success) 30%, transparent);\n        --_toast-color: var(--mz-color-text);\n        --_toast-icon-color: var(--mz-color-success);\n        --_toast-accent-color: var(--mz-color-success);\n      }\n\n      :host([variant='warning']) {\n        --_toast-bg: color-mix(in srgb, var(--mz-color-warning) 10%, var(--mz-color-surface));\n        --_toast-border-color: color-mix(in srgb, var(--mz-color-warning) 30%, transparent);\n        --_toast-color: var(--mz-color-text);\n        --_toast-icon-color: var(--mz-color-warning);\n        --_toast-accent-color: var(--mz-color-warning);\n      }\n\n      :host([variant='danger']) {\n        --_toast-bg: color-mix(in srgb, var(--mz-color-danger) 10%, var(--mz-color-surface));\n        --_toast-border-color: color-mix(in srgb, var(--mz-color-danger) 30%, transparent);\n        --_toast-color: var(--mz-color-text);\n        --_toast-icon-color: var(--mz-color-danger);\n        --_toast-accent-color: var(--mz-color-danger);\n      }\n\n      :host([variant='neutral']),\n      :host(:not([variant])) {\n        --_toast-bg: var(--mz-color-surface);\n        --_toast-border-color: color-mix(in srgb, var(--mz-color-neutral) 30%, transparent);\n        --_toast-color: var(--mz-color-text);\n        --_toast-icon-color: var(--mz-color-neutral);\n        --_toast-accent-color: var(--mz-color-neutral);\n      }\n    }\n\n    @layer states {\n      :host([hidden]) {\n        display: none;\n      }\n    }\n  `\n];\n"],
+  "mappings": "gFAGA,IAAOA,EAAQ,CACbC,EACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0JF",
+  "names": ["toast_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.OCFJ5BMR.js ADDED Viewed

@@ -0,0 +1,17 @@
+import{a as o}from"./chunk.22OS67BO.js";import{a as r}from"./chunk.TO7F5R6A.js";var s=[o,r`
+    :host {
+      display: block;
+    }
+    .menubar {
+      display: flex;
+      align-items: center;
+      gap: 1px;
+      padding: var(--mz-space-xs);
+      background: var(--mz-color-surface, #fff);
+      border: 1px solid var(--mz-color-border);
+      border-radius: var(--mz-radius-lg, 0.75rem);
+      font-family: var(--mz-font-sans);
+    }
+  `];export{s as a};
+//# sourceMappingURL=chunk.OCFJ5BMR.js.map

package/cdn/chunks/chunk.OCFJ5BMR.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/menubar/menubar.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    .menubar {\n      display: flex;\n      align-items: center;\n      gap: 1px;\n      padding: var(--mz-space-xs);\n      background: var(--mz-color-surface, #fff);\n      border: 1px solid var(--mz-color-border);\n      border-radius: var(--mz-radius-lg, 0.75rem);\n      font-family: var(--mz-font-sans);\n    }\n  `\n];\n"],
+  "mappings": "gFAGA,IAAOA,EAAQ,CACbC,EACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBF",
+  "names": ["menubar_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.OFRZSVQR.js ADDED Viewed

@@ -0,0 +1,61 @@
+import{a as o}from"./chunk.XPD4YFO7.js";import{a as h}from"./chunk.X6MSTFXZ.js";import{a,b as l,d as r}from"./chunk.K3BKUERM.js";import{d as t,g as i}from"./chunk.TO7F5R6A.js";import{a as s}from"./chunk.MGICPQBB.js";var e=class extends r{constructor(){super(...arguments);this.href="";this.active=!1;this.disabled=!1;this.expanded=!1;this.hasSubmenu=!1}handleClick(n){if(this.disabled){n.preventDefault();return}this.hasSubmenu&&(n.preventDefault(),this.expanded=!this.expanded),this.emit("mz-nav-select",{detail:{href:this.href}})}handleSubmenuSlotChange(n){let u=n.target;this.hasSubmenu=u.assignedElements({flatten:!0}).length>0}render(){return t`
+      <div
+        part="base"
+        class=${h({"nav-item":!0,"nav-item--active":this.active,"nav-item--disabled":this.disabled,"nav-item--expanded":this.expanded,"nav-item--has-submenu":this.hasSubmenu})}
+      >
+        ${this.href&&!this.hasSubmenu?t`
+              <a
+                part="link"
+                class="nav-item__link"
+                href=${this.href}
+                @click=${this.handleClick}
+                aria-current=${this.active?"page":i}
+              >
+                <slot name="prefix"></slot>
+                <span class="nav-item__label"><slot></slot></span>
+              </a>
+            `:t`
+              <button
+                part="link"
+                class="nav-item__link"
+                type="button"
+                ?disabled=${this.disabled}
+                @click=${this.handleClick}
+                aria-expanded=${this.hasSubmenu?this.expanded:i}
+              >
+                <slot name="prefix"></slot>
+                <span class="nav-item__label"><slot></slot></span>
+                ${this.hasSubmenu?t`
+                      <svg
+                        class="nav-item__chevron"
+                        width="14"
+                        height="14"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      >
+                        <polyline points="6 9 12 15 18 9" />
+                      </svg>
+                    `:i}
+              </button>
+            `}
+        ${this.hasSubmenu?t`
+              <div class="nav-item__submenu" part="submenu">
+                <div class="nav-item__submenu-inner">
+                  <slot
+                    name="submenu"
+                    @slotchange=${this.handleSubmenuSlotChange}
+                  ></slot>
+                </div>
+              </div>
+            `:t`<slot
+              name="submenu"
+              @slotchange=${this.handleSubmenuSlotChange}
+              style="display:none"
+            ></slot>`}
+      </div>
+    `}};e.styles=o,s([a()],e.prototype,"href",2),s([a({type:Boolean,reflect:!0})],e.prototype,"active",2),s([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),s([a({type:Boolean,reflect:!0})],e.prototype,"expanded",2),s([l()],e.prototype,"hasSubmenu",2);export{e as a};
+//# sourceMappingURL=chunk.OFRZSVQR.js.map

package/cdn/chunks/chunk.OFRZSVQR.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/nav-item/nav-item.component.ts"],
+  "sourcesContent": ["import { html, nothing, type TemplateResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './nav-item.styles.js';\n\n/**\n * @tag mz-nav-item\n * @summary A navigation menu item with optional nesting, active state, and link support.\n *\n * @slot - The label text.\n * @slot prefix - Icon or prefix content before the label.\n * @slot submenu - Nested `mz-nav-item` elements (collapsible children).\n *\n * @event mz-nav-select - Emitted when the item is clicked. Detail: `{ href: string }`\n *\n * @csspart base - The outer wrapper.\n * @csspart link - The clickable link or button element.\n * @csspart submenu - The submenu container.\n */\nexport class MzNavItem extends ManzanoElement {\n  static styles = styles;\n\n  /** Link URL. When set and item has no submenu, renders as an `<a>` tag. */\n  @property() href = '';\n\n  /** Whether this item is the active/current page. */\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  /** Whether this item is disabled. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Whether children (submenu) are visible. */\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  @state() private hasSubmenu = false;\n\n  private handleClick(e: Event) {\n    if (this.disabled) {\n      e.preventDefault();\n      return;\n    }\n\n    if (this.hasSubmenu) {\n      e.preventDefault();\n      this.expanded = !this.expanded;\n    }\n\n    this.emit('mz-nav-select', { detail: { href: this.href } });\n  }\n\n  private handleSubmenuSlotChange(e: Event) {\n    const slot = e.target as HTMLSlotElement;\n    this.hasSubmenu = slot.assignedElements({ flatten: true }).length > 0;\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          'nav-item': true,\n          'nav-item--active': this.active,\n          'nav-item--disabled': this.disabled,\n          'nav-item--expanded': this.expanded,\n          'nav-item--has-submenu': this.hasSubmenu\n        })}\n      >\n        ${this.href && !this.hasSubmenu\n          ? html`\n              <a\n                part=\"link\"\n                class=\"nav-item__link\"\n                href=${this.href}\n                @click=${this.handleClick}\n                aria-current=${this.active ? 'page' : nothing}\n              >\n                <slot name=\"prefix\"></slot>\n                <span class=\"nav-item__label\"><slot></slot></span>\n              </a>\n            `\n          : html`\n              <button\n                part=\"link\"\n                class=\"nav-item__link\"\n                type=\"button\"\n                ?disabled=${this.disabled}\n                @click=${this.handleClick}\n                aria-expanded=${this.hasSubmenu ? this.expanded : nothing}\n              >\n                <slot name=\"prefix\"></slot>\n                <span class=\"nav-item__label\"><slot></slot></span>\n                ${this.hasSubmenu\n                  ? html`\n                      <svg\n                        class=\"nav-item__chevron\"\n                        width=\"14\"\n                        height=\"14\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"2\"\n                        stroke-linecap=\"round\"\n                        stroke-linejoin=\"round\"\n                      >\n                        <polyline points=\"6 9 12 15 18 9\" />\n                      </svg>\n                    `\n                  : nothing}\n              </button>\n            `}\n        ${this.hasSubmenu\n          ? html`\n              <div class=\"nav-item__submenu\" part=\"submenu\">\n                <div class=\"nav-item__submenu-inner\">\n                  <slot\n                    name=\"submenu\"\n                    @slotchange=${this.handleSubmenuSlotChange}\n                  ></slot>\n                </div>\n              </div>\n            `\n          : html`<slot\n              name=\"submenu\"\n              @slotchange=${this.handleSubmenuSlotChange}\n              style=\"display:none\"\n            ></slot>`}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "wNAoBO,IAAMA,EAAN,cAAwBC,CAAe,CAAvC,kCAIO,UAAO,GAGyB,YAAS,GAGT,cAAW,GAGX,cAAW,GAE9C,KAAQ,WAAa,GAEtB,YAAYC,EAAU,CAC5B,GAAI,KAAK,SAAU,CACjBA,EAAE,eAAe,EACjB,MACF,CAEI,KAAK,aACPA,EAAE,eAAe,EACjB,KAAK,SAAW,CAAC,KAAK,UAGxB,KAAK,KAAK,gBAAiB,CAAE,OAAQ,CAAE,KAAM,KAAK,IAAK,CAAE,CAAC,CAC5D,CAEQ,wBAAwBA,EAAU,CACxC,IAAMC,EAAOD,EAAE,OACf,KAAK,WAAaC,EAAK,iBAAiB,CAAE,QAAS,EAAK,CAAC,EAAE,OAAS,CACtE,CAEA,QAAyB,CACvB,OAAOC;AAAA;AAAA;AAAA,gBAGKF,EAAS,CACf,WAAY,GACZ,mBAAoB,KAAK,OACzB,qBAAsB,KAAK,SAC3B,qBAAsB,KAAK,SAC3B,wBAAyB,KAAK,UAChC,CAAC,CAAC;AAAA;AAAA,UAEA,KAAK,MAAQ,CAAC,KAAK,WACjBE;AAAA;AAAA;AAAA;AAAA,uBAIW,KAAK,IAAI;AAAA,yBACP,KAAK,WAAW;AAAA,+BACV,KAAK,OAAS,OAASC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAMjDD;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKgB,KAAK,QAAQ;AAAA,yBAChB,KAAK,WAAW;AAAA,gCACT,KAAK,WAAa,KAAK,SAAWC,CAAO;AAAA;AAAA;AAAA;AAAA,kBAIvD,KAAK,WACHD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAeAC,CAAO;AAAA;AAAA,aAEd;AAAA,UACH,KAAK,WACHD;AAAA;AAAA;AAAA;AAAA;AAAA,kCAKsB,KAAK,uBAAuB;AAAA;AAAA;AAAA;AAAA,cAKlDA;AAAA;AAAA,4BAEgB,KAAK,uBAAuB;AAAA;AAAA,qBAEnC;AAAA;AAAA,KAGnB,CACF,EA9GaJ,EACJ,OAASM,EAGJC,EAAA,CAAXC,EAAS,GAJCR,EAIC,oBAGgCO,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAP/BR,EAOiC,sBAGAO,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAV/BR,EAUiC,wBAGAO,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAb/BR,EAaiC,wBAE3BO,EAAA,CAAhBE,EAAM,GAfIT,EAeM",
+  "names": ["MzNavItem", "ManzanoElement", "e", "slot", "b", "A", "nav_item_styles_default", "__decorateClass", "n", "r"]
+}

package/cdn/chunks/chunk.OHNFDEF6.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{a as e}from"./chunk.GXXG3GDV.js";e.define("mz-mutation-observer");
2	+ //# sourceMappingURL=chunk.OHNFDEF6.js.map

package/cdn/chunks/chunk.OHNFDEF6.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/mutation-observer/mutation-observer.ts"],
+  "sourcesContent": ["import { MzMutationObserver } from './mutation-observer.component.js';\n\nMzMutationObserver.define('mz-mutation-observer');\n\nexport { MzMutationObserver };\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-mutation-observer': MzMutationObserver;\n  }\n}\n"],
+  "mappings": "wCAEAA,EAAmB,OAAO,sBAAsB",
+  "names": ["MzMutationObserver"]
+}

package/cdn/chunks/chunk.OJ3UODKU.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{a as o}from"./chunk.67SAXSIU.js";o.define("mz-combobox");
2	+ //# sourceMappingURL=chunk.OJ3UODKU.js.map

package/cdn/chunks/chunk.OJ3UODKU.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/combobox/combobox.ts"],
+  "sourcesContent": ["import { MzCombobox } from './combobox.component.js';\n\nMzCombobox.define('mz-combobox');\n\nexport { MzCombobox };\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-combobox': MzCombobox;\n  }\n}\n"],
+  "mappings": "wCAEAA,EAAW,OAAO,aAAa",
+  "names": ["MzCombobox"]
+}

package/cdn/chunks/chunk.OJU3KLOL.js ADDED Viewed

@@ -0,0 +1,6 @@
+import{a as o}from"./chunk.OCFJ5BMR.js";import{d as a}from"./chunk.K3BKUERM.js";import{d as r}from"./chunk.TO7F5R6A.js";var l=class extends a{constructor(){super(...arguments);this.handleKeydown=t=>{let e=[...this.querySelectorAll("mz-menubar-item:not([disabled])")],s=e.indexOf(t.target);if(t.key==="ArrowRight"){t.preventDefault();let n=(s+1)%e.length;e[n]?.focus()}if(t.key==="ArrowLeft"){t.preventDefault();let n=(s-1+e.length)%e.length;e[n]?.focus()}}}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeydown)}render(){return r`
+      <div part="base" class="menubar" role="menubar" aria-label="Menu">
+        <slot></slot>
+      </div>
+    `}};l.styles=o;export{l as a};
+//# sourceMappingURL=chunk.OJU3KLOL.js.map

package/cdn/chunks/chunk.OJU3KLOL.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/menubar/menubar.component.ts"],
+  "sourcesContent": ["import { html, type TemplateResult } from 'lit';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './menubar.styles.js';\n\n/**\n * @summary A horizontal menu bar with keyboard navigation between items.\n *\n * @slot - `mz-menubar-item` children.\n *\n * @csspart base - The menubar wrapper.\n */\nexport class MzMenubar extends ManzanoElement {\n  static styles = styles;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('keydown', this.handleKeydown);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('keydown', this.handleKeydown);\n  }\n\n  private handleKeydown = (e: KeyboardEvent) => {\n    const items = [...this.querySelectorAll<HTMLElement>('mz-menubar-item:not([disabled])')];\n    const currentIndex = items.indexOf(e.target as HTMLElement);\n\n    if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      const next = (currentIndex + 1) % items.length;\n      items[next]?.focus();\n    }\n    if (e.key === 'ArrowLeft') {\n      e.preventDefault();\n      const prev = (currentIndex - 1 + items.length) % items.length;\n      items[prev]?.focus();\n    }\n  };\n\n  render(): TemplateResult {\n    return html`\n      <div part=\"base\" class=\"menubar\" role=\"menubar\" aria-label=\"Menu\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "wHAWO,IAAMA,EAAN,cAAwBC,CAAe,CAAvC,kCAaL,KAAQ,cAAiBC,GAAqB,CAC5C,IAAMC,EAAQ,CAAC,GAAG,KAAK,iBAA8B,iCAAiC,CAAC,EACjFC,EAAeD,EAAM,QAAQD,EAAE,MAAqB,EAE1D,GAAIA,EAAE,MAAQ,aAAc,CAC1BA,EAAE,eAAe,EACjB,IAAMG,GAAQD,EAAe,GAAKD,EAAM,OACxCA,EAAME,CAAI,GAAG,MAAM,CACrB,CACA,GAAIH,EAAE,MAAQ,YAAa,CACzBA,EAAE,eAAe,EACjB,IAAMI,GAAQF,EAAe,EAAID,EAAM,QAAUA,EAAM,OACvDA,EAAMG,CAAI,GAAG,MAAM,CACrB,CACF,EAxBA,mBAAoB,CAClB,MAAM,kBAAkB,EACxB,KAAK,iBAAiB,UAAW,KAAK,aAAa,CACrD,CAEA,sBAAuB,CACrB,MAAM,qBAAqB,EAC3B,KAAK,oBAAoB,UAAW,KAAK,aAAa,CACxD,CAkBA,QAAyB,CACvB,OAAOC;AAAA;AAAA;AAAA;AAAA,KAKT,CACF,EApCaP,EACJ,OAASQ",
+  "names": ["MzMenubar", "ManzanoElement", "e", "items", "currentIndex", "next", "prev", "b", "menubar_styles_default"]
+}

package/cdn/chunks/chunk.OP4BZL3L.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{a as e}from"./chunk.YTRAPHJR.js";e.define("mz-alert-dialog");
2	+ //# sourceMappingURL=chunk.OP4BZL3L.js.map

package/cdn/chunks/chunk.OP4BZL3L.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/alert-dialog/alert-dialog.ts"],
+  "sourcesContent": ["import { MzAlertDialog } from './alert-dialog.component.js';\n\nexport * from './alert-dialog.component.js';\n\nMzAlertDialog.define('mz-alert-dialog');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-alert-dialog': MzAlertDialog;\n  }\n}\n"],
+  "mappings": "wCAIAA,EAAc,OAAO,iBAAiB",
+  "names": ["MzAlertDialog"]
+}

package/cdn/chunks/chunk.ORT5KPS2.js ADDED Viewed

@@ -0,0 +1,54 @@
+import{a as t}from"./chunk.22OS67BO.js";import{a as e}from"./chunk.TO7F5R6A.js";var i=e`
+  ${t}
+  :host {
+    --_empty-padding: var(--mz-empty-padding, var(--mz-space-2xl) var(--mz-space-lg));
+    --_empty-icon-size: var(--mz-empty-icon-size, 48px);
+    --_empty-icon-color: var(--mz-empty-icon-color, var(--mz-color-border));
+    display: block;
+    font-family: var(--mz-font-sans);
+  }
+  .empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding: var(--_empty-padding);
+    gap: var(--mz-space-sm);
+  }
+  .empty__icon {
+    color: var(--_empty-icon-color);
+    margin-bottom: var(--mz-space-xs);
+  }
+  .empty__icon svg {
+    width: var(--_empty-icon-size);
+    height: var(--_empty-icon-size);
+  }
+  .empty__title {
+    font-size: var(--mz-font-size-md);
+    font-weight: var(--mz-font-weight-semibold, 600);
+    color: var(--mz-color-text);
+  }
+  .empty__description {
+    font-size: var(--mz-font-size-sm);
+    color: var(--mz-color-text-secondary);
+    max-width: 24rem;
+    line-height: var(--mz-line-height-relaxed, 1.625);
+  }
+  .empty__action {
+    margin-top: var(--mz-space-sm);
+  }
+  .empty__action:empty {
+    display: none;
+  }
+`;export{i as a};
+//# sourceMappingURL=chunk.ORT5KPS2.js.map

package/cdn/chunks/chunk.ORT5KPS2.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/empty/empty.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default css`\n  ${componentStyles}\n\n  :host {\n    --_empty-padding: var(--mz-empty-padding, var(--mz-space-2xl) var(--mz-space-lg));\n    --_empty-icon-size: var(--mz-empty-icon-size, 48px);\n    --_empty-icon-color: var(--mz-empty-icon-color, var(--mz-color-border));\n\n    display: block;\n    font-family: var(--mz-font-sans);\n  }\n\n  .empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: var(--_empty-padding);\n    gap: var(--mz-space-sm);\n  }\n\n  .empty__icon {\n    color: var(--_empty-icon-color);\n    margin-bottom: var(--mz-space-xs);\n  }\n\n  .empty__icon svg {\n    width: var(--_empty-icon-size);\n    height: var(--_empty-icon-size);\n  }\n\n  .empty__title {\n    font-size: var(--mz-font-size-md);\n    font-weight: var(--mz-font-weight-semibold, 600);\n    color: var(--mz-color-text);\n  }\n\n  .empty__description {\n    font-size: var(--mz-font-size-sm);\n    color: var(--mz-color-text-secondary);\n    max-width: 24rem;\n    line-height: var(--mz-line-height-relaxed, 1.625);\n  }\n\n  .empty__action {\n    margin-top: var(--mz-space-sm);\n  }\n\n  .empty__action:empty {\n    display: none;\n  }\n`;\n"],
+  "mappings": "gFAGA,IAAOA,EAAQC;AAAA,IACXC,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["empty_styles_default", "i", "component_styles_default"]
+}

package/cdn/chunks/chunk.OWRMQI5Y.js ADDED Viewed

@@ -0,0 +1,7 @@
+import{a as m}from"./chunk.RICF3OP3.js";import{a}from"./chunk.22OS67BO.js";import{a as t,d as o}from"./chunk.K3BKUERM.js";import{d as l,g as s}from"./chunk.TO7F5R6A.js";import{a as r}from"./chunk.MGICPQBB.js";var e=class extends o{constructor(){super(...arguments);this.size="medium";this.required=!1;this.disabled=!1}render(){return l`
+      <label part="base" class="label">
+        <slot></slot>
+        ${this.required?l`<span class="label__required" aria-hidden="true">*</span>`:s}
+      </label>
+    `}};e.styles=[a,...m],r([t({reflect:!0})],e.prototype,"size",2),r([t({type:Boolean,reflect:!0})],e.prototype,"required",2),r([t({type:Boolean,reflect:!0})],e.prototype,"disabled",2);export{e as a};
+//# sourceMappingURL=chunk.OWRMQI5Y.js.map

package/cdn/chunks/chunk.OWRMQI5Y.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/label/label.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport styles from './label.styles.js';\n\n/**\n * @summary A label component for form controls.\n *\n * @slot - The label text content.\n *\n * @csspart base - The `<label>` wrapper element.\n */\nexport class MzLabel extends ManzanoElement {\n  static styles = [componentStyles, ...styles];\n\n  /** The size of the label. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Shows a required indicator (red asterisk). */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Visual disabled state. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  render() {\n    return html`\n      <label part=\"base\" class=\"label\">\n        <slot></slot>\n        ${this.required ? html`<span class=\"label__required\" aria-hidden=\"true\">*</span>` : nothing}\n      </label>\n    `;\n  }\n}\n"],
+  "mappings": "iNAaO,IAAMA,EAAN,cAAsBC,CAAe,CAArC,kCAIwB,UAAqC,SAGtB,cAAW,GAGX,cAAW,GAEvD,QAAS,CACP,OAAOC;AAAA;AAAA;AAAA,UAGD,KAAK,SAAWA,6DAAkEC,CAAO;AAAA;AAAA,KAGjG,CACF,EApBaH,EACJ,OAAS,CAACI,EAAiB,GAAGC,CAAM,EAGdC,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GAJhBP,EAIkB,oBAGeM,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAP/BP,EAOiC,wBAGAM,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAV/BP,EAUiC",
+  "names": ["MzLabel", "ManzanoElement", "b", "A", "component_styles_default", "label_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.P43V3RFL.js ADDED Viewed

@@ -0,0 +1,41 @@
+import{a as m}from"./chunk.JMXJS5WQ.js";import{a as r}from"./chunk.6VM5ZMIJ.js";import{a as p}from"./chunk.X6MSTFXZ.js";import{a,d as n}from"./chunk.K3BKUERM.js";import{d as l,g as i}from"./chunk.TO7F5R6A.js";import{a as e}from"./chunk.MGICPQBB.js";var t=class extends n{constructor(){super(...arguments);this.value=50;this.min=0;this.max=100;this.step=1;this.disabled=!1;this.label="";this.showValue=!1;this.name="";this.size="md"}get percent(){let s=this.max-this.min;return s<=0?0:(this.value-this.min)/s*100}handleInput(s){let h=s.target;this.value=parseFloat(h.value),this.emit("mz-input",{detail:{value:this.value}})}handleChange(){this.emit("mz-change",{detail:{value:this.value}})}render(){let s=this.percent;return l`
+      <div
+        class=${p({slider:!0,"slider--disabled":this.disabled})}
+        part="base"
+      >
+        ${this.label?l`<label class="slider__label" part="label">${this.label}</label>`:i}
+        <div class="slider__control">
+          <div class="slider__track" part="track">
+            <div
+              class="slider__fill"
+              part="fill"
+              style=${r({width:`${s}%`})}
+            ></div>
+            <div
+              class="slider__thumb"
+              part="thumb"
+              style=${r({left:`${s}%`})}
+            >
+              ${this.showValue?l`<span class="slider__value-display" part="value-display"
+                    >${this.value}</span
+                  >`:i}
+            </div>
+          </div>
+          <input
+            type="range"
+            class="slider__input"
+            part="input"
+            .value=${String(this.value)}
+            min=${this.min}
+            max=${this.max}
+            step=${this.step}
+            ?disabled=${this.disabled}
+            aria-label=${this.label||"Slider"}
+            name=${this.name||i}
+            @input=${this.handleInput}
+            @change=${this.handleChange}
+          />
+        </div>
+      </div>
+    `}};t.styles=m,e([a({type:Number})],t.prototype,"value",2),e([a({type:Number})],t.prototype,"min",2),e([a({type:Number})],t.prototype,"max",2),e([a({type:Number})],t.prototype,"step",2),e([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([a()],t.prototype,"label",2),e([a({type:Boolean,attribute:"show-value"})],t.prototype,"showValue",2),e([a()],t.prototype,"name",2),e([a({reflect:!0})],t.prototype,"size",2);export{t as a};
+//# sourceMappingURL=chunk.P43V3RFL.js.map

package/cdn/chunks/chunk.P43V3RFL.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/slider/slider.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './slider.styles.js';\n\n/**\n * @summary A custom-styled range slider with single thumb.\n *\n * @tag mz-slider\n *\n * @event mz-input - Emitted continuously while dragging.\n * @event mz-change - Emitted when the value settles (on mouseup/touchend).\n *\n * @csspart base - The container.\n * @csspart track - The track line.\n * @csspart fill - The filled portion of the track.\n * @csspart thumb - The thumb/handle.\n * @csspart input - The native range input (for accessibility).\n * @csspart value-display - The value label.\n *\n * @cssproperty --mz-slider-track-height - Track height.\n * @cssproperty --mz-slider-track-color - Unfilled track color.\n * @cssproperty --mz-slider-fill-color - Filled portion color.\n * @cssproperty --mz-slider-thumb-size - Thumb diameter.\n * @cssproperty --mz-slider-thumb-color - Thumb color.\n */\nexport class MzSlider extends ManzanoElement {\n  static styles = styles;\n\n  /** The current value. */\n  @property({ type: Number }) value = 50;\n\n  /** The minimum value. */\n  @property({ type: Number }) min = 0;\n\n  /** The maximum value. */\n  @property({ type: Number }) max = 100;\n\n  /** The step increment. */\n  @property({ type: Number }) step = 1;\n\n  /** Disables the slider. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** An accessible label for the slider. */\n  @property() label = '';\n\n  /** Whether to show the current value as a tooltip above the thumb. */\n  @property({ type: Boolean, attribute: 'show-value' }) showValue = false;\n\n  /** The form field name. */\n  @property() name = '';\n\n  /** The size of the slider. */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** Percentage of the current value within the range. */\n  private get percent(): number {\n    const range = this.max - this.min;\n    if (range <= 0) return 0;\n    return ((this.value - this.min) / range) * 100;\n  }\n\n  private handleInput(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.value = parseFloat(target.value);\n    this.emit('mz-input', { detail: { value: this.value } });\n  }\n\n  private handleChange() {\n    this.emit('mz-change', { detail: { value: this.value } });\n  }\n\n  render() {\n    const pct = this.percent;\n\n    return html`\n      <div\n        class=${classMap({\n          slider: true,\n          'slider--disabled': this.disabled,\n        })}\n        part=\"base\"\n      >\n        ${this.label\n          ? html`<label class=\"slider__label\" part=\"label\">${this.label}</label>`\n          : nothing}\n        <div class=\"slider__control\">\n          <div class=\"slider__track\" part=\"track\">\n            <div\n              class=\"slider__fill\"\n              part=\"fill\"\n              style=${styleMap({ width: `${pct}%` })}\n            ></div>\n            <div\n              class=\"slider__thumb\"\n              part=\"thumb\"\n              style=${styleMap({ left: `${pct}%` })}\n            >\n              ${this.showValue\n                ? html`<span class=\"slider__value-display\" part=\"value-display\"\n                    >${this.value}</span\n                  >`\n                : nothing}\n            </div>\n          </div>\n          <input\n            type=\"range\"\n            class=\"slider__input\"\n            part=\"input\"\n            .value=${String(this.value)}\n            min=${this.min}\n            max=${this.max}\n            step=${this.step}\n            ?disabled=${this.disabled}\n            aria-label=${this.label || 'Slider'}\n            name=${this.name || nothing}\n            @input=${this.handleInput}\n            @change=${this.handleChange}\n          />\n        </div>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "yPA4BO,IAAMA,EAAN,cAAuBC,CAAe,CAAtC,kCAIuB,WAAQ,GAGR,SAAM,EAGN,SAAM,IAGN,UAAO,EAGS,cAAW,GAG3C,WAAQ,GAGkC,eAAY,GAGtD,UAAO,GAGU,UAA2B,KAGxD,IAAY,SAAkB,CAC5B,IAAMC,EAAQ,KAAK,IAAM,KAAK,IAC9B,OAAIA,GAAS,EAAU,GACd,KAAK,MAAQ,KAAK,KAAOA,EAAS,GAC7C,CAEQ,YAAYC,EAAU,CAC5B,IAAMC,EAASD,EAAE,OACjB,KAAK,MAAQ,WAAWC,EAAO,KAAK,EACpC,KAAK,KAAK,WAAY,CAAE,OAAQ,CAAE,MAAO,KAAK,KAAM,CAAE,CAAC,CACzD,CAEQ,cAAe,CACrB,KAAK,KAAK,YAAa,CAAE,OAAQ,CAAE,MAAO,KAAK,KAAM,CAAE,CAAC,CAC1D,CAEA,QAAS,CACP,IAAMC,EAAM,KAAK,QAEjB,OAAOC;AAAA;AAAA,gBAEKH,EAAS,CACf,OAAQ,GACR,mBAAoB,KAAK,QAC3B,CAAC,CAAC;AAAA;AAAA;AAAA,UAGA,KAAK,MACHG,8CAAiD,KAAK,KAAK,WAC3DC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMGC,EAAS,CAAE,MAAO,GAAGH,CAAG,GAAI,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,sBAK9BG,EAAS,CAAE,KAAM,GAAGH,CAAG,GAAI,CAAC,CAAC;AAAA;AAAA,gBAEnC,KAAK,UACHC;AAAA,uBACK,KAAK,KAAK;AAAA,qBAEfC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAOJ,OAAO,KAAK,KAAK,CAAC;AAAA,kBACrB,KAAK,GAAG;AAAA,kBACR,KAAK,GAAG;AAAA,mBACP,KAAK,IAAI;AAAA,wBACJ,KAAK,QAAQ;AAAA,yBACZ,KAAK,OAAS,QAAQ;AAAA,mBAC5B,KAAK,MAAQA,CAAO;AAAA,qBAClB,KAAK,WAAW;AAAA,sBACf,KAAK,YAAY;AAAA;AAAA;AAAA;AAAA,KAKrC,CACF,EAlGaP,EACJ,OAASS,EAGYC,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,GAJfX,EAIiB,qBAGAU,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,GAPfX,EAOiB,mBAGAU,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,GAVfX,EAUiB,mBAGAU,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,GAbfX,EAaiB,oBAGgBU,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAhB/BX,EAgBiC,wBAGhCU,EAAA,CAAXC,EAAS,GAnBCX,EAmBC,qBAG0CU,EAAA,CAArDC,EAAS,CAAE,KAAM,QAAS,UAAW,YAAa,CAAC,GAtBzCX,EAsB2C,yBAG1CU,EAAA,CAAXC,EAAS,GAzBCX,EAyBC,oBAGiBU,EAAA,CAA5BC,EAAS,CAAE,QAAS,EAAK,CAAC,GA5BhBX,EA4BkB",
+  "names": ["MzSlider", "ManzanoElement", "range", "e", "target", "pct", "b", "A", "o", "slider_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.PAEXNMEM.js ADDED Viewed

@@ -0,0 +1,46 @@
+import{a as d}from"./chunk.2ZEYDW5V.js";import{a as m}from"./chunk.X6MSTFXZ.js";import{a as i,b as p,d as c}from"./chunk.K3BKUERM.js";import{d as o,e as v}from"./chunk.TO7F5R6A.js";import{a as s}from"./chunk.MGICPQBB.js";var r=class extends c{constructor(){super(...arguments);this.value=0;this.max=5;this.precision=1;this.readonly=!1;this.disabled=!1;this.size="md";this.label="Rating";this.hoverValue=-1}get isInteractive(){return!this.readonly&&!this.disabled}get displayValue(){return this.hoverValue>=0?this.hoverValue:this.value}roundToStep(e){return Math.round(e/this.precision)*this.precision}getValueFromEvent(e,a){if(this.precision===.5){let l=e.currentTarget.getBoundingClientRect();return e.clientX-l.left<l.width/2?a+.5:a+1}return a+1}handleClick(e,a){if(!this.isInteractive)return;let t=this.getValueFromEvent(e,a);this.value=t===this.value?0:t,this.emit("mz-change",{detail:{value:this.value}})}handleMouseMove(e,a){if(!this.isInteractive)return;let t=this.getValueFromEvent(e,a);t!==this.hoverValue&&(this.hoverValue=t,this.emit("mz-hover",{detail:{phase:"move",value:t}}))}handleMouseEnter(e,a){if(!this.isInteractive)return;let t=this.getValueFromEvent(e,a);this.hoverValue=t,this.emit("mz-hover",{detail:{phase:"start",value:t}})}handleMouseLeave(){this.isInteractive&&(this.hoverValue=-1,this.emit("mz-hover",{detail:{phase:"end",value:this.value}}))}handleKeyDown(e){if(!this.isInteractive)return;let a=this.precision,t=this.value;switch(e.key){case"ArrowRight":case"ArrowUp":e.preventDefault(),t=Math.min(this.max,this.value+a);break;case"ArrowLeft":case"ArrowDown":e.preventDefault(),t=Math.max(0,this.value-a);break;case"Home":e.preventDefault(),t=0;break;case"End":e.preventDefault(),t=this.max;break;default:return}t=this.roundToStep(t),t!==this.value&&(this.value=t,this.emit("mz-change",{detail:{value:this.value}}))}getStarFill(e){let a=this.displayValue;return a>=e+1?100:a<=e?0:(a-e)*100}renderStar(e){let a=this.getStarFill(e),t=a>=100,l=a<=0,u=`star-clip-${e}`,h="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z";return o`
+      <span
+        class=${m({rating__symbol:!0,"rating__symbol--full":t,"rating__symbol--half":!t&&!l,"rating__symbol--empty":l})}
+        part="symbol"
+        @click=${n=>this.handleClick(n,e)}
+        @mouseenter=${n=>this.handleMouseEnter(n,e)}
+        @mousemove=${n=>this.handleMouseMove(n,e)}
+      >
+        <svg viewBox="0 0 24 24" class="rating__star">
+          ${!t&&!l?v`
+                <defs>
+                  <clipPath id=${u}>
+                    <rect x="0" y="0" width="${a}%" height="100%"></rect>
+                  </clipPath>
+                </defs>
+                <path d=${h} class="rating__star-bg"></path>
+                <path
+                  d=${h}
+                  class="rating__star-fill"
+                  clip-path="url(#${u})"
+                ></path>
+              `:v`
+                <path
+                  d=${h}
+                  class=${t?"rating__star-fill":"rating__star-bg"}
+                ></path>
+              `}
+        </svg>
+      </span>
+    `}render(){let e=Array.from({length:this.max},(a,t)=>t);return o`
+      <div
+        class=${m({rating:!0,"rating--readonly":this.readonly,"rating--disabled":this.disabled})}
+        part="base"
+        role="slider"
+        aria-label=${this.label}
+        aria-valuenow=${this.value}
+        aria-valuemin="0"
+        aria-valuemax=${this.max}
+        tabindex=${this.disabled?-1:0}
+        @mouseleave=${this.handleMouseLeave}
+        @keydown=${this.handleKeyDown}
+      >
+        ${e.map(a=>this.renderStar(a))}
+      </div>
+    `}};r.styles=d,s([i({type:Number})],r.prototype,"value",2),s([i({type:Number})],r.prototype,"max",2),s([i({type:Number})],r.prototype,"precision",2),s([i({type:Boolean,reflect:!0})],r.prototype,"readonly",2),s([i({type:Boolean,reflect:!0})],r.prototype,"disabled",2),s([i({reflect:!0})],r.prototype,"size",2),s([i()],r.prototype,"label",2),s([p()],r.prototype,"hoverValue",2);export{r as a};
+//# sourceMappingURL=chunk.PAEXNMEM.js.map

package/cdn/chunks/chunk.PAEXNMEM.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/rating/rating.component.ts"],
+  "sourcesContent": ["import { html, svg } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './rating.styles.js';\n\n/**\n * @tag mz-rating\n * @summary A star rating component supporting whole and half-star increments.\n *\n * @event mz-change - Emitted when the rating value changes. `detail: { value: number }`\n * @event mz-hover - Emitted when hovering over stars. `detail: { phase: 'start' | 'move' | 'end', value: number }`\n *\n * @csspart base - The container element.\n * @csspart symbol - Individual star symbol wrappers.\n *\n * @cssproperty --mz-rating-color - Color of filled stars.\n * @cssproperty --mz-rating-empty-color - Color of empty stars.\n * @cssproperty --mz-rating-size - Size of each star.\n * @cssproperty --mz-rating-gap - Gap between stars.\n */\nexport class MzRating extends ManzanoElement {\n  static styles = styles;\n\n  /** Current rating value. */\n  @property({ type: Number }) value = 0;\n\n  /** Maximum number of stars. */\n  @property({ type: Number }) max = 5;\n\n  /** Step precision: 1 for whole stars, 0.5 for half stars. */\n  @property({ type: Number }) precision: 1 | 0.5 = 1;\n\n  /** Prevents user changes while still displaying the value. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Disables the rating control. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Component size. */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** Accessible label for the slider role. */\n  @property() label = 'Rating';\n\n  @state() private hoverValue = -1;\n\n  private get isInteractive(): boolean {\n    return !this.readonly && !this.disabled;\n  }\n\n  private get displayValue(): number {\n    return this.hoverValue >= 0 ? this.hoverValue : this.value;\n  }\n\n  private roundToStep(val: number): number {\n    return Math.round(val / this.precision) * this.precision;\n  }\n\n  private getValueFromEvent(e: MouseEvent, index: number): number {\n    if (this.precision === 0.5) {\n      const target = e.currentTarget as HTMLElement;\n      const rect = target.getBoundingClientRect();\n      const isLeftHalf = e.clientX - rect.left < rect.width / 2;\n      return isLeftHalf ? index + 0.5 : index + 1;\n    }\n    return index + 1;\n  }\n\n  private handleClick(e: MouseEvent, index: number) {\n    if (!this.isInteractive) return;\n    const newValue = this.getValueFromEvent(e, index);\n    // Toggle off if clicking the same value\n    this.value = newValue === this.value ? 0 : newValue;\n    this.emit('mz-change', { detail: { value: this.value } });\n  }\n\n  private handleMouseMove(e: MouseEvent, index: number) {\n    if (!this.isInteractive) return;\n    const newValue = this.getValueFromEvent(e, index);\n    if (newValue !== this.hoverValue) {\n      this.hoverValue = newValue;\n      this.emit('mz-hover', { detail: { phase: 'move', value: newValue } });\n    }\n  }\n\n  private handleMouseEnter(e: MouseEvent, index: number) {\n    if (!this.isInteractive) return;\n    const newValue = this.getValueFromEvent(e, index);\n    this.hoverValue = newValue;\n    this.emit('mz-hover', { detail: { phase: 'start', value: newValue } });\n  }\n\n  private handleMouseLeave() {\n    if (!this.isInteractive) return;\n    this.hoverValue = -1;\n    this.emit('mz-hover', { detail: { phase: 'end', value: this.value } });\n  }\n\n  private handleKeyDown(e: KeyboardEvent) {\n    if (!this.isInteractive) return;\n    const step = this.precision;\n    let newValue = this.value;\n\n    switch (e.key) {\n      case 'ArrowRight':\n      case 'ArrowUp':\n        e.preventDefault();\n        newValue = Math.min(this.max, this.value + step);\n        break;\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        e.preventDefault();\n        newValue = Math.max(0, this.value - step);\n        break;\n      case 'Home':\n        e.preventDefault();\n        newValue = 0;\n        break;\n      case 'End':\n        e.preventDefault();\n        newValue = this.max;\n        break;\n      default:\n        return;\n    }\n\n    newValue = this.roundToStep(newValue);\n    if (newValue !== this.value) {\n      this.value = newValue;\n      this.emit('mz-change', { detail: { value: this.value } });\n    }\n  }\n\n  /** Get fill percentage for a star at the given 0-based index. */\n  private getStarFill(index: number): number {\n    const val = this.displayValue;\n    if (val >= index + 1) return 100;\n    if (val <= index) return 0;\n    return (val - index) * 100;\n  }\n\n  private renderStar(index: number) {\n    const fill = this.getStarFill(index);\n    const isFull = fill >= 100;\n    const isEmpty = fill <= 0;\n    const clipId = `star-clip-${index}`;\n\n    // 5-point star path in 24x24 viewBox\n    const starPath =\n      'M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z';\n\n    return html`\n      <span\n        class=${classMap({\n          rating__symbol: true,\n          'rating__symbol--full': isFull,\n          'rating__symbol--half': !isFull && !isEmpty,\n          'rating__symbol--empty': isEmpty\n        })}\n        part=\"symbol\"\n        @click=${(e: MouseEvent) => this.handleClick(e, index)}\n        @mouseenter=${(e: MouseEvent) => this.handleMouseEnter(e, index)}\n        @mousemove=${(e: MouseEvent) => this.handleMouseMove(e, index)}\n      >\n        <svg viewBox=\"0 0 24 24\" class=\"rating__star\">\n          ${!isFull && !isEmpty\n            ? svg`\n                <defs>\n                  <clipPath id=${clipId}>\n                    <rect x=\"0\" y=\"0\" width=\"${fill}%\" height=\"100%\"></rect>\n                  </clipPath>\n                </defs>\n                <path d=${starPath} class=\"rating__star-bg\"></path>\n                <path\n                  d=${starPath}\n                  class=\"rating__star-fill\"\n                  clip-path=\"url(#${clipId})\"\n                ></path>\n              `\n            : svg`\n                <path\n                  d=${starPath}\n                  class=${isFull ? 'rating__star-fill' : 'rating__star-bg'}\n                ></path>\n              `}\n        </svg>\n      </span>\n    `;\n  }\n\n  render() {\n    const stars = Array.from({ length: this.max }, (_, i) => i);\n\n    return html`\n      <div\n        class=${classMap({\n          rating: true,\n          'rating--readonly': this.readonly,\n          'rating--disabled': this.disabled\n        })}\n        part=\"base\"\n        role=\"slider\"\n        aria-label=${this.label}\n        aria-valuenow=${this.value}\n        aria-valuemin=\"0\"\n        aria-valuemax=${this.max}\n        tabindex=${this.disabled ? -1 : 0}\n        @mouseleave=${this.handleMouseLeave}\n        @keydown=${this.handleKeyDown}\n      >\n        ${stars.map(i => this.renderStar(i))}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["MzRating", "ManzanoElement", "val", "index", "rect", "newValue", "step", "fill", "isFull", "isEmpty", "clipId", "starPath", "b", "e", "w", "stars", "_", "i", "rating_styles_default", "__decorateClass", "n", "r"]
+}