le-kit 0.5.3 → 0.5.4

package/dist/types/components/le-box/le-box.d.ts

@@ -1,111 +0,0 @@
-/**
- * A flexible box component for use as a flex item within le-stack.
- *
- * `le-box` wraps content and provides flex item properties like grow, shrink,
- * basis, and self-alignment. It can also control its internal content alignment.
- *
- * @slot - Default slot for box content
- *
- * @cssprop --le-box-bg - Background color
- * @cssprop --le-box-padding - Padding inside the box
- * @cssprop --le-box-border-radius - Border radius
- *
- * @csspart box - The main box container
- * @csspart content - The inner content wrapper
- *
- * @cmsEditable true
- * @cmsCategory Layout
- */
-export declare class LeBox {
-    el: HTMLElement;
-    /**
-     * Flex grow factor - how much the item should grow relative to siblings
-     * @min 0
-     */
-    grow: number;
-    /**
-     * Flex shrink factor - how much the item should shrink relative to siblings
-     * @min 0
-     */
-    shrink: number;
-    /**
-     * Flex basis - initial size before growing/shrinking (e.g., '200px', '25%', 'auto')
-     */
-    basis: string;
-    /**
-     * Width of the box (CSS value like '100px', '50%', 'auto')
-     */
-    width?: string;
-    /**
-     * Height of the box (CSS value)
-     */
-    height?: string;
-    /**
-     * Minimum width constraint
-     */
-    minWidth?: string;
-    /**
-     * Maximum width constraint
-     */
-    maxWidth?: string;
-    /**
-     * Minimum height constraint
-     */
-    minHeight?: string;
-    /**
-     * Maximum height constraint
-     */
-    maxHeight?: string;
-    /**
-     * Background color or CSS value (e.g., '#f0f0f0', 'var(--le-color-primary-light)')
-     */
-    background?: string;
-    /**
-     * Border radius (e.g., '8px', 'var(--le-radius-md)')
-     */
-    borderRadius?: string;
-    /**
-     * Border style (e.g., '1px solid #ccc', '2px dashed var(--le-color-border)')
-     */
-    border?: string;
-    /**
-     * Self-alignment override for this item on the cross axis
-     * @allowedValues auto | start | center | end | stretch | baseline
-     */
-    alignSelf: 'auto' | 'start' | 'center' | 'end' | 'stretch' | 'baseline';
-    /**
-     * Internal horizontal alignment of content
-     * @allowedValues start | center | end | stretch
-     */
-    alignContent: 'start' | 'center' | 'end' | 'stretch';
-    /**
-     * Internal vertical alignment of content
-     * @allowedValues start | center | end | stretch
-     */
-    justifyContent: 'start' | 'center' | 'end' | 'stretch';
-    /**
-     * Padding inside the box (CSS value like '8px', '1rem')
-     */
-    padding?: string;
-    /**
-     * Order in the flex container (lower values come first)
-     */
-    order?: number;
-    /**
-     * Whether to display box content as flex (for internal alignment)
-     */
-    displayFlex: boolean;
-    /**
-     * Direction of internal flex layout when displayFlex is true
-     * @allowedValues horizontal | vertical
-     */
-    innerDirection: 'horizontal' | 'vertical';
-    /**
-     * Gap between internal flex items when displayFlex is true
-     */
-    innerGap?: string;
-    private getAlignSelf;
-    private getContentAlign;
-    private getContentJustify;
-    render(): any;
-}

package/dist/types/components/le-breadcrumbs/le-breadcrumbs.d.ts

@@ -1,57 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { LeOption } from '../../types/options';
-export interface LeBreadcrumbSelectDetail {
-    item: LeOption;
-    id: string;
-    href?: string;
-    originalEvent: MouseEvent | KeyboardEvent;
-}
-export declare class LeBreadcrumbs {
-    el: HTMLElement;
-    /**
-     * Breadcrumb items (supports JSON string).
-     */
-    items: LeOption[] | string;
-    /**
-     * Accessible label for the breadcrumbs navigation.
-     */
-    label: string;
-    /**
-     * Separator icon name (used if no separator slot is provided).
-     */
-    separatorIcon: string;
-    /**
-     * Overflow behavior: collapse (default), wrap, or scroll.
-     */
-    overflowMode: 'collapse' | 'wrap' | 'scroll';
-    /**
-     * Minimum visible items before collapsing.
-     */
-    minVisibleItems: number;
-    /**
-     * Emitted when a breadcrumb item is selected.
-     */
-    leBreadcrumbSelect: EventEmitter<LeBreadcrumbSelectDetail>;
-    private hiddenIndices;
-    private separatorTemplate;
-    private listEl?;
-    private resizeObserver?;
-    private instanceId;
-    private recomputeQueued;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    handleInputsChange(): void;
-    private setupResizeObserver;
-    private get parsedItems();
-    private getItemId;
-    private handleSeparatorSlotChange;
-    private scheduleOverflowRecompute;
-    private nextFrame;
-    private recomputeOverflow;
-    private handleItemClick;
-    private handleKeyDown;
-    private renderSeparator;
-    private renderItem;
-    private renderMore;
-    render(): any;
-}

package/dist/types/components/le-button/le-button.d.ts

@@ -1,93 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-/**
- * A flexible button component with multiple variants and states.
- *
- * @slot - Button text content
- * @slot icon-only - Icon for icon-only buttons
- *
- * @cssprop --le-button-bg - Button background color
- * @cssprop --le-button-color - Button text color
- * @cssprop --le-button-border-radius - Button border radius
- * @cssprop --le-button-padding-x - Button horizontal padding
- * @cssprop --le-button-padding-y - Button vertical padding
- *
- * @csspart button - The native button element
- * @csspart content - The button content wrapper
- * @csspart icon-start - The start icon slot
- * @csspart icon-end - The end icon slot
- *
- * @cmsEditable true
- * @cmsCategory Actions
- */
-export declare class LeButton {
-    el: HTMLElement;
-    /**
-     * Mode of the popover should be 'default' for internal use
-     */
-    mode: 'default' | 'admin';
-    /**
-     * Button variant style
-     * @allowedValues solid | outlined | clear
-     */
-    variant: 'solid' | 'outlined' | 'clear' | 'system';
-    /**
-     * Button color theme (uses theme semantic colors)
-     * @allowedValues primary | secondary | success | warning | danger | info
-     */
-    color: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
-    /**
-     * Button size
-     * @allowedValues small | medium | large
-     */
-    size: 'small' | 'medium' | 'large';
-    /**
-     * Whether the button is in a selected/active state
-     */
-    selected: boolean;
-    /**
-     * Whether the button takes full width of its container
-     */
-    fullWidth: boolean;
-    /**
-     * Icon only button image or emoji
-     * if this prop is set, the button will render only the icon slot
-     */
-    iconOnly?: string | Node;
-    /**
-     * Start icon image or emoji
-     */
-    iconStart?: string | Node;
-    /**
-     * End icon image or emoji
-     */
-    iconEnd?: string | Node;
-    /**
-     * Whether the button is disabled
-     */
-    disabled: boolean;
-    /**
-     * The button type attribute
-     * @allowedValues button | submit | reset
-     */
-    type: 'button' | 'submit' | 'reset';
-    /**
-     * Optional href to make the button act as a link
-     */
-    href?: string;
-    /**
-     * Link target when href is set
-     */
-    target?: string;
-    /**
-     * Alignment of the button label without the end icon
-     * @allowedValues start | center | space-between | end
-     */
-    align: 'start' | 'center' | 'space-between' | 'end';
-    /**
-     * Emitted when the button is clicked.
-     * This is a custom event that wraps the native click but ensures the target is the le-button.
-     */
-    leClick: EventEmitter<MouseEvent>;
-    private handleClick;
-    render(): any;
-}

package/dist/types/components/le-card/le-card.d.ts

@@ -1,37 +0,0 @@
-/**
- * A flexible card component with header, content, and footer slots.
- *
- * The card uses le-slot wrappers for each slot area. In admin mode,
- * le-slot shows placeholders for CMS editing. In default mode,
- * le-slot acts as a transparent passthrough.
- *
- * @slot header - Card header content (title, actions)
- * @slot - Default slot for main card content
- * @slot footer - Card footer content (buttons, links)
- *
- * @cssprop --le-card-bg - Card background color
- * @cssprop --le-card-border-radius - Card border radius
- * @cssprop --le-card-shadow - Card box shadow
- * @cssprop --le-card-padding - Card content padding
- *
- * @csspart card - The main card container
- * @csspart header - The card header section
- * @csspart content - The card content section
- * @csspart footer - The card footer section
- *
- * @cmsEditable true
- * @cmsCategory Layout
- */
-export declare class LeCard {
-    el: HTMLElement;
-    /**
-     * Card variant style
-     * @allowedValues default | outlined | elevated
-     */
-    variant: 'default' | 'outlined' | 'elevated';
-    /**
-     * Whether the card is interactive (clickable)
-     */
-    interactive: boolean;
-    render(): any;
-}

package/dist/types/components/le-checkbox/le-checkbox.d.ts

@@ -1,46 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-/**
- * A checkbox component with support for labels, descriptions, and external IDs.
- *
- * @slot - The label text for the checkbox
- * @slot description - Additional description text displayed below the label
- *
- * @cssprop --le-checkbox-size - Size of the checkbox input
- * @cssprop --le-checkbox-color - Color of the checkbox when checked
- * @cssprop --le-checkbox-label-color - Color of the label text
- * @cssprop --le-checkbox-desc-color - Color of the description text
- */
-export declare class LeCheckbox {
-    el: HTMLElement;
-    /**
-     * Whether the checkbox is checked
-     */
-    checked: boolean;
-    /**
-     * Whether the checkbox is disabled
-     */
-    disabled: boolean;
-    /**
-     * The name of the checkbox input
-     */
-    name: string;
-    /**
-     * The value of the checkbox input
-     */
-    value: string;
-    /**
-     * External ID for linking with external systems (e.g. database ID, PDF form field ID)
-     */
-    externalId: string;
-    /**
-     * Emitted when the checked state changes
-     */
-    leChange: EventEmitter<{
-        checked: boolean;
-        value: string;
-        name: string;
-        externalId: string;
-    }>;
-    private handleChange;
-    render(): any;
-}

package/dist/types/components/le-code-input/le-code-input.d.ts

@@ -1,102 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-/**
- * A one-time code input component with individual frames for each character.
- * Supports standard copy/paste and range selection behaviors.
- *
- * @slot description - Additional description text displayed below the input
- *
- * @cssprop --le-code-box-size - Size of each character box (default: 40px width, 48px height)
- * @cssprop --le-input-bg - Input background color
- * @cssprop --le-input-color - Input text color
- * @cssprop --le-input-border - Input border style
- * @cssprop --le-input-border-focus - Input border style when focused
- * @cssprop --le-input-border-error - Input border style when invalid
- * @cssprop --le-input-radius - Input border radius
- */
-export declare class LeCodeInput {
-    el: HTMLElement;
-    /**
-     * The value of the input
-     */
-    value: string;
-    /**
-     * The name of the input
-     */
-    name: string;
-    /**
-     * Label for the input
-     */
-    label: string;
-    /**
-     * Length of the code (number of characters)
-     */
-    length: number;
-    /**
-     * Description text displayed below the input
-     * in case there is a more complex markup,
-     * it can be provided via slot as well
-     */
-    description?: string;
-    /**
-     * The type of code (numeric or alphanumeric)
-     * This affects the keyboard layout on mobile devices.
-     */
-    type: 'text' | 'number';
-    /**
-     * Whether the input is disabled
-     */
-    disabled: boolean;
-    /**
-     * Whether the input is read-only
-     */
-    readonly: boolean;
-    /**
-     * External ID for linking with external systems
-     */
-    externalId: string;
-    /**
-     * Internal validation state (can be set externally manually or via simple check)
-     */
-    error: boolean;
-    /**
-     * Emitted when the value changes (on blur or Enter)
-     */
-    leChange: EventEmitter<{
-        value: string;
-        name: string;
-        externalId: string;
-    }>;
-    /**
-     * Emitted when the input value changes (on keystroke)
-     */
-    leInput: EventEmitter<{
-        value: string;
-        name: string;
-        externalId: string;
-    }>;
-    /**
-     * Emitted when the input is focused
-     */
-    leFocus: EventEmitter<void>;
-    /**
-     * Emitted when the input is blurred
-     */
-    leBlur: EventEmitter<void>;
-    private isFocused;
-    private selectionStart;
-    private selectionEnd;
-    valueChanged(newValue: string): void;
-    componentWillLoad(): void;
-    private handleInput;
-    private handleChange;
-    private handleFocus;
-    private handleBlur;
-    private handleSelect;
-    private updateSelection;
-    /**
-     * Helper to determine active index for focus ring
-     */
-    private getActiveIndex;
-    private renderBoxes;
-    render(): any;
-}

package/dist/types/components/le-collapse/le-collapse.d.ts

@@ -1,43 +0,0 @@
-export type LeCollapseAnimation = 'fade' | 'collapse' | 'fade-collapse';
-/**
- * Animated show/hide wrapper.
- *
- * Supports height collapse (auto->0) and/or fading.
- * Can optionally listen to the nearest `le-header` shrink events.
- *
- * @slot - Content to animate
- *
- * @cssprop --le-collapse-duration - Transition duration
- *
- * @csspart region - Collapsible region
- * @csspart content - Inner content
- *
- * @cmsEditable true
- * @cmsCategory Layout
- */
-export declare class LeCollapse {
-    el: HTMLElement;
-    /**
-     * Since Stencil boolean props default to `false` when the attribute is missing.
-     * instead of `open` defaulting to `true`, using a `closed` prop.
-     */
-    closed: boolean;
-    /** Whether the content should scroll down from the top when open. */
-    scrollDown: boolean;
-    /** Stop fading the content when collapsing/expanding. */
-    noFading: boolean;
-    /** If true, collapse/expand based on the nearest header shrink event. */
-    collapseOnHeaderShrink: boolean;
-    /**
-     * Handles `leHeaderShrinkChange` events from the `le-header`.
-     * In case multiple headers are present, only the nearest one in the DOM tree is used.
-     */
-    handleHeaderShrink(ev: Event): void;
-    private headerShrunk;
-    componentDidLoad(): void;
-    protected onOpenChange(): void;
-    protected onDrivenStateChange(): void;
-    private shouldBeOpen;
-    private applyOpenState;
-    render(): any;
-}

package/dist/types/components/le-combobox/le-combobox.d.ts

@@ -1,128 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { LeOption, LeOptionValue, LeOptionSelectDetail } from '../../types/options';
-/**
- * A combobox component with searchable dropdown.
- *
- * Combines a text input with a dropdown list, allowing users to
- * filter options by typing or select from the list.
- *
- * @cmsEditable true
- * @cmsCategory Form
- *
- * @example Basic combobox
- * ```html
- * <le-combobox
- *   placeholder="Search..."
- *   options='[{"label": "Apple"}, {"label": "Banana"}, {"label": "Cherry"}]'
- * ></le-combobox>
- * ```
- *
- * @example Allow custom values
- * ```html
- * <le-combobox
- *   placeholder="Type or select..."
- *   allow-custom
- *   options='[{"label": "Red"}, {"label": "Green"}, {"label": "Blue"}]'
- * ></le-combobox>
- * ```
- */
-export declare class LeCombobox {
-    el: HTMLElement;
-    /**
-     * The options to display in the dropdown.
-     */
-    options: LeOption[] | string;
-    /**
-     * The currently selected value.
-     */
-    value?: LeOptionValue;
-    /**
-     * Placeholder text for the input.
-     */
-    placeholder: string;
-    /**
-     * Whether the combobox is disabled.
-     */
-    disabled: boolean;
-    /**
-     * Whether selection is required.
-     */
-    required: boolean;
-    /**
-     * Name attribute for form submission.
-     */
-    name?: string;
-    /**
-     * Whether the multiselect should take full width of its container.
-     */
-    fullWidth: boolean;
-    /**
-     * Size variant of the combobox.
-     */
-    size: 'small' | 'medium' | 'large';
-    /**
-     * Whether to allow custom values not in the options list.
-     */
-    allowCustom: boolean;
-    /**
-     * Minimum characters before showing filtered results.
-     */
-    minSearchLength: number;
-    /**
-     * Text to show when no options match the search.
-     */
-    emptyText: string;
-    /**
-     * Whether the dropdown is currently open.
-     */
-    open: boolean;
-    /**
-     * Emitted when the selected value changes.
-     */
-    leChange: EventEmitter<LeOptionSelectDetail>;
-    /**
-     * Emitted when the input value changes (for custom values).
-     */
-    leInput: EventEmitter<{
-        value: string;
-    }>;
-    /**
-     * Emitted when the dropdown opens.
-     */
-    leOpen: EventEmitter<void>;
-    /**
-     * Emitted when the dropdown closes.
-     */
-    leClose: EventEmitter<void>;
-    handleWindowClick(event: MouseEvent): void;
-    private inputValue;
-    private selectedOption?;
-    private dropdownEl?;
-    private inputEl?;
-    handleValueChange(): void;
-    handleOptionsChange(): void;
-    componentWillLoad(): void;
-    private get parsedOptions();
-    private updateSelectedOption;
-    private filterOption;
-    private handleOptionSelect;
-    private handleDropdownOpen;
-    private handleDropdownClose;
-    private handleInputChange;
-    private handleInputFocus;
-    private handleInputKeyDown;
-    private handleClear;
-    /**
-     * Opens the dropdown.
-     */
-    showDropdown(): Promise<void>;
-    /**
-     * Closes the dropdown.
-     */
-    hideDropdown(): Promise<void>;
-    /**
-     * Focuses the input element.
-     */
-    focusInput(): Promise<void>;
-    render(): any;
-}