@logosphere-ui/core 0.0.0-alpha.33 → 0.0.0-alpha.38

package/dist/index.js

@@ -1,51 +1,908 @@
-import { B as e } from "./button-Uu9oaieg.js";
-import { L as t } from "./badge-BJqUgXZD.js";
-import { C as p } from "./checkbox-g6kl2jGR.js";
-import { F as x } from "./formfield-O327HYt0.js";
-import { S as L } from "./switch-DNqPqH-R.js";
-import { B as g } from "./breadcrumb-BB61Xt0s.js";
-import { C as T } from "./card-CAAhjIjf.js";
-import { L as C } from "./input-BUX_2G5m.js";
-import { P as c } from "./pagination-BLNrwUSO.js";
-import { P as B } from "./popover-BSfKsQni.js";
-import { T as P } from "./text-area-coWx4Xn-.js";
-import { T as l } from "./timepicker-rNyKCfN3.js";
-import { L as k } from "./chatbot-p4CmxSdZ.js";
-import { L as F } from "./calendar-B7bSuIt4.js";
-import { C as v } from "./combobox-CTqEZUg6.js";
-import { L as A } from "./datepicker-tJbIvNpy.js";
-import { D as j } from "./drawer-CRB8UUAo.js";
-import { D as y } from "./download-manager-BPg-6Qfg.js";
-import { L as G, a as H } from "./leftmenu-Cf2gC2J0.js";
-import { M as K } from "./modal-Cfa0imdF.js";
-import { L as O, a as Q, T as R } from "./toast-container-Cb0MduXt.js";
-import { L as V } from "./tab-Ca_OyNqQ.js";
-import { T as X } from "./tree-menu-CufITiv_.js";
+import { B as et } from "./button-Uu9oaieg.js";
+import { L as it } from "./badge-BJqUgXZD.js";
+import { C as st } from "./checkbox-CX0LgsWP.js";
+import { F as at } from "./formfield-O327HYt0.js";
+import { unsafeCSS as m, css as y, LitElement as w, html as n, nothing as d } from "lit";
+import { property as s, state as C, customElement as x, query as E } from "lit/decorators.js";
+import { S as pt } from "./switch-DNqPqH-R.js";
+import { B as ct } from "./breadcrumb-BB61Xt0s.js";
+import { C as bt } from "./card-CAAhjIjf.js";
+import { L as _t } from "./input-BUX_2G5m.js";
+import { P as gt } from "./pagination-DG56TV5n.js";
+import { P as mt } from "./popover-BSfKsQni.js";
+import "./ui-icon-Ctn4nGFa.js";
+import { createPopper as L } from "@popperjs/core";
+import { T as wt } from "./text-area-coWx4Xn-.js";
+import { T as $t } from "./timepicker-rNyKCfN3.js";
+import { L as St } from "./chatbot-Cr6iOO7s.js";
+import { L as Et } from "./calendar-B7bSuIt4.js";
+import { C as zt } from "./combobox-CFF30L-n.js";
+import { L as Dt } from "./datepicker-tJbIvNpy.js";
+import { D as Bt } from "./drawer-CRB8UUAo.js";
+import { D as It } from "./download-manager-BPg-6Qfg.js";
+import { L as Ft, a as At } from "./leftmenu-Cf2gC2J0.js";
+import { M as Nt } from "./modal-Cfa0imdF.js";
+import { L as Rt, a as qt, T as Gt } from "./toast-container-Cb0MduXt.js";
+import { L as Ut } from "./tab-CuBCFGoO.js";
+import { T as Yt } from "./tree-menu-CufITiv_.js";
+const D = ':host{display:block}.slider{position:relative;width:100%;font-family:var(--font-family-base)}.slider--has-tooltip .slider__track-area{margin-top:var(--spacing-8)}.slider__track-area{position:relative;height:20px;display:flex;align-items:center}.slider__track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;border-radius:var(--radius-full);background:var(--color-border);pointer-events:none}.slider__fill{position:absolute;top:50%;transform:translateY(-50%);height:6px;border-radius:var(--radius-full);background:var(--color-primary);pointer-events:none}.slider__input{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:6px;margin:0;padding:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;pointer-events:none;outline:none}.slider__input::-webkit-slider-runnable-track{background:transparent;height:6px}.slider__input::-moz-range-track{background:transparent;height:6px}.slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:var(--color-body-bg);border:2px solid var(--color-border);pointer-events:all;cursor:pointer;box-shadow:var(--shadow-sm)}.slider__input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-body-bg);border:2px solid var(--color-border);pointer-events:all;cursor:pointer;box-shadow:var(--shadow-sm)}.slider__input:not(:disabled):focus-visible::-webkit-slider-thumb{outline:none;box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.slider__input:not(:disabled):focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.slider--disabled .slider__track{background:var(--color-border)}.slider--disabled .slider__fill{background:var(--color-primary-disabled)}.slider--disabled .slider__input{cursor:not-allowed}.slider--disabled .slider__input::-webkit-slider-thumb{background:var(--color-body-bg);border-color:var(--color-border);pointer-events:all;cursor:not-allowed;box-shadow:none}.slider--disabled .slider__input::-moz-range-thumb{background:var(--color-body-bg);border-color:var(--color-secondary-disabled);cursor:not-allowed;box-shadow:none}.slider--disabled .slider__scale-item{color:var(--color-secondary-disabled)}.slider--disabled .slider__scale-item:before{background:var(--color-secondary-disabled)}.slider--disabled .slider__tooltip{color:var(--color-secondary-disabled);border-color:var(--color-secondary-disabled)}.slider__tooltip{position:absolute;top:-34px;transform:translate(-50%);background:var(--color-body-bg);border:1px solid var(--color-border);color:var(--color-body-color);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);white-space:nowrap;pointer-events:none;z-index:var(--z-index-tooltip);line-height:var(--line-height-normal)}.slider__scale{position:relative;height:26px;margin-top:var(--spacing-1)}.slider__scale-item{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-tertiary);font-family:var(--font-family-base);font-weight:var(--font-weight-regular);white-space:nowrap;line-height:1;-webkit-user-select:none;user-select:none}.slider__scale-item:before{content:"";display:block;width:1px;height:6px;background:var(--color-border);flex-shrink:0}.slider__input--start,.slider__input--end{position:absolute;pointer-events:none}.slider__input--start::-webkit-slider-thumb,.slider__input--end::-webkit-slider-thumb{pointer-events:all}.slider__input--start::-moz-range-thumb,.slider__input--end::-moz-range-thumb{pointer-events:all}';
+var O = Object.defineProperty, B = Object.getOwnPropertyDescriptor, c = (t, e, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? B(e, o) : e, l = t.length - 1, a; l >= 0; l--)
+    (a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
+  return r && i && O(e, o, i), i;
+};
+let p = class extends w {
+  constructor() {
+    super(...arguments), this.value = 50, this.min = 0, this.max = 100, this.step = 1, this.disabled = !1, this.range = !1, this.rangeStart = 25, this.rangeEnd = 75, this.minDistance = 0, this.tooltip = "never", this.showScale = !1, this.percentage = !1, this.labels = [], this._hoverStart = !1, this._hoverEnd = !1;
+  }
+  // ── Computed helpers ─────────────────────────────────────────────────────────
+  get _isLabeled() {
+    return this.labels.length > 0;
+  }
+  get _effectiveStep() {
+    return this._isLabeled && this.labels.length > 1 ? (this.max - this.min) / (this.labels.length - 1) : this.step;
+  }
+  get _valuePct() {
+    return (this.value - this.min) / (this.max - this.min) * 100;
+  }
+  get _startPct() {
+    return (this.rangeStart - this.min) / (this.max - this.min) * 100;
+  }
+  get _endPct() {
+    return (this.rangeEnd - this.min) / (this.max - this.min) * 100;
+  }
+  get _displayValue() {
+    if (this._isLabeled) {
+      const t = Math.round((this.value - this.min) / this._effectiveStep);
+      return this.labels[Math.min(t, this.labels.length - 1)] ?? String(this.value);
+    }
+    return this.percentage ? `${Math.round(this.value)}%` : String(this.value);
+  }
+  get _displayStart() {
+    return this.percentage ? `${Math.round(this.rangeStart)}%` : String(this.rangeStart);
+  }
+  get _displayEnd() {
+    return this.percentage ? `${Math.round(this.rangeEnd)}%` : String(this.rangeEnd);
+  }
+  /** CSS left value that correctly follows the native thumb position (accounts for thumb radius offset). */
+  _thumbLeft(t) {
+    return `calc(${t}% + ${(0.5 - t / 100) * 16}px)`;
+  }
+  // ── Event handlers ───────────────────────────────────────────────────────────
+  _onSingleChange(t) {
+    const e = t.target;
+    this.value = Number(e.value), this._emit("change", { value: this.value });
+  }
+  _onStartChange(t) {
+    const e = t.target, o = Math.min(Number(e.value), this.rangeEnd - this.minDistance);
+    this.rangeStart = o, this._emit("change", { rangeStart: this.rangeStart, rangeEnd: this.rangeEnd });
+  }
+  _onEndChange(t) {
+    const e = t.target, o = Math.max(Number(e.value), this.rangeStart + this.minDistance);
+    this.rangeEnd = o, this._emit("change", { rangeStart: this.rangeStart, rangeEnd: this.rangeEnd });
+  }
+  _emit(t, e) {
+    this.dispatchEvent(new CustomEvent(t, { detail: e, bubbles: !0, composed: !0 }));
+  }
+  // ── Render parts ─────────────────────────────────────────────────────────────
+  _renderFill() {
+    return this.range ? n`
+        <div
+          class="slider__fill"
+          style="left: ${this._startPct}%; width: ${this._endPct - this._startPct}%"
+        ></div>
+      ` : n`<div class="slider__fill" style="width: ${this._valuePct}%"></div>`;
+  }
+  _renderTooltip(t, e, o) {
+    return this.tooltip === "never" ? d : this.tooltip === "hover" && !o ? d : n`
+      <div class="slider__tooltip" style="left: ${this._thumbLeft(e)}">${t}</div>
+    `;
+  }
+  _renderScale() {
+    if (!this.showScale) return d;
+    const t = this.max - this.min, e = Math.min(Math.round(t / this.step) + 1, 11), o = Array.from({ length: e }, (r, i) => {
+      const l = e > 1 ? i / (e - 1) * 100 : 0, a = this.min + l / 100 * t, z = this.percentage ? `${Math.round(a)}%` : String(Math.round(a));
+      return { pct: l, display: z };
+    });
+    return n`
+      <div class="slider__scale">
+        ${o.map(({ pct: r, display: i }) => n`
+          <span class="slider__scale-item" style="left: ${this._thumbLeft(r)}">${i}</span>
+        `)}
+      </div>
+    `;
+  }
+  _renderLabels() {
+    if (!this._isLabeled) return d;
+    const t = this.labels.length;
+    return n`
+      <div class="slider__scale">
+        ${this.labels.map((e, o) => {
+      const r = t > 1 ? o / (t - 1) * 100 : 0;
+      return n`
+            <span class="slider__scale-item" style="left: ${this._thumbLeft(r)}">${e}</span>
+          `;
+    })}
+      </div>
+    `;
+  }
+  _renderSingleInput() {
+    const t = this.tooltip === "always" || this.tooltip === "hover" && this._hoverStart;
+    return n`
+      <div class="slider__track-area">
+        <div class="slider__track"></div>
+        ${this._renderFill()}
+        ${this._renderTooltip(this._displayValue, this._valuePct, t)}
+        <input
+          type="range"
+          class="slider__input"
+          .value=${String(this.value)}
+          min=${this.min}
+          max=${this.max}
+          step=${this._effectiveStep}
+          ?disabled=${this.disabled}
+          @input=${this._onSingleChange}
+          @mouseenter=${() => {
+      this._hoverStart = !0;
+    }}
+          @mouseleave=${() => {
+      this._hoverStart = !1;
+    }}
+          @focus=${() => {
+      this._hoverStart = !0;
+    }}
+          @blur=${() => {
+      this._hoverStart = !1;
+    }}
+          aria-label="Slider"
+          aria-valuemin=${this.min}
+          aria-valuemax=${this.max}
+          aria-valuenow=${this.value}
+          aria-valuetext=${this._displayValue}
+          aria-disabled=${this.disabled}
+        />
+      </div>
+    `;
+  }
+  _renderRangeInputs() {
+    const t = this.tooltip === "always" || this.tooltip === "hover" && this._hoverStart, e = this.tooltip === "always" || this.tooltip === "hover" && this._hoverEnd, o = this._startPct >= 100 ? 4 : 3, r = this._startPct >= 100 ? 3 : 4;
+    return n`
+      <div class="slider__track-area">
+        <div class="slider__track"></div>
+        ${this._renderFill()}
+        ${this._renderTooltip(this._displayStart, this._startPct, t)}
+        ${this._renderTooltip(this._displayEnd, this._endPct, e)}
+        <input
+          type="range"
+          class="slider__input slider__input--start"
+          style="z-index: ${o}"
+          .value=${String(this.rangeStart)}
+          min=${this.min}
+          max=${this.max}
+          step=${this._effectiveStep}
+          ?disabled=${this.disabled}
+          @input=${this._onStartChange}
+          @mouseenter=${() => {
+      this._hoverStart = !0;
+    }}
+          @mouseleave=${() => {
+      this._hoverStart = !1;
+    }}
+          @focus=${() => {
+      this._hoverStart = !0;
+    }}
+          @blur=${() => {
+      this._hoverStart = !1;
+    }}
+          aria-label="Range start"
+          aria-valuemin=${this.min}
+          aria-valuemax=${this.max}
+          aria-valuenow=${this.rangeStart}
+          aria-valuetext=${this._displayStart}
+          aria-disabled=${this.disabled}
+        />
+        <input
+          type="range"
+          class="slider__input slider__input--end"
+          style="z-index: ${r}"
+          .value=${String(this.rangeEnd)}
+          min=${this.min}
+          max=${this.max}
+          step=${this._effectiveStep}
+          ?disabled=${this.disabled}
+          @input=${this._onEndChange}
+          @mouseenter=${() => {
+      this._hoverEnd = !0;
+    }}
+          @mouseleave=${() => {
+      this._hoverEnd = !1;
+    }}
+          @focus=${() => {
+      this._hoverEnd = !0;
+    }}
+          @blur=${() => {
+      this._hoverEnd = !1;
+    }}
+          aria-label="Range end"
+          aria-valuemin=${this.min}
+          aria-valuemax=${this.max}
+          aria-valuenow=${this.rangeEnd}
+          aria-valuetext=${this._displayEnd}
+          aria-disabled=${this.disabled}
+        />
+      </div>
+    `;
+  }
+  render() {
+    const t = this.tooltip !== "never", e = this.showScale || this._isLabeled;
+    return n`
+      <div
+        class="slider
+          ${this.disabled ? "slider--disabled" : ""}
+          ${t ? "slider--has-tooltip" : ""}
+          ${e ? "slider--has-below" : ""}
+        "
+        role="presentation"
+      >
+        ${this.range ? this._renderRangeInputs() : this._renderSingleInput()}
+        ${this._renderScale()}
+        ${this._renderLabels()}
+      </div>
+    `;
+  }
+};
+p.styles = [y`${m(D)}`];
+c([
+  s({ type: Number })
+], p.prototype, "value", 2);
+c([
+  s({ type: Number })
+], p.prototype, "min", 2);
+c([
+  s({ type: Number })
+], p.prototype, "max", 2);
+c([
+  s({ type: Number })
+], p.prototype, "step", 2);
+c([
+  s({ type: Boolean })
+], p.prototype, "disabled", 2);
+c([
+  s({ type: Boolean })
+], p.prototype, "range", 2);
+c([
+  s({ type: Number })
+], p.prototype, "rangeStart", 2);
+c([
+  s({ type: Number })
+], p.prototype, "rangeEnd", 2);
+c([
+  s({ type: Number })
+], p.prototype, "minDistance", 2);
+c([
+  s({ type: String })
+], p.prototype, "tooltip", 2);
+c([
+  s({ type: Boolean })
+], p.prototype, "showScale", 2);
+c([
+  s({ type: Boolean })
+], p.prototype, "percentage", 2);
+c([
+  s({ type: Array })
+], p.prototype, "labels", 2);
+c([
+  C()
+], p.prototype, "_hoverStart", 2);
+c([
+  C()
+], p.prototype, "_hoverEnd", 2);
+p = c([
+  x("logosphere-slider")
+], p);
+const T = ":host{display:block}.stepper{display:flex;font-family:var(--font-family-base)}.stepper--horizontal{flex-direction:row;align-items:flex-start}.stepper--horizontal .stepper__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;min-width:0}.stepper--horizontal .stepper__step-header{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.stepper--horizontal .stepper__connector{position:absolute;top:10px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;z-index:0}.stepper--horizontal .stepper__labels{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:var(--spacing-2);padding:0 var(--spacing-1)}.stepper--vertical{flex-direction:column;align-items:stretch}.stepper--vertical .stepper__step{display:flex;flex-direction:column;position:relative}.stepper--vertical .stepper__step-header{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-3)}.stepper--vertical .stepper__labels{display:flex;flex-direction:column;padding-top:var(--spacing-1);padding-bottom:var(--spacing-4)}.stepper--vertical .stepper__connector{position:absolute;top:28px;left:9px;width:2px;bottom:0}.stepper__indicator{width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;transition:background-color var(--transition-speed-base) var(--transition-timing),border-color var(--transition-speed-base) var(--transition-timing)}.stepper__indicator-number{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1}.stepper__indicator-dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-primary);flex-shrink:0}.stepper__indicator--completed{background-color:var(--color-primary);border:2px solid var(--color-primary);color:#fff}.stepper__indicator--current{background-color:var(--color-body-bg);border:2px solid var(--color-primary)}.stepper__indicator--upcoming{background-color:var(--color-body-bg);border:2px solid var(--color-border);color:var(--color-tertiary)}.stepper__indicator--disabled{background-color:var(--color-light-bg);border:2px solid var(--color-secondary-disabled);color:var(--color-secondary-disabled)}.stepper__connector--completed{background-color:var(--color-primary)}.stepper__connector--upcoming{background-color:var(--color-border)}.stepper__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-body-color);white-space:nowrap}.stepper__description{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-tertiary);margin-top:var(--spacing-0-5);white-space:normal}.stepper__step--current .stepper__title{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.stepper__step--upcoming .stepper__title{color:var(--color-tertiary)}.stepper__step--disabled .stepper__title,.stepper__step--disabled .stepper__description{color:var(--color-secondary-disabled)}.stepper__step--clickable{cursor:pointer}.stepper__step--clickable:hover .stepper__indicator--upcoming,.stepper__step--clickable:hover .stepper__indicator--completed{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.stepper__step--clickable:focus-visible{outline:none}.stepper__step--clickable:focus-visible .stepper__indicator{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}";
+var I = Object.defineProperty, M = Object.getOwnPropertyDescriptor, $ = (t, e, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? M(e, o) : e, l = t.length - 1, a; l >= 0; l--)
+    (a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
+  return r && i && I(e, o, i), i;
+};
+let f = class extends w {
+  constructor() {
+    super(...arguments), this.steps = [], this.activeStep = 0, this.orientation = "horizontal", this.clickable = !1;
+  }
+  // ── Computed state ──────────────────────────────────────────────────────────
+  _resolveState(t, e) {
+    return t.state ? t.state : t.disabled ? "disabled" : e < this.activeStep ? "completed" : e === this.activeStep ? "current" : "upcoming";
+  }
+  // ── Event handlers ──────────────────────────────────────────────────────────
+  _onStepClick(t, e) {
+    !this.clickable || e === "disabled" || e === "upcoming" || (this.activeStep = t, this.dispatchEvent(
+      new CustomEvent("step-change", {
+        detail: { index: t, step: this.steps[t] },
+        bubbles: !0,
+        composed: !0
+      })
+    ));
+  }
+  _onStepKeydown(t, e, o) {
+    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this._onStepClick(e, o)), (t.key === "ArrowRight" || t.key === "ArrowDown") && (t.preventDefault(), this._focusStep(e + 1)), (t.key === "ArrowLeft" || t.key === "ArrowUp") && (t.preventDefault(), this._focusStep(e - 1));
+  }
+  _focusStep(t) {
+    const e = Math.max(0, Math.min(this.steps.length - 1, t));
+    this.shadowRoot?.querySelector(
+      `[data-step-index="${e}"]`
+    )?.focus();
+  }
+  // ── Render helpers ──────────────────────────────────────────────────────────
+  _renderIndicator(t, e) {
+    let o;
+    return t === "completed" ? o = n`<ui-icon name="uil-check" size="12"></ui-icon>` : t === "current" ? o = n`<span class="stepper__indicator-dot"></span>` : o = n`<span class="stepper__indicator-number">${e + 1}</span>`, n`
+      <div
+        class="stepper__indicator stepper__indicator--${t}"
+        aria-hidden="true"
+      >
+        ${o}
+      </div>
+    `;
+  }
+  _renderConnector(t, e) {
+    return e ? d : n`
+      <div
+        class="stepper__connector stepper__connector--${t === "completed" ? "completed" : "upcoming"}"
+        aria-hidden="true"
+      ></div>
+    `;
+  }
+  _renderStep(t, e) {
+    const o = this._resolveState(t, e), r = e === this.steps.length - 1, i = this.clickable && (o === "completed" || o === "current");
+    return n`
+      <div
+        class="stepper__step stepper__step--${o} ${i ? "stepper__step--clickable" : ""}"
+        data-step-index=${e}
+        role=${this.clickable ? "button" : "listitem"}
+        tabindex=${i ? "0" : "-1"}
+        aria-current=${o === "current" ? "step" : d}
+        aria-disabled=${o === "disabled" ? "true" : d}
+        aria-label="${t.title}${t.description ? `, ${t.description}` : ""}, ${o}"
+        @click=${() => this._onStepClick(e, o)}
+        @keydown=${(l) => this._onStepKeydown(l, e, o)}
+      >
+        <div class="stepper__step-header">
+          ${this._renderIndicator(o, e)}
+          ${this.orientation === "vertical" ? n`
+                <div class="stepper__labels">
+                  <span class="stepper__title">${t.title}</span>
+                  ${t.description ? n`<span class="stepper__description">${t.description}</span>` : d}
+                </div>
+              ` : d}
+        </div>
+
+        ${this.orientation === "horizontal" ? n`
+              <div class="stepper__labels">
+                <span class="stepper__title">${t.title}</span>
+                ${t.description ? n`<span class="stepper__description">${t.description}</span>` : d}
+              </div>
+            ` : d}
+
+        ${this._renderConnector(o, r)}
+      </div>
+    `;
+  }
+  render() {
+    return n`
+      <div
+        class="stepper stepper--${this.orientation}"
+        role="list"
+        aria-label="Progress steps"
+      >
+        ${this.steps.map((t, e) => this._renderStep(t, e))}
+      </div>
+    `;
+  }
+};
+f.styles = [y`${m(T)}`];
+$([
+  s({ attribute: !1 })
+], f.prototype, "steps", 2);
+$([
+  s({ type: Number })
+], f.prototype, "activeStep", 2);
+$([
+  s({ type: String })
+], f.prototype, "orientation", 2);
+$([
+  s({ type: Boolean })
+], f.prototype, "clickable", 2);
+f = $([
+  x("logosphere-stepper")
+], f);
+const F = ":host{display:inline-block;position:relative}.split-button{display:inline-flex;align-items:stretch;gap:1px;font-family:var(--font-family-base);border-radius:var(--radius-base);overflow:hidden}.split-button__action,.split-button__dropdown{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:1.25rem;letter-spacing:-.14px;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-speed-base) var(--transition-timing);outline:none}.split-button__action:focus-visible,.split-button__dropdown:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;position:relative;z-index:1}.split-button__action:disabled,.split-button__dropdown:disabled{cursor:not-allowed;pointer-events:none}.split-button__action{gap:var(--spacing-1)}.split-button__chevron{transition:transform var(--transition-speed-base) var(--transition-timing);display:inline-flex}.split-button__chevron--open{transform:rotate(180deg)}.split-button--sm .split-button__action{padding:var(--spacing-0-5) var(--spacing-2)}.split-button--sm .split-button__dropdown{padding:var(--spacing-0-5) var(--spacing-1-5)}.split-button--md .split-button__action{padding:var(--spacing-1-5) var(--spacing-3)}.split-button--md .split-button__dropdown{padding:var(--spacing-1-5) var(--spacing-2)}.split-button--lg .split-button__action{padding:var(--spacing-2-5) var(--spacing-3)}.split-button--lg .split-button__dropdown{padding:var(--spacing-2-5) var(--spacing-2)}.split-button{background-color:#fff6}.split-button--primary .split-button__action,.split-button--primary .split-button__dropdown{background-color:var(--color-primary);color:#fff}.split-button--primary .split-button__action:hover:not(:disabled),.split-button--primary .split-button__dropdown:hover:not(:disabled){background-color:var(--color-primary-hover)}.split-button--primary .split-button__action:active:not(:disabled),.split-button--primary .split-button__dropdown:active:not(:disabled){background-color:var(--color-primary-active)}.split-button--primary.split-button--disabled,.split-button--primary .split-button__action:disabled,.split-button--primary .split-button__dropdown:disabled{background-color:var(--color-primary-disabled)}.split-button--primary.split-button--disabled .split-button__action,.split-button--primary.split-button--disabled .split-button__dropdown{background-color:var(--color-primary-disabled)}.split-button--secondary .split-button__action,.split-button--secondary .split-button__dropdown{background-color:var(--color-secondary);color:#fff}.split-button--secondary .split-button__action:hover:not(:disabled),.split-button--secondary .split-button__dropdown:hover:not(:disabled){background-color:var(--color-secondary-hover)}.split-button--secondary .split-button__action:active:not(:disabled),.split-button--secondary .split-button__dropdown:active:not(:disabled){background-color:var(--color-secondary-active)}.split-button--secondary.split-button--disabled .split-button__action,.split-button--secondary.split-button--disabled .split-button__dropdown,.split-button--secondary .split-button__action:disabled,.split-button--secondary .split-button__dropdown:disabled{background-color:var(--color-secondary-disabled)}.split-button--success .split-button__action,.split-button--success .split-button__dropdown{background-color:var(--color-success);color:#fff}.split-button--success .split-button__action:hover:not(:disabled),.split-button--success .split-button__dropdown:hover:not(:disabled){background-color:var(--color-success-hover)}.split-button--success .split-button__action:active:not(:disabled),.split-button--success .split-button__dropdown:active:not(:disabled){background-color:var(--color-success-active)}.split-button--success.split-button--disabled .split-button__action,.split-button--success.split-button--disabled .split-button__dropdown,.split-button--success .split-button__action:disabled,.split-button--success .split-button__dropdown:disabled{background-color:var(--color-success-disabled)}.split-button--danger .split-button__action,.split-button--danger .split-button__dropdown{background-color:var(--color-danger);color:#fff}.split-button--danger .split-button__action:hover:not(:disabled),.split-button--danger .split-button__dropdown:hover:not(:disabled){background-color:var(--color-danger-hover)}.split-button--danger .split-button__action:active:not(:disabled),.split-button--danger .split-button__dropdown:active:not(:disabled){background-color:var(--color-danger-active)}.split-button--danger.split-button--disabled .split-button__action,.split-button--danger.split-button--disabled .split-button__dropdown,.split-button--danger .split-button__action:disabled,.split-button--danger .split-button__dropdown:disabled{background-color:var(--color-danger-disabled)}.split-button--info .split-button__action,.split-button--info .split-button__dropdown{background-color:var(--color-info);color:#fff}.split-button--info .split-button__action:hover:not(:disabled),.split-button--info .split-button__dropdown:hover:not(:disabled){background-color:var(--color-info-hover)}.split-button--info .split-button__action:active:not(:disabled),.split-button--info .split-button__dropdown:active:not(:disabled){background-color:var(--color-info-active)}.split-button--info.split-button--disabled .split-button__action,.split-button--info.split-button--disabled .split-button__dropdown,.split-button--info .split-button__action:disabled,.split-button--info .split-button__dropdown:disabled{background-color:var(--color-info-disabled)}.split-button--warning .split-button__action,.split-button--warning .split-button__dropdown{background-color:var(--color-warning);color:var(--color-warning-emphasis)}.split-button--warning .split-button__action:hover:not(:disabled),.split-button--warning .split-button__dropdown:hover:not(:disabled){background-color:var(--color-warning-hover)}.split-button--warning .split-button__action:active:not(:disabled),.split-button--warning .split-button__dropdown:active:not(:disabled){background-color:var(--color-warning-active)}.split-button--warning.split-button--disabled .split-button__action,.split-button--warning.split-button--disabled .split-button__dropdown,.split-button--warning .split-button__action:disabled,.split-button--warning .split-button__dropdown:disabled{background-color:var(--color-warning-disabled)}.split-button__panel{position:fixed;z-index:var(--z-index-dropdown);min-width:160px;background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);padding:var(--spacing-1) 0;outline:none}.split-button__panel-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);background:none;border:none;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-body-color);text-align:left;white-space:nowrap;transition:background-color var(--transition-speed-fast) var(--transition-timing);box-sizing:border-box}.split-button__panel-item:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.split-button__panel-item:active:not(:disabled){background-color:var(--color-body-bg-active)}.split-button__panel-item--disabled,.split-button__panel-item:disabled{color:var(--color-secondary-disabled);cursor:not-allowed;pointer-events:none}.split-button__panel-divider{height:1px;background-color:var(--color-border);margin:var(--spacing-1) 0}";
+var A = Object.defineProperty, j = Object.getOwnPropertyDescriptor, _ = (t, e, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? j(e, o) : e, l = t.length - 1, a; l >= 0; l--)
+    (a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
+  return r && i && A(e, o, i), i;
+};
+let u = class extends w {
+  constructor() {
+    super(...arguments), this.label = "Button", this.size = "md", this.theme = "primary", this.disabled = !1, this.dropdownDisabled = !1, this.items = [], this._open = !1, this._onDocClick = (t) => {
+      this._open && (t.composedPath().includes(this) || this._setOpen(!1));
+    }, this._onDocKeydown = (t) => {
+      t.key === "Escape" && this._open && this._setOpen(!1);
+    };
+  }
+  // ── Lifecycle ────────────────────────────────────────────────────────────
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("click", this._onDocClick, { capture: !0 }), document.addEventListener("keydown", this._onDocKeydown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), document.removeEventListener("click", this._onDocClick, { capture: !0 }), document.removeEventListener("keydown", this._onDocKeydown), this._destroyPopper();
+  }
+  updated(t) {
+    super.updated(t), t.has("_open") && (this._open ? this._initPopper() : this._destroyPopper());
+  }
+  // ── Popper ───────────────────────────────────────────────────────────────
+  _initPopper() {
+    !this._dropdownBtn || !this._panel || (this._popper = L(this._dropdownBtn, this._panel, {
+      placement: "bottom-end",
+      strategy: "fixed",
+      modifiers: [
+        { name: "offset", options: { offset: [0, 4] } },
+        { name: "preventOverflow", options: { padding: 8 } },
+        { name: "flip", options: { padding: 8 } }
+      ]
+    }));
+  }
+  _destroyPopper() {
+    this._popper?.destroy(), this._popper = void 0;
+  }
+  _setOpen(t) {
+    this._open !== t && (this._open = t, this.dispatchEvent(
+      new CustomEvent(t ? "dropdown-open" : "dropdown-close", {
+        bubbles: !0,
+        composed: !0
+      })
+    ));
+  }
+  // ── Event handlers ────────────────────────────────────────────────────────
+  _onActionClick(t) {
+    t.stopPropagation(), !this.disabled && this.dispatchEvent(new CustomEvent("action", { bubbles: !0, composed: !0 }));
+  }
+  _onDropdownClick(t) {
+    t.stopPropagation(), !(this.disabled || this.dropdownDisabled) && this._setOpen(!this._open);
+  }
+  _onItemClick(t) {
+    t.disabled || (this.dispatchEvent(
+      new CustomEvent("item-select", {
+        detail: { value: t.value, item: t },
+        bubbles: !0,
+        composed: !0
+      })
+    ), this._setOpen(!1));
+  }
+  _onKeydown(t, e) {
+    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), e === "action" ? this._onActionClick(t) : this._onDropdownClick(t));
+  }
+  // ── Render ────────────────────────────────────────────────────────────────
+  _renderPanel() {
+    if (!this._open) return d;
+    const t = this.items.length > 0;
+    return n`
+      <div
+        class="split-button__panel"
+        role="menu"
+        aria-label="${this.label} options"
+      >
+        ${t ? this.items.map((e) => n`
+              ${e.divider ? n`<div class="split-button__panel-divider" role="separator"></div>` : d}
+              <button
+                class="split-button__panel-item ${e.disabled ? "split-button__panel-item--disabled" : ""}"
+                role="menuitem"
+                ?disabled=${e.disabled}
+                @click=${() => this._onItemClick(e)}
+              >
+                ${e.icon ? n`<ui-icon name=${e.icon} size="16"></ui-icon>` : d}
+                <span>${e.label}</span>
+              </button>
+            `) : n`<slot name="dropdown"></slot>`}
+      </div>
+    `;
+  }
+  render() {
+    const t = this.disabled, e = this.disabled || this.dropdownDisabled;
+    return n`
+      <div
+        class="split-button split-button--${this.size} split-button--${this.theme}
+               ${this.disabled ? "split-button--disabled" : ""}
+               ${this._open ? "split-button--open" : ""}"
+        role="group"
+      >
+        <!-- Main action -->
+        <button
+          class="split-button__action"
+          ?disabled=${t}
+          aria-label=${this.label}
+          @click=${this._onActionClick}
+          @keydown=${(o) => this._onKeydown(o, "action")}
+          type="button"
+        >
+          <slot name="prefix"></slot>
+          <span class="split-button__label">
+            <slot>${this.label}</slot>
+          </span>
+        </button>
+
+        <!-- Dropdown trigger -->
+        <button
+          class="split-button__dropdown"
+          ?disabled=${e}
+          aria-label="Open dropdown"
+          aria-haspopup="menu"
+          aria-expanded=${this._open ? "true" : "false"}
+          @click=${this._onDropdownClick}
+          @keydown=${(o) => this._onKeydown(o, "dropdown")}
+          type="button"
+        >
+          <ui-icon
+            name="uil-angle-down"
+            size="16"
+            class="split-button__chevron ${this._open ? "split-button__chevron--open" : ""}"
+          ></ui-icon>
+        </button>
+
+        <!-- Dropdown panel -->
+        ${this._renderPanel()}
+      </div>
+    `;
+  }
+};
+u.styles = [y`${m(F)}`];
+_([
+  s({ type: String })
+], u.prototype, "label", 2);
+_([
+  s({ type: String })
+], u.prototype, "size", 2);
+_([
+  s({ type: String })
+], u.prototype, "theme", 2);
+_([
+  s({ type: Boolean })
+], u.prototype, "disabled", 2);
+_([
+  s({ type: Boolean })
+], u.prototype, "dropdownDisabled", 2);
+_([
+  s({ attribute: !1 })
+], u.prototype, "items", 2);
+_([
+  C()
+], u.prototype, "_open", 2);
+_([
+  E(".split-button__dropdown")
+], u.prototype, "_dropdownBtn", 2);
+_([
+  E(".split-button__panel")
+], u.prototype, "_panel", 2);
+u = _([
+  x("logosphere-split-button")
+], u);
+const N = ":host{display:block}.collapse{font-family:var(--font-family-base);background-color:var(--color-body-bg);overflow:hidden}.collapse--full{border:1px solid var(--color-border);border-radius:var(--radius-base)}.collapse--bottom{border-bottom:1px solid var(--color-border);border-radius:0}.collapse__header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-4);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-speed-fast) var(--transition-timing);outline:none}.collapse--small .collapse__header{padding:var(--spacing-2) var(--spacing-4)}.collapse--full .collapse__header{border-radius:calc(var(--radius-base) - 1px)}.collapse--full.collapse--expanded .collapse__header{border-radius:calc(var(--radius-base) - 1px) calc(var(--radius-base) - 1px) 0 0}.collapse--full .collapse__header:hover:not(.collapse--disabled .collapse__header){background-color:var(--color-body-bg-hover)}.collapse--bottom .collapse__header:hover:not(.collapse--disabled .collapse__header){background-color:var(--color-body-bg-hover)}.collapse__header:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:calc(var(--radius-base) - 1px)}.collapse__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:-.16px;color:var(--color-body-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapse__header-extra:empty{display:none}.collapse__header-extra{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.collapse__header-spacer{flex:1}.collapse__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-secondary);transition:transform var(--transition-speed-base) var(--transition-timing)}.collapse__icon--expanded{transform:rotate(180deg)}.collapse__body{height:0;overflow:hidden;transition:height var(--transition-speed-slow) var(--transition-timing)}.collapse__body-inner{padding:0 var(--spacing-4) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-body-color)}.collapse--bottom .collapse__body-inner{padding-top:var(--spacing-2)}.collapse--disabled .collapse__header{cursor:not-allowed;pointer-events:none}.collapse--disabled .collapse__title,.collapse--disabled .collapse__icon{color:var(--color-secondary-disabled)}.collapse--disabled.collapse--full{border-color:var(--color-secondary-disabled);background-color:var(--color-light-bg)}.collapse--disabled.collapse--bottom{border-bottom-color:var(--color-secondary-disabled);background-color:transparent}";
+var K = Object.defineProperty, R = Object.getOwnPropertyDescriptor, v = (t, e, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? R(e, o) : e, l = t.length - 1, a; l >= 0; l--)
+    (a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
+  return r && i && K(e, o, i), i;
+};
+const k = typeof requestAnimationFrame < "u" ? requestAnimationFrame.bind(window) : (t) => setTimeout(() => t(Date.now()), 16);
+let b = class extends w {
+  constructor() {
+    super(...arguments), this.title = "", this.expanded = !1, this.disabled = !1, this.iconPosition = "right", this.border = "full", this.size = "default";
+  }
+  // ── Toggle ────────────────────────────────────────────────────────────────
+  _toggle() {
+    this.disabled || (this.expanded = !this.expanded, this.dispatchEvent(
+      new CustomEvent("toggle", {
+        detail: { expanded: this.expanded },
+        bubbles: !0,
+        composed: !0
+      })
+    ));
+  }
+  _onKeydown(t) {
+    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this._toggle());
+  }
+  // ── Animated height ───────────────────────────────────────────────────────
+  /**
+   * CLOSING: Called inside willUpdate — BEFORE Lit re-renders — so we can
+   * capture and lock the current height before the CSS class is removed.
+   */
+  _lockHeightForClose() {
+    const t = this._body;
+    if (!t) return;
+    const e = t.getBoundingClientRect().height;
+    t.style.height = `${e}px`, t.style.overflow = "hidden";
+  }
+  willUpdate(t) {
+    super.willUpdate(t), t.has("expanded") && !this.expanded && this._lockHeightForClose();
+  }
+  updated(t) {
+    if (super.updated(t), !t.has("expanded") || !this._body || !this._inner) return;
+    const e = this._body, o = this._inner;
+    this.expanded ? (e.style.height = "0px", e.style.overflow = "hidden", k(() => {
+      k(() => {
+        e.style.height = `${o.scrollHeight}px`, e.addEventListener("transitionend", function r() {
+          e.style.height = "auto", e.style.overflow = "", e.removeEventListener("transitionend", r);
+        }, { once: !0 });
+      });
+    })) : (e.getBoundingClientRect(), k(() => {
+      k(() => {
+        e.style.height = "0px";
+      });
+    }));
+  }
+  // ── Render ────────────────────────────────────────────────────────────────
+  _renderIcon() {
+    return n`
+      <span class="collapse__icon ${this.expanded ? "collapse__icon--expanded" : ""}">
+        <ui-icon name="uil-angle-down" size="22"></ui-icon>
+      </span>
+    `;
+  }
+  render() {
+    return n`
+      <div
+        class="collapse
+               collapse--${this.border}
+               collapse--${this.size}
+               ${this.expanded ? "collapse--expanded" : ""}
+               ${this.disabled ? "collapse--disabled" : ""}"
+      >
+        <!-- Header -->
+        <div
+          class="collapse__header"
+          role="button"
+          tabindex=${this.disabled ? "-1" : "0"}
+          aria-expanded=${this.expanded ? "true" : "false"}
+          aria-disabled=${this.disabled ? "true" : d}
+          @click=${this._toggle}
+          @keydown=${this._onKeydown}
+        >
+          ${this.iconPosition === "left" ? this._renderIcon() : d}
+
+          <div class="collapse__title">
+            <slot name="title">${this.title}</slot>
+          </div>
+
+          <div class="collapse__header-extra">
+            <slot name="extra"></slot>
+          </div>
+
+          <!-- pushes extra to title side, icon stays at far right -->
+          <span class="collapse__header-spacer"></span>
+
+          ${this.iconPosition === "right" ? this._renderIcon() : d}
+        </div>
+
+        <!-- Body (animated) -->
+        <div class="collapse__body ${this.expanded ? "collapse__body--visible" : ""}">
+          <div class="collapse__body-inner">
+            <!-- slot="body" for explicit usage; default slot as fallback -->
+            <slot name="body"><slot></slot></slot>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+};
+b.styles = [y`${m(N)}`];
+v([
+  s({ type: String })
+], b.prototype, "title", 2);
+v([
+  s({ type: Boolean, reflect: !0 })
+], b.prototype, "expanded", 2);
+v([
+  s({ type: Boolean, reflect: !0 })
+], b.prototype, "disabled", 2);
+v([
+  s({ type: String })
+], b.prototype, "iconPosition", 2);
+v([
+  s({ type: String })
+], b.prototype, "border", 2);
+v([
+  s({ type: String })
+], b.prototype, "size", 2);
+v([
+  E(".collapse__body-inner")
+], b.prototype, "_inner", 2);
+v([
+  E(".collapse__body")
+], b.prototype, "_body", 2);
+b = v([
+  x("logosphere-collapse")
+], b);
+const q = ":host{display:block}.input-group{display:inline-flex;align-items:center;font-family:var(--font-family-base)}.input-group--stretch>::slotted(*){align-self:stretch}.input-group>::slotted(*){flex-shrink:0}:host([block]){display:block}:host([block]) .input-group{display:flex;width:100%}:host([block]) .input-group>::slotted(*){flex:1;min-width:0}";
+var G = Object.defineProperty, H = Object.getOwnPropertyDescriptor, P = (t, e, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? H(e, o) : e, l = t.length - 1, a; l >= 0; l--)
+    (a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
+  return r && i && G(e, o, i), i;
+};
+let S = class extends w {
+  constructor() {
+    super(...arguments), this.stretch = !0, this._onFocusIn = (t) => {
+      const e = t.composedPath();
+      this._getChildren().forEach((r) => {
+        const i = e.includes(r);
+        r.style.zIndex = i ? "1" : "0", r.style.position = "relative";
+      });
+    }, this._onFocusOut = (t) => {
+      const e = t.relatedTarget;
+      e && this.contains(e) || this._getChildren().forEach((o) => {
+        o.style.zIndex = "", o.style.position = "";
+      });
+    };
+  }
+  // ── Lifecycle ─────────────────────────────────────────────────────────────
+  firstUpdated() {
+    this._applyGroupStyles(), this.addEventListener("focusin", this._onFocusIn), this.addEventListener("focusout", this._onFocusOut);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("focusin", this._onFocusIn), this.removeEventListener("focusout", this._onFocusOut);
+  }
+  // ── Slot change ───────────────────────────────────────────────────────────
+  _onSlotChange() {
+    this._applyGroupStyles();
+  }
+  // ── Focus handling — raise focused child above siblings ───────────────────
+  _getChildren() {
+    return this.shadowRoot?.querySelector("slot")?.assignedElements() ?? [];
+  }
+  // ── Style application ─────────────────────────────────────────────────────
+  _applyGroupStyles() {
+    const t = this._getChildren(), e = t.length;
+    e !== 0 && t.forEach((o, r) => {
+      const i = r === 0, l = r === e - 1;
+      let a;
+      e === 1 ? a = "var(--radius-base)" : i ? a = "var(--radius-base) 0 0 var(--radius-base)" : l ? a = "0 var(--radius-base) var(--radius-base) 0" : a = "0", o.style.setProperty("--formfield-border-radius", a), o.style.marginLeft = i ? "" : "-1px";
+    });
+  }
+  // ── Render ────────────────────────────────────────────────────────────────
+  render() {
+    return n`
+      <div class="input-group${this.stretch ? " input-group--stretch" : ""}">
+        <slot @slotchange=${this._onSlotChange}></slot>
+      </div>
+    `;
+  }
+};
+S.styles = [y`${m(q)}`];
+P([
+  s({ type: Boolean })
+], S.prototype, "stretch", 2);
+S = P([
+  x("logosphere-input-group")
+], S);
+const U = ":host{display:block}.accordion{display:flex;flex-direction:column}.accordion--full{gap:var(--spacing-2)}.accordion--bottom{gap:0}.accordion--full ::slotted(logosphere-collapse),.accordion--full logosphere-collapse{width:100%}";
+var V = Object.defineProperty, Y = Object.getOwnPropertyDescriptor, g = (t, e, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Y(e, o) : e, l = t.length - 1, a; l >= 0; l--)
+    (a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
+  return r && i && V(e, o, i), i;
+};
+let h = class extends w {
+  constructor() {
+    super(...arguments), this.items = [], this.multiple = !1, this.defaultOpen = [], this.border = "full", this.iconPosition = "right", this.size = "default", this._openSet = /* @__PURE__ */ new Set(), this._onSlottedToggle = (t) => {
+      if (this.items.length > 0 || this.multiple) return;
+      const e = t.target;
+      t.detail.expanded && this.querySelectorAll("logosphere-collapse").forEach((o) => {
+        o !== e && o.expanded && (o.expanded = !1);
+      });
+    };
+  }
+  // ── Lifecycle ────────────────────────────────────────────────────────────
+  connectedCallback() {
+    super.connectedCallback();
+    const t = Array.isArray(this.defaultOpen) ? this.defaultOpen : [this.defaultOpen];
+    this._openSet = new Set(t), this.addEventListener("toggle", this._onSlottedToggle);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("toggle", this._onSlottedToggle);
+  }
+  // ── Items-based mode ──────────────────────────────────────────────────────
+  _toggle(t) {
+    const e = new Set(this._openSet);
+    e.has(t) ? e.delete(t) : (this.multiple || e.clear(), e.add(t));
+    const o = this._openSet.has(t);
+    this._openSet = e, this.dispatchEvent(
+      new CustomEvent("accordion-change", {
+        detail: { index: t, expanded: !o, openIndices: [...this._openSet] },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  // ── Render ────────────────────────────────────────────────────────────────
+  render() {
+    return this.items.length === 0 ? n`
+        <div class="accordion accordion--${this.border}">
+          <slot></slot>
+        </div>
+      ` : n`
+      <div class="accordion accordion--${this.border}">
+        ${this.items.map((t, e) => n`
+          <logosphere-collapse
+            title=${t.title}
+            .expanded=${this._openSet.has(e)}
+            .disabled=${t.disabled ?? !1}
+            border=${this.border}
+            iconPosition=${this.iconPosition}
+            size=${this.size}
+            @toggle=${(o) => {
+      o.stopPropagation(), this._toggle(e);
+    }}
+          >
+            <span slot="body">${t.content}</span>
+          </logosphere-collapse>
+        `)}
+      </div>
+    `;
+  }
+};
+h.styles = [y`${m(U)}`];
+g([
+  s({ attribute: !1 })
+], h.prototype, "items", 2);
+g([
+  s({ type: Boolean })
+], h.prototype, "multiple", 2);
+g([
+  s({ attribute: !1 })
+], h.prototype, "defaultOpen", 2);
+g([
+  s({ type: String })
+], h.prototype, "border", 2);
+g([
+  s({ type: String })
+], h.prototype, "iconPosition", 2);
+g([
+  s({ type: String })
+], h.prototype, "size", 2);
+g([
+  C()
+], h.prototype, "_openSet", 2);
+h = g([
+  x("logosphere-accordion")
+], h);
 export {
-  g as Breadcrumb,
-  e as Button,
-  T as Card,
-  p as Checkbox,
-  v as Combobox,
-  y as DownloadManager,
-  j as Drawer,
-  x as FormField,
-  G as LeftMenu,
-  H as LeftMenuItemElement,
-  t as LogosphereBadge,
-  F as LogosphereCalendar,
-  k as LogosphereChatBot,
-  A as LogosphereDatePicker,
-  C as LogosphereInput,
-  V as LogosphereTab,
-  O as LogosphereToast,
-  Q as LogosphereToastContainer,
-  K as Modal,
-  c as Pagination,
-  B as Popover,
-  L as Switch,
-  P as TextArea,
-  l as TimePicker,
-  R as ToastService,
-  X as TreeMenu
+  h as Accordion,
+  ct as Breadcrumb,
+  et as Button,
+  bt as Card,
+  st as Checkbox,
+  b as Collapse,
+  zt as Combobox,
+  It as DownloadManager,
+  Bt as Drawer,
+  at as FormField,
+  S as InputGroup,
+  Ft as LeftMenu,
+  At as LeftMenuItemElement,
+  it as LogosphereBadge,
+  Et as LogosphereCalendar,
+  St as LogosphereChatBot,
+  Dt as LogosphereDatePicker,
+  _t as LogosphereInput,
+  Ut as LogosphereTab,
+  Rt as LogosphereToast,
+  qt as LogosphereToastContainer,
+  Nt as Modal,
+  gt as Pagination,
+  mt as Popover,
+  p as Slider,
+  u as SplitButton,
+  f as Stepper,
+  pt as Switch,
+  wt as TextArea,
+  $t as TimePicker,
+  Gt as ToastService,
+  Yt as TreeMenu
 };