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

package/dist/atoms/Button/button.d.ts

@@ -1,9 +1,11 @@
 import { LitElement } from "lit";
+import type { ButtonVariant, ButtonSize, ButtonTheme } from "../../shared/types/button.types.js";
+export type { ButtonVariant, ButtonSize, ButtonTheme };
 export declare class Button extends LitElement {
     static styles: import("lit").CSSResult[];
-    variant: "solid" | "outline" | "text";
-    size: "sm" | "md" | "lg";
-    theme: "primary" | "success" | "danger" | "info" | "warning" | "light" | "dark";
+    variant: ButtonVariant;
+    size: ButtonSize;
+    theme: ButtonTheme;
     iconOnly: boolean;
     disabled: boolean;
     private getButtonClasses;

package/dist/atoms/Slider/index.d.ts

@@ -0,0 +1 @@
+export * from "./slider.js";

package/dist/atoms/Slider/slider.d.ts

@@ -0,0 +1,54 @@
+import { LitElement } from "lit";
+export type SliderTooltip = "always" | "hover" | "never";
+export declare class Slider extends LitElement {
+    static styles: import("lit").CSSResult[];
+    value: number;
+    min: number;
+    max: number;
+    step: number;
+    disabled: boolean;
+    range: boolean;
+    rangeStart: number;
+    rangeEnd: number;
+    /** Minimum distance enforced between rangeStart and rangeEnd */
+    minDistance: number;
+    /** "always" | "hover" | "never" */
+    tooltip: SliderTooltip;
+    showScale: boolean;
+    /** Display values as percentages */
+    percentage: boolean;
+    /**
+     * Semantic labels for the Labeled Slider variant.
+     * When provided, the thumb snaps to evenly distributed positions.
+     * e.g. ["Small", "Medium", "Large"]
+     */
+    labels: string[];
+    private _hoverStart;
+    private _hoverEnd;
+    private get _isLabeled();
+    private get _effectiveStep();
+    private get _valuePct();
+    private get _startPct();
+    private get _endPct();
+    private get _displayValue();
+    private get _displayStart();
+    private get _displayEnd();
+    /** CSS left value that correctly follows the native thumb position (accounts for thumb radius offset). */
+    private _thumbLeft;
+    private _onSingleChange;
+    private _onStartChange;
+    private _onEndChange;
+    private _emit;
+    private _renderFill;
+    private _renderTooltip;
+    private _renderScale;
+    private _renderLabels;
+    private _renderSingleInput;
+    private _renderRangeInputs;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-slider": Slider;
+    }
+}

package/dist/index.cjs

@@ -1 +1,287 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./button-DRZ4sG4T.cjs"),o=require("./badge-COTtd1jh.cjs"),n=require("./checkbox-CdDTRdKV.cjs"),u=require("./formfield-CRcyUMvQ.cjs"),a=require("./switch-8RGGesy5.cjs"),i=require("./breadcrumb-Cop-B1J7.cjs"),c=require("./card-BD8FkSTi.cjs"),b=require("./input-Tkm7VBBl.cjs"),g=require("./pagination-AclB9qi1.cjs"),p=require("./popover-DhEvLuOo.cjs"),d=require("./text-area-DCBCDtJw.cjs"),s=require("./timepicker-WxA2Uo66.cjs"),m=require("./chatbot-8etAVHNx.cjs"),l=require("./calendar-DtpJBtpq.cjs"),P=require("./combobox-BV4AKTqp.cjs"),f=require("./datepicker-BCNJROwD.cjs"),h=require("./drawer-g6mHdpjF.cjs"),y=require("./download-manager-DDeTYRPs.cjs"),r=require("./leftmenu-D0sRExqr.cjs"),j=require("./modal-DFnpqdWX.cjs"),e=require("./toast-container-B9E_mVk6.cjs"),O=require("./tab-BmrITzOL.cjs"),q=require("./tree-menu-DuJuy5pp.cjs");Object.defineProperty(exports,"Button",{enumerable:!0,get:()=>t.Button});Object.defineProperty(exports,"LogosphereBadge",{enumerable:!0,get:()=>o.LogosphereBadge});Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:()=>n.Checkbox});Object.defineProperty(exports,"FormField",{enumerable:!0,get:()=>u.FormField});Object.defineProperty(exports,"Switch",{enumerable:!0,get:()=>a.Switch});Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:()=>i.Breadcrumb});Object.defineProperty(exports,"Card",{enumerable:!0,get:()=>c.Card});Object.defineProperty(exports,"LogosphereInput",{enumerable:!0,get:()=>b.LogosphereInput});exports.Pagination=g.Pagination;Object.defineProperty(exports,"Popover",{enumerable:!0,get:()=>p.Popover});Object.defineProperty(exports,"TextArea",{enumerable:!0,get:()=>d.TextArea});Object.defineProperty(exports,"TimePicker",{enumerable:!0,get:()=>s.TimePicker});Object.defineProperty(exports,"LogosphereChatBot",{enumerable:!0,get:()=>m.LogosphereChatBot});Object.defineProperty(exports,"LogosphereCalendar",{enumerable:!0,get:()=>l.LogosphereCalendar});Object.defineProperty(exports,"Combobox",{enumerable:!0,get:()=>P.Combobox});Object.defineProperty(exports,"LogosphereDatePicker",{enumerable:!0,get:()=>f.LogosphereDatePicker});Object.defineProperty(exports,"Drawer",{enumerable:!0,get:()=>h.Drawer});Object.defineProperty(exports,"DownloadManager",{enumerable:!0,get:()=>y.DownloadManager});Object.defineProperty(exports,"LeftMenu",{enumerable:!0,get:()=>r.LeftMenu});Object.defineProperty(exports,"LeftMenuItemElement",{enumerable:!0,get:()=>r.LeftMenuItemElement});exports.Modal=j.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:()=>O.LogosphereTab});Object.defineProperty(exports,"TreeMenu",{enumerable:!0,get:()=>q.TreeMenu});
+"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`
+        <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`
+      <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(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`
+      <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(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`
+      <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(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`
+      <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(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`
+        <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(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});

package/dist/index.d.ts

@@ -2,12 +2,17 @@ export * from "./atoms/Button/index.js";
 export * from "./atoms/Badge/index.js";
 export * from "./atoms/Checkbox/index.js";
 export * from "./atoms/FormField/index.js";
+export * from "./atoms/Slider/index.js";
 export * from "./atoms/Switch/index.js";
 export * from "./molecules/Breadcrumb/index.js";
 export * from "./molecules/Card/index.js";
 export * from "./molecules/Input/index.js";
 export * from "./molecules/Pagination/index.js";
 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/Accordion/index.js";
 export * from "./molecules/Textarea/index.js";
 export * from "./molecules/TimePicker/index.js";
 export * from "./organisms/Chatbot/index.js";