@kodaris/krubble-components 1.0.4 → 1.0.6

package/dist/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/alert/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD;;;;;GAKG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BA2GpB;IAEF;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAU;IAExD;;OAEG;IAEH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,OAAO,UAAQ;IAEf,mCAAmC;IACnC,OAAO,CAAC,cAAc;IAKb,MAAM;CA2ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/alert/alert.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QA8GL;;WAEG;QAEH,SAAI,GAA6C,MAAM,CAAC;QAQxD;;WAEG;QAEH,gBAAW,GAAG,KAAK,CAAC;QAEpB;;WAEG;QAEH,YAAO,GAAG,IAAI,CAAC;IAmDjB,CAAC;IAjDC,mCAAmC;IAC3B,cAAc;QACpB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACpF,CAAC;IAEQ,MAAM;QACb,MAAM,KAAK,GAAG;YACZ,IAAI,EAAE,IAAI,CAAA,sPAAsP;YAChQ,OAAO,EAAE,IAAI,CAAA,2PAA2P;YACxQ,OAAO,EAAE,IAAI,CAAA,uUAAuU;YACpV,KAAK,EAAE,IAAI,CAAA,6UAA6U;SACzV,CAAC;QAEF,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,OAAO,EAAE,IAAI;YACb,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;YAC7B,eAAe,EAAE,CAAC,IAAI,CAAC,OAAO;SAC/B,CAAC;;;UAGA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;;YAEd,IAAI,CAAC,MAAM;YACX,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,MAAM,OAAO;YAC9C,CAAC,CAAC,OAAO;;;;;UAKV,IAAI,CAAC,WAAW;YACjB,CAAC,CAAC,IAAI,CAAA;;;;;yBAKS,IAAI,CAAC,cAAc;;;;;;aAM/B;YACH,CAAC,CAAC,OAAQ;;KAEf,CAAC;IACJ,CAAC;;AArLe,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2G3B,AA3GqB,CA2GpB;AAMF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAC6B;AAMxD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACX;AAMhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACR;AAMpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACb;AApIJ,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAuLnB"}

package/dist/button/button.d.ts

@@ -3,15 +3,18 @@ import { LitElement } from 'lit';
  * A customizable button component.
  *
  * @slot - The button content
- * @csspart button - The button element
  * @fires click - Fired when the button is clicked
  */
 export declare class KRButton extends LitElement {
     static styles: import("lit").CSSResult;
     /**
-     * The button variant style
+     * The button variant (shape)
      */
-    variant: 'primary' | 'secondary' | 'outline';
+    variant: 'flat' | 'outline';
+    /**
+     * The button color
+     */
+    color: 'primary' | 'secondary';
     /**
      * The button size
      */
@@ -20,6 +23,34 @@ export declare class KRButton extends LitElement {
      * Whether the button is disabled
      */
     disabled: boolean;
+    private _state;
+    private _stateText;
+    private _stateTimeout?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleKeydown;
+    /**
+     * Shows a loading spinner and disables the button.
+     */
+    showLoading(): void;
+    /**
+     * Shows a success state with optional custom text.
+     * @param text - Text to display (default: "Saved")
+     * @param duration - Duration in ms before auto-reset (default: 2000)
+     */
+    showSuccess(text?: string, duration?: number): void;
+    /**
+     * Shows an error state with optional custom text.
+     * @param text - Text to display (default: "Error")
+     * @param duration - Duration in ms before auto-reset (default: 2000)
+     */
+    showError(text?: string, duration?: number): void;
+    /**
+     * Resets the button to its idle state.
+     */
+    reset(): void;
+    private _clearStateTimeout;
+    protected updated(changedProperties: Map<string, unknown>): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;;;GAMG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BA0EpB;IAEF;;OAEG;IAEH,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAa;IAEzD;;OAEG;IAEH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE9C;;OAEG;IAEH,QAAQ,UAAS;IAER,MAAM;CAahB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;;GAKG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BAiJpB;IAEF;;OAEG;IAEH,OAAO,EAAE,MAAM,GAAG,SAAS,CAAU;IAErC;;OAEG;IAEH,KAAK,EAAE,SAAS,GAAG,WAAW,CAAa;IAE3C;;OAEG;IAEH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE9C;;OAEG;IAEH,QAAQ,UAAS;IAGjB,OAAO,CAAC,MAAM,CAAoD;IAGlE,OAAO,CAAC,UAAU,CAAM;IAExB,OAAO,CAAC,aAAa,CAAC,CAAS;IAE/B,iBAAiB;IAOjB,oBAAoB;IAKpB,OAAO,CAAC,cAAc,CAKpB;IAEF;;OAEG;IACH,WAAW;IAMX;;;;OAIG;IACH,WAAW,CAAC,IAAI,SAAY,EAAE,QAAQ,SAAO;IAO7C;;;;OAIG;IACH,SAAS,CAAC,IAAI,SAAU,EAAE,QAAQ,SAAO;IAOzC;;OAEG;IACH,KAAK;IAML,OAAO,CAAC,kBAAkB;cAOP,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAWzD,MAAM;CAYhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/button/button.js

@@ -5,21 +5,24 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { LitElement, html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { customElement, property, state } from 'lit/decorators.js';
 /**
  * A customizable button component.
  *
  * @slot - The button content
- * @csspart button - The button element
  * @fires click - Fired when the button is clicked
  */
 let KRButton = class KRButton extends LitElement {
     constructor() {
         super(...arguments);
         /**
-         * The button variant style
+         * The button variant (shape)
          */
-        this.variant = 'primary';
+        this.variant = 'flat';
+        /**
+         * The button color
+         */
+        this.color = 'primary';
         /**
          * The button size
          */
@@ -28,104 +31,256 @@ let KRButton = class KRButton extends LitElement {
          * Whether the button is disabled
          */
         this.disabled = false;
+        this._state = 'idle';
+        this._stateText = '';
+        this._handleKeydown = (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                this.click();
+            }
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'button');
+        this.setAttribute('tabindex', '0');
+        this.addEventListener('keydown', this._handleKeydown);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('keydown', this._handleKeydown);
+    }
+    /**
+     * Shows a loading spinner and disables the button.
+     */
+    showLoading() {
+        this._clearStateTimeout();
+        this._state = 'loading';
+        this._stateText = '';
+    }
+    /**
+     * Shows a success state with optional custom text.
+     * @param text - Text to display (default: "Saved")
+     * @param duration - Duration in ms before auto-reset (default: 2000)
+     */
+    showSuccess(text = 'Success', duration = 2000) {
+        this._clearStateTimeout();
+        this._state = 'success';
+        this._stateText = text;
+        this._stateTimeout = window.setTimeout(() => this.reset(), duration);
+    }
+    /**
+     * Shows an error state with optional custom text.
+     * @param text - Text to display (default: "Error")
+     * @param duration - Duration in ms before auto-reset (default: 2000)
+     */
+    showError(text = 'Error', duration = 2000) {
+        this._clearStateTimeout();
+        this._state = 'error';
+        this._stateText = text;
+        this._stateTimeout = window.setTimeout(() => this.reset(), duration);
+    }
+    /**
+     * Resets the button to its idle state.
+     */
+    reset() {
+        this._clearStateTimeout();
+        this._state = 'idle';
+        this._stateText = '';
+    }
+    _clearStateTimeout() {
+        if (this._stateTimeout) {
+            clearTimeout(this._stateTimeout);
+            this._stateTimeout = undefined;
+        }
+    }
+    updated(changedProperties) {
+        // Reflect state classes to host
+        this.classList.toggle('kr-button--loading', this._state === 'loading');
+        this.classList.toggle('kr-button--success', this._state === 'success');
+        this.classList.toggle('kr-button--error', this._state === 'error');
+        this.classList.toggle(`kr-button--${this.variant}`, true);
+        this.classList.toggle(`kr-button--${this.color}`, true);
+        this.classList.toggle('kr-button--small', this.size === 'small');
+        this.classList.toggle('kr-button--large', this.size === 'large');
     }
     render() {
-        const sizeClass = this.size !== 'medium' ? this.size : '';
         return html `
-      <button
-        part="button"
-        class="${this.variant} ${sizeClass}"
-        ?disabled=${this.disabled}
-      >
-        <slot></slot>
-      </button>
+      <slot></slot>
+      ${this._state !== 'idle'
+            ? html `<span class="state-overlay">
+            ${this._state === 'loading'
+                ? html `<span class="spinner"></span>`
+                : this._stateText}
+          </span>`
+            : ''}
     `;
     }
 };
 KRButton.styles = css `
     :host {
-      display: inline-block;
-    }
-
-    button {
+      display: inline-flex;
+      position: relative;
+      align-items: center;
+      justify-content: center;
       font-family: inherit;
       font-size: 14px;
       font-weight: 400;
       letter-spacing: 0.01em;
       padding: 0 22px;
       height: 36px;
-      line-height: 36px;
       border: none;
       border-radius: 20px;
       cursor: pointer;
       transition: background 0.15s ease;
+      user-select: none;
+      box-sizing: border-box;
     }
 
-    button:active:not(:disabled) {
-      transform: scale(0.98);
+    :host([disabled]),
+    :host(.kr-button--loading),
+    :host(.kr-button--success),
+    :host(.kr-button--error) {
+      cursor: not-allowed;
+      pointer-events: none;
     }
 
-    button:disabled {
+    :host([disabled]:not(.kr-button--loading):not(.kr-button--success):not(.kr-button--error)) {
       opacity: 0.5;
-      cursor: not-allowed;
     }
 
-    /* Variants */
-    button.primary {
+    /* Flat + Primary (default) */
+    :host,
+    :host(.kr-button--flat.kr-button--primary) {
       background: #163052;
       color: white;
     }
 
-    button.primary:hover:not(:disabled) {
+    :host(:hover:not([disabled])),
+    :host(.kr-button--flat.kr-button--primary:hover:not([disabled])) {
       background: #0e1f35;
     }
 
-    button.secondary {
+    /* Flat + Secondary */
+    :host(.kr-button--flat.kr-button--secondary) {
       background: #f3f4f6;
       color: #374151;
     }
 
-    button.secondary:hover:not(:disabled) {
+    :host(.kr-button--flat.kr-button--secondary:hover:not([disabled])) {
       background: #e5e7eb;
     }
 
-    button.outline {
+    /* Outline + Primary */
+    :host(.kr-button--outline.kr-button--primary) {
+      background: transparent;
+      border: 1px solid #163052;
+      color: #163052;
+    }
+
+    :host(.kr-button--outline.kr-button--primary:hover:not([disabled])) {
+      background: rgba(22, 48, 82, 0.05);
+    }
+
+    /* Outline + Secondary */
+    :host(.kr-button--outline.kr-button--secondary) {
       background: transparent;
       border: 1px solid #d1d5db;
       color: #374151;
-      box-shadow: none;
     }
 
-    button.outline:hover:not(:disabled) {
+    :host(.kr-button--outline.kr-button--secondary:hover:not([disabled])) {
       background: #f9fafb;
       border-color: #9ca3af;
-      box-shadow: none;
     }
 
     /* Sizes */
-    button.small {
+    :host(.kr-button--small) {
       font-size: 13px;
       height: 28px;
-      line-height: 28px;
       padding: 0 16px;
     }
 
-    button.large {
-      font-size: 1rem;
+    :host(.kr-button--large) {
+      font-size: 16px;
       height: 44px;
-      line-height: 44px;
       padding: 0 24px;
+      border-radius: 30px;
+    }
+
+    /* State colors */
+    :host(.kr-button--success) {
+      background: #198754 !important;
+      color: white !important;
+    }
+
+    :host(.kr-button--error) {
+      background: rgb(220, 53, 69) !important;
+      color: white !important;
+    }
+
+    /* Content */
+    :host(.kr-button--loading) slot,
+    :host(.kr-button--success) slot,
+    :host(.kr-button--error) slot {
+      visibility: hidden;
+    }
+
+    /* State overlay */
+    .state-overlay {
+      position: absolute;
+      inset: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    /* Spinner */
+    @keyframes kr-spin {
+      to {
+        transform: rotate(360deg);
+      }
+    }
+
+    .spinner {
+      width: 12px;
+      height: 12px;
+      border: 2.5px solid currentColor;
+      border-top-color: transparent;
+      border-radius: 50%;
+      animation: kr-spin 0.6s linear infinite;
+    }
+
+    :host(.kr-button--small) .spinner {
+      width: 10px;
+      height: 10px;
+      border-width: 2px;
+    }
+
+    :host(.kr-button--large) .spinner {
+      width: 16px;
+      height: 16px;
+      border-width: 3px;
     }
   `;
 __decorate([
-    property({ type: String })
+    property({ type: String, reflect: true })
 ], KRButton.prototype, "variant", void 0);
 __decorate([
-    property({ type: String })
+    property({ type: String, reflect: true })
+], KRButton.prototype, "color", void 0);
+__decorate([
+    property({ type: String, reflect: true })
 ], KRButton.prototype, "size", void 0);
 __decorate([
-    property({ type: Boolean })
+    property({ type: Boolean, reflect: true })
 ], KRButton.prototype, "disabled", void 0);
+__decorate([
+    state()
+], KRButton.prototype, "_state", void 0);
+__decorate([
+    state()
+], KRButton.prototype, "_stateText", void 0);
 KRButton = __decorate([
     customElement('kr-button')
 ], KRButton);

package/dist/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;;;GAMG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QA6EL;;WAEG;QAEH,YAAO,GAAwC,SAAS,CAAC;QAEzD;;WAEG;QAEH,SAAI,GAAiC,QAAQ,CAAC;QAE9C;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;IAenB,CAAC;IAbU,MAAM;QACb,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QAE1D,OAAO,IAAI,CAAA;;;iBAGE,IAAI,CAAC,OAAO,IAAI,SAAS;oBACtB,IAAI,CAAC,QAAQ;;;;KAI5B,CAAC;IACJ,CAAC;;AA1Ge,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0E3B,AA1EqB,CA0EpB;AAMF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAC8B;AAMzD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACmB;AAM9C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACX;AA7FN,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CA4GpB"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.ts"],"names":[],"mappings":"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"}

package/dist/code-demo/code-demo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-demo.d.ts","sourceRoot":"","sources":["../../src/code-demo/code-demo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,KAAK,CAAC,EAAE;YACN,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;YACxE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;SACpC,CAAC;KACH;CACF;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,0BA+JpB;IAGF,QAAQ,SAAU;IAGlB,IAAI,SAAM;IAGV,OAAO,CAAC,SAAS,CAAiC;IAGlD,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,UAAU;YAMJ,QAAQ;IAcb,MAAM;CAiChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}
+{"version":3,"file":"code-demo.d.ts","sourceRoot":"","sources":["../../src/code-demo/code-demo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,KAAK,CAAC,EAAE;YACN,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;YACxE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;SACpC,CAAC;KACH;CACF;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,0BAgKpB;IAGF,QAAQ,SAAU;IAGlB,IAAI,SAAM;IAGV,OAAO,CAAC,SAAS,CAAiC;IAGlD,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,UAAU;YAMJ,QAAQ;IAcb,MAAM;CAiChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/dist/code-demo/code-demo.js

@@ -103,7 +103,6 @@ KRCodeDemo.styles = css `
       display: block;
       border: 1px solid #e9ecef;
       border-radius: 8px;
-      overflow: hidden;
       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
     }
 
@@ -111,6 +110,7 @@ KRCodeDemo.styles = css `
       display: flex;
       background: #f8f9fa;
       border-bottom: 1px solid #e9ecef;
+      border-radius: 8px 8px 0 0;
     }
 
     .tab {
@@ -170,6 +170,7 @@ KRCodeDemo.styles = css `
       font-size: 13px;
       line-height: 1.6;
       color: #cdd6f4;
+      border-radius: 0 0 8px 8px;
     }
 
     .code code {

package/dist/code-demo/code-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-demo.js","sourceRoot":"","sources":["../../src/code-demo/code-demo.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"code-demo.js","sourceRoot":"","sources":["../../src/code-demo/code-demo.ts"],"names":[],"mappings":"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"}

package/dist/form/index.d.ts

@@ -1,2 +1,4 @@
 export { KRTextField } from './text-field/text-field.js';
+export { KRSelect } from './select/select.js';
+export { KRSelectOption } from './select/select-option.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/form/index.js

@@ -1,3 +1,5 @@
 // Form components
 export { KRTextField } from './text-field/text-field.js';
+export { KRSelect } from './select/select.js';
+export { KRSelectOption } from './select/select-option.js';
 //# sourceMappingURL=index.js.map

package/dist/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/form/select/select-option.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+/**
+ * An option for the kr-select component.
+ *
+ * @element kr-select-option
+ * @slot - The option label content
+ */
+export declare class KRSelectOption extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * The option value
+     */
+    value: string;
+    /**
+     * Whether the option is disabled
+     */
+    disabled: boolean;
+    /** Gets the label text from the slot */
+    get label(): string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kr-select-option': KRSelectOption;
+    }
+}
+//# sourceMappingURL=select-option.d.ts.map

package/dist/form/select/select-option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-option.d.ts","sourceRoot":"","sources":["../../../src/form/select/select-option.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;;GAKG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAIpB;IAEF;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,QAAQ,UAAS;IAEjB,wCAAwC;IACxC,IAAI,KAAK,IAAI,MAAM,CAElB;IAEQ,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/form/select/select-option.js

@@ -0,0 +1,50 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+/**
+ * An option for the kr-select component.
+ *
+ * @element kr-select-option
+ * @slot - The option label content
+ */
+let KRSelectOption = class KRSelectOption extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * The option value
+         */
+        this.value = '';
+        /**
+         * Whether the option is disabled
+         */
+        this.disabled = false;
+    }
+    /** Gets the label text from the slot */
+    get label() {
+        return this.textContent?.trim() || '';
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+KRSelectOption.styles = css `
+    :host {
+      display: none;
+    }
+  `;
+__decorate([
+    property({ type: String })
+], KRSelectOption.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean })
+], KRSelectOption.prototype, "disabled", void 0);
+KRSelectOption = __decorate([
+    customElement('kr-select-option')
+], KRSelectOption);
+export { KRSelectOption };
+//# sourceMappingURL=select-option.js.map

package/dist/form/select/select-option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-option.js","sourceRoot":"","sources":["../../../src/form/select/select-option.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;;GAKG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAOL;;WAEG;QAEH,UAAK,GAAG,EAAE,CAAC;QAEX;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;IAUnB,CAAC;IARC,wCAAwC;IACxC,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACxC,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAzBe,qBAAM,GAAG,GAAG,CAAA;;;;GAI3B,AAJqB,CAIpB;AAMF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAChB;AAMX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDACX;AAjBN,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA2B1B"}

package/dist/form/select/select.d.ts

@@ -0,0 +1,81 @@
+import { LitElement } from 'lit';
+/**
+ * A select dropdown component that works with native browser forms.
+ *
+ * Uses ElementInternals for form association, allowing the component
+ * to participate in form submission, validation, and reset.
+ *
+ * @element kr-select
+ * @slot - The kr-select-option elements
+ */
+export declare class KRSelect extends LitElement {
+    static styles: import("lit").CSSResult;
+    static formAssociated: boolean;
+    private _internals;
+    constructor();
+    /**
+     * The select label text
+     */
+    label: string;
+    /**
+     * The input name for form submission
+     */
+    name: string;
+    /**
+     * The currently selected value
+     */
+    value: string;
+    /**
+     * Placeholder text when no option is selected
+     */
+    placeholder: string;
+    /**
+     * Whether the select is disabled
+     */
+    disabled: boolean;
+    /**
+     * Whether the field is required
+     */
+    required: boolean;
+    /**
+     * Whether the field is readonly
+     */
+    readonly: boolean;
+    /**
+     * Helper text shown below the select
+     */
+    hint: string;
+    private _isOpen;
+    private _highlightedIndex;
+    private _touched;
+    private _triggerElement;
+    get form(): HTMLFormElement | null;
+    get validity(): ValidityState;
+    get validationMessage(): string;
+    get willValidate(): boolean;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string): void;
+    connectedCallback(): void;
+    private _handleInvalid;
+    protected firstUpdated(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    private _handleOutsideClick;
+    private _handleKeyDown;
+    private _toggle;
+    private _close;
+    private _selectOption;
+    private _handleBlur;
+    private _updateValidity;
+    render(): import("lit-html").TemplateResult<1>;
+    focus(): void;
+    blur(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kr-select': KRSelect;
+    }
+}
+//# sourceMappingURL=select.d.ts.map

package/dist/form/select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/form/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAKrD;;;;;;;;GAQG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BA0LpB;IAGF,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,UAAU,CAAmB;;IAOrC;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,WAAW,SAAsB;IAEjC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,SAAM;IAGV,OAAO,CAAC,OAAO,CAAS;IAGxB,OAAO,CAAC,iBAAiB,CAAM;IAG/B,OAAO,CAAC,QAAQ,CAAS;IAGzB,OAAO,CAAC,eAAe,CAAqB;IAG5C,IAAI,IAAI,2BAEP;IAED,IAAI,QAAQ,kBAEX;IAED,IAAI,iBAAiB,WAEpB;IAED,IAAI,YAAY,YAEf;IAED,aAAa;IAIb,cAAc;IAId,iBAAiB;IAOjB,wBAAwB,CAAC,KAAK,EAAE,MAAM;IAI7B,iBAAiB;IAO1B,OAAO,CAAC,cAAc,CAGpB;cAEiB,YAAY;IAItB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM/C,oBAAoB;IAO7B,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,cAAc,CAiCpB;IAEF,OAAO,CAAC,OAAO;IAWf,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,eAAe;IAYd,MAAM;IA+Ff,KAAK;IAIL,IAAI;CAGL;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}