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

package/dist/{combobox-CTqEZUg6.js → combobox-CFF30L-n.js}

@@ -1,15 +1,15 @@
-import { unsafeCSS as u, css as m, LitElement as _, html as n, nothing as c } from "lit";
-import { property as s, state as p, query as b, customElement as f } from "lit/decorators.js";
+import { unsafeCSS as u, css as m, LitElement as _, html as n, nothing as p } from "lit";
+import { property as s, state as d, query as b, customElement as f } from "lit/decorators.js";
 import { createPopper as g } from "@popperjs/core";
 import "./badge-BJqUgXZD.js";
-import "./checkbox-g6kl2jGR.js";
+import "./checkbox-CX0LgsWP.js";
 import "./formfield-O327HYt0.js";
 import "./ui-icon-Ctn4nGFa.js";
 const x = '.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%;cursor:pointer}.combobox__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-2);padding:0;border:none;border-radius:0;background-color:transparent;cursor:pointer;overflow:hidden;font-size:var(--font-size-sm);color:var(--color-body-text);transition:color var(--transition-speed-fast) var(--transition-timing);box-sizing:border-box}.combobox__trigger--default{min-height:20px}.combobox__trigger--large{min-height:24px;font-size:var(--font-size-base)}.combobox__trigger--open{color:var(--color-body-text)}.combobox__trigger--readonly{cursor:default;color:var(--color-tertiary)}.combobox__trigger--disabled{cursor:not-allowed;color:var(--color-tertiary)}.combobox__trigger--readonly .combobox__chevron,.combobox__trigger--disabled .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__trigger--not-clearable .combobox__single-value,.combobox__trigger--not-clearable .combobox__placeholder{padding-right:24px}.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);position:absolute;right:var(--spacing-3)}.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:var(--spacing-1) var(--spacing-2);background-color:var(--color-light);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 12px 0 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:disabled{cursor:not-allowed}.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[popover]{position:fixed;inset:unset;margin:0;padding:0;border:none}.combobox__dropdown{width:auto;background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);z-index:var(--z-index-dropdown);overflow:hidden}.combobox__search{width:100%;padding:var(--spacing-2) 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-2) 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-light)}.combobox__empty{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-tertiary);text-align:center}';
-var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, o = (e, i, r, l) => {
-  for (var a = l > 1 ? void 0 : l ? y(i, r) : i, d = e.length - 1, h; d >= 0; d--)
-    (h = e[d]) && (a = (l ? h(i, r, a) : h(a)) || a);
-  return l && a && v(i, r, a), a;
+var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, i = (e, o, r, a) => {
+  for (var l = a > 1 ? void 0 : a ? y(o, r) : o, c = e.length - 1, h; c >= 0; c--)
+    (h = e[c]) && (l = (a ? h(o, r, l) : h(l)) || l);
+  return a && l && v(o, r, l), l;
 };
 let t = class extends _ {
   constructor() {
@@ -31,8 +31,8 @@ let t = class extends _ {
             e.preventDefault(), this._closeDropdown();
             break;
         }
-    }, this._removeTag = (e, i) => {
-      i.stopPropagation(), this.setSelected(
+    }, this._removeTag = (e, o) => {
+      o.stopPropagation(), this.setSelected(
         this.selected.filter((r) => r[this.optionValue] !== e[this.optionValue])
       );
     }, this._clearSelection = (e) => {
@@ -41,10 +41,15 @@ let t = class extends _ {
       this.readOnly || this.disabled || (this.inputValue = "", this.isOpen = !0, this.focusedIndex = 0);
     }, this._onFilterInput = (e) => {
       this.readOnly || this.disabled || (this.inputValue = e.target.value, this.focusedIndex = 0, this.isOpen || (this.isOpen = !0));
-    }, this._stopPropagation = (e) => e.stopPropagation(), this._onTriggerClick = (e) => {
-      e.stopPropagation(), !(this.readOnly || this.disabled) && (this.filterable && !this.multiple ? this._focusFilterInput() : this.isOpen = !this.isOpen);
+    }, this._stopPropagation = (e) => e.stopPropagation(), this._onTriggerClick = () => {
+      this.readOnly || this.disabled || (this.filterable && !this.multiple ? this._focusFilterInput() : this.isOpen = !this.isOpen);
     }, this._onFieldClick = (e) => {
-      if (!(this.readOnly || this.disabled || e.composedPath().some(
+      if (this.readOnly || this.disabled) return;
+      const o = e.composedPath();
+      if (!(o.some((l) => {
+        const c = l?.classList;
+        return c?.contains("combobox__trigger") || c?.contains("combobox__chevron");
+      }) || o.some(
         (l) => l?.classList?.contains("combobox__dropdown")
       ))) {
         if (this.filterable && !this.multiple) {
@@ -53,8 +58,8 @@ let t = class extends _ {
         }
         this.isOpen = !this.isOpen;
       }
-    }, this._onChevronClick = (e) => {
-      if (e.stopPropagation(), !(this.readOnly || this.disabled)) {
+    }, this._onChevronClick = () => {
+      if (!(this.readOnly || this.disabled)) {
         if (this.isOpen) {
           this._closeDropdown();
           return;
@@ -66,9 +71,9 @@ let t = class extends _ {
   // ==================== LIFECYCLE ====================
   willUpdate(e) {
     if (e.has("items") || e.has("inputValue") || e.has("optionLabel")) {
-      const i = this.inputValue.toLocaleLowerCase();
+      const o = this.inputValue.toLocaleLowerCase();
       this._filteredItems = this.items.filter(
-        (r) => String(r[this.optionLabel] ?? "").toLocaleLowerCase().includes(i)
+        (r) => String(r[this.optionLabel] ?? "").toLocaleLowerCase().includes(o)
       );
     }
   }
@@ -109,12 +114,12 @@ let t = class extends _ {
     return this.selected;
   }
   isSelected(e) {
-    return this.selected.some((i) => i[this.optionValue] === e[this.optionValue]);
+    return this.selected.some((o) => o[this.optionValue] === e[this.optionValue]);
   }
-  _selectItem(e, i) {
-    i.stopPropagation();
+  _selectItem(e, o) {
+    o.stopPropagation();
     let r;
-    this.multiple ? r = this.isSelected(e) ? this.selected.filter((l) => l[this.optionValue] !== e[this.optionValue]) : [...this.selected, e] : (r = [e], this.isOpen = !1, this.filterable && (this.inputValue = "")), this.setSelected(r);
+    this.multiple ? r = this.isSelected(e) ? this.selected.filter((a) => a[this.optionValue] !== e[this.optionValue]) : [...this.selected, e] : (r = [e], this.isOpen = !1, this.filterable && (this.inputValue = "")), this.setSelected(r);
   }
   setSelected(e) {
     this.selected = e, this.dispatchEvent(
@@ -133,7 +138,7 @@ let t = class extends _ {
               variant="default"
               text=${String(e[this.optionLabel])}
               ?closeable=${!this.readOnly}
-              @close=${(i) => this._removeTag(e, i)}
+              @close=${(o) => this._removeTag(e, o)}
             ></logosphere-badge>
           `
     )}
@@ -157,14 +162,14 @@ let t = class extends _ {
               <button class="combobox__clear" @click=${this._clearSelection} aria-label="Clear">
                 <ui-icon name="uil-times" size="14"></ui-icon>
               </button>
-            ` : c}
+            ` : p}
       ` : this.multiple && this.selected.length ? this._renderTagList() : !this.multiple && this.selected.length ? n`
         <span class="combobox__single-value">${this.selected[0][this.optionLabel]}</span>
         ${this.clearable && !this.readOnly ? n`
               <button class="combobox__clear" @click=${this._clearSelection} aria-label="Clear">
                 <ui-icon name="uil-times" size="14"></ui-icon>
               </button>
-            ` : c}
+            ` : p}
       ` : n`<span class="combobox__placeholder">${this.placeholder}</span>`;
   }
   _renderDropdown() {
@@ -180,18 +185,18 @@ let t = class extends _ {
                 @keydown=${this._handleKeydown}
                 @click=${this._stopPropagation}
               />
-            ` : c}
+            ` : p}
 
         <div class="combobox__list">
           ${this._filteredItems.length === 0 ? n`<div class="combobox__empty">${this.emptyMessage}</div>` : this._filteredItems.map(
-      (e, i) => n`
+      (e, o) => n`
                   <div
                     class="combobox__item
                     ${!this.multiple && this.isSelected(e) ? "combobox__item--selected" : ""}
-                    ${i === this.focusedIndex ? "combobox__item--focused" : ""}"
+                    ${o === this.focusedIndex ? "combobox__item--focused" : ""}"
                     @click=${(r) => this._selectItem(e, r)}
                     @mouseenter=${() => {
-        this.focusedIndex = i;
+        this.focusedIndex = o;
       }}
                   >
                     ${this.multiple ? n`
@@ -200,7 +205,7 @@ let t = class extends _ {
                             .value=${e[this.optionValue]}
                             @click=${this._stopPropagation}
                           ></logosphere-checkbox>
-                        ` : c}
+                        ` : p}
                     ${e[this.optionLabel]}
                   </div>
                 `
@@ -228,10 +233,10 @@ let t = class extends _ {
     ) ?? this._referenceElement;
   }
   _updatePopper() {
-    const e = this._getPopperReferenceElement(), i = this._dropdownElement;
-    if (!this.isOpen || !e || !i || !this.isConnected) return;
+    const e = this._getPopperReferenceElement(), o = this._dropdownElement;
+    if (!this.isOpen || !e || !o || !this.isConnected) return;
     const r = Math.round(e.getBoundingClientRect().width);
-    if (i.style.width = `${r}px`, this._popperInstance) {
+    if (o.style.width = `${r}px`, this._popperInstance) {
       this._popperInstance.setOptions({
         placement: "bottom-start",
         strategy: "fixed",
@@ -239,7 +244,7 @@ let t = class extends _ {
       }), this._popperInstance.update();
       return;
     }
-    this._popperInstance = g(e, i, {
+    this._popperInstance = g(e, o, {
       placement: "bottom-start",
       strategy: "fixed",
       modifiers: this._getPopperModifiers()
@@ -280,6 +285,7 @@ let t = class extends _ {
           .readonly=${this.readOnly}
           .size=${this.size}
           .variant=${this.variant}
+          .forceFocused=${this.isOpen}
           @click=${this._onFieldClick}
         >
           <div class="combobox__wrapper">
@@ -287,7 +293,7 @@ let t = class extends _ {
               class="${e}"
               tabindex="${this.readOnly || this.filterable || this.disabled ? -1 : 0}"
               @click=${this._onTriggerClick}
-              @keydown=${this.filterable ? c : this._handleKeydown}
+              @keydown=${this.filterable ? p : this._handleKeydown}
             >
               ${this._renderTriggerContent()}
             </div>
@@ -310,76 +316,76 @@ t.styles = [
       ${u(x)}
     `
 ];
-o([
+i([
   s({ type: String })
 ], t.prototype, "label", 2);
-o([
+i([
   s({ type: String })
 ], t.prototype, "helper", 2);
-o([
+i([
   s({ type: String })
 ], t.prototype, "error", 2);
-o([
+i([
   s({ type: String })
 ], t.prototype, "placeholder", 2);
-o([
+i([
   s({ type: Boolean })
 ], t.prototype, "required", 2);
-o([
+i([
   s({ type: Boolean })
 ], t.prototype, "disabled", 2);
-o([
+i([
   s({ type: Boolean })
 ], t.prototype, "readOnly", 2);
-o([
+i([
   s({ type: String })
 ], t.prototype, "variant", 2);
-o([
+i([
   s({ type: Boolean })
 ], t.prototype, "multiple", 2);
-o([
+i([
   s({ type: Boolean })
 ], t.prototype, "filterable", 2);
-o([
+i([
   s({ type: String })
 ], t.prototype, "optionLabel", 2);
-o([
+i([
   s({ type: String })
 ], t.prototype, "optionValue", 2);
-o([
+i([
   s({ type: String })
 ], t.prototype, "emptyMessage", 2);
-o([
+i([
   s({ type: Array })
 ], t.prototype, "items", 2);
-o([
+i([
   s({ type: String })
 ], t.prototype, "size", 2);
-o([
+i([
   s({ type: Boolean })
 ], t.prototype, "clearable", 2);
-o([
-  p()
+i([
+  d()
 ], t.prototype, "selected", 2);
-o([
-  p()
+i([
+  d()
 ], t.prototype, "inputValue", 2);
-o([
-  p()
+i([
+  d()
 ], t.prototype, "isOpen", 2);
-o([
-  p()
+i([
+  d()
 ], t.prototype, "focusedIndex", 2);
-o([
+i([
   b(".combobox__wrapper")
 ], t.prototype, "_referenceElement", 2);
-o([
+i([
   b("logosphere-formfield")
 ], t.prototype, "_formFieldElement", 2);
-o([
+i([
   b("[data-combobox-popper]")
 ], t.prototype, "_dropdownElement", 2);
-t = o([
+t = i([
   f("logosphere-combobox")
 ], t);
 export {

package/dist/{combobox-BV4AKTqp.cjs → combobox-s7NFPAd3.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("lit"),o=require("lit/decorators.js"),c=require("@popperjs/core");require("./badge-COTtd1jh.cjs");require("./checkbox-CdDTRdKV.cjs");require("./formfield-CRcyUMvQ.cjs");require("./ui-icon-jKyMV1zp.cjs");const d='.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%;cursor:pointer}.combobox__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-2);padding:0;border:none;border-radius:0;background-color:transparent;cursor:pointer;overflow:hidden;font-size:var(--font-size-sm);color:var(--color-body-text);transition:color var(--transition-speed-fast) var(--transition-timing);box-sizing:border-box}.combobox__trigger--default{min-height:20px}.combobox__trigger--large{min-height:24px;font-size:var(--font-size-base)}.combobox__trigger--open{color:var(--color-body-text)}.combobox__trigger--readonly{cursor:default;color:var(--color-tertiary)}.combobox__trigger--disabled{cursor:not-allowed;color:var(--color-tertiary)}.combobox__trigger--readonly .combobox__chevron,.combobox__trigger--disabled .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__trigger--not-clearable .combobox__single-value,.combobox__trigger--not-clearable .combobox__placeholder{padding-right:24px}.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);position:absolute;right:var(--spacing-3)}.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:var(--spacing-1) var(--spacing-2);background-color:var(--color-light);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 12px 0 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:disabled{cursor:not-allowed}.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[popover]{position:fixed;inset:unset;margin:0;padding:0;border:none}.combobox__dropdown{width:auto;background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);z-index:var(--z-index-dropdown);overflow:hidden}.combobox__search{width:100%;padding:var(--spacing-2) 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-2) 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-light)}.combobox__empty{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-tertiary);text-align:center}';var h=Object.defineProperty,b=Object.getOwnPropertyDescriptor,t=(l,e,i,s)=>{for(var n=s>1?void 0:s?b(e,i):e,a=l.length-1,p;a>=0;a--)(p=l[a])&&(n=(s?p(e,i,n):p(n))||n);return s&&n&&h(e,i,n),n};exports.Combobox=class extends r.LitElement{constructor(){super(...arguments),this.inputId="combo-"+Math.random().toString(36).substring(2),this.label="",this.helper="",this.error="",this.placeholder="Seçim yapınız",this.required=!1,this.disabled=!1,this.readOnly=!1,this.variant="default",this.multiple=!1,this.filterable=!1,this.optionLabel="label",this.optionValue="value",this.emptyMessage="Sonuç yok",this.items=[],this.size="default",this.clearable=!0,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||this.disabled))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,i)=>{i.stopPropagation(),this.setSelected(this.selected.filter(s=>s[this.optionValue]!==e[this.optionValue]))},this._clearSelection=e=>{e.stopPropagation(),this.setSelected([]),this.inputValue=""},this._onFilterFocus=()=>{this.readOnly||this.disabled||(this.inputValue="",this.isOpen=!0,this.focusedIndex=0)},this._onFilterInput=e=>{this.readOnly||this.disabled||(this.inputValue=e.target.value,this.focusedIndex=0,this.isOpen||(this.isOpen=!0))},this._stopPropagation=e=>e.stopPropagation(),this._onTriggerClick=e=>{e.stopPropagation(),!(this.readOnly||this.disabled)&&(this.filterable&&!this.multiple?this._focusFilterInput():this.isOpen=!this.isOpen)},this._onFieldClick=e=>{if(!(this.readOnly||this.disabled||e.composedPath().some(n=>n?.classList?.contains("combobox__dropdown")))){if(this.filterable&&!this.multiple){this.isOpen=!0,this._focusFilterInput();return}this.isOpen=!this.isOpen}},this._onChevronClick=e=>{if(e.stopPropagation(),!(this.readOnly||this.disabled)){if(this.isOpen){this._closeDropdown();return}this.isOpen=!0,this.filterable&&!this.multiple&&this._focusFilterInput()}}}willUpdate(e){if(e.has("items")||e.has("inputValue")||e.has("optionLabel")){const i=this.inputValue.toLocaleLowerCase();this._filteredItems=this.items.filter(s=>String(s[this.optionLabel]??"").toLocaleLowerCase().includes(i))}}updated(e){if(e.has("isOpen")&&this.isOpen&&this.filterable&&this.multiple&&this.shadowRoot?.querySelector(".combobox__search")?.focus(),e.has("isOpen")){this.isOpen?this.updateComplete.then(()=>{this._showPopover(),this._updatePopper()}):(this._hidePopover(),this._destroyPopper());return}this.isOpen&&this._updatePopper()}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleOutsideClick),this._destroyPopper()}_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"})})}selectedItems(){return this.selected}isSelected(e){return this.selected.some(i=>i[this.optionValue]===e[this.optionValue])}_selectItem(e,i){i.stopPropagation();let s;this.multiple?s=this.isSelected(e)?this.selected.filter(n=>n[this.optionValue]!==e[this.optionValue]):[...this.selected,e]:(s=[e],this.isOpen=!1,this.filterable&&(this.inputValue="")),this.setSelected(s)}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}))}_renderTagList(){return r.html`
+"use strict";const r=require("lit"),o=require("lit/decorators.js"),p=require("@popperjs/core");require("./badge-COTtd1jh.cjs");require("./checkbox-DpbKHANK.cjs");require("./formfield-CRcyUMvQ.cjs");require("./ui-icon-jKyMV1zp.cjs");const d='.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%;cursor:pointer}.combobox__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-2);padding:0;border:none;border-radius:0;background-color:transparent;cursor:pointer;overflow:hidden;font-size:var(--font-size-sm);color:var(--color-body-text);transition:color var(--transition-speed-fast) var(--transition-timing);box-sizing:border-box}.combobox__trigger--default{min-height:20px}.combobox__trigger--large{min-height:24px;font-size:var(--font-size-base)}.combobox__trigger--open{color:var(--color-body-text)}.combobox__trigger--readonly{cursor:default;color:var(--color-tertiary)}.combobox__trigger--disabled{cursor:not-allowed;color:var(--color-tertiary)}.combobox__trigger--readonly .combobox__chevron,.combobox__trigger--disabled .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__trigger--not-clearable .combobox__single-value,.combobox__trigger--not-clearable .combobox__placeholder{padding-right:24px}.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);position:absolute;right:var(--spacing-3)}.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:var(--spacing-1) var(--spacing-2);background-color:var(--color-light);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 12px 0 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:disabled{cursor:not-allowed}.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[popover]{position:fixed;inset:unset;margin:0;padding:0;border:none}.combobox__dropdown{width:auto;background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);z-index:var(--z-index-dropdown);overflow:hidden}.combobox__search{width:100%;padding:var(--spacing-2) 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-2) 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-light)}.combobox__empty{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-tertiary);text-align:center}';var h=Object.defineProperty,b=Object.getOwnPropertyDescriptor,t=(c,e,i,s)=>{for(var n=s>1?void 0:s?b(e,i):e,l=c.length-1,a;l>=0;l--)(a=c[l])&&(n=(s?a(e,i,n):a(n))||n);return s&&n&&h(e,i,n),n};exports.Combobox=class extends r.LitElement{constructor(){super(...arguments),this.inputId="combo-"+Math.random().toString(36).substring(2),this.label="",this.helper="",this.error="",this.placeholder="Seçim yapınız",this.required=!1,this.disabled=!1,this.readOnly=!1,this.variant="default",this.multiple=!1,this.filterable=!1,this.optionLabel="label",this.optionValue="value",this.emptyMessage="Sonuç yok",this.items=[],this.size="default",this.clearable=!0,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||this.disabled))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,i)=>{i.stopPropagation(),this.setSelected(this.selected.filter(s=>s[this.optionValue]!==e[this.optionValue]))},this._clearSelection=e=>{e.stopPropagation(),this.setSelected([]),this.inputValue=""},this._onFilterFocus=()=>{this.readOnly||this.disabled||(this.inputValue="",this.isOpen=!0,this.focusedIndex=0)},this._onFilterInput=e=>{this.readOnly||this.disabled||(this.inputValue=e.target.value,this.focusedIndex=0,this.isOpen||(this.isOpen=!0))},this._stopPropagation=e=>e.stopPropagation(),this._onTriggerClick=()=>{this.readOnly||this.disabled||(this.filterable&&!this.multiple?this._focusFilterInput():this.isOpen=!this.isOpen)},this._onFieldClick=e=>{if(this.readOnly||this.disabled)return;const i=e.composedPath();if(!(i.some(l=>{const a=l?.classList;return a?.contains("combobox__trigger")||a?.contains("combobox__chevron")})||i.some(l=>l?.classList?.contains("combobox__dropdown")))){if(this.filterable&&!this.multiple){this.isOpen=!0,this._focusFilterInput();return}this.isOpen=!this.isOpen}},this._onChevronClick=()=>{if(!(this.readOnly||this.disabled)){if(this.isOpen){this._closeDropdown();return}this.isOpen=!0,this.filterable&&!this.multiple&&this._focusFilterInput()}}}willUpdate(e){if(e.has("items")||e.has("inputValue")||e.has("optionLabel")){const i=this.inputValue.toLocaleLowerCase();this._filteredItems=this.items.filter(s=>String(s[this.optionLabel]??"").toLocaleLowerCase().includes(i))}}updated(e){if(e.has("isOpen")&&this.isOpen&&this.filterable&&this.multiple&&this.shadowRoot?.querySelector(".combobox__search")?.focus(),e.has("isOpen")){this.isOpen?this.updateComplete.then(()=>{this._showPopover(),this._updatePopper()}):(this._hidePopover(),this._destroyPopper());return}this.isOpen&&this._updatePopper()}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleOutsideClick),this._destroyPopper()}_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"})})}selectedItems(){return this.selected}isSelected(e){return this.selected.some(i=>i[this.optionValue]===e[this.optionValue])}_selectItem(e,i){i.stopPropagation();let s;this.multiple?s=this.isSelected(e)?this.selected.filter(n=>n[this.optionValue]!==e[this.optionValue]):[...this.selected,e]:(s=[e],this.isOpen=!1,this.filterable&&(this.inputValue="")),this.setSelected(s)}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}))}_renderTagList(){return r.html`
       <div class="combobox__tags">
         ${this.selected.map(e=>r.html`
             <logosphere-badge
@@ -68,7 +68,7 @@
                 `)}
         </div>
       </div>
-    `}_getPopperModifiers(){return[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{padding:8}},{name:"flip",options:{padding:8,fallbackPlacements:["top-start","right-start","left-start","bottom-end","top-end"]}}]}_getPopperReferenceElement(){return this._formFieldElement?.shadowRoot?.querySelector(".formfield__container")??this._referenceElement}_updatePopper(){const e=this._getPopperReferenceElement(),i=this._dropdownElement;if(!this.isOpen||!e||!i||!this.isConnected)return;const s=Math.round(e.getBoundingClientRect().width);if(i.style.width=`${s}px`,this._popperInstance){this._popperInstance.setOptions({placement:"bottom-start",strategy:"fixed",modifiers:this._getPopperModifiers()}),this._popperInstance.update();return}this._popperInstance=c.createPopper(e,i,{placement:"bottom-start",strategy:"fixed",modifiers:this._getPopperModifiers()})}_destroyPopper(){this._popperInstance&&(this._popperInstance.destroy(),this._popperInstance=void 0)}_showPopover(){this._dropdownElement?.showPopover?.()}_hidePopover(){const e=this._dropdownElement;try{e?.hidePopover?.()}catch{}}render(){const e=["combobox__trigger",`combobox__trigger--${this.size}`,this.disabled?"combobox__trigger--disabled":"",this.readOnly?"combobox__trigger--readonly":"",!this.readOnly&&!this.disabled&&this.isOpen?"combobox__trigger--open":"",this.clearable?"":"combobox__trigger--not-clearable"].filter(Boolean).join(" ");return r.html`
+    `}_getPopperModifiers(){return[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{padding:8}},{name:"flip",options:{padding:8,fallbackPlacements:["top-start","right-start","left-start","bottom-end","top-end"]}}]}_getPopperReferenceElement(){return this._formFieldElement?.shadowRoot?.querySelector(".formfield__container")??this._referenceElement}_updatePopper(){const e=this._getPopperReferenceElement(),i=this._dropdownElement;if(!this.isOpen||!e||!i||!this.isConnected)return;const s=Math.round(e.getBoundingClientRect().width);if(i.style.width=`${s}px`,this._popperInstance){this._popperInstance.setOptions({placement:"bottom-start",strategy:"fixed",modifiers:this._getPopperModifiers()}),this._popperInstance.update();return}this._popperInstance=p.createPopper(e,i,{placement:"bottom-start",strategy:"fixed",modifiers:this._getPopperModifiers()})}_destroyPopper(){this._popperInstance&&(this._popperInstance.destroy(),this._popperInstance=void 0)}_showPopover(){this._dropdownElement?.showPopover?.()}_hidePopover(){const e=this._dropdownElement;try{e?.hidePopover?.()}catch{}}render(){const e=["combobox__trigger",`combobox__trigger--${this.size}`,this.disabled?"combobox__trigger--disabled":"",this.readOnly?"combobox__trigger--readonly":"",!this.readOnly&&!this.disabled&&this.isOpen?"combobox__trigger--open":"",this.clearable?"":"combobox__trigger--not-clearable"].filter(Boolean).join(" ");return r.html`
       <div class="combobox">
         <logosphere-formfield
           .label=${this.label}
@@ -80,6 +80,7 @@
           .readonly=${this.readOnly}
           .size=${this.size}
           .variant=${this.variant}
+          .forceFocused=${this.isOpen}
           @click=${this._onFieldClick}
         >
           <div class="combobox__wrapper">

package/dist/combobox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./combobox-BV4AKTqp.cjs");Object.defineProperty(exports,"Combobox",{enumerable:!0,get:()=>e.Combobox});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./combobox-s7NFPAd3.cjs");Object.defineProperty(exports,"Combobox",{enumerable:!0,get:()=>e.Combobox});

package/dist/combobox.js

@@ -1,4 +1,4 @@
-import { C as m } from "./combobox-CTqEZUg6.js";
+import { C as m } from "./combobox-CFF30L-n.js";
 export {
   m as Combobox
 };

package/dist/index.cjs

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./button-DRZ4sG4T.cjs"),y=require("./badge-COTtd1jh.cjs"),w=require("./checkbox-CdDTRdKV.cjs"),x=require("./formfield-CRcyUMvQ.cjs"),r=require("lit"),s=require("lit/decorators.js"),$=require("./switch-8RGGesy5.cjs"),S=require("./breadcrumb-Cop-B1J7.cjs"),k=require("./card-BD8FkSTi.cjs"),P=require("./input-Tkm7VBBl.cjs"),C=require("./pagination-AclB9qi1.cjs"),E=require("./popover-DhEvLuOo.cjs");require("./ui-icon-jKyMV1zp.cjs");const O=require("@popperjs/core"),z=require("./text-area-DCBCDtJw.cjs"),L=require("./timepicker-WxA2Uo66.cjs"),D=require("./chatbot-8etAVHNx.cjs"),B=require("./calendar-DtpJBtpq.cjs"),j=require("./combobox-BV4AKTqp.cjs"),q=require("./datepicker-BCNJROwD.cjs"),A=require("./drawer-g6mHdpjF.cjs"),M=require("./download-manager-DDeTYRPs.cjs"),v=require("./leftmenu-D0sRExqr.cjs"),T=require("./modal-DFnpqdWX.cjs"),_=require("./toast-container-B9E_mVk6.cjs"),I=require("./tab-BmrITzOL.cjs"),F=require("./tree-menu-DuJuy5pp.cjs"),N=':host{display:block}.slider{position:relative;width:100%;font-family:var(--font-family-base)}.slider--has-tooltip .slider__track-area{margin-top:var(--spacing-8)}.slider__track-area{position:relative;height:20px;display:flex;align-items:center}.slider__track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;border-radius:var(--radius-full);background:var(--color-border);pointer-events:none}.slider__fill{position:absolute;top:50%;transform:translateY(-50%);height:6px;border-radius:var(--radius-full);background:var(--color-primary);pointer-events:none}.slider__input{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:6px;margin:0;padding:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;pointer-events:none;outline:none}.slider__input::-webkit-slider-runnable-track{background:transparent;height:6px}.slider__input::-moz-range-track{background:transparent;height:6px}.slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:var(--color-body-bg);border:2px solid var(--color-border);pointer-events:all;cursor:pointer;box-shadow:var(--shadow-sm)}.slider__input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-body-bg);border:2px solid var(--color-border);pointer-events:all;cursor:pointer;box-shadow:var(--shadow-sm)}.slider__input:not(:disabled):focus-visible::-webkit-slider-thumb{outline:none;box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.slider__input:not(:disabled):focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.slider--disabled .slider__track{background:var(--color-border)}.slider--disabled .slider__fill{background:var(--color-primary-disabled)}.slider--disabled .slider__input{cursor:not-allowed}.slider--disabled .slider__input::-webkit-slider-thumb{background:var(--color-body-bg);border-color:var(--color-border);pointer-events:all;cursor:not-allowed;box-shadow:none}.slider--disabled .slider__input::-moz-range-thumb{background:var(--color-body-bg);border-color:var(--color-secondary-disabled);cursor:not-allowed;box-shadow:none}.slider--disabled .slider__scale-item{color:var(--color-secondary-disabled)}.slider--disabled .slider__scale-item:before{background:var(--color-secondary-disabled)}.slider--disabled .slider__tooltip{color:var(--color-secondary-disabled);border-color:var(--color-secondary-disabled)}.slider__tooltip{position:absolute;top:-34px;transform:translate(-50%);background:var(--color-body-bg);border:1px solid var(--color-border);color:var(--color-body-color);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);white-space:nowrap;pointer-events:none;z-index:var(--z-index-tooltip);line-height:var(--line-height-normal)}.slider__scale{position:relative;height:26px;margin-top:var(--spacing-1)}.slider__scale-item{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-tertiary);font-family:var(--font-family-base);font-weight:var(--font-weight-regular);white-space:nowrap;line-height:1;-webkit-user-select:none;user-select:none}.slider__scale-item:before{content:"";display:block;width:1px;height:6px;background:var(--color-border);flex-shrink:0}.slider__input--start,.slider__input--end{position:absolute;pointer-events:none}.slider__input--start::-webkit-slider-thumb,.slider__input--end::-webkit-slider-thumb{pointer-events:all}.slider__input--start::-moz-range-thumb,.slider__input--end::-moz-range-thumb{pointer-events:all}';var K=Object.defineProperty,R=Object.getOwnPropertyDescriptor,p=(l,t,e,o)=>{for(var i=o>1?void 0:o?R(t,e):t,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&K(t,e,i),i};exports.Slider=class extends r.LitElement{constructor(){super(...arguments),this.value=50,this.min=0,this.max=100,this.step=1,this.disabled=!1,this.range=!1,this.rangeStart=25,this.rangeEnd=75,this.minDistance=0,this.tooltip="never",this.showScale=!1,this.percentage=!1,this.labels=[],this._hoverStart=!1,this._hoverEnd=!1}get _isLabeled(){return this.labels.length>0}get _effectiveStep(){return this._isLabeled&&this.labels.length>1?(this.max-this.min)/(this.labels.length-1):this.step}get _valuePct(){return(this.value-this.min)/(this.max-this.min)*100}get _startPct(){return(this.rangeStart-this.min)/(this.max-this.min)*100}get _endPct(){return(this.rangeEnd-this.min)/(this.max-this.min)*100}get _displayValue(){if(this._isLabeled){const t=Math.round((this.value-this.min)/this._effectiveStep);return this.labels[Math.min(t,this.labels.length-1)]??String(this.value)}return this.percentage?`${Math.round(this.value)}%`:String(this.value)}get _displayStart(){return this.percentage?`${Math.round(this.rangeStart)}%`:String(this.rangeStart)}get _displayEnd(){return this.percentage?`${Math.round(this.rangeEnd)}%`:String(this.rangeEnd)}_thumbLeft(t){return`calc(${t}% + ${(.5-t/100)*16}px)`}_onSingleChange(t){const e=t.target;this.value=Number(e.value),this._emit("change",{value:this.value})}_onStartChange(t){const e=t.target,o=Math.min(Number(e.value),this.rangeEnd-this.minDistance);this.rangeStart=o,this._emit("change",{rangeStart:this.rangeStart,rangeEnd:this.rangeEnd})}_onEndChange(t){const e=t.target,o=Math.max(Number(e.value),this.rangeStart+this.minDistance);this.rangeEnd=o,this._emit("change",{rangeStart:this.rangeStart,rangeEnd:this.rangeEnd})}_emit(t,e){this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0}))}_renderFill(){return this.range?r.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./button-DRZ4sG4T.cjs"),w=require("./badge-COTtd1jh.cjs"),x=require("./checkbox-DpbKHANK.cjs"),$=require("./formfield-CRcyUMvQ.cjs"),r=require("lit"),s=require("lit/decorators.js"),S=require("./switch-8RGGesy5.cjs"),k=require("./breadcrumb-Cop-B1J7.cjs"),P=require("./card-BD8FkSTi.cjs"),C=require("./input-Tkm7VBBl.cjs"),E=require("./pagination-HyX0EAZr.cjs"),O=require("./popover-DhEvLuOo.cjs");require("./ui-icon-jKyMV1zp.cjs");const z=require("@popperjs/core"),L=require("./text-area-DCBCDtJw.cjs"),D=require("./timepicker-WxA2Uo66.cjs"),B=require("./chatbot-Dl6P98Jq.cjs"),j=require("./calendar-DtpJBtpq.cjs"),q=require("./combobox-s7NFPAd3.cjs"),A=require("./datepicker-BCNJROwD.cjs"),I=require("./drawer-g6mHdpjF.cjs"),M=require("./download-manager-DDeTYRPs.cjs"),v=require("./leftmenu-D0sRExqr.cjs"),T=require("./modal-DFnpqdWX.cjs"),g=require("./toast-container-B9E_mVk6.cjs"),F=require("./tab-CDMcFHvP.cjs"),N=require("./tree-menu-DuJuy5pp.cjs"),G=':host{display:block}.slider{position:relative;width:100%;font-family:var(--font-family-base)}.slider--has-tooltip .slider__track-area{margin-top:var(--spacing-8)}.slider__track-area{position:relative;height:20px;display:flex;align-items:center}.slider__track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;border-radius:var(--radius-full);background:var(--color-border);pointer-events:none}.slider__fill{position:absolute;top:50%;transform:translateY(-50%);height:6px;border-radius:var(--radius-full);background:var(--color-primary);pointer-events:none}.slider__input{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:6px;margin:0;padding:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;pointer-events:none;outline:none}.slider__input::-webkit-slider-runnable-track{background:transparent;height:6px}.slider__input::-moz-range-track{background:transparent;height:6px}.slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:var(--color-body-bg);border:2px solid var(--color-border);pointer-events:all;cursor:pointer;box-shadow:var(--shadow-sm)}.slider__input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-body-bg);border:2px solid var(--color-border);pointer-events:all;cursor:pointer;box-shadow:var(--shadow-sm)}.slider__input:not(:disabled):focus-visible::-webkit-slider-thumb{outline:none;box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.slider__input:not(:disabled):focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.slider--disabled .slider__track{background:var(--color-border)}.slider--disabled .slider__fill{background:var(--color-primary-disabled)}.slider--disabled .slider__input{cursor:not-allowed}.slider--disabled .slider__input::-webkit-slider-thumb{background:var(--color-body-bg);border-color:var(--color-border);pointer-events:all;cursor:not-allowed;box-shadow:none}.slider--disabled .slider__input::-moz-range-thumb{background:var(--color-body-bg);border-color:var(--color-secondary-disabled);cursor:not-allowed;box-shadow:none}.slider--disabled .slider__scale-item{color:var(--color-secondary-disabled)}.slider--disabled .slider__scale-item:before{background:var(--color-secondary-disabled)}.slider--disabled .slider__tooltip{color:var(--color-secondary-disabled);border-color:var(--color-secondary-disabled)}.slider__tooltip{position:absolute;top:-34px;transform:translate(-50%);background:var(--color-body-bg);border:1px solid var(--color-border);color:var(--color-body-color);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);white-space:nowrap;pointer-events:none;z-index:var(--z-index-tooltip);line-height:var(--line-height-normal)}.slider__scale{position:relative;height:26px;margin-top:var(--spacing-1)}.slider__scale-item{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-tertiary);font-family:var(--font-family-base);font-weight:var(--font-weight-regular);white-space:nowrap;line-height:1;-webkit-user-select:none;user-select:none}.slider__scale-item:before{content:"";display:block;width:1px;height:6px;background:var(--color-border);flex-shrink:0}.slider__input--start,.slider__input--end{position:absolute;pointer-events:none}.slider__input--start::-webkit-slider-thumb,.slider__input--end::-webkit-slider-thumb{pointer-events:all}.slider__input--start::-moz-range-thumb,.slider__input--end::-moz-range-thumb{pointer-events:all}';var K=Object.defineProperty,R=Object.getOwnPropertyDescriptor,p=(l,t,e,o)=>{for(var i=o>1?void 0:o?R(t,e):t,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&K(t,e,i),i};exports.Slider=class extends r.LitElement{constructor(){super(...arguments),this.value=50,this.min=0,this.max=100,this.step=1,this.disabled=!1,this.range=!1,this.rangeStart=25,this.rangeEnd=75,this.minDistance=0,this.tooltip="never",this.showScale=!1,this.percentage=!1,this.labels=[],this._hoverStart=!1,this._hoverEnd=!1}get _isLabeled(){return this.labels.length>0}get _effectiveStep(){return this._isLabeled&&this.labels.length>1?(this.max-this.min)/(this.labels.length-1):this.step}get _valuePct(){return(this.value-this.min)/(this.max-this.min)*100}get _startPct(){return(this.rangeStart-this.min)/(this.max-this.min)*100}get _endPct(){return(this.rangeEnd-this.min)/(this.max-this.min)*100}get _displayValue(){if(this._isLabeled){const t=Math.round((this.value-this.min)/this._effectiveStep);return this.labels[Math.min(t,this.labels.length-1)]??String(this.value)}return this.percentage?`${Math.round(this.value)}%`:String(this.value)}get _displayStart(){return this.percentage?`${Math.round(this.rangeStart)}%`:String(this.rangeStart)}get _displayEnd(){return this.percentage?`${Math.round(this.rangeEnd)}%`:String(this.rangeEnd)}_thumbLeft(t){return`calc(${t}% + ${(.5-t/100)*16}px)`}_onSingleChange(t){const e=t.target;this.value=Number(e.value),this._emit("change",{value:this.value})}_onStartChange(t){const e=t.target,o=Math.min(Number(e.value),this.rangeEnd-this.minDistance);this.rangeStart=o,this._emit("change",{rangeStart:this.rangeStart,rangeEnd:this.rangeEnd})}_onEndChange(t){const e=t.target,o=Math.max(Number(e.value),this.rangeStart+this.minDistance);this.rangeEnd=o,this._emit("change",{rangeStart:this.rangeStart,rangeEnd:this.rangeEnd})}_emit(t,e){this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0}))}_renderFill(){return this.range?r.html`
         <div
           class="slider__fill"
           style="left: ${this._startPct}%; width: ${this._endPct-this._startPct}%"
         ></div>
       `:r.html`<div class="slider__fill" style="width: ${this._valuePct}%"></div>`}_renderTooltip(t,e,o){return this.tooltip==="never"||this.tooltip==="hover"&&!o?r.nothing:r.html`
       <div class="slider__tooltip" style="left: ${this._thumbLeft(e)}">${t}</div>
-    `}_renderScale(){if(!this.showScale)return r.nothing;const t=this.max-this.min,e=Math.min(Math.round(t/this.step)+1,11),o=Array.from({length:e},(i,n)=>{const a=e>1?n/(e-1)*100:0,g=this.min+a/100*t,m=this.percentage?`${Math.round(g)}%`:String(Math.round(g));return{pct:a,display:m}});return r.html`
+    `}_renderScale(){if(!this.showScale)return r.nothing;const t=this.max-this.min,e=Math.min(Math.round(t/this.step)+1,11),o=Array.from({length:e},(i,n)=>{const a=e>1?n/(e-1)*100:0,u=this.min+a/100*t,f=this.percentage?`${Math.round(u)}%`:String(Math.round(u));return{pct:a,display:f}});return r.html`
       <div class="slider__scale">
         ${o.map(({pct:i,display:n})=>r.html`
           <span class="slider__scale-item" style="left: ${this._thumbLeft(i)}">${n}</span>
@@ -105,7 +105,7 @@
         ${this._renderScale()}
         ${this._renderLabels()}
       </div>
-    `}};exports.Slider.styles=[r.css`${r.unsafeCSS(N)}`];p([s.property({type:Number})],exports.Slider.prototype,"value",2);p([s.property({type:Number})],exports.Slider.prototype,"min",2);p([s.property({type:Number})],exports.Slider.prototype,"max",2);p([s.property({type:Number})],exports.Slider.prototype,"step",2);p([s.property({type:Boolean})],exports.Slider.prototype,"disabled",2);p([s.property({type:Boolean})],exports.Slider.prototype,"range",2);p([s.property({type:Number})],exports.Slider.prototype,"rangeStart",2);p([s.property({type:Number})],exports.Slider.prototype,"rangeEnd",2);p([s.property({type:Number})],exports.Slider.prototype,"minDistance",2);p([s.property({type:String})],exports.Slider.prototype,"tooltip",2);p([s.property({type:Boolean})],exports.Slider.prototype,"showScale",2);p([s.property({type:Boolean})],exports.Slider.prototype,"percentage",2);p([s.property({type:Array})],exports.Slider.prototype,"labels",2);p([s.state()],exports.Slider.prototype,"_hoverStart",2);p([s.state()],exports.Slider.prototype,"_hoverEnd",2);exports.Slider=p([s.customElement("logosphere-slider")],exports.Slider);const H=":host{display:block}.stepper{display:flex;font-family:var(--font-family-base)}.stepper--horizontal{flex-direction:row;align-items:flex-start}.stepper--horizontal .stepper__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;min-width:0}.stepper--horizontal .stepper__step-header{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.stepper--horizontal .stepper__connector{position:absolute;top:10px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;z-index:0}.stepper--horizontal .stepper__labels{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:var(--spacing-2);padding:0 var(--spacing-1)}.stepper--vertical{flex-direction:column;align-items:stretch}.stepper--vertical .stepper__step{display:flex;flex-direction:column;position:relative}.stepper--vertical .stepper__step-header{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-3)}.stepper--vertical .stepper__labels{display:flex;flex-direction:column;padding-top:var(--spacing-1);padding-bottom:var(--spacing-4)}.stepper--vertical .stepper__connector{position:absolute;top:28px;left:9px;width:2px;bottom:0}.stepper__indicator{width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;transition:background-color var(--transition-speed-base) var(--transition-timing),border-color var(--transition-speed-base) var(--transition-timing)}.stepper__indicator-number{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1}.stepper__indicator-dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-primary);flex-shrink:0}.stepper__indicator--completed{background-color:var(--color-primary);border:2px solid var(--color-primary);color:#fff}.stepper__indicator--current{background-color:var(--color-body-bg);border:2px solid var(--color-primary)}.stepper__indicator--upcoming{background-color:var(--color-body-bg);border:2px solid var(--color-border);color:var(--color-tertiary)}.stepper__indicator--disabled{background-color:var(--color-light-bg);border:2px solid var(--color-secondary-disabled);color:var(--color-secondary-disabled)}.stepper__connector--completed{background-color:var(--color-primary)}.stepper__connector--upcoming{background-color:var(--color-border)}.stepper__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-body-color);white-space:nowrap}.stepper__description{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-tertiary);margin-top:var(--spacing-0-5);white-space:normal}.stepper__step--current .stepper__title{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.stepper__step--upcoming .stepper__title{color:var(--color-tertiary)}.stepper__step--disabled .stepper__title,.stepper__step--disabled .stepper__description{color:var(--color-secondary-disabled)}.stepper__step--clickable{cursor:pointer}.stepper__step--clickable:hover .stepper__indicator--upcoming,.stepper__step--clickable:hover .stepper__indicator--completed{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.stepper__step--clickable:focus-visible{outline:none}.stepper__step--clickable:focus-visible .stepper__indicator{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}";var U=Object.defineProperty,V=Object.getOwnPropertyDescriptor,b=(l,t,e,o)=>{for(var i=o>1?void 0:o?V(t,e):t,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&U(t,e,i),i};exports.Stepper=class extends r.LitElement{constructor(){super(...arguments),this.steps=[],this.activeStep=0,this.orientation="horizontal",this.clickable=!1}_resolveState(t,e){return t.state?t.state:t.disabled?"disabled":e<this.activeStep?"completed":e===this.activeStep?"current":"upcoming"}_onStepClick(t,e){!this.clickable||e==="disabled"||e==="upcoming"||(this.activeStep=t,this.dispatchEvent(new CustomEvent("step-change",{detail:{index:t,step:this.steps[t]},bubbles:!0,composed:!0})))}_onStepKeydown(t,e,o){(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this._onStepClick(e,o)),(t.key==="ArrowRight"||t.key==="ArrowDown")&&(t.preventDefault(),this._focusStep(e+1)),(t.key==="ArrowLeft"||t.key==="ArrowUp")&&(t.preventDefault(),this._focusStep(e-1))}_focusStep(t){const e=Math.max(0,Math.min(this.steps.length-1,t));this.shadowRoot?.querySelector(`[data-step-index="${e}"]`)?.focus()}_renderIndicator(t,e){let o;return t==="completed"?o=r.html`<ui-icon name="uil-check" size="12"></ui-icon>`:t==="current"?o=r.html`<span class="stepper__indicator-dot"></span>`:o=r.html`<span class="stepper__indicator-number">${e+1}</span>`,r.html`
+    `}};exports.Slider.styles=[r.css`${r.unsafeCSS(G)}`];p([s.property({type:Number})],exports.Slider.prototype,"value",2);p([s.property({type:Number})],exports.Slider.prototype,"min",2);p([s.property({type:Number})],exports.Slider.prototype,"max",2);p([s.property({type:Number})],exports.Slider.prototype,"step",2);p([s.property({type:Boolean})],exports.Slider.prototype,"disabled",2);p([s.property({type:Boolean})],exports.Slider.prototype,"range",2);p([s.property({type:Number})],exports.Slider.prototype,"rangeStart",2);p([s.property({type:Number})],exports.Slider.prototype,"rangeEnd",2);p([s.property({type:Number})],exports.Slider.prototype,"minDistance",2);p([s.property({type:String})],exports.Slider.prototype,"tooltip",2);p([s.property({type:Boolean})],exports.Slider.prototype,"showScale",2);p([s.property({type:Boolean})],exports.Slider.prototype,"percentage",2);p([s.property({type:Array})],exports.Slider.prototype,"labels",2);p([s.state()],exports.Slider.prototype,"_hoverStart",2);p([s.state()],exports.Slider.prototype,"_hoverEnd",2);exports.Slider=p([s.customElement("logosphere-slider")],exports.Slider);const H=":host{display:block}.stepper{display:flex;font-family:var(--font-family-base)}.stepper--horizontal{flex-direction:row;align-items:flex-start}.stepper--horizontal .stepper__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;min-width:0}.stepper--horizontal .stepper__step-header{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.stepper--horizontal .stepper__connector{position:absolute;top:10px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;z-index:0}.stepper--horizontal .stepper__labels{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:var(--spacing-2);padding:0 var(--spacing-1)}.stepper--vertical{flex-direction:column;align-items:stretch}.stepper--vertical .stepper__step{display:flex;flex-direction:column;position:relative}.stepper--vertical .stepper__step-header{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-3)}.stepper--vertical .stepper__labels{display:flex;flex-direction:column;padding-top:var(--spacing-1);padding-bottom:var(--spacing-4)}.stepper--vertical .stepper__connector{position:absolute;top:28px;left:9px;width:2px;bottom:0}.stepper__indicator{width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;transition:background-color var(--transition-speed-base) var(--transition-timing),border-color var(--transition-speed-base) var(--transition-timing)}.stepper__indicator-number{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1}.stepper__indicator-dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-primary);flex-shrink:0}.stepper__indicator--completed{background-color:var(--color-primary);border:2px solid var(--color-primary);color:#fff}.stepper__indicator--current{background-color:var(--color-body-bg);border:2px solid var(--color-primary)}.stepper__indicator--upcoming{background-color:var(--color-body-bg);border:2px solid var(--color-border);color:var(--color-tertiary)}.stepper__indicator--disabled{background-color:var(--color-light-bg);border:2px solid var(--color-secondary-disabled);color:var(--color-secondary-disabled)}.stepper__connector--completed{background-color:var(--color-primary)}.stepper__connector--upcoming{background-color:var(--color-border)}.stepper__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-body-color);white-space:nowrap}.stepper__description{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-tertiary);margin-top:var(--spacing-0-5);white-space:normal}.stepper__step--current .stepper__title{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.stepper__step--upcoming .stepper__title{color:var(--color-tertiary)}.stepper__step--disabled .stepper__title,.stepper__step--disabled .stepper__description{color:var(--color-secondary-disabled)}.stepper__step--clickable{cursor:pointer}.stepper__step--clickable:hover .stepper__indicator--upcoming,.stepper__step--clickable:hover .stepper__indicator--completed{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.stepper__step--clickable:focus-visible{outline:none}.stepper__step--clickable:focus-visible .stepper__indicator{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}";var U=Object.defineProperty,V=Object.getOwnPropertyDescriptor,h=(l,t,e,o)=>{for(var i=o>1?void 0:o?V(t,e):t,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&U(t,e,i),i};exports.Stepper=class extends r.LitElement{constructor(){super(...arguments),this.steps=[],this.activeStep=0,this.orientation="horizontal",this.clickable=!1}_resolveState(t,e){return t.state?t.state:t.disabled?"disabled":e<this.activeStep?"completed":e===this.activeStep?"current":"upcoming"}_onStepClick(t,e){!this.clickable||e==="disabled"||e==="upcoming"||(this.activeStep=t,this.dispatchEvent(new CustomEvent("step-change",{detail:{index:t,step:this.steps[t]},bubbles:!0,composed:!0})))}_onStepKeydown(t,e,o){(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this._onStepClick(e,o)),(t.key==="ArrowRight"||t.key==="ArrowDown")&&(t.preventDefault(),this._focusStep(e+1)),(t.key==="ArrowLeft"||t.key==="ArrowUp")&&(t.preventDefault(),this._focusStep(e-1))}_focusStep(t){const e=Math.max(0,Math.min(this.steps.length-1,t));this.shadowRoot?.querySelector(`[data-step-index="${e}"]`)?.focus()}_renderIndicator(t,e){let o;return t==="completed"?o=r.html`<ui-icon name="uil-check" size="12"></ui-icon>`:t==="current"?o=r.html`<span class="stepper__indicator-dot"></span>`:o=r.html`<span class="stepper__indicator-number">${e+1}</span>`,r.html`
       <div
         class="stepper__indicator stepper__indicator--${t}"
         aria-hidden="true"
@@ -156,7 +156,7 @@
       >
         ${this.steps.map((t,e)=>this._renderStep(t,e))}
       </div>
-    `}};exports.Stepper.styles=[r.css`${r.unsafeCSS(H)}`];b([s.property({attribute:!1})],exports.Stepper.prototype,"steps",2);b([s.property({type:Number})],exports.Stepper.prototype,"activeStep",2);b([s.property({type:String})],exports.Stepper.prototype,"orientation",2);b([s.property({type:Boolean})],exports.Stepper.prototype,"clickable",2);exports.Stepper=b([s.customElement("logosphere-stepper")],exports.Stepper);const Y=":host{display:inline-block;position:relative}.split-button{display:inline-flex;align-items:stretch;gap:1px;font-family:var(--font-family-base);border-radius:var(--radius-base);overflow:hidden}.split-button__action,.split-button__dropdown{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:1.25rem;letter-spacing:-.14px;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-speed-base) var(--transition-timing);outline:none}.split-button__action:focus-visible,.split-button__dropdown:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;position:relative;z-index:1}.split-button__action:disabled,.split-button__dropdown:disabled{cursor:not-allowed;pointer-events:none}.split-button__action{gap:var(--spacing-1)}.split-button__chevron{transition:transform var(--transition-speed-base) var(--transition-timing);display:inline-flex}.split-button__chevron--open{transform:rotate(180deg)}.split-button--sm .split-button__action{padding:var(--spacing-0-5) var(--spacing-2)}.split-button--sm .split-button__dropdown{padding:var(--spacing-0-5) var(--spacing-1-5)}.split-button--md .split-button__action{padding:var(--spacing-1-5) var(--spacing-3)}.split-button--md .split-button__dropdown{padding:var(--spacing-1-5) var(--spacing-2)}.split-button--lg .split-button__action{padding:var(--spacing-2-5) var(--spacing-3)}.split-button--lg .split-button__dropdown{padding:var(--spacing-2-5) var(--spacing-2)}.split-button{background-color:#fff6}.split-button--primary .split-button__action,.split-button--primary .split-button__dropdown{background-color:var(--color-primary);color:#fff}.split-button--primary .split-button__action:hover:not(:disabled),.split-button--primary .split-button__dropdown:hover:not(:disabled){background-color:var(--color-primary-hover)}.split-button--primary .split-button__action:active:not(:disabled),.split-button--primary .split-button__dropdown:active:not(:disabled){background-color:var(--color-primary-active)}.split-button--primary.split-button--disabled,.split-button--primary .split-button__action:disabled,.split-button--primary .split-button__dropdown:disabled{background-color:var(--color-primary-disabled)}.split-button--primary.split-button--disabled .split-button__action,.split-button--primary.split-button--disabled .split-button__dropdown{background-color:var(--color-primary-disabled)}.split-button--secondary .split-button__action,.split-button--secondary .split-button__dropdown{background-color:var(--color-secondary);color:#fff}.split-button--secondary .split-button__action:hover:not(:disabled),.split-button--secondary .split-button__dropdown:hover:not(:disabled){background-color:var(--color-secondary-hover)}.split-button--secondary .split-button__action:active:not(:disabled),.split-button--secondary .split-button__dropdown:active:not(:disabled){background-color:var(--color-secondary-active)}.split-button--secondary.split-button--disabled .split-button__action,.split-button--secondary.split-button--disabled .split-button__dropdown,.split-button--secondary .split-button__action:disabled,.split-button--secondary .split-button__dropdown:disabled{background-color:var(--color-secondary-disabled)}.split-button--success .split-button__action,.split-button--success .split-button__dropdown{background-color:var(--color-success);color:#fff}.split-button--success .split-button__action:hover:not(:disabled),.split-button--success .split-button__dropdown:hover:not(:disabled){background-color:var(--color-success-hover)}.split-button--success .split-button__action:active:not(:disabled),.split-button--success .split-button__dropdown:active:not(:disabled){background-color:var(--color-success-active)}.split-button--success.split-button--disabled .split-button__action,.split-button--success.split-button--disabled .split-button__dropdown,.split-button--success .split-button__action:disabled,.split-button--success .split-button__dropdown:disabled{background-color:var(--color-success-disabled)}.split-button--danger .split-button__action,.split-button--danger .split-button__dropdown{background-color:var(--color-danger);color:#fff}.split-button--danger .split-button__action:hover:not(:disabled),.split-button--danger .split-button__dropdown:hover:not(:disabled){background-color:var(--color-danger-hover)}.split-button--danger .split-button__action:active:not(:disabled),.split-button--danger .split-button__dropdown:active:not(:disabled){background-color:var(--color-danger-active)}.split-button--danger.split-button--disabled .split-button__action,.split-button--danger.split-button--disabled .split-button__dropdown,.split-button--danger .split-button__action:disabled,.split-button--danger .split-button__dropdown:disabled{background-color:var(--color-danger-disabled)}.split-button--info .split-button__action,.split-button--info .split-button__dropdown{background-color:var(--color-info);color:#fff}.split-button--info .split-button__action:hover:not(:disabled),.split-button--info .split-button__dropdown:hover:not(:disabled){background-color:var(--color-info-hover)}.split-button--info .split-button__action:active:not(:disabled),.split-button--info .split-button__dropdown:active:not(:disabled){background-color:var(--color-info-active)}.split-button--info.split-button--disabled .split-button__action,.split-button--info.split-button--disabled .split-button__dropdown,.split-button--info .split-button__action:disabled,.split-button--info .split-button__dropdown:disabled{background-color:var(--color-info-disabled)}.split-button--warning .split-button__action,.split-button--warning .split-button__dropdown{background-color:var(--color-warning);color:var(--color-warning-emphasis)}.split-button--warning .split-button__action:hover:not(:disabled),.split-button--warning .split-button__dropdown:hover:not(:disabled){background-color:var(--color-warning-hover)}.split-button--warning .split-button__action:active:not(:disabled),.split-button--warning .split-button__dropdown:active:not(:disabled){background-color:var(--color-warning-active)}.split-button--warning.split-button--disabled .split-button__action,.split-button--warning.split-button--disabled .split-button__dropdown,.split-button--warning .split-button__action:disabled,.split-button--warning .split-button__dropdown:disabled{background-color:var(--color-warning-disabled)}.split-button__panel{position:fixed;z-index:var(--z-index-dropdown);min-width:160px;background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);padding:var(--spacing-1) 0;outline:none}.split-button__panel-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);background:none;border:none;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-body-color);text-align:left;white-space:nowrap;transition:background-color var(--transition-speed-fast) var(--transition-timing);box-sizing:border-box}.split-button__panel-item:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.split-button__panel-item:active:not(:disabled){background-color:var(--color-body-bg-active)}.split-button__panel-item--disabled,.split-button__panel-item:disabled{color:var(--color-secondary-disabled);cursor:not-allowed;pointer-events:none}.split-button__panel-divider{height:1px;background-color:var(--color-border);margin:var(--spacing-1) 0}";var Z=Object.defineProperty,G=Object.getOwnPropertyDescriptor,d=(l,t,e,o)=>{for(var i=o>1?void 0:o?G(t,e):t,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&Z(t,e,i),i};exports.SplitButton=class extends r.LitElement{constructor(){super(...arguments),this.label="Button",this.size="md",this.theme="primary",this.disabled=!1,this.dropdownDisabled=!1,this.items=[],this._open=!1,this._onDocClick=t=>{this._open&&(t.composedPath().includes(this)||this._setOpen(!1))},this._onDocKeydown=t=>{t.key==="Escape"&&this._open&&this._setOpen(!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocClick,{capture:!0}),document.addEventListener("keydown",this._onDocKeydown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._onDocClick,{capture:!0}),document.removeEventListener("keydown",this._onDocKeydown),this._destroyPopper()}updated(t){super.updated(t),t.has("_open")&&(this._open?this._initPopper():this._destroyPopper())}_initPopper(){!this._dropdownBtn||!this._panel||(this._popper=O.createPopper(this._dropdownBtn,this._panel,{placement:"bottom-end",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"preventOverflow",options:{padding:8}},{name:"flip",options:{padding:8}}]}))}_destroyPopper(){this._popper?.destroy(),this._popper=void 0}_setOpen(t){this._open!==t&&(this._open=t,this.dispatchEvent(new CustomEvent(t?"dropdown-open":"dropdown-close",{bubbles:!0,composed:!0})))}_onActionClick(t){t.stopPropagation(),!this.disabled&&this.dispatchEvent(new CustomEvent("action",{bubbles:!0,composed:!0}))}_onDropdownClick(t){t.stopPropagation(),!(this.disabled||this.dropdownDisabled)&&this._setOpen(!this._open)}_onItemClick(t){t.disabled||(this.dispatchEvent(new CustomEvent("item-select",{detail:{value:t.value,item:t},bubbles:!0,composed:!0})),this._setOpen(!1))}_onKeydown(t,e){(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),e==="action"?this._onActionClick(t):this._onDropdownClick(t))}_renderPanel(){if(!this._open)return r.nothing;const t=this.items.length>0;return r.html`
+    `}};exports.Stepper.styles=[r.css`${r.unsafeCSS(H)}`];h([s.property({attribute:!1})],exports.Stepper.prototype,"steps",2);h([s.property({type:Number})],exports.Stepper.prototype,"activeStep",2);h([s.property({type:String})],exports.Stepper.prototype,"orientation",2);h([s.property({type:Boolean})],exports.Stepper.prototype,"clickable",2);exports.Stepper=h([s.customElement("logosphere-stepper")],exports.Stepper);const Y=":host{display:inline-block;position:relative}.split-button{display:inline-flex;align-items:stretch;gap:1px;font-family:var(--font-family-base);border-radius:var(--radius-base);overflow:hidden}.split-button__action,.split-button__dropdown{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:1.25rem;letter-spacing:-.14px;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-speed-base) var(--transition-timing);outline:none}.split-button__action:focus-visible,.split-button__dropdown:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;position:relative;z-index:1}.split-button__action:disabled,.split-button__dropdown:disabled{cursor:not-allowed;pointer-events:none}.split-button__action{gap:var(--spacing-1)}.split-button__chevron{transition:transform var(--transition-speed-base) var(--transition-timing);display:inline-flex}.split-button__chevron--open{transform:rotate(180deg)}.split-button--sm .split-button__action{padding:var(--spacing-0-5) var(--spacing-2)}.split-button--sm .split-button__dropdown{padding:var(--spacing-0-5) var(--spacing-1-5)}.split-button--md .split-button__action{padding:var(--spacing-1-5) var(--spacing-3)}.split-button--md .split-button__dropdown{padding:var(--spacing-1-5) var(--spacing-2)}.split-button--lg .split-button__action{padding:var(--spacing-2-5) var(--spacing-3)}.split-button--lg .split-button__dropdown{padding:var(--spacing-2-5) var(--spacing-2)}.split-button{background-color:#fff6}.split-button--primary .split-button__action,.split-button--primary .split-button__dropdown{background-color:var(--color-primary);color:#fff}.split-button--primary .split-button__action:hover:not(:disabled),.split-button--primary .split-button__dropdown:hover:not(:disabled){background-color:var(--color-primary-hover)}.split-button--primary .split-button__action:active:not(:disabled),.split-button--primary .split-button__dropdown:active:not(:disabled){background-color:var(--color-primary-active)}.split-button--primary.split-button--disabled,.split-button--primary .split-button__action:disabled,.split-button--primary .split-button__dropdown:disabled{background-color:var(--color-primary-disabled)}.split-button--primary.split-button--disabled .split-button__action,.split-button--primary.split-button--disabled .split-button__dropdown{background-color:var(--color-primary-disabled)}.split-button--secondary .split-button__action,.split-button--secondary .split-button__dropdown{background-color:var(--color-secondary);color:#fff}.split-button--secondary .split-button__action:hover:not(:disabled),.split-button--secondary .split-button__dropdown:hover:not(:disabled){background-color:var(--color-secondary-hover)}.split-button--secondary .split-button__action:active:not(:disabled),.split-button--secondary .split-button__dropdown:active:not(:disabled){background-color:var(--color-secondary-active)}.split-button--secondary.split-button--disabled .split-button__action,.split-button--secondary.split-button--disabled .split-button__dropdown,.split-button--secondary .split-button__action:disabled,.split-button--secondary .split-button__dropdown:disabled{background-color:var(--color-secondary-disabled)}.split-button--success .split-button__action,.split-button--success .split-button__dropdown{background-color:var(--color-success);color:#fff}.split-button--success .split-button__action:hover:not(:disabled),.split-button--success .split-button__dropdown:hover:not(:disabled){background-color:var(--color-success-hover)}.split-button--success .split-button__action:active:not(:disabled),.split-button--success .split-button__dropdown:active:not(:disabled){background-color:var(--color-success-active)}.split-button--success.split-button--disabled .split-button__action,.split-button--success.split-button--disabled .split-button__dropdown,.split-button--success .split-button__action:disabled,.split-button--success .split-button__dropdown:disabled{background-color:var(--color-success-disabled)}.split-button--danger .split-button__action,.split-button--danger .split-button__dropdown{background-color:var(--color-danger);color:#fff}.split-button--danger .split-button__action:hover:not(:disabled),.split-button--danger .split-button__dropdown:hover:not(:disabled){background-color:var(--color-danger-hover)}.split-button--danger .split-button__action:active:not(:disabled),.split-button--danger .split-button__dropdown:active:not(:disabled){background-color:var(--color-danger-active)}.split-button--danger.split-button--disabled .split-button__action,.split-button--danger.split-button--disabled .split-button__dropdown,.split-button--danger .split-button__action:disabled,.split-button--danger .split-button__dropdown:disabled{background-color:var(--color-danger-disabled)}.split-button--info .split-button__action,.split-button--info .split-button__dropdown{background-color:var(--color-info);color:#fff}.split-button--info .split-button__action:hover:not(:disabled),.split-button--info .split-button__dropdown:hover:not(:disabled){background-color:var(--color-info-hover)}.split-button--info .split-button__action:active:not(:disabled),.split-button--info .split-button__dropdown:active:not(:disabled){background-color:var(--color-info-active)}.split-button--info.split-button--disabled .split-button__action,.split-button--info.split-button--disabled .split-button__dropdown,.split-button--info .split-button__action:disabled,.split-button--info .split-button__dropdown:disabled{background-color:var(--color-info-disabled)}.split-button--warning .split-button__action,.split-button--warning .split-button__dropdown{background-color:var(--color-warning);color:var(--color-warning-emphasis)}.split-button--warning .split-button__action:hover:not(:disabled),.split-button--warning .split-button__dropdown:hover:not(:disabled){background-color:var(--color-warning-hover)}.split-button--warning .split-button__action:active:not(:disabled),.split-button--warning .split-button__dropdown:active:not(:disabled){background-color:var(--color-warning-active)}.split-button--warning.split-button--disabled .split-button__action,.split-button--warning.split-button--disabled .split-button__dropdown,.split-button--warning .split-button__action:disabled,.split-button--warning .split-button__dropdown:disabled{background-color:var(--color-warning-disabled)}.split-button__panel{position:fixed;z-index:var(--z-index-dropdown);min-width:160px;background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);padding:var(--spacing-1) 0;outline:none}.split-button__panel-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);background:none;border:none;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-body-color);text-align:left;white-space:nowrap;transition:background-color var(--transition-speed-fast) var(--transition-timing);box-sizing:border-box}.split-button__panel-item:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.split-button__panel-item:active:not(:disabled){background-color:var(--color-body-bg-active)}.split-button__panel-item--disabled,.split-button__panel-item:disabled{color:var(--color-secondary-disabled);cursor:not-allowed;pointer-events:none}.split-button__panel-divider{height:1px;background-color:var(--color-border);margin:var(--spacing-1) 0}";var Z=Object.defineProperty,J=Object.getOwnPropertyDescriptor,d=(l,t,e,o)=>{for(var i=o>1?void 0:o?J(t,e):t,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&Z(t,e,i),i};exports.SplitButton=class extends r.LitElement{constructor(){super(...arguments),this.label="Button",this.size="md",this.theme="primary",this.disabled=!1,this.dropdownDisabled=!1,this.items=[],this._open=!1,this._onDocClick=t=>{this._open&&(t.composedPath().includes(this)||this._setOpen(!1))},this._onDocKeydown=t=>{t.key==="Escape"&&this._open&&this._setOpen(!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocClick,{capture:!0}),document.addEventListener("keydown",this._onDocKeydown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._onDocClick,{capture:!0}),document.removeEventListener("keydown",this._onDocKeydown),this._destroyPopper()}updated(t){super.updated(t),t.has("_open")&&(this._open?this._initPopper():this._destroyPopper())}_initPopper(){!this._dropdownBtn||!this._panel||(this._popper=z.createPopper(this._dropdownBtn,this._panel,{placement:"bottom-end",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"preventOverflow",options:{padding:8}},{name:"flip",options:{padding:8}}]}))}_destroyPopper(){this._popper?.destroy(),this._popper=void 0}_setOpen(t){this._open!==t&&(this._open=t,this.dispatchEvent(new CustomEvent(t?"dropdown-open":"dropdown-close",{bubbles:!0,composed:!0})))}_onActionClick(t){t.stopPropagation(),!this.disabled&&this.dispatchEvent(new CustomEvent("action",{bubbles:!0,composed:!0}))}_onDropdownClick(t){t.stopPropagation(),!(this.disabled||this.dropdownDisabled)&&this._setOpen(!this._open)}_onItemClick(t){t.disabled||(this.dispatchEvent(new CustomEvent("item-select",{detail:{value:t.value,item:t},bubbles:!0,composed:!0})),this._setOpen(!1))}_onKeydown(t,e){(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),e==="action"?this._onActionClick(t):this._onDropdownClick(t))}_renderPanel(){if(!this._open)return r.nothing;const t=this.items.length>0;return r.html`
       <div
         class="split-button__panel"
         role="menu"
@@ -218,7 +218,7 @@
         <!-- Dropdown panel -->
         ${this._renderPanel()}
       </div>
-    `}};exports.SplitButton.styles=[r.css`${r.unsafeCSS(Y)}`];d([s.property({type:String})],exports.SplitButton.prototype,"label",2);d([s.property({type:String})],exports.SplitButton.prototype,"size",2);d([s.property({type:String})],exports.SplitButton.prototype,"theme",2);d([s.property({type:Boolean})],exports.SplitButton.prototype,"disabled",2);d([s.property({type:Boolean})],exports.SplitButton.prototype,"dropdownDisabled",2);d([s.property({attribute:!1})],exports.SplitButton.prototype,"items",2);d([s.state()],exports.SplitButton.prototype,"_open",2);d([s.query(".split-button__dropdown")],exports.SplitButton.prototype,"_dropdownBtn",2);d([s.query(".split-button__panel")],exports.SplitButton.prototype,"_panel",2);exports.SplitButton=d([s.customElement("logosphere-split-button")],exports.SplitButton);const J=":host{display:block}.collapse{font-family:var(--font-family-base);background-color:var(--color-body-bg);overflow:hidden}.collapse--full{border:1px solid var(--color-border);border-radius:var(--radius-base)}.collapse--bottom{border-bottom:1px solid var(--color-border);border-radius:0}.collapse__header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-4);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-speed-fast) var(--transition-timing);outline:none}.collapse--small .collapse__header{padding:var(--spacing-2) var(--spacing-4)}.collapse--full .collapse__header{border-radius:calc(var(--radius-base) - 1px)}.collapse--full.collapse--expanded .collapse__header{border-radius:calc(var(--radius-base) - 1px) calc(var(--radius-base) - 1px) 0 0}.collapse--full .collapse__header:hover:not(.collapse--disabled .collapse__header){background-color:var(--color-body-bg-hover)}.collapse--bottom .collapse__header:hover:not(.collapse--disabled .collapse__header){background-color:var(--color-body-bg-hover)}.collapse__header:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:calc(var(--radius-base) - 1px)}.collapse__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:-.16px;color:var(--color-body-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapse__header-extra:empty{display:none}.collapse__header-extra{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.collapse__header-spacer{flex:1}.collapse__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-secondary);transition:transform var(--transition-speed-base) var(--transition-timing)}.collapse__icon--expanded{transform:rotate(180deg)}.collapse__body{height:0;overflow:hidden;transition:height var(--transition-speed-slow) var(--transition-timing)}.collapse__body-inner{padding:0 var(--spacing-4) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-body-color)}.collapse--bottom .collapse__body-inner{padding-top:var(--spacing-2)}.collapse--disabled .collapse__header{cursor:not-allowed;pointer-events:none}.collapse--disabled .collapse__title,.collapse--disabled .collapse__icon{color:var(--color-secondary-disabled)}.collapse--disabled.collapse--full{border-color:var(--color-secondary-disabled);background-color:var(--color-light-bg)}.collapse--disabled.collapse--bottom{border-bottom-color:var(--color-secondary-disabled);background-color:transparent}";var Q=Object.defineProperty,W=Object.getOwnPropertyDescriptor,c=(l,t,e,o)=>{for(var i=o>1?void 0:o?W(t,e):t,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&Q(t,e,i),i};const h=typeof requestAnimationFrame<"u"?requestAnimationFrame.bind(window):l=>setTimeout(()=>l(Date.now()),16);exports.Collapse=class extends r.LitElement{constructor(){super(...arguments),this.title="",this.expanded=!1,this.disabled=!1,this.iconPosition="right",this.border="full",this.size="default"}_toggle(){this.disabled||(this.expanded=!this.expanded,this.dispatchEvent(new CustomEvent("toggle",{detail:{expanded:this.expanded},bubbles:!0,composed:!0})))}_onKeydown(t){(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this._toggle())}_lockHeightForClose(){const t=this._body;if(!t)return;const e=t.getBoundingClientRect().height;t.style.height=`${e}px`,t.style.overflow="hidden"}willUpdate(t){super.willUpdate(t),t.has("expanded")&&!this.expanded&&this._lockHeightForClose()}updated(t){if(super.updated(t),!t.has("expanded")||!this._body||!this._inner)return;const e=this._body,o=this._inner;this.expanded?(e.style.height="0px",e.style.overflow="hidden",h(()=>{h(()=>{e.style.height=`${o.scrollHeight}px`,e.addEventListener("transitionend",function i(){e.style.height="auto",e.style.overflow="",e.removeEventListener("transitionend",i)},{once:!0})})})):(e.getBoundingClientRect(),h(()=>{h(()=>{e.style.height="0px"})}))}_renderIcon(){return r.html`
+    `}};exports.SplitButton.styles=[r.css`${r.unsafeCSS(Y)}`];d([s.property({type:String})],exports.SplitButton.prototype,"label",2);d([s.property({type:String})],exports.SplitButton.prototype,"size",2);d([s.property({type:String})],exports.SplitButton.prototype,"theme",2);d([s.property({type:Boolean})],exports.SplitButton.prototype,"disabled",2);d([s.property({type:Boolean})],exports.SplitButton.prototype,"dropdownDisabled",2);d([s.property({attribute:!1})],exports.SplitButton.prototype,"items",2);d([s.state()],exports.SplitButton.prototype,"_open",2);d([s.query(".split-button__dropdown")],exports.SplitButton.prototype,"_dropdownBtn",2);d([s.query(".split-button__panel")],exports.SplitButton.prototype,"_panel",2);exports.SplitButton=d([s.customElement("logosphere-split-button")],exports.SplitButton);const Q=":host{display:block}.collapse{font-family:var(--font-family-base);background-color:var(--color-body-bg);overflow:hidden}.collapse--full{border:1px solid var(--color-border);border-radius:var(--radius-base)}.collapse--bottom{border-bottom:1px solid var(--color-border);border-radius:0}.collapse__header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-4);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-speed-fast) var(--transition-timing);outline:none}.collapse--small .collapse__header{padding:var(--spacing-2) var(--spacing-4)}.collapse--full .collapse__header{border-radius:calc(var(--radius-base) - 1px)}.collapse--full.collapse--expanded .collapse__header{border-radius:calc(var(--radius-base) - 1px) calc(var(--radius-base) - 1px) 0 0}.collapse--full .collapse__header:hover:not(.collapse--disabled .collapse__header){background-color:var(--color-body-bg-hover)}.collapse--bottom .collapse__header:hover:not(.collapse--disabled .collapse__header){background-color:var(--color-body-bg-hover)}.collapse__header:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:calc(var(--radius-base) - 1px)}.collapse__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:-.16px;color:var(--color-body-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapse__header-extra:empty{display:none}.collapse__header-extra{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.collapse__header-spacer{flex:1}.collapse__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-secondary);transition:transform var(--transition-speed-base) var(--transition-timing)}.collapse__icon--expanded{transform:rotate(180deg)}.collapse__body{height:0;overflow:hidden;transition:height var(--transition-speed-slow) var(--transition-timing)}.collapse__body-inner{padding:0 var(--spacing-4) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-body-color)}.collapse--bottom .collapse__body-inner{padding-top:var(--spacing-2)}.collapse--disabled .collapse__header{cursor:not-allowed;pointer-events:none}.collapse--disabled .collapse__title,.collapse--disabled .collapse__icon{color:var(--color-secondary-disabled)}.collapse--disabled.collapse--full{border-color:var(--color-secondary-disabled);background-color:var(--color-light-bg)}.collapse--disabled.collapse--bottom{border-bottom-color:var(--color-secondary-disabled);background-color:transparent}";var W=Object.defineProperty,X=Object.getOwnPropertyDescriptor,c=(l,t,e,o)=>{for(var i=o>1?void 0:o?X(t,e):t,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&W(t,e,i),i};const _=typeof requestAnimationFrame<"u"?requestAnimationFrame.bind(window):l=>setTimeout(()=>l(Date.now()),16);exports.Collapse=class extends r.LitElement{constructor(){super(...arguments),this.title="",this.expanded=!1,this.disabled=!1,this.iconPosition="right",this.border="full",this.size="default"}_toggle(){this.disabled||(this.expanded=!this.expanded,this.dispatchEvent(new CustomEvent("toggle",{detail:{expanded:this.expanded},bubbles:!0,composed:!0})))}_onKeydown(t){(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this._toggle())}_lockHeightForClose(){const t=this._body;if(!t)return;const e=t.getBoundingClientRect().height;t.style.height=`${e}px`,t.style.overflow="hidden"}willUpdate(t){super.willUpdate(t),t.has("expanded")&&!this.expanded&&this._lockHeightForClose()}updated(t){if(super.updated(t),!t.has("expanded")||!this._body||!this._inner)return;const e=this._body,o=this._inner;this.expanded?(e.style.height="0px",e.style.overflow="hidden",_(()=>{_(()=>{e.style.height=`${o.scrollHeight}px`,e.addEventListener("transitionend",function i(){e.style.height="auto",e.style.overflow="",e.removeEventListener("transitionend",i)},{once:!0})})})):(e.getBoundingClientRect(),_(()=>{_(()=>{e.style.height="0px"})}))}_renderIcon(){return r.html`
       <span class="collapse__icon ${this.expanded?"collapse__icon--expanded":""}">
         <ui-icon name="uil-angle-down" size="22"></ui-icon>
       </span>
@@ -264,7 +264,11 @@
           </div>
         </div>
       </div>
-    `}};exports.Collapse.styles=[r.css`${r.unsafeCSS(J)}`];c([s.property({type:String})],exports.Collapse.prototype,"title",2);c([s.property({type:Boolean,reflect:!0})],exports.Collapse.prototype,"expanded",2);c([s.property({type:Boolean,reflect:!0})],exports.Collapse.prototype,"disabled",2);c([s.property({type:String})],exports.Collapse.prototype,"iconPosition",2);c([s.property({type:String})],exports.Collapse.prototype,"border",2);c([s.property({type:String})],exports.Collapse.prototype,"size",2);c([s.query(".collapse__body-inner")],exports.Collapse.prototype,"_inner",2);c([s.query(".collapse__body")],exports.Collapse.prototype,"_body",2);exports.Collapse=c([s.customElement("logosphere-collapse")],exports.Collapse);const X=":host{display:block}.accordion{display:flex;flex-direction:column}.accordion--full{gap:var(--spacing-2)}.accordion--bottom{gap:0}.accordion--full ::slotted(logosphere-collapse),.accordion--full logosphere-collapse{width:100%}";var tt=Object.defineProperty,et=Object.getOwnPropertyDescriptor,u=(l,t,e,o)=>{for(var i=o>1?void 0:o?et(t,e):t,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&tt(t,e,i),i};exports.Accordion=class extends r.LitElement{constructor(){super(...arguments),this.items=[],this.multiple=!1,this.defaultOpen=[],this.border="full",this.iconPosition="right",this.size="default",this._openSet=new Set,this._onSlottedToggle=t=>{if(this.items.length>0||this.multiple)return;const e=t.target;t.detail.expanded&&this.querySelectorAll("logosphere-collapse").forEach(o=>{o!==e&&o.expanded&&(o.expanded=!1)})}}connectedCallback(){super.connectedCallback();const t=Array.isArray(this.defaultOpen)?this.defaultOpen:[this.defaultOpen];this._openSet=new Set(t),this.addEventListener("toggle",this._onSlottedToggle)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("toggle",this._onSlottedToggle)}_toggle(t){const e=new Set(this._openSet);e.has(t)?e.delete(t):(this.multiple||e.clear(),e.add(t));const o=this._openSet.has(t);this._openSet=e,this.dispatchEvent(new CustomEvent("accordion-change",{detail:{index:t,expanded:!o,openIndices:[...this._openSet]},bubbles:!0,composed:!0}))}render(){return this.items.length===0?r.html`
+    `}};exports.Collapse.styles=[r.css`${r.unsafeCSS(Q)}`];c([s.property({type:String})],exports.Collapse.prototype,"title",2);c([s.property({type:Boolean,reflect:!0})],exports.Collapse.prototype,"expanded",2);c([s.property({type:Boolean,reflect:!0})],exports.Collapse.prototype,"disabled",2);c([s.property({type:String})],exports.Collapse.prototype,"iconPosition",2);c([s.property({type:String})],exports.Collapse.prototype,"border",2);c([s.property({type:String})],exports.Collapse.prototype,"size",2);c([s.query(".collapse__body-inner")],exports.Collapse.prototype,"_inner",2);c([s.query(".collapse__body")],exports.Collapse.prototype,"_body",2);exports.Collapse=c([s.customElement("logosphere-collapse")],exports.Collapse);const tt=":host{display:block}.input-group{display:inline-flex;align-items:center;font-family:var(--font-family-base)}.input-group--stretch>::slotted(*){align-self:stretch}.input-group>::slotted(*){flex-shrink:0}:host([block]){display:block}:host([block]) .input-group{display:flex;width:100%}:host([block]) .input-group>::slotted(*){flex:1;min-width:0}";var et=Object.defineProperty,ot=Object.getOwnPropertyDescriptor,m=(l,t,e,o)=>{for(var i=o>1?void 0:o?ot(t,e):t,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&et(t,e,i),i};exports.InputGroup=class extends r.LitElement{constructor(){super(...arguments),this.stretch=!0,this._onFocusIn=t=>{const e=t.composedPath();this._getChildren().forEach(i=>{const n=e.includes(i);i.style.zIndex=n?"1":"0",i.style.position="relative"})},this._onFocusOut=t=>{const e=t.relatedTarget;e&&this.contains(e)||this._getChildren().forEach(o=>{o.style.zIndex="",o.style.position=""})}}firstUpdated(){this._applyGroupStyles(),this.addEventListener("focusin",this._onFocusIn),this.addEventListener("focusout",this._onFocusOut)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusin",this._onFocusIn),this.removeEventListener("focusout",this._onFocusOut)}_onSlotChange(){this._applyGroupStyles()}_getChildren(){return this.shadowRoot?.querySelector("slot")?.assignedElements()??[]}_applyGroupStyles(){const t=this._getChildren(),e=t.length;e!==0&&t.forEach((o,i)=>{const n=i===0,a=i===e-1;let u;e===1?u="var(--radius-base)":n?u="var(--radius-base) 0 0 var(--radius-base)":a?u="0 var(--radius-base) var(--radius-base) 0":u="0",o.style.setProperty("--formfield-border-radius",u),o.style.marginLeft=n?"":"-1px"})}render(){return r.html`
+      <div class="input-group${this.stretch?" input-group--stretch":""}">
+        <slot @slotchange=${this._onSlotChange}></slot>
+      </div>
+    `}};exports.InputGroup.styles=[r.css`${r.unsafeCSS(tt)}`];m([s.property({type:Boolean})],exports.InputGroup.prototype,"stretch",2);exports.InputGroup=m([s.customElement("logosphere-input-group")],exports.InputGroup);const rt=":host{display:block}.accordion{display:flex;flex-direction:column}.accordion--full{gap:var(--spacing-2)}.accordion--bottom{gap:0}.accordion--full ::slotted(logosphere-collapse),.accordion--full logosphere-collapse{width:100%}";var it=Object.defineProperty,st=Object.getOwnPropertyDescriptor,b=(l,t,e,o)=>{for(var i=o>1?void 0:o?st(t,e):t,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&it(t,e,i),i};exports.Accordion=class extends r.LitElement{constructor(){super(...arguments),this.items=[],this.multiple=!1,this.defaultOpen=[],this.border="full",this.iconPosition="right",this.size="default",this._openSet=new Set,this._onSlottedToggle=t=>{if(this.items.length>0||this.multiple)return;const e=t.target;t.detail.expanded&&this.querySelectorAll("logosphere-collapse").forEach(o=>{o!==e&&o.expanded&&(o.expanded=!1)})}}connectedCallback(){super.connectedCallback();const t=Array.isArray(this.defaultOpen)?this.defaultOpen:[this.defaultOpen];this._openSet=new Set(t),this.addEventListener("toggle",this._onSlottedToggle)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("toggle",this._onSlottedToggle)}_toggle(t){const e=new Set(this._openSet);e.has(t)?e.delete(t):(this.multiple||e.clear(),e.add(t));const o=this._openSet.has(t);this._openSet=e,this.dispatchEvent(new CustomEvent("accordion-change",{detail:{index:t,expanded:!o,openIndices:[...this._openSet]},bubbles:!0,composed:!0}))}render(){return this.items.length===0?r.html`
         <div class="accordion accordion--${this.border}">
           <slot></slot>
         </div>
@@ -284,4 +288,4 @@
           </logosphere-collapse>
         `)}
       </div>
-    `}};exports.Accordion.styles=[r.css`${r.unsafeCSS(X)}`];u([s.property({attribute:!1})],exports.Accordion.prototype,"items",2);u([s.property({type:Boolean})],exports.Accordion.prototype,"multiple",2);u([s.property({attribute:!1})],exports.Accordion.prototype,"defaultOpen",2);u([s.property({type:String})],exports.Accordion.prototype,"border",2);u([s.property({type:String})],exports.Accordion.prototype,"iconPosition",2);u([s.property({type:String})],exports.Accordion.prototype,"size",2);u([s.state()],exports.Accordion.prototype,"_openSet",2);exports.Accordion=u([s.customElement("logosphere-accordion")],exports.Accordion);Object.defineProperty(exports,"Button",{enumerable:!0,get:()=>f.Button});Object.defineProperty(exports,"LogosphereBadge",{enumerable:!0,get:()=>y.LogosphereBadge});Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:()=>w.Checkbox});Object.defineProperty(exports,"FormField",{enumerable:!0,get:()=>x.FormField});Object.defineProperty(exports,"Switch",{enumerable:!0,get:()=>$.Switch});Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:()=>S.Breadcrumb});Object.defineProperty(exports,"Card",{enumerable:!0,get:()=>k.Card});Object.defineProperty(exports,"LogosphereInput",{enumerable:!0,get:()=>P.LogosphereInput});exports.Pagination=C.Pagination;Object.defineProperty(exports,"Popover",{enumerable:!0,get:()=>E.Popover});Object.defineProperty(exports,"TextArea",{enumerable:!0,get:()=>z.TextArea});Object.defineProperty(exports,"TimePicker",{enumerable:!0,get:()=>L.TimePicker});Object.defineProperty(exports,"LogosphereChatBot",{enumerable:!0,get:()=>D.LogosphereChatBot});Object.defineProperty(exports,"LogosphereCalendar",{enumerable:!0,get:()=>B.LogosphereCalendar});Object.defineProperty(exports,"Combobox",{enumerable:!0,get:()=>j.Combobox});Object.defineProperty(exports,"LogosphereDatePicker",{enumerable:!0,get:()=>q.LogosphereDatePicker});Object.defineProperty(exports,"Drawer",{enumerable:!0,get:()=>A.Drawer});Object.defineProperty(exports,"DownloadManager",{enumerable:!0,get:()=>M.DownloadManager});Object.defineProperty(exports,"LeftMenu",{enumerable:!0,get:()=>v.LeftMenu});Object.defineProperty(exports,"LeftMenuItemElement",{enumerable:!0,get:()=>v.LeftMenuItemElement});exports.Modal=T.Modal;Object.defineProperty(exports,"LogosphereToast",{enumerable:!0,get:()=>_.LogosphereToast});Object.defineProperty(exports,"LogosphereToastContainer",{enumerable:!0,get:()=>_.LogosphereToastContainer});exports.ToastService=_.ToastService;Object.defineProperty(exports,"LogosphereTab",{enumerable:!0,get:()=>I.LogosphereTab});Object.defineProperty(exports,"TreeMenu",{enumerable:!0,get:()=>F.TreeMenu});
+    `}};exports.Accordion.styles=[r.css`${r.unsafeCSS(rt)}`];b([s.property({attribute:!1})],exports.Accordion.prototype,"items",2);b([s.property({type:Boolean})],exports.Accordion.prototype,"multiple",2);b([s.property({attribute:!1})],exports.Accordion.prototype,"defaultOpen",2);b([s.property({type:String})],exports.Accordion.prototype,"border",2);b([s.property({type:String})],exports.Accordion.prototype,"iconPosition",2);b([s.property({type:String})],exports.Accordion.prototype,"size",2);b([s.state()],exports.Accordion.prototype,"_openSet",2);exports.Accordion=b([s.customElement("logosphere-accordion")],exports.Accordion);Object.defineProperty(exports,"Button",{enumerable:!0,get:()=>y.Button});Object.defineProperty(exports,"LogosphereBadge",{enumerable:!0,get:()=>w.LogosphereBadge});Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:()=>x.Checkbox});Object.defineProperty(exports,"FormField",{enumerable:!0,get:()=>$.FormField});Object.defineProperty(exports,"Switch",{enumerable:!0,get:()=>S.Switch});Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:()=>k.Breadcrumb});Object.defineProperty(exports,"Card",{enumerable:!0,get:()=>P.Card});Object.defineProperty(exports,"LogosphereInput",{enumerable:!0,get:()=>C.LogosphereInput});exports.Pagination=E.Pagination;Object.defineProperty(exports,"Popover",{enumerable:!0,get:()=>O.Popover});Object.defineProperty(exports,"TextArea",{enumerable:!0,get:()=>L.TextArea});Object.defineProperty(exports,"TimePicker",{enumerable:!0,get:()=>D.TimePicker});Object.defineProperty(exports,"LogosphereChatBot",{enumerable:!0,get:()=>B.LogosphereChatBot});Object.defineProperty(exports,"LogosphereCalendar",{enumerable:!0,get:()=>j.LogosphereCalendar});Object.defineProperty(exports,"Combobox",{enumerable:!0,get:()=>q.Combobox});Object.defineProperty(exports,"LogosphereDatePicker",{enumerable:!0,get:()=>A.LogosphereDatePicker});Object.defineProperty(exports,"Drawer",{enumerable:!0,get:()=>I.Drawer});Object.defineProperty(exports,"DownloadManager",{enumerable:!0,get:()=>M.DownloadManager});Object.defineProperty(exports,"LeftMenu",{enumerable:!0,get:()=>v.LeftMenu});Object.defineProperty(exports,"LeftMenuItemElement",{enumerable:!0,get:()=>v.LeftMenuItemElement});exports.Modal=T.Modal;Object.defineProperty(exports,"LogosphereToast",{enumerable:!0,get:()=>g.LogosphereToast});Object.defineProperty(exports,"LogosphereToastContainer",{enumerable:!0,get:()=>g.LogosphereToastContainer});exports.ToastService=g.ToastService;Object.defineProperty(exports,"LogosphereTab",{enumerable:!0,get:()=>F.LogosphereTab});Object.defineProperty(exports,"TreeMenu",{enumerable:!0,get:()=>N.TreeMenu});

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export * from "./molecules/Popover/index.js";
 export * from "./molecules/Stepper/index.js";
 export * from "./molecules/SplitButton/index.js";
 export * from "./molecules/Collapse/index.js";
+export * from "./molecules/InputGroup/index.js";
 export * from "./molecules/Accordion/index.js";
 export * from "./molecules/Textarea/index.js";
 export * from "./molecules/TimePicker/index.js";