@kodaris/krubble-components 1.0.60 → 1.0.62

package/dist/form/index.js

@@ -6,4 +6,5 @@ export { KRTextareaField } from './textarea-field/textarea-field.js';
 export { KRDetailField } from './detail-field/detail-field.js';
 export { KRAutoSuggest } from './auto-suggest/auto-suggest.js';
 export { KRComboBox } from './combo-box/combo-box.js';
+export { KRRadioCards } from './radio-cards/radio-cards.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,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,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,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/form/radio-cards/radio-cards.d.ts

@@ -0,0 +1,81 @@
+import { LitElement } from 'lit';
+export interface KRRadioCardsOption {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+/**
+ * A card-style radio group for selecting between a small number of options.
+ * Each option renders as a bordered card with a radio indicator, label, and optional description.
+ *
+ * Uses ElementInternals for form association, allowing the component
+ * to participate in form submission, validation, and reset.
+ *
+ * @element kr-radio-cards
+ * @fires change - Fired when the selected value changes
+ */
+export declare class KRRadioCards extends LitElement {
+    static styles: import("lit").CSSResult[];
+    static formAssociated: boolean;
+    private _internals;
+    private _focusedIndex;
+    /**
+     * The label text above the cards
+     */
+    label: string;
+    /**
+     * The input name for form submission
+     */
+    name: string;
+    /**
+     * The currently selected value
+     */
+    value: string;
+    /**
+     * The card options to display
+     */
+    options: KRRadioCardsOption[];
+    /**
+     * Whether the field is disabled
+     */
+    disabled: boolean;
+    /**
+     * Whether the field is required
+     */
+    required: boolean;
+    /**
+     * Helper text shown below the cards
+     */
+    hint: string;
+    /**
+     * Layout direction: 'row' or 'column'
+     */
+    direction: 'row' | 'column';
+    private _touched;
+    constructor();
+    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;
+    disconnectedCallback(): void;
+    private _handleInvalid;
+    protected firstUpdated(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private _updateValidity;
+    private _handleCardClick;
+    private _handleKeyDown;
+    private _findNextEnabledIndex;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kr-radio-cards': KRRadioCards;
+    }
+}
+//# sourceMappingURL=radio-cards.d.ts.map

package/dist/form/radio-cards/radio-cards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-cards.d.ts","sourceRoot":"","sources":["../../../src/form/radio-cards/radio-cards.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAKrD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BA2HnB;IAEH,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,UAAU,CAAmB;IAErC,OAAO,CAAC,aAAa,CAAM;IAE3B;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,OAAO,EAAE,kBAAkB,EAAE,CAAM;IAEnC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAS;IAGpC,OAAO,CAAC,QAAQ,CAAS;;IAQzB,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;IAKjB,oBAAoB;IAK7B,OAAO,CAAC,cAAc,CAGpB;cAEiB,YAAY;IAItB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMxD,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,cAAc;IAuCtB,OAAO,CAAC,qBAAqB;IAWpB,MAAM;CA2DhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/form/radio-cards/radio-cards.js

@@ -0,0 +1,388 @@
+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, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { krBaseCSS } from '../../style/base.js';
+/**
+ * A card-style radio group for selecting between a small number of options.
+ * Each option renders as a bordered card with a radio indicator, label, and optional description.
+ *
+ * Uses ElementInternals for form association, allowing the component
+ * to participate in form submission, validation, and reset.
+ *
+ * @element kr-radio-cards
+ * @fires change - Fired when the selected value changes
+ */
+let KRRadioCards = class KRRadioCards extends LitElement {
+    constructor() {
+        super();
+        this._focusedIndex = -1;
+        /**
+         * The label text above the cards
+         */
+        this.label = '';
+        /**
+         * The input name for form submission
+         */
+        this.name = '';
+        /**
+         * The currently selected value
+         */
+        this.value = '';
+        /**
+         * The card options to display
+         */
+        this.options = [];
+        /**
+         * Whether the field is disabled
+         */
+        this.disabled = false;
+        /**
+         * Whether the field is required
+         */
+        this.required = false;
+        /**
+         * Helper text shown below the cards
+         */
+        this.hint = '';
+        /**
+         * Layout direction: 'row' or 'column'
+         */
+        this.direction = 'row';
+        this._touched = false;
+        this._handleInvalid = (e) => {
+            e.preventDefault();
+            this._touched = true;
+        };
+        this._internals = this.attachInternals();
+    }
+    // Form-associated custom element callbacks
+    get form() {
+        return this._internals.form;
+    }
+    get validity() {
+        return this._internals.validity;
+    }
+    get validationMessage() {
+        return this._internals.validationMessage;
+    }
+    get willValidate() {
+        return this._internals.willValidate;
+    }
+    checkValidity() {
+        return this._internals.checkValidity();
+    }
+    reportValidity() {
+        return this._internals.reportValidity();
+    }
+    formResetCallback() {
+        this.value = '';
+        this._touched = false;
+        this._internals.setFormValue('');
+        this._internals.setValidity({});
+    }
+    formStateRestoreCallback(state) {
+        this.value = state;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('invalid', this._handleInvalid);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('invalid', this._handleInvalid);
+    }
+    firstUpdated() {
+        this._updateValidity();
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('required') || changedProperties.has('value')) {
+            this._updateValidity();
+        }
+    }
+    _updateValidity() {
+        if (this.required && !this.value) {
+            this._internals.setValidity({ valueMissing: true }, 'Please select an option');
+        }
+        else {
+            this._internals.setValidity({});
+        }
+    }
+    _handleCardClick(e, option) {
+        if (this.disabled || option.disabled) {
+            return;
+        }
+        this.value = option.value;
+        this._touched = true;
+        this._internals.setFormValue(this.value);
+        this._updateValidity();
+        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
+    }
+    _handleKeyDown(e, index) {
+        if (this.disabled) {
+            return;
+        }
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            if (!this.options[index].disabled) {
+                this._handleCardClick(e, this.options[index]);
+            }
+            return;
+        }
+        let nextIndex = -1;
+        if (this.direction === 'row') {
+            if (e.key === 'ArrowRight') {
+                nextIndex = this._findNextEnabledIndex(index, 1);
+            }
+            else if (e.key === 'ArrowLeft') {
+                nextIndex = this._findNextEnabledIndex(index, -1);
+            }
+        }
+        else {
+            if (e.key === 'ArrowDown') {
+                nextIndex = this._findNextEnabledIndex(index, 1);
+            }
+            else if (e.key === 'ArrowUp') {
+                nextIndex = this._findNextEnabledIndex(index, -1);
+            }
+        }
+        if (nextIndex >= 0) {
+            e.preventDefault();
+            this._focusedIndex = nextIndex;
+            const cards = this.shadowRoot?.querySelectorAll('.card');
+            if (cards[nextIndex]) {
+                cards[nextIndex].focus();
+            }
+        }
+    }
+    _findNextEnabledIndex(current, step) {
+        let next = current + step;
+        while (next >= 0 && next < this.options.length) {
+            if (!this.options[next].disabled) {
+                return next;
+            }
+            next += step;
+        }
+        return -1;
+    }
+    render() {
+        return html `
+      <div class="wrapper">
+        ${this.label
+            ? html `
+              <label>
+                ${this.label}
+                ${this.required ? html `<span class="required" aria-hidden="true">*</span>` : nothing}
+              </label>
+            `
+            : nothing}
+        <div
+          class=${classMap({
+            'cards': true,
+            'cards--row': this.direction === 'row',
+            'cards--column': this.direction === 'column',
+        })}
+          role="radiogroup"
+          aria-label=${this.label}
+        >
+          ${this.options.map((option, index) => {
+            const isSelected = option.value === this.value;
+            const isDisabled = this.disabled || !!option.disabled;
+            return html `
+              <div
+                class=${classMap({
+                'card': true,
+                'card--selected': isSelected,
+                'card--disabled': isDisabled,
+            })}
+                role="radio"
+                aria-checked=${isSelected}
+                aria-disabled=${isDisabled}
+                tabindex=${isDisabled ? -1 : 0}
+                @click=${(e) => this._handleCardClick(e, option)}
+                @keydown=${(e) => this._handleKeyDown(e, index)}
+              >
+                <div class="card__radio">
+                  ${isSelected ? html `<div class="card__radio-dot"></div>` : nothing}
+                </div>
+                <div class="card__content">
+                  <div class="card__label">${option.label}</div>
+                  ${option.description
+                ? html `<div class="card__description">${option.description}</div>`
+                : nothing}
+                </div>
+              </div>
+            `;
+        })}
+        </div>
+        ${this._touched && this.required && !this.value
+            ? html `<div class="validation-message">Please select an option</div>`
+            : this.hint
+                ? html `<div class="hint">${this.hint}</div>`
+                : nothing}
+      </div>
+    `;
+    }
+};
+KRRadioCards.styles = [krBaseCSS, css `
+    :host {
+      display: block;
+      font-family: inherit;
+    }
+
+    .wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+
+    label {
+      font-size: 14px;
+      font-weight: 500;
+      color: black;
+    }
+
+    .required {
+      color: var(--kr-radio-cards-required-color, #ef4444);
+      margin-left: 0.125rem;
+    }
+
+    .cards {
+      display: flex;
+      gap: 12px;
+    }
+
+    .cards--row {
+      flex-direction: row;
+    }
+
+    .cards--column {
+      flex-direction: column;
+    }
+
+    .card {
+      flex: 1;
+      display: flex;
+      align-items: flex-start;
+      gap: 12px;
+      padding: 16px;
+      border: 1px solid var(--kr-radio-cards-border-color, #0000003d);
+      border-radius: 8px;
+      background-color: var(--kr-radio-cards-bg, #fff);
+      cursor: pointer;
+      transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
+    }
+
+    .card:hover:not(.card--disabled) {
+      border-color: var(--kr-radio-cards-hover-border-color, #9ca3af);
+    }
+
+    .card:focus-visible {
+      outline: none;
+      box-shadow: 0 0 0 3px rgba(22, 48, 82, 0.1);
+    }
+
+    .card--selected {
+      border-color: var(--kr-radio-cards-selected-border-color, var(--kr-primary));
+      background-color: var(--kr-radio-cards-selected-bg, rgba(22, 48, 82, 0.06));
+    }
+
+    .card--selected:hover {
+      border-color: var(--kr-radio-cards-selected-border-color, var(--kr-primary));
+    }
+
+    .card--disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .card__radio {
+      flex-shrink: 0;
+      width: 18px;
+      height: 18px;
+      border: 2px solid var(--kr-radio-cards-radio-border-color, #0000003d);
+      border-radius: 50%;
+      margin-top: 1px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: border-color 0.2s;
+    }
+
+    .card--selected .card__radio {
+      border-color: var(--kr-radio-cards-radio-selected-color, var(--kr-primary));
+    }
+
+    .card__radio-dot {
+      width: 10px;
+      height: 10px;
+      border-radius: 50%;
+      background-color: var(--kr-radio-cards-radio-selected-color, var(--kr-primary));
+    }
+
+    .card__content {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      min-width: 0;
+    }
+
+    .card__label {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--kr-radio-cards-label-color, #000);
+    }
+
+    .card__description {
+      font-size: 14px;
+      color: var(--kr-radio-cards-description-color, #4d525c);
+    }
+
+    .hint {
+      font-size: 0.75rem;
+      color: var(--kr-radio-cards-helper-color, #6b7280);
+    }
+
+    .validation-message {
+      font-size: 0.75rem;
+      color: var(--kr-radio-cards-error-color, #ef4444);
+    }
+  `];
+KRRadioCards.formAssociated = true;
+__decorate([
+    property({ type: String })
+], KRRadioCards.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], KRRadioCards.prototype, "name", void 0);
+__decorate([
+    property({ type: String })
+], KRRadioCards.prototype, "value", void 0);
+__decorate([
+    property({ attribute: false })
+], KRRadioCards.prototype, "options", void 0);
+__decorate([
+    property({ type: Boolean })
+], KRRadioCards.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], KRRadioCards.prototype, "required", void 0);
+__decorate([
+    property({ type: String })
+], KRRadioCards.prototype, "hint", void 0);
+__decorate([
+    property({ type: String })
+], KRRadioCards.prototype, "direction", void 0);
+__decorate([
+    state()
+], KRRadioCards.prototype, "_touched", void 0);
+KRRadioCards = __decorate([
+    customElement('kr-radio-cards')
+], KRRadioCards);
+export { KRRadioCards };
+//# sourceMappingURL=radio-cards.js.map

package/dist/form/radio-cards/radio-cards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-cards.js","sourceRoot":"","sources":["../../../src/form/radio-cards/radio-cards.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAShD;;;;;;;;;GASG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAuL1C;QACE,KAAK,EAAE,CAAC;QAtDF,kBAAa,GAAG,CAAC,CAAC,CAAC;QAE3B;;WAEG;QAEH,UAAK,GAAG,EAAE,CAAC;QAEX;;WAEG;QAEH,SAAI,GAAG,EAAE,CAAC;QAEV;;WAEG;QAEH,UAAK,GAAG,EAAE,CAAC;QAEX;;WAEG;QAEH,YAAO,GAAyB,EAAE,CAAC;QAEnC;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;WAEG;QAEH,SAAI,GAAG,EAAE,CAAC;QAEV;;WAEG;QAEH,cAAS,GAAqB,KAAK,CAAC;QAG5B,aAAQ,GAAG,KAAK,CAAC;QAqDjB,mBAAc,GAAG,CAAC,CAAQ,EAAE,EAAE;YACpC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC,CAAC;QApDA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;IAC3C,CAAC;IAED,2CAA2C;IAC3C,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;IAC9B,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;IAClC,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC;IAC3C,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC;IACtC,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC;IAC1C,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QACjC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAClC,CAAC;IAED,wBAAwB,CAAC,KAAa;QACpC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACxD,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC3D,CAAC;IAOkB,YAAY;QAC7B,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAEQ,OAAO,CAAC,iBAAuC;QACtD,IAAI,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACxE,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACjC,IAAI,CAAC,UAAU,CAAC,WAAW,CACzB,EAAE,YAAY,EAAE,IAAI,EAAE,EACtB,yBAAyB,CAC1B,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;IAEO,gBAAgB,CAAC,CAAQ,EAAE,MAA0B;QAC3D,IAAI,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;YACrC,OAAO;QACT,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC7E,CAAC;IAEO,cAAc,CAAC,CAAgB,EAAE,KAAa;QACpD,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC;gBAClC,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;YAChD,CAAC;YACD,OAAO;QACT,CAAC;QAED,IAAI,SAAS,GAAG,CAAC,CAAC,CAAC;QAEnB,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,EAAE,CAAC;gBAC3B,SAAS,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YACnD,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;gBACjC,SAAS,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;YACpD,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;gBAC1B,SAAS,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YACnD,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;gBAC/B,SAAS,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;YACpD,CAAC;QACH,CAAC;QAED,IAAI,SAAS,IAAI,CAAC,EAAE,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;YAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,gBAAgB,CAAC,OAAO,CAA4B,CAAC;YACpF,IAAI,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;gBACrB,KAAK,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,CAAC;YAC3B,CAAC;QACH,CAAC;IACH,CAAC;IAEO,qBAAqB,CAAC,OAAe,EAAE,IAAY;QACzD,IAAI,IAAI,GAAG,OAAO,GAAG,IAAI,CAAC;QAC1B,OAAO,IAAI,IAAI,CAAC,IAAI,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;YAC/C,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;gBACjC,OAAO,IAAI,CAAC;YACd,CAAC;YACD,IAAI,IAAI,IAAI,CAAC;QACf,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,KAAK;YACV,CAAC,CAAC,IAAI,CAAA;;kBAEE,IAAI,CAAC,KAAK;kBACV,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,oDAAoD,CAAC,CAAC,CAAC,OAAO;;aAEvF;YACH,CAAC,CAAC,OAAO;;kBAED,QAAQ,CAAC;YACf,OAAO,EAAE,IAAI;YACb,YAAY,EAAE,IAAI,CAAC,SAAS,KAAK,KAAK;YACtC,eAAe,EAAE,IAAI,CAAC,SAAS,KAAK,QAAQ;SAC7C,CAAC;;uBAEW,IAAI,CAAC,KAAK;;YAErB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YACnC,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;YAC/C,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;YAEtD,OAAO,IAAI,CAAA;;wBAEC,QAAQ,CAAC;gBACf,MAAM,EAAE,IAAI;gBACZ,gBAAgB,EAAE,UAAU;gBAC5B,gBAAgB,EAAE,UAAU;aAC7B,CAAC;;+BAEa,UAAU;gCACT,UAAU;2BACf,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;yBACrB,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,MAAM,CAAC;2BAC5C,CAAC,CAAgB,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC;;;oBAG1D,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA,qCAAqC,CAAC,CAAC,CAAC,OAAO;;;6CAGvC,MAAM,CAAC,KAAK;oBACrC,MAAM,CAAC,WAAW;gBAClB,CAAC,CAAC,IAAI,CAAA,kCAAkC,MAAM,CAAC,WAAW,QAAQ;gBAClE,CAAC,CAAC,OAAO;;;aAGhB,CAAC;QACJ,CAAC,CAAC;;UAEF,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK;YAC7C,CAAC,CAAC,IAAI,CAAA,+DAA+D;YACrE,CAAC,CAAC,IAAI,CAAC,IAAI;gBACT,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,IAAI,QAAQ;gBAC5C,CAAC,CAAC,OAAO;;KAEhB,CAAC;IACJ,CAAC;;AA1Xe,mBAAM,GAAG,CAAC,SAAS,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2HvC,CAAC,AA3HoB,CA2HnB;AAEI,2BAAc,GAAG,IAAI,AAAP,CAAQ;AAU7B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAChB;AAMX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACjB;AAMV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAChB;AAMX;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;6CACI;AAMnC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CACX;AAMjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CACX;AAMjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACjB;AAMV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACS;AAG5B;IADP,KAAK,EAAE;8CACiB;AArLd,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CA4XxB"}

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export type { KRButtonOption } from './button/button.js';
 export { KRCodeDemo } from './code-demo/code-demo.js';
 export { KRContextMenu } from './context-menu/context-menu.js';
 export { KRDialog, KRDialogRef } from './dialog/dialog.js';
+export { KRDateRangePicker } from './date-range-picker/date-range-picker.js';
 export { KRSnackbar } from './snackbar/snackbar.js';
 export { KRTabGroup } from './tabs/tabs.js';
 export { KRTab } from './tabs/tab.js';
@@ -19,9 +20,11 @@ export { KRFileList } from './file-list/file-list.js';
 export type { KRFile } from './file-list/file-list.js';
 export { KRFilePreview } from './file-preview/file-preview.js';
 export type { KRFilePreviewOptions } from './file-preview/file-preview.js';
-export { KRTextField, KRTextareaField, KRSelectField, KRSelectOption, KRAutoSuggest, KRComboBox } from './form/index.js';
+export { KRTextField, KRTextareaField, KRSelectField, KRSelectOption, KRAutoSuggest, KRComboBox, KRRadioCards } from './form/index.js';
 export type { ContextMenuItem, ContextMenuOptions } from './context-menu/context-menu.js';
 export type { KRDialogConfig } from './dialog/dialog.js';
 export type { KRSnackbarOptions } from './snackbar/snackbar.js';
 export type { KRAutoSuggestOption } from './form/auto-suggest/auto-suggest.js';
+export type { KRDateRangePickerValue, KRDateRangePickerRelativeOption, KRDateRangePickerMode } from './date-range-picker/date-range-picker.js';
+export type { KRRadioCardsOption } from './form/radio-cards/radio-cards.js';
 //# sourceMappingURL=index.d.ts.map

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,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC3D,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,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACtH,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC9E,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpG,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAG3E,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGzH,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAC1F,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAChE,YAAY,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,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,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,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,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACtH,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC9E,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpG,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAG3E,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGvI,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAC1F,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAChE,YAAY,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC/E,YAAY,EAAE,sBAAsB,EAAE,+BAA+B,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAC/I,YAAY,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/index.js

@@ -7,6 +7,7 @@ export { KRButton } from './button/button.js';
 export { KRCodeDemo } from './code-demo/code-demo.js';
 export { KRContextMenu } from './context-menu/context-menu.js';
 export { KRDialog, KRDialogRef } from './dialog/dialog.js';
+export { KRDateRangePicker } from './date-range-picker/date-range-picker.js';
 export { KRSnackbar } from './snackbar/snackbar.js';
 export { KRTabGroup } from './tabs/tabs.js';
 export { KRTab } from './tabs/tab.js';
@@ -17,5 +18,5 @@ export { KRProgressBar } from './progress-bar/progress-bar.js';
 export { KRFileList } from './file-list/file-list.js';
 export { KRFilePreview } from './file-preview/file-preview.js';
 // Form components
-export { KRTextField, KRTextareaField, KRSelectField, KRSelectOption, KRAutoSuggest, KRComboBox } from './form/index.js';
+export { KRTextField, KRTextareaField, KRSelectField, KRSelectOption, KRAutoSuggest, KRComboBox, KRRadioCards } 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,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC3D,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;AAE3C,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAG/D,kBAAkB;AAClB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,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,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,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;AAE3C,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAG/D,kBAAkB;AAClB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}