@logosphere-ui/core 0.0.0-alpha.43 → 0.0.0-alpha.45

package/dist/index.js

@@ -1,910 +1,67 @@
-import { B as et } from "./button-Uu9oaieg.js";
-import { L as it } from "./badge-DsDxWEHx.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-MDwFGplY.js";
-import { L as _t } from "./input-CeF3YJk-.js";
-import { P as gt } from "./pagination-B7jknoOz.js";
-import { P as mt } from "./popover-DDaG8MSj.js";
-import "./ui-icon-BMJNdIOq.js";
-import { createPopper as L } from "@popperjs/core";
-import { C as wt } from "./chip-group-BUL2H8rr.js";
-import { T as $t } from "./text-area-C73JxnqH.js";
-import { T as St } from "./timepicker-DMzGYd0p.js";
-import { L as Et } from "./chatbot-CHgiUY4h.js";
-import { L as zt } from "./calendar-CZ_IN2TF.js";
-import { C as Dt } from "./combobox-jak7Ac1m.js";
-import { L as Bt } from "./datepicker-BgysIOZI.js";
-import { D as It } from "./drawer-CE9zzllI.js";
-import { D as Ft } from "./download-manager-BPg-6Qfg.js";
-import { L as jt, a as Nt } from "./leftmenu-CmWvnA6L.js";
-import { M as Rt } from "./modal-DUIv_yoo.js";
-import { L as Gt, a as Ht, T as Ut } from "./toast-container-B5v74b_5.js";
-import { L as Yt } from "./tab-CuBCFGoO.js";
-import { T as Jt } from "./tree-menu-CkOPxr-W.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);
+import { U as e } from "./ui-icon-BeR-PaPg.js";
+import { B as t } from "./button-CVkIa7M0.js";
+import { L as s } from "./badge-BhINg1p5.js";
+import { C as x } from "./checkbox-CTfbav6M.js";
+import { F as L } from "./formfield-ss2mFweu.js";
+import { S as n } from "./slider-ntLRajQa.js";
+import { S as h } from "./switch-uYVuohJ-.js";
+import { B as u } from "./breadcrumb-BeJqq-5C.js";
+import { C as c } from "./card-C7xXMV3h.js";
+import { L as S } from "./input-N3Z8D7q1.js";
+import { P as B } from "./pagination-CjXvpE2j.js";
+import { P } from "./popover-M5ZcS5rj.js";
+import { S as D } from "./stepper-CZhwgLNp.js";
+import { S as k } from "./split-button-BdBweoip.js";
+import { C as A } from "./collapse-DY6SJ9jS.js";
+import { I as G } from "./input-group-DUPlrpug.js";
+import { A as U } from "./accordion-cDabqwu6.js";
+import { C as q } from "./chip-group-DzfOd6Vw.js";
+import { T as z } from "./text-area-1rALZ0iy.js";
+import { T as H } from "./timepicker-B9l6HN-d.js";
+import { L as K } from "./chatbot-BRfqXYYt.js";
+import { L as O } from "./calendar-C71sj3Ki.js";
+import { C as R } from "./combobox-BR05Tgfd.js";
+import { L as W } from "./datepicker-BFYWQRrJ.js";
+import { D as Y } from "./drawer-DhuBPWHP.js";
+import { D as _ } from "./download-manager-BPg-6Qfg.js";
+import { L as oo, i as ro } from "./leftmenu-Cg57EaSY.js";
+import { M as ao } from "./modal-vSjEpYrG.js";
+import { L as po, a as so, T as mo } from "./toast-container-C5qYjInG.js";
+import { L as fo } from "./tab-Byh4UgFB.js";
+import { T as io } from "./tree-menu-BZ7aBC7R.js";
 export {
-  h as Accordion,
-  ct as Breadcrumb,
-  et as Button,
-  bt as Card,
-  st as Checkbox,
-  wt as ChipGroup,
-  b as Collapse,
-  Dt as Combobox,
-  Ft as DownloadManager,
-  It as Drawer,
-  at as FormField,
-  S as InputGroup,
-  jt as LeftMenu,
-  Nt as LeftMenuItemElement,
-  it as LogosphereBadge,
-  zt as LogosphereCalendar,
-  Et as LogosphereChatBot,
-  Bt as LogosphereDatePicker,
-  _t as LogosphereInput,
-  Yt as LogosphereTab,
-  Gt as LogosphereToast,
-  Ht as LogosphereToastContainer,
-  Rt as Modal,
-  gt as Pagination,
-  mt as Popover,
-  p as Slider,
-  u as SplitButton,
-  f as Stepper,
-  pt as Switch,
-  $t as TextArea,
-  St as TimePicker,
-  Ut as ToastService,
-  Jt as TreeMenu
+  U as Accordion,
+  u as Breadcrumb,
+  t as Button,
+  c as Card,
+  x as Checkbox,
+  q as ChipGroup,
+  A as Collapse,
+  R as Combobox,
+  _ as DownloadManager,
+  Y as Drawer,
+  L as FormField,
+  G as InputGroup,
+  oo as LeftMenu,
+  s as LogosphereBadge,
+  O as LogosphereCalendar,
+  K as LogosphereChatBot,
+  W as LogosphereDatePicker,
+  S as LogosphereInput,
+  fo as LogosphereTab,
+  po as LogosphereToast,
+  so as LogosphereToastContainer,
+  ao as Modal,
+  B as Pagination,
+  P as Popover,
+  n as Slider,
+  k as SplitButton,
+  D as Stepper,
+  h as Switch,
+  z as TextArea,
+  H as TimePicker,
+  mo as ToastService,
+  io as TreeMenu,
+  e as UiIcon,
+  ro as isLeftMenuGroup
 };