le-kit 0.5.2 → 0.5.4

package/dist/cjs/le-box.cjs.entry.js

@@ -1,184 +0,0 @@
-'use strict';
-
-var index = require('./index-BzadfLTc.js');
-var utils = require('./utils-Dxx9WhWK.js');
-
-const leBoxCss = () => `:host{display:block;box-sizing:border-box}:host([hidden]){display:none}.box{width:100%;height:100%;box-sizing:border-box}.content{width:100%;height:100%;box-sizing:border-box;background:var(--le-box-bg, transparent);border-radius:var(--le-box-border-radius, 0);padding:var(--le-box-padding, 0)}:host(.display-flex) .content{min-height:100%}`;
-
-const LeBox = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    get el() { return index.getElement(this); }
-    /**
-     * Flex grow factor - how much the item should grow relative to siblings
-     * @min 0
-     */
-    grow = 0;
-    /**
-     * Flex shrink factor - how much the item should shrink relative to siblings
-     * @min 0
-     */
-    shrink = 1;
-    /**
-     * Flex basis - initial size before growing/shrinking (e.g., '200px', '25%', 'auto')
-     */
-    basis = 'auto';
-    /**
-     * Width of the box (CSS value like '100px', '50%', 'auto')
-     */
-    width;
-    /**
-     * Height of the box (CSS value)
-     */
-    height;
-    /**
-     * Minimum width constraint
-     */
-    minWidth;
-    /**
-     * Maximum width constraint
-     */
-    maxWidth;
-    /**
-     * Minimum height constraint
-     */
-    minHeight;
-    /**
-     * Maximum height constraint
-     */
-    maxHeight;
-    /**
-     * Background color or CSS value (e.g., '#f0f0f0', 'var(--le-color-primary-light)')
-     */
-    background;
-    /**
-     * Border radius (e.g., '8px', 'var(--le-radius-md)')
-     */
-    borderRadius;
-    /**
-     * Border style (e.g., '1px solid #ccc', '2px dashed var(--le-color-border)')
-     */
-    border;
-    /**
-     * Self-alignment override for this item on the cross axis
-     * @allowedValues auto | start | center | end | stretch | baseline
-     */
-    alignSelf = 'auto';
-    /**
-     * Internal horizontal alignment of content
-     * @allowedValues start | center | end | stretch
-     */
-    alignContent = 'stretch';
-    /**
-     * Internal vertical alignment of content
-     * @allowedValues start | center | end | stretch
-     */
-    justifyContent = 'start';
-    /**
-     * Padding inside the box (CSS value like '8px', '1rem')
-     */
-    padding;
-    /**
-     * Order in the flex container (lower values come first)
-     */
-    order;
-    /**
-     * Whether to display box content as flex (for internal alignment)
-     */
-    displayFlex = false;
-    /**
-     * Direction of internal flex layout when displayFlex is true
-     * @allowedValues horizontal | vertical
-     */
-    innerDirection = 'vertical';
-    /**
-     * Gap between internal flex items when displayFlex is true
-     */
-    innerGap;
-    getAlignSelf() {
-        const alignMap = {
-            auto: 'auto',
-            start: 'flex-start',
-            center: 'center',
-            end: 'flex-end',
-            stretch: 'stretch',
-            baseline: 'baseline',
-        };
-        return alignMap[this.alignSelf] || 'auto';
-    }
-    getContentAlign() {
-        const alignMap = {
-            start: 'flex-start',
-            center: 'center',
-            end: 'flex-end',
-            stretch: 'stretch',
-        };
-        return alignMap[this.alignContent] || 'stretch';
-    }
-    getContentJustify() {
-        const justifyMap = {
-            start: 'flex-start',
-            center: 'center',
-            end: 'flex-end',
-            stretch: 'stretch',
-        };
-        return justifyMap[this.justifyContent] || 'flex-start';
-    }
-    render() {
-        // Host styles for flex item behavior
-        const hostStyle = {
-            flexGrow: String(this.grow),
-            flexShrink: String(this.shrink),
-            flexBasis: this.basis,
-            alignSelf: this.getAlignSelf(),
-        };
-        if (this.width)
-            hostStyle.width = this.width;
-        if (this.height)
-            hostStyle.height = this.height;
-        if (this.minWidth)
-            hostStyle.minWidth = this.minWidth;
-        if (this.maxWidth)
-            hostStyle.maxWidth = this.maxWidth;
-        if (this.minHeight)
-            hostStyle.minHeight = this.minHeight;
-        if (this.maxHeight)
-            hostStyle.maxHeight = this.maxHeight;
-        if (this.order !== undefined)
-            hostStyle.order = String(this.order);
-        // Inner content styles
-        const contentStyle = {};
-        if (this.padding) {
-            contentStyle.padding = this.padding;
-        }
-        if (this.background) {
-            contentStyle.background = this.background;
-        }
-        if (this.borderRadius) {
-            contentStyle.borderRadius = this.borderRadius;
-        }
-        if (this.border) {
-            contentStyle.border = this.border;
-        }
-        if (this.displayFlex) {
-            contentStyle.display = 'flex';
-            contentStyle.flexDirection = this.innerDirection === 'vertical' ? 'column' : 'row';
-            contentStyle.alignItems = this.getContentAlign();
-            contentStyle.justifyContent = this.getContentJustify();
-            if (this.innerGap) {
-                contentStyle.gap = this.innerGap;
-            }
-        }
-        const hostClass = utils.classnames({
-            'has-grow': this.grow > 0,
-            'display-flex': this.displayFlex,
-            [`inner-${this.innerDirection}`]: this.displayFlex,
-        });
-        return (index.h(index.Host, { key: '01fad47e9fdff2931a8f0a26d540bb1a5da6a626', style: hostStyle, class: hostClass }, index.h("le-component", { key: '2d6b2588889925835e91ecbf6be811d21b47b015', component: "le-box" }, index.h("div", { key: 'd43fd71f7f9e1211bb2dfaaf577c6c9bef78b794', class: "box", part: "box" }, index.h("div", { key: '1b8b1680dfeb7e6f31ac627d55ae05796bef4f02', class: "content", part: "content", style: contentStyle }, index.h("le-slot", { key: '8af26e1c5047b9d5ab9f4ae0464c34bf3e931805', name: "", description: "Content inside this flex item", type: "slot", "allowed-components": "le-text,le-card,le-button,le-stack,le-box" }, index.h("slot", { key: 'db95a80650aa9846eb27ccd75ee074a86a9ef47c' })))))));
-    }
-};
-LeBox.style = leBoxCss();
-
-exports.le_box = LeBox;
-//# sourceMappingURL=le-box.entry.cjs.js.map

package/dist/cjs/le-card.cjs.entry.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var index = require('./index-BzadfLTc.js');
-var utils = require('./utils-Dxx9WhWK.js');
-
-const leCardCss = () => `:host{display:block;--le-card-bg:var(--le-color-surface);--le-card-border-radius:var(--le-radius-lg);--le-card-shadow:var(--le-shadow-md);--le-card-shadow-elevated:var(--le-shadow-lg);--le-card-shadow-hover:var(--le-shadow-xl);--le-card-padding:var(--le-space-md);--le-card-border-color:var(--le-color-border);--le-card-transition:var(--le-transition-normal)}.card{background:var(--le-card-bg);border-radius:var(--le-card-border-radius);overflow:hidden;color:var(--le-color-text);box-shadow:var(--le-card-shadow)}:host>le-component.variant-outlined .card{border:1px solid var(--le-card-border-color);box-shadow:none}:host>le-component.variant-elevated .card{box-shadow:var(--le-card-shadow-elevated)}:host>le-component.interactive .card{cursor:pointer;transition:transform var(--le-card-transition), box-shadow var(--le-card-transition)}:host>le-component.interactive .card:hover{transform:translateY(-2px);box-shadow:var(--le-card-shadow-hover)}:host>le-component.interactive .card:focus-visible{outline:2px solid var(--le-color-border-focus);outline-offset:2px}.card-header{padding:var(--le-card-padding);padding-bottom:0}.card-header:empty{display:none}.card-content{padding:var(--le-card-padding)}.card-footer{padding:var(--le-card-padding);padding-top:0}.card-footer:empty{display:none}`;
-
-const LeCard = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    get el() { return index.getElement(this); }
-    /**
-     * Card variant style
-     * @allowedValues default | outlined | elevated
-     */
-    variant = 'default';
-    /**
-     * Whether the card is interactive (clickable)
-     */
-    interactive = false;
-    render() {
-        return (index.h("le-component", { key: 'b4203e8775f711c1ce4d8b9a4270815f122271f2', component: "le-card", hostClass: utils.classnames(`variant-${this.variant}`, { 'interactive': this.interactive }) }, index.h("div", { key: '0dc9231529fc6d2eb29bc5cde2c1dbf18b332a43', class: "card", part: "card" }, index.h("div", { key: '511fcec73b51b0931d92e0fee4d17b108c827e74', class: "card-header", part: "header" }, index.h("le-slot", { key: 'e50dbadbe53ce6fa343ac7cfccb5a5d8f58fbd01', name: "header", label: "Header", description: "Card title", type: "text", tag: "h3" }, index.h("slot", { key: '36e1f7c3c5c1c5a9d49261d1b1406efe4004389b', name: "header" }))), index.h("div", { key: 'f9da55c0661d7906161b77aa22edc1c6bb7fb8d4', class: "card-content", part: "content" }, index.h("le-slot", { key: '01670058d67851f1bd70b21fc4111b4bf2509f25', name: "", label: "Content", description: "Card content", type: "textarea", tag: "p", required: true }, index.h("slot", { key: 'e6eff48970eca2b3971f0ea7bfda3ca12bd1a3a1' }))), index.h("div", { key: 'ccd29257bc339a0d26c4750823fc635a182123cc', class: "card-footer", part: "footer" }, index.h("le-slot", { key: '198499afcbb9b0e82cac6cf976ab407697263c1f', name: "footer", label: "Footer", description: "Card footer with actions", "allowed-components": "le-button,le-link" }, index.h("slot", { key: '4d495b49f48ac142cdf739472b48d4bfb37933af', name: "footer" }))))));
-    }
-};
-LeCard.style = leCardCss();
-
-exports.le_card = LeCard;
-//# sourceMappingURL=le-card.entry.cjs.js.map

package/dist/cjs/le-code-input.cjs.entry.js

@@ -1,181 +0,0 @@
-'use strict';
-
-var index = require('./index-BzadfLTc.js');
-var utils = require('./utils-Dxx9WhWK.js');
-
-const leCodeInputCss = () => `:host{display:block;--le-input-bg:var(--le-color-surface, #ffffff);--le-input-color:var(--le-color-text-primary, #333333);--le-input-border:var(--le-border-width, 2px) solid var(--le-color-border-input, #007bff);--le-input-radius:var(--le-radius-sm, 4px);--le-input-border-focus:2px solid var(--le-color-focus);--le-input-border-focus-offset:2px}.le-code-input-wrapper{position:relative;display:flex;flex-direction:column}.le-input-label{display:block;margin-bottom:var(--le-spacing-2, 0.5rem);color:var(--le-text-color, inherit);font-size:var(--le-font-size-sm, 0.875rem);font-weight:500}.input-group{position:relative;display:inline-flex;width:fit-content}.ghost-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:10;cursor:text;color:transparent;background:transparent;caret-color:transparent;border:none;outline:none;letter-spacing:1em;}.ghost-input:disabled{cursor:not-allowed}.visual-container{display:flex;gap:var(--le-spacing-2, 8px);pointer-events:none;}.code-box{position:relative;width:var(--le-code-box-size, 32px);height:var(--le-code-box-size, 42px);display:flex;align-items:center;justify-content:center;background:var(--le-input-bg);border:var(--le-input-border);border-radius:var(--le-input-radius);color:var(--le-input-color);font-size:1.2rem;transition:all 0.15s ease-in-out;box-sizing:border-box;user-select:none}.code-box.active{outline:var(--le-input-border-focus);outline-offset:var(--le-input-border-focus-offset);z-index:1}.code-box.selected{background-color:SelectedItem;outline:var(--le-input-border-focus);outline-offset:var(--le-input-border-focus-offset)}.input-group.has-error .code-box{border:var(--le-input-border-error, 1px solid #ef4444)}.input-group.has-error .code-box.active{border-width:2px}:host(.disabled) .code-box{background-color:var(--le-color-disabled-bg, #f3f4f6);color:var(--le-color-disabled-text, #9ca3af);border-color:var(--le-color-disabled-border, #e5e7eb)}.le-input-description,:host(p){margin-top:var(--le-spacing-1, 0.25rem);color:var(--le-text-muted, #6b7280);font-size:var(--le-font-size-sm, 0.875rem)}`;
-
-const LeCodeInput = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.leChange = index.createEvent(this, "leChange");
-        this.leInput = index.createEvent(this, "leInput");
-        this.leFocus = index.createEvent(this, "leFocus");
-        this.leBlur = index.createEvent(this, "leBlur");
-    }
-    get el() { return index.getElement(this); }
-    /**
-     * The value of the input
-     */
-    value = '';
-    /**
-     * The name of the input
-     */
-    name;
-    /**
-     * Label for the input
-     */
-    label;
-    /**
-     * Length of the code (number of characters)
-     */
-    length = 6;
-    /**
-     * Description text displayed below the input
-     * in case there is a more complex markup,
-     * it can be provided via slot as well
-     */
-    description;
-    /**
-     * The type of code (numeric or alphanumeric)
-     * This affects the keyboard layout on mobile devices.
-     */
-    type = 'text';
-    /**
-     * Whether the input is disabled
-     */
-    disabled = false;
-    /**
-     * Whether the input is read-only
-     */
-    readonly = false;
-    /**
-     * External ID for linking with external systems
-     */
-    externalId;
-    /**
-     * Internal validation state (can be set externally manually or via simple check)
-     */
-    error = false;
-    /**
-     * Emitted when the value changes (on blur or Enter)
-     */
-    leChange;
-    /**
-     * Emitted when the input value changes (on keystroke)
-     */
-    leInput;
-    /**
-     * Emitted when the input is focused
-     */
-    leFocus;
-    /**
-     * Emitted when the input is blurred
-     */
-    leBlur;
-    isFocused = false;
-    selectionStart = 0;
-    selectionEnd = 0;
-    valueChanged(newValue) {
-        if (newValue && newValue.length > this.length) {
-            this.value = newValue.slice(0, this.length);
-        }
-    }
-    componentWillLoad() {
-        if (this.value && this.value.length > this.length) {
-            this.value = this.value.slice(0, this.length);
-        }
-    }
-    handleInput = (ev) => {
-        const input = ev.target;
-        let val = input.value;
-        // Enforce length limit
-        if (val.length > this.length) {
-            val = val.slice(0, this.length);
-            // We need to force update the input value if it exceeded length
-            // because Stencil prop update might not happen if value is same as prop but input is different
-            input.value = val;
-        }
-        this.value = val;
-        this.updateSelection(input);
-        this.leInput.emit({
-            value: this.value,
-            name: this.name,
-            externalId: this.externalId,
-        });
-    };
-    handleChange = () => {
-        this.leChange.emit({
-            value: this.value,
-            name: this.name,
-            externalId: this.externalId,
-        });
-    };
-    handleFocus = (ev) => {
-        this.isFocused = true;
-        const input = ev.target;
-        // Move cursor to the end on focus so typing appends to current value
-        window.requestAnimationFrame(() => {
-            const len = input.value.length;
-            input.setSelectionRange(len, len);
-            this.updateSelection(input);
-        });
-        this.leFocus.emit();
-    };
-    handleBlur = () => {
-        this.isFocused = false;
-        this.leBlur.emit();
-        // Trigger change on blur
-        this.handleChange();
-    };
-    handleSelect = (ev) => {
-        this.updateSelection(ev.target);
-    };
-    updateSelection(input) {
-        this.selectionStart = input.selectionStart || 0;
-        this.selectionEnd = input.selectionEnd || 0;
-    }
-    /**
-     * Helper to determine active index for focus ring
-     */
-    getActiveIndex() {
-        if (!this.isFocused)
-            return -1;
-        // If we have a range selection, usually focus ring is not shown or shown around selection?
-        // We'll stick to showing it at the cursor end (selectionEnd) or start?
-        // If range selected, `selectionStart` is start of range.
-        // If cursor is at the very end (pos == length), we highlight the last box
-        if (this.selectionStart === this.length && this.length > 0) {
-            return this.length - 1;
-        }
-        return this.selectionStart;
-    }
-    renderBoxes() {
-        const boxes = [];
-        const activeIndex = this.getActiveIndex();
-        const isRangeSelection = this.selectionEnd - this.selectionStart > 0;
-        for (let i = 0; i < this.length; i++) {
-            const char = this.value ? this.value[i] : '';
-            const isActive = this.isFocused && !isRangeSelection && i === activeIndex;
-            const isSelected = this.isFocused && isRangeSelection && i >= this.selectionStart && i < this.selectionEnd;
-            boxes.push(index.h("div", { class: utils.classnames('code-box', {
-                    'active': isActive,
-                    'selected': isSelected,
-                    'has-value': !!char,
-                }) }, char));
-        }
-        return boxes;
-    }
-    render() {
-        return (index.h("le-component", { key: '74615aa06971f7b2883e4a8e6f77b76918722e53', component: "le-code-input", hostClass: utils.classnames({ 'disabled': this.disabled, 'has-error': this.error }) }, index.h("div", { key: '423a974717f0676b266a362d0151540577ae8845', class: "le-code-input-wrapper" }, this.label && (index.h("label", { key: 'f2ba7d9c8a8a400ca31adc944919e4750785503d', class: "le-input-label", htmlFor: this.name }, this.label)), index.h("div", { key: 'f56b80ffc1362c164bdfe473877d934c252c9bd5', class: utils.classnames('input-group', { 'has-error': this.error }) }, index.h("input", { key: 'a94d422a0884c731ecfc6221133d725057fbb87c', class: "ghost-input", id: this.name, name: this.name, type: "text", inputMode: this.type === 'number' ? 'numeric' : 'text', pattern: this.type === 'number' ? '[0-9]*' : undefined, autocomplete: "one-time-code", value: this.value, maxLength: this.length, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onSelect: this.handleSelect,
-            // Prevent browser autofill background from messing up visual
-            spellcheck: false, autoCapitalize: "none", autoCorrect: "off" }), index.h("div", { key: '9436ca5298d83aae923e762748d634b9517a3b17', class: "visual-container" }, this.renderBoxes())), !this.error && (index.h("div", { key: '398a377af9c6c26f441e94b3598a1007c64e6ea0', class: "le-input-description" }, index.h("le-slot", { key: '3d9a8c248efc57ffa026f9ffdf889599b276f344', name: "description", type: "text", tag: "p", label: "Description" }, index.h("slot", { key: '6873dec4bea990f9fe6de013e8fa729fc385871c', name: "description" }, this.description)))))));
-    }
-    static get watchers() { return {
-        "value": ["valueChanged"]
-    }; }
-};
-LeCodeInput.style = leCodeInputCss();
-
-exports.le_code_input = LeCodeInput;
-//# sourceMappingURL=le-code-input.entry.cjs.js.map

package/dist/cjs/le-combobox.cjs.entry.js

@@ -1,237 +0,0 @@
-'use strict';
-
-var index = require('./index-BzadfLTc.js');
-
-const leComboboxCss = () => `:host{display:inline-block;min-width:200px;--le-combobox-border-color:var(--le-color-primary, #3b82f6)}:host([disabled]){opacity:0.5;pointer-events:none}:host([full-width]){width:100%}.combobox-trigger{display:flex;align-items:center;width:100%;background:var(--le-combobox-bg, var(--le-color-surface, #fff));border:1px solid color-mix(in srgb, var(--le-combobox-border-color) 33%, transparent);border-radius:var(--le-combobox-border-radius, 0.375rem);transition:border-color 0.15s ease, box-shadow 0.15s ease}.combobox-trigger:hover:not(.is-disabled),:host(:focus-within) .combobox-trigger:not(.is-disabled){border-color:var(--le-combobox-border-color)}.combobox-trigger:focus-within{outline:2px solid var(--le-color-focus);outline-offset:2px}.combobox-trigger.is-open{border-color:var(--le-color-primary, #3b82f6)}.combobox-input{flex:1;border:none;outline:none}.combobox-input::part(container){border:none}.combobox-input::part(container):focus-within{outline:none !important}.combobox-input::placeholder{color:color-mix(in srgb, var(--le-color-text-secondary) 66%, transparent)}.combobox-trigger.is-disabled{cursor:not-allowed;background:var(--le-color-surface-disabled, #f9fafb)}.combobox-input:disabled{cursor:not-allowed}.combobox-clear{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;margin-right:0.25rem;color:var(--le-color-primary, #3b82f6);background:transparent;border:none;border-radius:0.25rem;cursor:pointer;opacity:0.6;transition:opacity 0.15s ease, background-color 0.15s ease}.combobox-clear:hover{opacity:1;background:var(--le-color-surface-hover, #f3f4f6)}.combobox-clear svg{width:0.875rem;height:0.875rem}.combobox-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:100%;color:var(--le-color-primary, #3b82f6);transition:transform 0.2s ease}.combobox-arrow svg{width:1rem;height:1rem}.combobox-trigger.is-open .combobox-arrow{transform:rotate(180deg)}:host([size='small']) .combobox-trigger{--le-combobox-height:2rem}:host([size='small']) .combobox-input{--le-combobox-padding-x:0.5rem;--le-combobox-font-size:0.75rem}:host([size='large']) .combobox-trigger{--le-combobox-height:3rem}:host([size='large']) .combobox-input{--le-combobox-padding-x:1rem;--le-combobox-font-size:1rem}`;
-
-const LeCombobox = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.leChange = index.createEvent(this, "leChange");
-        this.leInput = index.createEvent(this, "leInput");
-        this.leOpen = index.createEvent(this, "leOpen");
-        this.leClose = index.createEvent(this, "leClose");
-    }
-    get el() { return index.getElement(this); }
-    /**
-     * The options to display in the dropdown.
-     */
-    options = [];
-    /**
-     * The currently selected value.
-     */
-    value;
-    /**
-     * Placeholder text for the input.
-     */
-    placeholder = 'Type to search...';
-    /**
-     * Whether the combobox is disabled.
-     */
-    disabled = false;
-    /**
-     * Whether selection is required.
-     */
-    required = false;
-    /**
-     * Name attribute for form submission.
-     */
-    name;
-    /**
-     * Whether the multiselect should take full width of its container.
-     */
-    fullWidth = false;
-    /**
-     * Size variant of the combobox.
-     */
-    size = 'medium';
-    /**
-     * Whether to allow custom values not in the options list.
-     */
-    allowCustom = false;
-    /**
-     * Minimum characters before showing filtered results.
-     */
-    minSearchLength = 0;
-    /**
-     * Text to show when no options match the search.
-     */
-    emptyText = 'No results found';
-    /**
-     * Whether the dropdown is currently open.
-     */
-    open = false;
-    /**
-     * Emitted when the selected value changes.
-     */
-    leChange;
-    /**
-     * Emitted when the input value changes (for custom values).
-     */
-    leInput;
-    /**
-     * Emitted when the dropdown opens.
-     */
-    leOpen;
-    /**
-     * Emitted when the dropdown closes.
-     */
-    leClose;
-    handleWindowClick(event) {
-        if (!this.el.contains(event.target)) {
-            this.dropdownEl?.hide();
-        }
-    }
-    inputValue = '';
-    selectedOption;
-    dropdownEl;
-    inputEl;
-    handleValueChange() {
-        this.updateSelectedOption();
-    }
-    handleOptionsChange() {
-        this.updateSelectedOption();
-    }
-    componentWillLoad() {
-        this.updateSelectedOption();
-    }
-    get parsedOptions() {
-        if (typeof this.options === 'string') {
-            try {
-                return JSON.parse(this.options);
-            }
-            catch {
-                return [];
-            }
-        }
-        return this.options;
-    }
-    updateSelectedOption() {
-        if (this.value !== undefined) {
-            this.selectedOption = this.parsedOptions.find(opt => (opt.value ?? opt.label) === this.value);
-            if (this.selectedOption) {
-                this.inputValue = this.selectedOption.label;
-            }
-            else if (this.allowCustom) {
-                this.inputValue = this.value.toString();
-            }
-        }
-        else {
-            this.selectedOption = undefined;
-            this.inputValue = '';
-        }
-    }
-    filterOption = (option, query) => {
-        if (!query || query.length < this.minSearchLength)
-            return true;
-        const searchLower = query.toLowerCase();
-        return (option.label.toLowerCase().includes(searchLower) ||
-            (option.description?.toLowerCase().includes(searchLower) ?? false));
-    };
-    handleOptionSelect = (e) => {
-        this.value = e.detail.value;
-        this.selectedOption = e.detail.option;
-        this.inputValue = e.detail.option.label;
-        this.leChange.emit(e.detail);
-    };
-    handleDropdownOpen = () => {
-        this.open = true;
-        this.leOpen.emit();
-    };
-    handleDropdownClose = () => {
-        this.open = false;
-        this.leClose.emit();
-        // If custom values not allowed, reset input to selected option
-        if (!this.allowCustom && this.selectedOption) {
-            this.inputValue = this.selectedOption.label;
-        }
-        else if (!this.allowCustom && !this.selectedOption) {
-            this.inputValue = '';
-        }
-    };
-    handleInputChange = (e) => {
-        const target = e.target;
-        this.inputValue = target.value;
-        // Emit input event for custom values
-        if (this.allowCustom) {
-            this.leInput.emit({ value: this.inputValue });
-        }
-        // Open dropdown when typing
-        if (!this.open && this.inputValue.length >= this.minSearchLength) {
-            this.dropdownEl?.show();
-        }
-    };
-    handleInputFocus = () => {
-        if (!this.disabled) {
-            this.dropdownEl?.show();
-        }
-    };
-    handleInputKeyDown = (e) => {
-        if (this.disabled)
-            return;
-        switch (e.key) {
-            case 'ArrowDown':
-                e.preventDefault();
-                if (!this.open) {
-                    this.dropdownEl?.show();
-                }
-                break;
-            case 'Enter':
-                if (this.allowCustom && this.inputValue && !this.open) {
-                    // Accept custom value
-                    this.value = this.inputValue;
-                    this.leChange.emit({
-                        value: this.inputValue,
-                        option: { label: this.inputValue, value: this.inputValue },
-                    });
-                }
-                break;
-            case 'Escape':
-                if (this.open) {
-                    this.dropdownEl?.hide();
-                }
-                break;
-        }
-    };
-    handleClear = (e) => {
-        e.stopPropagation();
-        this.value = undefined;
-        this.selectedOption = undefined;
-        this.inputValue = '';
-        this.inputEl?.focus();
-        this.leChange.emit({
-            value: '',
-            option: { label: '', value: '' },
-        });
-    };
-    /**
-     * Opens the dropdown.
-     */
-    async showDropdown() {
-        await this.dropdownEl?.show();
-    }
-    /**
-     * Closes the dropdown.
-     */
-    async hideDropdown() {
-        await this.dropdownEl?.hide();
-    }
-    /**
-     * Focuses the input element.
-     */
-    async focusInput() {
-        this.inputEl?.focus();
-    }
-    render() {
-        const hasValue = this.inputValue.length > 0;
-        return (index.h("le-component", { key: '77660875e900dceb4cca50087a9ea7fad38d0de8', component: "le-combobox" }, index.h("le-dropdown-base", { key: 'a7d46b3226322945465a8d22c87c3df1939d0c11', ref: el => (this.dropdownEl = el), options: this.parsedOptions, value: this.value, disabled: this.disabled, filterFn: this.filterOption, filterQuery: this.inputValue, emptyText: this.emptyText, fullWidth: this.fullWidth, closeOnClickOutside: false, onLeOptionSelect: this.handleOptionSelect, onLeDropdownOpen: this.handleDropdownOpen, onLeDropdownClose: this.handleDropdownClose }, index.h("div", { key: 'bc402ba87163d604c49d41acf32a2da7710c12d5', slot: "trigger", class: { 'combobox-trigger': true, 'is-open': this.open } }, index.h("le-string-input", { key: 'd676bb665963d090e88195b133f7a0f5e379b9e9', mode: "default", hideDescription: true, inputRef: el => (this.inputEl = el), type: "text", class: "combobox-input", value: this.inputValue, placeholder: this.placeholder, disabled: this.disabled, "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-autocomplete": "list", onInput: this.handleInputChange, onFocus: this.handleInputFocus, onKeyDown: this.handleInputKeyDown }), hasValue && !this.disabled && (index.h("button", { key: '78446bc41c35fa2815acbfc34ea377dc33a1e55b', type: "button", class: "combobox-clear", onClick: this.handleClear, "aria-label": "Clear", tabIndex: -1 }, index.h("svg", { key: 'a596191694990ebb2e48d1529da0e0a6eb61e5b9', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("path", { key: 'd6503800924e82555571c8955b33bcfddd90c7d0', d: "M4 4l8 8M12 4l-8 8" })))), index.h("span", { key: 'a032adbc03c135bf0e9c28f7272fa125c22fd37c', class: "combobox-arrow" }, index.h("svg", { key: '258a8d6a98071654a8bf59ac23dc517a9af19daa', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("path", { key: '5960ffe0d91ae52563420fa901653e17d458b522', d: "M4 6l4 4 4-4" }))))), this.name && index.h("input", { key: '44791ad0af7eae39a3d8b7cabf12a68b11fc20ba', type: "hidden", name: this.name, value: this.value?.toString() ?? '' })));
-    }
-    static get watchers() { return {
-        "value": ["handleValueChange"],
-        "options": ["handleOptionsChange"]
-    }; }
-};
-LeCombobox.style = leComboboxCss();
-
-exports.le_combobox = LeCombobox;
-//# sourceMappingURL=le-combobox.entry.cjs.js.map

package/dist/cjs/le-header-placeholder.cjs.entry.js

@@ -1,18 +0,0 @@
-'use strict';
-
-var index = require('./index-BzadfLTc.js');
-
-const LeHeaderPlaceholder = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h(index.Host, { key: '0b056eac512d668bc8c3aa7000bdc7363dace713', "aria-hidden": "true", style: {
-                display: 'block',
-                height: 'var(--le-header-height, 64px)',
-            } }));
-    }
-};
-
-exports.le_header_placeholder = LeHeaderPlaceholder;
-//# sourceMappingURL=le-header-placeholder.entry.cjs.js.map