@manzanohq/components 0.1.1 → 0.1.4

package/cdn/chunks/chunk.6VM5ZMIJ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/src/directives/style-map.ts"],
+  "sourcesContent": ["/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {AttributePart, noChange} from '../lit-html.js';\nimport {\n  directive,\n  Directive,\n  DirectiveParameters,\n  PartInfo,\n  PartType,\n} from '../directive.js';\n\n/**\n * A key-value set of CSS properties and values.\n *\n * The key should be either a valid CSS property name string, like\n * `'background-color'`, or a valid JavaScript camel case property name\n * for CSSStyleDeclaration like `backgroundColor`.\n */\nexport interface StyleInfo {\n  [name: string]: string | number | undefined | null;\n}\n\nconst important = 'important';\n// The leading space is important\nconst importantFlag = ' !' + important;\n// How many characters to remove from a value, as a negative number\nconst flagTrim = 0 - importantFlag.length;\n\nclass StyleMapDirective extends Directive {\n  private _previousStyleProperties?: Set<string>;\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    if (\n      partInfo.type !== PartType.ATTRIBUTE ||\n      partInfo.name !== 'style' ||\n      (partInfo.strings?.length as number) > 2\n    ) {\n      throw new Error(\n        'The `styleMap` directive must be used in the `style` attribute ' +\n          'and must be the only part in the attribute.'\n      );\n    }\n  }\n\n  render(styleInfo: Readonly<StyleInfo>) {\n    return Object.keys(styleInfo).reduce((style, prop) => {\n      const value = styleInfo[prop];\n      if (value == null) {\n        return style;\n      }\n      // Convert property names from camel-case to dash-case, i.e.:\n      //  `backgroundColor` -> `background-color`\n      // Vendor-prefixed names need an extra `-` appended to front:\n      //  `webkitAppearance` -> `-webkit-appearance`\n      // Exception is any property name containing a dash, including\n      // custom properties; we assume these are already dash-cased i.e.:\n      //  `--my-button-color` --> `--my-button-color`\n      prop = prop.includes('-')\n        ? prop\n        : prop\n            .replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, '-$&')\n            .toLowerCase();\n      return style + `${prop}:${value};`;\n    }, '');\n  }\n\n  override update(part: AttributePart, [styleInfo]: DirectiveParameters<this>) {\n    const {style} = part.element as HTMLElement;\n\n    if (this._previousStyleProperties === undefined) {\n      this._previousStyleProperties = new Set(Object.keys(styleInfo));\n      return this.render(styleInfo);\n    }\n\n    // Remove old properties that no longer exist in styleInfo\n    for (const name of this._previousStyleProperties) {\n      // If the name isn't in styleInfo or it's null/undefined\n      if (styleInfo[name] == null) {\n        this._previousStyleProperties!.delete(name);\n        if (name.includes('-')) {\n          style.removeProperty(name);\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          (style as any)[name] = null;\n        }\n      }\n    }\n\n    // Add or update properties\n    for (const name in styleInfo) {\n      const value = styleInfo[name];\n      if (value != null) {\n        this._previousStyleProperties.add(name);\n        const isImportant =\n          typeof value === 'string' && value.endsWith(importantFlag);\n        if (name.includes('-') || isImportant) {\n          style.setProperty(\n            name,\n            isImportant\n              ? (value as string).slice(0, flagTrim)\n              : (value as string),\n            isImportant ? important : ''\n          );\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          (style as any)[name] = value;\n        }\n      }\n    }\n    return noChange;\n  }\n}\n\n/**\n * A directive that applies CSS properties to an element.\n *\n * `styleMap` can only be used in the `style` attribute and must be the only\n * expression in the attribute. It takes the property names in the\n * {@link StyleInfo styleInfo} object and adds the properties to the inline\n * style of the element.\n *\n * Property names with dashes (`-`) are assumed to be valid CSS\n * property names and set on the element's style object using `setProperty()`.\n * Names without dashes are assumed to be camelCased JavaScript property names\n * and set on the element's style object using property assignment, allowing the\n * style object to translate JavaScript-style names to CSS property names.\n *\n * For example `styleMap({backgroundColor: 'red', 'border-top': '5px', '--size':\n * '0'})` sets the `background-color`, `border-top` and `--size` properties.\n *\n * @param styleInfo\n * @see {@link https://lit.dev/docs/templates/directives/#stylemap styleMap code samples on Lit.dev}\n */\nexport const styleMap = directive(StyleMapDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {StyleMapDirective};\n"],
+  "mappings": "8FA0BA,IAAMA,EAAY,YAEZC,EAAgB,KAAOD,EA8GhBE,EAAWC,EA1GxB,cAAgCC,CAAAA,CAG9B,YAAYC,EAAAA,CAEV,GADAC,MAAMD,CAAAA,EAEJA,EAASE,OAASC,EAASC,WAC3BJ,EAASK,OAAS,SACjBL,EAASM,SAASC,OAAoB,EAEvC,MAAUC,MACR,4GAAA,CAIN,CAEA,OAAOC,EAAAA,CACL,OAAOC,OAAOC,KAAKF,CAAAA,EAAWG,OAAO,CAACC,EAAOC,IAAAA,CAC3C,IAAMC,EAAQN,EAAUK,CAAAA,EACxB,OAAIC,GAAS,KACJF,EAcFA,EAAQ,GALfC,EAAOA,EAAKE,SAAS,GAAA,EACjBF,EACAA,EACGG,QAAQ,oCAAqC,KAAA,EAC7CC,YAAAA,CAAAA,IACmBH,CAAAA,GAAAA,EACzB,EAAA,CACL,CAES,OAAOI,EAAAA,CAAsBV,CAAAA,EAAAA,CACpC,GAAA,CAAMI,MAACA,CAAAA,EAASM,EAAKC,QAErB,GAAIC,KAAKC,KAAT,OAEE,OADAD,KAAKC,GAA2B,IAAIC,IAAIb,OAAOC,KAAKF,CAAAA,CAAAA,EAC7CY,KAAKG,OAAOf,CAAAA,EAIrB,QAAWJ,KAAQgB,KAAKC,GAElBb,EAAUJ,CAAAA,GAAS,OACrBgB,KAAKC,GAA0BG,OAAOpB,CAAAA,EAClCA,EAAKW,SAAS,GAAA,EAChBH,EAAMa,eAAerB,CAAAA,EAGpBQ,EAAcR,CAAAA,EAAQ,MAM7B,QAAWA,KAAQI,EAAW,CAC5B,IAAMM,EAAQN,EAAUJ,CAAAA,EACxB,GAAIU,GAAS,KAAM,CACjBM,KAAKC,GAAyBK,IAAItB,CAAAA,EAClC,IAAMuB,EACa,OAAVb,GAAU,UAAYA,EAAMc,SAASjC,CAAAA,EAC1CS,EAAKW,SAAS,GAAA,GAAQY,EACxBf,EAAMiB,YACJzB,EACAuB,EACKb,EAAiBgB,MAAM,EAAA,GA1EvB,EA2EAhB,EACLa,EAAcjC,EAAY,EAAA,EAI3BkB,EAAcR,CAAAA,EAAQU,CAE3B,CACF,CACA,OAAOiB,CACT,CAAA,CAAA",
+  "names": ["important", "importantFlag", "styleMap", "directive", "Directive", "partInfo", "super", "type", "PartType", "ATTRIBUTE", "name", "strings", "length", "Error", "styleInfo", "Object", "keys", "reduce", "style", "prop", "value", "includes", "replace", "toLowerCase", "part", "element", "this", "_previousStyleProperties", "Set", "render", "delete", "removeProperty", "add", "isImportant", "endsWith", "setProperty", "slice", "noChange"]
+}

package/cdn/chunks/chunk.6WB4RFRK.js

@@ -0,0 +1,2 @@
+import{a as f}from"./chunk.II57JDH2.js";import{a as o,b as l,d as m}from"./chunk.K3BKUERM.js";import{d as c}from"./chunk.TO7F5R6A.js";import{a as r}from"./chunk.MGICPQBB.js";var h=[{unit:"year",seconds:31536e3},{unit:"month",seconds:2592e3},{unit:"week",seconds:604800},{unit:"day",seconds:86400},{unit:"hour",seconds:3600},{unit:"minute",seconds:60},{unit:"second",seconds:1}],n=class extends m{constructor(){super(...arguments);this.date=new Date;this.format="long";this.numeric="auto";this.sync=!1;this._tick=0}connectedCallback(){super.connectedCallback(),this.sync&&this._startTimer()}disconnectedCallback(){super.disconnectedCallback(),this._stopTimer()}updated(t){t.has("sync")&&(this.sync?this._startTimer():this._stopTimer())}_startTimer(){this._stopTimer();let{seconds:t}=this._getRelativeValue(),e=Math.abs(t),s;e<60?s=1e3:e<3600?s=6e4:s=36e5,this._timer=setInterval(()=>{this._tick++},s)}_stopTimer(){this._timer!==void 0&&(clearInterval(this._timer),this._timer=void 0)}_getRelativeValue(){let t=this.date instanceof Date?this.date:new Date(this.date),e=Date.now(),i=(t.getTime()-e)/1e3,d=Math.abs(i);for(let{unit:u,seconds:a}of h)if(d>=a)return{value:Math.round(i/a),unit:u,seconds:i};return{value:Math.round(i),unit:"second",seconds:i}}render(){this._tick;let t=this.date instanceof Date?this.date:new Date(this.date);if(isNaN(t.getTime()))return c``;let{value:e,unit:s}=this._getRelativeValue();try{let d=new Intl.RelativeTimeFormat(this.locale,{style:this.format,numeric:this.numeric}).format(e,s),u=t.toISOString(),a=t.toLocaleString(this.locale);return c`<time datetime=${u} title=${a}>${d}</time>`}catch{return c``}}};n.styles=f,r([o({attribute:"date",converter:{fromAttribute(t){let e=Number(t);return isNaN(e)?new Date(t):new Date(e)}}})],n.prototype,"date",2),r([o()],n.prototype,"format",2),r([o()],n.prototype,"numeric",2),r([o({type:Boolean})],n.prototype,"sync",2),r([o()],n.prototype,"locale",2),r([l()],n.prototype,"_tick",2);export{n as a};
+//# sourceMappingURL=chunk.6WB4RFRK.js.map

package/cdn/chunks/chunk.6WB4RFRK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/relative-time/relative-time.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './relative-time.styles.js';\n\n/** Time thresholds in seconds for each unit. */\nconst UNITS: Array<{ unit: Intl.RelativeTimeFormatUnit; seconds: number }> = [\n  { unit: 'year', seconds: 31536000 },\n  { unit: 'month', seconds: 2592000 },\n  { unit: 'week', seconds: 604800 },\n  { unit: 'day', seconds: 86400 },\n  { unit: 'hour', seconds: 3600 },\n  { unit: 'minute', seconds: 60 },\n  { unit: 'second', seconds: 1 }\n];\n\n/**\n * @summary Displays a relative time string that can auto-update (e.g. \"3 minutes ago\", \"in 2 hours\").\n *\n * @tag mz-relative-time\n *\n * @example\n * ```html\n * <mz-relative-time date=\"2024-01-01T00:00:00Z\" format=\"long\"></mz-relative-time>\n * ```\n */\nexport class MzRelativeTime extends ManzanoElement {\n  static styles = styles;\n\n  /** The reference date. Accepts a Date object, ISO string, or unix timestamp (ms). */\n  @property({\n    attribute: 'date',\n    converter: {\n      fromAttribute(value: string) {\n        const num = Number(value);\n        return isNaN(num) ? new Date(value) : new Date(num);\n      }\n    }\n  })\n  date: Date = new Date();\n\n  /** The format style: 'long' (\"3 minutes ago\"), 'short' (\"3 min. ago\"), or 'narrow' (\"3m ago\"). */\n  @property() format: 'long' | 'short' | 'narrow' = 'long';\n\n  /** Whether to use numeric output: 'always' (\"1 day ago\") or 'auto' (\"yesterday\"). */\n  @property() numeric: 'always' | 'auto' = 'auto';\n\n  /** Whether to automatically update the displayed time. */\n  @property({ type: Boolean }) sync = false;\n\n  /** The locale to use for formatting. Defaults to the browser's locale. */\n  @property() locale?: string;\n\n  /** Internal tick counter to trigger re-renders on interval. */\n  @state() private _tick = 0;\n\n  private _timer?: ReturnType<typeof setInterval>;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    if (this.sync) {\n      this._startTimer();\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this._stopTimer();\n  }\n\n  override updated(changedProps: Map<PropertyKey, unknown>) {\n    if (changedProps.has('sync')) {\n      if (this.sync) {\n        this._startTimer();\n      } else {\n        this._stopTimer();\n      }\n    }\n  }\n\n  private _startTimer() {\n    this._stopTimer();\n    const { seconds } = this._getRelativeValue();\n    const absSeconds = Math.abs(seconds);\n\n    // Choose interval based on magnitude\n    let interval: number;\n    if (absSeconds < 60) {\n      interval = 1000; // every second\n    } else if (absSeconds < 3600) {\n      interval = 60_000; // every minute\n    } else {\n      interval = 3_600_000; // every hour\n    }\n\n    this._timer = setInterval(() => {\n      this._tick++;\n    }, interval);\n  }\n\n  private _stopTimer() {\n    if (this._timer !== undefined) {\n      clearInterval(this._timer);\n      this._timer = undefined;\n    }\n  }\n\n  /** Calculate the diff in seconds and find the best unit. */\n  private _getRelativeValue(): { value: number; unit: Intl.RelativeTimeFormatUnit; seconds: number } {\n    const date = this.date instanceof Date ? this.date : new Date(this.date);\n    const now = Date.now();\n    const diffMs = date.getTime() - now;\n    const diffSeconds = diffMs / 1000;\n    const absDiff = Math.abs(diffSeconds);\n\n    for (const { unit, seconds } of UNITS) {\n      if (absDiff >= seconds) {\n        return {\n          value: Math.round(diffSeconds / seconds),\n          unit,\n          seconds: diffSeconds\n        };\n      }\n    }\n\n    return { value: Math.round(diffSeconds), unit: 'second', seconds: diffSeconds };\n  }\n\n  render() {\n    // Reference _tick to ensure re-renders\n    void this._tick;\n\n    const date = this.date instanceof Date ? this.date : new Date(this.date);\n\n    if (isNaN(date.getTime())) {\n      return html``;\n    }\n\n    const { value, unit } = this._getRelativeValue();\n\n    try {\n      const formatter = new Intl.RelativeTimeFormat(this.locale, {\n        style: this.format,\n        numeric: this.numeric\n      });\n      const formatted = formatter.format(value, unit);\n      const isoString = date.toISOString();\n      const fullDate = date.toLocaleString(this.locale);\n\n      return html`<time datetime=${isoString} title=${fullDate}>${formatted}</time>`;\n    } catch {\n      return html``;\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["UNITS", "MzRelativeTime", "ManzanoElement", "changedProps", "seconds", "absSeconds", "interval", "date", "now", "diffSeconds", "absDiff", "unit", "b", "value", "formatted", "isoString", "fullDate", "relative_time_styles_default", "__decorateClass", "n", "num", "r"]
+}

package/cdn/chunks/chunk.6XJRT27Q.js

@@ -0,0 +1,19 @@
+import{a as u}from"./chunk.E5UMO637.js";import{a as d}from"./chunk.6VM5ZMIJ.js";import{a as m}from"./chunk.X6MSTFXZ.js";import{a as r,b as l,c,d as h}from"./chunk.K3BKUERM.js";import{d as o,g as a}from"./chunk.TO7F5R6A.js";import{a as s}from"./chunk.MGICPQBB.js";var i=class extends h{constructor(){super(...arguments);this.open=!1;this.x=0;this.y=0;this.focusIndex=-1;this.parentElement_=null;this.handleContextMenu_=this.handleContextMenu.bind(this);this.handleDocumentClick_=this.handleDocumentClick.bind(this);this.handleKeyDown_=this.handleKeyDown.bind(this)}connectedCallback(){super.connectedCallback(),this.parentElement_=this.parentElement,this.parentElement_?.addEventListener("contextmenu",this.handleContextMenu_),document.addEventListener("click",this.handleDocumentClick_),document.addEventListener("keydown",this.handleKeyDown_)}disconnectedCallback(){super.disconnectedCallback(),this.parentElement_?.removeEventListener("contextmenu",this.handleContextMenu_),document.removeEventListener("click",this.handleDocumentClick_),document.removeEventListener("keydown",this.handleKeyDown_),this.parentElement_=null}getItems(){return[...this.querySelectorAll("mz-menu-item:not([disabled])")]}handleContextMenu(t){t.preventDefault(),this.x=t.clientX,this.y=t.clientY,this.open=!0,this.focusIndex=-1,requestAnimationFrame(()=>{if(!this.panel)return;let e=this.panel.getBoundingClientRect();e.right>window.innerWidth&&(this.x=window.innerWidth-e.width-8),e.bottom>window.innerHeight&&(this.y=window.innerHeight-e.height-8)})}handleDocumentClick(){this.open&&this.close()}handleKeyDown(t){if(!this.open)return;let e=this.getItems();if(e.length)switch(t.key){case"ArrowDown":t.preventDefault(),this.focusIndex=(this.focusIndex+1)%e.length,e[this.focusIndex]?.focus();break;case"ArrowUp":t.preventDefault(),this.focusIndex=this.focusIndex<=0?e.length-1:this.focusIndex-1,e[this.focusIndex]?.focus();break;case"Enter":case" ":if(t.preventDefault(),this.focusIndex>=0&&e[this.focusIndex]){let n=e[this.focusIndex];n.click(),this.emit("mz-select",{detail:{item:n,value:n.value}}),this.close()}break;case"Escape":t.preventDefault(),this.close();break}}close(){this.open=!1,this.focusIndex=-1}handleItemClick(t){let n=t.target.closest("mz-menu-item");n&&!n.disabled&&(this.emit("mz-select",{detail:{item:n,value:n.value}}),this.close())}render(){return o`
+      <div
+        class=${m({"context-menu":!0,"context-menu--open":this.open})}
+        part="base"
+      >
+        ${this.open?o`
+          <div
+            class="context-menu__panel"
+            part="panel"
+            role="menu"
+            style=${d({position:"fixed",left:`${this.x}px`,top:`${this.y}px`})}
+            @click=${this.handleItemClick}
+          >
+            <slot></slot>
+          </div>
+        `:a}
+      </div>
+    `}};i.styles=u,s([r({type:Boolean,reflect:!0})],i.prototype,"open",2),s([l()],i.prototype,"x",2),s([l()],i.prototype,"y",2),s([l()],i.prototype,"focusIndex",2),s([c(".context-menu__panel")],i.prototype,"panel",2);export{i as a};
+//# sourceMappingURL=chunk.6XJRT27Q.js.map

package/cdn/chunks/chunk.6XJRT27Q.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/context-menu/context-menu.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, state, query } 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 type { MzMenuItem } from '../menu-item/menu-item.component.js';\nimport styles from './context-menu.styles.js';\n\n/**\n * @summary A context menu that appears on right-click.\n *\n * @tag mz-context-menu\n *\n * @slot - Menu items (mz-menu-item) and dividers (mz-divider).\n *\n * @event mz-select - Emitted when a menu item is selected. Detail: `{ item: MzMenuItem, value: string }`.\n *\n * @csspart base - The context menu wrapper.\n * @csspart panel - The floating menu panel.\n */\nexport class MzContextMenu extends ManzanoElement {\n  static styles = styles;\n\n  /** Whether the context menu is open. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @state() private x = 0;\n  @state() private y = 0;\n  @state() private focusIndex = -1;\n\n  @query('.context-menu__panel') private panel!: HTMLElement;\n\n  private parentElement_: HTMLElement | null = null;\n  private handleContextMenu_ = this.handleContextMenu.bind(this);\n  private handleDocumentClick_ = this.handleDocumentClick.bind(this);\n  private handleKeyDown_ = this.handleKeyDown.bind(this);\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.parentElement_ = this.parentElement;\n    this.parentElement_?.addEventListener('contextmenu', this.handleContextMenu_);\n    document.addEventListener('click', this.handleDocumentClick_);\n    document.addEventListener('keydown', this.handleKeyDown_);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.parentElement_?.removeEventListener('contextmenu', this.handleContextMenu_);\n    document.removeEventListener('click', this.handleDocumentClick_);\n    document.removeEventListener('keydown', this.handleKeyDown_);\n    this.parentElement_ = null;\n  }\n\n  private getItems(): HTMLElement[] {\n    return [...this.querySelectorAll('mz-menu-item:not([disabled])')] as HTMLElement[];\n  }\n\n  private handleContextMenu(e: MouseEvent) {\n    e.preventDefault();\n    this.x = e.clientX;\n    this.y = e.clientY;\n    this.open = true;\n    this.focusIndex = -1;\n\n    // Adjust position to stay within viewport after render\n    requestAnimationFrame(() => {\n      if (!this.panel) return;\n      const rect = this.panel.getBoundingClientRect();\n      if (rect.right > window.innerWidth) {\n        this.x = window.innerWidth - rect.width - 8;\n      }\n      if (rect.bottom > window.innerHeight) {\n        this.y = window.innerHeight - rect.height - 8;\n      }\n    });\n  }\n\n  private handleDocumentClick() {\n    if (this.open) {\n      this.close();\n    }\n  }\n\n  private handleKeyDown(e: KeyboardEvent) {\n    if (!this.open) return;\n    const items = this.getItems();\n    if (!items.length) return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        this.focusIndex = (this.focusIndex + 1) % items.length;\n        items[this.focusIndex]?.focus();\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        this.focusIndex = this.focusIndex <= 0 ? items.length - 1 : this.focusIndex - 1;\n        items[this.focusIndex]?.focus();\n        break;\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        if (this.focusIndex >= 0 && items[this.focusIndex]) {\n          const item = items[this.focusIndex] as unknown as MzMenuItem;\n          item.click();\n          this.emit('mz-select', { detail: { item, value: item.value } });\n          this.close();\n        }\n        break;\n      case 'Escape':\n        e.preventDefault();\n        this.close();\n        break;\n    }\n  }\n\n  /** Close the context menu. */\n  close() {\n    this.open = false;\n    this.focusIndex = -1;\n  }\n\n  private handleItemClick(e: Event) {\n    const target = e.target as HTMLElement;\n    const item = target.closest('mz-menu-item') as unknown as MzMenuItem | null;\n    if (item && !item.disabled) {\n      this.emit('mz-select', { detail: { item, value: item.value } });\n      this.close();\n    }\n  }\n\n  render() {\n    return html`\n      <div\n        class=${classMap({ 'context-menu': true, 'context-menu--open': this.open })}\n        part=\"base\"\n      >\n        ${this.open ? html`\n          <div\n            class=\"context-menu__panel\"\n            part=\"panel\"\n            role=\"menu\"\n            style=${styleMap({\n              position: 'fixed',\n              left: `${this.x}px`,\n              top: `${this.y}px`\n            })}\n            @click=${this.handleItemClick}\n          >\n            <slot></slot>\n          </div>\n        ` : nothing}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "uQAoBO,IAAMA,EAAN,cAA4BC,CAAe,CAA3C,kCAIuC,UAAO,GAE1C,KAAQ,EAAI,EACZ,KAAQ,EAAI,EACZ,KAAQ,WAAa,GAI9B,KAAQ,eAAqC,KAC7C,KAAQ,mBAAqB,KAAK,kBAAkB,KAAK,IAAI,EAC7D,KAAQ,qBAAuB,KAAK,oBAAoB,KAAK,IAAI,EACjE,KAAQ,eAAiB,KAAK,cAAc,KAAK,IAAI,EAErD,mBAAoB,CAClB,MAAM,kBAAkB,EACxB,KAAK,eAAiB,KAAK,cAC3B,KAAK,gBAAgB,iBAAiB,cAAe,KAAK,kBAAkB,EAC5E,SAAS,iBAAiB,QAAS,KAAK,oBAAoB,EAC5D,SAAS,iBAAiB,UAAW,KAAK,cAAc,CAC1D,CAEA,sBAAuB,CACrB,MAAM,qBAAqB,EAC3B,KAAK,gBAAgB,oBAAoB,cAAe,KAAK,kBAAkB,EAC/E,SAAS,oBAAoB,QAAS,KAAK,oBAAoB,EAC/D,SAAS,oBAAoB,UAAW,KAAK,cAAc,EAC3D,KAAK,eAAiB,IACxB,CAEQ,UAA0B,CAChC,MAAO,CAAC,GAAG,KAAK,iBAAiB,8BAA8B,CAAC,CAClE,CAEQ,kBAAkBC,EAAe,CACvCA,EAAE,eAAe,EACjB,KAAK,EAAIA,EAAE,QACX,KAAK,EAAIA,EAAE,QACX,KAAK,KAAO,GACZ,KAAK,WAAa,GAGlB,sBAAsB,IAAM,CAC1B,GAAI,CAAC,KAAK,MAAO,OACjB,IAAMC,EAAO,KAAK,MAAM,sBAAsB,EAC1CA,EAAK,MAAQ,OAAO,aACtB,KAAK,EAAI,OAAO,WAAaA,EAAK,MAAQ,GAExCA,EAAK,OAAS,OAAO,cACvB,KAAK,EAAI,OAAO,YAAcA,EAAK,OAAS,EAEhD,CAAC,CACH,CAEQ,qBAAsB,CACxB,KAAK,MACP,KAAK,MAAM,CAEf,CAEQ,cAAcD,EAAkB,CACtC,GAAI,CAAC,KAAK,KAAM,OAChB,IAAME,EAAQ,KAAK,SAAS,EAC5B,GAAKA,EAAM,OAEX,OAAQF,EAAE,IAAK,CACb,IAAK,YACHA,EAAE,eAAe,EACjB,KAAK,YAAc,KAAK,WAAa,GAAKE,EAAM,OAChDA,EAAM,KAAK,UAAU,GAAG,MAAM,EAC9B,MACF,IAAK,UACHF,EAAE,eAAe,EACjB,KAAK,WAAa,KAAK,YAAc,EAAIE,EAAM,OAAS,EAAI,KAAK,WAAa,EAC9EA,EAAM,KAAK,UAAU,GAAG,MAAM,EAC9B,MACF,IAAK,QACL,IAAK,IAEH,GADAF,EAAE,eAAe,EACb,KAAK,YAAc,GAAKE,EAAM,KAAK,UAAU,EAAG,CAClD,IAAMC,EAAOD,EAAM,KAAK,UAAU,EAClCC,EAAK,MAAM,EACX,KAAK,KAAK,YAAa,CAAE,OAAQ,CAAE,KAAAA,EAAM,MAAOA,EAAK,KAAM,CAAE,CAAC,EAC9D,KAAK,MAAM,CACb,CACA,MACF,IAAK,SACHH,EAAE,eAAe,EACjB,KAAK,MAAM,EACX,KACJ,CACF,CAGA,OAAQ,CACN,KAAK,KAAO,GACZ,KAAK,WAAa,EACpB,CAEQ,gBAAgBA,EAAU,CAEhC,IAAMG,EADSH,EAAE,OACG,QAAQ,cAAc,EACtCG,GAAQ,CAACA,EAAK,WAChB,KAAK,KAAK,YAAa,CAAE,OAAQ,CAAE,KAAAA,EAAM,MAAOA,EAAK,KAAM,CAAE,CAAC,EAC9D,KAAK,MAAM,EAEf,CAEA,QAAS,CACP,OAAOC;AAAA;AAAA,gBAEKJ,EAAS,CAAE,eAAgB,GAAM,qBAAsB,KAAK,IAAK,CAAC,CAAC;AAAA;AAAA;AAAA,UAGzE,KAAK,KAAOI;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKFC,EAAS,CACf,SAAU,QACV,KAAM,GAAG,KAAK,CAAC,KACf,IAAK,GAAG,KAAK,CAAC,IAChB,CAAC,CAAC;AAAA,qBACO,KAAK,eAAe;AAAA;AAAA;AAAA;AAAA,UAI7BC,CAAO;AAAA;AAAA,KAGjB,CACF,EAvIaR,EACJ,OAASS,EAG4BC,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAJ/BX,EAIiC,oBAE3BU,EAAA,CAAhBE,EAAM,GANIZ,EAMM,iBACAU,EAAA,CAAhBE,EAAM,GAPIZ,EAOM,iBACAU,EAAA,CAAhBE,EAAM,GARIZ,EAQM,0BAEsBU,EAAA,CAAtCR,EAAM,sBAAsB,GAVlBF,EAU4B",
+  "names": ["MzContextMenu", "ManzanoElement", "e", "rect", "items", "item", "b", "o", "A", "context_menu_styles_default", "__decorateClass", "n", "r"]
+}

package/cdn/chunks/chunk.747RM3PI.js

@@ -0,0 +1,6 @@
+import{a as l}from"./chunk.HWANV4D7.js";import{d as a}from"./chunk.K3BKUERM.js";import{d as e}from"./chunk.TO7F5R6A.js";var t=class extends a{render(){return e`
+      <nav part="base" class="nav-menu" role="navigation" aria-label="Navigation">
+        <slot></slot>
+      </nav>
+    `}};t.styles=l;export{t as a};
+//# sourceMappingURL=chunk.747RM3PI.js.map

package/cdn/chunks/chunk.747RM3PI.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/nav-menu/nav-menu.component.ts"],
+  "sourcesContent": ["import { html, type TemplateResult } from 'lit';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './nav-menu.styles.js';\n\n/**\n * @tag mz-nav-menu\n * @summary A vertical navigation menu container for `mz-nav-item` elements.\n *\n * @slot - Nav item children (`mz-nav-item` elements).\n *\n * @csspart base - The `<nav>` wrapper element.\n */\nexport class MzNavMenu extends ManzanoElement {\n  static styles = styles;\n\n  render(): TemplateResult {\n    return html`\n      <nav part=\"base\" class=\"nav-menu\" role=\"navigation\" aria-label=\"Navigation\">\n        <slot></slot>\n      </nav>\n    `;\n  }\n}\n"],
+  "mappings": "wHAYO,IAAMA,EAAN,cAAwBC,CAAe,CAG5C,QAAyB,CACvB,OAAOC;AAAA;AAAA;AAAA;AAAA,KAKT,CACF,EAVaF,EACJ,OAASG",
+  "names": ["MzNavMenu", "ManzanoElement", "b", "nav_menu_styles_default"]
+}

package/cdn/chunks/chunk.76FALGDA.js

@@ -0,0 +1,36 @@
+import{a as r}from"./chunk.22OS67BO.js";import{a as o}from"./chunk.TO7F5R6A.js";var e=[r,o`
+    :host {
+      display: block;
+    }
+
+    .option {
+      display: flex;
+      align-items: center;
+      padding: var(--mz-space-xs) var(--mz-space-md);
+      font-family: var(--mz-font-sans);
+      font-size: var(--mz-font-size-md);
+      color: var(--mz-color-text);
+      cursor: pointer;
+      border-radius: var(--mz-radius-sm);
+      transition: background var(--mz-transition-fast);
+    }
+
+    .option:hover:not(.option--disabled) {
+      background: var(--mz-color-surface-hover);
+    }
+
+    .option--current {
+      background: var(--mz-color-surface-hover);
+    }
+
+    .option--selected {
+      font-weight: var(--mz-font-weight-medium);
+      color: var(--mz-color-primary);
+    }
+
+    .option--disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  `];export{e as a};
+//# sourceMappingURL=chunk.76FALGDA.js.map

package/cdn/chunks/chunk.7A42M2QX.js

@@ -0,0 +1,6 @@
+import{a as t}from"./chunk.TO7F5R6A.js";var s=t`
+  :host {
+    display: contents;
+  }
+`;export{s as a};
+//# sourceMappingURL=chunk.7A42M2QX.js.map

package/cdn/chunks/chunk.7A42M2QX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/mutation-observer/mutation-observer.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    display: contents;\n  }\n`;\n"],
+  "mappings": "wCAEA,IAAOA,EAAQC;AAAA;AAAA;AAAA;",
+  "names": ["mutation_observer_styles_default", "i"]
+}

package/cdn/chunks/chunk.7D4FR6D6.js

@@ -0,0 +1,46 @@
+import{a as i}from"./chunk.22OS67BO.js";import{a as r}from"./chunk.TO7F5R6A.js";var s=[i,r`
+    :host {
+      display: block;
+    }
+
+    :host(:not([vertical])) .divider {
+      border-top: var(--mz-divider-width, var(--mz-border-width-sm)) solid
+        var(--mz-divider-color, var(--mz-color-border));
+    }
+
+    :host([vertical]) {
+      display: inline-block;
+      height: auto;
+      align-self: stretch;
+    }
+
+    :host([vertical]) .divider {
+      height: 100%;
+      min-height: 1em;
+      border-left: var(--mz-divider-width, var(--mz-border-width-sm)) solid
+        var(--mz-divider-color, var(--mz-color-border));
+    }
+
+    :host([spacing='sm']) {
+      margin: var(--mz-space-sm) 0;
+    }
+    :host([spacing='md']),
+    :host(:not([spacing])) {
+      margin: var(--mz-space-md) 0;
+    }
+    :host([spacing='lg']) {
+      margin: var(--mz-space-lg) 0;
+    }
+
+    :host([vertical][spacing='sm']) {
+      margin: 0 var(--mz-space-sm);
+    }
+    :host([vertical][spacing='md']),
+    :host([vertical]:not([spacing])) {
+      margin: 0 var(--mz-space-md);
+    }
+    :host([vertical][spacing='lg']) {
+      margin: 0 var(--mz-space-lg);
+    }
+  `];export{s as a};
+//# sourceMappingURL=chunk.7D4FR6D6.js.map

package/cdn/chunks/chunk.7J5BMNWT.js

@@ -0,0 +1,56 @@
+import{a as v}from"./chunk.H2QR6OLA.js";import{a as c}from"./chunk.X6MSTFXZ.js";import{a as u}from"./chunk.22OS67BO.js";import{a as l,b as p,d}from"./chunk.K3BKUERM.js";import{d as a,g as h}from"./chunk.TO7F5R6A.js";import{a as s}from"./chunk.MGICPQBB.js";var i=class extends d{constructor(){super(...arguments);this.loop=!1;this.autoplay=!1;this.autoplayInterval=5e3;this.navigation=!0;this.pagination=!0;this.slidesPerView=1;this.activeIndex=0;this.slideCount=0}goTo(t){let e=this.getSlides();if(e.length===0)return;this.loop?t=(t%e.length+e.length)%e.length:t=Math.max(0,Math.min(t,e.length-this.slidesPerView));let o=this.shadowRoot.querySelector(".carousel__viewport");if(o){let n=o.clientWidth/this.slidesPerView;o.scrollTo({left:t*n,behavior:"smooth"})}}next(){this.goTo(this.activeIndex+1)}previous(){this.goTo(this.activeIndex-1)}getSlides(){let t=this.shadowRoot?.querySelector("slot:not([name])");return t?t.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase()==="mz-carousel-item"):[]}handleSlotChange(){this.slideCount=this.getSlides().length}handleScroll(){clearTimeout(this.scrollTimer),this.scrollTimer=setTimeout(()=>{let t=this.shadowRoot.querySelector(".carousel__viewport");if(!t)return;let e=this.getSlides();if(e.length===0)return;let o=t.scrollLeft,n=t.clientWidth/this.slidesPerView,r=Math.round(o/n);r!==this.activeIndex&&r>=0&&r<e.length&&(this.activeIndex=r,this.emit("mz-slide-change",{detail:{index:this.activeIndex}}))},50)}startAutoplay(){this.stopAutoplay(),this.autoplay&&this.slideCount>1&&(this.autoplayTimer=setInterval(()=>this.next(),this.autoplayInterval))}stopAutoplay(){this.autoplayTimer!=null&&(clearInterval(this.autoplayTimer),this.autoplayTimer=void 0)}handleMouseEnter(){this.autoplay&&this.stopAutoplay()}handleMouseLeave(){this.autoplay&&this.startAutoplay()}updated(t){(t.has("autoplay")||t.has("autoplayInterval")||t.has("slideCount"))&&(this.autoplay?this.startAutoplay():this.stopAutoplay())}disconnectedCallback(){super.disconnectedCallback(),this.stopAutoplay(),clearTimeout(this.scrollTimer)}render(){return a`
+      <style>::slotted(mz-carousel-item) { flex: 0 0 ${100/this.slidesPerView}%; }</style>
+      <div
+        part="base"
+        class="carousel"
+        @mouseenter=${this.handleMouseEnter}
+        @mouseleave=${this.handleMouseLeave}
+      >
+        <div
+          part="viewport"
+          class="carousel__viewport"
+          @scroll=${this.handleScroll}
+        >
+          <div class="carousel__track">
+            <slot @slotchange=${this.handleSlotChange}></slot>
+          </div>
+        </div>
+
+        ${this.navigation?a`
+              <button
+                part="prev"
+                class="carousel__nav carousel__nav--prev"
+                aria-label="Previous slide"
+                ?disabled=${!this.loop&&this.activeIndex===0}
+                @click=${this.previous}
+              >
+                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>
+              </button>
+              <button
+                part="next"
+                class="carousel__nav carousel__nav--next"
+                aria-label="Next slide"
+                ?disabled=${!this.loop&&this.activeIndex>=this.slideCount-this.slidesPerView}
+                @click=${this.next}
+              >
+                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>
+              </button>
+            `:h}
+
+        ${this.pagination&&this.slideCount>1?a`
+              <div part="pagination" class="carousel__pagination" role="tablist" aria-label="Slides">
+                ${Array.from({length:this.slideCount},(t,e)=>a`
+                  <button
+                    part="dot"
+                    class=${c({carousel__dot:!0,"carousel__dot--active":e===this.activeIndex})}
+                    role="tab"
+                    aria-selected=${e===this.activeIndex}
+                    aria-label="Slide ${e+1}"
+                    @click=${()=>this.goTo(e)}
+                  ></button>
+                `)}
+              </div>
+            `:h}
+      </div>
+    `}};i.styles=[u,v],s([l({type:Boolean,reflect:!0})],i.prototype,"loop",2),s([l({type:Boolean,reflect:!0})],i.prototype,"autoplay",2),s([l({type:Number,attribute:"autoplay-interval"})],i.prototype,"autoplayInterval",2),s([l({type:Boolean,reflect:!0})],i.prototype,"navigation",2),s([l({type:Boolean,reflect:!0})],i.prototype,"pagination",2),s([l({type:Number,attribute:"slides-per-view"})],i.prototype,"slidesPerView",2),s([p()],i.prototype,"activeIndex",2),s([p()],i.prototype,"slideCount",2);export{i as a};
+//# sourceMappingURL=chunk.7J5BMNWT.js.map

package/cdn/chunks/chunk.7J5BMNWT.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/carousel/carousel.component.ts"],
+  "sourcesContent": ["import { html, nothing } 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 componentStyles from '../../styles/component.styles.js';\nimport styles from './carousel.styles.js';\n\n/**\n * @summary A slide carousel with navigation arrows, pagination dots, and optional autoplay.\n *\n * @tag mz-carousel\n *\n * @slot - The carousel slides. Should contain mz-carousel-item elements.\n *\n * @event mz-slide-change - Emitted when the active slide changes. Detail: { index: number }\n *\n * @csspart base - The carousel wrapper.\n * @csspart viewport - The scrollable viewport.\n * @csspart prev - The previous navigation button.\n * @csspart next - The next navigation button.\n * @csspart pagination - The pagination dot container.\n * @csspart dot - An individual pagination dot.\n */\nexport class MzCarousel extends ManzanoElement {\n  static styles = [componentStyles, styles];\n\n  /** Enable infinite loop navigation. */\n  @property({ type: Boolean, reflect: true }) loop = false;\n\n  /** Automatically advance slides. */\n  @property({ type: Boolean, reflect: true }) autoplay = false;\n\n  /** Autoplay interval in milliseconds. */\n  @property({ type: Number, attribute: 'autoplay-interval' }) autoplayInterval = 5000;\n\n  /** Show previous/next navigation arrows. */\n  @property({ type: Boolean, reflect: true }) navigation = true;\n\n  /** Show pagination dot indicators. */\n  @property({ type: Boolean, reflect: true }) pagination = true;\n\n  /** Number of slides visible at once. */\n  @property({ type: Number, attribute: 'slides-per-view' }) slidesPerView = 1;\n\n  @state() private activeIndex = 0;\n  @state() private slideCount = 0;\n\n  private autoplayTimer: ReturnType<typeof setInterval> | undefined;\n  private scrollTimer: ReturnType<typeof setTimeout> | undefined;\n\n  /** Navigate to a specific slide by index. */\n  goTo(index: number) {\n    const slides = this.getSlides();\n    if (slides.length === 0) return;\n\n    if (this.loop) {\n      index = ((index % slides.length) + slides.length) % slides.length;\n    } else {\n      index = Math.max(0, Math.min(index, slides.length - this.slidesPerView));\n    }\n\n    const viewport = this.shadowRoot!.querySelector('.carousel__viewport') as HTMLElement;\n    if (viewport) {\n      const slideWidth = viewport.clientWidth / this.slidesPerView;\n      viewport.scrollTo({\n        left: index * slideWidth,\n        behavior: 'smooth'\n      });\n    }\n  }\n\n  /** Navigate to the next slide. */\n  next() {\n    this.goTo(this.activeIndex + 1);\n  }\n\n  /** Navigate to the previous slide. */\n  previous() {\n    this.goTo(this.activeIndex - 1);\n  }\n\n  private getSlides(): HTMLElement[] {\n    const slot = this.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement | null;\n    if (!slot) return [];\n    return slot\n      .assignedElements({ flatten: true })\n      .filter((el): el is HTMLElement => el.tagName.toLowerCase() === 'mz-carousel-item') as HTMLElement[];\n  }\n\n  private handleSlotChange() {\n    this.slideCount = this.getSlides().length;\n  }\n\n  private handleScroll() {\n    clearTimeout(this.scrollTimer);\n    this.scrollTimer = setTimeout(() => {\n      const viewport = this.shadowRoot!.querySelector('.carousel__viewport') as HTMLElement;\n      if (!viewport) return;\n\n      const slides = this.getSlides();\n      if (slides.length === 0) return;\n\n      const scrollLeft = viewport.scrollLeft;\n      const slideWidth = viewport.clientWidth / this.slidesPerView;\n\n      const newIndex = Math.round(scrollLeft / slideWidth);\n      if (newIndex !== this.activeIndex && newIndex >= 0 && newIndex < slides.length) {\n        this.activeIndex = newIndex;\n        this.emit('mz-slide-change', { detail: { index: this.activeIndex } });\n      }\n    }, 50);\n  }\n\n  private startAutoplay() {\n    this.stopAutoplay();\n    if (this.autoplay && this.slideCount > 1) {\n      this.autoplayTimer = setInterval(() => this.next(), this.autoplayInterval);\n    }\n  }\n\n  private stopAutoplay() {\n    if (this.autoplayTimer != null) {\n      clearInterval(this.autoplayTimer);\n      this.autoplayTimer = undefined;\n    }\n  }\n\n  private handleMouseEnter() {\n    if (this.autoplay) {\n      this.stopAutoplay();\n    }\n  }\n\n  private handleMouseLeave() {\n    if (this.autoplay) {\n      this.startAutoplay();\n    }\n  }\n\n  override updated(changed: Map<PropertyKey, unknown>) {\n    if (changed.has('autoplay') || changed.has('autoplayInterval') || changed.has('slideCount')) {\n      if (this.autoplay) {\n        this.startAutoplay();\n      } else {\n        this.stopAutoplay();\n      }\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.stopAutoplay();\n    clearTimeout(this.scrollTimer);\n  }\n\n  render() {\n    return html`\n      <style>::slotted(mz-carousel-item) { flex: 0 0 ${100 / this.slidesPerView}%; }</style>\n      <div\n        part=\"base\"\n        class=\"carousel\"\n        @mouseenter=${this.handleMouseEnter}\n        @mouseleave=${this.handleMouseLeave}\n      >\n        <div\n          part=\"viewport\"\n          class=\"carousel__viewport\"\n          @scroll=${this.handleScroll}\n        >\n          <div class=\"carousel__track\">\n            <slot @slotchange=${this.handleSlotChange}></slot>\n          </div>\n        </div>\n\n        ${this.navigation\n          ? html`\n              <button\n                part=\"prev\"\n                class=\"carousel__nav carousel__nav--prev\"\n                aria-label=\"Previous slide\"\n                ?disabled=${!this.loop && this.activeIndex === 0}\n                @click=${this.previous}\n              >\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"/></svg>\n              </button>\n              <button\n                part=\"next\"\n                class=\"carousel__nav carousel__nav--next\"\n                aria-label=\"Next slide\"\n                ?disabled=${!this.loop && this.activeIndex >= this.slideCount - this.slidesPerView}\n                @click=${this.next}\n              >\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"/></svg>\n              </button>\n            `\n          : nothing}\n\n        ${this.pagination && this.slideCount > 1\n          ? html`\n              <div part=\"pagination\" class=\"carousel__pagination\" role=\"tablist\" aria-label=\"Slides\">\n                ${Array.from({ length: this.slideCount }, (_, i) => html`\n                  <button\n                    part=\"dot\"\n                    class=${classMap({\n                      'carousel__dot': true,\n                      'carousel__dot--active': i === this.activeIndex\n                    })}\n                    role=\"tab\"\n                    aria-selected=${i === this.activeIndex}\n                    aria-label=\"Slide ${i + 1}\"\n                    @click=${() => this.goTo(i)}\n                  ></button>\n                `)}\n              </div>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["MzCarousel", "ManzanoElement", "index", "slides", "viewport", "slideWidth", "slot", "el", "scrollLeft", "newIndex", "changed", "b", "A", "_", "i", "e", "component_styles_default", "carousel_styles_default", "__decorateClass", "n", "r"]
+}

package/cdn/chunks/chunk.7TTV7CYJ.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk.5YBMLVQO.js";a.define("mz-stack");
+//# sourceMappingURL=chunk.7TTV7CYJ.js.map

package/cdn/chunks/chunk.7TTV7CYJ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/stack/stack.ts"],
+  "sourcesContent": ["import { MzStack } from './stack.component.js';\n\nMzStack.define('mz-stack');\n\nexport { MzStack };\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-stack': MzStack;\n  }\n}\n"],
+  "mappings": "mCAEAA,EAAQ,OAAO,UAAU",
+  "names": ["MzStack"]
+}

package/cdn/chunks/chunk.7U6XQNXR.js

@@ -0,0 +1,2 @@
+function f(t){let e=new Date(t);return e.setHours(0,0,0,0),e}function c(t,e){let n=new Date(t);return n.setDate(n.getDate()+e),n}function d(t,e){return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function g(t){return d(t,new Date)}function m(t,e){let n=f(t),s=(n.getDay()-e+7)%7;return n.setDate(n.getDate()-s),n}function p(t,e,n){let o=new Date(t,e,1),s=m(o,n),a=[],r=new Date(s);for(let u=0;u<6;u++){let D=[];for(let l=0;l<7;l++)D.push({date:new Date(r),isCurrentMonth:r.getMonth()===e,isToday:g(r)}),r=c(r,1);a.push(D)}return a[a.length-1].every(u=>!u.isCurrentMonth)&&a.pop(),a}function y(t,e){let n=e||void 0,o=new Intl.DateTimeFormat(n,{weekday:"short"}),s=new Date(2024,0,7),a=[];for(let r=0;r<7;r++){let i=c(s,(r+t)%7);a.push(o.format(i))}return a}function h(t,e){let n=e||void 0;return new Intl.DateTimeFormat(n,{month:"long",year:"numeric"}).format(t)}function w(t,e,n){return`${t}-${String(e+1).padStart(2,"0")}-${String(n).padStart(2,"0")}`}function b(t){if(!t)return null;let[e,n,o]=t.split("-").map(Number);return!e||!n||!o?null:new Date(e,n-1,o)}export{f as a,c as b,d as c,g as d,m as e,p as f,y as g,h,w as i,b as j};
+//# sourceMappingURL=chunk.7U6XQNXR.js.map

package/cdn/chunks/chunk.7U6XQNXR.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/internal/date-utils.ts"],
+  "sourcesContent": ["/**\n * Pure date utility functions shared across date components.\n * All functions are side-effect free and use Intl.DateTimeFormat for locale-aware formatting.\n */\n\nexport interface DayCell {\n  date: Date;\n  isCurrentMonth: boolean;\n  isToday: boolean;\n}\n\n/** Returns a new Date set to midnight (00:00:00.000) of the given date */\nexport function startOfDay(date: Date): Date {\n  const d = new Date(date);\n  d.setHours(0, 0, 0, 0);\n  return d;\n}\n\n/** Returns a new Date with `n` days added */\nexport function addDays(date: Date, n: number): Date {\n  const d = new Date(date);\n  d.setDate(d.getDate() + n);\n  return d;\n}\n\n/** Checks if two dates represent the same calendar day */\nexport function isSameDay(a: Date, b: Date): boolean {\n  return (\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\n/** Checks if the given date is today */\nexport function isToday(date: Date): boolean {\n  return isSameDay(date, new Date());\n}\n\n/**\n * Returns the start of the week containing `date`.\n * `firstDay` is 0=Sunday, 1=Monday, etc.\n */\nexport function startOfWeek(date: Date, firstDay: number): Date {\n  const d = startOfDay(date);\n  const day = d.getDay();\n  const diff = (day - firstDay + 7) % 7;\n  d.setDate(d.getDate() - diff);\n  return d;\n}\n\n/**\n * Returns a 2D array (5-6 weeks x 7 days) of DayCell objects for a month grid.\n * `firstDay` is 0=Sunday, 1=Monday, etc.\n */\nexport function getMonthGrid(year: number, month: number, firstDay: number): DayCell[][] {\n  const firstOfMonth = new Date(year, month, 1);\n  const gridStart = startOfWeek(firstOfMonth, firstDay);\n\n  const weeks: DayCell[][] = [];\n  let cursor = new Date(gridStart);\n\n  // Generate 6 weeks to cover all possible month layouts\n  for (let w = 0; w < 6; w++) {\n    const week: DayCell[] = [];\n    for (let d = 0; d < 7; d++) {\n      week.push({\n        date: new Date(cursor),\n        isCurrentMonth: cursor.getMonth() === month,\n        isToday: isToday(cursor)\n      });\n      cursor = addDays(cursor, 1);\n    }\n    weeks.push(week);\n  }\n\n  // Remove trailing week if it's entirely in the next month\n  const lastWeek = weeks[weeks.length - 1];\n  if (lastWeek.every(cell => !cell.isCurrentMonth)) {\n    weeks.pop();\n  }\n\n  return weeks;\n}\n\n/**\n * Returns weekday names for column headers in the given locale.\n * `firstDay` is 0=Sunday, 1=Monday, etc.\n */\nexport function getWeekdayNames(firstDay: number, locale?: string): string[] {\n  const resolvedLocale = locale || undefined;\n  const formatter = new Intl.DateTimeFormat(resolvedLocale, { weekday: 'short' });\n  // Use a known Sunday (Jan 7, 2024 is a Sunday)\n  const baseSunday = new Date(2024, 0, 7);\n  const names: string[] = [];\n  for (let i = 0; i < 7; i++) {\n    const day = addDays(baseSunday, (i + firstDay) % 7);\n    names.push(formatter.format(day));\n  }\n  return names;\n}\n\n/**\n * Formats month and year using Intl.DateTimeFormat.\n * Example: \"January 2025\"\n */\nexport function formatMonthYear(date: Date, locale?: string): string {\n  const resolvedLocale = locale || undefined;\n  return new Intl.DateTimeFormat(resolvedLocale, {\n    month: 'long',\n    year: 'numeric'\n  }).format(date);\n}\n\n/** Formats a Date to YYYY-MM-DD string using local date parts (avoids UTC shift). */\nexport function formatDateString(year: number, month: number, day: number): string {\n  return `${year}-${String(month + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`;\n}\n\n/** Parses a YYYY-MM-DD string into a local-midnight Date. Returns null if invalid. */\nexport function parseDateString(str: string): Date | null {\n  if (!str) return null;\n  const [y, m, d] = str.split('-').map(Number);\n  if (!y || !m || !d) return null;\n  return new Date(y, m - 1, d);\n}\n"],
+  "mappings": "AAYO,SAASA,EAAWC,EAAkB,CAC3C,IAAMC,EAAI,IAAI,KAAKD,CAAI,EACvB,OAAAC,EAAE,SAAS,EAAG,EAAG,EAAG,CAAC,EACdA,CACT,CAGO,SAASC,EAAQF,EAAYG,EAAiB,CACnD,IAAMF,EAAI,IAAI,KAAKD,CAAI,EACvB,OAAAC,EAAE,QAAQA,EAAE,QAAQ,EAAIE,CAAC,EAClBF,CACT,CAGO,SAASG,EAAUC,EAASC,EAAkB,CACnD,OACED,EAAE,YAAY,IAAMC,EAAE,YAAY,GAClCD,EAAE,SAAS,IAAMC,EAAE,SAAS,GAC5BD,EAAE,QAAQ,IAAMC,EAAE,QAAQ,CAE9B,CAGO,SAASC,EAAQP,EAAqB,CAC3C,OAAOI,EAAUJ,EAAM,IAAI,IAAM,CACnC,CAMO,SAASQ,EAAYR,EAAYS,EAAwB,CAC9D,IAAMR,EAAIF,EAAWC,CAAI,EAEnBU,GADMT,EAAE,OAAO,EACDQ,EAAW,GAAK,EACpC,OAAAR,EAAE,QAAQA,EAAE,QAAQ,EAAIS,CAAI,EACrBT,CACT,CAMO,SAASU,EAAaC,EAAcC,EAAeJ,EAA+B,CACvF,IAAMK,EAAe,IAAI,KAAKF,EAAMC,EAAO,CAAC,EACtCE,EAAYP,EAAYM,EAAcL,CAAQ,EAE9CO,EAAqB,CAAC,EACxBC,EAAS,IAAI,KAAKF,CAAS,EAG/B,QAASG,EAAI,EAAGA,EAAI,EAAGA,IAAK,CAC1B,IAAMC,EAAkB,CAAC,EACzB,QAASlB,EAAI,EAAGA,EAAI,EAAGA,IACrBkB,EAAK,KAAK,CACR,KAAM,IAAI,KAAKF,CAAM,EACrB,eAAgBA,EAAO,SAAS,IAAMJ,EACtC,QAASN,EAAQU,CAAM,CACzB,CAAC,EACDA,EAASf,EAAQe,EAAQ,CAAC,EAE5BD,EAAM,KAAKG,CAAI,CACjB,CAIA,OADiBH,EAAMA,EAAM,OAAS,CAAC,EAC1B,MAAMI,GAAQ,CAACA,EAAK,cAAc,GAC7CJ,EAAM,IAAI,EAGLA,CACT,CAMO,SAASK,EAAgBZ,EAAkBa,EAA2B,CAC3E,IAAMC,EAAiBD,GAAU,OAC3BE,EAAY,IAAI,KAAK,eAAeD,EAAgB,CAAE,QAAS,OAAQ,CAAC,EAExEE,EAAa,IAAI,KAAK,KAAM,EAAG,CAAC,EAChCC,EAAkB,CAAC,EACzB,QAASC,EAAI,EAAGA,EAAI,EAAGA,IAAK,CAC1B,IAAMC,EAAM1B,EAAQuB,GAAaE,EAAIlB,GAAY,CAAC,EAClDiB,EAAM,KAAKF,EAAU,OAAOI,CAAG,CAAC,CAClC,CACA,OAAOF,CACT,CAMO,SAASG,EAAgB7B,EAAYsB,EAAyB,CACnE,IAAMC,EAAiBD,GAAU,OACjC,OAAO,IAAI,KAAK,eAAeC,EAAgB,CAC7C,MAAO,OACP,KAAM,SACR,CAAC,EAAE,OAAOvB,CAAI,CAChB,CAGO,SAAS8B,EAAiBlB,EAAcC,EAAee,EAAqB,CACjF,MAAO,GAAGhB,CAAI,IAAI,OAAOC,EAAQ,CAAC,EAAE,SAAS,EAAG,GAAG,CAAC,IAAI,OAAOe,CAAG,EAAE,SAAS,EAAG,GAAG,CAAC,EACtF,CAGO,SAASG,EAAgBC,EAA0B,CACxD,GAAI,CAACA,EAAK,OAAO,KACjB,GAAM,CAACC,EAAGC,EAAGjC,CAAC,EAAI+B,EAAI,MAAM,GAAG,EAAE,IAAI,MAAM,EAC3C,MAAI,CAACC,GAAK,CAACC,GAAK,CAACjC,EAAU,KACpB,IAAI,KAAKgC,EAAGC,EAAI,EAAGjC,CAAC,CAC7B",
+  "names": ["startOfDay", "date", "d", "addDays", "n", "isSameDay", "a", "b", "isToday", "startOfWeek", "firstDay", "diff", "getMonthGrid", "year", "month", "firstOfMonth", "gridStart", "weeks", "cursor", "w", "week", "cell", "getWeekdayNames", "locale", "resolvedLocale", "formatter", "baseSunday", "names", "i", "day", "formatMonthYear", "formatDateString", "parseDateString", "str", "y", "m"]
+}

package/cdn/chunks/chunk.7UYQ5WMR.js

@@ -0,0 +1,2 @@
+import{a as o}from"./chunk.D3M42MEZ.js";o.define("mz-tooltip");
+//# sourceMappingURL=chunk.7UYQ5WMR.js.map

package/cdn/chunks/chunk.7XUQA4UE.js

@@ -0,0 +1,33 @@
+import{a as f}from"./chunk.37TNTPFK.js";import{a as p}from"./chunk.YUHTZU7Y.js";import{a,d}from"./chunk.GX7DY53T.js";import{a as s,c as n,d as c}from"./chunk.K3BKUERM.js";import{d as r,g as i}from"./chunk.TO7F5R6A.js";import{a as h}from"./chunk.O6DGTOVN.js";import{a as m,b as l}from"./chunk.3HBRHIFP.js";import{a as o}from"./chunk.MGICPQBB.js";a("drawer.show.start",{keyframes:[{opacity:0,transform:"translateX(-100%)"},{opacity:1,transform:"translateX(0)"}],options:{duration:250,easing:"ease"}});a("drawer.hide.start",{keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(-100%)"}],options:{duration:150,easing:"ease"}});a("drawer.show.end",{keyframes:[{opacity:0,transform:"translateX(100%)"},{opacity:1,transform:"translateX(0)"}],options:{duration:250,easing:"ease"}});a("drawer.hide.end",{keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(100%)"}],options:{duration:150,easing:"ease"}});a("drawer.show.top",{keyframes:[{opacity:0,transform:"translateY(-100%)"},{opacity:1,transform:"translateY(0)"}],options:{duration:250,easing:"ease"}});a("drawer.hide.top",{keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(-100%)"}],options:{duration:150,easing:"ease"}});a("drawer.show.bottom",{keyframes:[{opacity:0,transform:"translateY(100%)"},{opacity:1,transform:"translateY(0)"}],options:{duration:250,easing:"ease"}});a("drawer.hide.bottom",{keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(100%)"}],options:{duration:150,easing:"ease"}});var t=class extends c{constructor(){super(...arguments);this.open=!1;this.label="";this.placement="start";this.noCloseButton=!1}connectedCallback(){super.connectedCallback(),this.focusTrap=new h(this)}disconnectedCallback(){super.disconnectedCallback(),this.focusTrap.deactivate(),l()}async updated(e){e.has("open")&&(this.open?await this.showDrawer():e.get("open")===!0&&await this.hideDrawer())}async showDrawer(){this.emit("mz-show"),this.dialogEl.showModal(),m(),this.focusTrap.activate(),await d(this.panelEl,`drawer.show.${this.placement}`,this.prefersReducedMotion).finished,this.emit("mz-after-show")}async hideDrawer(){this.emit("mz-hide"),this.focusTrap.deactivate(),await d(this.panelEl,`drawer.hide.${this.placement}`,this.prefersReducedMotion).finished,this.dialogEl.close(),l(),this.emit("mz-after-hide")}requestClose(e){this.emit("mz-request-close",{cancelable:!0,detail:{source:e}})&&(this.open=!1)}show(){this.open=!0}hide(){this.open=!1}handleCancel(e){e.preventDefault(),this.requestClose("keyboard")}handleDialogClick(e){e.target===this.dialogEl&&this.requestClose("backdrop")}render(){return r`
+      <dialog
+        part="base"
+        class="drawer"
+        aria-label=${this.label||i}
+        @cancel=${this.handleCancel}
+        @click=${this.handleDialogClick}
+      >
+        <div part="panel" class="drawer__panel">
+          <header part="header" class="drawer__header">
+            <slot name="header">${this.label}</slot>
+            ${this.noCloseButton?i:r`
+                  <button
+                    part="close"
+                    class="drawer__close"
+                    type="button"
+                    aria-label="Close"
+                    @click=${()=>this.requestClose("close-button")}
+                  >
+                    <mz-icon name="x" label="Close"></mz-icon>
+                  </button>
+                `}
+          </header>
+          <div part="body" class="drawer__body">
+            <slot></slot>
+          </div>
+          <footer part="footer" class="drawer__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+      </dialog>
+    `}};t.styles=f,t.dependencies={"mz-icon":p},o([n("dialog")],t.prototype,"dialogEl",2),o([n(".drawer__panel")],t.prototype,"panelEl",2),o([s({type:Boolean,reflect:!0})],t.prototype,"open",2),o([s()],t.prototype,"label",2),o([s({reflect:!0})],t.prototype,"placement",2),o([s({type:Boolean,attribute:"no-close-button"})],t.prototype,"noCloseButton",2);export{t as a};
+//# sourceMappingURL=chunk.7XUQA4UE.js.map

package/cdn/chunks/chunk.A2PK2F5D.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.2FVZMJUR.js";e.define("mz-menubar-item");
+//# sourceMappingURL=chunk.A2PK2F5D.js.map

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

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

package/cdn/chunks/chunk.A4VI7IJ6.js

@@ -0,0 +1,70 @@
+import{a as i}from"./chunk.22OS67BO.js";import{a as e}from"./chunk.TO7F5R6A.js";var s=e`
+  ${i}
+
+  :host {
+    display: block;
+  }
+
+  .menu-item {
+    display: flex;
+    align-items: center;
+    gap: var(--mz-space-xs);
+    padding: var(--mz-space-xs) var(--mz-space-sm);
+    font-family: var(--mz-font-sans);
+    font-size: var(--mz-font-size-sm);
+    color: var(--mz-color-text);
+    cursor: pointer;
+    border-radius: var(--mz-radius-sm);
+    transition: background-color 100ms ease;
+    outline: none;
+    user-select: none;
+    margin: 0 var(--mz-space-2xs);
+  }
+
+  .menu-item:hover:not(.menu-item--disabled) {
+    background: var(--mz-color-surface-raised);
+  }
+
+  .menu-item:focus-visible {
+    background: var(--mz-color-surface-raised);
+  }
+
+  .menu-item--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .menu-item__check {
+    display: flex;
+    align-items: center;
+    width: 1rem;
+    flex-shrink: 0;
+  }
+
+  .menu-item__check-icon {
+    width: 14px;
+    height: 14px;
+  }
+
+  .menu-item__prefix {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+  }
+
+  .menu-item__label {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .menu-item__suffix {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    color: var(--mz-color-text-disabled);
+    font-size: var(--mz-font-size-xs);
+    margin-left: auto;
+    padding-left: var(--mz-space-lg);
+  }
+`;export{s as a};
+//# sourceMappingURL=chunk.A4VI7IJ6.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/menu-item/menu-item.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default css`\n  ${componentStyles}\n\n  :host {\n    display: block;\n  }\n\n  .menu-item {\n    display: flex;\n    align-items: center;\n    gap: var(--mz-space-xs);\n    padding: var(--mz-space-xs) var(--mz-space-sm);\n    font-family: var(--mz-font-sans);\n    font-size: var(--mz-font-size-sm);\n    color: var(--mz-color-text);\n    cursor: pointer;\n    border-radius: var(--mz-radius-sm);\n    transition: background-color 100ms ease;\n    outline: none;\n    user-select: none;\n    margin: 0 var(--mz-space-2xs);\n  }\n\n  .menu-item:hover:not(.menu-item--disabled) {\n    background: var(--mz-color-surface-raised);\n  }\n\n  .menu-item:focus-visible {\n    background: var(--mz-color-surface-raised);\n  }\n\n  .menu-item--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .menu-item__check {\n    display: flex;\n    align-items: center;\n    width: 1rem;\n    flex-shrink: 0;\n  }\n\n  .menu-item__check-icon {\n    width: 14px;\n    height: 14px;\n  }\n\n  .menu-item__prefix {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .menu-item__label {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .menu-item__suffix {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    color: var(--mz-color-text-disabled);\n    font-size: var(--mz-font-size-xs);\n    margin-left: auto;\n    padding-left: var(--mz-space-lg);\n  }\n`;\n"],
+  "mappings": "gFAGA,IAAOA,EAAQC;AAAA,IACXC,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["menu_item_styles_default", "i", "component_styles_default"]
+}

package/cdn/chunks/chunk.A5BC2ABY.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.K3XUUGH7.js";e.define("mz-color-picker");
+//# sourceMappingURL=chunk.A5BC2ABY.js.map

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

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

package/cdn/chunks/chunk.ACJZEPTD.js

@@ -0,0 +1,78 @@
+import{a as o}from"./chunk.22OS67BO.js";import{a as r}from"./chunk.TO7F5R6A.js";var s=[o,r`
+    @layer base, sizes, states;
+
+    @layer base {
+      :host {
+        display: inline-block;
+      }
+
+      .toggle {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: var(--mz-space-2xs);
+        border: var(--mz-border-width-sm) solid var(--mz-color-border);
+        border-radius: var(--_toggle-radius, var(--mz-radius-md));
+        background: var(--mz-color-surface);
+        color: var(--mz-color-text-secondary);
+        font-family: var(--mz-font-sans);
+        font-size: var(--_font-size, var(--mz-font-size-sm));
+        font-weight: var(--mz-font-weight-medium);
+        padding: var(--_padding-y, var(--mz-space-xs)) var(--_padding-x, var(--mz-space-sm));
+        cursor: pointer;
+        transition: background var(--mz-transition-fast), border-color var(--mz-transition-fast), color var(--mz-transition-fast);
+        outline: none;
+        user-select: none;
+        line-height: 1;
+      }
+
+      .toggle:focus-visible {
+        outline: var(--mz-focus-ring);
+        outline-offset: var(--mz-focus-ring-offset);
+      }
+    }
+
+    @layer sizes {
+      :host([size='sm']) {
+        --_font-size: var(--mz-font-size-xs);
+        --_padding-y: var(--mz-space-2xs);
+        --_padding-x: var(--mz-space-xs);
+      }
+
+      :host([size='md']),
+      :host(:not([size])) {
+        --_font-size: var(--mz-font-size-sm);
+        --_padding-y: var(--mz-space-xs);
+        --_padding-x: var(--mz-space-sm);
+      }
+
+      :host([size='lg']) {
+        --_font-size: var(--mz-font-size-md);
+        --_padding-y: var(--mz-space-sm);
+        --_padding-x: var(--mz-space-md);
+      }
+    }
+
+    @layer states {
+      .toggle:hover:not(:disabled) {
+        background: color-mix(in srgb, var(--mz-color-text) 5%, var(--mz-color-surface));
+        border-color: var(--mz-color-border-hover);
+      }
+
+      .toggle--pressed {
+        background: color-mix(in srgb, var(--mz-color-primary) 85%, var(--mz-color-surface));
+        border-color: var(--mz-color-primary);
+        color: var(--mz-color-on-primary, #fff);
+      }
+
+      .toggle--pressed:hover:not(:disabled) {
+        background: color-mix(in srgb, var(--mz-color-primary) 90%, var(--mz-color-surface));
+      }
+
+      .toggle:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+    }
+  `];export{s as a};
+//# sourceMappingURL=chunk.ACJZEPTD.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/toggle/toggle.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    @layer base, sizes, states;\n\n    @layer base {\n      :host {\n        display: inline-block;\n      }\n\n      .toggle {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: var(--mz-space-2xs);\n        border: var(--mz-border-width-sm) solid var(--mz-color-border);\n        border-radius: var(--_toggle-radius, var(--mz-radius-md));\n        background: var(--mz-color-surface);\n        color: var(--mz-color-text-secondary);\n        font-family: var(--mz-font-sans);\n        font-size: var(--_font-size, var(--mz-font-size-sm));\n        font-weight: var(--mz-font-weight-medium);\n        padding: var(--_padding-y, var(--mz-space-xs)) var(--_padding-x, var(--mz-space-sm));\n        cursor: pointer;\n        transition: background var(--mz-transition-fast), border-color var(--mz-transition-fast), color var(--mz-transition-fast);\n        outline: none;\n        user-select: none;\n        line-height: 1;\n      }\n\n      .toggle:focus-visible {\n        outline: var(--mz-focus-ring);\n        outline-offset: var(--mz-focus-ring-offset);\n      }\n    }\n\n    @layer sizes {\n      :host([size='sm']) {\n        --_font-size: var(--mz-font-size-xs);\n        --_padding-y: var(--mz-space-2xs);\n        --_padding-x: var(--mz-space-xs);\n      }\n\n      :host([size='md']),\n      :host(:not([size])) {\n        --_font-size: var(--mz-font-size-sm);\n        --_padding-y: var(--mz-space-xs);\n        --_padding-x: var(--mz-space-sm);\n      }\n\n      :host([size='lg']) {\n        --_font-size: var(--mz-font-size-md);\n        --_padding-y: var(--mz-space-sm);\n        --_padding-x: var(--mz-space-md);\n      }\n    }\n\n    @layer states {\n      .toggle:hover:not(:disabled) {\n        background: color-mix(in srgb, var(--mz-color-text) 5%, var(--mz-color-surface));\n        border-color: var(--mz-color-border-hover);\n      }\n\n      .toggle--pressed {\n        background: color-mix(in srgb, var(--mz-color-primary) 85%, var(--mz-color-surface));\n        border-color: var(--mz-color-primary);\n        color: var(--mz-color-on-primary, #fff);\n      }\n\n      .toggle--pressed:hover:not(:disabled) {\n        background: color-mix(in srgb, var(--mz-color-primary) 90%, var(--mz-color-surface));\n      }\n\n      .toggle:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\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,GA6EF",
+  "names": ["toggle_styles_default", "component_styles_default", "i"]
+}