le-kit 0.5.2 → 0.5.4

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;
-}

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

@@ -1,115 +0,0 @@
-/**
- * Component wrapper for admin mode editing.
- *
- * This component is used internally by other components to provide admin-mode
- * editing capabilities. It wraps the component's rendered output and shows
- * a settings popover for editing properties.
- *
- * In default mode, it acts as a simple passthrough (display: contents).
- * In admin mode, it shows a border, component name header, and settings popover.
- *
- * The host element is found automatically by traversing up through the shadow DOM.
- *
- * Usage inside a component's render method:
- * ```tsx
- * render() {
- *   return (
- *     <le-component component="le-card">
- *       <Host>...</Host>
- *     </le-component>
- *   );
- * }
- * ```
- *
- * @slot - The component's rendered content
- *
- * @cmsInternal true
- * @cmsCategory System
- */
-export declare class LeComponent {
-    el: HTMLElement;
-    /**
-     * The tag name of the component (e.g., 'le-card').
-     * Used to look up property metadata and display the component name.
-     */
-    component: string;
-    /**
-     * Optional display name for the component.
-     * If not provided, the tag name will be formatted as the display name.
-     */
-    displayName?: string;
-    /**
-     * Classes to apply to the host element.
-     * Allows parent components to pass their styling classes.
-     */
-    hostClass?: string;
-    /**
-     * Inline styles to apply to the host element.
-     * Allows parent components to pass dynamic styles (e.g., flex properties).
-     */
-    hostStyle?: {
-        [key: string]: string;
-    };
-    /**
-     * Reference to the host element (found automatically from parent)
-     */
-    private hostElement?;
-    /**
-     * Internal state to track admin mode
-     */
-    private adminMode;
-    /**
-     * Component metadata loaded from Custom Elements Manifest
-     */
-    private componentMeta;
-    /**
-     * Current property values of the host component
-     */
-    private propertyValues;
-    private disconnectModeObserver?;
-    connectedCallback(): void;
-    /**
-     * Find the host element by traversing up through shadow DOM
-     */
-    private findHostElement;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    /**
-     * Formats a tag name into a display name
-     * e.g., 'le-card' -> 'Card'
-     */
-    private formatDisplayName;
-    /**
-     * Load component metadata from the Custom Elements Manifest
-     */
-    private loadComponentMetadata;
-    /**
-     * Check if an attribute is internal (should not be shown in editor)
-     */
-    private isInternalAttribute;
-    /**
-     * Read current property values from the host element
-     */
-    private readPropertyValues;
-    /**
-     * Parse an attribute value based on its type
-     */
-    private parseAttributeValue;
-    /**
-     * Handle property value changes from the editor
-     */
-    private handlePropertyChange;
-    /**
-     * Delete this component from the DOM
-     */
-    private deleteComponent;
-    /**
-     * Render the property editor form
-     */
-    private renderPropertyEditor;
-    /**
-     * Render a single property field based on its type
-     */
-    private renderPropertyField;
-    render(): any;
-}

package/dist/types/components/le-current-heading/le-current-heading.d.ts

@@ -1,25 +0,0 @@
-/**
- * Shows a "smart" header title based on what has scrolled out of view.
- *
- * When `selector` matches multiple elements, the title becomes the last element
- * (top-to-bottom) that has fully scrolled out above the viewport.
- *
- * @slot - Optional fallback content if no watched title is active
- *
- * @csspart title - The rendered title
- *
- * @cmsEditable true
- * @cmsCategory Layout
- */
-export declare class LeCurrentHeading {
-    el: HTMLElement;
-    /** CSS selector for page title/headings to watch (e.g. `.page-title`, `main h2`). */
-    selector: string;
-    private activeText;
-    componentWillLoad(): void;
-    protected onSelectorChange(): void;
-    protected onScroll(): void;
-    protected onResize(): void;
-    private updateActiveTitle;
-    render(): any;
-}