@logosphere-ui/core 0.0.0-alpha.5 → 0.0.0-alpha.51

package/dist/accordion-CYuCj7nB.cjs

@@ -0,0 +1,21 @@
+"use strict";const n=require("lit"),s=require("lit/decorators.js");require("./collapse-CbRE8ABx.cjs");const a=":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 d=Object.defineProperty,h=Object.getOwnPropertyDescriptor,r=(l,e,t,o)=>{for(var i=o>1?void 0:o?h(e,t):e,c=l.length-1,p;c>=0;c--)(p=l[c])&&(i=(o?p(e,t,i):p(i))||i);return o&&i&&d(e,t,i),i};exports.Accordion=class extends n.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=e=>{if(this.items.length>0||this.multiple)return;const t=e.target;e.detail.expanded&&this.querySelectorAll("logosphere-collapse").forEach(o=>{o!==t&&o.expanded&&(o.expanded=!1)})}}connectedCallback(){super.connectedCallback();const e=Array.isArray(this.defaultOpen)?this.defaultOpen:[this.defaultOpen];this._openSet=new Set(e),this.addEventListener("toggle",this._onSlottedToggle)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("toggle",this._onSlottedToggle)}_toggle(e){const t=new Set(this._openSet);t.has(e)?t.delete(e):(this.multiple||t.clear(),t.add(e));const o=this._openSet.has(e);this._openSet=t,this.dispatchEvent(new CustomEvent("accordion-change",{detail:{index:e,expanded:!o,openIndices:[...this._openSet]},bubbles:!0,composed:!0}))}render(){return this.items.length===0?n.html`
+        <div class="accordion accordion--${this.border}">
+          <slot></slot>
+        </div>
+      `:n.html`
+      <div class="accordion accordion--${this.border}">
+        ${this.items.map((e,t)=>n.html`
+          <logosphere-collapse
+            title=${e.title}
+            .expanded=${this._openSet.has(t)}
+            .disabled=${e.disabled??!1}
+            border=${this.border}
+            iconPosition=${this.iconPosition}
+            size=${this.size}
+            @toggle=${o=>{o.stopPropagation(),this._toggle(t)}}
+          >
+            <span slot="body">${e.content}</span>
+          </logosphere-collapse>
+        `)}
+      </div>
+    `}};exports.Accordion.styles=[n.css`${n.unsafeCSS(a)}`];r([s.property({attribute:!1})],exports.Accordion.prototype,"items",2);r([s.property({type:Boolean})],exports.Accordion.prototype,"multiple",2);r([s.property({attribute:!1})],exports.Accordion.prototype,"defaultOpen",2);r([s.property({type:String})],exports.Accordion.prototype,"border",2);r([s.property({type:String})],exports.Accordion.prototype,"iconPosition",2);r([s.property({type:String})],exports.Accordion.prototype,"size",2);r([s.state()],exports.Accordion.prototype,"_openSet",2);exports.Accordion=r([s.customElement("logosphere-accordion")],exports.Accordion);

package/dist/accordion-cDabqwu6.js

@@ -0,0 +1,96 @@
+import { unsafeCSS as d, css as h, LitElement as u, html as c } from "lit";
+import { property as r, state as g, customElement as f } from "lit/decorators.js";
+import "./collapse-DY6SJ9jS.js";
+const m = ":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 b = Object.defineProperty, S = Object.getOwnPropertyDescriptor, i = (e, t, o, n) => {
+  for (var l = n > 1 ? void 0 : n ? S(t, o) : t, a = e.length - 1, p; a >= 0; a--)
+    (p = e[a]) && (l = (n ? p(t, o, l) : p(l)) || l);
+  return n && l && b(t, o, l), l;
+};
+let s = class extends u {
+  constructor() {
+    super(...arguments), this.items = [], this.multiple = !1, this.defaultOpen = [], this.border = "full", this.iconPosition = "right", this.size = "default", this._openSet = /* @__PURE__ */ new Set(), this._onSlottedToggle = (e) => {
+      if (this.items.length > 0 || this.multiple) return;
+      const t = e.target;
+      e.detail.expanded && this.querySelectorAll("logosphere-collapse").forEach((o) => {
+        o !== t && o.expanded && (o.expanded = !1);
+      });
+    };
+  }
+  // ── Lifecycle ────────────────────────────────────────────────────────────
+  connectedCallback() {
+    super.connectedCallback();
+    const e = Array.isArray(this.defaultOpen) ? this.defaultOpen : [this.defaultOpen];
+    this._openSet = new Set(e), this.addEventListener("toggle", this._onSlottedToggle);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("toggle", this._onSlottedToggle);
+  }
+  // ── Items-based mode ──────────────────────────────────────────────────────
+  _toggle(e) {
+    const t = new Set(this._openSet);
+    t.has(e) ? t.delete(e) : (this.multiple || t.clear(), t.add(e));
+    const o = this._openSet.has(e);
+    this._openSet = t, this.dispatchEvent(
+      new CustomEvent("accordion-change", {
+        detail: { index: e, expanded: !o, openIndices: [...this._openSet] },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  // ── Render ────────────────────────────────────────────────────────────────
+  render() {
+    return this.items.length === 0 ? c`
+        <div class="accordion accordion--${this.border}">
+          <slot></slot>
+        </div>
+      ` : c`
+      <div class="accordion accordion--${this.border}">
+        ${this.items.map((e, t) => c`
+          <logosphere-collapse
+            title=${e.title}
+            .expanded=${this._openSet.has(t)}
+            .disabled=${e.disabled ?? !1}
+            border=${this.border}
+            iconPosition=${this.iconPosition}
+            size=${this.size}
+            @toggle=${(o) => {
+      o.stopPropagation(), this._toggle(t);
+    }}
+          >
+            <span slot="body">${e.content}</span>
+          </logosphere-collapse>
+        `)}
+      </div>
+    `;
+  }
+};
+s.styles = [h`${d(m)}`];
+i([
+  r({ attribute: !1 })
+], s.prototype, "items", 2);
+i([
+  r({ type: Boolean })
+], s.prototype, "multiple", 2);
+i([
+  r({ attribute: !1 })
+], s.prototype, "defaultOpen", 2);
+i([
+  r({ type: String })
+], s.prototype, "border", 2);
+i([
+  r({ type: String })
+], s.prototype, "iconPosition", 2);
+i([
+  r({ type: String })
+], s.prototype, "size", 2);
+i([
+  g()
+], s.prototype, "_openSet", 2);
+s = i([
+  f("logosphere-accordion")
+], s);
+export {
+  s as A
+};

package/dist/accordion.cjs

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

package/dist/accordion.js

@@ -0,0 +1,4 @@
+import { A as c } from "./accordion-cDabqwu6.js";
+export {
+  c as Accordion
+};

package/dist/atoms/Badge/badge.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from "lit";
 import "../../shared/icons/ui-icon";
-export type BadgeVariant = "default" | "warning" | "success" | "info" | "danger" | "purple";
+export type BadgeVariant = "default" | "primary" | "warning" | "success" | "info" | "danger" | "purple";
 export type BadgeSize = "default" | "small";
 export declare class LogosphereBadge extends LitElement {
     static styles: import("lit").CSSResult[];

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/Checkbox/checkbox.d.ts

@@ -3,18 +3,28 @@ export declare class Checkbox extends LitElement {
     static styles: import("lit").CSSResult[];
     label: string;
     value: string;
-    checked: boolean;
-    type: "checkbox" | "switch";
+    type: "checkbox" | "switch" | "radio";
     disabled: boolean;
     indeterminate: boolean;
     private internalChecked;
     private inputElement?;
-    connectedCallback(): void;
+    private _checked;
+    /**
+     * Custom accessor: her dış atama — değer öncekiyle AYNI olsa bile — iç
+     * görsel state'i prop'a senkronlar. Lit'in standart accessor'ı aynı değeri
+     * dirty-check'te yuttuğu için, kontrollü kullanımda parent'ın "reddi"
+     * (checked'ı değişmeyen değerle yeniden ataması) görsele yansımıyordu:
+     * tıklama internalChecked'ı optimistik set eder, parent reddedince geri
+     * alınamazdı (örn. iki radio birden seçili kalırdı).
+     */
+    get checked(): boolean;
+    set checked(value: boolean);
     firstUpdated(): void;
     updated(changedProps: Map<string, unknown>): void;
     private setIndeterminate;
     private toggleChecked;
     private renderCheckbox;
+    private renderRadio;
     private renderSwitch;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/atoms/FormField/formfield.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from "lit";
 export type FormFieldSize = "default" | "large";
 export type FormFieldVariant = "default" | "subtle";
+export type FormFieldCursor = "text" | "pointer" | "default";
 export declare class FormField extends LitElement {
     static styles: import("lit").CSSResult[];
     label: string;
@@ -9,17 +10,28 @@ export declare class FormField extends LitElement {
     placeholder: string;
     size: FormFieldSize;
     variant: FormFieldVariant;
+    cursor: FormFieldCursor;
     required: boolean;
     disabled: boolean;
     readonly: boolean;
+    multiline: boolean;
+    /** External components (e.g. TimePicker, DatePicker) can set this to force the focused state */
+    forceFocused: boolean;
     private _focused;
     private _hovered;
+    private _hasPrefix;
+    private _hasSuffix;
+    private _hasClear;
     private handleSlotFocus;
     private handleSlotBlur;
     private handleMouseEnter;
     private handleMouseLeave;
     private handleContainerClick;
+    private handlePrefixSlotChange;
+    private handleSuffixSlotChange;
+    private handleClearSlotChange;
     connectedCallback(): void;
+    firstUpdated(): void;
     disconnectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
 }

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/badge-BhINg1p5.js

@@ -0,0 +1,72 @@
+import { unsafeCSS as p, css as u, LitElement as b, nothing as d, html as g } from "lit";
+import { property as r, customElement as h } from "lit/decorators.js";
+import "./ui-icon-BeR-PaPg.js";
+const f = ":host{display:inline-block}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-family-base);font-size:11px;font-weight:var(--font-weight-medium);line-height:1rem;letter-spacing:-.11px;border-radius:var(--radius-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge--default-size{min-height:24px;max-height:24px;padding:var(--spacing-0) var(--spacing-2)}.badge--small{min-height:16px;max-height:16px;padding:0 var(--spacing-2)}.badge--round{border-radius:var(--radius-full)}.badge--primary{background-color:var(--color-primary);color:var(--color-secondary-color, #ffffff)}.badge--default{background-color:var(--badge-bg, var(--color-light-bg-2));color:var(--badge-color, var(--color-secondary))}.badge--warning{background-color:var( --color-warning-subtle);color:var(--color-warning-emphasis)}.badge--success{background-color:var(--color-success-subtle);color:var(--color-success-emphasis)}.badge--danger{background-color:var(--color-danger-subtle);color:var(--color-danger)}.badge--info{background-color:var(--color-info-subtle);color:var(--color-info-emphasis)}.badge--purple{background-color:var(--color-commercial-subtle);color:var(--color-commercial-emphasis)}.badge__close{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--spacing-1);padding:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.75;transition:opacity var(--transition-speed-fast) var(--transition-timing);line-height:1}.badge__close:hover{opacity:1}.badge__close:focus{outline:none;opacity:1}";
+var v = Object.defineProperty, m = Object.getOwnPropertyDescriptor, a = (s, t, l, i) => {
+  for (var o = i > 1 ? void 0 : i ? m(t, l) : t, n = s.length - 1, c; n >= 0; n--)
+    (c = s[n]) && (o = (i ? c(t, l, o) : c(o)) || o);
+  return i && o && v(t, l, o), o;
+};
+let e = class extends b {
+  constructor() {
+    super(...arguments), this.variant = "default", this.size = "default", this.text = "", this.closeable = !1, this.isRound = !1;
+  }
+  handleClose() {
+    this.onClose && this.onClose(), this.dispatchEvent(
+      new CustomEvent("close", {
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  getBadgeClasses() {
+    const s = [
+      "badge",
+      `badge--${this.variant}`,
+      this.size === "small" ? "badge--small" : "badge--default-size"
+    ];
+    return this.isRound && s.push("badge--round"), s.join(" ");
+  }
+  render() {
+    return g`
+      <div class="${this.getBadgeClasses()}">
+        <slot></slot>
+        ${this.text ? g`<span>${this.text}</span>` : d}
+        ${this.closeable ? g`
+              <button class="badge__close" @click=${this.handleClose} aria-label="Close">
+                <ui-icon size="16" name="uil-times"></ui-icon>
+              </button>
+            ` : d}
+      </div>
+    `;
+  }
+};
+e.styles = [
+  u`
+      ${p(f)}
+    `
+];
+a([
+  r({ type: String })
+], e.prototype, "variant", 2);
+a([
+  r({ type: String })
+], e.prototype, "size", 2);
+a([
+  r({ type: String })
+], e.prototype, "text", 2);
+a([
+  r({ type: Boolean })
+], e.prototype, "closeable", 2);
+a([
+  r({ type: Boolean })
+], e.prototype, "isRound", 2);
+a([
+  r({ attribute: !1 })
+], e.prototype, "onClose", 2);
+e = a([
+  h("logosphere-badge")
+], e);
+export {
+  e as L
+};

package/dist/badge-CKSG_MyA.cjs

@@ -0,0 +1,13 @@
+"use strict";const e=require("lit"),a=require("lit/decorators.js");require("./ui-icon-DWl7I5BQ.cjs");const g=":host{display:inline-block}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-family-base);font-size:11px;font-weight:var(--font-weight-medium);line-height:1rem;letter-spacing:-.11px;border-radius:var(--radius-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge--default-size{min-height:24px;max-height:24px;padding:var(--spacing-0) var(--spacing-2)}.badge--small{min-height:16px;max-height:16px;padding:0 var(--spacing-2)}.badge--round{border-radius:var(--radius-full)}.badge--primary{background-color:var(--color-primary);color:var(--color-secondary-color, #ffffff)}.badge--default{background-color:var(--badge-bg, var(--color-light-bg-2));color:var(--badge-color, var(--color-secondary))}.badge--warning{background-color:var( --color-warning-subtle);color:var(--color-warning-emphasis)}.badge--success{background-color:var(--color-success-subtle);color:var(--color-success-emphasis)}.badge--danger{background-color:var(--color-danger-subtle);color:var(--color-danger)}.badge--info{background-color:var(--color-info-subtle);color:var(--color-info-emphasis)}.badge--purple{background-color:var(--color-commercial-subtle);color:var(--color-commercial-emphasis)}.badge__close{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--spacing-1);padding:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.75;transition:opacity var(--transition-speed-fast) var(--transition-timing);line-height:1}.badge__close:hover{opacity:1}.badge__close:focus{outline:none;opacity:1}";var p=Object.defineProperty,d=Object.getOwnPropertyDescriptor,s=(i,o,n,t)=>{for(var r=t>1?void 0:t?d(o,n):o,l=i.length-1,c;l>=0;l--)(c=i[l])&&(r=(t?c(o,n,r):c(r))||r);return t&&r&&p(o,n,r),r};exports.LogosphereBadge=class extends e.LitElement{constructor(){super(...arguments),this.variant="default",this.size="default",this.text="",this.closeable=!1,this.isRound=!1}handleClose(){this.onClose&&this.onClose(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}getBadgeClasses(){const o=["badge",`badge--${this.variant}`,this.size==="small"?"badge--small":"badge--default-size"];return this.isRound&&o.push("badge--round"),o.join(" ")}render(){return e.html`
+      <div class="${this.getBadgeClasses()}">
+        <slot></slot>
+        ${this.text?e.html`<span>${this.text}</span>`:e.nothing}
+        ${this.closeable?e.html`
+              <button class="badge__close" @click=${this.handleClose} aria-label="Close">
+                <ui-icon size="16" name="uil-times"></ui-icon>
+              </button>
+            `:e.nothing}
+      </div>
+    `}};exports.LogosphereBadge.styles=[e.css`
+      ${e.unsafeCSS(g)}
+    `];s([a.property({type:String})],exports.LogosphereBadge.prototype,"variant",2);s([a.property({type:String})],exports.LogosphereBadge.prototype,"size",2);s([a.property({type:String})],exports.LogosphereBadge.prototype,"text",2);s([a.property({type:Boolean})],exports.LogosphereBadge.prototype,"closeable",2);s([a.property({type:Boolean})],exports.LogosphereBadge.prototype,"isRound",2);s([a.property({attribute:!1})],exports.LogosphereBadge.prototype,"onClose",2);exports.LogosphereBadge=s([a.customElement("logosphere-badge")],exports.LogosphereBadge);

package/dist/badge.cjs

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

package/dist/badge.js

@@ -1,4 +1,4 @@
-import { L as r } from "./badge-DE7Tgd8Z.js";
+import { L as r } from "./badge-BhINg1p5.js";
 export {
   r as LogosphereBadge
 };

package/dist/breadcrumb-BOuCLUJh.cjs

@@ -0,0 +1,12 @@
+"use strict";const e=require("lit"),o=require("lit/decorators.js"),b=":host{display:block}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-normal);list-style:none;margin:0;padding:0}.breadcrumb__item{display:inline-flex;align-items:center;gap:var(--spacing-2)}.breadcrumb__link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-regular);transition:color var(--transition-speed-fast) var(--transition-timing),text-decoration var(--transition-speed-fast) var(--transition-timing)}.breadcrumb__link:hover{color:var(--color-primary-hover);text-decoration:underline}.breadcrumb__label{color:var(--color-tertiary);font-weight:var(--font-weight-regular)}.breadcrumb__label--active{color:var(--color-emphasis);font-weight:var(--font-weight-medium)}.breadcrumb__separator{color:var(--color-gray-400);-webkit-user-select:none;user-select:none;flex-shrink:0}";var m=Object.defineProperty,u=Object.getOwnPropertyDescriptor,c=(l,r,t,s)=>{for(var a=s>1?void 0:s?u(r,t):r,n=l.length-1,i;n>=0;n--)(i=l[n])&&(a=(s?i(r,t,a):i(a))||a);return s&&a&&m(r,t,a),a};exports.Breadcrumb=class extends e.LitElement{constructor(){super(...arguments),this.items=[]}render(){return e.html`
+      <nav>
+        <ol class="breadcrumb">
+          ${this.items.map((r,t)=>e.html`
+              <li class="breadcrumb__item">
+                ${r.href&&!r.active?e.html`<a href="${r.href}" class="breadcrumb__link">${r.label}</a>`:e.html`<span class="breadcrumb__label ${r.active?"breadcrumb__label--active":""}">${r.label}</span>`}
+                ${t<this.items.length-1?e.html`<span class="breadcrumb__separator">/</span>`:""}
+              </li>
+            `)}
+        </ol>
+      </nav>
+    `}};exports.Breadcrumb.styles=[e.css`${e.unsafeCSS(b)}`];c([o.property({type:Array})],exports.Breadcrumb.prototype,"items",2);exports.Breadcrumb=c([o.customElement("logosphere-breadcrumb")],exports.Breadcrumb);

package/dist/breadcrumb-BeJqq-5C.js

@@ -0,0 +1,41 @@
+import { unsafeCSS as b, css as m, LitElement as p, html as t } from "lit";
+import { property as v, customElement as u } from "lit/decorators.js";
+const f = ":host{display:block}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-normal);list-style:none;margin:0;padding:0}.breadcrumb__item{display:inline-flex;align-items:center;gap:var(--spacing-2)}.breadcrumb__link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-regular);transition:color var(--transition-speed-fast) var(--transition-timing),text-decoration var(--transition-speed-fast) var(--transition-timing)}.breadcrumb__link:hover{color:var(--color-primary-hover);text-decoration:underline}.breadcrumb__label{color:var(--color-tertiary);font-weight:var(--font-weight-regular)}.breadcrumb__label--active{color:var(--color-emphasis);font-weight:var(--font-weight-medium)}.breadcrumb__separator{color:var(--color-gray-400);-webkit-user-select:none;user-select:none;flex-shrink:0}";
+var d = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, c = (r, a, l, s) => {
+  for (var e = s > 1 ? void 0 : s ? _(a, l) : a, n = r.length - 1, i; n >= 0; n--)
+    (i = r[n]) && (e = (s ? i(a, l, e) : i(e)) || e);
+  return s && e && d(a, l, e), e;
+};
+let o = class extends p {
+  constructor() {
+    super(...arguments), this.items = [];
+  }
+  render() {
+    return t`
+      <nav>
+        <ol class="breadcrumb">
+          ${this.items.map(
+      (r, a) => t`
+              <li class="breadcrumb__item">
+                ${r.href && !r.active ? t`<a href="${r.href}" class="breadcrumb__link">${r.label}</a>` : t`<span class="breadcrumb__label ${r.active ? "breadcrumb__label--active" : ""}">${r.label}</span>`}
+                ${a < this.items.length - 1 ? t`<span class="breadcrumb__separator">/</span>` : ""}
+              </li>
+            `
+    )}
+        </ol>
+      </nav>
+    `;
+  }
+};
+o.styles = [
+  m`${b(f)}`
+];
+c([
+  v({ type: Array })
+], o.prototype, "items", 2);
+o = c([
+  u("logosphere-breadcrumb")
+], o);
+export {
+  o as B
+};

package/dist/breadcrumb.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./breadcrumb-Cop-B1J7.cjs");Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:()=>e.Breadcrumb});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./breadcrumb-BOuCLUJh.cjs");Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:()=>e.Breadcrumb});

package/dist/breadcrumb.js

@@ -1,4 +1,4 @@
-import { B as e } from "./breadcrumb-B-4yqoJZ.js";
+import { B as e } from "./breadcrumb-BeJqq-5C.js";
 export {
   e as Breadcrumb
 };

package/dist/button-CVkIa7M0.js

@@ -0,0 +1,58 @@
+import { unsafeCSS as d, css as b, LitElement as u, html as v } from "lit";
+import { property as e, customElement as g } from "lit/decorators.js";
+const p = ':host{display:inline-block}.button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.25rem;letter-spacing:-.14px;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-speed-base) var(--transition-timing);gap:var(--spacing-1);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;box-sizing:border-box}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button ::slotted(*){display:inline-flex;align-items:center;vertical-align:middle}.button ::slotted(i),.button ::slotted([class^="uil-"]),.button ::slotted([class*=" uil-"]){font-size:1rem;line-height:1;flex-shrink:0}.button--sm{padding:var(--spacing-0-5) var(--spacing-2)}.button--sm.button--icon-only{min-height:var(--button-icon-only-size, 24px);width:var(--button-icon-only-size, 24px);padding:0}.button--md{padding:var(--spacing-1-5) var(--spacing-3)}.button--md.button--icon-only{min-height:var(--button-icon-only-size, 32px);width:var(--button-icon-only-size, 32px);padding:0}.button--lg{padding:var(--spacing-2-5) var(--spacing-3)}.button--lg.button--icon-only{min-height:var(--button-icon-only-size, 40px);width:var(--button-icon-only-size, 40px);padding:0}.button--solid.button--primary{background-color:var(--color-primary);color:var(--color-primary-color, #ffffff)}.button--solid.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--solid.button--primary:active:not(:disabled){background-color:var(--color-primary-active)}.button--solid.button--primary:disabled{background-color:var(--color-primary-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--secondary{background-color:var(--color-secondary);color:var(--color-secondary-color)}.button--solid.button--secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.button--solid.button--secondary:active:not(:disabled){background-color:var(--color-secondary-active)}.button--solid.button--secondary:disabled{background-color:var(--color-secondary-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--success{background-color:var(--color-success);color:var(--color-secondary-color)}.button--solid.button--success:hover:not(:disabled){background-color:var(--color-success-hover)}.button--solid.button--success:active:not(:disabled){background-color:var(--color-success-active)}.button--solid.button--success:disabled{background-color:var(--color-success-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--danger{background-color:var(--color-danger);color:var(--color-secondary-color)}.button--solid.button--danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.button--solid.button--danger:active:not(:disabled){background-color:var(--color-danger-active)}.button--solid.button--danger:disabled{background-color:var(--color-danger-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--info{background-color:var(--color-info);color:var(--color-secondary-color)}.button--solid.button--info:hover:not(:disabled){background-color:var(--color-info-hover)}.button--solid.button--info:active:not(:disabled){background-color:var(--color-info-active)}.button--solid.button--info:disabled{background-color:var(--color-info-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--warning{background-color:var(--color-warning);color:var(--color-secondary-color)}.button--solid.button--warning:hover:not(:disabled){background-color:var(--color-warning-hover)}.button--solid.button--warning:active:not(:disabled){background-color:var(--color-warning-active)}.button--solid.button--warning:disabled{background-color:var(--color-warning-disabled);cursor:not-allowed;pointer-events:none}.button--outline{font-weight:var(--font-weight-medium);border:1px solid var(--color-border);background-color:var(--color-body-bg)}.button--outline:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.button--outline:active:not(:disabled){background-color:var(--color-body-bg-active)}.button--outline:disabled{cursor:not-allowed;pointer-events:none;opacity:.5}.button--outline.button--primary{color:var(--color-primary);border-color:var(--color-border)}.button--outline.button--primary:disabled{color:var(--color-primary-disabled);border-color:var(--color-primary-disabled);opacity:1}.button--outline.button--secondary{color:var(--color-secondary);border-color:var(--color-border)}.button--outline.button--secondary:disabled{color:var(--color-secondary-disabled);border-color:var(--color-secondary-border-subtle);opacity:1}.button--outline.button--success{color:var(--color-success);border-color:var(--color-success-border)}.button--outline.button--success:disabled{color:var(--color-success-disabled);border-color:var(--color-success-border-subtle);opacity:1}.button--outline.button--danger{color:var(--color-danger);border-color:var(--color-danger-border)}.button--outline.button--danger:disabled{color:var(--color-danger-disabled);border-color:var(--color-danger-disabled);opacity:1}.button--outline.button--info{color:var(--color-info);border-color:var(--color-info-border)}.button--outline.button--info:disabled{color:var(--color-info-disabled);border-color:var(--color-info-border-subtle);opacity:1}.button--outline.button--warning{color:var(--color-warning-emphasis);border-color:var(--color-warning-border)}.button--outline.button--warning:disabled{color:var(--color-warning-disabled);border-color:var(--color-warning-border-subtle);opacity:1}.button--text{font-weight:var(--font-weight-medium);background-color:transparent;border:none}.button--text:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.button--text:active:not(:disabled){background-color:var(--color-body-bg-active)}.button--text:disabled{cursor:not-allowed;pointer-events:none;opacity:.5}.button--text{background-color:transparent;border:none}.button--text.button--primary{color:var(--color-primary)}.button--text.button--primary:disabled{color:var(--color-primary-disabled);opacity:1}.button--text.button--secondary{color:var(--color-secondary)}.button--text.button--secondary:disabled{color:var(--color-secondary-disabled);opacity:1}.button--text.button--success{color:var(--color-success)}.button--text.button--success:disabled{color:var(--color-success-disabled);opacity:1}.button--text.button--danger{color:var(--color-danger)}.button--text.button--danger:disabled{color:var(--color-danger-disabled);opacity:1}.button--text.button--info{color:var(--color-info)}.button--text.button--info:disabled{color:var(--color-info-disabled);opacity:1}.button--text.button--warning{color:var(--color-warning-emphasis)}.button--text.button--warning:disabled{color:var(--color-warning-disabled);opacity:1}';
+var y = Object.defineProperty, f = Object.getOwnPropertyDescriptor, t = (n, a, i, l) => {
+  for (var r = l > 1 ? void 0 : l ? f(a, i) : a, c = n.length - 1, s; c >= 0; c--)
+    (s = n[c]) && (r = (l ? s(a, i, r) : s(r)) || r);
+  return l && r && y(a, i, r), r;
+};
+let o = class extends u {
+  constructor() {
+    super(...arguments), this.variant = "solid", this.size = "md", this.theme = "primary", this.iconOnly = !1, this.disabled = !1;
+  }
+  getButtonClasses() {
+    const n = [
+      "button",
+      `button--${this.variant}`,
+      `button--${this.size}`,
+      `button--${this.theme}`
+    ];
+    return this.iconOnly && n.push("button--icon-only"), n.join(" ");
+  }
+  render() {
+    return v`
+      <button
+        class="${this.getButtonClasses()}"
+        ?disabled="${this.disabled}"
+      >
+        <slot name="prefix"></slot>
+        <slot></slot>
+        <slot name="suffix"></slot>
+      </button>
+    `;
+  }
+};
+o.styles = [
+  b`${d(p)}`
+];
+t([
+  e({ type: String })
+], o.prototype, "variant", 2);
+t([
+  e({ type: String })
+], o.prototype, "size", 2);
+t([
+  e({ type: String })
+], o.prototype, "theme", 2);
+t([
+  e({ type: Boolean })
+], o.prototype, "iconOnly", 2);
+t([
+  e({ type: Boolean })
+], o.prototype, "disabled", 2);
+o = t([
+  g("logosphere-button")
+], o);
+export {
+  o as B
+};

package/dist/button-vdNReBMi.cjs

@@ -0,0 +1,10 @@
+"use strict";const a=require("lit"),r=require("lit/decorators.js"),d=':host{display:inline-block}.button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.25rem;letter-spacing:-.14px;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-speed-base) var(--transition-timing);gap:var(--spacing-1);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;box-sizing:border-box}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button ::slotted(*){display:inline-flex;align-items:center;vertical-align:middle}.button ::slotted(i),.button ::slotted([class^="uil-"]),.button ::slotted([class*=" uil-"]){font-size:1rem;line-height:1;flex-shrink:0}.button--sm{padding:var(--spacing-0-5) var(--spacing-2)}.button--sm.button--icon-only{min-height:var(--button-icon-only-size, 24px);width:var(--button-icon-only-size, 24px);padding:0}.button--md{padding:var(--spacing-1-5) var(--spacing-3)}.button--md.button--icon-only{min-height:var(--button-icon-only-size, 32px);width:var(--button-icon-only-size, 32px);padding:0}.button--lg{padding:var(--spacing-2-5) var(--spacing-3)}.button--lg.button--icon-only{min-height:var(--button-icon-only-size, 40px);width:var(--button-icon-only-size, 40px);padding:0}.button--solid.button--primary{background-color:var(--color-primary);color:var(--color-primary-color, #ffffff)}.button--solid.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--solid.button--primary:active:not(:disabled){background-color:var(--color-primary-active)}.button--solid.button--primary:disabled{background-color:var(--color-primary-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--secondary{background-color:var(--color-secondary);color:var(--color-secondary-color)}.button--solid.button--secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.button--solid.button--secondary:active:not(:disabled){background-color:var(--color-secondary-active)}.button--solid.button--secondary:disabled{background-color:var(--color-secondary-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--success{background-color:var(--color-success);color:var(--color-secondary-color)}.button--solid.button--success:hover:not(:disabled){background-color:var(--color-success-hover)}.button--solid.button--success:active:not(:disabled){background-color:var(--color-success-active)}.button--solid.button--success:disabled{background-color:var(--color-success-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--danger{background-color:var(--color-danger);color:var(--color-secondary-color)}.button--solid.button--danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.button--solid.button--danger:active:not(:disabled){background-color:var(--color-danger-active)}.button--solid.button--danger:disabled{background-color:var(--color-danger-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--info{background-color:var(--color-info);color:var(--color-secondary-color)}.button--solid.button--info:hover:not(:disabled){background-color:var(--color-info-hover)}.button--solid.button--info:active:not(:disabled){background-color:var(--color-info-active)}.button--solid.button--info:disabled{background-color:var(--color-info-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--warning{background-color:var(--color-warning);color:var(--color-secondary-color)}.button--solid.button--warning:hover:not(:disabled){background-color:var(--color-warning-hover)}.button--solid.button--warning:active:not(:disabled){background-color:var(--color-warning-active)}.button--solid.button--warning:disabled{background-color:var(--color-warning-disabled);cursor:not-allowed;pointer-events:none}.button--outline{font-weight:var(--font-weight-medium);border:1px solid var(--color-border);background-color:var(--color-body-bg)}.button--outline:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.button--outline:active:not(:disabled){background-color:var(--color-body-bg-active)}.button--outline:disabled{cursor:not-allowed;pointer-events:none;opacity:.5}.button--outline.button--primary{color:var(--color-primary);border-color:var(--color-border)}.button--outline.button--primary:disabled{color:var(--color-primary-disabled);border-color:var(--color-primary-disabled);opacity:1}.button--outline.button--secondary{color:var(--color-secondary);border-color:var(--color-border)}.button--outline.button--secondary:disabled{color:var(--color-secondary-disabled);border-color:var(--color-secondary-border-subtle);opacity:1}.button--outline.button--success{color:var(--color-success);border-color:var(--color-success-border)}.button--outline.button--success:disabled{color:var(--color-success-disabled);border-color:var(--color-success-border-subtle);opacity:1}.button--outline.button--danger{color:var(--color-danger);border-color:var(--color-danger-border)}.button--outline.button--danger:disabled{color:var(--color-danger-disabled);border-color:var(--color-danger-disabled);opacity:1}.button--outline.button--info{color:var(--color-info);border-color:var(--color-info-border)}.button--outline.button--info:disabled{color:var(--color-info-disabled);border-color:var(--color-info-border-subtle);opacity:1}.button--outline.button--warning{color:var(--color-warning-emphasis);border-color:var(--color-warning-border)}.button--outline.button--warning:disabled{color:var(--color-warning-disabled);border-color:var(--color-warning-border-subtle);opacity:1}.button--text{font-weight:var(--font-weight-medium);background-color:transparent;border:none}.button--text:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.button--text:active:not(:disabled){background-color:var(--color-body-bg-active)}.button--text:disabled{cursor:not-allowed;pointer-events:none;opacity:.5}.button--text{background-color:transparent;border:none}.button--text.button--primary{color:var(--color-primary)}.button--text.button--primary:disabled{color:var(--color-primary-disabled);opacity:1}.button--text.button--secondary{color:var(--color-secondary)}.button--text.button--secondary:disabled{color:var(--color-secondary-disabled);opacity:1}.button--text.button--success{color:var(--color-success)}.button--text.button--success:disabled{color:var(--color-success-disabled);opacity:1}.button--text.button--danger{color:var(--color-danger)}.button--text.button--danger:disabled{color:var(--color-danger-disabled);opacity:1}.button--text.button--info{color:var(--color-info)}.button--text.button--info:disabled{color:var(--color-info-disabled);opacity:1}.button--text.button--warning{color:var(--color-warning-emphasis)}.button--text.button--warning:disabled{color:var(--color-warning-disabled);opacity:1}';var b=Object.defineProperty,u=Object.getOwnPropertyDescriptor,n=(l,o,i,e)=>{for(var t=e>1?void 0:e?u(o,i):o,c=l.length-1,s;c>=0;c--)(s=l[c])&&(t=(e?s(o,i,t):s(t))||t);return e&&t&&b(o,i,t),t};exports.Button=class extends a.LitElement{constructor(){super(...arguments),this.variant="solid",this.size="md",this.theme="primary",this.iconOnly=!1,this.disabled=!1}getButtonClasses(){const o=["button",`button--${this.variant}`,`button--${this.size}`,`button--${this.theme}`];return this.iconOnly&&o.push("button--icon-only"),o.join(" ")}render(){return a.html`
+      <button
+        class="${this.getButtonClasses()}"
+        ?disabled="${this.disabled}"
+      >
+        <slot name="prefix"></slot>
+        <slot></slot>
+        <slot name="suffix"></slot>
+      </button>
+    `}};exports.Button.styles=[a.css`${a.unsafeCSS(d)}`];n([r.property({type:String})],exports.Button.prototype,"variant",2);n([r.property({type:String})],exports.Button.prototype,"size",2);n([r.property({type:String})],exports.Button.prototype,"theme",2);n([r.property({type:Boolean})],exports.Button.prototype,"iconOnly",2);n([r.property({type:Boolean})],exports.Button.prototype,"disabled",2);exports.Button=n([r.customElement("logosphere-button")],exports.Button);

package/dist/button.cjs

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

package/dist/button.js

@@ -1,4 +1,4 @@
-import { B as r } from "./button-C1EwOosO.js";
+import { B as r } from "./button-CVkIa7M0.js";
 export {
   r as Button
 };