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

package/AGENTS.md

@@ -36,6 +36,45 @@ import "@logosphere-ui/core/input";
 | **Hata/yardım** | `error="..."` ve `helper="..."` prop'ları tüm form bileşenlerinde mevcuttur |
 | **Disabled/Readonly** | Tüm form bileşenlerinde `disabled` ve `readonly` boolean prop'ları bulunur |
 | **Event dinleme** | `element.addEventListener("change", handler)` veya inline `@change=${handler}` (Lit) |
+| **Birleşik event** | Form bileşenleri (Input, Textarea, Checkbox, Switch, Combobox, DatePicker, TimePicker) ek olarak **`lgsChange`** yayınlar → `detail: { value?, checked?, selected? }`. Bileşene özel eski event'ler aynen korunur |
+
+---
+
+## Tema: Bileşen Token Katmanı
+
+Global token'ları (`--color-secondary`, `--spacing-4` vb.) `:root`'ta ezmek **tüm** bileşenleri etkiler. Tek bir bileşeni tema'lamak için aşağıdaki bileşen token'larını kullanın — hepsi ilgili global token'a fallback yapar; hiçbirini tanımlamazsanız davranış değişmez.
+
+```css
+/* Örnek: sadece pagination'ı tema'la, diğer bileşenlere dokunma */
+logosphere-pagination {
+  --pagination-color: #0a58ca;
+  --pagination-padding: 8px 12px;
+}
+
+/* Örnek: eski tasarımın 36px form alanı */
+logosphere-input { --formfield-min-height: 36px; --input-field-height: 20px; }
+
+/* Örnek: focus'ta border rengi değişmesin */
+logosphere-input { --formfield-border-color-focus: var(--color-border); }
+
+/* Örnek: alan koyu, takvim popup'ı beyaz kalsın */
+logosphere-datepicker { --color-body-bg: #1e1e1e; --datepicker-popup-bg: #ffffff; }
+```
+
+| Bileşen | Token | Fallback |
+|---------|-------|----------|
+| FormField | `--formfield-min-height` / `--formfield-min-height-large` | `32px` / `40px` |
+| FormField | `--formfield-border-color` / `--formfield-border-color-focus` | `--color-border` / `--color-body-text` |
+| FormField | `--formfield-border-radius`, `--formfield-border-{top,right,bottom,left}[-width]` | `--radius-base`, `1px solid` |
+| Input | `--input-field-height` / `--input-field-height-large` | `16px` / `24px` |
+| DatePicker | `--datepicker-popup-bg` / `--datepicker-popup-border-color` | `--color-body-bg` / `--color-border` |
+| Pagination | `--pagination-color` / `--pagination-color-disabled` | `--color-secondary` / `--color-secondary-disabled` |
+| Pagination | `--pagination-bg` / `--pagination-item-bg` / `--pagination-item-bg-hover` | `--color-body-bg` / `--color-body-bg` / `--color-body-bg-hover` |
+| Pagination | `--pagination-active-bg` / `--pagination-active-color` | `--color-secondary` / `white` |
+| Pagination | `--pagination-padding` | `--spacing-4 --spacing-6` (mobil: `--spacing-3 --spacing-4`) |
+| Badge (default varyant) | `--badge-bg` / `--badge-color` | `--color-light-bg-2` / `--color-secondary` |
+| Chatbot | `--chatbot-bg` / `--chatbot-color` | `--color-body-bg` / `--color-secondary` |
+| Combobox | `--combobox-tag-bg` / `--combobox-tag-color` / `--combobox-clear-color` | `--color-light` / `--color-body-text` / `--color-secondary` |
 
 ---
 
@@ -127,6 +166,8 @@ Onay kutusu, toggle switch veya radio buton.
 
 **Events:** `lgsChange` → `detail: { checked, indeterminate, value }`
 
+> **Kontrollü kullanım:** `checked` property'sine yapılan her dış atama — değer öncekiyle aynı olsa bile — görsel state'i prop'a senkronlar. Parent bir seçimi reddederse (`lgsChange` sonrası `checked`'ı değişmeyen değerle yeniden atarsa) bileşen görsel olarak geri döner; iki radio'nun birden seçili kalması engellenir.
+
 ```html
 <logosphere-checkbox label="Beni hatırla" value="remember"></logosphere-checkbox>
 
@@ -159,7 +200,7 @@ Bağımsız toggle switch.
 | `disabled` | `boolean` | `false` | Devre dışı |
 | `size` | `"sm" \| "md"` | `"md"` | Boyut |
 
-**Events:** `change` → `detail: { checked }`
+**Events:** `change` → `detail: { checked }`, `lgsChange` → `detail: { checked }`
 
 ```html
 <logosphere-switch></logosphere-switch>
@@ -213,6 +254,9 @@ Metin girişi; maske, parola, temizle ve tüm formfield özellikleri.
 | `placeholder` | `string` | `""` | Yer tutucu |
 | `name` | `string` | `""` | Form adı |
 | `mask` | `string` | `""` | Giriş maskesi: `0`=rakam, `a`=harf, `*`=rakam/harf, diğerleri literal. Örn: `"(000) 000-0000"`, `"00/00/0000"`, `"00:00"` |
+| `showPasswordToggle` | `boolean` | `true` | `type="password"` iken göster/gizle butonunu render et (attribute: `show-password-toggle`). Şifrenin hiç gösterilmemesi gereken ekranlarda `false` verin |
+| `suppressNativeValidation` | `boolean` | `false` | Tarayıcının yerel (dil bağımlı) `validationMessage`'ının iç hata olarak gösterilmesini kapatır (attribute: `suppress-native-validation`). Uygulama kendi hata metnini yönetiyorsa açın |
+| `errorDisplay` | `"always" \| "on-invalid"` | `"always"` | Hata gösterim modu (attribute: `error-display`). `"on-invalid"`: hata yalnızca alan geçersizken görünür — blur/change'de doğrulanır, yazarken temizlenir (vaadin semantiği) |
 | `label` | `string` | `""` | Etiket |
 | `helper` | `string` | `""` | Yardım metni |
 | `error` | `string` | `""` | Hata mesajı |
@@ -300,7 +344,7 @@ Metin girişi; maske, parola, temizle ve tüm formfield özellikleri.
 | `size` | `"default" \| "large"` | `"default"` | Boyut |
 | `variant` | `"default" \| "subtle"` | `"default"` | Stil |
 
-**Events:** `input`, `change`, `clear`, `keydown`, `keyup`
+**Events:** `input`, `change`, `clear`, `keydown`, `keyup`, `lgsChange` → `detail: { value }`
 
 ```html
 <!-- Temel kullanım -->
@@ -429,7 +473,7 @@ Tetikleyici elemana konumlanmış açılır panel.
 | `variant` | `"default" \| "subtle"` | `"default"` | Stil |
 | `onChange` | `(value: string) => void` | — | Değişim callback'i (attribute değil) |
 
-**Events:** `change` → `detail: { value }`, `clear`
+**Events:** `change` → `detail: { value }`, `clear`, `lgsChange` → `detail: { value }`
 
 ```html
 <!-- Temel kullanım -->
@@ -484,7 +528,7 @@ Seçim kutusu: tekli/çoklu seçim, filtreleme, tag desteği.
 
 **Public Metotlar:** `selectedItems()` → seçili öğe dizisi, `isSelected(item)`, `setSelected(items[])`
 
-**Events:** `selected` → `detail: { selected }`, `change` → `detail: { value }`
+**Events:** `selected` → `detail: { selected }`, `change` → `detail: { value }`, `lgsChange` → `detail: { value, selected }` (value = primitive `optionValue` değer(ler)i)
 
 ```html
 <logosphere-combobox
@@ -541,7 +585,7 @@ Tarih seçici; manuel yazma ve takvim popup'ı. `dayjs` tabanlı.
 | `onChange` | `(value: string) => void` | — | Değişim callback'i |
 | `onRangeChange` | `(range) => void` | — | Aralık callback'i |
 
-**Events:** `change` → `detail: { value }`, `rangeChange` → `detail: { start, end }`
+**Events:** `change` → `detail: { value }`, `rangeChange` → `detail: { start, end }`, `lgsChange` → `detail: { value }`
 
 ```html
 <!-- Temel kullanım -->

package/dist/AGENTS.md

@@ -36,6 +36,45 @@ import "@logosphere-ui/core/input";
 | **Hata/yardım** | `error="..."` ve `helper="..."` prop'ları tüm form bileşenlerinde mevcuttur |
 | **Disabled/Readonly** | Tüm form bileşenlerinde `disabled` ve `readonly` boolean prop'ları bulunur |
 | **Event dinleme** | `element.addEventListener("change", handler)` veya inline `@change=${handler}` (Lit) |
+| **Birleşik event** | Form bileşenleri (Input, Textarea, Checkbox, Switch, Combobox, DatePicker, TimePicker) ek olarak **`lgsChange`** yayınlar → `detail: { value?, checked?, selected? }`. Bileşene özel eski event'ler aynen korunur |
+
+---
+
+## Tema: Bileşen Token Katmanı
+
+Global token'ları (`--color-secondary`, `--spacing-4` vb.) `:root`'ta ezmek **tüm** bileşenleri etkiler. Tek bir bileşeni tema'lamak için aşağıdaki bileşen token'larını kullanın — hepsi ilgili global token'a fallback yapar; hiçbirini tanımlamazsanız davranış değişmez.
+
+```css
+/* Örnek: sadece pagination'ı tema'la, diğer bileşenlere dokunma */
+logosphere-pagination {
+  --pagination-color: #0a58ca;
+  --pagination-padding: 8px 12px;
+}
+
+/* Örnek: eski tasarımın 36px form alanı */
+logosphere-input { --formfield-min-height: 36px; --input-field-height: 20px; }
+
+/* Örnek: focus'ta border rengi değişmesin */
+logosphere-input { --formfield-border-color-focus: var(--color-border); }
+
+/* Örnek: alan koyu, takvim popup'ı beyaz kalsın */
+logosphere-datepicker { --color-body-bg: #1e1e1e; --datepicker-popup-bg: #ffffff; }
+```
+
+| Bileşen | Token | Fallback |
+|---------|-------|----------|
+| FormField | `--formfield-min-height` / `--formfield-min-height-large` | `32px` / `40px` |
+| FormField | `--formfield-border-color` / `--formfield-border-color-focus` | `--color-border` / `--color-body-text` |
+| FormField | `--formfield-border-radius`, `--formfield-border-{top,right,bottom,left}[-width]` | `--radius-base`, `1px solid` |
+| Input | `--input-field-height` / `--input-field-height-large` | `16px` / `24px` |
+| DatePicker | `--datepicker-popup-bg` / `--datepicker-popup-border-color` | `--color-body-bg` / `--color-border` |
+| Pagination | `--pagination-color` / `--pagination-color-disabled` | `--color-secondary` / `--color-secondary-disabled` |
+| Pagination | `--pagination-bg` / `--pagination-item-bg` / `--pagination-item-bg-hover` | `--color-body-bg` / `--color-body-bg` / `--color-body-bg-hover` |
+| Pagination | `--pagination-active-bg` / `--pagination-active-color` | `--color-secondary` / `white` |
+| Pagination | `--pagination-padding` | `--spacing-4 --spacing-6` (mobil: `--spacing-3 --spacing-4`) |
+| Badge (default varyant) | `--badge-bg` / `--badge-color` | `--color-light-bg-2` / `--color-secondary` |
+| Chatbot | `--chatbot-bg` / `--chatbot-color` | `--color-body-bg` / `--color-secondary` |
+| Combobox | `--combobox-tag-bg` / `--combobox-tag-color` / `--combobox-clear-color` | `--color-light` / `--color-body-text` / `--color-secondary` |
 
 ---
 
@@ -127,6 +166,8 @@ Onay kutusu, toggle switch veya radio buton.
 
 **Events:** `lgsChange` → `detail: { checked, indeterminate, value }`
 
+> **Kontrollü kullanım:** `checked` property'sine yapılan her dış atama — değer öncekiyle aynı olsa bile — görsel state'i prop'a senkronlar. Parent bir seçimi reddederse (`lgsChange` sonrası `checked`'ı değişmeyen değerle yeniden atarsa) bileşen görsel olarak geri döner; iki radio'nun birden seçili kalması engellenir.
+
 ```html
 <logosphere-checkbox label="Beni hatırla" value="remember"></logosphere-checkbox>
 
@@ -159,7 +200,7 @@ Bağımsız toggle switch.
 | `disabled` | `boolean` | `false` | Devre dışı |
 | `size` | `"sm" \| "md"` | `"md"` | Boyut |
 
-**Events:** `change` → `detail: { checked }`
+**Events:** `change` → `detail: { checked }`, `lgsChange` → `detail: { checked }`
 
 ```html
 <logosphere-switch></logosphere-switch>
@@ -213,6 +254,9 @@ Metin girişi; maske, parola, temizle ve tüm formfield özellikleri.
 | `placeholder` | `string` | `""` | Yer tutucu |
 | `name` | `string` | `""` | Form adı |
 | `mask` | `string` | `""` | Giriş maskesi: `0`=rakam, `a`=harf, `*`=rakam/harf, diğerleri literal. Örn: `"(000) 000-0000"`, `"00/00/0000"`, `"00:00"` |
+| `showPasswordToggle` | `boolean` | `true` | `type="password"` iken göster/gizle butonunu render et (attribute: `show-password-toggle`). Şifrenin hiç gösterilmemesi gereken ekranlarda `false` verin |
+| `suppressNativeValidation` | `boolean` | `false` | Tarayıcının yerel (dil bağımlı) `validationMessage`'ının iç hata olarak gösterilmesini kapatır (attribute: `suppress-native-validation`). Uygulama kendi hata metnini yönetiyorsa açın |
+| `errorDisplay` | `"always" \| "on-invalid"` | `"always"` | Hata gösterim modu (attribute: `error-display`). `"on-invalid"`: hata yalnızca alan geçersizken görünür — blur/change'de doğrulanır, yazarken temizlenir (vaadin semantiği) |
 | `label` | `string` | `""` | Etiket |
 | `helper` | `string` | `""` | Yardım metni |
 | `error` | `string` | `""` | Hata mesajı |
@@ -300,7 +344,7 @@ Metin girişi; maske, parola, temizle ve tüm formfield özellikleri.
 | `size` | `"default" \| "large"` | `"default"` | Boyut |
 | `variant` | `"default" \| "subtle"` | `"default"` | Stil |
 
-**Events:** `input`, `change`, `clear`, `keydown`, `keyup`
+**Events:** `input`, `change`, `clear`, `keydown`, `keyup`, `lgsChange` → `detail: { value }`
 
 ```html
 <!-- Temel kullanım -->
@@ -429,7 +473,7 @@ Tetikleyici elemana konumlanmış açılır panel.
 | `variant` | `"default" \| "subtle"` | `"default"` | Stil |
 | `onChange` | `(value: string) => void` | — | Değişim callback'i (attribute değil) |
 
-**Events:** `change` → `detail: { value }`, `clear`
+**Events:** `change` → `detail: { value }`, `clear`, `lgsChange` → `detail: { value }`
 
 ```html
 <!-- Temel kullanım -->
@@ -484,7 +528,7 @@ Seçim kutusu: tekli/çoklu seçim, filtreleme, tag desteği.
 
 **Public Metotlar:** `selectedItems()` → seçili öğe dizisi, `isSelected(item)`, `setSelected(items[])`
 
-**Events:** `selected` → `detail: { selected }`, `change` → `detail: { value }`
+**Events:** `selected` → `detail: { selected }`, `change` → `detail: { value }`, `lgsChange` → `detail: { value, selected }` (value = primitive `optionValue` değer(ler)i)
 
 ```html
 <logosphere-combobox
@@ -541,7 +585,7 @@ Tarih seçici; manuel yazma ve takvim popup'ı. `dayjs` tabanlı.
 | `onChange` | `(value: string) => void` | — | Değişim callback'i |
 | `onRangeChange` | `(range) => void` | — | Aralık callback'i |
 
-**Events:** `change` → `detail: { value }`, `rangeChange` → `detail: { start, end }`
+**Events:** `change` → `detail: { value }`, `rangeChange` → `detail: { start, end }`, `lgsChange` → `detail: { value }`
 
 ```html
 <!-- Temel kullanım -->

package/dist/atoms/Checkbox/checkbox.d.ts

@@ -3,13 +3,22 @@ export declare class Checkbox extends LitElement {
     static styles: import("lit").CSSResult[];
     label: string;
     value: string;
-    checked: boolean;
     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;

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

@@ -21,6 +21,7 @@ export declare class FormField extends LitElement {
     private _hovered;
     private _hasPrefix;
     private _hasSuffix;
+    private _hasClear;
     private handleSlotFocus;
     private handleSlotBlur;
     private handleMouseEnter;
@@ -28,6 +29,7 @@ export declare class FormField extends LitElement {
     private handleContainerClick;
     private handlePrefixSlotChange;
     private handleSuffixSlotChange;
+    private handleClearSlotChange;
     connectedCallback(): void;
     firstUpdated(): void;
     disconnectedCallback(): void;

package/dist/{badge-BJqUgXZD.js → badge-B0Bj-HAT.js}

@@ -1,11 +1,11 @@
 import { unsafeCSS as p, css as u, LitElement as b, nothing as d, html as g } from "lit";
-import { property as a, customElement as h } from "lit/decorators.js";
-import "./ui-icon-Ctn4nGFa.js";
-const f = ".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(--color-light-bg-2);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 m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, r = (s, t, n, i) => {
-  for (var o = i > 1 ? void 0 : i ? v(t, n) : t, l = s.length - 1, c; l >= 0; l--)
-    (c = s[l]) && (o = (i ? c(t, n, o) : c(o)) || o);
-  return i && o && m(t, n, o), o;
+import { property as r, customElement as h } from "lit/decorators.js";
+import "./ui-icon-Ckljc9hg.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() {
@@ -46,25 +46,25 @@ e.styles = [
       ${p(f)}
     `
 ];
-r([
-  a({ type: String })
+a([
+  r({ type: String })
 ], e.prototype, "variant", 2);
-r([
-  a({ type: String })
+a([
+  r({ type: String })
 ], e.prototype, "size", 2);
-r([
-  a({ type: String })
+a([
+  r({ type: String })
 ], e.prototype, "text", 2);
-r([
-  a({ type: Boolean })
+a([
+  r({ type: Boolean })
 ], e.prototype, "closeable", 2);
-r([
-  a({ type: Boolean })
+a([
+  r({ type: Boolean })
 ], e.prototype, "isRound", 2);
-r([
-  a({ attribute: !1 })
+a([
+  r({ attribute: !1 })
 ], e.prototype, "onClose", 2);
-e = r([
+e = a([
   h("logosphere-badge")
 ], e);
 export {

package/dist/{badge-COTtd1jh.cjs → badge-DWkKpZTX.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("lit"),a=require("lit/decorators.js");require("./ui-icon-jKyMV1zp.cjs");const g=".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(--color-light-bg-2);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`
+"use strict";const e=require("lit"),a=require("lit/decorators.js");require("./ui-icon-Cd5YhUeQ.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}

package/dist/badge.cjs

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

package/dist/badge.js

@@ -1,4 +1,4 @@
-import { L as r } from "./badge-BJqUgXZD.js";
+import { L as r } from "./badge-B0Bj-HAT.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-BB61Xt0s.js";
+import { B as e } from "./breadcrumb-BeJqq-5C.js";
 export {
   e as Breadcrumb
 };

package/dist/button-MBxtvVqn.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:24px;width:24px;padding:0}.button--md{padding:var(--spacing-1-5) var(--spacing-3)}.button--md.button--icon-only{min-height:32px;width:32px;padding:0}.button--lg{padding:var(--spacing-2-5) var(--spacing-3)}.button--lg.button--icon-only{min-height:40px;width: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,c,e)=>{for(var t=e>1?void 0:e?u(o,c):o,i=l.length-1,s;i>=0;i--)(s=l[i])&&(t=(e?s(o,c,t):s(t))||t);return e&&t&&b(o,c,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-QWCkFTeJ.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:24px;width:24px;padding:0}.button--md{padding:var(--spacing-1-5) var(--spacing-3)}.button--md.button--icon-only{min-height:32px;width:32px;padding:0}.button--lg{padding:var(--spacing-2-5) var(--spacing-3)}.button--lg.button--icon-only{min-height:40px;width: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, c, l) => {
+  for (var r = l > 1 ? void 0 : l ? f(a, c) : a, i = n.length - 1, s; i >= 0; i--)
+    (s = n[i]) && (r = (l ? s(a, c, r) : s(r)) || r);
+  return l && r && y(a, c, 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.cjs

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

package/dist/button.js

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