@logosphere-ui/core 0.0.0-alpha.7 → 0.0.0-alpha.9

package/dist/index.js

@@ -1,3209 +1,34 @@
-import { LitElement as O, html as l, unsafeCSS as P, css as T, nothing as u } from "lit";
-import { property as s, customElement as Y, state as m, query as te } from "lit/decorators.js";
-import { ref as Ve } from "lit/directives/ref.js";
-import D from "dayjs";
-import { unsafeHTML as at } from "lit/directives/unsafe-html.js";
-import { live as Qe } from "lit/directives/live.js";
-import { createPopper as nt } from "@popperjs/core";
-const lt = '.button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-speed-base) var(--transition-timing);gap:var(--spacing-2);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;line-height:1}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button ::slotted(*){display:inline-flex;align-items:center;vertical-align:middle}.button ::slotted(i),.button ::slotted([class^="uil-"]),.button ::slotted([class*=" uil-"]){font-size:inherit;line-height:1;flex-shrink:0}.button--sm{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.button--sm.button--icon-only{padding:var(--spacing-1);line-height:16px}.button--md{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.button--md.button--icon-only{padding:var(--spacing-2);line-height:16px}.button--lg{font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4)}.button--lg.button--icon-only{padding:var(--spacing-3);line-height:16px}.button--solid.button--primary{background-color:var(--color-primary);color:#fff}.button--solid.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--solid.button--primary:active:not(:disabled){background-color:var(--color-primary-active)}.button--solid.button--secondary{background-color:var(--color-secondary);color:#fff}.button--solid.button--secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.button--solid.button-secondary:active:not(:disabled){background-color:var(--color-secondary-active)}.button--text.button--secondary{background-color:transparent;color:var(--color-secondary)}.button--solid.button--success{background-color:var(--color-success);color:var(--color-success-text-emphasis)}.button--solid.button--success:hover:not(:disabled){background-color:var(--color-success-hover);color:var(--color-success-text-emphasis)}.button--solid.button--success:active:not(:disabled){background-color:var(--color-success-active);color:var(--color-success-text-emphasis)}.button--solid.button--danger{background-color:var(--color-danger);color:var(--color-danger-text-emphasis)}.button--solid.button--danger:hover:not(:disabled){background-color:var(--color-danger-hover);color:var(--color-danger-text-emphasis)}.button--solid.button--danger:active:not(:disabled){background-color:var(--color-danger-active);color:var(--color-danger-text-emphasis)}.button--solid.button--info{background-color:var(--color-info);color:var(--color-info-text-emphasis)}.button--solid.button--info:hover:not(:disabled){background-color:var(--color-info-hover);color:var(--color-info-text-emphasis)}.button--solid.button--info:active:not(:disabled){background-color:var(--color-info-active);color:var(--color-info-text-emphasis)}.button--solid.button--warning{background-color:var(--color-warning);color:var(--color-warning-text-emphasis)}.button--solid.button--warning:hover:not(:disabled){background-color:var(--color-warning-hover);color:var(--color-warning-text-emphasis)}.button--solid.button--warning:active:not(:disabled){background-color:var(--color-warning-active);color:var(--color-warning-text-emphasis)}.button--outline{border-width:2px;border-style:solid}.button--outline.button--sm{padding:calc(var(--spacing-1) - 2px) calc(var(--spacing-2) - 2px)}.button--outline.button--sm.button--icon-only{padding:calc(var(--spacing-1) - 2px)}.button--outline.button--md{padding:calc(var(--spacing-2) - 2px) calc(var(--spacing-3) - 2px)}.button--outline.button--md.button--icon-only{padding:calc(var(--spacing-2) - 2px)}.button--outline.button--lg{padding:calc(var(--spacing-3) - 2px) calc(var(--spacing-4) - 2px)}.button--outline.button--lg.button--icon-only{padding:calc(var(--spacing-3) - 2px)}.button--outline.button--primary{background-color:transparent;color:var(--color-primary-text-emphasis);border-color:var(--color-border)}.button--outline.button--primary:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-primary)}.button--outline.button--secondary{background-color:transparent;color:var(--color-secondary-text-emphasis);border-color:var(--color-border)}.button--outline.button--secondary:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-secondary)}.button--outline.button--success{background-color:transparent;color:var(--color-success-outline-text-emphasis);border-color:var(--color-border-success)}.button--outline.button--success:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-success-outline-text-emphasis)}.button--outline.button--danger{background-color:transparent;color:var(--color-danger-outline-text-emphasis);border-color:var(--color-border-danger)}.button--outline.button--danger:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-danger-outline-text-emphasis)}.button--outline.button--info{background-color:transparent;color:var(--color-info-outline-text-emphasis);border-color:var(--color-border-info)}.button--outline.button--info:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-info-outline-text-emphasis)}.button--outline.button--warning{background-color:transparent;color:var(--color-warning-text-emphasis);border-color:var(--color-border-warning)}.button--outline.button--warning:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-warning-text-emphasis)}.button--text.button--primary{background-color:transparent;color:var(--color-primary)}.button--text.button--primary:hover:not(:disabled){background-color:var(--color-primary-bg-subtle)}.button--text.button--success{background-color:transparent;color:var(--color-success)}.button--text.button--success:hover:not(:disabled){background-color:var(--color-success-bg-subtle)}.button--text.button--danger{background-color:transparent;color:var(--color-danger)}.button--text.button--danger:hover:not(:disabled){background-color:var(--color-danger-bg-subtle)}.button--text.button--info{background-color:transparent;color:var(--color-info)}.button--text.button--info:hover:not(:disabled){background-color:var(--color-info-bg-subtle)}.button--text.button--warning{background-color:transparent;color:var(--color-warning)}.button--text.button--warning:hover:not(:disabled){background-color:var(--color-warning-bg-subtle)}';
-var dt = Object.defineProperty, ct = Object.getOwnPropertyDescriptor, ve = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? ct(t, o) : t, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
-  return r && i && dt(t, o, i), i;
-};
-let ae = class extends O {
-  constructor() {
-    super(...arguments), this.variant = "solid", this.size = "md", this.theme = "primary", this.iconOnly = !1, this.disabled = !1;
-  }
-  getButtonClasses() {
-    const e = [
-      "button",
-      `button--${this.variant}`,
-      `button--${this.size}`,
-      `button--${this.theme}`
-    ];
-    return this.iconOnly && e.push("button--icon-only"), e.join(" ");
-  }
-  render() {
-    return l`
-      <button
-        class="${this.getButtonClasses()}"
-        ?disabled="${this.disabled}"
-      >
-        <slot name="prefix"></slot>
-        <slot></slot>
-        <slot name="suffix"></slot>
-      </button>
-    `;
-  }
-};
-ae.styles = [
-  T`${P(lt)}`
-];
-ve([
-  s({ type: String })
-], ae.prototype, "variant", 2);
-ve([
-  s({ type: String })
-], ae.prototype, "size", 2);
-ve([
-  s({ type: String })
-], ae.prototype, "theme", 2);
-ve([
-  s({ type: Boolean })
-], ae.prototype, "iconOnly", 2);
-ve([
-  s({ type: Boolean })
-], ae.prototype, "disabled", 2);
-ae = ve([
-  Y("logosphere-button")
-], ae);
-const ht = ".badge{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);border-radius:var(--radius-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge--default-size{padding:var(--spacing-1) var(--spacing-2)}.badge--small{padding:0 var(--spacing-1)}.badge--round{border-radius:var(--radius-md)}.badge--default{background-color:var(--color-tertiary-bg);color:var(--color-secondary)}.badge--warning{background-color:var(--color-warning-rgb);color:var(--color-warning-text-emphasis)}.badge--success{background-color:var(--color-success-rgb);color:var(--color-success)}.badge--info{background-color:var(--color-info-rgb);color:var(--color-info-text-emphasis)}.badge--danger{background-color:var(--color-danger-rgb);color:var(--color-danger)}.badge--purple{background-color:var(--color-purple-rgb);color:var(--color-purple)}.badge__close{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--spacing-1);padding:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.75;transition:opacity var(--transition-speed-fast) var(--transition-timing);line-height:1}.badge__close:hover{opacity:1}.badge__close:focus{outline:none;opacity:1}";
-var pt = Object.defineProperty, ut = Object.getOwnPropertyDescriptor, me = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? ut(t, o) : t, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
-  return r && i && pt(t, o, i), i;
-};
-let ee = class extends O {
-  constructor() {
-    super(...arguments), this.variant = "default", this.size = "default", this.text = "", this.closeable = !1, this.isRound = !1;
-  }
-  handleClose() {
-    this.onClose && this.onClose(), this.dispatchEvent(
-      new CustomEvent("close", {
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  getBadgeClasses() {
-    const e = [
-      "badge",
-      `badge--${this.variant}`,
-      this.size === "small" ? "badge--small" : "badge--default-size"
-    ];
-    return this.isRound && e.push("badge--round"), e.join(" ");
-  }
-  render() {
-    return l`
-      <div class="${this.getBadgeClasses()}">
-        <slot></slot>
-        ${this.text ? l`<span>${this.text}</span>` : u}
-        ${this.closeable ? l`
-              <button class="badge__close" @click=${this.handleClose} aria-label="Close">
-                <ui-icon name="uil-times"></ui-icon>
-              </button>
-            ` : u}
-      </div>
-    `;
-  }
-};
-ee.styles = [
-  T`
-      ${P(ht)}
-    `
-];
-me([
-  s({ type: String })
-], ee.prototype, "variant", 2);
-me([
-  s({ type: String })
-], ee.prototype, "size", 2);
-me([
-  s({ type: String })
-], ee.prototype, "text", 2);
-me([
-  s({ type: Boolean })
-], ee.prototype, "closeable", 2);
-me([
-  s({ type: Boolean })
-], ee.prototype, "isRound", 2);
-me([
-  s({ attribute: !1 })
-], ee.prototype, "onClose", 2);
-ee = me([
-  Y("logosphere-badge")
-], ee);
-const bt = '.checkbox-wrapper{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-base)}.checkbox-wrapper--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox-control{width:16px;height:16px;flex-shrink:0;position:relative;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-body-bg);transition:background-color var(--transition-speed-fast) var(--transition-timing),border-color var(--transition-speed-fast) var(--transition-timing)}.checkbox-control--checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-control--checked:after{content:"";position:absolute;top:50%;left:50%;width:9px;height:5px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:translate(-50%,-65%) rotate(-45deg)}.checkbox-control--indeterminate{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-control--indeterminate:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:2px;background-color:#fff;border-radius:1px;transform:translate(-50%,-50%)}.checkbox-label{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-body-text)}.switch-wrapper{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-base)}.switch-wrapper--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.switch-track{width:36px;height:20px;flex-shrink:0;border-radius:var(--radius-full);background-color:var(--color-border);position:relative;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.switch-track--checked{background-color:var(--color-primary)}.switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-full);background-color:#fff;box-shadow:var(--shadow-xs);transition:transform var(--transition-speed-fast) var(--transition-timing)}.switch-track--checked .switch-thumb{transform:translate(16px)}';
-var gt = Object.defineProperty, ft = Object.getOwnPropertyDescriptor, le = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? ft(t, o) : t, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
-  return r && i && gt(t, o, i), i;
-};
-let W = class extends O {
-  constructor() {
-    super(...arguments), this.label = "", this.value = "", this.checked = !1, this.type = "checkbox", this.disabled = !1, this.indeterminate = !1, this.internalChecked = !1;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.internalChecked = this.checked;
-  }
-  firstUpdated() {
-    this.setIndeterminate();
-  }
-  updated(e) {
-    e.has("indeterminate") && this.setIndeterminate(), e.has("checked") && (this.internalChecked = this.checked);
-  }
-  setIndeterminate() {
-    this.inputElement && (this.inputElement.indeterminate = this.indeterminate);
-  }
-  toggleChecked() {
-    this.disabled || (this.indeterminate ? (this.indeterminate = !1, this.internalChecked = !0) : this.internalChecked = !this.internalChecked, this.dispatchEvent(
-      new CustomEvent("lgsChange", {
-        detail: {
-          checked: this.internalChecked,
-          indeterminate: this.indeterminate,
-          value: this.value
-        },
-        bubbles: !0,
-        composed: !0
-      })
-    ));
-  }
-  renderCheckbox() {
-    const e = [
-      "checkbox-control",
-      this.internalChecked ? "checkbox-control--checked" : "",
-      this.indeterminate ? "checkbox-control--indeterminate" : ""
-    ].filter(Boolean).join(" ");
-    return l`
-      <div
-        class="checkbox-wrapper ${this.disabled ? "checkbox-wrapper--disabled" : ""}"
-        @click=${this.toggleChecked}
-      >
-        <input
-          type="checkbox"
-          class="checkbox-input"
-          .checked=${this.internalChecked}
-          ?disabled=${this.disabled}
-          .value=${this.value}
-          ${Ve((t) => this.inputElement = t)}
-        />
-        <span class="${e}"></span>
-        ${this.label ? l`<span class="checkbox-label">${this.label}</span>` : u}
-      </div>
-    `;
-  }
-  renderSwitch() {
-    return l`
-      <div
-        class="switch-wrapper ${this.disabled ? "switch-wrapper--disabled" : ""}"
-        @click=${this.toggleChecked}
-      >
-        <input
-          type="checkbox"
-          class="checkbox-input"
-          .checked=${this.internalChecked}
-          ?disabled=${this.disabled}
-          .value=${this.value}
-          ${Ve((e) => this.inputElement = e)}
-        />
-        <div class="switch-track ${this.internalChecked ? "switch-track--checked" : ""}">
-          <div class="switch-thumb"></div>
-        </div>
-        ${this.label ? l`<span class="checkbox-label">${this.label}</span>` : u}
-      </div>
-    `;
-  }
-  render() {
-    return this.type === "switch" ? this.renderSwitch() : this.renderCheckbox();
-  }
-};
-W.styles = [
-  T`
-      ${P(bt)}
-    `
-];
-le([
-  s({ type: String })
-], W.prototype, "label", 2);
-le([
-  s({ type: String })
-], W.prototype, "value", 2);
-le([
-  s({ type: Boolean })
-], W.prototype, "checked", 2);
-le([
-  s({ type: String })
-], W.prototype, "type", 2);
-le([
-  s({ type: Boolean })
-], W.prototype, "disabled", 2);
-le([
-  s({ type: Boolean })
-], W.prototype, "indeterminate", 2);
-le([
-  m()
-], W.prototype, "internalChecked", 2);
-W = le([
-  Y("logosphere-checkbox")
-], W);
-const mt = ":host{display:block}.formfield{position:relative;font-family:var(--font-family-base)}.formfield__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-body-text);margin-bottom:var(--spacing-2)}.formfield__required{color:var(--color-danger);margin-left:var(--spacing-1)}.formfield__container{position:relative;display:flex;align-items:flex-start;border-radius:var(--radius-base);border:1px solid var(--color-border);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-body-bg);cursor:text;transition:border-color var(--transition-speed-base) var(--transition-timing),background-color var(--transition-speed-base) var(--transition-timing)}.formfield__container--focused{border-color:var(--color-primary);background-color:var(--color-body-bg)}.formfield__container--hovered:not(.formfield__container--focused):not(.formfield__container--error):not(.formfield__container--disabled){background-color:var(--color-tertiary-bg)}.formfield__container--error{border-color:var(--color-danger);background-color:var(--color-danger-bg-subtle)}.formfield__container--disabled{background-color:var(--color-tertiary-bg);opacity:.4;cursor:not-allowed}.formfield__container--subtle:not(.formfield__container--focused):not(.formfield__container--error){border-color:transparent}.formfield__input-area{flex:1;min-width:0}.formfield__suffix{display:flex;align-items:center;flex-shrink:0;margin-left:var(--spacing-2)}.formfield__suffix:empty{display:none}.formfield__helper{font-size:var(--font-size-sm);color:var(--color-tertiary);margin-top:var(--spacing-1)}.formfield__error{font-size:var(--font-size-sm);color:var(--color-danger);margin-top:var(--spacing-1)}::slotted(input),::slotted(textarea){width:100%;border:none;outline:none;background:transparent;font-size:14px;line-height:1.5}::slotted(input:disabled),::slotted(textarea:disabled){cursor:not-allowed}";
-var _t = Object.defineProperty, vt = Object.getOwnPropertyDescriptor, q = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? vt(t, o) : t, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
-  return r && i && _t(t, o, i), i;
-};
-let A = class extends O {
-  constructor() {
-    super(...arguments), this.label = "", this.helper = "", this.error = "", this.placeholder = "", this.size = "default", this.variant = "default", this.required = !1, this.disabled = !1, this.readonly = !1, this._focused = !1, this._hovered = !1, this.handleSlotFocus = (e) => {
-      const t = e.target;
-      ["INPUT", "TEXTAREA", "SELECT"].includes(t.tagName) && (this._focused = !0, this.dispatchEvent(new CustomEvent("field-focus", {
-        bubbles: !0,
-        composed: !0,
-        detail: { originalEvent: e }
-      })));
-    }, this.handleSlotBlur = (e) => {
-      const t = e.target;
-      ["INPUT", "TEXTAREA", "SELECT"].includes(t.tagName) && (this._focused = !1, this.dispatchEvent(new CustomEvent("field-blur", {
-        bubbles: !0,
-        composed: !0,
-        detail: { originalEvent: e }
-      })));
-    }, this.handleMouseEnter = () => {
-      this._hovered = !0;
-    }, this.handleMouseLeave = () => {
-      this._hovered = !1;
-    }, this.handleContainerClick = (e) => {
-      const t = e.target;
-      if (["INPUT", "TEXTAREA", "SELECT", "BUTTON"].includes(t.tagName)) return;
-      this.shadowRoot?.querySelector("slot:not([name])")?.assignedElements({ flatten: !0 }).find((i) => ["INPUT", "TEXTAREA", "SELECT"].includes(i.tagName))?.focus();
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.addEventListener("focus", this.handleSlotFocus, !0), this.addEventListener("blur", this.handleSlotBlur, !0);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("focus", this.handleSlotFocus, !0), this.removeEventListener("blur", this.handleSlotBlur, !0);
-  }
-  render() {
-    const e = !!this.error, t = !e && !!this.helper, o = [
-      "formfield__container",
-      e ? "formfield__container--error" : "",
-      this._focused ? "formfield__container--focused" : "",
-      this._hovered ? "formfield__container--hovered" : "",
-      this.disabled ? "formfield__container--disabled" : "",
-      this.variant === "subtle" ? "formfield__container--subtle" : ""
-    ].filter(Boolean).join(" ");
-    return l`
-      <div class="formfield">
-        ${this.label ? l`
-          <label class="formfield__label">
-            ${this.label}
-            ${this.required ? l`<span class="formfield__required">*</span>` : ""}
-          </label>
-        ` : ""}
-
-        <div
-          class="${o}"
-          @mouseenter=${this.handleMouseEnter}
-          @mouseleave=${this.handleMouseLeave}
-          @click=${this.handleContainerClick}
-        >
-          <div class="formfield__input-area">
-            <slot></slot>
-          </div>
-          <div class="formfield__suffix">
-            <slot name="suffix"></slot>
-          </div>
-        </div>
-
-        ${t ? l`<div class="formfield__helper">${this.helper}</div>` : ""}
-        ${e ? l`<div class="formfield__error">${this.error}</div>` : ""}
-      </div>
-    `;
-  }
-};
-A.styles = [T`${P(mt)}`];
-q([
-  s({ type: String })
-], A.prototype, "label", 2);
-q([
-  s({ type: String })
-], A.prototype, "helper", 2);
-q([
-  s({ type: String })
-], A.prototype, "error", 2);
-q([
-  s({ type: String })
-], A.prototype, "placeholder", 2);
-q([
-  s({ type: String })
-], A.prototype, "size", 2);
-q([
-  s({ type: String })
-], A.prototype, "variant", 2);
-q([
-  s({ type: Boolean })
-], A.prototype, "required", 2);
-q([
-  s({ type: Boolean })
-], A.prototype, "disabled", 2);
-q([
-  s({ type: Boolean })
-], A.prototype, "readonly", 2);
-q([
-  m()
-], A.prototype, "_focused", 2);
-q([
-  m()
-], A.prototype, "_hovered", 2);
-A = q([
-  Y("logosphere-formfield")
-], A);
-const yt = ":host{display:block}.switch{display:inline-block;position:relative}.switch--md{width:36px;height:20px}.switch--sm{width:32px;height:18px}.switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.switch__track{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-speed-base) var(--transition-timing);background-color:var(--color-gray-300)}.switch__track--on{background-color:var(--color-primary)}.switch__track--disabled{cursor:not-allowed}.switch__track--disabled-on{background-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.switch__track--disabled-off{background-color:var(--color-gray-200)}.switch__thumb{position:absolute;background-color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-xs);top:2px;left:2px;transform:translate(0);transition:transform var(--transition-speed-base) var(--transition-timing)}.switch--md .switch__thumb{width:16px;height:16px}.switch--sm .switch__thumb{width:14px;height:14px}.switch__thumb--on.switch--md .switch__thumb,.switch__track--on~.switch__thumb{transform:translate(16px)}.switch__track--on+.switch__thumb{transform:translate(16px)}";
-var wt = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, we = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? xt(t, o) : t, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
-  return r && i && wt(t, o, i), i;
-};
-let fe = class extends O {
-  constructor() {
-    super(...arguments), this.checked = !1, this.disabled = !1, this.size = "md";
-  }
-  onChange(e) {
-    const t = e.target;
-    this.checked = t.checked, this.dispatchEvent(new CustomEvent("change", {
-      detail: { checked: this.checked }
-    }));
-  }
-  render() {
-    const e = `switch switch--${this.size}`, t = [
-      "switch__track",
-      this.checked && !this.disabled ? "switch__track--on" : "",
-      this.disabled ? "switch__track--disabled" : "",
-      this.disabled && this.checked ? "switch__track--disabled-on" : "",
-      this.disabled && !this.checked ? "switch__track--disabled-off" : ""
-    ].filter(Boolean).join(" "), o = this.checked ? "translateX(16px)" : "translateX(0)";
-    return l`
-      <label class="${e}">
-        <input
-          class="switch__input"
-          type="checkbox"
-          ?checked=${this.checked}
-          ?disabled=${this.disabled}
-          @change=${this.onChange}
-        />
-        <div class="${t}">
-          <span
-            class="switch__thumb"
-            style="transform: ${o}"
-          ></span>
-        </div>
-      </label>
-    `;
-  }
-};
-fe.styles = [T`${P(yt)}`];
-we([
-  s({ type: Boolean })
-], fe.prototype, "checked", 2);
-we([
-  s({ type: Boolean })
-], fe.prototype, "disabled", 2);
-we([
-  s({ type: String })
-], fe.prototype, "size", 2);
-we([
-  te("input")
-], fe.prototype, "inputElement", 2);
-fe = we([
-  Y("logosphere-switch")
-], fe);
-const kt = ".breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-normal);list-style:none;margin:0;padding:0}.breadcrumb__item{display:inline-flex;align-items:center;gap:var(--spacing-2)}.breadcrumb__link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-regular);transition:color var(--transition-speed-fast) var(--transition-timing),text-decoration var(--transition-speed-fast) var(--transition-timing)}.breadcrumb__link:hover{color:var(--color-primary-hover);text-decoration:underline}.breadcrumb__label{color:var(--color-tertiary);font-weight:var(--font-weight-regular)}.breadcrumb__label--active{color:var(--color-emphasis);font-weight:var(--font-weight-medium)}.breadcrumb__separator{color:var(--color-gray-400);-webkit-user-select:none;user-select:none;flex-shrink:0}";
-var $t = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, et = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? zt(t, o) : t, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
-  return r && i && $t(t, o, i), i;
-};
-let Ye = class extends O {
-  constructor() {
-    super(...arguments), this.items = [];
-  }
-  render() {
-    return l`
-      <nav>
-        <ol class="breadcrumb">
-          ${this.items.map(
-      (e, t) => l`
-              <li class="breadcrumb__item">
-                ${e.href && !e.active ? l`<a href="${e.href}" class="breadcrumb__link">${e.label}</a>` : l`<span class="breadcrumb__label ${e.active ? "breadcrumb__label--active" : ""}">${e.label}</span>`}
-                ${t < this.items.length - 1 ? l`<span class="breadcrumb__separator">/</span>` : ""}
-              </li>
-            `
-    )}
-        </ol>
-      </nav>
-    `;
-  }
-};
-Ye.styles = [
-  T`${P(kt)}`
-];
-et([
-  s({ type: Array })
-], Ye.prototype, "items", 2);
-Ye = et([
-  Y("logosphere-breadcrumb")
-], Ye);
-const Ct = ".card{width:100%;border-radius:var(--radius-base);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-base);display:grid;grid-template-rows:auto 1fr auto}.card__header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.card__header--hidden{display:none}.card__title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-body-text);font-family:var(--font-family-base)}.card__body{padding:var(--spacing-4);font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-family:var(--font-family-base)}.card__description{margin:0;color:var(--color-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.card__footer{padding:var(--spacing-4);display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--spacing-2);background-color:var(--color-body-bg);border-top:1px solid var(--color-border)}.card__footer--hidden{display:none}";
-var Mt = Object.defineProperty, St = Object.getOwnPropertyDescriptor, oe = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? St(t, o) : t, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
-  return r && i && Mt(t, o, i), i;
-};
-let V = class extends O {
-  constructor() {
-    super(...arguments), this.title = "", this.description = "", this.header = !0, this.footer = !0, this.okLabel = "Tamam", this.cancelLabel = "İptal";
-  }
-  handleOk() {
-    this.onOk?.(), this.dispatchEvent(new CustomEvent("ok", { bubbles: !0, composed: !0 }));
-  }
-  handleCancel() {
-    this.onCancel?.(), this.dispatchEvent(new CustomEvent("cancel", { bubbles: !0, composed: !0 }));
-  }
-  render() {
-    return l`
-      <div class="card">
-        ${this.header ? l`
-              <div class="card__header">
-                ${this.title ? l`<h3 class="card__title">${this.title}</h3>` : u}
-                ${this.description ? l`<p class="card__description">${this.description}</p>` : u}
-                <slot name="header"></slot>
-              </div>
-            ` : u}
-
-        <div class="card__body">
-          <slot></slot>
-        </div>
-
-        ${this.footer ? l`
-              <div class="card__footer">
-                <slot name="footer"></slot>
-                ${this.onOk ? l`
-                      <logosphere-button
-                        variant="solid"
-                        theme="success"
-                        size="md"
-                        @click=${this.handleOk}
-                      >
-                        ${this.okLabel}
-                      </logosphere-button>
-                    ` : u}
-                ${this.onCancel ? l`
-                      <logosphere-button
-                        variant="solid"
-                        theme="danger"
-                        size="md"
-                        @click=${this.handleCancel}
-                      >
-                        ${this.cancelLabel}
-                      </logosphere-button>
-                    ` : u}
-              </div>
-            ` : u}
-      </div>
-    `;
-  }
-};
-V.styles = [
-  T`
-      ${P(Ct)}
-    `
-];
-oe([
-  s({ type: String })
-], V.prototype, "title", 2);
-oe([
-  s({ type: String })
-], V.prototype, "description", 2);
-oe([
-  s({ type: Boolean })
-], V.prototype, "header", 2);
-oe([
-  s({ type: Boolean })
-], V.prototype, "footer", 2);
-oe([
-  s({ attribute: !1 })
-], V.prototype, "onOk", 2);
-oe([
-  s({ attribute: !1 })
-], V.prototype, "onCancel", 2);
-oe([
-  s({ type: String })
-], V.prototype, "okLabel", 2);
-oe([
-  s({ type: String })
-], V.prototype, "cancelLabel", 2);
-V = oe([
-  Y("logosphere-card")
-], V);
-const Dt = ".input__field{width:100%;background:transparent;border:none;outline:none;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);box-sizing:border-box;line-height:1.5}.input__field::placeholder{color:var(--color-tertiary)}.input__field:disabled{cursor:not-allowed}.input__field--default{height:16px}.input__field--large{height:24px}.input__clear-btn{border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;padding:0;display:inline-flex;align-items:center;outline:none;flex-shrink:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.input__clear-btn:hover{color:var(--color-gray-600)}";
-var Et = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, C = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ot(t, o) : t, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
-  return r && i && Et(t, o, i), i;
-};
-let x = class extends O {
-  constructor() {
-    super(...arguments), this.value = "", this.type = "text", this.placeholder = "", this.name = "", this.autocomplete = "", this.pattern = "", this.size = "default", this.variant = "default", this.showClear = !1, this.label = "", this.helper = "", this.error = "", this.required = !1, this.disabled = !1, this.readonly = !1, this._internalError = "", this.handleInput = (e) => {
-      const t = e.target;
-      this.value = t.value, this._internalError && (this._internalError = "", this._inputElement.setCustomValidity("")), this.dispatchEvent(new CustomEvent("input", {
-        bubbles: !0,
-        composed: !0,
-        detail: { value: this.value, originalEvent: e }
-      }));
-    }, this.handleChange = (e) => {
-      const t = e.target;
-      this.value = t.value, t.checkValidity() || (this._internalError = t.validationMessage), this.dispatchEvent(new CustomEvent("change", {
-        bubbles: !0,
-        composed: !0,
-        detail: { value: this.value, originalEvent: e }
-      }));
-    }, this.handleKeyDown = (e) => {
-      this.dispatchEvent(new CustomEvent("keydown", {
-        bubbles: !0,
-        composed: !0,
-        detail: { key: e.key, originalEvent: e }
-      }));
-    }, this.handleKeyUp = (e) => {
-      this.dispatchEvent(new CustomEvent("keyup", {
-        bubbles: !0,
-        composed: !0,
-        detail: { key: e.key, originalEvent: e }
-      }));
-    }, this.handleClear = () => {
-      this.value = "", this._inputElement && (this._inputElement.value = ""), this.dispatchEvent(new CustomEvent("clear", { bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("input", {
-        bubbles: !0,
-        composed: !0,
-        detail: { value: "", originalEvent: null }
-      }));
-    };
-  }
-  get inputElement() {
-    return this._inputElement;
-  }
-  focus() {
-    this._inputElement?.focus();
-  }
-  blur() {
-    this._inputElement?.blur();
-  }
-  select() {
-    this._inputElement?.select();
-  }
-  setSelectionRange(e, t, o) {
-    this._inputElement?.setSelectionRange(e, t, o);
-  }
-  checkValidity() {
-    return this._inputElement?.checkValidity() ?? !0;
-  }
-  reportValidity() {
-    return this._inputElement?.reportValidity() ?? !0;
-  }
-  setCustomValidity(e) {
-    this._inputElement?.setCustomValidity(e), this._internalError = e, this.requestUpdate();
-  }
-  render() {
-    const e = this.error || this._internalError, t = this.showClear && this.value && !this.disabled && !this.readonly, o = `input__field input__field--${this.size}`;
-    return l`
-      <logosphere-formfield
-        .label=${this.label}
-        .helper=${this.helper}
-        .error=${e}
-        .required=${this.required}
-        .disabled=${this.disabled}
-        .readonly=${this.readonly}
-        .placeholder=${this.placeholder}
-        .size=${this.size}
-        .variant=${this.variant}
-      >
-        <input
-          class="${o}"
-          type=${this.type}
-          .value=${Qe(this.value)}
-          placeholder=${this.placeholder || u}
-          name=${this.name || u}
-          autocomplete=${this.autocomplete || u}
-          ?required=${this.required}
-          ?disabled=${this.disabled}
-          ?readonly=${this.readonly}
-          minlength=${this.minlength ?? u}
-          maxlength=${this.maxlength ?? u}
-          pattern=${this.pattern || u}
-          min=${this.min ?? u}
-          max=${this.max ?? u}
-          step=${this.step ?? u}
-          @input=${this.handleInput}
-          @change=${this.handleChange}
-          @keydown=${this.handleKeyDown}
-          @keyup=${this.handleKeyUp}
-        />
-        ${t ? l`
-          <button
-            type="button"
-            slot="suffix"
-            class="input__clear-btn"
-            @click=${this.handleClear}
-            tabindex="-1"
-          >
-            <ui-icon name="uil-times" size="14"></ui-icon>
-          </button>
-        ` : u}
-      </logosphere-formfield>
-    `;
-  }
-};
-x.styles = [T`${P(Dt)}`];
-C([
-  te("input")
-], x.prototype, "_inputElement", 2);
-C([
-  s({ type: String })
-], x.prototype, "value", 2);
-C([
-  s({ type: String })
-], x.prototype, "type", 2);
-C([
-  s({ type: String })
-], x.prototype, "placeholder", 2);
-C([
-  s({ type: String })
-], x.prototype, "name", 2);
-C([
-  s({ type: String })
-], x.prototype, "autocomplete", 2);
-C([
-  s({ type: Number })
-], x.prototype, "minlength", 2);
-C([
-  s({ type: Number })
-], x.prototype, "maxlength", 2);
-C([
-  s({ type: String })
-], x.prototype, "pattern", 2);
-C([
-  s({ type: Number })
-], x.prototype, "min", 2);
-C([
-  s({ type: Number })
-], x.prototype, "max", 2);
-C([
-  s({ type: Number })
-], x.prototype, "step", 2);
-C([
-  s({ type: String })
-], x.prototype, "size", 2);
-C([
-  s({ type: String })
-], x.prototype, "variant", 2);
-C([
-  s({ type: Boolean })
-], x.prototype, "showClear", 2);
-C([
-  s({ type: String })
-], x.prototype, "label", 2);
-C([
-  s({ type: String })
-], x.prototype, "helper", 2);
-C([
-  s({ type: String })
-], x.prototype, "error", 2);
-C([
-  s({ type: Boolean })
-], x.prototype, "required", 2);
-C([
-  s({ type: Boolean })
-], x.prototype, "disabled", 2);
-C([
-  s({ type: Boolean })
-], x.prototype, "readonly", 2);
-C([
-  m()
-], x.prototype, "_internalError", 2);
-x = C([
-  Y("logosphere-input")
-], x);
-const Pt = '.popover__wrapper{position:relative;display:inline-block;font-family:var(--font-family-base)}.popover__trigger{display:inline-flex}.popover__panel{position:relative;overflow:visible;z-index:var(--z-index-popover);min-width:240px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-body-bg);box-shadow:var(--shadow-md)}.popover__content{position:relative;z-index:1;background-color:var(--color-body-bg);border-radius:var(--radius-md);overflow:hidden}.popover__content:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background-color:var(--color-body-bg);border-radius:var(--radius-md) var(--radius-md) 0 0;z-index:1;pointer-events:none}.popover__content>*{position:relative;z-index:2}.popover__title{padding:10px var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-body-text)}.popover__body{padding:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-secondary)}.popover__body--with-border{border-top:1px solid var(--color-border)}.popper-arrow{position:absolute;width:12px;height:12px;pointer-events:none;z-index:0}.popper-arrow:before{content:"";position:absolute;inset:0;background:var(--color-border);transform:rotate(45deg)}.popper-arrow:after{content:"";position:absolute;inset:1px;background:var(--color-body-bg);transform:rotate(45deg)}[data-popper]{position:relative;overflow:visible}[data-popper-placement^=bottom]>.popper-arrow{top:-6px;left:50%;transform:translate(-50%,-50%)}[data-popper-placement^=top]>.popper-arrow{bottom:-6px;left:50%;transform:translate(-50%,50%)}[data-popper-placement^=left]>.popper-arrow{right:-6px;top:50%;transform:translate(50%,-50%)}[data-popper-placement^=right]>.popper-arrow{left:-6px;top:50%;transform:translate(-50%,-50%)}';
-var Tt = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, Z = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Yt(t, o) : t, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
-  return r && i && Tt(t, o, i), i;
-};
-let F = class extends O {
-  constructor() {
-    super(...arguments), this.title = "", this.trigger = "click", this.placement = "bottom", this.offset = 8, this.open = !1, this.closeOnOutsideClick = !0, this.handleDocumentClick = (e) => {
-      !this.open || !this.closeOnOutsideClick || e.composedPath().includes(this) || this.setOpen(!1);
-    }, this.toggle = (e) => {
-      (this.trigger === "click" || this.trigger === "both") && (e?.stopPropagation(), this.setOpen(!this.open));
-    }, this.handleMouseEnter = () => {
-      (this.trigger === "hover" || this.trigger === "both") && this.setOpen(!0);
-    }, this.handleMouseLeave = () => {
-      (this.trigger === "hover" || this.trigger === "both") && this.setOpen(!1);
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), document.addEventListener("click", this.handleDocumentClick, { capture: !0 });
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("click", this.handleDocumentClick, { capture: !0 }), this.destroyPopper();
-  }
-  updated(e) {
-    super.updated(e);
-    const t = e.has("placement"), o = e.has("open") && this.open;
-    if (e.has("open") && !this.open) {
-      this.destroyPopper();
-      return;
-    }
-    (o || t) && this.open && this.updatePopper();
-  }
-  setOpen(e) {
-    this.open !== e && (this.open = e, this.dispatchEvent(new CustomEvent(e ? "popover-open" : "popover-close", {
-      bubbles: !0,
-      composed: !0
-    })));
-  }
-  updatePopper() {
-    if (!this.isConnected || !this.open) return;
-    const e = this.triggerElement, t = this.popperElement;
-    if (!(!e || !t)) {
-      if (this.popperInstance) {
-        this.popperInstance.setOptions({
-          placement: this.placement,
-          modifiers: this.getPopperModifiers(),
-          strategy: "fixed"
-        }), this.popperInstance.update();
-        return;
-      }
-      this.popperInstance = nt(e, t, {
-        placement: this.placement,
-        strategy: "fixed",
-        modifiers: this.getPopperModifiers()
-      });
-    }
-  }
-  getPopperModifiers() {
-    return [
-      { name: "offset", options: { offset: [0, this.offset] } },
-      { name: "arrow", options: { element: this.popperArrowElement, padding: 8 } },
-      { name: "preventOverflow", options: { padding: 8 } },
-      { name: "flip", options: { padding: 8 } }
-    ];
-  }
-  destroyPopper() {
-    this.popperInstance && (this.popperInstance.destroy(), this.popperInstance = void 0);
-  }
-  render() {
-    const e = !!this.title;
-    return l`
-      <div
-        class="popover__wrapper"
-        @mouseenter=${this.handleMouseEnter}
-        @mouseleave=${this.handleMouseLeave}
-      >
-        <div class="popover__trigger" part="trigger" @click=${this.toggle}>
-          <slot name="trigger"></slot>
-        </div>
-
-        ${this.open ? l`
-          <div
-            data-popper
-            class="popover__panel"
-            role="dialog"
-            aria-hidden=${this.open ? "false" : "true"}
-          >
-            <div data-popper-arrow class="popper-arrow"></div>
-            <div class="popover__content">
-              ${this.title ? l`
-                <div class="popover__title">${this.title}</div>
-              ` : null}
-              <div class="popover__body ${e ? "popover__body--with-border" : ""}">
-                <slot></slot>
-              </div>
-            </div>
-          </div>
-        ` : null}
-      </div>
-    `;
-  }
-};
-F.styles = [T`${P(Pt)}`];
-Z([
-  s({ type: String })
-], F.prototype, "title", 2);
-Z([
-  s({ type: String })
-], F.prototype, "trigger", 2);
-Z([
-  s({ type: String })
-], F.prototype, "placement", 2);
-Z([
-  s({ type: Number })
-], F.prototype, "offset", 2);
-Z([
-  s({ type: Boolean, reflect: !0 })
-], F.prototype, "open", 2);
-Z([
-  s({ type: Boolean })
-], F.prototype, "closeOnOutsideClick", 2);
-Z([
-  te('[part="trigger"]')
-], F.prototype, "triggerElement", 2);
-Z([
-  te("[data-popper]")
-], F.prototype, "popperElement", 2);
-Z([
-  te("[data-popper-arrow]")
-], F.prototype, "popperArrowElement", 2);
-F = Z([
-  Y("logosphere-popover")
-], F);
-const Lt = ".textarea__field{width:100%;background:transparent;border:none;outline:none;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);box-sizing:border-box;line-height:1.5}.textarea__field::placeholder{color:var(--color-tertiary)}.textarea__field:disabled{cursor:not-allowed}.textarea__field--resize-none{resize:none}.textarea__field--resize-vertical{resize:vertical}.textarea__field--resize-horizontal{resize:horizontal}.textarea__field--resize-both{resize:both}.textarea__field--auto-resize{resize:none;overflow:hidden}.textarea__clear-btn{border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;padding:0;display:inline-flex;align-items:flex-start;align-self:flex-start;margin-top:var(--spacing-1);outline:none;flex-shrink:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.textarea__clear-btn:hover{color:var(--color-gray-600)}";
-var Bt = Object.defineProperty, It = Object.getOwnPropertyDescriptor, M = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? It(t, o) : t, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
-  return r && i && Bt(t, o, i), i;
-};
-let k = class extends O {
-  constructor() {
-    super(...arguments), this.value = "", this.placeholder = "", this.name = "", this.autocomplete = "", this.rows = 3, this.wrap = "soft", this.resize = "vertical", this.autoResize = !1, this.size = "default", this.variant = "default", this.showClear = !1, this.label = "", this.helper = "", this.error = "", this.required = !1, this.disabled = !1, this.readonly = !1, this._internalError = "", this.handleInput = (e) => {
-      const t = e.target;
-      this.value = t.value, this.autoResize && this.adjustHeight(), this._internalError && (this._internalError = "", this._textareaElement.setCustomValidity("")), this.dispatchEvent(new CustomEvent("input", {
-        bubbles: !0,
-        composed: !0,
-        detail: { value: this.value, originalEvent: e }
-      }));
-    }, this.handleChange = (e) => {
-      const t = e.target;
-      this.value = t.value, t.checkValidity() || (this._internalError = t.validationMessage), this.dispatchEvent(new CustomEvent("change", {
-        bubbles: !0,
-        composed: !0,
-        detail: { value: this.value, originalEvent: e }
-      }));
-    }, this.handleKeyDown = (e) => {
-      this.dispatchEvent(new CustomEvent("keydown", {
-        bubbles: !0,
-        composed: !0,
-        detail: { key: e.key, originalEvent: e }
-      }));
-    }, this.handleKeyUp = (e) => {
-      this.dispatchEvent(new CustomEvent("keyup", {
-        bubbles: !0,
-        composed: !0,
-        detail: { key: e.key, originalEvent: e }
-      }));
-    }, this.handleClear = () => {
-      this.value = "", this._textareaElement && (this._textareaElement.value = "", this.autoResize && this.adjustHeight()), this.dispatchEvent(new CustomEvent("clear", { bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("input", {
-        bubbles: !0,
-        composed: !0,
-        detail: { value: "", originalEvent: null }
-      }));
-    };
-  }
-  get textareaElement() {
-    return this._textareaElement;
-  }
-  focus() {
-    this._textareaElement?.focus();
-  }
-  blur() {
-    this._textareaElement?.blur();
-  }
-  select() {
-    this._textareaElement?.select();
-  }
-  setSelectionRange(e, t, o) {
-    this._textareaElement?.setSelectionRange(e, t, o);
-  }
-  checkValidity() {
-    return this._textareaElement?.checkValidity() ?? !0;
-  }
-  reportValidity() {
-    return this._textareaElement?.reportValidity() ?? !0;
-  }
-  setCustomValidity(e) {
-    this._textareaElement?.setCustomValidity(e), this._internalError = e, this.requestUpdate();
-  }
-  adjustHeight() {
-    !this.autoResize || !this._textareaElement || (this._textareaElement.style.height = "auto", this._textareaElement.style.height = `${this._textareaElement.scrollHeight}px`);
-  }
-  updated(e) {
-    super.updated(e), e.has("value") && this.autoResize && this.adjustHeight();
-  }
-  getResizeClass() {
-    return this.autoResize ? "textarea__field--auto-resize" : {
-      none: "textarea__field--resize-none",
-      vertical: "textarea__field--resize-vertical",
-      horizontal: "textarea__field--resize-horizontal",
-      both: "textarea__field--resize-both"
-    }[this.resize];
-  }
-  render() {
-    const e = this.error || this._internalError, t = this.showClear && this.value && !this.disabled && !this.readonly, o = `textarea__field ${this.getResizeClass()}`;
-    return l`
-      <logosphere-formfield
-        .label=${this.label}
-        .helper=${this.helper}
-        .error=${e}
-        .required=${this.required}
-        .disabled=${this.disabled}
-        .readonly=${this.readonly}
-        .placeholder=${this.placeholder}
-        .size=${this.size}
-        .variant=${this.variant}
-      >
-        <textarea
-          class="${o}"
-          .value=${Qe(this.value)}
-          placeholder=${this.placeholder || u}
-          name=${this.name || u}
-          autocomplete=${this.autocomplete || u}
-          ?required=${this.required}
-          ?disabled=${this.disabled}
-          ?readonly=${this.readonly}
-          minlength=${this.minlength ?? u}
-          maxlength=${this.maxlength ?? u}
-          rows=${this.rows}
-          cols=${this.cols ?? u}
-          wrap=${this.wrap}
-          @input=${this.handleInput}
-          @change=${this.handleChange}
-          @keydown=${this.handleKeyDown}
-          @keyup=${this.handleKeyUp}
-        ></textarea>
-        ${t ? l`
-          <button
-            type="button"
-            slot="suffix"
-            class="textarea__clear-btn"
-            @click=${this.handleClear}
-            tabindex="-1"
-          >
-            <ui-icon name="uil-times" size="14"></ui-icon>
-          </button>
-        ` : u}
-      </logosphere-formfield>
-    `;
-  }
-};
-k.styles = [T`${P(Lt)}`];
-M([
-  te("textarea")
-], k.prototype, "_textareaElement", 2);
-M([
-  s({ type: String })
-], k.prototype, "value", 2);
-M([
-  s({ type: String })
-], k.prototype, "placeholder", 2);
-M([
-  s({ type: String })
-], k.prototype, "name", 2);
-M([
-  s({ type: String })
-], k.prototype, "autocomplete", 2);
-M([
-  s({ type: Number })
-], k.prototype, "minlength", 2);
-M([
-  s({ type: Number })
-], k.prototype, "maxlength", 2);
-M([
-  s({ type: Number })
-], k.prototype, "rows", 2);
-M([
-  s({ type: Number })
-], k.prototype, "cols", 2);
-M([
-  s({ type: String })
-], k.prototype, "wrap", 2);
-M([
-  s({ type: String })
-], k.prototype, "resize", 2);
-M([
-  s({ type: Boolean })
-], k.prototype, "autoResize", 2);
-M([
-  s({ type: String })
-], k.prototype, "size", 2);
-M([
-  s({ type: String })
-], k.prototype, "variant", 2);
-M([
-  s({ type: Boolean })
-], k.prototype, "showClear", 2);
-M([
-  s({ type: String })
-], k.prototype, "label", 2);
-M([
-  s({ type: String })
-], k.prototype, "helper", 2);
-M([
-  s({ type: String })
-], k.prototype, "error", 2);
-M([
-  s({ type: Boolean })
-], k.prototype, "required", 2);
-M([
-  s({ type: Boolean })
-], k.prototype, "disabled", 2);
-M([
-  s({ type: Boolean })
-], k.prototype, "readonly", 2);
-M([
-  m()
-], k.prototype, "_internalError", 2);
-k = M([
-  Y("logosphere-textarea")
-], k);
-const At = '.combobox{display:flex;flex-direction:column;gap:var(--spacing-1);font-family:var(--font-family-base);width:100%}.combobox__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-body-text)}.combobox__label--required:after{content:" *";color:var(--color-primary)}.combobox__readonly{border:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-body-text);padding:0;outline:none;font-family:var(--font-family-base)}.combobox__wrapper{position:relative;width:100%}.combobox__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-base);background-color:var(--color-body-bg);cursor:pointer;overflow:hidden;font-size:var(--font-size-sm);color:var(--color-body-text);transition:border-color var(--transition-speed-fast) var(--transition-timing);box-sizing:border-box}.combobox__trigger--default{height:32px}.combobox__trigger--large{height:40px;font-size:var(--font-size-base)}.combobox__trigger--open{border-color:var(--color-secondary-hover)}.combobox__trigger--readonly{cursor:default;background-color:var(--color-tertiary-bg);color:var(--color-tertiary)}.combobox__trigger--readonly .combobox__chevron{opacity:.3}.combobox__placeholder{color:var(--color-tertiary);font-size:var(--font-size-sm);flex:1}.combobox__single-value{flex:1;font-size:var(--font-size-sm);color:var(--color-body-text)}.combobox__chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--color-tertiary);flex-shrink:0;transition:transform var(--transition-speed-fast) var(--transition-timing)}.combobox__chevron--open{transform:rotate(180deg)}.combobox__tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-1);flex:1;overflow:hidden}.combobox__tag{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:0 var(--spacing-2);background-color:var(--color-tertiary-bg);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-body-text);white-space:nowrap}.combobox__tag-remove{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--color-tertiary);line-height:1;transition:color var(--transition-speed-fast) var(--transition-timing)}.combobox__tag-remove:hover{color:var(--color-body-text)}.combobox__clear{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--color-secondary);line-height:1;flex-shrink:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.combobox__clear:hover{color:var(--color-body-text)}.combobox__filter-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);min-width:0;padding:0;cursor:text}.combobox__filter-input::placeholder{color:var(--color-tertiary)}.combobox__filter-input--inline{flex:1;min-width:60px}.combobox__trigger--multi-filter{flex-wrap:wrap;height:auto;min-height:32px;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3)}.combobox__trigger--large.combobox__trigger--multi-filter{min-height:40px}.combobox__dropdown{position:absolute;top:calc(100% + var(--spacing-1));left:0;width:100%;background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-base);z-index:var(--z-index-dropdown);overflow:hidden}.combobox__search{width:100%;padding:var(--spacing-1-5) var(--spacing-3);border:none;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-body-text);font-family:var(--font-family-base);outline:none;box-sizing:border-box;background-color:var(--color-body-bg)}.combobox__search::placeholder{color:var(--color-tertiary)}.combobox__list{max-height:208px;overflow-y:auto}.combobox__item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1-5) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-body-text);cursor:pointer;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.combobox__item:hover,.combobox__item--selected,.combobox__item--focused{background-color:var(--color-tertiary-bg)}.combobox__empty{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-tertiary);text-align:center}';
-var jt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, L = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Rt(t, o) : t, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
-  return r && i && jt(t, o, i), i;
-};
-let E = class extends O {
-  constructor() {
-    super(...arguments), this.inputId = "combo-" + Math.random().toString(36).substring(2), this.label = "", this.placeholder = "Seçim yapınız", this.required = !1, this.readOnly = !1, this.multiple = !1, this.filterable = !1, this.optionLabel = "label", this.optionValue = "value", this.emptyMessage = "Sonuç yok", this.items = [], this.size = "default", this.selected = [], this.inputValue = "", this.isOpen = !1, this.focusedIndex = -1, this._filteredItems = [], this._handleOutsideClick = (e) => {
-      e.composedPath().includes(this) || this._closeDropdown();
-    }, this._handleKeydown = (e) => {
-      if (!this.readOnly)
-        switch (e.key) {
-          case "ArrowDown":
-            e.preventDefault(), this.isOpen ? this.focusedIndex = Math.min(this.focusedIndex + 1, this._filteredItems.length - 1) : (this.isOpen = !0, this.focusedIndex = 0), this._scrollFocusedIntoView();
-            break;
-          case "ArrowUp":
-            e.preventDefault(), this.isOpen && (this.focusedIndex = Math.max(this.focusedIndex - 1, 0), this._scrollFocusedIntoView());
-            break;
-          case "Enter":
-            e.preventDefault(), this.isOpen ? this.focusedIndex >= 0 && this.focusedIndex < this._filteredItems.length && this._selectItem(this._filteredItems[this.focusedIndex], e) : (this.isOpen = !0, this.focusedIndex = 0);
-            break;
-          case "Escape":
-            e.preventDefault(), this._closeDropdown();
-            break;
-        }
-    }, this._removeTag = (e, t) => {
-      t.stopPropagation(), this.setSelected(
-        this.selected.filter((o) => o[this.optionValue] !== e[this.optionValue])
-      );
-    }, this._clearSelection = (e) => {
-      e.stopPropagation(), this.setSelected([]), this.inputValue = "";
-    }, this._onFilterFocus = () => {
-      this.inputValue = "", this.isOpen = !0, this.focusedIndex = 0;
-    }, this._onFilterInput = (e) => {
-      this.inputValue = e.target.value, this.focusedIndex = 0, this.isOpen || (this.isOpen = !0);
-    }, this._stopPropagation = (e) => e.stopPropagation(), this._onTriggerClick = () => {
-      this.readOnly || (this.filterable && !this.multiple ? this._focusFilterInput() : this.isOpen = !this.isOpen);
-    };
-  }
-  // ==================== LIFECYCLE ====================
-  willUpdate(e) {
-    if (e.has("items") || e.has("inputValue") || e.has("optionLabel")) {
-      const t = this.inputValue.toLocaleLowerCase();
-      this._filteredItems = this.items.filter(
-        (o) => String(o[this.optionLabel] ?? "").toLocaleLowerCase().includes(t)
-      );
-    }
-  }
-  updated(e) {
-    e.has("isOpen") && this.isOpen && this.filterable && this.multiple && this.shadowRoot?.querySelector(".combobox__search")?.focus();
-  }
-  connectedCallback() {
-    super.connectedCallback(), document.addEventListener("click", this._handleOutsideClick);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("click", this._handleOutsideClick);
-  }
-  // ==================== HELPERS ====================
-  _closeDropdown() {
-    this.isOpen = !1, this.focusedIndex = -1, this.filterable && (this.inputValue = "");
-  }
-  get _filterDisplayValue() {
-    return this.isOpen ? this.inputValue : !this.multiple && this.selected.length ? String(this.selected[0][this.optionLabel]) : "";
-  }
-  _focusFilterInput() {
-    this.updateComplete.then(() => {
-      this.shadowRoot?.querySelector(".combobox__filter-input")?.focus();
-    });
-  }
-  _scrollFocusedIntoView() {
-    this.updateComplete.then(() => {
-      this.shadowRoot?.querySelectorAll(".combobox__item")?.[this.focusedIndex]?.scrollIntoView({ block: "nearest" });
-    });
-  }
-  // ==================== SELECTION ====================
-  selectedItems() {
-    return this.selected;
-  }
-  isSelected(e) {
-    return this.selected.some((t) => t[this.optionValue] === e[this.optionValue]);
-  }
-  _selectItem(e, t) {
-    t.stopPropagation();
-    let o;
-    this.multiple ? o = this.isSelected(e) ? this.selected.filter((r) => r[this.optionValue] !== e[this.optionValue]) : [...this.selected, e] : (o = [e], this.isOpen = !1, this.filterable && (this.inputValue = "")), this.setSelected(o);
-  }
-  setSelected(e) {
-    this.selected = e, this.dispatchEvent(new CustomEvent("selected", { detail: { selected: e }, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: { value: e }, bubbles: !0, composed: !0 }));
-  }
-  // ==================== RENDER PARTS ====================
-  _renderTagList() {
-    return l`
-      <div class="combobox__tags">
-        ${this.selected.map((e) => l`
-          <span class="combobox__tag">
-            ${e[this.optionLabel]}
-            ${this.readOnly ? u : l`
-              <button
-                class="combobox__tag-remove"
-                @click=${(t) => this._removeTag(e, t)}
-                aria-label="Remove"
-              >
-                <ui-icon name="uil-times" size="12"></ui-icon>
-              </button>
-            `}
-          </span>
-        `)}
-      </div>
-    `;
-  }
-  _renderTriggerContent() {
-    return this.filterable && !this.multiple ? l`
-        <input
-          class="combobox__filter-input"
-          type="text"
-          .value=${this._filterDisplayValue}
-          placeholder=${this.placeholder}
-          ?disabled=${this.readOnly}
-          @focus=${this._onFilterFocus}
-          @input=${this._onFilterInput}
-          @keydown=${this._handleKeydown}
-          @click=${this._stopPropagation}
-        />
-        ${!this.readOnly && this.selected.length ? l`
-          <button class="combobox__clear" @click=${this._clearSelection} aria-label="Clear">
-            <ui-icon name="uil-times" size="14"></ui-icon>
-          </button>
-        ` : u}
-      ` : this.multiple && this.selected.length ? this._renderTagList() : !this.multiple && this.selected.length ? l`
-        <span class="combobox__single-value">${this.selected[0][this.optionLabel]}</span>
-        ${this.readOnly ? u : l`
-          <button class="combobox__clear" @click=${this._clearSelection} aria-label="Clear">
-            <ui-icon name="uil-times" size="14"></ui-icon>
-          </button>
-        `}
-      ` : l`<span class="combobox__placeholder">${this.placeholder}</span>`;
-  }
-  _renderDropdown() {
-    return this.isOpen ? l`
-      <div class="combobox__dropdown">
-        ${this.filterable && this.multiple ? l`
-          <input
-            class="combobox__search"
-            type="text"
-            placeholder=${this.placeholder}
-            .value=${this.inputValue}
-            @input=${this._onFilterInput}
-            @keydown=${this._handleKeydown}
-            @click=${this._stopPropagation}
-          />
-        ` : u}
-
-        <div class="combobox__list">
-          ${this._filteredItems.length === 0 ? l`<div class="combobox__empty">${this.emptyMessage}</div>` : this._filteredItems.map((e, t) => l`
-                <div
-                  class="combobox__item
-                    ${!this.multiple && this.isSelected(e) ? "combobox__item--selected" : ""}
-                    ${t === this.focusedIndex ? "combobox__item--focused" : ""}"
-                  @click=${(o) => this._selectItem(e, o)}
-                  @mouseenter=${() => {
-      this.focusedIndex = t;
-    }}
-                >
-                  ${this.multiple ? l`
-                    <logosphere-checkbox
-                      .checked=${this.isSelected(e)}
-                      .value=${e[this.optionValue]}
-                      @click=${this._stopPropagation}
-                    ></logosphere-checkbox>
-                  ` : u}
-                  ${e[this.optionLabel]}
-                </div>
-              `)}
-        </div>
-      </div>
-    ` : u;
-  }
-  // ==================== MAIN RENDER ====================
-  render() {
-    const e = [
-      "combobox__label",
-      this.required && !this.readOnly ? "combobox__label--required" : ""
-    ].filter(Boolean).join(" "), t = [
-      "combobox__trigger",
-      `combobox__trigger--${this.size}`,
-      this.readOnly ? "combobox__trigger--readonly" : "",
-      !this.readOnly && this.isOpen ? "combobox__trigger--open" : ""
-    ].filter(Boolean).join(" ");
-    return l`
-      <div class="combobox">
-        ${this.label ? l`
-          <label for="${this.inputId}" class="${e}">${this.label}</label>
-        ` : u}
-
-        <div class="combobox__wrapper">
-          <div
-            class="${t}"
-            tabindex="${this.readOnly || this.filterable ? -1 : 0}"
-            @click=${this._onTriggerClick}
-            @keydown=${this.filterable ? u : this._handleKeydown}
-          >
-            ${this._renderTriggerContent()}
-            <span class="combobox__chevron ${this.isOpen ? "combobox__chevron--open" : ""}">
-              <ui-icon name="uil-angle-down" size="16"></ui-icon>
-            </span>
-          </div>
-
-          ${this._renderDropdown()}
-        </div>
-      </div>
-    `;
-  }
-};
-E.styles = [T`${P(At)}`];
-L([
-  s({ type: String })
-], E.prototype, "label", 2);
-L([
-  s({ type: String })
-], E.prototype, "placeholder", 2);
-L([
-  s({ type: Boolean })
-], E.prototype, "required", 2);
-L([
-  s({ type: Boolean })
-], E.prototype, "readOnly", 2);
-L([
-  s({ type: Boolean })
-], E.prototype, "multiple", 2);
-L([
-  s({ type: Boolean })
-], E.prototype, "filterable", 2);
-L([
-  s({ type: String })
-], E.prototype, "optionLabel", 2);
-L([
-  s({ type: String })
-], E.prototype, "optionValue", 2);
-L([
-  s({ type: String })
-], E.prototype, "emptyMessage", 2);
-L([
-  s({ type: Array })
-], E.prototype, "items", 2);
-L([
-  s({ type: String })
-], E.prototype, "size", 2);
-L([
-  m()
-], E.prototype, "selected", 2);
-L([
-  m()
-], E.prototype, "inputValue", 2);
-L([
-  m()
-], E.prototype, "isOpen", 2);
-L([
-  m()
-], E.prototype, "focusedIndex", 2);
-E = L([
-  Y("logosphere-combobox")
-], E);
-const Ft = ":host{display:block;z-index:9999}.chatbot{font-family:var(--font-family-base)}.chatbot__overlay{position:fixed;inset:0;background-color:#0003;z-index:var(--z-index-modal-backdrop)}.chatbot__launcher{position:fixed;z-index:var(--z-index-modal);display:flex;align-items:center;gap:var(--spacing-4);padding-left:var(--spacing-4);padding-right:var(--spacing-4);height:66px;color:#fff;border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-base);background-color:var(--color-body-bg);overflow:hidden;transition:box-shadow var(--transition-speed-fast) var(--transition-timing)}.chatbot__launcher:hover{box-shadow:var(--shadow-md)}.chatbot__launcher--draggable{cursor:move}.chatbot__launcher--hidden{visibility:hidden;width:72px;height:66px;justify-content:center;padding:0}.chatbot__launcher-icon{width:40px;height:34px;flex-shrink:0}.chatbot__launcher-text{display:flex;flex-direction:column}.chatbot__launcher-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);margin:0;line-height:24px;white-space:nowrap;color:var(--color-body-text)}.chatbot__launcher-subtitle{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin:0;line-height:20px;white-space:nowrap;color:var(--color-tertiary)}.chatbot__window{position:fixed;z-index:var(--z-index-modal);display:flex;flex-direction:column;box-shadow:var(--shadow-xl);border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-body-bg)}.chatbot__window--hidden{display:none}.chatbot__window--fullscreen{inset:80px 50px;width:auto;height:auto}.chatbot__resize-top{position:absolute;top:0;left:0;right:0;height:8px;cursor:ns-resize;z-index:50;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.chatbot__resize-top:hover{background-color:#0000000d}.chatbot__resize-side{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:50;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.chatbot__resize-side:hover{background-color:#0000000d}.chatbot__resize-side--left{left:0}.chatbot__resize-side--right{right:0}.chatbot__resize-corner{position:absolute;top:0;width:16px;height:16px;z-index:50;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.chatbot__resize-corner:hover{background-color:#0000001a}.chatbot__resize-corner--nwse{left:0;cursor:nwse-resize}.chatbot__resize-corner--nesw{right:0;cursor:nesw-resize}.chatbot__header{height:74px;display:flex;align-items:center;justify-content:space-between;padding-left:var(--spacing-5);padding-right:var(--spacing-4);gap:var(--spacing-4);flex-shrink:0;background-color:var(--color-body-bg);border-bottom:1px solid var(--color-border)}.chatbot__header-info{display:flex;align-items:center;gap:var(--spacing-4)}.chatbot__header-logo{width:50px;height:41px}.chatbot__header-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);margin:0;line-height:24px;color:var(--color-body-text)}.chatbot__header-subtitle{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin:0;line-height:20px;color:var(--color-tertiary)}.chatbot__header-actions{display:flex;align-items:center;gap:var(--spacing-2)}.chatbot__body{flex:1;display:flex;flex-direction:column;background-color:var(--color-body-bg);position:relative;overflow:hidden}.chatbot__product{padding:var(--spacing-3);padding-bottom:0;flex-shrink:0;margin:0 var(--spacing-3)}.chatbot__messages{flex:1;display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4);padding:var(--spacing-4);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.chatbot__messages::-webkit-scrollbar{display:none}.chatbot__message{display:flex}.chatbot__message--user{justify-content:flex-end}.chatbot__message--assistant,.chatbot__message--system{justify-content:flex-start}.chatbot__bubble{position:relative;color:var(--color-body-text);max-width:85%;border-radius:var(--radius-md);padding:var(--spacing-4);font-size:var(--font-size-sm);line-height:20px;font-weight:var(--font-weight-medium)}.chatbot__bubble--user{background-color:var(--color-primary);color:#fff;border-bottom-right-radius:0;border-top-right-radius:var(--radius-xl);border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.chatbot__bubble--user a{color:#ffffffe6}.chatbot__bubble--assistant,.chatbot__bubble--system{background-color:var(--color-tertiary-bg);border-bottom-left-radius:0;border-top-right-radius:var(--radius-xl);border-top-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.chatbot__message-content p{margin:0}.chatbot__message-content ol{list-style-type:decimal;margin:0;padding-left:var(--spacing-5)}.chatbot__message-content ul{list-style-type:disc;margin:0;padding-left:var(--spacing-5)}.chatbot__message-content li{padding-left:var(--spacing-1)}.chatbot__message-content a{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-speed-fast) var(--transition-timing)}.chatbot__message-content a:hover{color:var(--color-primary-hover)}.chatbot__feedback{display:flex;align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-2)}.chatbot__typing-wrapper{display:flex;justify-content:flex-start}.chatbot__typing{background-color:var(--color-tertiary-bg);padding:var(--spacing-3);border-radius:var(--radius-xl);border-bottom-left-radius:0;display:inline-flex;align-items:center;gap:2px}.chatbot__typing-dot{display:inline-block;width:6px;height:6px;background-color:var(--color-gray-300);border-radius:var(--radius-full);animation:chatbot-typing 1.4s infinite ease-in-out both;margin:0 2px}.chatbot__typing-dot:nth-child(1){animation-delay:-.32s}.chatbot__typing-dot:nth-child(2){animation-delay:-.16s}@keyframes chatbot-typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chatbot__input-area{padding:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-1);background-color:var(--color-body-bg)}.chatbot__input-wrapper{position:relative;display:flex;align-items:center;gap:var(--spacing-2);background-color:var(--color-tertiary-bg);border-radius:var(--radius-md);padding:var(--spacing-2);border:1px solid transparent;transition:background-color var(--transition-speed-fast) var(--transition-timing),border-color var(--transition-speed-fast) var(--transition-timing)}.chatbot__input-wrapper:focus-within{background-color:var(--color-body-bg);border-color:var(--color-border)}.chatbot__input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-body-text)}.chatbot__input::placeholder{color:var(--color-tertiary)}.chatbot__input:disabled{opacity:.5;cursor:not-allowed}.chatbot__footer{display:flex;align-items:center;justify-content:center;padding-bottom:var(--spacing-2)}.chatbot__footer-text{margin:0;padding:0;color:var(--color-secondary);font-size:var(--font-size-xs);font-family:var(--font-family-base)}";
-var qt = Object.defineProperty, Ht = Object.getOwnPropertyDescriptor, z = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ht(t, o) : t, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
-  return r && i && qt(t, o, i), i;
-};
-let v = class extends O {
-  constructor() {
-    super(...arguments), this.returnUri = "", this.questionPrompt = "", this.minimizedIconOnly = !1, this.draggable = !1, this.resizable = !1, this.products = [], this.openInitially = !1, this.showFeedbackButtons = !1, this.open = !1, this.fullscreen = !1, this.messages = [], this.isLoading = !1, this.inputText = "", this.selectedProductId = "", this.windowWidth = 440, this.windowHeight = Math.min(700, window.innerHeight - 40), this.position = { right: 20, bottom: 20 }, this.isDragging = !1, this.screenWidth = window.innerWidth, this.dragStartPos = { x: 0, y: 0 }, this.initialPosition = { right: 0, bottom: 0 }, this.isResizing = !1, this.resizeDirection = "horizontal", this.resizeStartWidth = 0, this.resizeStartHeight = 0, this.onWindowResize = () => {
-      this.screenWidth = window.innerWidth;
-      const e = window.innerHeight - 40;
-      this.windowHeight > e && (this.windowHeight = e);
-    }, this.onToggle = () => {
-      this.open = !this.open, this.scrollToBottom();
-    }, this.onClose = () => {
-      this.open = !1, this.fullscreen = !1;
-    }, this.onToggleFullscreen = () => {
-      this.fullscreen = !this.fullscreen;
-    }, this.onMouseMove = (e) => {
-      if (this.isDragging) {
-        const t = this.dragStartPos.x - e.clientX, o = this.dragStartPos.y - e.clientY, i = this.shadowRoot?.querySelector(".chatbot__launcher")?.getBoundingClientRect(), a = i?.width || 72, n = i?.height || 66;
-        this.position = {
-          right: Math.max(0, Math.min(window.innerWidth - a, this.initialPosition.right + t)),
-          bottom: Math.max(0, Math.min(window.innerHeight - n, this.initialPosition.bottom + o))
-        };
-      } else if (this.isResizing) {
-        const t = this.dragStartPos.x - e.clientX, o = this.dragStartPos.y - e.clientY;
-        if (this.resizeDirection === "horizontal" || this.resizeDirection === "both") {
-          const r = this.position.right < this.screenWidth / 2;
-          this.windowWidth = Math.max(300, this.resizeStartWidth + (r ? t : -t));
-        }
-        (this.resizeDirection === "vertical" || this.resizeDirection === "both") && (this.windowHeight = Math.max(400, this.resizeStartHeight + o));
-      }
-    }, this.onMouseUp = (e) => {
-      this.isDragging ? (this.isDragging = !1, window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("mouseup", this.onMouseUp), Math.hypot(e.clientX - this.dragStartPos.x, e.clientY - this.dragStartPos.y) < 5 && this.onToggle()) : this.isResizing && (this.isResizing = !1, window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("mouseup", this.onMouseUp));
-    }, this.handleKeyDown = (e) => {
-      e.key === "Enter" && !e.shiftKey && (e.preventDefault(), this.sendMessage());
-    }, this.onInput = (e) => {
-      const t = e.target;
-      this.inputText = t ? t.value : e.detail;
-    }, this.onCopyMessage = (e) => {
-      navigator.clipboard.writeText(e);
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), window.addEventListener("resize", this.onWindowResize);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), window.removeEventListener("resize", this.onWindowResize), window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("mouseup", this.onMouseUp);
-  }
-  async firstUpdated() {
-    this.products.length === 1 && (this.selectedProductId = this.products[0].id), this.open = this.openInitially, this.open && await this.initConversation();
-  }
-  updated(e) {
-    e.has("products") && this.handleProductUpdate(), e.has("messages") && this.scrollToBottom(), e.has("open") && this.open && !this.conversationId && this.initConversation();
-  }
-  // ==================== PRODUCT ====================
-  handleProductUpdate() {
-    if (!this.products.length) return;
-    const e = this.products.some((t) => t.id === this.selectedProductId);
-    this.products.length === 1 && (this.selectedProductId = this.products[0].id), e || (this.messages = [], this.conversationId = void 0, this.open && this.initConversation()), requestAnimationFrame(() => this.updateComboboxItems());
-  }
-  updateComboboxItems() {
-    const e = this.productEl;
-    if (!e || this.products?.length <= 1) return;
-    const t = this.products.map((r) => ({ value: r.id, label: r.name }));
-    e.items = t;
-    const o = e.selectedItems?.() || [];
-    if (o.length > 0) {
-      const r = o[0]?.value;
-      !this.products.some((a) => a.id === r) && e.setSelected && e.setSelected([]);
-    }
-  }
-  async onProductChange(e) {
-    const t = e.detail?.selected?.[0]?.value;
-    t && t !== this.selectedProductId && (this.selectedProductId = t);
-  }
-  // ==================== DRAG ====================
-  onMouseDown(e) {
-    this.draggable && (e.preventDefault(), this.isDragging = !0, this.dragStartPos = { x: e.clientX, y: e.clientY }, this.initialPosition = { ...this.position }, window.addEventListener("mousemove", this.onMouseMove), window.addEventListener("mouseup", this.onMouseUp));
-  }
-  startResize(e, t) {
-    this.resizable && (e.preventDefault(), e.stopPropagation(), this.isResizing = !0, this.resizeDirection = t, this.dragStartPos = { x: e.clientX, y: e.clientY }, this.resizeStartWidth = this.windowWidth, this.resizeStartHeight = this.windowHeight, window.addEventListener("mousemove", this.onMouseMove), window.addEventListener("mouseup", this.onMouseUp));
-  }
-  // ==================== CHAT API ====================
-  async ensureToken(e = !1) {
-    const t = "logosphere_chatbot_token";
-    if (e && (this.assertionToken = void 0, localStorage.removeItem(t)), !e) {
-      const i = localStorage.getItem(t);
-      if (i) {
-        this.assertionToken = i;
-        return;
-      }
-    }
-    const r = await (await fetch(`${this.returnUri}/api/chat/start`)).json();
-    if (!r.Success || !r.Data?.Token) throw new Error("Token alınamadı");
-    this.assertionToken = r.Data.Token, localStorage.setItem(t, this.assertionToken);
-  }
-  async postChat(e) {
-    await this.ensureToken();
-    const t = `${this.returnUri}/api/chat/completions`, o = () => fetch(t, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        client_assertion: this.assertionToken,
-        client_assertion_type: "urn:ietf:params:oauth:client-assertion-type:jwt-bearer"
-      },
-      body: JSON.stringify(e)
-    });
-    let r = await o();
-    if (r.status === 401 && (await this.ensureToken(!0), r = await o()), !r.ok) throw new Error(`HTTP ${r.status}`);
-    return r.json();
-  }
-  async initConversation() {
-    if (!this.isLoading) {
-      this.isLoading = !0;
-      try {
-        await this.ensureToken();
-        const e = await this.postChat({
-          ChatCompletionType: "NewConversation",
-          Context: this.selectedProductId,
-          QuestionPrompt: this.questionPrompt
-        });
-        this.conversationId = e.Data.ConversationId;
-        const t = e.Data.Choices?.[0]?.Message?.Content;
-        t && this.addMessage(t, "assistant");
-      } catch {
-        this.addMessage("Bir hata oluştu, lütfen tekrar deneyiniz.", "system");
-      } finally {
-        this.isLoading = !1;
-      }
-    }
-  }
-  async sendMessage() {
-    const e = this.inputText.trim();
-    if (!(!e || !this.conversationId || this.isLoading)) {
-      if (!this.selectedProductId) {
-        this.addMessage("Lütfen önce bir ürün seçiniz.", "system");
-        return;
-      }
-      this.addMessage(e, "user"), this.inputText = "", this.isLoading = !0;
-      try {
-        const o = (await this.postChat({
-          ChatCompletionType: "ConversationUpdate",
-          Content: e,
-          Context: this.selectedProductId,
-          ConversationId: this.conversationId,
-          QuestionPrompt: this.questionPrompt
-        })).Data?.Choices?.[0]?.Message?.Content;
-        this.addMessage(o || "Cevap alınamadı.", "assistant");
-      } catch {
-        this.addMessage("Bağlantı hatası.", "system");
-      } finally {
-        this.isLoading = !1;
-      }
-    }
-  }
-  addMessage(e, t) {
-    this.messages = [...this.messages, { content: e, role: t, timestamp: Date.now() }];
-  }
-  scrollToBottom() {
-    setTimeout(() => {
-      this.chatContainer && (this.chatContainer.scrollTop = this.chatContainer.scrollHeight);
-    }, 0);
-  }
-  // ==================== CONTENT FORMATTER ====================
-  formatContent(e) {
-    if (!e) return "";
-    const o = e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").split(`
-`);
-    let r = "", i = !1, a = "";
-    for (const n of o) {
-      const d = n.trim() === "", c = n.match(/^\s*\d+\.\s+(.*)/), f = n.match(/^\s*[-*]\s+(.*)/);
-      if (c || f) {
-        const b = c ? "ol" : "ul";
-        (!i || a !== b) && (i && (r += `</${a}>`), r += `<${b}>`, i = !0, a = b), r += `<li>${c ? c[1] : f[1]}</li>`;
-      } else
-        d ? i || (r += "<br>") : (i && (r += `</${a}>`, i = !1, a = ""), r += `<p>${n}</p>`);
-    }
-    return i && (r += `</${a}>`), r.replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>").replace(/\*(.*?)\*/g, "<em>$1</em>").replace(
-      /\[([^\]]+)\]\(([^)]+)\)/g,
-      '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'
-    );
-  }
-  // ==================== RENDER ====================
-  render() {
-    const e = this.position.right < this.screenWidth / 2;
-    return l`
-            <div class="chatbot">
-                ${this.renderOverlay()}
-                ${this.renderLauncher()}
-                ${this.renderWindow(e)}
-            </div>
-        `;
-  }
-  renderOverlay() {
-    return this.open || this.fullscreen ? l`<div class="chatbot__overlay" @click=${this.onToggle}></div>` : "";
-  }
-  renderLauncher() {
-    const e = [
-      "chatbot__launcher",
-      this.draggable ? "chatbot__launcher--draggable" : "",
-      this.open ? "chatbot__launcher--hidden" : ""
-    ].filter(Boolean).join(" ");
-    return l`
-            <div
-                class="${e}"
-                style="right: ${this.position.right}px; bottom: ${this.position.bottom}px;"
-                @mousedown=${this.onMouseDown}
-                @click=${this.draggable ? null : this.onToggle}
-                aria-expanded=${this.open ? "true" : "false"}
-            >
-                <img class="chatbot__launcher-icon" src="${v.ICONS.launcher}" alt="chatbot" />
-                ${!this.open && !this.minimizedIconOnly ? l`
-                    <div class="chatbot__launcher-text">
-                        <p class="chatbot__launcher-title">Logo</p>
-                        <p class="chatbot__launcher-subtitle">Dijital Danışman</p>
-                    </div>
-                ` : ""}
-            </div>
-        `;
-  }
-  renderWindow(e) {
-    const t = [
-      "chatbot__window",
-      this.open ? "" : "chatbot__window--hidden",
-      this.fullscreen ? "chatbot__window--fullscreen" : ""
-    ].filter(Boolean).join(" "), o = this.fullscreen ? "" : `bottom: 20px; height: ${this.windowHeight}px; width: ${this.windowWidth}px; ${e ? "right: 20px;" : "left: 20px;"}`;
-    return l`
-            <div class="${t}" style="${o}">
-                ${this.renderResizeHandles(e)}
-                ${this.renderHeader()}
-                <div class="chatbot__body">
-                    ${this.renderProductSelector()}
-                    ${this.renderChatArea()}
-                    ${this.renderInputArea()}
-                </div>
-            </div>
-        `;
-  }
-  renderResizeHandles(e) {
-    return this.fullscreen || !this.resizable ? "" : l`
-            <div class="chatbot__resize-top"
-                 @mousedown=${(t) => this.startResize(t, "vertical")}></div>
-            <div class="chatbot__resize-side ${e ? "chatbot__resize-side--left" : "chatbot__resize-side--right"}"
-                 @mousedown=${(t) => this.startResize(t, "horizontal")}></div>
-            <div class="chatbot__resize-corner ${e ? "chatbot__resize-corner--nwse" : "chatbot__resize-corner--nesw"}"
-                 @mousedown=${(t) => this.startResize(t, "both")}></div>
-        `;
-  }
-  renderHeader() {
-    return l`
-            <div class="chatbot__header">
-                <div class="chatbot__header-info">
-                    <img class="chatbot__header-logo" alt="logo" src="${v.ICONS.launcher}" />
-                    <div>
-                        <p class="chatbot__header-title">Logo</p>
-                        <p class="chatbot__header-subtitle">Dijital Danışman</p>
-                    </div>
-                </div>
-                <div class="chatbot__header-actions">
-                    <logosphere-button
-                        iconOnly="true"
-                        size="sm"
-                        variant="text"
-                        theme="--color-light-rgb"
-                        title=${this.fullscreen ? "Küçült" : "Tam Ekran"}
-                        @click=${this.onToggleFullscreen}
-                    >
-                        <ui-icon name="${this.fullscreen ? "uil-compress-alt" : "uil-expand-alt"}" size="16"></ui-icon>
-                    </logosphere-button>
-                    <logosphere-button
-                        iconOnly="true"
-                        size="sm"
-                        variant="text"
-                        theme="--color-light"
-                        title="Kapat"
-                        @click=${this.onClose}
-                    >
-                        <ui-icon name="uil-times" size="16"></ui-icon>
-                    </logosphere-button>
-                </div>
-            </div>
-        `;
-  }
-  renderProductSelector() {
-    return l`
-            <div class="chatbot__product">
-                ${this.products.length > 1 ? l`
-                        <logosphere-combobox
-                            id="product"
-                            .items=${this.products.map((e) => ({ value: e.id, label: e.name }))}
-                            optionValue="value"
-                            optionLabel="label"
-                            placeholder="Ürün seçiniz"
-                            @selected=${this.onProductChange}
-                        ></logosphere-combobox>
-                    ` : l`
-                        <logosphere-input
-                            id="product"
-                            placeholder="Ürün seçiniz"
-                            .value=${this.products.length === 1 ? this.products[0].name : ""}
-                            readOnly="true"
-                        ></logosphere-input>
-                    `}
-            </div>
-        `;
-  }
-  renderChatArea() {
-    return l`
-            <div id="chat-container" class="chatbot__messages">
-                ${this.messages.map((e) => this.renderMessage(e))}
-                ${this.isLoading ? this.renderTypingIndicator() : ""}
-            </div>
-        `;
-  }
-  renderMessage(e) {
-    const t = [
-      "chatbot__bubble",
-      `chatbot__bubble--${e.role}`
-    ].join(" ");
-    return l`
-            <div class="chatbot__message chatbot__message--${e.role}">
-                <div class="${t}">
-                    <div class="chatbot__message-content">
-                        ${at(this.formatContent(e.content))}
-                    </div>
-                    ${this.showFeedbackButtons && e.role === "assistant" ? this.renderFeedbackButtons(e) : ""}
-                </div>
-            </div>
-        `;
-  }
-  renderFeedbackButtons(e) {
-    return l`
-            <div class="chatbot__feedback">
-                <logosphere-button
-                    @click=${() => this.onCopyMessage(e.content)}
-                    title="Kopyala"
-                    iconOnly="true"
-                    size="sm"
-                    theme="--color-light-rgb"
-                >
-                    <ui-icon name="uil-copy" size="14"></ui-icon>
-                </logosphere-button>
-                <logosphere-button title="Like" iconOnly="true" size="sm" theme="--color-light-rgb">
-                    <ui-icon name="uil-thumbs-up" size="14"></ui-icon>
-                </logosphere-button>
-                <logosphere-button title="Dislike" iconOnly="true" size="sm" theme="--color-light-rgb">
-                    <ui-icon name="uil-thumbs-down" size="14"></ui-icon>
-                </logosphere-button>
-            </div>
-        `;
-  }
-  renderTypingIndicator() {
-    return l`
-            <div class="chatbot__typing-wrapper">
-                <div class="chatbot__typing">
-                    <span class="chatbot__typing-dot"></span>
-                    <span class="chatbot__typing-dot"></span>
-                    <span class="chatbot__typing-dot"></span>
-                </div>
-            </div>
-        `;
-  }
-  renderInputArea() {
-    return l`
-            <div class="chatbot__input-area">
-                <div class="chatbot__input-wrapper">
-                    <input
-                        class="chatbot__input"
-                        placeholder=${this.selectedProductId ? "Bir şeyler yazın..." : "Lütfen ürün seçiniz..."}
-                        .value=${this.inputText}
-                        @input=${this.onInput}
-                        @keydown=${this.handleKeyDown}
-                        ?disabled=${!this.selectedProductId}
-                    />
-                    <logosphere-button
-                        iconOnly="true"
-                        size="lg"
-                        variant="text"
-                        theme="--color-light"
-                        title="Gönder"
-                        @click=${this.sendMessage}
-                        ?disabled=${!this.selectedProductId || !this.inputText.trim()}
-                    >
-                        <ui-icon name="uil-arrow-circle-right" size="20"></ui-icon>
-                    </logosphere-button>
-                </div>
-            </div>
-            <div class="chatbot__footer">
-                <p class="chatbot__footer-text">İçerik Yapay Zeka ile Üretilmiştir</p>
-            </div>
-        `;
-  }
-};
-v.styles = [T`${P(Ft)}`];
-v.ICONS = {
-  launcher: "data:image/svg+xml,%3Csvg%20width%3D%2251%22%20height%3D%2242%22%20viewBox%3D%220%200%2051%2042%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M38.457%200C40.0338%200%2041.542%200.293293%2042.9302%200.8283L49.15%206.07675C50.2611%207.93912%2050.8994%2010.1162%2050.8994%2012.4424V23.084C50.8994%2024.4858%2050.6676%2025.8334%2050.2402%2027.0907L43.1534%2034.6096C41.7043%2035.2006%2040.1187%2035.5264%2038.457%2035.5264H30.7605L38.5805%2027.2296C40.814%2027.1643%2042.6045%2025.3332%2042.6045%2023.084V12.4424C42.6045%2010.1518%2040.7476%208.29492%2038.457%208.29492H12.4424C10.1518%208.29492%208.29492%2010.1518%208.29492%2012.4424V23.084C8.29492%2025.3746%2010.1518%2027.2314%2012.4424%2027.2314H33.5078L20.4487%2041.0866C17.7992%2042.5379%2014.3381%2040.2741%2014.7842%2036.7803C14.8402%2036.3421%2014.9629%2035.9194%2015.1416%2035.5264H12.4424C10.9217%2035.5264%209.46472%2035.2536%208.11774%2034.7542L0.610679%2026.945C0.214298%2025.7295%200%2024.4318%200%2023.084V12.4424C0%2010.8011%200.317794%209.23402%200.895207%207.79935L7.12424%201.19058C8.73679%200.427072%2010.5397%200%2012.4424%200H38.457ZM23.1357%2017.7881C23.1357%2015.4815%2021.2656%2013.6113%2018.959%2013.6113C16.6525%2013.6114%2014.7822%2015.4815%2014.7822%2017.7881C14.7824%2020.0945%2016.6526%2021.9638%2018.959%2021.9639C21.2655%2021.9639%2023.1356%2020.0945%2023.1357%2017.7881ZM36.2344%2017.7881C36.2344%2015.4815%2034.3642%2013.6113%2032.0576%2013.6113C29.7511%2013.6114%2027.8809%2015.4815%2027.8809%2017.7881C27.881%2020.0945%2029.7512%2021.9638%2032.0576%2021.9639C34.3641%2021.9639%2036.2342%2020.0945%2036.2344%2017.7881Z%22%20fill%3D%22url(%23paint0_linear_97_4585)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_97_4585%22%20x1%3D%2231.662%22%20y1%3D%224.88016%22%20x2%3D%2214.4119%22%20y2%3D%2237.9167%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F22727%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CA0D0D%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"
-};
-z([
-  s({ type: String, attribute: "return-uri" })
-], v.prototype, "returnUri", 2);
-z([
-  s({ type: String, attribute: "question-prompt" })
-], v.prototype, "questionPrompt", 2);
-z([
-  s({ type: Boolean, attribute: "minimized-icon-only" })
-], v.prototype, "minimizedIconOnly", 2);
-z([
-  s({ type: Boolean, attribute: "draggable" })
-], v.prototype, "draggable", 2);
-z([
-  s({ type: Boolean, attribute: "resizable" })
-], v.prototype, "resizable", 2);
-z([
-  s({
-    type: Array,
-    hasChanged: (e, t) => e === t ? !1 : !t || !e || e.length !== t.length ? !0 : JSON.stringify(e) !== JSON.stringify(t)
-  }),
-  s({ type: Array })
-], v.prototype, "products", 2);
-z([
-  s({ type: Boolean, attribute: "open-initially" })
-], v.prototype, "openInitially", 2);
-z([
-  s({ type: Boolean, attribute: "show-feedback-buttons" })
-], v.prototype, "showFeedbackButtons", 2);
-z([
-  m()
-], v.prototype, "open", 2);
-z([
-  m()
-], v.prototype, "fullscreen", 2);
-z([
-  m()
-], v.prototype, "messages", 2);
-z([
-  m()
-], v.prototype, "conversationId", 2);
-z([
-  m()
-], v.prototype, "assertionToken", 2);
-z([
-  m()
-], v.prototype, "isLoading", 2);
-z([
-  m()
-], v.prototype, "inputText", 2);
-z([
-  m()
-], v.prototype, "selectedProductId", 2);
-z([
-  m()
-], v.prototype, "windowWidth", 2);
-z([
-  m()
-], v.prototype, "windowHeight", 2);
-z([
-  m()
-], v.prototype, "position", 2);
-z([
-  m()
-], v.prototype, "isDragging", 2);
-z([
-  m()
-], v.prototype, "screenWidth", 2);
-z([
-  te("#chat-container")
-], v.prototype, "chatContainer", 2);
-z([
-  te("#product")
-], v.prototype, "productEl", 2);
-v = z([
-  Y("logosphere-chatbot")
-], v);
-function xe(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var Se = { exports: {} }, Ut = Se.exports, Ne;
-function Vt() {
-  return Ne || (Ne = 1, (function(e, t) {
-    (function(o, r) {
-      e.exports = r();
-    })(Ut, (function() {
-      var o = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" };
-      return function(r, i, a) {
-        var n = i.prototype, d = n.format;
-        a.en.formats = o, n.format = function(c) {
-          c === void 0 && (c = "YYYY-MM-DDTHH:mm:ssZ");
-          var f = this.$locale().formats, b = (function(p, g) {
-            return p.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(I, N, B) {
-              var h = B && B.toUpperCase();
-              return N || g[B] || o[B] || g[h].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(_, w, y) {
-                return w || y.slice(1);
-              }));
-            }));
-          })(c, f === void 0 ? {} : f);
-          return d.call(this, b);
-        };
-      };
-    }));
-  })(Se)), Se.exports;
-}
-var Nt = Vt();
-const Kt = /* @__PURE__ */ xe(Nt);
-var De = { exports: {} }, Wt = De.exports, Ke;
-function Gt() {
-  return Ke || (Ke = 1, (function(e, t) {
-    (function(o, r) {
-      e.exports = r();
-    })(Wt, (function() {
-      var o = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, r = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, i = /\d/, a = /\d\d/, n = /\d\d?/, d = /\d*[^-_:/,()\s\d]+/, c = {}, f = function(h) {
-        return (h = +h) + (h > 68 ? 1900 : 2e3);
-      }, b = function(h) {
-        return function(_) {
-          this[h] = +_;
-        };
-      }, p = [/[+-]\d\d:?(\d\d)?|Z/, function(h) {
-        (this.zone || (this.zone = {})).offset = (function(_) {
-          if (!_ || _ === "Z") return 0;
-          var w = _.match(/([+-]|\d\d)/g), y = 60 * w[1] + (+w[2] || 0);
-          return y === 0 ? 0 : w[0] === "+" ? -y : y;
-        })(h);
-      }], g = function(h) {
-        var _ = c[h];
-        return _ && (_.indexOf ? _ : _.s.concat(_.f));
-      }, I = function(h, _) {
-        var w, y = c.meridiem;
-        if (y) {
-          for (var H = 1; H <= 24; H += 1) if (h.indexOf(y(H, 0, _)) > -1) {
-            w = H > 12;
-            break;
-          }
-        } else w = h === (_ ? "pm" : "PM");
-        return w;
-      }, N = { A: [d, function(h) {
-        this.afternoon = I(h, !1);
-      }], a: [d, function(h) {
-        this.afternoon = I(h, !0);
-      }], Q: [i, function(h) {
-        this.month = 3 * (h - 1) + 1;
-      }], S: [i, function(h) {
-        this.milliseconds = 100 * +h;
-      }], SS: [a, function(h) {
-        this.milliseconds = 10 * +h;
-      }], SSS: [/\d{3}/, function(h) {
-        this.milliseconds = +h;
-      }], s: [n, b("seconds")], ss: [n, b("seconds")], m: [n, b("minutes")], mm: [n, b("minutes")], H: [n, b("hours")], h: [n, b("hours")], HH: [n, b("hours")], hh: [n, b("hours")], D: [n, b("day")], DD: [a, b("day")], Do: [d, function(h) {
-        var _ = c.ordinal, w = h.match(/\d+/);
-        if (this.day = w[0], _) for (var y = 1; y <= 31; y += 1) _(y).replace(/\[|\]/g, "") === h && (this.day = y);
-      }], w: [n, b("week")], ww: [a, b("week")], M: [n, b("month")], MM: [a, b("month")], MMM: [d, function(h) {
-        var _ = g("months"), w = (g("monthsShort") || _.map((function(y) {
-          return y.slice(0, 3);
-        }))).indexOf(h) + 1;
-        if (w < 1) throw new Error();
-        this.month = w % 12 || w;
-      }], MMMM: [d, function(h) {
-        var _ = g("months").indexOf(h) + 1;
-        if (_ < 1) throw new Error();
-        this.month = _ % 12 || _;
-      }], Y: [/[+-]?\d+/, b("year")], YY: [a, function(h) {
-        this.year = f(h);
-      }], YYYY: [/\d{4}/, b("year")], Z: p, ZZ: p };
-      function B(h) {
-        var _, w;
-        _ = h, w = c && c.formats;
-        for (var y = (h = _.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(ue, re, K) {
-          var U = K && K.toUpperCase();
-          return re || w[K] || o[K] || w[U].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(ie, se, be) {
-            return se || be.slice(1);
-          }));
-        }))).match(r), H = y.length, j = 0; j < H; j += 1) {
-          var he = y[j], pe = N[he], J = pe && pe[0], Q = pe && pe[1];
-          y[j] = Q ? { regex: J, parser: Q } : he.replace(/^\[|\]$/g, "");
-        }
-        return function(ue) {
-          for (var re = {}, K = 0, U = 0; K < H; K += 1) {
-            var ie = y[K];
-            if (typeof ie == "string") U += ie.length;
-            else {
-              var se = ie.regex, be = ie.parser, ke = ue.slice(U), _e = se.exec(ke)[0];
-              be.call(re, _e), ue = ue.replace(_e, "");
-            }
-          }
-          return (function(ge) {
-            var $e = ge.afternoon;
-            if ($e !== void 0) {
-              var R = ge.hours;
-              $e ? R < 12 && (ge.hours += 12) : R === 12 && (ge.hours = 0), delete ge.afternoon;
-            }
-          })(re), re;
-        };
-      }
-      return function(h, _, w) {
-        w.p.customParseFormat = !0, h && h.parseTwoDigitYear && (f = h.parseTwoDigitYear);
-        var y = _.prototype, H = y.parse;
-        y.parse = function(j) {
-          var he = j.date, pe = j.utc, J = j.args;
-          this.$u = pe;
-          var Q = J[1];
-          if (typeof Q == "string") {
-            var ue = J[2] === !0, re = J[3] === !0, K = ue || re, U = J[2];
-            re && (U = J[2]), c = this.$locale(), !ue && U && (c = w.Ls[U]), this.$d = (function(ke, _e, ge, $e) {
-              try {
-                if (["x", "X"].indexOf(_e) > -1) return new Date((_e === "X" ? 1e3 : 1) * ke);
-                var R = B(_e)(ke), Le = R.year, ze = R.month, tt = R.day, ot = R.hours, rt = R.minutes, it = R.seconds, st = R.milliseconds, He = R.zone, Ue = R.week, Be = /* @__PURE__ */ new Date(), Ie = tt || (Le || ze ? 1 : Be.getDate()), Ae = Le || Be.getFullYear(), Ce = 0;
-                Le && !ze || (Ce = ze > 0 ? ze - 1 : Be.getMonth());
-                var Me, je = ot || 0, Re = rt || 0, Fe = it || 0, qe = st || 0;
-                return He ? new Date(Date.UTC(Ae, Ce, Ie, je, Re, Fe, qe + 60 * He.offset * 1e3)) : ge ? new Date(Date.UTC(Ae, Ce, Ie, je, Re, Fe, qe)) : (Me = new Date(Ae, Ce, Ie, je, Re, Fe, qe), Ue && (Me = $e(Me).week(Ue).toDate()), Me);
-              } catch {
-                return /* @__PURE__ */ new Date("");
-              }
-            })(he, Q, pe, w), this.init(), U && U !== !0 && (this.$L = this.locale(U).$L), K && he != this.format(Q) && (this.$d = /* @__PURE__ */ new Date("")), c = {};
-          } else if (Q instanceof Array) for (var ie = Q.length, se = 1; se <= ie; se += 1) {
-            J[1] = Q[se - 1];
-            var be = w.apply(this, J);
-            if (be.isValid()) {
-              this.$d = be.$d, this.$L = be.$L, this.init();
-              break;
-            }
-            se === ie && (this.$d = /* @__PURE__ */ new Date(""));
-          }
-          else H.call(this, j);
-        };
-      };
-    }));
-  })(De)), De.exports;
-}
-var Xt = Gt();
-const Zt = /* @__PURE__ */ xe(Xt);
-var Ee = { exports: {} }, Jt = Ee.exports, We;
-function Qt() {
-  return We || (We = 1, (function(e, t) {
-    (function(o, r) {
-      e.exports = r();
-    })(Jt, (function() {
-      return function(o, r, i) {
-        r.prototype.isBetween = function(a, n, d, c) {
-          var f = i(a), b = i(n), p = (c = c || "()")[0] === "(", g = c[1] === ")";
-          return (p ? this.isAfter(f, d) : !this.isBefore(f, d)) && (g ? this.isBefore(b, d) : !this.isAfter(b, d)) || (p ? this.isBefore(f, d) : !this.isAfter(f, d)) && (g ? this.isAfter(b, d) : !this.isBefore(b, d));
-        };
-      };
-    }));
-  })(Ee)), Ee.exports;
-}
-var eo = Qt();
-const to = /* @__PURE__ */ xe(eo);
-var Oe = { exports: {} }, oo = Oe.exports, Ge;
-function ro() {
-  return Ge || (Ge = 1, (function(e, t) {
-    (function(o, r) {
-      e.exports = r();
-    })(oo, (function() {
-      var o = "week", r = "year";
-      return function(i, a, n) {
-        var d = a.prototype;
-        d.week = function(c) {
-          if (c === void 0 && (c = null), c !== null) return this.add(7 * (c - this.week()), "day");
-          var f = this.$locale().yearStart || 1;
-          if (this.month() === 11 && this.date() > 25) {
-            var b = n(this).startOf(r).add(1, r).date(f), p = n(this).endOf(o);
-            if (b.isBefore(p)) return 1;
-          }
-          var g = n(this).startOf(r).date(f).startOf(o).subtract(1, "millisecond"), I = this.diff(g, o, !0);
-          return I < 0 ? n(this).startOf("week").week() : Math.ceil(I);
-        }, d.weeks = function(c) {
-          return c === void 0 && (c = null), this.week(c);
-        };
-      };
-    }));
-  })(Oe)), Oe.exports;
-}
-var io = ro();
-const so = /* @__PURE__ */ xe(io);
-var Pe = { exports: {} }, ao = Pe.exports, Xe;
-function no() {
-  return Xe || (Xe = 1, (function(e, t) {
-    (function(o, r) {
-      e.exports = r();
-    })(ao, (function() {
-      return function(o, r, i) {
-        var a = r.prototype, n = function(p) {
-          return p && (p.indexOf ? p : p.s);
-        }, d = function(p, g, I, N, B) {
-          var h = p.name ? p : p.$locale(), _ = n(h[g]), w = n(h[I]), y = _ || w.map((function(j) {
-            return j.slice(0, N);
-          }));
-          if (!B) return y;
-          var H = h.weekStart;
-          return y.map((function(j, he) {
-            return y[(he + (H || 0)) % 7];
-          }));
-        }, c = function() {
-          return i.Ls[i.locale()];
-        }, f = function(p, g) {
-          return p.formats[g] || (function(I) {
-            return I.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(N, B, h) {
-              return B || h.slice(1);
-            }));
-          })(p.formats[g.toUpperCase()]);
-        }, b = function() {
-          var p = this;
-          return { months: function(g) {
-            return g ? g.format("MMMM") : d(p, "months");
-          }, monthsShort: function(g) {
-            return g ? g.format("MMM") : d(p, "monthsShort", "months", 3);
-          }, firstDayOfWeek: function() {
-            return p.$locale().weekStart || 0;
-          }, weekdays: function(g) {
-            return g ? g.format("dddd") : d(p, "weekdays");
-          }, weekdaysMin: function(g) {
-            return g ? g.format("dd") : d(p, "weekdaysMin", "weekdays", 2);
-          }, weekdaysShort: function(g) {
-            return g ? g.format("ddd") : d(p, "weekdaysShort", "weekdays", 3);
-          }, longDateFormat: function(g) {
-            return f(p.$locale(), g);
-          }, meridiem: this.$locale().meridiem, ordinal: this.$locale().ordinal };
-        };
-        a.localeData = function() {
-          return b.bind(this)();
-        }, i.localeData = function() {
-          var p = c();
-          return { firstDayOfWeek: function() {
-            return p.weekStart || 0;
-          }, weekdays: function() {
-            return i.weekdays();
-          }, weekdaysShort: function() {
-            return i.weekdaysShort();
-          }, weekdaysMin: function() {
-            return i.weekdaysMin();
-          }, months: function() {
-            return i.months();
-          }, monthsShort: function() {
-            return i.monthsShort();
-          }, longDateFormat: function(g) {
-            return f(p, g);
-          }, meridiem: p.meridiem, ordinal: p.ordinal };
-        }, i.months = function() {
-          return d(c(), "months");
-        }, i.monthsShort = function() {
-          return d(c(), "monthsShort", "months", 3);
-        }, i.weekdays = function(p) {
-          return d(c(), "weekdays", null, null, p);
-        }, i.weekdaysShort = function(p) {
-          return d(c(), "weekdaysShort", "weekdays", 3, p);
-        }, i.weekdaysMin = function(p) {
-          return d(c(), "weekdaysMin", "weekdays", 2, p);
-        };
-      };
-    }));
-  })(Pe)), Pe.exports;
-}
-var lo = no();
-const co = /* @__PURE__ */ xe(lo);
-var Te = { exports: {} }, ho = Te.exports, Ze;
-function po() {
-  return Ze || (Ze = 1, (function(e, t) {
-    (function(o, r) {
-      e.exports = r(D);
-    })(ho, (function(o) {
-      function r(n) {
-        return n && typeof n == "object" && "default" in n ? n : { default: n };
-      }
-      var i = r(o), a = { name: "tr", weekdays: "Pazar_Pazartesi_Salı_Çarşamba_Perşembe_Cuma_Cumartesi".split("_"), weekdaysShort: "Paz_Pts_Sal_Çar_Per_Cum_Cts".split("_"), weekdaysMin: "Pz_Pt_Sa_Ça_Pe_Cu_Ct".split("_"), months: "Ocak_Şubat_Mart_Nisan_Mayıs_Haziran_Temmuz_Ağustos_Eylül_Ekim_Kasım_Aralık".split("_"), monthsShort: "Oca_Şub_Mar_Nis_May_Haz_Tem_Ağu_Eyl_Eki_Kas_Ara".split("_"), weekStart: 1, formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD.MM.YYYY", LL: "D MMMM YYYY", LLL: "D MMMM YYYY HH:mm", LLLL: "dddd, D MMMM YYYY HH:mm" }, relativeTime: { future: "%s sonra", past: "%s önce", s: "birkaç saniye", m: "bir dakika", mm: "%d dakika", h: "bir saat", hh: "%d saat", d: "bir gün", dd: "%d gün", M: "bir ay", MM: "%d ay", y: "bir yıl", yy: "%d yıl" }, ordinal: function(n) {
-        return n + ".";
-      } };
-      return i.default.locale(a, null, !0), a;
-    }));
-  })(Te)), Te.exports;
-}
-po();
-const uo = '.dp{display:block;position:relative;font-family:var(--font-family-base);width:100%}.dp__input-wrapper{position:relative;width:100%}.dp__input{width:100%;height:40px;padding:0 var(--spacing-10) 0 var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-base);outline:none;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);background-color:var(--color-body-bg);transition:border-color var(--transition-speed-fast) var(--transition-timing);box-sizing:border-box}.dp__input::placeholder{color:var(--color-tertiary)}.dp__input:focus,.dp__input--open{border-color:var(--color-primary)}.dp__input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-tertiary-bg)}.dp__input--error{border-color:var(--color-danger);background-color:var(--color-danger-bg-subtle)}.dp__input--required{border-color:var(--color-danger)}.dp__icon-btn{position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-tertiary);display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:color var(--transition-speed-fast) var(--transition-timing)}.dp__icon-btn:hover{color:var(--color-body-text)}.dp__error-tooltip{position:absolute;top:calc(100% + var(--spacing-1));left:0;z-index:var(--z-index-tooltip);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-body-bg);background-color:var(--color-danger);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);pointer-events:none;white-space:nowrap;font-family:var(--font-family-base)}.dp__popup{position:fixed;background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:var(--z-index-dropdown);padding:var(--spacing-4);box-sizing:border-box;overflow:hidden}.dp__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.dp__nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:none;background:none;border-radius:var(--radius-base);cursor:pointer;color:var(--color-body-text);transition:background-color var(--transition-speed-fast) var(--transition-timing)}.dp__nav-btn:hover{background-color:var(--color-tertiary-bg)}.dp__header-label{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.025em;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--color-body-text);transition:color var(--transition-speed-fast) var(--transition-timing)}.dp__header-label:hover{color:var(--color-primary)}.dp__weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:var(--font-size-sm);color:var(--color-tertiary);margin-bottom:var(--spacing-1);-webkit-user-select:none;user-select:none}.dp__weekday{padding:var(--spacing-1) 0}.dp__grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px;outline:none}.dp__day{position:relative;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0;min-width:0;border-radius:0;color:var(--color-body-text);font-family:var(--font-family-base)}.dp__day-num{position:relative;z-index:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--font-size-sm);flex-shrink:0;transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__day--range-start:before,.dp__day--range-end:before,.dp__day--range-between:before{content:"";position:absolute;top:2px;bottom:2px;background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);z-index:0;pointer-events:none}.dp__day--range-start:before{left:50%;right:0}.dp__day--range-end:before{left:0;right:50%}.dp__day--range-between:before{left:0;right:0}.dp__day--out-of-month{opacity:.4}.dp__day--focused .dp__day-num{background-color:var(--color-tertiary-bg)}.dp__day--disabled{cursor:not-allowed;pointer-events:none}.dp__day--disabled .dp__day-num{color:var(--color-gray-300);background-color:var(--color-gray-50)}.dp__day--disabled-weekday{cursor:not-allowed;pointer-events:none}.dp__day--disabled-weekday .dp__day-num{color:var(--color-gray-300)}.dp__day--today .dp__day-num{background-color:var(--color-gray-200);color:var(--color-gray-800)}.dp__day--selected .dp__day-num{background-color:var(--color-primary);color:#fff}.dp__day--default:hover .dp__day-num{background-color:var(--color-tertiary-bg)}.dp__day--range-pending .dp__day-num,.dp__day--range-start .dp__day-num,.dp__day--range-end .dp__day-num{background-color:var(--color-primary);color:#fff}.dp__day--range-between .dp__day-num{color:var(--color-primary);background:transparent}.dp__month-grid,.dp__year-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:10px;margin-top:var(--spacing-3)}.dp__month-btn,.dp__year-btn{height:48px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);cursor:pointer;background:none;color:var(--color-body-text);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__month-btn:hover:not(.dp__month-btn--selected),.dp__year-btn:hover:not(.dp__year-btn--selected){background-color:var(--color-tertiary-bg)}.dp__month-btn--selected,.dp__year-btn--selected{background-color:var(--color-primary);color:#fff}.dp__month-btn--current:not(.dp__month-btn--selected),.dp__year-btn--current:not(.dp__year-btn--selected){background-color:var(--color-gray-200);color:var(--color-gray-800)}.dp__footer{display:flex;align-items:center;justify-content:space-evenly;margin-top:var(--spacing-4);padding-bottom:var(--spacing-3)}.dp__footer-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-tertiary);border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:var(--font-family-base);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__footer-btn:hover{background-color:var(--color-tertiary-bg);color:var(--color-body-text)}';
-var bo = Object.defineProperty, go = Object.getOwnPropertyDescriptor, S = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? go(t, o) : t, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
-  return r && i && bo(t, o, i), i;
-};
-D.extend(Kt);
-D.extend(Zt);
-D.extend(to);
-D.extend(so);
-D.extend(co);
-D.locale("tr");
-const fo = [
-  "DD/MM/YYYY",
-  "DD.MM.YYYY",
-  "DD MM YYYY",
-  "DD-MM-YYYY",
-  "DD/MM/YY",
-  "DD.MM.YY",
-  "DD MM YY",
-  "DD-MM-YY",
-  "YYYY-MM-DD",
-  "YYYY/MM/DD",
-  "YYYY.MM.DD",
-  "YYYY MM DD"
-], mo = D.months(), Je = D.weekdaysShort(), _o = [...Je.slice(1), Je[0]];
-let vo = 0;
-const yo = () => `dp-${++vo}`;
-let $ = class extends O {
-  constructor() {
-    super(...arguments), this.value = null, this.min = null, this.max = null, this.required = !1, this.disabled = !1, this.expandFactor = 1.05, this.placeholder = "GG/AA/YYYY veya GG.AA.YYYY", this.rangeMode = !1, this.disabledDays = [], this.rangeStart = null, this.rangeEnd = null, this._open = !1, this._cursor = D(), this._popupPos = null, this._rangeStart = null, this._rangeEnd = null, this._hoverDate = null, this._viewMode = "calendar", this._hasError = !1, this._errorMsg = "", this._errorTimer = null, this.inputId = yo(), this._outsideClick = (e) => {
-      this._open && (e.composedPath().includes(this) || (this._parseAndSetDate(), this._viewMode = "calendar", this._toggleOpen(!1)));
-    }, this._onScrollOrResize = () => {
-      this._open && this._recalcPopupPos();
-    }, this._clear = () => {
-      this._emitChange(null), this.rangeMode && (this._rangeStart = null, this._rangeEnd = null);
-    }, this._today = () => {
-      const e = D();
-      this._withinBounds(e) && this._select(e);
-    }, this._navigatePrevious = () => {
-      switch (this._viewMode) {
-        case "calendar":
-          this._cursor = this._cursor.subtract(1, "month");
-          break;
-        case "month":
-          this._cursor = this._cursor.subtract(1, "year");
-          break;
-        case "year":
-          this._cursor = this._cursor.subtract(12, "year");
-          break;
-      }
-    }, this._navigateNext = () => {
-      switch (this._viewMode) {
-        case "calendar":
-          this._cursor = this._cursor.add(1, "month");
-          break;
-        case "month":
-          this._cursor = this._cursor.add(1, "year");
-          break;
-        case "year":
-          this._cursor = this._cursor.add(12, "year");
-          break;
-      }
-    }, this._handleHeaderClick = () => {
-      this._viewMode === "calendar" ? this._viewMode = "month" : this._viewMode === "month" && (this._viewMode = "year");
-    }, this._recalcPopupPos = () => {
-      const e = this.renderRoot.querySelector("#" + this.inputId);
-      if (!e) return;
-      const t = e.getBoundingClientRect(), o = this.renderRoot.querySelector("#" + this.inputId + "-ico"), r = window.innerWidth, i = window.innerHeight, a = 8, n = o ? o.getBoundingClientRect().left : t.left + t.width, d = Math.round(Math.max(0, n - t.left - a) * (this.expandFactor || 1)), c = Math.round(t.right - t.left - a), f = Math.max(220, Math.min(d, c));
-      let b = Math.round(t.left);
-      b + f > r - a && (b = Math.max(a, Math.round(r - f - a)));
-      const p = Math.max(0, i - t.bottom - a * 2), g = Math.max(0, t.top - a * 2), I = 260;
-      let N, B;
-      p >= I || p >= g ? (N = Math.round(t.bottom + a), B = Math.max(I, p)) : (B = Math.max(I, g), N = Math.max(a, Math.round(t.top - a - B))), this._popupPos = { left: b, top: N, width: f, maxH: B };
-    };
-  }
-  // ==================== LIFECYCLE ====================
-  willUpdate(e) {
-    if (e.has("value") && !this._open && !this.rangeMode) {
-      const t = this._safeDay(this.value);
-      t && (this._cursor = t);
-    }
-    e.has("rangeStart") && (this._rangeStart = this.rangeStart), e.has("rangeEnd") && (this._rangeEnd = this.rangeEnd);
-  }
-  connectedCallback() {
-    super.connectedCallback(), window.addEventListener("click", this._outsideClick, !0), window.addEventListener("scroll", this._onScrollOrResize, !0), window.addEventListener("resize", this._onScrollOrResize);
-  }
-  disconnectedCallback() {
-    window.removeEventListener("click", this._outsideClick, !0), window.removeEventListener("scroll", this._onScrollOrResize, !0), window.removeEventListener("resize", this._onScrollOrResize), this._errorTimer && clearTimeout(this._errorTimer), super.disconnectedCallback();
-  }
-  // ==================== HELPERS ====================
-  _safeDay(e) {
-    if (!e) return null;
-    for (const o of fo) {
-      const r = D(e, o, !0);
-      if (r.isValid()) return r;
-    }
-    const t = D(e);
-    return t.isValid() ? t : null;
-  }
-  _withinBounds(e) {
-    const t = this._safeDay(this.min), o = this._safeDay(this.max);
-    return !(t && e.isBefore(t, "day") || o && e.isAfter(o, "day") || this.disabledDays.includes(e.day()));
-  }
-  _displayValue() {
-    if (this.rangeMode && this._rangeStart && this._rangeEnd) {
-      const t = this._safeDay(this._rangeStart), o = this._safeDay(this._rangeEnd);
-      if (t && o) return `${t.format("DD/MM/YYYY")} - ${o.format("DD/MM/YYYY")}`;
-    }
-    const e = this._safeDay(this.value);
-    return e ? e.format("DD/MM/YYYY") : "";
-  }
-  _getYears() {
-    const e = this._cursor.year() - 6;
-    return Array.from({ length: 12 }, (t, o) => e + o);
-  }
-  _getHeaderLabel() {
-    switch (this._viewMode) {
-      case "calendar":
-        return this._cursor.format("MMMM YYYY");
-      case "month":
-        return this._cursor.format("YYYY");
-      case "year": {
-        const e = this._getYears();
-        return `${e[0]}-${e[e.length - 1]}`;
-      }
-    }
-  }
-  _daysInGrid() {
-    const e = this._cursor.startOf("month"), t = e.subtract((e.day() + 6) % 7, "day");
-    return Array.from({ length: 42 }, (o, r) => t.add(r, "day"));
-  }
-  _isInRange(e) {
-    if (!this.rangeMode || !this._rangeStart || !this._rangeEnd) return null;
-    const t = this._safeDay(this._rangeStart), o = this._safeDay(this._rangeEnd);
-    return !t || !o ? null : e.isSame(t, "day") ? "start" : e.isSame(o, "day") ? "end" : e.isBetween(t, o, "day", "[]") ? "between" : null;
-  }
-  _getHoverPreview(e) {
-    if (!this.rangeMode || !this._rangeStart || this._rangeEnd || !this._hoverDate) return null;
-    const t = this._safeDay(this._rangeStart);
-    if (!t) return null;
-    const o = this._hoverDate, r = o.isAfter(t, "day"), i = r ? t : o, a = r ? o : t;
-    return e.isSame(t, "day") ? "preview-start" : e.isSame(o, "day") ? "preview-end" : e.isAfter(i, "day") && e.isBefore(a, "day") ? "preview-between" : null;
-  }
-  _getDayClasses(e) {
-    const t = ["dp__day"];
-    if (!this._withinBounds(e))
-      return t.push(this.disabledDays.includes(e.day()) ? "dp__day--disabled-weekday" : "dp__day--disabled"), t.join(" ");
-    const o = this._isInRange(e);
-    if (o === "start")
-      return t.push("dp__day--range-start"), t.join(" ");
-    if (o === "end")
-      return t.push("dp__day--range-end"), t.join(" ");
-    if (o === "between")
-      return t.push("dp__day--range-between"), t.join(" ");
-    const r = this._getHoverPreview(e);
-    return r === "preview-start" ? (t.push("dp__day--range-start"), t.join(" ")) : r === "preview-end" ? (t.push("dp__day--range-end"), t.join(" ")) : r === "preview-between" ? (t.push("dp__day--range-between"), t.join(" ")) : this.rangeMode && this._rangeStart && !this._rangeEnd && e.isSame(this._safeDay(this._rangeStart), "day") ? (t.push("dp__day--range-pending"), t.join(" ")) : (e.isSame(this._safeDay(this.value), "day") ? t.push("dp__day--selected") : e.isSame(D(), "day") ? t.push("dp__day--today") : t.push("dp__day--default"), t.join(" "));
-  }
-  // ==================== EVENTS ====================
-  _emitChange(e) {
-    this.value = e, this.dispatchEvent(new CustomEvent("change", { detail: { value: e } })), this.onChange?.(e);
-  }
-  _emitRangeChange() {
-    if (this._rangeStart && this._rangeEnd) {
-      const e = { start: this._rangeStart, end: this._rangeEnd };
-      this.dispatchEvent(new CustomEvent("rangeChange", { detail: e })), this.onRangeChange?.(e);
-    }
-  }
-  _showInputError(e) {
-    this._errorTimer && clearTimeout(this._errorTimer), this._hasError = !0, this._errorMsg = e, this._errorTimer = setTimeout(() => this._clearInputError(), 3e3);
-  }
-  _clearInputError() {
-    this._hasError = !1, this._errorMsg = "", this._errorTimer && (clearTimeout(this._errorTimer), this._errorTimer = null);
-  }
-  _toggleOpen(e) {
-    if (this.disabled) return;
-    const t = e ?? !this._open;
-    this._open = t, t || (this._hoverDate = null), t && (this.rangeMode ? this._cursor = this._safeDay(this._rangeEnd)?.clone() ?? this._safeDay(this._rangeStart)?.clone() ?? D() : this._cursor = this._safeDay(this.value)?.clone() ?? D(), this._viewMode = "calendar", this.updateComplete.then(() => {
-      this._recalcPopupPos(), window.requestAnimationFrame(() => {
-        this._recalcPopupPos(), this.renderRoot.querySelector("#grid")?.focus();
-      });
-    }));
-  }
-  _onInput(e) {
-    e.target.value.trim() || (this._emitChange(null), this.rangeMode && (this._rangeStart = null, this._rangeEnd = null)), this._clearInputError();
-  }
-  _onKeydown(e) {
-    (e.key === "Tab" || e.key === "Enter") && this._parseAndSetDate();
-  }
-  _parseAndSetDate() {
-    const e = this.renderRoot.querySelector("#" + this.inputId);
-    if (!e) return;
-    const t = e.value.trim();
-    if (!t) {
-      if (this.rangeMode && this._rangeStart && !this._rangeEnd) return;
-      this._emitChange(null), this.rangeMode && (this._rangeStart = null, this._rangeEnd = null);
-      return;
-    }
-    if (this.rangeMode && this._rangeStart && this._rangeEnd) return;
-    const o = this._safeDay(t);
-    o && this._withinBounds(o) ? (this._emitChange(o.format("YYYY-MM-DD")), this._cursor = o, this.rangeMode && (this._rangeStart = null, this._rangeEnd = null), this._clearInputError()) : this._showInputError("Geçersiz tarih formatı. Örnek: 19/09/2025");
-  }
-  _select(e) {
-    if (this._withinBounds(e))
-      if (this.rangeMode)
-        if (!this._rangeStart)
-          this._rangeStart = e.format("YYYY-MM-DD"), this._cursor = e;
-        else if (this._rangeEnd)
-          this._rangeStart = e.format("YYYY-MM-DD"), this._rangeEnd = null, this._cursor = e;
-        else {
-          const t = this._safeDay(this._rangeStart);
-          t && e.isBefore(t, "day") ? (this._rangeEnd = this._rangeStart, this._rangeStart = e.format("YYYY-MM-DD")) : this._rangeEnd = e.format("YYYY-MM-DD"), this._cursor = e, this._viewMode = "calendar", this._toggleOpen(!1), this._emitRangeChange();
-        }
-      else
-        this._emitChange(e.format("YYYY-MM-DD")), this._cursor = e, this._viewMode = "calendar", this._toggleOpen(!1);
-  }
-  _selectMonth(e) {
-    this._cursor = this._cursor.month(e), this._viewMode = "calendar";
-  }
-  _selectYear(e) {
-    this._cursor = this._cursor.year(e), this._viewMode = "month";
-  }
-  _keydownGrid(e) {
-    const t = { ArrowLeft: -1, ArrowRight: 1, ArrowUp: -7, ArrowDown: 7 };
-    e.key in t ? (e.preventDefault(), this._cursor = this._cursor.add(t[e.key], "day")) : e.key === "Enter" || e.key === " " ? (e.preventDefault(), this._select(this._cursor)) : e.key === "Escape" ? (e.preventDefault(), this._toggleOpen(!1)) : e.key === "PageUp" ? (e.preventDefault(), this._cursor = e.shiftKey ? this._cursor.subtract(1, "year") : this._cursor.subtract(1, "month")) : e.key === "PageDown" ? (e.preventDefault(), this._cursor = e.shiftKey ? this._cursor.add(1, "year") : this._cursor.add(1, "month")) : e.key === "Home" ? (e.preventDefault(), this._cursor = this._cursor.startOf("month")) : e.key === "End" && (e.preventDefault(), this._cursor = this._cursor.endOf("month"));
-  }
-  // ==================== RENDER ====================
-  _renderCalendar(e) {
-    const t = this._daysInGrid();
-    return l`
-      <div class="dp__weekdays" role="row">
-        ${_o.map((o) => l`<div class="dp__weekday" role="columnheader" aria-label=${o}>${o}</div>`)}
-      </div>
-      <div
-        id="grid"
-        tabindex="0"
-        class="dp__grid"
-        role="grid"
-        aria-label="Takvim"
-        @keydown=${this._keydownGrid}
-        @mouseleave=${() => {
-      this._hoverDate = null;
-    }}
-      >
-        ${t.map((o) => {
-      const r = o.month() === this._cursor.month(), i = e ? o.isSame(e, "day") : !1, a = o.isSame(this._cursor, "day"), n = !this._withinBounds(o), d = [
-        this._getDayClasses(o),
-        r ? "" : "dp__day--out-of-month",
-        a ? "dp__day--focused" : ""
-      ].filter(Boolean).join(" ");
-      return l`
-            <button
-              class="${d}"
-              role="gridcell"
-              @click=${() => !n && this._select(o)}
-              @mouseenter=${() => {
-        this.rangeMode && this._rangeStart && !this._rangeEnd && (this._hoverDate = o);
-      }}
-              aria-selected=${i ? "true" : "false"}
-              aria-disabled=${n ? "true" : "false"}
-              tabindex=${a ? "0" : "-1"}
-            >
-              <span class="dp__day-num">${o.date()}</span>
-            </button>
-          `;
-    })}
-      </div>
-    `;
-  }
-  _renderMonthGrid() {
-    return l`
-      <div class="dp__month-grid" role="grid" aria-label="Ay seçimi">
-        ${mo.map((e, t) => {
-      const o = t === this._cursor.month(), r = t === D().month() && this._cursor.year() === D().year();
-      return l`
-            <button
-              class="dp__month-btn ${o ? "dp__month-btn--selected" : ""} ${r && !o ? "dp__month-btn--current" : ""}"
-              role="gridcell"
-              aria-selected=${o ? "true" : "false"}
-              @click=${() => this._selectMonth(t)}
-            >${e}</button>
-          `;
-    })}
-      </div>
-    `;
-  }
-  _renderYearGrid() {
-    return l`
-      <div class="dp__year-grid" role="grid" aria-label="Yıl seçimi">
-        ${this._getYears().map((e) => {
-      const t = e === this._cursor.year(), o = e === D().year();
-      return l`
-            <button
-              class="dp__year-btn ${t ? "dp__year-btn--selected" : ""} ${o && !t ? "dp__year-btn--current" : ""}"
-              role="gridcell"
-              aria-selected=${t ? "true" : "false"}
-              @click=${() => this._selectYear(e)}
-            >${e}</button>
-          `;
-    })}
-      </div>
-    `;
-  }
-  render() {
-    const e = this._displayValue(), t = this._safeDay(this.value), o = [
-      "dp__input",
-      this._open ? "dp__input--open" : "",
-      this._hasError ? "dp__input--error" : "",
-      this.required && !e ? "dp__input--required" : ""
-    ].filter(Boolean).join(" ");
-    return l`
-      <div class="dp">
-        <div class="dp__input-wrapper">
-          <input
-            id=${this.inputId}
-            class="${o}"
-            .value=${e}
-            ?disabled=${this.disabled}
-            placeholder=${this.placeholder}
-            aria-label="Tarih girin"
-            aria-invalid=${this._hasError ? "true" : "false"}
-            @input=${this._onInput}
-            @keydown=${this._onKeydown}
-          />
-          <button
-            id=${this.inputId + "-ico"}
-            class="dp__icon-btn"
-            aria-label=${this._open ? "Takvimi kapat" : "Takvimi aç"}
-            aria-expanded=${this._open ? "true" : "false"}
-            aria-haspopup="dialog"
-            @click=${() => this._toggleOpen()}
-          >
-            <ui-icon name="uil-calendar" size="16"></ui-icon>
-          </button>
-          ${this._hasError ? l`
-            <div class="dp__error-tooltip" role="alert">${this._errorMsg}</div>
-          ` : u}
-        </div>
-
-        ${this._open ? l`
-          <div
-            class="dp__popup"
-            style="left:${this._popupPos?.left ?? 0}px; top:${this._popupPos?.top ?? 0}px; width:${this._popupPos?.width ?? 320}px; max-height:${this._popupPos?.maxH ?? 420}px;"
-            role="dialog"
-            aria-modal="true"
-            aria-label="Tarih seçici"
-          >
-            <div class="dp__header">
-              <button class="dp__nav-btn" @click=${this._navigatePrevious} aria-label="Önceki">
-                <ui-icon name="uil-arrow-left" size="16"></ui-icon>
-              </button>
-              <span class="dp__header-label" @click=${this._handleHeaderClick} role="button" tabindex="0">
-                ${this._getHeaderLabel()}
-              </span>
-              <button class="dp__nav-btn" @click=${this._navigateNext} aria-label="Sonraki">
-                <ui-icon name="uil-arrow-right" size="16"></ui-icon>
-              </button>
-            </div>
-
-            ${this._viewMode === "calendar" ? this._renderCalendar(t) : this._viewMode === "month" ? this._renderMonthGrid() : this._renderYearGrid()}
-
-            <div class="dp__footer">
-              <button class="dp__footer-btn" @click=${this._today} aria-label="Bugün">
-                <ui-icon name="uil-calendar" size="14"></ui-icon>
-              </button>
-              <button class="dp__footer-btn" @click=${this._clear} aria-label="Temizle">
-                <ui-icon name="uil-trash" size="14"></ui-icon>
-              </button>
-              <button class="dp__footer-btn" @click=${() => this._toggleOpen(!1)} aria-label="Kapat">
-                <ui-icon name="uil-times" size="14"></ui-icon>
-              </button>
-            </div>
-          </div>
-        ` : u}
-      </div>
-    `;
-  }
-};
-$.styles = [T`${P(uo)}`];
-S([
-  s({ type: String })
-], $.prototype, "value", 2);
-S([
-  s({ type: String })
-], $.prototype, "min", 2);
-S([
-  s({ type: String })
-], $.prototype, "max", 2);
-S([
-  s({ type: Boolean })
-], $.prototype, "required", 2);
-S([
-  s({ type: Boolean })
-], $.prototype, "disabled", 2);
-S([
-  s({ type: Number })
-], $.prototype, "expandFactor", 2);
-S([
-  s({ type: String })
-], $.prototype, "placeholder", 2);
-S([
-  s({ type: Boolean })
-], $.prototype, "rangeMode", 2);
-S([
-  s({ type: Array })
-], $.prototype, "disabledDays", 2);
-S([
-  s({ type: String })
-], $.prototype, "rangeStart", 2);
-S([
-  s({ type: String })
-], $.prototype, "rangeEnd", 2);
-S([
-  s({ attribute: !1 })
-], $.prototype, "onChange", 2);
-S([
-  s({ attribute: !1 })
-], $.prototype, "onRangeChange", 2);
-S([
-  m()
-], $.prototype, "_open", 2);
-S([
-  m()
-], $.prototype, "_cursor", 2);
-S([
-  m()
-], $.prototype, "_popupPos", 2);
-S([
-  m()
-], $.prototype, "_rangeStart", 2);
-S([
-  m()
-], $.prototype, "_rangeEnd", 2);
-S([
-  m()
-], $.prototype, "_hoverDate", 2);
-S([
-  m()
-], $.prototype, "_viewMode", 2);
-S([
-  m()
-], $.prototype, "_hasError", 2);
-S([
-  m()
-], $.prototype, "_errorMsg", 2);
-$ = S([
-  Y("logosphere-datepicker")
-], $);
-const wo = ":host{display:block}.dm{font-family:var(--font-family-base)}.dm__container{width:100%;max-width:896px;margin:0 auto;padding:var(--spacing-6);background-color:var(--color-body-bg);border-radius:var(--radius-base);box-shadow:var(--shadow-md)}.dm__header{margin-bottom:var(--spacing-6)}.dm__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-body-text);margin:0 0 var(--spacing-2) 0}.dm__stats{display:flex;gap:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-tertiary)}.dm__form{margin-bottom:var(--spacing-6);padding:var(--spacing-4);background-color:var(--color-tertiary-bg);border-radius:var(--radius-base)}.dm__form-row{display:flex;gap:var(--spacing-4)}.dm__form-field{flex:1}.dm__form-field--filename{width:192px;flex:none}.dm__input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;font-family:var(--font-family-base);font-size:var(--font-size-sm);background-color:var(--color-body-bg);color:var(--color-body-text);box-sizing:border-box;transition:border-color var(--transition-speed-fast) var(--transition-timing)}.dm__input:focus{border-color:var(--color-primary)}.dm__submit-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-speed-fast) var(--transition-timing);white-space:nowrap}.dm__submit-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.dm__submit-btn:disabled{opacity:.5;cursor:not-allowed}.dm__form-note{margin-top:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-tertiary)}.dm__form-note p{margin:0}.dm__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-bottom-color:#fff;border-radius:var(--radius-full);animation:dm-spin .8s linear infinite}.dm__spinner--sm{width:12px;height:12px;border-color:#3b82f64d;border-bottom-color:#3b82f6}@keyframes dm-spin{to{transform:rotate(360deg)}}@keyframes dm-pulse{0%,to{opacity:1}50%{opacity:.5}}.dm__list{display:flex;flex-direction:column;gap:var(--spacing-4)}.dm__empty{text-align:center;padding:var(--spacing-8) 0;color:var(--color-tertiary);font-size:var(--font-size-sm)}.dm__item{border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--spacing-4)}.dm__item--error{border-color:var(--color-primary-border-subtle);background-color:var(--color-danger-bg-subtle)}.dm__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.dm__item-info{flex:1;min-width:0}.dm__item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-body-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.dm__item-url{font-size:var(--font-size-xs);color:var(--color-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.dm__item-controls{display:flex;align-items:center;gap:var(--spacing-2)}.dm__status{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.dm__status--downloading{background-color:var(--color-info-bg-subtle);color:var(--color-info-text-emphasis)}.dm__status--paused{background-color:var(--color-warning-bg-subtle);color:var(--color-warning-text-emphasis)}.dm__status--completed{background-color:var(--color-success-bg-subtle);color:var(--color-success-text-emphasis)}.dm__status--error{background-color:var(--color-danger-bg-subtle);color:var(--color-danger-text-emphasis)}.dm__status--pending{background-color:var(--color-gray-100);color:var(--color-gray-800)}.dm__remove-btn{background:none;border:none;cursor:pointer;color:var(--color-tertiary);padding:var(--spacing-1);line-height:1;font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:color var(--transition-speed-fast) var(--transition-timing)}.dm__remove-btn:hover{color:var(--color-danger)}.dm__progress{margin-bottom:var(--spacing-3)}.dm__progress-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-tertiary);margin-bottom:var(--spacing-1)}.dm__progress-track{width:100%;background-color:var(--color-gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.dm__progress-bar{height:8px;border-radius:var(--radius-full);transition:width .3s ease}.dm__progress-bar--downloading{background-color:var(--color-info-active)}.dm__progress-bar--paused{background-color:var(--color-warning-active)}.dm__progress-bar--completed{background-color:var(--color-success)}.dm__progress-bar--error{background-color:var(--color-danger)}.dm__progress-bar--pending{background-color:var(--color-gray-400)}.dm__progress-bar--indeterminate{width:100%;animation:dm-pulse 1.5s ease-in-out infinite}.dm__item-footer{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-tertiary)}.dm__item-speeds{display:flex;gap:var(--spacing-4)}.dm__item-actions{display:flex;gap:var(--spacing-2)}.dm__action-btn{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-xs);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dm__action-btn--pause{color:var(--color-info-active)}.dm__action-btn--pause:hover{background-color:var(--color-info-bg-subtle);color:var(--color-info-text-emphasis)}.dm__action-btn--resume{color:var(--color-success)}.dm__action-btn--resume:hover{background-color:var(--color-success-bg-subtle);color:var(--color-success-text-emphasis)}.dm__status-completed{color:var(--color-success)}.dm__error-info{color:var(--color-danger)}.dm__error-label{font-weight:var(--font-weight-medium)}.dm__error-detail{font-size:var(--font-size-xs)}.dm__chunks{margin-top:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-tertiary);display:flex;flex-direction:column;gap:2px}.dm__actions{margin-top:var(--spacing-6);display:flex;justify-content:space-between;align-items:center}.dm__clear-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-tertiary);background:none;border:none;cursor:pointer;font-family:var(--font-family-base);transition:color var(--transition-speed-fast) var(--transition-timing)}.dm__clear-btn:hover{color:var(--color-body-text)}.dm__persist-note{font-size:var(--font-size-sm);color:var(--color-tertiary)}";
-var xo = Object.defineProperty, ko = Object.getOwnPropertyDescriptor, ye = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? ko(t, o) : t, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
-  return r && i && xo(t, o, i), i;
-};
-let ne = class extends O {
-  constructor() {
-    super(...arguments), this.chunkSize = 2 * 1024 * 1024, this.maxConcurrentDownloads = 3, this.maxConcurrentChunks = 4, this.downloads = [], this.isAddingFiles = !1, this.activeDownloads = /* @__PURE__ */ new Map(), this.storageKey = "download-manager-state", this.clearCompleted = () => {
-      this.downloads = this.downloads.filter((e) => e.status !== "completed"), this.requestUpdate(), this.saveState();
-    }, this.handleAddDownload = (e) => {
-      e.preventDefault();
-      const t = e.target, o = new globalThis.FormData(t), r = o.get("url"), i = o.get("filename");
-      if (!r?.trim()) return;
-      const a = this.downloads.find((n) => n.url === r.trim());
-      a && a.status !== "error" || (this.addDownload(r.trim(), i?.trim() || void 0), t.reset());
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.loadState(), this.setupVisibilityChangeHandler();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.saveState();
-  }
-  setupVisibilityChangeHandler() {
-    document.addEventListener("visibilitychange", () => {
-      document.hidden && this.saveState();
-    });
-  }
-  loadState() {
-    try {
-      const e = globalThis.localStorage.getItem(this.storageKey);
-      if (e) {
-        const t = JSON.parse(e);
-        this.downloads = t.downloads || [], this.downloads.forEach((o) => {
-          o.status === "downloading" && (o.status = "paused"), o.status === "error" && o.error?.includes("Failed to fetch") && (o.status = "paused", o.error = void 0);
-        });
-      }
-    } catch (e) {
-      console.error("Failed to load download state:", e);
-    }
-  }
-  saveState() {
-    try {
-      const e = {
-        downloads: this.downloads.map((t) => ({
-          ...t,
-          status: t.status === "downloading" ? "paused" : t.status
-        }))
-      };
-      globalThis.localStorage.setItem(this.storageKey, JSON.stringify(e));
-    } catch (e) {
-      console.error("Failed to save download state:", e);
-    }
-  }
-  async getFileSize(e) {
-    try {
-      const t = await globalThis.fetch(e, {
-        method: "HEAD",
-        mode: "cors",
-        credentials: "omit",
-        signal: globalThis.AbortSignal.timeout(1e4)
-      });
-      if (t.ok) {
-        const o = t.headers.get("content-length");
-        if (o) {
-          const r = parseInt(o);
-          if (!isNaN(r) && r > 0) return r;
-        }
-      }
-      try {
-        const o = await globalThis.fetch(e, {
-          method: "GET",
-          headers: { Range: "bytes=0-0" },
-          mode: "cors",
-          credentials: "omit",
-          signal: globalThis.AbortSignal.timeout(1e4)
-        });
-        if (o.ok) {
-          const r = o.headers.get("content-range");
-          if (r) {
-            const a = r.match(/\/(\d+)/);
-            if (a) {
-              const n = parseInt(a[1]);
-              if (!isNaN(n) && n > 0) return n;
-            }
-          }
-          const i = o.headers.get("content-length");
-          if (i) {
-            const a = parseInt(i);
-            if (!isNaN(a) && a > 0) return a;
-          }
-        }
-      } catch {
-      }
-      return 0;
-    } catch (t) {
-      return (!(t instanceof Error) || !["AbortError", "ERR_EMPTY_RESPONSE", "Failed to fetch"].some((o) => t.message.includes(o))) && console.warn("Failed to get file size:", t), 0;
-    }
-  }
-  createChunks(e) {
-    if (e === 0)
-      return [{ start: 0, end: this.chunkSize - 1, downloaded: 0, status: "pending" }];
-    const t = [];
-    for (let o = 0; o < e; o += this.chunkSize)
-      t.push({ start: o, end: Math.min(o + this.chunkSize - 1, e - 1), downloaded: 0, status: "pending" });
-    return t;
-  }
-  async downloadChunk(e, t) {
-    const o = t.end > t.start ? `bytes=${t.start + t.downloaded}-${t.end}` : `bytes=${t.start + t.downloaded}-`, r = await globalThis.fetch(e, {
-      headers: { Range: o },
-      signal: globalThis.AbortSignal.any([
-        new globalThis.AbortController().signal,
-        globalThis.AbortSignal.timeout(6e4)
-      ]),
-      mode: "cors",
-      credentials: "omit"
-    });
-    if (!r.ok) {
-      if (r.status === 416) return { data: new Uint8Array(0), isComplete: !0 };
-      throw new Error(`HTTP ${r.status}: ${r.statusText}`);
-    }
-    const i = new Uint8Array(await r.arrayBuffer()), a = r.headers.get("content-range");
-    let n = !1, d;
-    if (a) {
-      const c = a.match(/\/(\d+)/);
-      if (c) {
-        d = parseInt(c[1]);
-        const f = a.match(/(\d+)-(\d+)/);
-        f && (n = parseInt(f[2]) >= d - 1);
-      }
-    } else i.length === 0 && (n = !0);
-    return { data: i, isComplete: n, actualSize: d };
-  }
-  async downloadFile(e) {
-    const t = new globalThis.AbortController();
-    this.activeDownloads.set(e.id, t);
-    try {
-      e.status = "downloading", e.startTime = Date.now(), this.requestUpdate();
-      const o = e.chunks.filter((d) => d.status === "pending"), r = /* @__PURE__ */ new Set(), i = async (d) => {
-        const c = e.chunks[d];
-        if (!(!c || c.status !== "pending")) {
-          c.status = "downloading", r.add(d), this.requestUpdate();
-          try {
-            if (e.status !== "downloading") return;
-            const f = await this.downloadChunk(e.url, c);
-            if (e.status !== "downloading") return;
-            c.downloaded = f.data.length, c.status = "completed", e.downloaded += c.downloaded, f.actualSize && e.size === 0 && (e.size = f.actualSize, e.size > this.chunkSize && e.chunks.push(...this.createChunks(e.size).slice(1))), r.delete(d), this.requestUpdate(), this.saveState(), (f.isComplete || e.chunks.every((b) => b.status === "completed")) && (e.status = "completed", e.endTime = Date.now(), this.requestUpdate(), this.saveState());
-          } catch (f) {
-            c.status = "error", r.delete(d), e.chunks.filter((b) => b.status === "error").length === e.chunks.length && (e.status = "error", e.error = f instanceof Error ? f.message : "All chunks failed"), this.requestUpdate(), this.saveState();
-          }
-          await new Promise((f) => setTimeout(f, 1));
-        }
-      }, a = [];
-      let n = 0;
-      for (; (n < o.length || r.size > 0) && e.status === "downloading"; ) {
-        for (; r.size < this.maxConcurrentChunks && n < o.length && e.status === "downloading"; )
-          a.push(i(n)), n++;
-        if (r.size > 0)
-          try {
-            await Promise.race([Promise.race(a), new Promise((d) => setTimeout(d, 100))]);
-          } catch {
-          }
-        await new Promise((d) => setTimeout(d, 10));
-      }
-    } catch (o) {
-      (!(o instanceof Error) || o.name !== "AbortError") && (e.status = "error", e.error = o instanceof Error ? o.message : "Unknown error", this.requestUpdate());
-    } finally {
-      this.activeDownloads.delete(e.id), this.saveState();
-    }
-  }
-  pauseDownload(e) {
-    const t = this.activeDownloads.get(e);
-    t && (t.abort(), this.activeDownloads.delete(e));
-    const o = this.downloads.find((r) => r.id === e);
-    o?.status === "downloading" && (o.status = "paused", this.requestUpdate(), this.saveState());
-  }
-  resumeDownload(e) {
-    const t = this.downloads.find((o) => o.id === e);
-    t?.status === "paused" && this.downloadFile(t);
-  }
-  removeDownload(e) {
-    this.pauseDownload(e), this.downloads = this.downloads.filter((t) => t.id !== e), this.requestUpdate(), this.saveState();
-  }
-  formatBytes(e) {
-    if (e === 0) return "0 Bytes";
-    const t = 1024, o = ["Bytes", "KB", "MB", "GB"], r = Math.floor(Math.log(e) / Math.log(t));
-    return parseFloat((e / Math.pow(t, r)).toFixed(2)) + " " + o[r];
-  }
-  formatDuration(e) {
-    const t = Math.floor(e / 1e3), o = Math.floor(t / 60), r = Math.floor(o / 60);
-    return r > 0 ? `${r}h ${o % 60}m ${t % 60}s` : o > 0 ? `${o}m ${t % 60}s` : `${t}s`;
-  }
-  getProgressPercentage(e) {
-    return e.size === 0 ? e.status === "completed" ? 100 : 0 : Math.round(e.downloaded / e.size * 100);
-  }
-  getDownloadSpeed(e) {
-    if (!e.startTime) return "0 KB/s";
-    const t = (Date.now() - e.startTime) / 1e3;
-    return t === 0 ? "0 KB/s" : this.formatBytes(e.downloaded / t) + "/s";
-  }
-  getETA(e) {
-    if (!e.startTime || e.downloaded === 0 || e.size === 0) return "Unknown";
-    const t = (Date.now() - e.startTime) / 1e3;
-    return this.formatDuration((e.size - e.downloaded) / (e.downloaded / t) * 1e3);
-  }
-  async addDownload(e, t) {
-    try {
-      this.isAddingFiles = !0, this.requestUpdate();
-      try {
-        new globalThis.URL(e);
-      } catch {
-        throw new Error("Invalid URL format");
-      }
-      const o = await this.getFileSize(e), i = {
-        id: `download_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
-        url: e,
-        filename: t || e.split("/").pop() || "unknown",
-        size: o,
-        downloaded: 0,
-        status: "pending",
-        chunks: this.createChunks(o)
-      };
-      this.downloads.push(i), this.requestUpdate(), this.saveState(), this.downloadFile(i);
-    } catch (o) {
-      const r = o instanceof Error ? o.message : "Unknown error occurred";
-      this.downloads.push({
-        id: `error_${Date.now()}`,
-        url: e,
-        filename: t || e.split("/").pop() || "unknown",
-        size: 0,
-        downloaded: 0,
-        status: "error",
-        chunks: [],
-        error: r
-      }), this.requestUpdate(), this.saveState();
-    } finally {
-      this.isAddingFiles = !1, this.requestUpdate();
-    }
-  }
-  getStatusClass(e) {
-    return {
-      downloading: "dm__status--downloading",
-      paused: "dm__status--paused",
-      completed: "dm__status--completed",
-      error: "dm__status--error"
-    }[e] ?? "dm__status--pending";
-  }
-  getProgressBarClass(e) {
-    return {
-      downloading: "dm__progress-bar--downloading",
-      paused: "dm__progress-bar--paused",
-      completed: "dm__progress-bar--completed",
-      error: "dm__progress-bar--error"
-    }[e] ?? "dm__progress-bar--pending";
-  }
-  render() {
-    const e = this.downloads.filter((r) => r.status === "downloading").length, t = this.downloads.filter((r) => r.status === "completed").length, o = this.downloads.filter((r) => r.status === "paused").length;
-    return l`
-      <div class="dm">
-        <div class="dm__container">
-          <div class="dm__header">
-            <h2 class="dm__title">Download Manager</h2>
-            <div class="dm__stats">
-              <span>Active: ${e}</span>
-              <span>Paused: ${o}</span>
-              <span>Completed: ${t}</span>
-              <span>Total: ${this.downloads.length}</span>
-            </div>
-          </div>
-
-          <form @submit=${this.handleAddDownload} class="dm__form">
-            <div class="dm__form-row">
-              <div class="dm__form-field">
-                <input type="url" name="url" placeholder="Enter download URL" required class="dm__input" />
-              </div>
-              <div class="dm__form-field--filename">
-                <input type="text" name="filename" placeholder="Custom filename (optional)" class="dm__input" />
-              </div>
-              <button type="submit" ?disabled=${this.isAddingFiles} class="dm__submit-btn">
-                ${this.isAddingFiles ? l`<span class="dm__spinner"></span> Adding...` : "Add Download"}
-              </button>
-            </div>
-            <div class="dm__form-note">
-              <p><strong>Note:</strong> Some servers don't support HEAD requests. File size will be discovered during download.</p>
-            </div>
-          </form>
-
-          <div class="dm__list">
-            ${this.downloads.length === 0 ? l`<div class="dm__empty">No downloads yet. Add a URL to get started.</div>` : this.downloads.map((r) => l`
-                  <div class="dm__item ${r.status === "error" ? "dm__item--error" : ""}">
-                    <div class="dm__item-header">
-                      <div class="dm__item-info">
-                        <p class="dm__item-name">${r.filename}</p>
-                        <p class="dm__item-url">${r.url}</p>
-                      </div>
-                      <div class="dm__item-controls">
-                        <span class="dm__status ${this.getStatusClass(r.status)}">${r.status}</span>
-                        <button class="dm__remove-btn" @click=${() => this.removeDownload(r.id)} title="Remove download">✕</button>
-                      </div>
-                    </div>
-
-                    <div class="dm__progress">
-                      <div class="dm__progress-labels">
-                        <span>${this.formatBytes(r.downloaded)}${r.size > 0 ? ` / ${this.formatBytes(r.size)}` : " (unknown size)"}</span>
-                        <span>${r.size > 0 ? `${this.getProgressPercentage(r)}%` : "Downloading..."}</span>
-                      </div>
-                      <div class="dm__progress-track">
-                        ${r.size > 0 ? l`<div class="dm__progress-bar ${this.getProgressBarClass(r.status)}" style="width: ${this.getProgressPercentage(r)}%"></div>` : l`<div class="dm__progress-bar ${this.getProgressBarClass(r.status)} dm__progress-bar--indeterminate"></div>`}
-                      </div>
-                    </div>
-
-                    <div class="dm__item-footer">
-                      <div class="dm__item-speeds">
-                        <span>Speed: ${r.status === "downloading" ? this.getDownloadSpeed(r) : "0 KB/s"}</span>
-                        <span>ETA: ${r.status === "downloading" ? this.getETA(r) : "Unknown"}</span>
-                      </div>
-                      <div class="dm__item-actions">
-                        ${r.status === "downloading" ? l`
-                          <button class="dm__action-btn dm__action-btn--pause" @click=${() => this.pauseDownload(r.id)}>
-                            <span class="dm__spinner dm__spinner--sm"></span> Pause
-                          </button>
-                        ` : r.status === "paused" ? l`
-                          <button class="dm__action-btn dm__action-btn--resume" @click=${() => this.resumeDownload(r.id)}>Resume</button>
-                        ` : r.status === "completed" ? l`
-                          <span class="dm__status-completed">Completed</span>
-                        ` : r.status === "error" ? l`
-                          <div class="dm__error-info">
-                            <div class="dm__error-label">Error</div>
-                            <div class="dm__error-detail">${r.error}</div>
-                          </div>
-                        ` : ""}
-                      </div>
-                    </div>
-
-                    ${r.status === "downloading" ? l`
-                      <div class="dm__chunks">
-                        <div>Chunks: ${r.chunks.filter((i) => i.status === "completed").length}/${r.chunks.length} completed</div>
-                        <div>Chunk size: ${this.formatBytes(this.chunkSize)}</div>
-                        <div>Downloaded: ${this.formatBytes(r.downloaded)}${r.size > 0 ? ` / ${this.formatBytes(r.size)}` : ""}</div>
-                      </div>
-                    ` : ""}
-                  </div>
-                `)}
-          </div>
-
-          ${this.downloads.length > 0 ? l`
-            <div class="dm__actions">
-              <button class="dm__clear-btn" @click=${this.clearCompleted}>Clear Completed</button>
-              <div class="dm__persist-note">State is automatically saved and will persist across browser sessions</div>
-            </div>
-          ` : ""}
-        </div>
-      </div>
-    `;
-  }
-};
-ne.styles = [T`${P(wo)}`];
-ye([
-  s({ type: Number })
-], ne.prototype, "chunkSize", 2);
-ye([
-  s({ type: Number })
-], ne.prototype, "maxConcurrentDownloads", 2);
-ye([
-  s({ type: Number })
-], ne.prototype, "maxConcurrentChunks", 2);
-ye([
-  m()
-], ne.prototype, "downloads", 2);
-ye([
-  m()
-], ne.prototype, "isAddingFiles", 2);
-ne = ye([
-  Y("download-manager")
-], ne);
-const $o = ".modal__backdrop{position:fixed;inset:0;z-index:var(--z-index-modal-backdrop);display:flex;align-items:center;justify-content:center;background-color:#00000080;padding:var(--spacing-4);font-family:var(--font-family-base)}.modal__dialog{width:100%;max-width:720px;border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-xl);background-color:var(--color-body-bg);display:grid;grid-template-rows:auto 1fr auto}.modal__header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-2);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-2)}.modal__header-content{flex:1;min-width:0}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-body-text);margin:0}.modal__body{padding:var(--spacing-4)}.modal__footer{padding:var(--spacing-4);display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:flex-end;border-top:1px solid var(--color-border)}";
-var zo = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, de = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Co(t, o) : t, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
-  return r && i && zo(t, o, i), i;
-};
-let G = class extends O {
-  constructor() {
-    super(...arguments), this.open = !1, this.title = "", this.closeOnEsc = !0, this.closeOnBackdrop = !0, this.showBack = !1, this.showClose = !1, this.hasFooterContent = !1, this.onKeyDown = (e) => {
-      this.open && this.closeOnEsc && e.key === "Escape" && this.setOpen(!1);
-    }, this.onBackdropClick = (e) => {
-      if (!this.closeOnBackdrop) return;
-      const t = this.shadowRoot?.querySelector(".__modal-content");
-      t && !t.contains(e.target) && this.setOpen(!1);
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), document.addEventListener("keydown", this.onKeyDown);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("keydown", this.onKeyDown);
-  }
-  openModal() {
-    this.setOpen(!0);
-  }
-  closeModal() {
-    this.setOpen(!1);
-  }
-  setOpen(e) {
-    this.open !== e && (this.open = e, this.dispatchEvent(new CustomEvent(e ? "modal-open" : "modal-close", { bubbles: !0 })));
-  }
-  checkFooterContent() {
-    const e = this.shadowRoot?.querySelector('slot[name="footer"]');
-    e && (this.hasFooterContent = e.assignedNodes().length > 0);
-  }
-  updated(e) {
-    super.updated(e), this.checkFooterContent();
-  }
-  render() {
-    return this.open ? l`
-      <div
-        class="modal__backdrop"
-        role="presentation"
-        aria-hidden="false"
-        @mousedown=${this.onBackdropClick}
-      >
-        <div
-          class="__modal-content modal__dialog"
-          role="dialog"
-          aria-modal="true"
-        >
-          ${this.showBack || this.showClose ? l`
-            <div class="modal__header">
-              ${this.showBack ? l`
-                <logosphere-button variant="text" size="sm" @click=${() => this.setOpen(!1)}>←</logosphere-button>
-              ` : ""}
-              <div class="modal__header-content">
-                ${this.title ? l`<h2 class="modal__title">${this.title}</h2>` : ""}
-                <slot name="header"></slot>
-              </div>
-              ${this.showClose ? l`
-                <logosphere-button variant="text" size="sm" @click=${() => this.setOpen(!1)}>×</logosphere-button>
-              ` : ""}
-            </div>
-          ` : ""}
-
-          <div class="modal__body">
-            <slot></slot>
-          </div>
-
-          ${this.hasFooterContent ? l`
-            <div class="modal__footer">
-              <slot name="footer"></slot>
-            </div>
-          ` : ""}
-        </div>
-      </div>
-    ` : l``;
-  }
-};
-G.styles = [T`${P($o)}`];
-de([
-  s({ type: Boolean, reflect: !0 })
-], G.prototype, "open", 2);
-de([
-  s({ type: String })
-], G.prototype, "title", 2);
-de([
-  s({ type: Boolean })
-], G.prototype, "closeOnEsc", 2);
-de([
-  s({ type: Boolean })
-], G.prototype, "closeOnBackdrop", 2);
-de([
-  s({ type: Boolean })
-], G.prototype, "showBack", 2);
-de([
-  s({ type: Boolean })
-], G.prototype, "showClose", 2);
-de([
-  s({ type: Boolean, state: !0 })
-], G.prototype, "hasFooterContent", 2);
-G = de([
-  Y("logosphere-modal")
-], G);
-const Mo = ".tab{width:100%;font-family:var(--font-family-base)}.tab__list{display:flex;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--color-border);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tab__list::-webkit-scrollbar{display:none}.tab__button{display:inline-flex;flex-direction:row;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);min-width:120px;position:relative;cursor:pointer;border:none;border-bottom:2px solid transparent;background:transparent;font-family:var(--font-family-base);white-space:nowrap;transition:background-color var(--transition-speed-base) var(--transition-timing),border-color var(--transition-speed-base) var(--transition-timing)}.tab__button:hover:not(.tab__button--disabled):not(.tab__button--active){background-color:var(--color-tertiary-bg)}.tab__button--active{border-bottom-color:var(--color-primary)}.tab__button--disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.tab__icon{font-size:var(--font-size-xl);flex-shrink:0;color:inherit;line-height:1}.tab__content{display:flex;flex-direction:column;align-items:flex-start}.tab__label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-body-text)}.tab__label--inactive{color:var(--color-tertiary)}.tab__description{font-size:var(--font-size-xs);text-align:left;color:var(--color-tertiary)}.tab__description--active{color:var(--color-secondary)}.tab__panel{padding:var(--spacing-4);outline:none}.tab__panel--hidden{display:none}";
-var So = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, ce = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Do(t, o) : t, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
-  return r && i && So(t, o, i), i;
-};
-let X = class extends O {
-  constructor() {
-    super(...arguments), this.tabs = [], this.activeTab = "", this.lazy = !0, this.variant = "default", this._focusedIndex = 0, this._renderedTabs = /* @__PURE__ */ new Set();
-  }
-  connectedCallback() {
-    super.connectedCallback(), !this.activeTab && this.tabs.length > 0 && (this.activeTab = this.tabs[0].id);
-  }
-  willUpdate(e) {
-    if (super.willUpdate(e), e.has("activeTab") && this.activeTab) {
-      this._renderedTabs.add(this.activeTab);
-      const t = this.tabs.findIndex((o) => o.id === this.activeTab);
-      t !== -1 && (this._focusedIndex = t);
-    }
-    e.has("tabs") && this.tabs.length > 0 && (this.tabs.some((o) => o.id === this.activeTab) || (this.activeTab = this.tabs[0].id), this._focusedIndex = this.tabs.findIndex((o) => o.id === this.activeTab));
-  }
-  // ==================== EVENTS ====================
-  handleTabClick(e, t) {
-    if (t) return;
-    const o = this.activeTab;
-    this.activeTab = e, this._focusedIndex = this.tabs.findIndex((r) => r.id === e), this.dispatchEvent(
-      new CustomEvent("tab-change", {
-        detail: { oldTab: o, newTab: e },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  handleKeyDown(e) {
-    const { tabs: t } = this;
-    if (t.filter((i) => !i.disabled).length === 0) return;
-    let o = this._focusedIndex;
-    const r = this._focusedIndex;
-    switch (e.key) {
-      case "ArrowLeft":
-        e.preventDefault();
-        do
-          o = o > 0 ? o - 1 : t.length - 1;
-        while (t[o]?.disabled && o !== r);
-        break;
-      case "ArrowRight":
-        e.preventDefault();
-        do
-          o = o < t.length - 1 ? o + 1 : 0;
-        while (t[o]?.disabled && o !== r);
-        break;
-      case "Home":
-        for (e.preventDefault(), o = 0; t[o]?.disabled && o < t.length - 1; ) o++;
-        break;
-      case "End":
-        for (e.preventDefault(), o = t.length - 1; t[o]?.disabled && o > 0; ) o--;
-        break;
-      default:
-        return;
-    }
-    if (o !== this._focusedIndex && !t[o]?.disabled) {
-      const i = this.activeTab;
-      this._focusedIndex = o, this.activeTab = t[o].id, this.updateComplete.then(() => {
-        this.shadowRoot?.querySelector(
-          `[role="tab"][data-tab-id="${t[o].id}"]`
-        )?.focus();
-      }), this.dispatchEvent(
-        new CustomEvent("tab-change", {
-          detail: { oldTab: i, newTab: t[o].id },
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    }
-  }
-  scrollTabIntoView(e) {
-    this.updateComplete.then(() => {
-      const t = this.shadowRoot?.querySelector(
-        `[role="tab"][data-tab-id="${e}"]`
-      );
-      if (t && this.tablist) {
-        const o = this.tablist.getBoundingClientRect(), r = t.getBoundingClientRect();
-        r.left < o.left ? this.tablist.scrollLeft -= o.left - r.left + 16 : r.right > o.right && (this.tablist.scrollLeft += r.right - o.right + 16);
-      }
-    });
-  }
-  // ==================== RENDER ====================
-  renderTabButton(e, t) {
-    const o = this.activeTab === e.id, r = this._focusedIndex === t, i = [
-      "tab__button",
-      o ? "tab__button--active" : "",
-      e.disabled ? "tab__button--disabled" : ""
-    ].filter(Boolean).join(" "), a = ["tab__label", o ? "" : "tab__label--inactive"].filter(Boolean).join(" "), n = ["tab__description", o ? "tab__description--active" : ""].filter(Boolean).join(" ");
-    return l`
-      <button
-        role="tab"
-        class=${i}
-        data-tab-id=${e.id}
-        aria-selected=${o ? "true" : "false"}
-        aria-controls="panel-${e.id}"
-        tabindex=${o || r ? "0" : "-1"}
-        ?disabled=${e.disabled}
-        @click=${() => this.handleTabClick(e.id, e.disabled)}
-        @focus=${() => this.scrollTabIntoView(e.id)}
-      >
-        ${e.icon ? l`<i class="${e.icon} tab__icon"></i>` : u}
-        <div class="tab__content">
-          <span class=${a}>${e.label}</span>
-          ${e.description ? l`<span class=${n}>${e.description}</span>` : u}
-        </div>
-      </button>
-    `;
-  }
-  renderTabPanel(e) {
-    const t = this.activeTab === e.id;
-    if (!(!this.lazy || this._renderedTabs.has(e.id))) return u;
-    const r = ["tab__panel", t ? "" : "tab__panel--hidden"].filter(Boolean).join(" ");
-    return l`
-      <div
-        role="tabpanel"
-        id="panel-${e.id}"
-        aria-labelledby="tab-${e.id}"
-        class=${r}
-        tabindex="0"
-      >
-        <slot name=${`panel-${e.id}`}>
-          ${typeof e.content == "string" ? l`${e.content}` : u}
-        </slot>
-      </div>
-    `;
-  }
-  render() {
-    return l`
-      <div class="tab">
-        <div role="tablist" aria-label="Tabs" class="tab__list" @keydown=${this.handleKeyDown}>
-          ${this.tabs.map((e, t) => this.renderTabButton(e, t))}
-        </div>
-        <div class="tab__panels">${this.tabs.map((e) => this.renderTabPanel(e))}</div>
-      </div>
-    `;
-  }
-};
-X.styles = [
-  T`
-      ${P(Mo)}
-    `
-];
-ce([
-  s({ type: Array })
-], X.prototype, "tabs", 2);
-ce([
-  s({ type: String })
-], X.prototype, "activeTab", 2);
-ce([
-  s({ type: Boolean })
-], X.prototype, "lazy", 2);
-ce([
-  s({ type: String })
-], X.prototype, "variant", 2);
-ce([
-  m()
-], X.prototype, "_focusedIndex", 2);
-ce([
-  m()
-], X.prototype, "_renderedTabs", 2);
-ce([
-  te('[role="tablist"]')
-], X.prototype, "tablist", 2);
-X = ce([
-  Y("logosphere-tab")
-], X);
+import { B as e } from "./button-BqOMevro.js";
+import { L as t } from "./badge-CHWTCGQG.js";
+import { C as s } from "./checkbox-g6kl2jGR.js";
+import { F as x } from "./formfield-BOgRugzm.js";
+import { S as L } from "./switch-CG4SSjTg.js";
+import { B as C } from "./breadcrumb-BB61Xt0s.js";
+import { C as h } from "./card-CNoTUaJC.js";
+import { L as B } from "./input-CxBP0i-3.js";
+import { P as i } from "./popover-CaVOXo_k.js";
+import { T as l } from "./text-area-Dw4CUBcz.js";
+import { L as D } from "./chatbot-BNGCxSf9.js";
+import { C as M } from "./combobox-DTUSFw9V.js";
+import { L as T } from "./datepicker-ChdQsc_l.js";
+import { D as w } from "./download-manager-a541AYhr.js";
+import { M as v } from "./modal-CnwRIdd8.js";
+import { L as I } from "./tab-BYU_XEhp.js";
 export {
-  Ye as Breadcrumb,
-  ae as Button,
-  V as Card,
-  W as Checkbox,
-  E as Combobox,
-  ne as DownloadManager,
-  A as FormField,
-  $ as LedsDatePicker,
-  v as LedsUiChatbot,
-  ee as LogosphereBadge,
-  x as LogosphereInput,
-  X as LogosphereTab,
-  G as Modal,
-  F as Popover,
-  fe as Switch,
-  k as TextArea
+  C as Breadcrumb,
+  e as Button,
+  h as Card,
+  s as Checkbox,
+  M as Combobox,
+  w as DownloadManager,
+  x as FormField,
+  T as LedsDatePicker,
+  D as LedsUiChatbot,
+  t as LogosphereBadge,
+  B as LogosphereInput,
+  I as LogosphereTab,
+  v as Modal,
+  i as Popover,
+  L as Switch,
+  l as TextArea
 };