@kodaris/krubble-components 1.0.12 → 1.0.13

package/dist/form/index.d.ts

@@ -1,4 +1,4 @@
 export { KRTextField } from './text-field/text-field.js';
-export { KRSelect } from './select/select.js';
-export { KRSelectOption } from './select/select-option.js';
+export { KRSelectField } from './select-field/select-field.js';
+export { KRSelectFieldOption } from './select-field/select-field-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;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,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,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC"}

package/dist/form/index.js

@@ -1,5 +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';
+export { KRSelectField } from './select-field/select-field.js';
+export { KRSelectFieldOption } from './select-field/select-field-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;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,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,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC"}

package/dist/form/{select/select-option.d.ts → select-field/select-field-option.d.ts}

@@ -1,11 +1,11 @@
 import { LitElement } from 'lit';
 /**
- * An option for the kr-select component.
+ * An option for the kr-select-field component.
  *
- * @element kr-select-option
+ * @element kr-select-field-option
  * @slot - The option label content
  */
-export declare class KRSelectOption extends LitElement {
+export declare class KRSelectFieldOption extends LitElement {
     static styles: import("lit").CSSResult;
     /**
      * The option value
@@ -21,7 +21,7 @@ export declare class KRSelectOption extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'kr-select-option': KRSelectOption;
+        'kr-select-field-option': KRSelectFieldOption;
     }
 }
-//# sourceMappingURL=select-option.d.ts.map
+//# sourceMappingURL=select-field-option.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-field-option.d.ts","sourceRoot":"","sources":["../../../src/form/select-field/select-field-option.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;;GAKG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACjD,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,wBAAwB,EAAE,mBAAmB,CAAC;KAC/C;CACF"}

package/dist/form/{select/select-option.js → select-field/select-field-option.js}

@@ -7,12 +7,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { LitElement, html, css } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 /**
- * An option for the kr-select component.
+ * An option for the kr-select-field component.
  *
- * @element kr-select-option
+ * @element kr-select-field-option
  * @slot - The option label content
  */
-let KRSelectOption = class KRSelectOption extends LitElement {
+let KRSelectFieldOption = class KRSelectFieldOption extends LitElement {
     constructor() {
         super(...arguments);
         /**
@@ -32,19 +32,19 @@ let KRSelectOption = class KRSelectOption extends LitElement {
         return html `<slot></slot>`;
     }
 };
-KRSelectOption.styles = css `
+KRSelectFieldOption.styles = css `
     :host {
       display: none;
     }
   `;
 __decorate([
     property({ type: String })
-], KRSelectOption.prototype, "value", void 0);
+], KRSelectFieldOption.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
+], KRSelectFieldOption.prototype, "disabled", void 0);
+KRSelectFieldOption = __decorate([
+    customElement('kr-select-field-option')
+], KRSelectFieldOption);
+export { KRSelectFieldOption };
+//# sourceMappingURL=select-field-option.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-field-option.js","sourceRoot":"","sources":["../../../src/form/select-field/select-field-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,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAA5C;;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,0BAAM,GAAG,GAAG,CAAA;;;;GAI3B,AAJqB,CAIpB;AAMF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAChB;AAMX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDACX;AAjBN,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CA2B/B"}

package/dist/form/{select/select.d.ts → select-field/select-field.d.ts}

@@ -5,10 +5,10 @@ import { LitElement } from 'lit';
  * 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
+ * @element kr-select-field
+ * @slot - The kr-select-field-option elements
  */
-export declare class KRSelect extends LitElement {
+export declare class KRSelectField extends LitElement {
     static styles: import("lit").CSSResult;
     static formAssociated: boolean;
     private _internals;
@@ -75,7 +75,7 @@ export declare class KRSelect extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'kr-select': KRSelect;
+        'kr-select-field': KRSelectField;
     }
 }
-//# sourceMappingURL=select.d.ts.map
+//# sourceMappingURL=select-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-field.d.ts","sourceRoot":"","sources":["../../../src/form/select-field/select-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAKrD;;;;;;;;GAQG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,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,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/form/{select/select.js → select-field/select-field.js}

@@ -13,10 +13,10 @@ import { classMap } from 'lit/directives/class-map.js';
  * 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
+ * @element kr-select-field
+ * @slot - The kr-select-field-option elements
  */
-let KRSelect = class KRSelect extends LitElement {
+let KRSelectField = class KRSelectField extends LitElement {
     constructor() {
         super();
         /**
@@ -66,7 +66,7 @@ let KRSelect = class KRSelect extends LitElement {
         this._handleKeyDown = (e) => {
             if (!this._isOpen)
                 return;
-            const options = Array.from(this.querySelectorAll('kr-select-option'));
+            const options = Array.from(this.querySelectorAll('kr-select-field-option'));
             switch (e.key) {
                 case 'Escape':
                     this._close();
@@ -158,7 +158,7 @@ let KRSelect = class KRSelect extends LitElement {
         }
         else {
             this._isOpen = true;
-            const options = Array.from(this.querySelectorAll('kr-select-option'));
+            const options = Array.from(this.querySelectorAll('kr-select-field-option'));
             this._highlightedIndex = options.findIndex(o => o.value === this.value);
         }
     }
@@ -189,7 +189,7 @@ let KRSelect = class KRSelect extends LitElement {
         }
     }
     render() {
-        const options = Array.from(this.querySelectorAll('kr-select-option'));
+        const options = Array.from(this.querySelectorAll('kr-select-field-option'));
         const selectedLabel = options.find(o => o.value === this.value)?.label;
         return html `
       <div class="wrapper">
@@ -287,7 +287,7 @@ let KRSelect = class KRSelect extends LitElement {
         this._triggerElement?.blur();
     }
 };
-KRSelect.styles = css `
+KRSelectField.styles = css `
     :host {
       display: block;
       font-family: inherit;
@@ -409,32 +409,32 @@ KRSelect.styles = css `
       gap: 0.5rem;
       padding: 0.5rem 0.75rem;
       font-size: 14px;
-      color: var(--kr-select-option-color, #111827);
+      color: var(--kr-select-field-option-color, #111827);
       cursor: pointer;
       border-radius: 4px;
       transition: background-color 0.15s;
     }
 
     .select-option:hover:not(.select-option--disabled) {
-      background-color: var(--kr-select-option-hover-bg, #f3f4f6);
+      background-color: var(--kr-select-field-option-hover-bg, #f3f4f6);
     }
 
     .select-option--selected {
-      background-color: var(--kr-select-option-selected-bg, #eff6ff);
-      color: var(--kr-select-option-selected-color, #1d4ed8);
+      background-color: var(--kr-select-field-option-selected-bg, #eff6ff);
+      color: var(--kr-select-field-option-selected-color, #1d4ed8);
     }
 
     .select-option--selected:hover {
-      background-color: var(--kr-select-option-selected-hover-bg, #dbeafe);
+      background-color: var(--kr-select-field-option-selected-hover-bg, #dbeafe);
     }
 
     .select-option--disabled {
-      color: var(--kr-select-option-disabled-color, #9ca3af);
+      color: var(--kr-select-field-option-disabled-color, #9ca3af);
       cursor: not-allowed;
     }
 
     .select-option--highlighted {
-      background-color: var(--kr-select-option-hover-bg, #f3f4f6);
+      background-color: var(--kr-select-field-option-hover-bg, #f3f4f6);
     }
 
     .select-empty {
@@ -475,45 +475,45 @@ KRSelect.styles = css `
     }
   `;
 // Enable form association
-KRSelect.formAssociated = true;
+KRSelectField.formAssociated = true;
 __decorate([
     property({ type: String })
-], KRSelect.prototype, "label", void 0);
+], KRSelectField.prototype, "label", void 0);
 __decorate([
     property({ type: String })
-], KRSelect.prototype, "name", void 0);
+], KRSelectField.prototype, "name", void 0);
 __decorate([
     property({ type: String })
-], KRSelect.prototype, "value", void 0);
+], KRSelectField.prototype, "value", void 0);
 __decorate([
     property({ type: String })
-], KRSelect.prototype, "placeholder", void 0);
+], KRSelectField.prototype, "placeholder", void 0);
 __decorate([
     property({ type: Boolean })
-], KRSelect.prototype, "disabled", void 0);
+], KRSelectField.prototype, "disabled", void 0);
 __decorate([
     property({ type: Boolean })
-], KRSelect.prototype, "required", void 0);
+], KRSelectField.prototype, "required", void 0);
 __decorate([
     property({ type: Boolean })
-], KRSelect.prototype, "readonly", void 0);
+], KRSelectField.prototype, "readonly", void 0);
 __decorate([
     property({ type: String })
-], KRSelect.prototype, "hint", void 0);
+], KRSelectField.prototype, "hint", void 0);
 __decorate([
     state()
-], KRSelect.prototype, "_isOpen", void 0);
+], KRSelectField.prototype, "_isOpen", void 0);
 __decorate([
     state()
-], KRSelect.prototype, "_highlightedIndex", void 0);
+], KRSelectField.prototype, "_highlightedIndex", void 0);
 __decorate([
     state()
-], KRSelect.prototype, "_touched", void 0);
+], KRSelectField.prototype, "_touched", void 0);
 __decorate([
     query('.select-trigger')
-], KRSelect.prototype, "_triggerElement", void 0);
-KRSelect = __decorate([
-    customElement('kr-select')
-], KRSelect);
-export { KRSelect };
-//# sourceMappingURL=select.js.map
+], KRSelectField.prototype, "_triggerElement", void 0);
+KRSelectField = __decorate([
+    customElement('kr-select-field')
+], KRSelectField);
+export { KRSelectField };
+//# sourceMappingURL=select-field.js.map

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

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

package/dist/index.d.ts

@@ -11,7 +11,7 @@ export { KRTabGroup } from './tabs/tabs.js';
 export { KRTab } from './tabs/tab.js';
 export { KRTable } from './table/table.js';
 export type { KRTableDef, KRTableColumn, KRTableAction, KRTableDataSource } from './table/table.js';
-export { KRTextField, KRSelect, KRSelectOption } from './form/index.js';
+export { KRTextField, KRSelectField, KRSelectFieldOption } from './form/index.js';
 export type { ContextMenuItem, ContextMenuOptions } from './context-menu/context-menu.js';
 export type { DialogConfig } from './dialog/dialog.js';
 export type { KRSnackbarOptions } from './snackbar/snackbar.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGpG,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGxE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAC1F,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGpG,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAGlF,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAC1F,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/index.js

@@ -12,5 +12,5 @@ export { KRTabGroup } from './tabs/tabs.js';
 export { KRTab } from './tabs/tab.js';
 export { KRTable } from './table/table.js';
 // Form components
-export { KRTextField, KRSelect, KRSelectOption } from './form/index.js';
+export { KRTextField, KRSelectField, KRSelectFieldOption } from './form/index.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,SAAS;AACT,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,aAAa;AACb,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,kBAAkB;AAClB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,SAAS;AACT,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,aAAa;AACb,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,kBAAkB;AAClB,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/krubble.bundled.js

@@ -2230,7 +2230,6 @@ let KRTable = class KRTable extends i$2 {
         this._canScrollHorizontal = false;
         this._columnPickerOpen = false;
         this._displayedColumns = [];
-        this._widthsLocked = false;
         this._resizing = null;
         this._resizeObserver = null;
         this._searchPositionLocked = false;
@@ -2294,8 +2293,6 @@ let KRTable = class KRTable extends i$2 {
                 })
             };
             this._displayedColumns = this._def.displayedColumns || this._def.columns.map(c => c.id);
-            this._widthsLocked = false;
-            this.classList.remove('kr-table--widths-locked');
             this._fetch();
             this._initRefresh();
         }
@@ -2384,8 +2381,6 @@ let KRTable = class KRTable extends i$2 {
             }
             this._dataState = 'success';
             this._updateSearchPosition();
-            if (!this._widthsLocked)
-                this._lockColumnWidths();
         })
             .catch(err => {
             this._dataState = 'error';
@@ -2414,15 +2409,20 @@ let KRTable = class KRTable extends i$2 {
         this._page = 1;
         this._fetch();
     }
-    _lockColumnWidths() {
-        this.getDisplayedColumns().forEach(col => {
-            if (!col.width) {
-                col.width = '180px';
+    _getGridTemplateColumns() {
+        const cols = this.getDisplayedColumns();
+        return cols.map((col) => {
+            // If column has explicit width, use it
+            if (col.width) {
+                return col.width;
             }
-        });
-        this._widthsLocked = true;
-        this.classList.add('kr-table--widths-locked');
-        this.requestUpdate();
+            // Actions columns: fit content without minimum
+            if (col.type === 'actions') {
+                return 'max-content';
+            }
+            // No width specified - use content-based sizing with minimum
+            return 'minmax(80px, auto)';
+        }).join(' ');
     }
     /**
      * Updates search position to be centered with equal gaps from title and tools.
@@ -2753,16 +2753,6 @@ let KRTable = class KRTable extends i$2 {
         }
         return A;
     }
-    _getGridTemplateColumns() {
-        const cols = this.getDisplayedColumns();
-        const lastNonStickyIndex = cols.map((c, i) => c.sticky ? -1 : i).filter(i => i >= 0).pop();
-        return cols.map((col, i) => {
-            if (i === lastNonStickyIndex && this._widthsLocked) {
-                return `minmax(${col.width || 'auto'}, 1fr)`;
-            }
-            return col.width || 'auto';
-        }).join(' ');
-    }
     /** Renders the scrollable data grid with column headers and rows. */
     _renderTable() {
         return b `
@@ -3706,10 +3696,10 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
  * 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
+ * @element kr-select-field
+ * @slot - The kr-select-field-option elements
  */
-let KRSelect = class KRSelect extends i$2 {
+let KRSelectField = class KRSelectField extends i$2 {
     constructor() {
         super();
         /**
@@ -3759,7 +3749,7 @@ let KRSelect = class KRSelect extends i$2 {
         this._handleKeyDown = (e) => {
             if (!this._isOpen)
                 return;
-            const options = Array.from(this.querySelectorAll('kr-select-option'));
+            const options = Array.from(this.querySelectorAll('kr-select-field-option'));
             switch (e.key) {
                 case 'Escape':
                     this._close();
@@ -3851,7 +3841,7 @@ let KRSelect = class KRSelect extends i$2 {
         }
         else {
             this._isOpen = true;
-            const options = Array.from(this.querySelectorAll('kr-select-option'));
+            const options = Array.from(this.querySelectorAll('kr-select-field-option'));
             this._highlightedIndex = options.findIndex(o => o.value === this.value);
         }
     }
@@ -3882,7 +3872,7 @@ let KRSelect = class KRSelect extends i$2 {
         }
     }
     render() {
-        const options = Array.from(this.querySelectorAll('kr-select-option'));
+        const options = Array.from(this.querySelectorAll('kr-select-field-option'));
         const selectedLabel = options.find(o => o.value === this.value)?.label;
         return b `
       <div class="wrapper">
@@ -3980,7 +3970,7 @@ let KRSelect = class KRSelect extends i$2 {
         this._triggerElement?.blur();
     }
 };
-KRSelect.styles = i$5 `
+KRSelectField.styles = i$5 `
     :host {
       display: block;
       font-family: inherit;
@@ -4102,32 +4092,32 @@ KRSelect.styles = i$5 `
       gap: 0.5rem;
       padding: 0.5rem 0.75rem;
       font-size: 14px;
-      color: var(--kr-select-option-color, #111827);
+      color: var(--kr-select-field-option-color, #111827);
       cursor: pointer;
       border-radius: 4px;
       transition: background-color 0.15s;
     }
 
     .select-option:hover:not(.select-option--disabled) {
-      background-color: var(--kr-select-option-hover-bg, #f3f4f6);
+      background-color: var(--kr-select-field-option-hover-bg, #f3f4f6);
     }
 
     .select-option--selected {
-      background-color: var(--kr-select-option-selected-bg, #eff6ff);
-      color: var(--kr-select-option-selected-color, #1d4ed8);
+      background-color: var(--kr-select-field-option-selected-bg, #eff6ff);
+      color: var(--kr-select-field-option-selected-color, #1d4ed8);
     }
 
     .select-option--selected:hover {
-      background-color: var(--kr-select-option-selected-hover-bg, #dbeafe);
+      background-color: var(--kr-select-field-option-selected-hover-bg, #dbeafe);
     }
 
     .select-option--disabled {
-      color: var(--kr-select-option-disabled-color, #9ca3af);
+      color: var(--kr-select-field-option-disabled-color, #9ca3af);
       cursor: not-allowed;
     }
 
     .select-option--highlighted {
-      background-color: var(--kr-select-option-hover-bg, #f3f4f6);
+      background-color: var(--kr-select-field-option-hover-bg, #f3f4f6);
     }
 
     .select-empty {
@@ -4168,46 +4158,46 @@ KRSelect.styles = i$5 `
     }
   `;
 // Enable form association
-KRSelect.formAssociated = true;
+KRSelectField.formAssociated = true;
 __decorate$1([
     n$1({ type: String })
-], KRSelect.prototype, "label", void 0);
+], KRSelectField.prototype, "label", void 0);
 __decorate$1([
     n$1({ type: String })
-], KRSelect.prototype, "name", void 0);
+], KRSelectField.prototype, "name", void 0);
 __decorate$1([
     n$1({ type: String })
-], KRSelect.prototype, "value", void 0);
+], KRSelectField.prototype, "value", void 0);
 __decorate$1([
     n$1({ type: String })
-], KRSelect.prototype, "placeholder", void 0);
+], KRSelectField.prototype, "placeholder", void 0);
 __decorate$1([
     n$1({ type: Boolean })
-], KRSelect.prototype, "disabled", void 0);
+], KRSelectField.prototype, "disabled", void 0);
 __decorate$1([
     n$1({ type: Boolean })
-], KRSelect.prototype, "required", void 0);
+], KRSelectField.prototype, "required", void 0);
 __decorate$1([
     n$1({ type: Boolean })
-], KRSelect.prototype, "readonly", void 0);
+], KRSelectField.prototype, "readonly", void 0);
 __decorate$1([
     n$1({ type: String })
-], KRSelect.prototype, "hint", void 0);
+], KRSelectField.prototype, "hint", void 0);
 __decorate$1([
     r$1()
-], KRSelect.prototype, "_isOpen", void 0);
+], KRSelectField.prototype, "_isOpen", void 0);
 __decorate$1([
     r$1()
-], KRSelect.prototype, "_highlightedIndex", void 0);
+], KRSelectField.prototype, "_highlightedIndex", void 0);
 __decorate$1([
     r$1()
-], KRSelect.prototype, "_touched", void 0);
+], KRSelectField.prototype, "_touched", void 0);
 __decorate$1([
     e$3('.select-trigger')
-], KRSelect.prototype, "_triggerElement", void 0);
-KRSelect = __decorate$1([
-    t$1('kr-select')
-], KRSelect);
+], KRSelectField.prototype, "_triggerElement", void 0);
+KRSelectField = __decorate$1([
+    t$1('kr-select-field')
+], KRSelectField);
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -4216,12 +4206,12 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /**
- * An option for the kr-select component.
+ * An option for the kr-select-field component.
  *
- * @element kr-select-option
+ * @element kr-select-field-option
  * @slot - The option label content
  */
-let KRSelectOption = class KRSelectOption extends i$2 {
+let KRSelectFieldOption = class KRSelectFieldOption extends i$2 {
     constructor() {
         super(...arguments);
         /**
@@ -4241,20 +4231,20 @@ let KRSelectOption = class KRSelectOption extends i$2 {
         return b `<slot></slot>`;
     }
 };
-KRSelectOption.styles = i$5 `
+KRSelectFieldOption.styles = i$5 `
     :host {
       display: none;
     }
   `;
 __decorate([
     n$1({ type: String })
-], KRSelectOption.prototype, "value", void 0);
+], KRSelectFieldOption.prototype, "value", void 0);
 __decorate([
     n$1({ type: Boolean })
-], KRSelectOption.prototype, "disabled", void 0);
-KRSelectOption = __decorate([
-    t$1('kr-select-option')
-], KRSelectOption);
+], KRSelectFieldOption.prototype, "disabled", void 0);
+KRSelectFieldOption = __decorate([
+    t$1('kr-select-field-option')
+], KRSelectFieldOption);
 
-export { DialogRef, KRAccordion, KRAlert, KRButton, KRCodeDemo, KRContextMenu, KRDialog, KRSelect, KRSelectOption, KRSnackbar, KRTab, KRTabGroup, KRTable, KRTextField, krBaseCSS };
+export { DialogRef, KRAccordion, KRAlert, KRButton, KRCodeDemo, KRContextMenu, KRDialog, KRSelectField, KRSelectFieldOption, KRSnackbar, KRTab, KRTabGroup, KRTable, KRTextField, krBaseCSS };
 //# sourceMappingURL=krubble.bundled.js.map