@manzanohq/components 0.1.1 → 0.1.4

package/cdn/chunks/chunk.K4Q4BZ2D.js

@@ -0,0 +1,9 @@
+import{a as l}from"./chunk.7D4FR6D6.js";import{a as e,d as o}from"./chunk.K3BKUERM.js";import{d as a}from"./chunk.TO7F5R6A.js";import{a as r}from"./chunk.MGICPQBB.js";var t=class extends o{constructor(){super(...arguments);this.vertical=!1;this.spacing="md"}render(){return a`
+      <div
+        part="base"
+        class="divider"
+        role="separator"
+        aria-orientation=${this.vertical?"vertical":"horizontal"}
+      ></div>
+    `}};t.styles=l,r([e({type:Boolean,reflect:!0})],t.prototype,"vertical",2),r([e({reflect:!0})],t.prototype,"spacing",2);export{t as a};
+//# sourceMappingURL=chunk.K4Q4BZ2D.js.map

package/cdn/chunks/chunk.K7GFW2GL.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk.HAD5EW6T.js";a.define("mz-avatar");
+//# sourceMappingURL=chunk.K7GFW2GL.js.map

package/cdn/chunks/chunk.K7L7LT6B.js

@@ -0,0 +1,109 @@
+import{a as S}from"./chunk.O3QXBGYE.js";import{a as D}from"./chunk.X6MSTFXZ.js";import{a as c,b as v,d as $}from"./chunk.K3BKUERM.js";import{d,g as f}from"./chunk.TO7F5R6A.js";import{b as g,f as k,g as E,h as _,i as y,j as m}from"./chunk.7U6XQNXR.js";import{a as l}from"./chunk.MGICPQBB.js";var a=class extends ${constructor(){super();this.startDate="";this.endDate="";this.min="";this.max="";this.placeholder="Select dates";this.disabled=!1;this.inline=!1;this.firstDayOfWeek=0;this.showPresets=!1;this.locale="";this.isOpen=!1;this.selectionPhase="idle";this.hoverDate="";this.pendingStart="";this.pendingEnd="";this.blurTimeout=null;this.outsideClickHandler=t=>{this.contains(t.target)||this.hide()};let t=new Date;this.leftViewDate=new Date(t.getFullYear(),t.getMonth(),1)}willUpdate(t){if(t.has("startDate")&&this.startDate){let e=m(this.startDate);e&&(this.leftViewDate=new Date(e.getFullYear(),e.getMonth(),1))}(t.has("startDate")||t.has("endDate"))&&(this.isOpen||(this.pendingStart=this.startDate,this.pendingEnd=this.endDate))}updated(t){t.has("isOpen")&&this.toggleAttribute("open",this.isOpen)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.outsideClickHandler,!0),this.blurTimeout&&clearTimeout(this.blurTimeout)}show(){this.disabled||this.inline||(this.pendingStart=this.startDate,this.pendingEnd=this.endDate,this.selectionPhase="idle",this.hoverDate="",this.isOpen=!0,document.addEventListener("click",this.outsideClickHandler,!0),this.emit("mz-show"),this.updateComplete.then(()=>this.focusInitialDay()))}hide(){if(!this.isOpen)return;this.isOpen=!1,this.selectionPhase="idle",this.hoverDate="",this.pendingStart=this.startDate,this.pendingEnd=this.endDate,document.removeEventListener("click",this.outsideClickHandler,!0),this.emit("mz-hide"),this.shadowRoot?.querySelector(".drp__input")?.focus()}apply(){!this.pendingStart||!this.pendingEnd||(this.startDate=this.pendingStart,this.endDate=this.pendingEnd,this.selectionPhase="idle",this.hoverDate="",this.emit("mz-range-change",{detail:{startDate:this.startDate,endDate:this.endDate}}),this.inline||(this.isOpen=!1,document.removeEventListener("click",this.outsideClickHandler,!0),this.emit("mz-hide")))}clear(){this.pendingStart="",this.pendingEnd="",this.selectionPhase="idle",this.hoverDate="",this.inline&&(this.startDate="",this.endDate="",this.emit("mz-range-change",{detail:{startDate:"",endDate:""}}))}formatDisplay(t){if(!t)return"";let e=m(t);if(!e)return t;let i=this.locale||void 0;return new Intl.DateTimeFormat(i,{year:"numeric",month:"short",day:"numeric"}).format(e)}isDateDisabled(t){return!!(this.min&&t<this.min||this.max&&t>this.max)}handleDayClick(t){this.isDateDisabled(t)||(this.selectionPhase==="idle"?(this.pendingStart=t,this.pendingEnd="",this.selectionPhase="selecting-end"):t<this.pendingStart?(this.pendingStart=t,this.pendingEnd=""):(this.pendingEnd=t,this.selectionPhase="idle",this.hoverDate=""))}handleDayHover(t){this.selectionPhase==="selecting-end"&&(this.hoverDate=t)}handleControlClick(t){t.stopPropagation(),!this.disabled&&(this.isOpen?this.hide():this.show())}handleBlur(){this.blurTimeout=setTimeout(()=>{this.isOpen&&this.hide()},150)}handleKeydown(t){t.key==="Escape"?(t.preventDefault(),this.hide()):t.key==="Enter"&&(t.preventDefault(),this.isOpen?this.pendingStart&&this.pendingEnd?this.apply():this.hide():this.show())}handlePanelKeydown(t){if(t.key==="Enter"){if(t.target.classList?.contains("drp__day"))return;t.preventDefault(),this.pendingStart&&this.pendingEnd&&this.apply()}else t.key==="Escape"?(t.preventDefault(),this.hide()):["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(t.key)&&this.handleArrowKey(t)}handleArrowKey(t){let e=t.target;if(!e.classList?.contains("drp__day"))return;t.preventDefault();let i=e.getAttribute("data-date");if(!i)return;let n=m(i);if(!n)return;let s;switch(t.key){case"ArrowLeft":s=g(n,-1);break;case"ArrowRight":s=g(n,1);break;case"ArrowUp":s=g(n,-7);break;case"ArrowDown":s=g(n,7);break;default:return}let o=y(s.getFullYear(),s.getMonth(),s.getDate());if(this.isDateDisabled(o))return;let r=new Date(this.leftViewDate.getFullYear(),this.leftViewDate.getMonth()+2,0);s<this.leftViewDate?this.prevMonth():s>r&&this.nextMonth(),this.updateComplete.then(()=>{this.shadowRoot?.querySelector(`[data-date="${o}"]`)?.focus()})}focusInitialDay(){let t=this.shadowRoot?.querySelector(".drp__panel");if(!t)return;(t.querySelector(".drp__day--selected:not(:disabled)")||t.querySelector(".drp__day--today:not(:disabled)")||t.querySelector(".drp__day:not(:disabled):not(.drp__day--outside)"))?.focus()}handlePanelClick(t){t.stopPropagation(),this.blurTimeout&&(clearTimeout(this.blurTimeout),this.blurTimeout=null)}prevMonth(){this.leftViewDate=new Date(this.leftViewDate.getFullYear(),this.leftViewDate.getMonth()-1,1)}nextMonth(){this.leftViewDate=new Date(this.leftViewDate.getFullYear(),this.leftViewDate.getMonth()+1,1)}applyPreset(t){let e=new Date,i=e.getFullYear(),n=e.getMonth(),s=e.getDate(),o=y(i,n,s),r="",h="";switch(t){case"today":r=h=o;break;case"last7":{let p=new Date(i,n,s-6);r=y(p.getFullYear(),p.getMonth(),p.getDate()),h=o;break}case"last30":{let p=new Date(i,n,s-29);r=y(p.getFullYear(),p.getMonth(),p.getDate()),h=o;break}case"thisMonth":r=y(i,n,1),h=o;break}this.pendingStart=r,this.pendingEnd=h,this.selectionPhase="idle",this.hoverDate="";let u=m(r);u&&(this.leftViewDate=new Date(u.getFullYear(),u.getMonth(),1)),this.startDate=r,this.endDate=h,this.emit("mz-range-change",{detail:{startDate:r,endDate:h}}),this.inline||(this.isOpen=!1,document.removeEventListener("click",this.outsideClickHandler,!0),this.emit("mz-hide"))}getDayCellClasses(t,e){let i=t===this.pendingStart,n=t===this.pendingEnd,s=!1,o=!1,r=!1,h=!1,u=!1,p=!1;if(this.pendingStart&&this.pendingEnd)s=t>this.pendingStart&&t<this.pendingEnd,o=i,r=n;else if(this.selectionPhase==="selecting-end"&&this.pendingStart&&this.hoverDate){let b=this.hoverDate>=this.pendingStart?this.hoverDate:this.pendingStart,w=this.hoverDate>=this.pendingStart?this.pendingStart:this.hoverDate;h=t>w&&t<b,u=t===w,p=t===b}return{"drp__day-cell":!0,"drp__day-cell--in-range":s,"drp__day-cell--range-start":o&&e,"drp__day-cell--range-end":r&&e,"drp__day-cell--preview":h,"drp__day-cell--preview-start":u&&e,"drp__day-cell--preview-end":p&&e}}renderMonth(t,e,i){let n=t.getFullYear(),s=t.getMonth(),o=this.locale||void 0,r=E(this.firstDayOfWeek,o),h=k(n,s,this.firstDayOfWeek);return d`
+      <div class="drp__month" role="grid" aria-label="${_(t,o)}">
+        <div class="drp__month-header">
+          ${e?d`<button type="button" class="drp__nav" @click=${this.prevMonth} aria-label="Previous month">
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"/></svg>
+              </button>`:d`<div class="drp__nav-spacer"></div>`}
+          <span class="drp__month-title">${_(t,o)}</span>
+          ${i?d`<button type="button" class="drp__nav" @click=${this.nextMonth} aria-label="Next month">
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"/></svg>
+              </button>`:d`<div class="drp__nav-spacer"></div>`}
+        </div>
+
+        <div class="drp__weekdays" role="row">
+          ${r.map(u=>d`<div class="drp__weekday" role="columnheader">${u}</div>`)}
+        </div>
+
+        ${h.map(u=>d`
+          <div class="drp__days" role="row">
+            ${u.map(p=>this.renderDayCell(p))}
+          </div>
+        `)}
+      </div>
+    `}renderDayCell(t){if(!t.isCurrentMonth)return d`<div class="drp__day-cell"><div class="drp__day drp__day--outside"></div></div>`;let e=y(t.date.getFullYear(),t.date.getMonth(),t.date.getDate()),i=this.isDateDisabled(e),n=e===this.pendingStart||e===this.pendingEnd,s=this.getDayCellClasses(e,t.isCurrentMonth),o=this.locale||void 0,r=new Intl.DateTimeFormat(o,{weekday:"long",year:"numeric",month:"long",day:"numeric"}).format(t.date);return d`
+      <div class=${D(s)}>
+        <button type="button"
+          class=${D({drp__day:!0,"drp__day--selected":n,"drp__day--today":t.isToday,"drp__day--disabled":i})}
+          ?disabled=${i}
+          role="gridcell"
+          aria-selected=${n?"true":"false"}
+          aria-label="${r}"
+          data-date="${e}"
+          tabindex=${n?"0":"-1"}
+          @click=${()=>this.handleDayClick(e)}
+          @mouseenter=${()=>this.handleDayHover(e)}>
+          ${t.date.getDate()}
+        </button>
+      </div>
+    `}renderFooter(){let t=this.pendingStart&&this.pendingEnd,e=this.pendingStart||this.pendingEnd;return d`
+      <div class="drp__footer">
+        ${this.showPresets?d`
+          <div class="drp__presets">
+            <button type="button" class="drp__preset" @click=${()=>this.applyPreset("today")}>Today</button>
+            <button type="button" class="drp__preset" @click=${()=>this.applyPreset("last7")}>Last 7 days</button>
+            <button type="button" class="drp__preset" @click=${()=>this.applyPreset("last30")}>Last 30 days</button>
+            <button type="button" class="drp__preset" @click=${()=>this.applyPreset("thisMonth")}>This month</button>
+          </div>
+        `:f}
+        <div class="drp__actions">
+          ${e?d`
+            <button type="button" class="drp__clear" @click=${()=>this.clear()}>Clear</button>
+          `:f}
+          <button type="button" class="drp__apply" ?disabled=${!t} @click=${()=>this.apply()}>Apply</button>
+        </div>
+      </div>
+    `}render(){let t=new Date(this.leftViewDate.getFullYear(),this.leftViewDate.getMonth()+1,1),e=this.isOpen||this.inline,i="";return this.selectionPhase==="selecting-end"&&this.pendingStart?i=`Start date selected: ${this.formatDisplay(this.pendingStart)}. Select an end date.`:this.pendingStart&&this.pendingEnd&&(i=`Range selected: ${this.formatDisplay(this.pendingStart)} to ${this.formatDisplay(this.pendingEnd)}. Press Apply or Enter to confirm.`),d`
+      <div part="base" class=${D({drp:!0,"drp--open":this.isOpen,"drp--disabled":this.disabled,"drp--inline":this.inline})}>
+        ${this.inline?f:d`
+          <div part="control" class="drp__control" @click=${this.handleControlClick}>
+            <input class="drp__input drp__input--start" type="text"
+              .value=${this.formatDisplay(this.startDate)}
+              placeholder=${this.startDate?"":this.placeholder}
+              ?disabled=${this.disabled}
+              readonly
+              @focus=${()=>{}}
+              @blur=${this.handleBlur}
+              @keydown=${this.handleKeydown}
+              aria-label="Start date"
+            />
+            ${this.startDate||this.endDate?d`
+              <span class="drp__arrow">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"/></svg>
+              </span>
+              <input class="drp__input drp__input--end" type="text"
+                .value=${this.formatDisplay(this.endDate)}
+                placeholder="End date"
+                ?disabled=${this.disabled}
+                readonly
+                tabindex="-1"
+                aria-label="End date"
+              />
+            `:f}
+            <div class="drp__icon">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
+                <line x1="16" y1="2" x2="16" y2="6"/>
+                <line x1="8" y1="2" x2="8" y2="6"/>
+                <line x1="3" y1="10" x2="21" y2="10"/>
+              </svg>
+            </div>
+          </div>
+        `}
+
+        ${e?d`
+          <div part="panel" class="drp__panel" role="dialog" aria-label="Date range picker"
+            @click=${this.handlePanelClick}
+            @keydown=${this.handlePanelKeydown}
+            @mouseleave=${()=>{this.hoverDate=""}}>
+            <div class="drp__months">
+              ${this.renderMonth(this.leftViewDate,!0,!1)}
+              ${this.renderMonth(t,!1,!0)}
+            </div>
+            ${this.renderFooter()}
+          </div>
+        `:f}
+
+        <div class="drp__sr-only" role="status" aria-live="polite">${i}</div>
+      </div>
+    `}};a.styles=S,l([c({attribute:"start-date"})],a.prototype,"startDate",2),l([c({attribute:"end-date"})],a.prototype,"endDate",2),l([c()],a.prototype,"min",2),l([c()],a.prototype,"max",2),l([c()],a.prototype,"placeholder",2),l([c({type:Boolean,reflect:!0})],a.prototype,"disabled",2),l([c({type:Boolean,reflect:!0})],a.prototype,"inline",2),l([c({type:Number,attribute:"first-day-of-week"})],a.prototype,"firstDayOfWeek",2),l([c({type:Boolean,attribute:"show-presets"})],a.prototype,"showPresets",2),l([c()],a.prototype,"locale",2),l([v()],a.prototype,"isOpen",2),l([v()],a.prototype,"leftViewDate",2),l([v()],a.prototype,"selectionPhase",2),l([v()],a.prototype,"hoverDate",2),l([v()],a.prototype,"pendingStart",2),l([v()],a.prototype,"pendingEnd",2);export{a};
+//# sourceMappingURL=chunk.K7L7LT6B.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/date-range-picker/date-range-picker.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 {\n  getMonthGrid,\n  getWeekdayNames,\n  formatMonthYear,\n  formatDateString,\n  parseDateString,\n  addDays,\n  type DayCell\n} from '../../internal/date-utils.js';\nimport styles from './date-range-picker.styles.js';\n\ntype SelectionPhase = 'idle' | 'selecting-end';\n\n/**\n * @summary An Airbnb-style date range picker with two side-by-side month calendars.\n *\n * @tag mz-date-range-picker\n *\n * @event mz-range-change - Emitted when a range is applied. Detail: { startDate, endDate }\n * @event mz-show - Emitted when the dropdown opens.\n * @event mz-hide - Emitted when the dropdown closes.\n *\n * @csspart base - The component wrapper.\n * @csspart control - The trigger input wrapper.\n * @csspart panel - The calendar dropdown panel.\n */\nexport class MzDateRangePicker extends ManzanoElement {\n  static styles = styles;\n\n  /** The range start date in YYYY-MM-DD format. */\n  @property({ attribute: 'start-date' }) startDate = '';\n\n  /** The range end date in YYYY-MM-DD format. */\n  @property({ attribute: 'end-date' }) endDate = '';\n\n  /** Minimum selectable date in YYYY-MM-DD format. */\n  @property() min = '';\n\n  /** Maximum selectable date in YYYY-MM-DD format. */\n  @property() max = '';\n\n  /** Placeholder text for the trigger. */\n  @property() placeholder = 'Select dates';\n\n  /** Disables the component. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Show calendars inline (always visible, no dropdown). */\n  @property({ type: Boolean, reflect: true }) inline = false;\n\n  /** First day of the week (0 = Sunday, 1 = Monday, etc.). */\n  @property({ type: Number, attribute: 'first-day-of-week' }) firstDayOfWeek = 0;\n\n  /** Show quick-select preset buttons. */\n  @property({ type: Boolean, attribute: 'show-presets' }) showPresets = false;\n\n  /** Locale for date formatting. Uses browser default when empty. */\n  @property() locale = '';\n\n  @state() private isOpen = false;\n  @state() private leftViewDate: Date;\n  @state() private selectionPhase: SelectionPhase = 'idle';\n  @state() private hoverDate = '';\n\n  // Pending (draft) selection \u2014 only committed on Apply/Enter\n  @state() private pendingStart = '';\n  @state() private pendingEnd = '';\n\n  private blurTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  private outsideClickHandler = (e: MouseEvent) => {\n    if (!this.contains(e.target as Node)) {\n      this.hide();\n    }\n  };\n\n  constructor() {\n    super();\n    const now = new Date();\n    this.leftViewDate = new Date(now.getFullYear(), now.getMonth(), 1);\n  }\n\n  willUpdate(changed: Map<string, unknown>): void {\n    if (changed.has('startDate') && this.startDate) {\n      const parsed = parseDateString(this.startDate);\n      if (parsed) {\n        this.leftViewDate = new Date(parsed.getFullYear(), parsed.getMonth(), 1);\n      }\n    }\n    // Sync pending state when properties change externally\n    if (changed.has('startDate') || changed.has('endDate')) {\n      if (!this.isOpen) {\n        this.pendingStart = this.startDate;\n        this.pendingEnd = this.endDate;\n      }\n    }\n  }\n\n  updated(changed: Map<string, unknown>): void {\n    if (changed.has('isOpen')) {\n      this.toggleAttribute('open', this.isOpen);\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this.outsideClickHandler, true);\n    if (this.blurTimeout) clearTimeout(this.blurTimeout);\n  }\n\n  /** Opens the calendar dropdown. */\n  show(): void {\n    if (this.disabled || this.inline) return;\n    // Snapshot current committed values into pending\n    this.pendingStart = this.startDate;\n    this.pendingEnd = this.endDate;\n    this.selectionPhase = 'idle';\n    this.hoverDate = '';\n    this.isOpen = true;\n    document.addEventListener('click', this.outsideClickHandler, true);\n    this.emit('mz-show');\n    // Focus first selected/today day after render\n    this.updateComplete.then(() => this.focusInitialDay());\n  }\n\n  /** Closes the calendar dropdown without applying. */\n  hide(): void {\n    if (!this.isOpen) return;\n    this.isOpen = false;\n    this.selectionPhase = 'idle';\n    this.hoverDate = '';\n    // Revert pending \u2014 don't change committed values\n    this.pendingStart = this.startDate;\n    this.pendingEnd = this.endDate;\n    document.removeEventListener('click', this.outsideClickHandler, true);\n    this.emit('mz-hide');\n    // Return focus to trigger\n    const input = this.shadowRoot?.querySelector('.drp__input') as HTMLElement | null;\n    input?.focus();\n  }\n\n  /** Applies the pending selection and closes. */\n  apply(): void {\n    if (!this.pendingStart || !this.pendingEnd) return;\n    this.startDate = this.pendingStart;\n    this.endDate = this.pendingEnd;\n    this.selectionPhase = 'idle';\n    this.hoverDate = '';\n    this.emit('mz-range-change', {\n      detail: { startDate: this.startDate, endDate: this.endDate }\n    });\n    if (!this.inline) {\n      this.isOpen = false;\n      document.removeEventListener('click', this.outsideClickHandler, true);\n      this.emit('mz-hide');\n    }\n  }\n\n  /** Clears the selected range. */\n  clear(): void {\n    this.pendingStart = '';\n    this.pendingEnd = '';\n    this.selectionPhase = 'idle';\n    this.hoverDate = '';\n    if (this.inline) {\n      this.startDate = '';\n      this.endDate = '';\n      this.emit('mz-range-change', { detail: { startDate: '', endDate: '' } });\n    }\n  }\n\n  // --- Formatting ---\n\n  private formatDisplay(dateStr: string): string {\n    if (!dateStr) return '';\n    const parsed = parseDateString(dateStr);\n    if (!parsed) return dateStr;\n    const locale = this.locale || undefined;\n    return new Intl.DateTimeFormat(locale, { year: 'numeric', month: 'short', day: 'numeric' }).format(parsed);\n  }\n\n  // --- Date checks ---\n\n  private isDateDisabled(dateStr: string): boolean {\n    if (this.min && dateStr < this.min) return true;\n    if (this.max && dateStr > this.max) return true;\n    return false;\n  }\n\n  // --- Selection logic (operates on pending state) ---\n\n  private handleDayClick(dateStr: string): void {\n    if (this.isDateDisabled(dateStr)) return;\n\n    if (this.selectionPhase === 'idle') {\n      // First click \u2014 set pending start\n      this.pendingStart = dateStr;\n      this.pendingEnd = '';\n      this.selectionPhase = 'selecting-end';\n    } else {\n      // Second click\n      if (dateStr < this.pendingStart) {\n        // Clicked before start \u2014 restart\n        this.pendingStart = dateStr;\n        this.pendingEnd = '';\n        // Stay in selecting-end phase\n      } else {\n        // Complete the pending range\n        this.pendingEnd = dateStr;\n        this.selectionPhase = 'idle';\n        this.hoverDate = '';\n      }\n    }\n  }\n\n  private handleDayHover(dateStr: string): void {\n    if (this.selectionPhase === 'selecting-end') {\n      this.hoverDate = dateStr;\n    }\n  }\n\n  // --- Interaction handlers ---\n\n  private handleControlClick(e: MouseEvent): void {\n    e.stopPropagation();\n    if (this.disabled) return;\n    if (this.isOpen) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  private handleBlur(): void {\n    this.blurTimeout = setTimeout(() => {\n      if (this.isOpen) this.hide();\n    }, 150);\n  }\n\n  private handleKeydown(e: KeyboardEvent): void {\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      this.hide();\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      if (this.isOpen) {\n        // Enter applies if we have a complete pending range\n        if (this.pendingStart && this.pendingEnd) {\n          this.apply();\n        } else {\n          this.hide();\n        }\n      } else {\n        this.show();\n      }\n    }\n  }\n\n  private handlePanelKeydown(e: KeyboardEvent): void {\n    if (e.key === 'Enter') {\n      // Only intercept Enter on Apply-like context, not on day buttons\n      const target = e.target as HTMLElement;\n      if (target.classList?.contains('drp__day')) return; // Let day button click handle it\n      e.preventDefault();\n      if (this.pendingStart && this.pendingEnd) {\n        this.apply();\n      }\n    } else if (e.key === 'Escape') {\n      e.preventDefault();\n      this.hide();\n    } else if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(e.key)) {\n      this.handleArrowKey(e);\n    }\n  }\n\n  private handleArrowKey(e: KeyboardEvent): void {\n    const target = e.target as HTMLElement;\n    if (!target.classList?.contains('drp__day')) return;\n    e.preventDefault();\n\n    const dateStr = target.getAttribute('data-date');\n    if (!dateStr) return;\n\n    const parsed = parseDateString(dateStr);\n    if (!parsed) return;\n\n    let next: Date;\n    switch (e.key) {\n      case 'ArrowLeft': next = addDays(parsed, -1); break;\n      case 'ArrowRight': next = addDays(parsed, 1); break;\n      case 'ArrowUp': next = addDays(parsed, -7); break;\n      case 'ArrowDown': next = addDays(parsed, 7); break;\n      default: return;\n    }\n\n    const nextStr = formatDateString(next.getFullYear(), next.getMonth(), next.getDate());\n    if (this.isDateDisabled(nextStr)) return;\n\n    // If navigating past the visible months, shift view\n    const rightViewDate = new Date(this.leftViewDate.getFullYear(), this.leftViewDate.getMonth() + 2, 0);\n    if (next < this.leftViewDate) {\n      this.prevMonth();\n    } else if (next > rightViewDate) {\n      this.nextMonth();\n    }\n\n    // Focus the target day after render\n    this.updateComplete.then(() => {\n      const btn = this.shadowRoot?.querySelector(`[data-date=\"${nextStr}\"]`) as HTMLElement | null;\n      btn?.focus();\n    });\n  }\n\n  private focusInitialDay(): void {\n    const panel = this.shadowRoot?.querySelector('.drp__panel');\n    if (!panel) return;\n    // Try: selected start, then today, then first enabled day\n    const target =\n      panel.querySelector('.drp__day--selected:not(:disabled)') as HTMLElement ||\n      panel.querySelector('.drp__day--today:not(:disabled)') as HTMLElement ||\n      panel.querySelector('.drp__day:not(:disabled):not(.drp__day--outside)') as HTMLElement;\n    target?.focus();\n  }\n\n  private handlePanelClick(e: MouseEvent): void {\n    e.stopPropagation();\n    if (this.blurTimeout) {\n      clearTimeout(this.blurTimeout);\n      this.blurTimeout = null;\n    }\n  }\n\n  // --- Navigation ---\n\n  private prevMonth(): void {\n    this.leftViewDate = new Date(this.leftViewDate.getFullYear(), this.leftViewDate.getMonth() - 1, 1);\n  }\n\n  private nextMonth(): void {\n    this.leftViewDate = new Date(this.leftViewDate.getFullYear(), this.leftViewDate.getMonth() + 1, 1);\n  }\n\n  // --- Presets ---\n\n  private applyPreset(type: string): void {\n    const today = new Date();\n    const y = today.getFullYear();\n    const m = today.getMonth();\n    const d = today.getDate();\n    const todayStr = formatDateString(y, m, d);\n\n    let start = '';\n    let end = '';\n\n    switch (type) {\n      case 'today':\n        start = end = todayStr;\n        break;\n      case 'last7': {\n        const s = new Date(y, m, d - 6);\n        start = formatDateString(s.getFullYear(), s.getMonth(), s.getDate());\n        end = todayStr;\n        break;\n      }\n      case 'last30': {\n        const s = new Date(y, m, d - 29);\n        start = formatDateString(s.getFullYear(), s.getMonth(), s.getDate());\n        end = todayStr;\n        break;\n      }\n      case 'thisMonth':\n        start = formatDateString(y, m, 1);\n        end = todayStr;\n        break;\n    }\n\n    // Presets auto-apply (clicking a preset IS the explicit intent)\n    this.pendingStart = start;\n    this.pendingEnd = end;\n    this.selectionPhase = 'idle';\n    this.hoverDate = '';\n\n    const parsed = parseDateString(start);\n    if (parsed) {\n      this.leftViewDate = new Date(parsed.getFullYear(), parsed.getMonth(), 1);\n    }\n\n    this.startDate = start;\n    this.endDate = end;\n    this.emit('mz-range-change', { detail: { startDate: start, endDate: end } });\n    if (!this.inline) {\n      this.isOpen = false;\n      document.removeEventListener('click', this.outsideClickHandler, true);\n      this.emit('mz-hide');\n    }\n  }\n\n  // --- Day state classification (uses pending values) ---\n\n  private getDayCellClasses(dateStr: string, isCurrentMonth: boolean): Record<string, boolean> {\n    const isStart = dateStr === this.pendingStart;\n    const isEnd = dateStr === this.pendingEnd;\n\n    let inRange = false;\n    let isRangeStart = false;\n    let isRangeEnd = false;\n    let inPreview = false;\n    let isPreviewStart = false;\n    let isPreviewEnd = false;\n\n    if (this.pendingStart && this.pendingEnd) {\n      // Complete pending range\n      inRange = dateStr > this.pendingStart && dateStr < this.pendingEnd;\n      isRangeStart = isStart;\n      isRangeEnd = isEnd;\n    } else if (this.selectionPhase === 'selecting-end' && this.pendingStart && this.hoverDate) {\n      // Preview range while hovering\n      const effectiveEnd = this.hoverDate >= this.pendingStart ? this.hoverDate : this.pendingStart;\n      const effectiveStart = this.hoverDate >= this.pendingStart ? this.pendingStart : this.hoverDate;\n      inPreview = dateStr > effectiveStart && dateStr < effectiveEnd;\n      isPreviewStart = dateStr === effectiveStart;\n      isPreviewEnd = dateStr === effectiveEnd;\n    }\n\n    return {\n      'drp__day-cell': true,\n      'drp__day-cell--in-range': inRange,\n      'drp__day-cell--range-start': isRangeStart && isCurrentMonth,\n      'drp__day-cell--range-end': isRangeEnd && isCurrentMonth,\n      'drp__day-cell--preview': inPreview,\n      'drp__day-cell--preview-start': isPreviewStart && isCurrentMonth,\n      'drp__day-cell--preview-end': isPreviewEnd && isCurrentMonth\n    };\n  }\n\n  // --- Render helpers ---\n\n  private renderMonth(viewDate: Date, showPrev: boolean, showNext: boolean): TemplateResult {\n    const year = viewDate.getFullYear();\n    const month = viewDate.getMonth();\n    const locale = this.locale || undefined;\n    const weekdayNames = getWeekdayNames(this.firstDayOfWeek, locale);\n    const weeks = getMonthGrid(year, month, this.firstDayOfWeek);\n\n    return html`\n      <div class=\"drp__month\" role=\"grid\" aria-label=\"${formatMonthYear(viewDate, locale)}\">\n        <div class=\"drp__month-header\">\n          ${showPrev\n            ? html`<button type=\"button\" class=\"drp__nav\" @click=${this.prevMonth} aria-label=\"Previous month\">\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"/></svg>\n              </button>`\n            : html`<div class=\"drp__nav-spacer\"></div>`\n          }\n          <span class=\"drp__month-title\">${formatMonthYear(viewDate, locale)}</span>\n          ${showNext\n            ? html`<button type=\"button\" class=\"drp__nav\" @click=${this.nextMonth} aria-label=\"Next month\">\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"/></svg>\n              </button>`\n            : html`<div class=\"drp__nav-spacer\"></div>`\n          }\n        </div>\n\n        <div class=\"drp__weekdays\" role=\"row\">\n          ${weekdayNames.map(name => html`<div class=\"drp__weekday\" role=\"columnheader\">${name}</div>`)}\n        </div>\n\n        ${weeks.map(week => html`\n          <div class=\"drp__days\" role=\"row\">\n            ${week.map(cell => this.renderDayCell(cell))}\n          </div>\n        `)}\n      </div>\n    `;\n  }\n\n  private renderDayCell(cell: DayCell): TemplateResult {\n    if (!cell.isCurrentMonth) {\n      return html`<div class=\"drp__day-cell\"><div class=\"drp__day drp__day--outside\"></div></div>`;\n    }\n\n    const dateStr = formatDateString(\n      cell.date.getFullYear(),\n      cell.date.getMonth(),\n      cell.date.getDate()\n    );\n    const isDisabledDate = this.isDateDisabled(dateStr);\n    const isSelected = dateStr === this.pendingStart || dateStr === this.pendingEnd;\n    const cellClasses = this.getDayCellClasses(dateStr, cell.isCurrentMonth);\n\n    const locale = this.locale || undefined;\n    const fullDateLabel = new Intl.DateTimeFormat(locale, {\n      weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'\n    }).format(cell.date);\n\n    return html`\n      <div class=${classMap(cellClasses)}>\n        <button type=\"button\"\n          class=${classMap({\n            'drp__day': true,\n            'drp__day--selected': isSelected,\n            'drp__day--today': cell.isToday,\n            'drp__day--disabled': isDisabledDate\n          })}\n          ?disabled=${isDisabledDate}\n          role=\"gridcell\"\n          aria-selected=${isSelected ? 'true' : 'false'}\n          aria-label=\"${fullDateLabel}\"\n          data-date=\"${dateStr}\"\n          tabindex=${isSelected ? '0' : '-1'}\n          @click=${() => this.handleDayClick(dateStr)}\n          @mouseenter=${() => this.handleDayHover(dateStr)}>\n          ${cell.date.getDate()}\n        </button>\n      </div>\n    `;\n  }\n\n  private renderFooter(): TemplateResult {\n    const hasCompleteRange = this.pendingStart && this.pendingEnd;\n    const hasPending = this.pendingStart || this.pendingEnd;\n\n    return html`\n      <div class=\"drp__footer\">\n        ${this.showPresets ? html`\n          <div class=\"drp__presets\">\n            <button type=\"button\" class=\"drp__preset\" @click=${() => this.applyPreset('today')}>Today</button>\n            <button type=\"button\" class=\"drp__preset\" @click=${() => this.applyPreset('last7')}>Last 7 days</button>\n            <button type=\"button\" class=\"drp__preset\" @click=${() => this.applyPreset('last30')}>Last 30 days</button>\n            <button type=\"button\" class=\"drp__preset\" @click=${() => this.applyPreset('thisMonth')}>This month</button>\n          </div>\n        ` : nothing}\n        <div class=\"drp__actions\">\n          ${hasPending ? html`\n            <button type=\"button\" class=\"drp__clear\" @click=${() => this.clear()}>Clear</button>\n          ` : nothing}\n          <button type=\"button\" class=\"drp__apply\" ?disabled=${!hasCompleteRange} @click=${() => this.apply()}>Apply</button>\n        </div>\n      </div>\n    `;\n  }\n\n  render() {\n    const rightViewDate = new Date(this.leftViewDate.getFullYear(), this.leftViewDate.getMonth() + 1, 1);\n    const showPanel = this.isOpen || this.inline;\n\n    // Live region announcement\n    let announcement = '';\n    if (this.selectionPhase === 'selecting-end' && this.pendingStart) {\n      announcement = `Start date selected: ${this.formatDisplay(this.pendingStart)}. Select an end date.`;\n    } else if (this.pendingStart && this.pendingEnd) {\n      announcement = `Range selected: ${this.formatDisplay(this.pendingStart)} to ${this.formatDisplay(this.pendingEnd)}. Press Apply or Enter to confirm.`;\n    }\n\n    return html`\n      <div part=\"base\" class=${classMap({\n        'drp': true,\n        'drp--open': this.isOpen,\n        'drp--disabled': this.disabled,\n        'drp--inline': this.inline\n      })}>\n        ${!this.inline ? html`\n          <div part=\"control\" class=\"drp__control\" @click=${this.handleControlClick}>\n            <input class=\"drp__input drp__input--start\" type=\"text\"\n              .value=${this.formatDisplay(this.startDate)}\n              placeholder=${this.startDate ? '' : this.placeholder}\n              ?disabled=${this.disabled}\n              readonly\n              @focus=${() => {}}\n              @blur=${this.handleBlur}\n              @keydown=${this.handleKeydown}\n              aria-label=\"Start date\"\n            />\n            ${this.startDate || this.endDate ? html`\n              <span class=\"drp__arrow\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"/></svg>\n              </span>\n              <input class=\"drp__input drp__input--end\" type=\"text\"\n                .value=${this.formatDisplay(this.endDate)}\n                placeholder=\"End date\"\n                ?disabled=${this.disabled}\n                readonly\n                tabindex=\"-1\"\n                aria-label=\"End date\"\n              />\n            ` : nothing}\n            <div class=\"drp__icon\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"/>\n                <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"/>\n                <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"/>\n                <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"/>\n              </svg>\n            </div>\n          </div>\n        ` : nothing}\n\n        ${showPanel ? html`\n          <div part=\"panel\" class=\"drp__panel\" role=\"dialog\" aria-label=\"Date range picker\"\n            @click=${this.handlePanelClick}\n            @keydown=${this.handlePanelKeydown}\n            @mouseleave=${() => { this.hoverDate = ''; }}>\n            <div class=\"drp__months\">\n              ${this.renderMonth(this.leftViewDate, true, false)}\n              ${this.renderMonth(rightViewDate, false, true)}\n            </div>\n            ${this.renderFooter()}\n          </div>\n        ` : nothing}\n\n        <div class=\"drp__sr-only\" role=\"status\" aria-live=\"polite\">${announcement}</div>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["MzDateRangePicker", "ManzanoElement", "e", "now", "changed", "parsed", "parseDateString", "dateStr", "locale", "target", "next", "addDays", "nextStr", "formatDateString", "rightViewDate", "panel", "type", "today", "y", "m", "d", "todayStr", "start", "end", "s", "isCurrentMonth", "isStart", "isEnd", "inRange", "isRangeStart", "isRangeEnd", "inPreview", "isPreviewStart", "isPreviewEnd", "effectiveEnd", "effectiveStart", "viewDate", "showPrev", "showNext", "year", "month", "weekdayNames", "getWeekdayNames", "weeks", "getMonthGrid", "b", "formatMonthYear", "name", "week", "cell", "isDisabledDate", "isSelected", "cellClasses", "fullDateLabel", "hasCompleteRange", "hasPending", "A", "showPanel", "announcement", "date_range_picker_styles_default", "__decorateClass", "n", "r"]
+}

package/cdn/chunks/chunk.KCRMPJTM.js

@@ -0,0 +1,119 @@
+import{a}from"./chunk.22OS67BO.js";import{a as r}from"./chunk.TO7F5R6A.js";var n=[a,r`
+    @layer base, variants, appearances, sizes, states;
+
+    @layer base {
+      :host {
+        display: inline-flex;
+      }
+
+      .tag {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--mz-space-2xs);
+        white-space: nowrap;
+        font-family: var(--mz-font-sans);
+        font-weight: var(--mz-font-weight-medium);
+        line-height: var(--mz-line-height-dense);
+        border: var(--mz-border-width-sm) solid transparent;
+        border-radius: var(--_radius, var(--mz-tag-radius, var(--mz-radius-md)));
+        background: var(--_bg);
+        color: var(--_text);
+        border-color: var(--_border, transparent);
+        font-size: var(--_font-size);
+        padding: var(--_padding);
+        cursor: default;
+      }
+
+      .tag__remove {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        background: none;
+        border: none;
+        padding: 0;
+        margin-inline-start: var(--mz-space-3xs);
+        color: inherit;
+        opacity: 0.7;
+        transition: opacity var(--mz-transition-fast);
+        font-size: inherit;
+        line-height: 1;
+      }
+
+      .tag__remove:hover {
+        opacity: 1;
+      }
+    }
+
+    @layer variants {
+      :host([variant='primary']) {
+        --_color: var(--mz-color-primary);
+        --_on-color: var(--mz-color-on-primary);
+      }
+
+      :host([variant='danger']) {
+        --_color: var(--mz-color-danger);
+        --_on-color: var(--mz-color-on-danger);
+      }
+
+      :host([variant='success']) {
+        --_color: var(--mz-color-success);
+        --_on-color: var(--mz-color-on-success);
+      }
+
+      :host([variant='warning']) {
+        --_color: var(--mz-color-warning);
+        --_on-color: var(--mz-color-on-warning);
+      }
+
+      :host([variant='neutral']),
+      :host(:not([variant])) {
+        --_color: var(--mz-color-neutral);
+        --_on-color: var(--mz-color-on-neutral);
+      }
+    }
+
+    @layer appearances {
+      :host([appearance='filled']),
+      :host(:not([appearance])) {
+        --_bg: var(--mz-tag-bg, var(--_color));
+        --_text: var(--mz-tag-color, var(--_on-color));
+      }
+
+      :host([appearance='outline']) {
+        --_bg: transparent;
+        --_text: var(--_color);
+        --_border: var(--_color);
+      }
+
+      :host([appearance='soft']) {
+        --_bg: color-mix(in srgb, var(--_color) 15%, transparent);
+        --_text: var(--_color);
+      }
+    }
+
+    @layer sizes {
+      :host([size='sm']) {
+        --_font-size: var(--mz-font-size-2xs);
+        --_padding: var(--mz-space-2xs) var(--mz-space-sm);
+      }
+
+      :host([size='md']),
+      :host(:not([size])) {
+        --_font-size: var(--mz-font-size-xs);
+        --_padding: var(--mz-space-2xs) var(--mz-space-md);
+      }
+
+      :host([size='lg']) {
+        --_font-size: var(--mz-font-size-sm);
+        --_padding: var(--mz-space-xs) var(--mz-space-lg);
+      }
+    }
+
+    @layer states {
+      :host([pill]) {
+        --_radius: var(--mz-radius-pill);
+      }
+    }
+  `];export{n as a};
+//# sourceMappingURL=chunk.KCRMPJTM.js.map

package/cdn/chunks/chunk.KCUXANVI.js

@@ -0,0 +1,14 @@
+import{a as o}from"./chunk.22OS67BO.js";import{a as r}from"./chunk.TO7F5R6A.js";var l=[o,r`
+    :host {
+      display: block;
+      font-family: var(--mz-font-sans);
+    }
+
+    .table-wrapper {
+      overflow-x: auto;
+      -webkit-overflow-scrolling: touch;
+      border-radius: var(--mz-table-border-radius, var(--mz-radius-lg));
+      border: 1px solid var(--mz-table-border-color, var(--mz-color-border));
+    }
+  `];export{l as a};
+//# sourceMappingURL=chunk.KCUXANVI.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/table/table.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    :host {\n      display: block;\n      font-family: var(--mz-font-sans);\n    }\n\n    .table-wrapper {\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n      border-radius: var(--mz-table-border-radius, var(--mz-radius-lg));\n      border: 1px solid var(--mz-table-border-color, var(--mz-color-border));\n    }\n  `\n];\n"],
+  "mappings": "gFAGA,IAAOA,EAAQ,CACbC,EACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAaF",
+  "names": ["table_styles_default", "component_styles_default", "i"]
+}

package/cdn/chunks/chunk.KHIY5EKV.js

@@ -0,0 +1,27 @@
+import{a as n}from"./chunk.ORT5KPS2.js";import{a as o,d as s}from"./chunk.K3BKUERM.js";import{d as t}from"./chunk.TO7F5R6A.js";import{a as e}from"./chunk.MGICPQBB.js";var i=class extends s{constructor(){super(...arguments);this.heading="";this.description=""}render(){return t`
+      <div class="empty" part="base">
+        <div class="empty__icon" part="icon">
+          <slot name="icon">
+            <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+              <polyline points="22 12 16 12 14 15 10 15 8 12 2 12"></polyline>
+              <path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path>
+            </svg>
+          </slot>
+        </div>
+        ${this.heading?t`
+              <div class="empty__title" part="title">
+                <slot name="title">${this.heading}</slot>
+              </div>
+            `:t`<slot name="title"></slot>`}
+        ${this.description?t`
+              <div class="empty__description" part="description">
+                <slot name="description">${this.description}</slot>
+              </div>
+            `:t`<slot name="description"></slot>`}
+        <div class="empty__action" part="action">
+          <slot name="action"></slot>
+        </div>
+        <slot></slot>
+      </div>
+    `}};i.styles=n,e([o({attribute:"heading"})],i.prototype,"heading",2),e([o()],i.prototype,"description",2);export{i as a};
+//# sourceMappingURL=chunk.KHIY5EKV.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/empty/empty.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './empty.styles.js';\n\n/**\n * @summary An empty state placeholder \u2014 used when a list, table, or content area has no data.\n *\n * @slot icon - Large illustration or icon displayed at the top.\n * @slot title - Custom title content (overrides the `heading` property).\n * @slot description - Custom description content (overrides the `description` property).\n * @slot action - Action button(s) at the bottom.\n * @slot - Additional content below the action area.\n *\n * @csspart base - The outer container.\n * @csspart icon - The icon area.\n * @csspart title - The title text.\n * @csspart description - The description text.\n * @csspart action - The action button area.\n *\n * @cssproperty --mz-empty-padding - Container padding.\n * @cssproperty --mz-empty-icon-size - Icon area width and height.\n * @cssproperty --mz-empty-icon-color - Icon color.\n */\nexport class MzEmpty extends ManzanoElement {\n  static styles = styles;\n\n  /** The heading text. Use the `title` slot for rich content. */\n  @property({ attribute: 'heading' }) heading = '';\n\n  /** The description text. Use the `description` slot for rich content. */\n  @property() description = '';\n\n  render() {\n    return html`\n      <div class=\"empty\" part=\"base\">\n        <div class=\"empty__icon\" part=\"icon\">\n          <slot name=\"icon\">\n            <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <polyline points=\"22 12 16 12 14 15 10 15 8 12 2 12\"></polyline>\n              <path d=\"M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\"></path>\n            </svg>\n          </slot>\n        </div>\n        ${this.heading\n          ? html`\n              <div class=\"empty__title\" part=\"title\">\n                <slot name=\"title\">${this.heading}</slot>\n              </div>\n            `\n          : html`<slot name=\"title\"></slot>`}\n        ${this.description\n          ? html`\n              <div class=\"empty__description\" part=\"description\">\n                <slot name=\"description\">${this.description}</slot>\n              </div>\n            `\n          : html`<slot name=\"description\"></slot>`}\n        <div class=\"empty__action\" part=\"action\">\n          <slot name=\"action\"></slot>\n        </div>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "uKAwBO,IAAMA,EAAN,cAAsBC,CAAe,CAArC,kCAI+B,aAAU,GAGlC,iBAAc,GAE1B,QAAS,CACP,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAUD,KAAK,QACHA;AAAA;AAAA,qCAEyB,KAAK,OAAO;AAAA;AAAA,cAGrCA,6BAAgC;AAAA,UAClC,KAAK,YACHA;AAAA;AAAA,2CAE+B,KAAK,WAAW;AAAA;AAAA,cAG/CA,mCAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOhD,CACF,EAzCaF,EACJ,OAASG,EAGoBC,EAAA,CAAnCC,EAAS,CAAE,UAAW,SAAU,CAAC,GAJvBL,EAIyB,uBAGxBI,EAAA,CAAXC,EAAS,GAPCL,EAOC",
+  "names": ["MzEmpty", "ManzanoElement", "b", "empty_styles_default", "__decorateClass", "n"]
+}

package/cdn/chunks/chunk.KMY75DR5.js

@@ -0,0 +1,12 @@
+import{a as i,b as l,c as p}from"./chunk.3JBHP47A.js";import{f as s,g as o,h as a}from"./chunk.TO7F5R6A.js";var{I:_}=a;var A=e=>e.strings===void 0;var m={},$=(e,t=m)=>e._$AH=t;var v=l(class extends p{constructor(e){if(super(e),e.type!==i.PROPERTY&&e.type!==i.ATTRIBUTE&&e.type!==i.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!A(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===s||t===o)return t;let r=e.element,n=e.name;if(e.type===i.PROPERTY){if(t===r[n])return s}else if(e.type===i.BOOLEAN_ATTRIBUTE){if(!!t===r.hasAttribute(n))return s}else if(e.type===i.ATTRIBUTE&&r.getAttribute(n)===t+"")return s;return $(e),t}});export{v as a};
+/*! Bundled license information:
+
+lit-html/directive-helpers.js:
+lit-html/directives/live.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+//# sourceMappingURL=chunk.KMY75DR5.js.map

package/cdn/chunks/chunk.KPKMZJCN.js

@@ -0,0 +1,57 @@
+import{a as y}from"./chunk.MZXPAXYI.js";import{a as g}from"./chunk.ZR6KIOME.js";import{a as b}from"./chunk.X6MSTFXZ.js";import{a as h,b as d,c as m,d as f}from"./chunk.K3BKUERM.js";import{d as r,e as c,g as u}from"./chunk.TO7F5R6A.js";import{a as o}from"./chunk.MGICPQBB.js";var C=c`<polyline points="15 18 9 12 15 6"></polyline>`,w=c`<polyline points="9 18 15 12 9 6"></polyline>`,_=c`<polyline points="18 15 12 9 6 15"></polyline>`,$=c`<polyline points="6 9 12 15 18 9"></polyline>`,n=class extends f{constructor(){super(...arguments);this.placement="top";this.activation="auto";this.noScrollControls=!1;this.panels=[];this.activeTab="";this.canScrollStart=!1;this.canScrollEnd=!1;this.resizeObserver=null}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.updateScrollButtons(),this.updateIndicator()})}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect(),this.resizeObserver=null}firstUpdated(){this.tabContainer&&(this.resizeObserver?.observe(this.tabContainer),this.tabContainer.addEventListener("scroll",()=>this.updateScrollButtons(),{passive:!0}))}updated(){this.updateIndicator()}handleSlotChange(){let t=this.shadowRoot?.querySelector("slot:not([name])");if(!t)return;let e=t.assignedElements({flatten:!0}).filter(i=>i.tagName==="MZ-TAB-PANEL");if(this.panels=e,e.find(i=>i.name===this.activeTab&&!i.disabled))this.syncPanelStates();else{let i=e.find(s=>!s.disabled);i&&this.setActiveTab(i.name,!1)}this.requestUpdate(),requestAnimationFrame(()=>{this.updateScrollButtons(),this.updateIndicator()})}setActiveTab(t,e=!0){if(t===this.activeTab)return;let a=this.activeTab;this.activeTab=t,this.syncPanelStates(),e&&(a&&this.emit("mz-tab-hide",{detail:{name:a}}),this.emit("mz-tab-show",{detail:{name:t}}))}syncPanelStates(){for(let t of this.panels)t.active=t.name===this.activeTab}show(t){let e=this.panels.find(a=>a.name===t);e&&!e.disabled&&this.setActiveTab(t)}handleTabClick(t){this.panels.find(a=>a.name===t)?.disabled||this.setActiveTab(t)}handleKeyDown(t){let e=this.placement==="start"||this.placement==="end",a=this.panels.filter(l=>!l.disabled),i=a.findIndex(l=>l.name===this.activeTab),s=i,p=e?"ArrowUp":"ArrowLeft",S=e?"ArrowDown":"ArrowRight";switch(t.key){case p:t.preventDefault(),s=i<=0?a.length-1:i-1;break;case S:t.preventDefault(),s=i>=a.length-1?0:i+1;break;case"Home":t.preventDefault(),s=0;break;case"End":t.preventDefault(),s=a.length-1;break;case"Enter":case" ":if(this.activation==="manual"){t.preventDefault();let v=this.shadowRoot?.activeElement?.dataset?.tabName;v&&this.setActiveTab(v)}return;default:return}if(s!==i&&a[s]){let l=a[s];this.activation==="auto"&&this.setActiveTab(l.name),requestAnimationFrame(()=>{this.shadowRoot?.querySelector(`[data-tab-name="${l.name}"]`)?.focus()}),this.scrollTabIntoView(l.name)}}scrollTabIntoView(t){requestAnimationFrame(()=>{this.shadowRoot?.querySelector(`[data-tab-name="${t}"]`)?.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})})}updateScrollButtons(){if(!this.tabContainer||this.noScrollControls)return;this.placement==="start"||this.placement==="end"?(this.canScrollStart=this.tabContainer.scrollTop>0,this.canScrollEnd=this.tabContainer.scrollTop+this.tabContainer.clientHeight<this.tabContainer.scrollHeight-1):(this.canScrollStart=this.tabContainer.scrollLeft>0,this.canScrollEnd=this.tabContainer.scrollLeft+this.tabContainer.clientWidth<this.tabContainer.scrollWidth-1)}handleScrollStart(){let t=this.placement==="start"||this.placement==="end",e=200;t?this.tabContainer.scrollBy({top:-e,behavior:"smooth"}):this.tabContainer.scrollBy({left:-e,behavior:"smooth"})}handleScrollEnd(){let t=this.placement==="start"||this.placement==="end",e=200;t?this.tabContainer.scrollBy({top:e,behavior:"smooth"}):this.tabContainer.scrollBy({left:e,behavior:"smooth"})}updateIndicator(){if(!this.tabContainer||!this.indicator)return;let t=this.shadowRoot?.querySelector(".tab-group__tab--active");if(!t){this.indicator.style.width="0",this.indicator.style.height="0";return}let e=this.placement==="start"||this.placement==="end",a=this.tabContainer.getBoundingClientRect(),i=t.getBoundingClientRect();if(e){let s=i.top-a.top+this.tabContainer.scrollTop;this.indicator.style.top=`${s}px`,this.indicator.style.height=`${i.height}px`,this.indicator.style.width="",this.indicator.style.left=""}else{let s=i.left-a.left+this.tabContainer.scrollLeft;this.indicator.style.left=`${s}px`,this.indicator.style.width=`${i.width}px`,this.indicator.style.height="",this.indicator.style.top=""}}render(){let t=this.placement==="start"||this.placement==="end",e=t?"vertical":"horizontal",a=!this.noScrollControls&&(this.canScrollStart||this.canScrollEnd),i=t?_:C,s=t?$:w;return r`
+      <div part="base" class="tab-group">
+        <div part="nav" class="tab-group__nav-container">
+          ${a?r`
+                <button
+                  class=${b({"tab-group__scroll-button":!0,"tab-group__scroll-button--visible":this.canScrollStart})}
+                  aria-label="Scroll tabs backward"
+                  tabindex="-1"
+                  @click=${this.handleScrollStart}
+                >
+                  <svg viewBox="0 0 24 24">${i}</svg>
+                </button>
+              `:u}
+
+          <div
+            part="tabs"
+            class="tab-group__tabs"
+            role="tablist"
+            aria-orientation=${e}
+            @keydown=${this.handleKeyDown}
+          >
+            ${this.panels.map(p=>this.renderTab(p))}
+            <div part="active-tab-indicator" class="tab-group__indicator"></div>
+          </div>
+
+          ${a?r`
+                <button
+                  class=${b({"tab-group__scroll-button":!0,"tab-group__scroll-button--visible":this.canScrollEnd})}
+                  aria-label="Scroll tabs forward"
+                  tabindex="-1"
+                  @click=${this.handleScrollEnd}
+                >
+                  <svg viewBox="0 0 24 24">${s}</svg>
+                </button>
+              `:u}
+        </div>
+
+        <div part="body" class="tab-group__body">
+          <slot @slotchange=${this.handleSlotChange}></slot>
+        </div>
+      </div>
+    `}renderTab(t){let e=t.name===this.activeTab,a=t.disabled,i=e?"0":"-1";return r`
+      <button
+        id="tab-${t.name}"
+        class=${b({"tab-group__tab":!0,"tab-group__tab--active":e,"tab-group__tab--disabled":a})}
+        role="tab"
+        aria-selected=${e?"true":"false"}
+        aria-controls="panel-${t.name}"
+        aria-disabled=${a?"true":"false"}
+        tabindex=${a?"-1":i}
+        data-tab-name=${t.name}
+        @click=${()=>this.handleTabClick(t.name)}
+      >
+        ${t.label}
+      </button>
+    `}};n.styles=y,n.dependencies={"mz-tab-panel":g},o([h({reflect:!0})],n.prototype,"placement",2),o([h()],n.prototype,"activation",2),o([h({type:Boolean,attribute:"no-scroll-controls"})],n.prototype,"noScrollControls",2),o([d()],n.prototype,"panels",2),o([d()],n.prototype,"activeTab",2),o([d()],n.prototype,"canScrollStart",2),o([d()],n.prototype,"canScrollEnd",2),o([m(".tab-group__tabs")],n.prototype,"tabContainer",2),o([m(".tab-group__indicator")],n.prototype,"indicator",2);export{n as a};
+//# sourceMappingURL=chunk.KPKMZJCN.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tab-group/tab-group.component.ts"],
+  "sourcesContent": ["import { html, nothing, svg } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport { MzTabPanel } from '../tab-panel/tab-panel.component.js';\nimport styles from './tab-group.styles.js';\n\n// Scroll button chevron icons as SVG template results\nconst chevronLeft = svg`<polyline points=\"15 18 9 12 15 6\"></polyline>`;\nconst chevronRight = svg`<polyline points=\"9 18 15 12 9 6\"></polyline>`;\nconst chevronUp = svg`<polyline points=\"18 15 12 9 6 15\"></polyline>`;\nconst chevronDown = svg`<polyline points=\"6 9 12 15 18 9\"></polyline>`;\n\n/**\n * @summary A tabbed interface that displays one panel at a time.\n *\n * @tag mz-tab-group\n *\n * @dependency mz-tab-panel\n *\n * @slot - The `<mz-tab-panel>` elements.\n *\n * @event mz-tab-show - Emitted when a tab is shown. `event.detail.name` is the panel name.\n * @event mz-tab-hide - Emitted when a tab is hidden. `event.detail.name` is the panel name.\n *\n * @csspart base - The component's base wrapper.\n * @csspart nav - The tab navigation container.\n * @csspart tabs - The tab button strip (the `role=\"tablist\"` element).\n * @csspart active-tab-indicator - The active tab indicator bar.\n * @csspart body - The panel body area.\n *\n * @cssproperty --mz-tab-group-indicator-color - Color of the active tab indicator.\n * @cssproperty --mz-tab-group-border-color - Color of the tab strip border.\n * @cssproperty --mz-tab-group-tab-color - Color of inactive tab text.\n * @cssproperty --mz-tab-group-tab-color-hover - Color of tab text on hover.\n * @cssproperty --mz-tab-group-tab-color-active - Color of active tab text.\n * @cssproperty --mz-tab-group-tab-bg-hover - Background of tab on hover.\n */\nexport class MzTabGroup extends ManzanoElement {\n  static styles = styles;\n\n  static dependencies = {\n    'mz-tab-panel': MzTabPanel\n  };\n\n  /** Where the tabs are placed relative to the panels. */\n  @property({ reflect: true }) placement: 'top' | 'bottom' | 'start' | 'end' = 'top';\n\n  /** How tabs are activated: 'auto' activates on arrow focus, 'manual' requires Enter/Space. */\n  @property() activation: 'auto' | 'manual' = 'auto';\n\n  /** Disables the scroll buttons that appear when tabs overflow. */\n  @property({ type: Boolean, attribute: 'no-scroll-controls' }) noScrollControls = false;\n\n  @state() private panels: MzTabPanel[] = [];\n  @state() private activeTab = '';\n  @state() private canScrollStart = false;\n  @state() private canScrollEnd = false;\n\n  @query('.tab-group__tabs') private tabContainer!: HTMLElement;\n  @query('.tab-group__indicator') private indicator!: HTMLElement;\n\n  private resizeObserver: ResizeObserver | null = null;\n\n  // --- Lifecycle ---\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.resizeObserver = new ResizeObserver(() => {\n      this.updateScrollButtons();\n      this.updateIndicator();\n    });\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = null;\n  }\n\n  protected firstUpdated(): void {\n    if (this.tabContainer) {\n      this.resizeObserver?.observe(this.tabContainer);\n      this.tabContainer.addEventListener('scroll', () => this.updateScrollButtons(), { passive: true });\n    }\n  }\n\n  protected updated(): void {\n    this.updateIndicator();\n  }\n\n  // --- Panel discovery ---\n\n  private handleSlotChange(): void {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot:not([name])');\n    if (!slot) return;\n\n    const assignedPanels = slot\n      .assignedElements({ flatten: true })\n      .filter((el): el is MzTabPanel => el.tagName === 'MZ-TAB-PANEL');\n\n    this.panels = assignedPanels;\n\n    // If no active tab yet, or the active tab no longer exists, activate the first non-disabled panel\n    const activePanel = assignedPanels.find(p => p.name === this.activeTab && !p.disabled);\n    if (!activePanel) {\n      const firstEnabled = assignedPanels.find(p => !p.disabled);\n      if (firstEnabled) {\n        this.setActiveTab(firstEnabled.name, false);\n      }\n    } else {\n      // Re-sync panel active states\n      this.syncPanelStates();\n    }\n\n    this.requestUpdate();\n\n    // Update scroll buttons and indicator after DOM settles\n    requestAnimationFrame(() => {\n      this.updateScrollButtons();\n      this.updateIndicator();\n    });\n  }\n\n  // --- Tab activation ---\n\n  private setActiveTab(name: string, emitEvents = true): void {\n    if (name === this.activeTab) return;\n\n    const oldTab = this.activeTab;\n    this.activeTab = name;\n\n    this.syncPanelStates();\n\n    if (emitEvents) {\n      if (oldTab) {\n        this.emit('mz-tab-hide', { detail: { name: oldTab } });\n      }\n      this.emit('mz-tab-show', { detail: { name } });\n    }\n  }\n\n  private syncPanelStates(): void {\n    for (const panel of this.panels) {\n      panel.active = panel.name === this.activeTab;\n    }\n  }\n\n  /** Programmatically show a tab by name. */\n  show(name: string): void {\n    const panel = this.panels.find(p => p.name === name);\n    if (panel && !panel.disabled) {\n      this.setActiveTab(name);\n    }\n  }\n\n  // --- Event handlers ---\n\n  private handleTabClick(name: string): void {\n    const panel = this.panels.find(p => p.name === name);\n    if (panel?.disabled) return;\n    this.setActiveTab(name);\n  }\n\n  private handleKeyDown(event: KeyboardEvent): void {\n    const isVertical = this.placement === 'start' || this.placement === 'end';\n    const enabledPanels = this.panels.filter(p => !p.disabled);\n    const currentIndex = enabledPanels.findIndex(p => p.name === this.activeTab);\n\n    let newIndex = currentIndex;\n\n    // Determine which arrow keys map to prev/next\n    const prevKey = isVertical ? 'ArrowUp' : 'ArrowLeft';\n    const nextKey = isVertical ? 'ArrowDown' : 'ArrowRight';\n\n    switch (event.key) {\n      case prevKey:\n        event.preventDefault();\n        newIndex = currentIndex <= 0 ? enabledPanels.length - 1 : currentIndex - 1;\n        break;\n      case nextKey:\n        event.preventDefault();\n        newIndex = currentIndex >= enabledPanels.length - 1 ? 0 : currentIndex + 1;\n        break;\n      case 'Home':\n        event.preventDefault();\n        newIndex = 0;\n        break;\n      case 'End':\n        event.preventDefault();\n        newIndex = enabledPanels.length - 1;\n        break;\n      case 'Enter':\n      case ' ':\n        // In manual mode, Enter/Space activates the focused tab\n        if (this.activation === 'manual') {\n          event.preventDefault();\n          const focused = this.shadowRoot?.activeElement as HTMLElement;\n          const name = focused?.dataset?.tabName;\n          if (name) {\n            this.setActiveTab(name);\n          }\n        }\n        return;\n      default:\n        return;\n    }\n\n    if (newIndex !== currentIndex && enabledPanels[newIndex]) {\n      const targetPanel = enabledPanels[newIndex];\n\n      if (this.activation === 'auto') {\n        // Auto mode: activate on focus\n        this.setActiveTab(targetPanel.name);\n      }\n\n      // Focus the new tab button\n      requestAnimationFrame(() => {\n        const tabBtn = this.shadowRoot?.querySelector(\n          `[data-tab-name=\"${targetPanel.name}\"]`\n        ) as HTMLElement;\n        tabBtn?.focus();\n      });\n\n      // Scroll tab into view\n      this.scrollTabIntoView(targetPanel.name);\n    }\n  }\n\n  // --- Scroll controls ---\n\n  private scrollTabIntoView(name: string): void {\n    requestAnimationFrame(() => {\n      const tabBtn = this.shadowRoot?.querySelector(\n        `[data-tab-name=\"${name}\"]`\n      ) as HTMLElement;\n      tabBtn?.scrollIntoView({ block: 'nearest', inline: 'nearest', behavior: 'smooth' });\n    });\n  }\n\n  private updateScrollButtons(): void {\n    if (!this.tabContainer || this.noScrollControls) return;\n\n    const isVertical = this.placement === 'start' || this.placement === 'end';\n\n    if (isVertical) {\n      this.canScrollStart = this.tabContainer.scrollTop > 0;\n      this.canScrollEnd =\n        this.tabContainer.scrollTop + this.tabContainer.clientHeight <\n        this.tabContainer.scrollHeight - 1;\n    } else {\n      this.canScrollStart = this.tabContainer.scrollLeft > 0;\n      this.canScrollEnd =\n        this.tabContainer.scrollLeft + this.tabContainer.clientWidth <\n        this.tabContainer.scrollWidth - 1;\n    }\n  }\n\n  private handleScrollStart(): void {\n    const isVertical = this.placement === 'start' || this.placement === 'end';\n    const distance = 200;\n\n    if (isVertical) {\n      this.tabContainer.scrollBy({ top: -distance, behavior: 'smooth' });\n    } else {\n      this.tabContainer.scrollBy({ left: -distance, behavior: 'smooth' });\n    }\n  }\n\n  private handleScrollEnd(): void {\n    const isVertical = this.placement === 'start' || this.placement === 'end';\n    const distance = 200;\n\n    if (isVertical) {\n      this.tabContainer.scrollBy({ top: distance, behavior: 'smooth' });\n    } else {\n      this.tabContainer.scrollBy({ left: distance, behavior: 'smooth' });\n    }\n  }\n\n  // --- Indicator positioning ---\n\n  private updateIndicator(): void {\n    if (!this.tabContainer || !this.indicator) return;\n\n    const activeBtn = this.shadowRoot?.querySelector(\n      `.tab-group__tab--active`\n    ) as HTMLElement;\n\n    if (!activeBtn) {\n      this.indicator.style.width = '0';\n      this.indicator.style.height = '0';\n      return;\n    }\n\n    const isVertical = this.placement === 'start' || this.placement === 'end';\n    const containerRect = this.tabContainer.getBoundingClientRect();\n    const btnRect = activeBtn.getBoundingClientRect();\n\n    if (isVertical) {\n      const top = btnRect.top - containerRect.top + this.tabContainer.scrollTop;\n      this.indicator.style.top = `${top}px`;\n      this.indicator.style.height = `${btnRect.height}px`;\n      this.indicator.style.width = '';\n      this.indicator.style.left = '';\n    } else {\n      const left = btnRect.left - containerRect.left + this.tabContainer.scrollLeft;\n      this.indicator.style.left = `${left}px`;\n      this.indicator.style.width = `${btnRect.width}px`;\n      this.indicator.style.height = '';\n      this.indicator.style.top = '';\n    }\n  }\n\n  // --- Render ---\n\n  render() {\n    const isVertical = this.placement === 'start' || this.placement === 'end';\n    const orientation = isVertical ? 'vertical' : 'horizontal';\n\n    const showScrollButtons = !this.noScrollControls && (this.canScrollStart || this.canScrollEnd);\n    const startIcon = isVertical ? chevronUp : chevronLeft;\n    const endIcon = isVertical ? chevronDown : chevronRight;\n\n    return html`\n      <div part=\"base\" class=\"tab-group\">\n        <div part=\"nav\" class=\"tab-group__nav-container\">\n          ${showScrollButtons\n            ? html`\n                <button\n                  class=${classMap({\n                    'tab-group__scroll-button': true,\n                    'tab-group__scroll-button--visible': this.canScrollStart\n                  })}\n                  aria-label=\"Scroll tabs backward\"\n                  tabindex=\"-1\"\n                  @click=${this.handleScrollStart}\n                >\n                  <svg viewBox=\"0 0 24 24\">${startIcon}</svg>\n                </button>\n              `\n            : nothing}\n\n          <div\n            part=\"tabs\"\n            class=\"tab-group__tabs\"\n            role=\"tablist\"\n            aria-orientation=${orientation}\n            @keydown=${this.handleKeyDown}\n          >\n            ${this.panels.map(panel => this.renderTab(panel))}\n            <div part=\"active-tab-indicator\" class=\"tab-group__indicator\"></div>\n          </div>\n\n          ${showScrollButtons\n            ? html`\n                <button\n                  class=${classMap({\n                    'tab-group__scroll-button': true,\n                    'tab-group__scroll-button--visible': this.canScrollEnd\n                  })}\n                  aria-label=\"Scroll tabs forward\"\n                  tabindex=\"-1\"\n                  @click=${this.handleScrollEnd}\n                >\n                  <svg viewBox=\"0 0 24 24\">${endIcon}</svg>\n                </button>\n              `\n            : nothing}\n        </div>\n\n        <div part=\"body\" class=\"tab-group__body\">\n          <slot @slotchange=${this.handleSlotChange}></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private renderTab(panel: MzTabPanel) {\n    const isActive = panel.name === this.activeTab;\n    const isDisabled = panel.disabled;\n\n    // Active tab gets tabindex=\"0\", others get \"-1\"\n    const tabIndex = isActive ? '0' : '-1';\n\n    return html`\n      <button\n        id=\"tab-${panel.name}\"\n        class=${classMap({\n          'tab-group__tab': true,\n          'tab-group__tab--active': isActive,\n          'tab-group__tab--disabled': isDisabled\n        })}\n        role=\"tab\"\n        aria-selected=${isActive ? 'true' : 'false'}\n        aria-controls=\"panel-${panel.name}\"\n        aria-disabled=${isDisabled ? 'true' : 'false'}\n        tabindex=${isDisabled ? '-1' : tabIndex}\n        data-tab-name=${panel.name}\n        @click=${() => this.handleTabClick(panel.name)}\n      >\n        ${panel.label}\n      </button>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["chevronLeft", "w", "chevronRight", "chevronUp", "chevronDown", "MzTabGroup", "ManzanoElement", "slot", "assignedPanels", "el", "p", "firstEnabled", "name", "emitEvents", "oldTab", "panel", "event", "isVertical", "enabledPanels", "currentIndex", "newIndex", "prevKey", "nextKey", "targetPanel", "distance", "activeBtn", "containerRect", "btnRect", "top", "left", "orientation", "showScrollButtons", "startIcon", "endIcon", "b", "e", "A", "isActive", "isDisabled", "tabIndex", "tab_group_styles_default", "MzTabPanel", "__decorateClass", "n", "r"]
+}