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

package/dist/{formfield-O327HYt0.js → formfield-ss2mFweu.js}

@@ -1,14 +1,14 @@
-import { unsafeCSS as h, css as m, LitElement as p, html as n } from "lit";
-import { property as i, state as f, customElement as _ } from "lit/decorators.js";
-const u = ":host{display:block}.formfield{position:relative;font-family:var(--font-family-base)}.formfield__label{display:block;font-size:12px;line-height:1.125rem;letter-spacing:-.12px;font-weight:var(--font-weight-medium);color:var(--color-tertiary);margin-bottom:var(--spacing-1)}.formfield__required{color:var(--color-danger);margin-left:var(--spacing-1)}.formfield__container{position:relative;display:flex;align-items:center;box-sizing:border-box;border-radius:var(--formfield-border-radius, var(--radius-base));border-top:var(--formfield-border-top, var(--formfield-border-top-width, 1px) solid var(--formfield-border-color, var(--color-border)));border-right:var(--formfield-border-right, var(--formfield-border-right-width, 1px) solid var(--formfield-border-color, var(--color-border)));border-bottom:var(--formfield-border-bottom, var(--formfield-border-bottom-width, 1px) solid var(--formfield-border-color, var(--color-border)));border-left:var(--formfield-border-left, var(--formfield-border-left-width, 1px) solid var(--formfield-border-color, var(--color-border)));padding:0 var(--spacing-2) 0 var(--spacing-3);background-color:var(--color-body-bg);cursor:text;transition:border-color var(--transition-speed-base) var(--transition-timing),background-color var(--transition-speed-base) var(--transition-timing)}.formfield__container--cursor-text{cursor:text}.formfield__container--cursor-pointer{cursor:pointer}.formfield__container--cursor-default{cursor:default}.formfield__container--default{min-height:32px}.formfield__container--large{min-height:40px}.formfield__container--multiline{align-items:flex-start;min-height:64px;padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}import .formfield__container--hovered:not(.formfield__container--focused):not(.formfield__container--error):not(.formfield__container--disabled){background-color:var(--color-light)}.formfield__container--focused{border-color:var(--color-body-text);background-color:var(--color-body-bg)}.formfield__container--error{border-color:var(--color-danger)}.formfield__container--disabled{background-color:var(--color-body-bg);opacity:.4;cursor:not-allowed;pointer-events:none}.formfield__container--subtle:not(.formfield__container--focused):not(.formfield__container--error){border-color:transparent;background-color:var(--color-light)}.formfield__input-area{flex:1;min-width:0;display:flex;align-items:center}.formfield__container--multiline .formfield__input-area{align-items:flex-start;align-self:stretch}.formfield__prefix,.formfield__clear,.formfield__suffix{display:flex;align-items:center;flex-shrink:0;align-self:stretch}.formfield__container--multiline .formfield__clear,.formfield__container--multiline .formfield__suffix{align-items:flex-start}.formfield__prefix{margin-right:var(--spacing-2)}.formfield__clear,.formfield__suffix{margin-left:var(--spacing-2)}.formfield__container--has-prefix .formfield__prefix{border-right:1px solid var(--color-border);padding-right:var(--spacing-2)}.formfield__container--has-suffix .formfield__suffix{border-left:1px solid var(--color-border);padding-left:var(--spacing-2)}.formfield__prefix:empty,.formfield__clear:empty,.formfield__suffix:empty{display:none}.formfield__helper{font-size:11px;line-height:1rem;letter-spacing:-.11px;font-weight:var(--font-weight-regular);color:var(--color-tertiary);margin-top:var(--spacing-1)}.formfield__error{font-size:11px;line-height:1rem;letter-spacing:-.11px;font-weight:var(--font-weight-regular);color:var(--color-danger);margin-top:var(--spacing-1)}::slotted(input),::slotted(textarea){width:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:14px;line-height:1.25rem;letter-spacing:-.14px;color:var(--color-body-text)}::slotted(input:disabled),::slotted(textarea:disabled){cursor:not-allowed}";
-var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, t = (e, r, a, s) => {
-  for (var l = s > 1 ? void 0 : s ? v(r, a) : r, d = e.length - 1, c; d >= 0; d--)
-    (c = e[d]) && (l = (s ? c(r, a, l) : c(l)) || l);
-  return s && l && g(r, a, l), l;
+import { unsafeCSS as h, css as m, LitElement as _, html as n } from "lit";
+import { property as i, state as f, customElement as p } from "lit/decorators.js";
+const u = ":host{display:block}.formfield{position:relative;font-family:var(--font-family-base)}.formfield__label{display:block;font-size:12px;line-height:1.125rem;letter-spacing:-.12px;font-weight:var(--font-weight-medium);color:var(--color-tertiary);margin-bottom:var(--spacing-1)}.formfield__required{color:var(--color-danger);margin-left:var(--spacing-1)}.formfield__container{position:relative;display:flex;align-items:center;box-sizing:border-box;border-radius:var(--formfield-border-radius, var(--radius-base));border-top:var(--formfield-border-top, var(--formfield-border-top-width, 1px) solid var(--formfield-border-color, var(--color-border)));border-right:var(--formfield-border-right, var(--formfield-border-right-width, 1px) solid var(--formfield-border-color, var(--color-border)));border-bottom:var(--formfield-border-bottom, var(--formfield-border-bottom-width, 1px) solid var(--formfield-border-color, var(--color-border)));border-left:var(--formfield-border-left, var(--formfield-border-left-width, 1px) solid var(--formfield-border-color, var(--color-border)));padding:0 var(--spacing-2) 0 var(--spacing-3);background-color:var(--color-body-bg);cursor:text;transition:border-color var(--transition-speed-base) var(--transition-timing),background-color var(--transition-speed-base) var(--transition-timing)}.formfield__container--cursor-text{cursor:text}.formfield__container--cursor-pointer{cursor:pointer}.formfield__container--cursor-default{cursor:default}.formfield__container--default{min-height:var(--formfield-min-height, 32px)}.formfield__container--large{min-height:var(--formfield-min-height-large, 40px)}.formfield__container--multiline{align-items:flex-start;min-height:64px;padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.formfield__container--hovered:not(.formfield__container--focused):not(.formfield__container--error):not(.formfield__container--disabled){background-color:var(--color-light)}.formfield__container--focused{border-color:var(--formfield-border-color-focus, var(--color-body-text));background-color:var(--color-body-bg)}.formfield__container--error{border-color:var(--color-danger)}.formfield__container--disabled{background-color:var(--color-body-bg);opacity:.4;cursor:not-allowed;pointer-events:none}.formfield__container--subtle:not(.formfield__container--focused):not(.formfield__container--error){border-color:transparent;background-color:var(--color-light)}.formfield__input-area{flex:1;min-width:0;display:flex;align-items:center}.formfield__container--multiline .formfield__input-area{align-items:flex-start;align-self:stretch}.formfield__prefix,.formfield__clear,.formfield__suffix{display:flex;align-items:center;flex-shrink:0;align-self:stretch}.formfield__container--multiline .formfield__clear,.formfield__container--multiline .formfield__suffix{align-items:flex-start}.formfield__container--has-prefix .formfield__prefix{margin-right:var(--spacing-2)}.formfield__container--has-clear .formfield__clear,.formfield__container--has-suffix .formfield__suffix{margin-left:var(--spacing-2)}.formfield__container--has-prefix .formfield__prefix{border-right:1px solid var(--color-border);padding-right:var(--spacing-2)}.formfield__container--has-suffix .formfield__suffix{border-left:1px solid var(--color-border);padding-left:var(--spacing-2)}.formfield__helper{font-size:11px;line-height:1rem;letter-spacing:-.11px;font-weight:var(--font-weight-regular);color:var(--color-tertiary);margin-top:var(--spacing-1)}.formfield__error{font-size:11px;line-height:1rem;letter-spacing:-.11px;font-weight:var(--font-weight-regular);color:var(--color-danger);margin-top:var(--spacing-1)}::slotted(input),::slotted(textarea){width:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:14px;line-height:1.25rem;letter-spacing:-.14px;color:var(--color-body-text)}::slotted(input:disabled),::slotted(textarea:disabled){cursor:not-allowed}";
+var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, o = (e, r, l, s) => {
+  for (var a = s > 1 ? void 0 : s ? v(r, l) : r, d = e.length - 1, c; d >= 0; d--)
+    (c = e[d]) && (a = (s ? c(r, l, a) : c(a)) || a);
+  return s && a && g(r, l, a), a;
 };
-let o = class extends p {
+let t = class extends _ {
   constructor() {
-    super(...arguments), this.label = "", this.helper = "", this.error = "", this.placeholder = "", this.size = "default", this.variant = "default", this.cursor = "text", this.required = !1, this.disabled = !1, this.readonly = !1, this.multiline = !1, this.forceFocused = !1, this._focused = !1, this._hovered = !1, this._hasPrefix = !1, this._hasSuffix = !1, this.handleSlotFocus = (e) => {
+    super(...arguments), this.label = "", this.helper = "", this.error = "", this.placeholder = "", this.size = "default", this.variant = "default", this.cursor = "text", this.required = !1, this.disabled = !1, this.readonly = !1, this.multiline = !1, this.forceFocused = !1, this._focused = !1, this._hovered = !1, this._hasPrefix = !1, this._hasSuffix = !1, this._hasClear = !1, this.handleSlotFocus = (e) => {
       const r = e.target;
       ["INPUT", "TEXTAREA", "SELECT"].includes(r.tagName) && (this._focused = !0, this.dispatchEvent(new CustomEvent("field-focus", {
         bubbles: !0,
@@ -29,32 +29,36 @@ let o = class extends p {
     }, this.handleContainerClick = (e) => {
       const r = e.target;
       if (["INPUT", "TEXTAREA", "SELECT", "BUTTON"].includes(r.tagName)) return;
-      this.shadowRoot?.querySelector("slot:not([name])")?.assignedElements({ flatten: !0 }).find((l) => ["INPUT", "TEXTAREA", "SELECT"].includes(l.tagName))?.focus();
+      this.shadowRoot?.querySelector("slot:not([name])")?.assignedElements({ flatten: !0 }).find((a) => ["INPUT", "TEXTAREA", "SELECT"].includes(a.tagName))?.focus();
     }, this.handlePrefixSlotChange = (e) => {
       const r = e.target;
       this._hasPrefix = r.assignedElements({ flatten: !0 }).length > 0;
     }, this.handleSuffixSlotChange = (e) => {
       const r = e.target;
       this._hasSuffix = r.assignedElements({ flatten: !0 }).length > 0;
+    }, this.handleClearSlotChange = (e) => {
+      const r = e.target;
+      this._hasClear = r.assignedElements({ flatten: !0 }).length > 0;
     };
   }
   connectedCallback() {
     super.connectedCallback(), this.addEventListener("focus", this.handleSlotFocus, !0), this.addEventListener("blur", this.handleSlotBlur, !0);
   }
   firstUpdated() {
-    const e = this.shadowRoot?.querySelector('slot[name="prefix"]'), r = this.shadowRoot?.querySelector('slot[name="suffix"]');
-    e && (this._hasPrefix = e.assignedElements({ flatten: !0 }).length > 0), r && (this._hasSuffix = r.assignedElements({ flatten: !0 }).length > 0);
+    const e = this.shadowRoot?.querySelector('slot[name="prefix"]'), r = this.shadowRoot?.querySelector('slot[name="suffix"]'), l = this.shadowRoot?.querySelector('slot[name="clear"]');
+    e && (this._hasPrefix = e.assignedElements({ flatten: !0 }).length > 0), r && (this._hasSuffix = r.assignedElements({ flatten: !0 }).length > 0), l && (this._hasClear = l.assignedElements({ flatten: !0 }).length > 0);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeEventListener("focus", this.handleSlotFocus, !0), this.removeEventListener("blur", this.handleSlotBlur, !0);
   }
   render() {
-    const e = !!this.error, r = !e && !!this.helper, a = [
+    const e = !!this.error, r = !e && !!this.helper, l = [
       "formfield__container",
       `formfield__container--${this.size}`,
       `formfield__container--cursor-${this.cursor}`,
       this._hasPrefix ? "formfield__container--has-prefix" : "",
       this._hasSuffix ? "formfield__container--has-suffix" : "",
+      this._hasClear ? "formfield__container--has-clear" : "",
       e ? "formfield__container--error" : "",
       this._focused || this.forceFocused ? "formfield__container--focused" : "",
       this._hovered ? "formfield__container--hovered" : "",
@@ -72,7 +76,7 @@ let o = class extends p {
         ` : ""}
 
         <div
-          class="${a}"
+          class="${l}"
           @mouseenter=${this.handleMouseEnter}
           @mouseleave=${this.handleMouseLeave}
           @click=${this.handleContainerClick}
@@ -84,7 +88,7 @@ let o = class extends p {
             <slot></slot>
           </div>
           <div class="formfield__clear">
-            <slot name="clear"></slot>
+            <slot name="clear" @slotchange=${this.handleClearSlotChange}></slot>
           </div>
           <div class="formfield__suffix">
             <slot name="suffix" @slotchange=${this.handleSuffixSlotChange}></slot>
@@ -97,58 +101,61 @@ let o = class extends p {
     `;
   }
 };
-o.styles = [m`${h(u)}`];
-t([
+t.styles = [m`${h(u)}`];
+o([
   i({ type: String })
-], o.prototype, "label", 2);
-t([
+], t.prototype, "label", 2);
+o([
   i({ type: String })
-], o.prototype, "helper", 2);
-t([
+], t.prototype, "helper", 2);
+o([
   i({ type: String })
-], o.prototype, "error", 2);
-t([
+], t.prototype, "error", 2);
+o([
   i({ type: String })
-], o.prototype, "placeholder", 2);
-t([
+], t.prototype, "placeholder", 2);
+o([
   i({ type: String })
-], o.prototype, "size", 2);
-t([
+], t.prototype, "size", 2);
+o([
   i({ type: String })
-], o.prototype, "variant", 2);
-t([
+], t.prototype, "variant", 2);
+o([
   i({ type: String })
-], o.prototype, "cursor", 2);
-t([
+], t.prototype, "cursor", 2);
+o([
   i({ type: Boolean })
-], o.prototype, "required", 2);
-t([
+], t.prototype, "required", 2);
+o([
   i({ type: Boolean })
-], o.prototype, "disabled", 2);
-t([
+], t.prototype, "disabled", 2);
+o([
   i({ type: Boolean })
-], o.prototype, "readonly", 2);
-t([
+], t.prototype, "readonly", 2);
+o([
   i({ type: Boolean })
-], o.prototype, "multiline", 2);
-t([
+], t.prototype, "multiline", 2);
+o([
   i({ type: Boolean })
-], o.prototype, "forceFocused", 2);
-t([
+], t.prototype, "forceFocused", 2);
+o([
+  f()
+], t.prototype, "_focused", 2);
+o([
   f()
-], o.prototype, "_focused", 2);
-t([
+], t.prototype, "_hovered", 2);
+o([
   f()
-], o.prototype, "_hovered", 2);
-t([
+], t.prototype, "_hasPrefix", 2);
+o([
   f()
-], o.prototype, "_hasPrefix", 2);
-t([
+], t.prototype, "_hasSuffix", 2);
+o([
   f()
-], o.prototype, "_hasSuffix", 2);
-o = t([
-  _("logosphere-formfield")
-], o);
+], t.prototype, "_hasClear", 2);
+t = o([
+  p("logosphere-formfield")
+], t);
 export {
-  o as F
+  t as F
 };

package/dist/formfield.cjs

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

package/dist/formfield.js

@@ -1,4 +1,4 @@
-import { F } from "./formfield-O327HYt0.js";
+import { F } from "./formfield-ss2mFweu.js";
 export {
   F as FormField
 };

package/dist/icon.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ui-icon-DWl7I5BQ.cjs");exports.UiIcon=e.UiIcon;

package/dist/icon.js

@@ -0,0 +1,4 @@
+import { U } from "./ui-icon-BeR-PaPg.js";
+export {
+  U as UiIcon
+};

package/dist/index.cjs

@@ -1,291 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./button-DRZ4sG4T.cjs"),w=require("./badge-DvaKpUHe.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-BOCW7gad.cjs"),C=require("./input-CQS0LzF-.cjs"),E=require("./pagination-BkqbWBOn.cjs"),O=require("./popover-CYDoeLKp.cjs");require("./ui-icon-DIucAQC_.cjs");const z=require("@popperjs/core"),L=require("./chip-group-CpcjGoRm.cjs"),D=require("./text-area-Cprb-azV.cjs"),B=require("./timepicker-CLJKWWGm.cjs"),j=require("./chatbot-B-NiZIYK.cjs"),q=require("./calendar-CIgyrv3U.cjs"),A=require("./combobox-BmIFPk8X.cjs"),I=require("./datepicker-DOBmbxlo.cjs"),M=require("./drawer-3nyjAkcS.cjs"),T=require("./download-manager-DDeTYRPs.cjs"),v=require("./leftmenu-p9aR2QTy.cjs"),F=require("./modal-dUnnHe8u.cjs"),g=require("./toast-container-6t6yEP9Y.cjs"),G=require("./tab-CDMcFHvP.cjs"),N=require("./tree-menu-WNwZMreD.cjs"),K=':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 R=Object.defineProperty,H=Object.getOwnPropertyDescriptor,p=(l,t,e,o)=>{for(var i=o>1?void 0:o?H(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&&R(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,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>
-        `)}
-      </div>
-    `}_renderLabels(){if(!this._isLabeled)return r.nothing;const t=this.labels.length;return r.html`
-      <div class="slider__scale">
-        ${this.labels.map((e,o)=>{const i=t>1?o/(t-1)*100:0;return r.html`
-            <span class="slider__scale-item" style="left: ${this._thumbLeft(i)}">${e}</span>
-          `})}
-      </div>
-    `}_renderSingleInput(){const t=this.tooltip==="always"||this.tooltip==="hover"&&this._hoverStart;return r.html`
-      <div class="slider__track-area">
-        <div class="slider__track"></div>
-        ${this._renderFill()}
-        ${this._renderTooltip(this._displayValue,this._valuePct,t)}
-        <input
-          type="range"
-          class="slider__input"
-          .value=${String(this.value)}
-          min=${this.min}
-          max=${this.max}
-          step=${this._effectiveStep}
-          ?disabled=${this.disabled}
-          @input=${this._onSingleChange}
-          @mouseenter=${()=>{this._hoverStart=!0}}
-          @mouseleave=${()=>{this._hoverStart=!1}}
-          @focus=${()=>{this._hoverStart=!0}}
-          @blur=${()=>{this._hoverStart=!1}}
-          aria-label="Slider"
-          aria-valuemin=${this.min}
-          aria-valuemax=${this.max}
-          aria-valuenow=${this.value}
-          aria-valuetext=${this._displayValue}
-          aria-disabled=${this.disabled}
-        />
-      </div>
-    `}_renderRangeInputs(){const t=this.tooltip==="always"||this.tooltip==="hover"&&this._hoverStart,e=this.tooltip==="always"||this.tooltip==="hover"&&this._hoverEnd,o=this._startPct>=100?4:3,i=this._startPct>=100?3:4;return r.html`
-      <div class="slider__track-area">
-        <div class="slider__track"></div>
-        ${this._renderFill()}
-        ${this._renderTooltip(this._displayStart,this._startPct,t)}
-        ${this._renderTooltip(this._displayEnd,this._endPct,e)}
-        <input
-          type="range"
-          class="slider__input slider__input--start"
-          style="z-index: ${o}"
-          .value=${String(this.rangeStart)}
-          min=${this.min}
-          max=${this.max}
-          step=${this._effectiveStep}
-          ?disabled=${this.disabled}
-          @input=${this._onStartChange}
-          @mouseenter=${()=>{this._hoverStart=!0}}
-          @mouseleave=${()=>{this._hoverStart=!1}}
-          @focus=${()=>{this._hoverStart=!0}}
-          @blur=${()=>{this._hoverStart=!1}}
-          aria-label="Range start"
-          aria-valuemin=${this.min}
-          aria-valuemax=${this.max}
-          aria-valuenow=${this.rangeStart}
-          aria-valuetext=${this._displayStart}
-          aria-disabled=${this.disabled}
-        />
-        <input
-          type="range"
-          class="slider__input slider__input--end"
-          style="z-index: ${i}"
-          .value=${String(this.rangeEnd)}
-          min=${this.min}
-          max=${this.max}
-          step=${this._effectiveStep}
-          ?disabled=${this.disabled}
-          @input=${this._onEndChange}
-          @mouseenter=${()=>{this._hoverEnd=!0}}
-          @mouseleave=${()=>{this._hoverEnd=!1}}
-          @focus=${()=>{this._hoverEnd=!0}}
-          @blur=${()=>{this._hoverEnd=!1}}
-          aria-label="Range end"
-          aria-valuemin=${this.min}
-          aria-valuemax=${this.max}
-          aria-valuenow=${this.rangeEnd}
-          aria-valuetext=${this._displayEnd}
-          aria-disabled=${this.disabled}
-        />
-      </div>
-    `}render(){const t=this.tooltip!=="never",e=this.showScale||this._isLabeled;return r.html`
-      <div
-        class="slider
-          ${this.disabled?"slider--disabled":""}
-          ${t?"slider--has-tooltip":""}
-          ${e?"slider--has-below":""}
-        "
-        role="presentation"
-      >
-        ${this.range?this._renderRangeInputs():this._renderSingleInput()}
-        ${this._renderScale()}
-        ${this._renderLabels()}
-      </div>
-    `}};exports.Slider.styles=[r.css`${r.unsafeCSS(K)}`];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 U=":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 V=Object.defineProperty,Y=Object.getOwnPropertyDescriptor,h=(l,t,e,o)=>{for(var i=o>1?void 0:o?Y(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&&V(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"
-      >
-        ${o}
-      </div>
-    `}_renderConnector(t,e){return e?r.nothing:r.html`
-      <div
-        class="stepper__connector stepper__connector--${t==="completed"?"completed":"upcoming"}"
-        aria-hidden="true"
-      ></div>
-    `}_renderStep(t,e){const o=this._resolveState(t,e),i=e===this.steps.length-1,n=this.clickable&&(o==="completed"||o==="current");return r.html`
-      <div
-        class="stepper__step stepper__step--${o} ${n?"stepper__step--clickable":""}"
-        data-step-index=${e}
-        role=${this.clickable?"button":"listitem"}
-        tabindex=${n?"0":"-1"}
-        aria-current=${o==="current"?"step":r.nothing}
-        aria-disabled=${o==="disabled"?"true":r.nothing}
-        aria-label="${t.title}${t.description?`, ${t.description}`:""}, ${o}"
-        @click=${()=>this._onStepClick(e,o)}
-        @keydown=${a=>this._onStepKeydown(a,e,o)}
-      >
-        <div class="stepper__step-header">
-          ${this._renderIndicator(o,e)}
-          ${this.orientation==="vertical"?r.html`
-                <div class="stepper__labels">
-                  <span class="stepper__title">${t.title}</span>
-                  ${t.description?r.html`<span class="stepper__description">${t.description}</span>`:r.nothing}
-                </div>
-              `:r.nothing}
-        </div>
-
-        ${this.orientation==="horizontal"?r.html`
-              <div class="stepper__labels">
-                <span class="stepper__title">${t.title}</span>
-                ${t.description?r.html`<span class="stepper__description">${t.description}</span>`:r.nothing}
-              </div>
-            `:r.nothing}
-
-        ${this._renderConnector(o,i)}
-      </div>
-    `}render(){return r.html`
-      <div
-        class="stepper stepper--${this.orientation}"
-        role="list"
-        aria-label="Progress steps"
-      >
-        ${this.steps.map((t,e)=>this._renderStep(t,e))}
-      </div>
-    `}};exports.Stepper.styles=[r.css`${r.unsafeCSS(U)}`];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 Z=":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 J=Object.defineProperty,Q=Object.getOwnPropertyDescriptor,d=(l,t,e,o)=>{for(var i=o>1?void 0:o?Q(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&&J(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"
-        aria-label="${this.label} options"
-      >
-        ${t?this.items.map(e=>r.html`
-              ${e.divider?r.html`<div class="split-button__panel-divider" role="separator"></div>`:r.nothing}
-              <button
-                class="split-button__panel-item ${e.disabled?"split-button__panel-item--disabled":""}"
-                role="menuitem"
-                ?disabled=${e.disabled}
-                @click=${()=>this._onItemClick(e)}
-              >
-                ${e.icon?r.html`<ui-icon name=${e.icon} size="16"></ui-icon>`:r.nothing}
-                <span>${e.label}</span>
-              </button>
-            `):r.html`<slot name="dropdown"></slot>`}
-      </div>
-    `}render(){const t=this.disabled,e=this.disabled||this.dropdownDisabled;return r.html`
-      <div
-        class="split-button split-button--${this.size} split-button--${this.theme}
-               ${this.disabled?"split-button--disabled":""}
-               ${this._open?"split-button--open":""}"
-        role="group"
-      >
-        <!-- Main action -->
-        <button
-          class="split-button__action"
-          ?disabled=${t}
-          aria-label=${this.label}
-          @click=${this._onActionClick}
-          @keydown=${o=>this._onKeydown(o,"action")}
-          type="button"
-        >
-          <slot name="prefix"></slot>
-          <span class="split-button__label">
-            <slot>${this.label}</slot>
-          </span>
-        </button>
-
-        <!-- Dropdown trigger -->
-        <button
-          class="split-button__dropdown"
-          ?disabled=${e}
-          aria-label="Open dropdown"
-          aria-haspopup="menu"
-          aria-expanded=${this._open?"true":"false"}
-          @click=${this._onDropdownClick}
-          @keydown=${o=>this._onKeydown(o,"dropdown")}
-          type="button"
-        >
-          <ui-icon
-            name="uil-angle-down"
-            size="16"
-            class="split-button__chevron ${this._open?"split-button__chevron--open":""}"
-          ></ui-icon>
-        </button>
-
-        <!-- Dropdown panel -->
-        ${this._renderPanel()}
-      </div>
-    `}};exports.SplitButton.styles=[r.css`${r.unsafeCSS(Z)}`];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 W=":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 X=Object.defineProperty,tt=Object.getOwnPropertyDescriptor,c=(l,t,e,o)=>{for(var i=o>1?void 0:o?tt(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&&X(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>
-    `}render(){return r.html`
-      <div
-        class="collapse
-               collapse--${this.border}
-               collapse--${this.size}
-               ${this.expanded?"collapse--expanded":""}
-               ${this.disabled?"collapse--disabled":""}"
-      >
-        <!-- Header -->
-        <div
-          class="collapse__header"
-          role="button"
-          tabindex=${this.disabled?"-1":"0"}
-          aria-expanded=${this.expanded?"true":"false"}
-          aria-disabled=${this.disabled?"true":r.nothing}
-          @click=${this._toggle}
-          @keydown=${this._onKeydown}
-        >
-          ${this.iconPosition==="left"?this._renderIcon():r.nothing}
-
-          <div class="collapse__title">
-            <slot name="title">${this.title}</slot>
-          </div>
-
-          <div class="collapse__header-extra">
-            <slot name="extra"></slot>
-          </div>
-
-          <!-- pushes extra to title side, icon stays at far right -->
-          <span class="collapse__header-spacer"></span>
-
-          ${this.iconPosition==="right"?this._renderIcon():r.nothing}
-        </div>
-
-        <!-- Body (animated) -->
-        <div class="collapse__body ${this.expanded?"collapse__body--visible":""}">
-          <div class="collapse__body-inner">
-            <!-- slot="body" for explicit usage; default slot as fallback -->
-            <slot name="body"><slot></slot></slot>
-          </div>
-        </div>
-      </div>
-    `}};exports.Collapse.styles=[r.css`${r.unsafeCSS(W)}`];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 et=":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 ot=Object.defineProperty,rt=Object.getOwnPropertyDescriptor,m=(l,t,e,o)=>{for(var i=o>1?void 0:o?rt(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&&ot(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(et)}`];m([s.property({type:Boolean})],exports.InputGroup.prototype,"stretch",2);exports.InputGroup=m([s.customElement("logosphere-input-group")],exports.InputGroup);const it=":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 st=Object.defineProperty,nt=Object.getOwnPropertyDescriptor,b=(l,t,e,o)=>{for(var i=o>1?void 0:o?nt(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&&st(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>
-      `:r.html`
-      <div class="accordion accordion--${this.border}">
-        ${this.items.map((t,e)=>r.html`
-          <logosphere-collapse
-            title=${t.title}
-            .expanded=${this._openSet.has(e)}
-            .disabled=${t.disabled??!1}
-            border=${this.border}
-            iconPosition=${this.iconPosition}
-            size=${this.size}
-            @toggle=${o=>{o.stopPropagation(),this._toggle(e)}}
-          >
-            <span slot="body">${t.content}</span>
-          </logosphere-collapse>
-        `)}
-      </div>
-    `}};exports.Accordion.styles=[r.css`${r.unsafeCSS(it)}`];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,"ChipGroup",{enumerable:!0,get:()=>L.ChipGroup});Object.defineProperty(exports,"TextArea",{enumerable:!0,get:()=>D.TextArea});Object.defineProperty(exports,"TimePicker",{enumerable:!0,get:()=>B.TimePicker});Object.defineProperty(exports,"LogosphereChatBot",{enumerable:!0,get:()=>j.LogosphereChatBot});Object.defineProperty(exports,"LogosphereCalendar",{enumerable:!0,get:()=>q.LogosphereCalendar});Object.defineProperty(exports,"Combobox",{enumerable:!0,get:()=>A.Combobox});Object.defineProperty(exports,"LogosphereDatePicker",{enumerable:!0,get:()=>I.LogosphereDatePicker});Object.defineProperty(exports,"Drawer",{enumerable:!0,get:()=>M.Drawer});Object.defineProperty(exports,"DownloadManager",{enumerable:!0,get:()=>T.DownloadManager});Object.defineProperty(exports,"LeftMenu",{enumerable:!0,get:()=>v.LeftMenu});Object.defineProperty(exports,"LeftMenuItemElement",{enumerable:!0,get:()=>v.LeftMenuItemElement});exports.Modal=F.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:()=>G.LogosphereTab});Object.defineProperty(exports,"TreeMenu",{enumerable:!0,get:()=>N.TreeMenu});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./ui-icon-DWl7I5BQ.cjs"),o=require("./button-vdNReBMi.cjs"),n=require("./badge-CKSG_MyA.cjs"),u=require("./checkbox-BAbPDN6x.cjs"),i=require("./formfield-JXiv9mvJ.cjs"),c=require("./slider-DSRs5uhl.cjs"),a=require("./switch-Do6SCkPJ.cjs"),p=require("./breadcrumb-BOuCLUJh.cjs"),b=require("./card-DmQRNKtk.cjs"),s=require("./input-DyLKo7h6.cjs"),d=require("./pagination-Nnzacqdo.cjs"),l=require("./popover-CrXUbUR-.cjs"),g=require("./stepper-ZOMaU6aZ.cjs"),m=require("./split-button-BpffPlVg.cjs"),P=require("./collapse-CbRE8ABx.cjs"),f=require("./input-group-C6sA1lzj.cjs"),q=require("./accordion-CYuCj7nB.cjs"),y=require("./chip-group-D4DwnC37.cjs"),j=require("./text-area-D_TYL4_q.cjs"),O=require("./timepicker-Bpf2d4Nn.cjs"),h=require("./chatbot-BAou4THb.cjs"),L=require("./calendar-DZJM5Tyu.cjs"),C=require("./combobox-BAa3UAQs.cjs"),T=require("./datepicker-BWE4qDJM.cjs"),M=require("./drawer-CRu4G2zu.cjs"),S=require("./download-manager-DDeTYRPs.cjs"),r=require("./leftmenu-BcUNnvly.cjs"),B=require("./modal-g3KbWncV.cjs"),e=require("./toast-container-D2dyP20J.cjs"),k=require("./tab-BvRVHpWs.cjs"),w=require("./tree-menu-DDQ_DYl7.cjs");exports.UiIcon=t.UiIcon;Object.defineProperty(exports,"Button",{enumerable:!0,get:()=>o.Button});Object.defineProperty(exports,"LogosphereBadge",{enumerable:!0,get:()=>n.LogosphereBadge});Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:()=>u.Checkbox});Object.defineProperty(exports,"FormField",{enumerable:!0,get:()=>i.FormField});Object.defineProperty(exports,"Slider",{enumerable:!0,get:()=>c.Slider});Object.defineProperty(exports,"Switch",{enumerable:!0,get:()=>a.Switch});Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:()=>p.Breadcrumb});Object.defineProperty(exports,"Card",{enumerable:!0,get:()=>b.Card});Object.defineProperty(exports,"LogosphereInput",{enumerable:!0,get:()=>s.LogosphereInput});exports.Pagination=d.Pagination;Object.defineProperty(exports,"Popover",{enumerable:!0,get:()=>l.Popover});Object.defineProperty(exports,"Stepper",{enumerable:!0,get:()=>g.Stepper});Object.defineProperty(exports,"SplitButton",{enumerable:!0,get:()=>m.SplitButton});Object.defineProperty(exports,"Collapse",{enumerable:!0,get:()=>P.Collapse});Object.defineProperty(exports,"InputGroup",{enumerable:!0,get:()=>f.InputGroup});Object.defineProperty(exports,"Accordion",{enumerable:!0,get:()=>q.Accordion});Object.defineProperty(exports,"ChipGroup",{enumerable:!0,get:()=>y.ChipGroup});Object.defineProperty(exports,"TextArea",{enumerable:!0,get:()=>j.TextArea});Object.defineProperty(exports,"TimePicker",{enumerable:!0,get:()=>O.TimePicker});Object.defineProperty(exports,"LogosphereChatBot",{enumerable:!0,get:()=>h.LogosphereChatBot});Object.defineProperty(exports,"LogosphereCalendar",{enumerable:!0,get:()=>L.LogosphereCalendar});Object.defineProperty(exports,"Combobox",{enumerable:!0,get:()=>C.Combobox});Object.defineProperty(exports,"LogosphereDatePicker",{enumerable:!0,get:()=>T.LogosphereDatePicker});Object.defineProperty(exports,"Drawer",{enumerable:!0,get:()=>M.Drawer});Object.defineProperty(exports,"DownloadManager",{enumerable:!0,get:()=>S.DownloadManager});Object.defineProperty(exports,"LeftMenu",{enumerable:!0,get:()=>r.LeftMenu});exports.isLeftMenuGroup=r.isLeftMenuGroup;exports.Modal=B.Modal;Object.defineProperty(exports,"LogosphereToast",{enumerable:!0,get:()=>e.LogosphereToast});Object.defineProperty(exports,"LogosphereToastContainer",{enumerable:!0,get:()=>e.LogosphereToastContainer});exports.ToastService=e.ToastService;Object.defineProperty(exports,"LogosphereTab",{enumerable:!0,get:()=>k.LogosphereTab});Object.defineProperty(exports,"TreeMenu",{enumerable:!0,get:()=>w.TreeMenu});

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./shared/icons/index.js";
 export * from "./atoms/Button/index.js";
 export * from "./atoms/Badge/index.js";
 export * from "./atoms/Checkbox/index.js";