le-kit 0.5.3 → 0.6.0

package/dist/types/components/le-tab-bar/le-tab-bar.d.ts

@@ -1,88 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { LeOption, LeOptionValue, LeOptionSelectDetail } from '../../types/options';
-/**
- * A presentational tab bar component without panels.
- *
- * Use this for navigation/routing scenarios where you manage the content
- * externally based on the selection events. For tabs with built-in panels,
- * use `le-tabs` instead.
- *
- * @cssprop --le-tab-bar-border-color - Border color
- * @cssprop --le-tab-bar-gap - Gap between tabs
- * @cssprop --le-tab-bar-indicator-color - Active indicator color
- * @cssprop --le-tab-bar-padding-x - Horizontal padding for tabs
- * @cssprop --le-tab-bar-padding-y - Vertical padding for tabs
- *
- * @csspart tablist - The tab button container
- * @csspart tab - Individual tab buttons
- * @csspart tab-active - The currently active tab
- *
- * @cmsEditable true
- * @cmsCategory Navigation
- */
-export declare class LeTabBar {
-    el: HTMLElement;
-    /**
-     * Array of tab options defining the tabs to display.
-     */
-    tabs: LeOption[];
-    /**
-     * The value of the currently selected tab.
-     */
-    selected?: LeOptionValue;
-    /**
-     * Whether tabs should stretch to fill available width.
-     */
-    fullWidth: boolean;
-    /**
-     * Whether to show labels in icon-only mode.
-     */
-    showLabels: boolean;
-    /**
-     * Position of the tab bar.
-     * @allowedValues top | bottom
-     */
-    position: 'top' | 'bottom';
-    /**
-     * Size of the tabs.
-     * @allowedValues small | medium | large
-     */
-    size: 'small' | 'medium' | 'large';
-    /**
-     * Whether to show a border below the tab bar.
-     */
-    bordered: boolean;
-    /**
-     * Internal tab configurations (built from children or tabs prop)
-     */
-    private tabConfigs;
-    /**
-     * Whether we're using declarative mode (le-tab-panel children)
-     */
-    private isDeclarativeMode;
-    /**
-     * Internal state for focused tab index (for keyboard navigation)
-     */
-    private focusedIndex;
-    /**
-     * Emitted when the selected tab changes.
-     */
-    leTabChange: EventEmitter<LeOptionSelectDetail>;
-    private mutationObserver?;
-    selectedChanged(newValue: LeOptionValue): void;
-    tabsChanged(): void;
-    handleSlotChange(): void;
-    componentWillLoad(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private buildTabConfigs;
-    private getTabValue;
-    private getTabIndex;
-    private selectTab;
-    private handleTabClick;
-    private handleKeyDown;
-    private findNextEnabledTab;
-    private findFirstEnabledTab;
-    private findLastEnabledTab;
-    render(): any;
-}

package/dist/types/components/le-tab-panel/le-tab-panel.d.ts

@@ -1,75 +0,0 @@
-/**
- * A tab panel component used as a child of le-tabs.
- *
- * Each le-tab-panel defines both the tab button label and the panel content.
- * The parent le-tabs component automatically reads these panels and creates
- * the tab interface.
- *
- * @slot - Default slot for panel content
- *
- * @cmsEditable true
- * @cmsCategory Navigation
- */
-export declare class LeTabPanel {
-    el: HTMLLeTabPanelElement;
-    /**
-     * The label displayed in the tab button.
-     */
-    label: string;
-    /**
-     * The value used to identify this tab.
-     * Defaults to the label if not provided.
-     */
-    value?: string;
-    /**
-     * Icon displayed at the start of the tab button.
-     * Can be an emoji, URL, or icon class.
-     */
-    iconStart?: string;
-    /**
-     * Icon displayed at the end of the tab button.
-     */
-    iconEnd?: string;
-    /**
-     * Whether this tab is disabled.
-     */
-    disabled: boolean;
-    /**
-     * Whether to render the panel content only when active (lazy loading).
-     * When true, content is not rendered until the tab is first selected.
-     * When false (default), content is always in DOM but hidden when inactive.
-     */
-    lazy: boolean;
-    /**
-     * Internal: Whether this panel is currently active (set by parent le-tabs)
-     */
-    active: boolean;
-    /**
-     * Internal: Track if panel has ever been activated (for lazy rendering)
-     */
-    hasBeenActive: boolean;
-    activeChanged(isActive: boolean): void;
-    /**
-     * Get the effective value (value or label as fallback)
-     */
-    getValue(): Promise<string>;
-    /**
-     * Get tab configuration for parent component
-     */
-    getTabConfig(): Promise<{
-        label: string;
-        value: string;
-        iconStart?: string;
-        iconEnd?: string;
-        disabled: boolean;
-    }>;
-    /**
-     * Set the active state (called by parent le-tabs)
-     */
-    setActive(isActive: boolean): Promise<void>;
-    /**
-     * Check if panel should render content
-     */
-    private shouldRenderContent;
-    render(): any;
-}

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

@@ -1,108 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { LeOption, LeOptionValue, LeOptionSelectDetail } from '../../types/options';
-/**
- * A flexible tabs component for organizing content into tabbed panels.
- *
- * Supports two modes:
- * 1. **Declarative**: Use `<le-tab-panel>` children to define tabs and content
- * 2. **Programmatic**: Use the `tabs` prop with named slots for content
- *
- * Full keyboard navigation and ARIA support included.
- *
- * @slot - Default slot for le-tab-panel children (declarative mode)
- * @slot panel-{value} - Named slots for panel content (programmatic mode)
- *
- * @cssprop --le-tabs-border-color - Border color for tab list
- * @cssprop --le-tabs-gap - Gap between tabs
- * @cssprop --le-tabs-indicator-color - Active tab indicator color
- * @cssprop --le-tabs-padding-x - Horizontal padding for tab buttons
- * @cssprop --le-tabs-padding-y - Vertical padding for tab buttons
- *
- * @csspart tablist - The tab button container (role="tablist")
- * @csspart tab - Individual tab buttons
- * @csspart tab-active - The currently active tab
- * @csspart panels - Container for panel content
- * @csspart panel - Individual panel containers
- *
- * @cmsEditable true
- * @cmsCategory Navigation
- */
-export declare class LeTabs {
-    el: HTMLElement;
-    /**
-     * Array of tab options (programmatic mode).
-     * If le-tab-panel children exist, they take precedence.
-     */
-    tabs: LeOption[];
-    /**
-     * The value of the currently selected tab.
-     * If not provided, defaults to the first tab.
-     */
-    selected?: LeOptionValue;
-    /**
-     * Orientation of the tabs.
-     * @allowedValues horizontal | vertical
-     */
-    orientation: 'horizontal' | 'vertical';
-    /**
-     * Position of the tabs relative to the panels.
-     * @allowedValues start | end
-     */
-    position: 'start' | 'end';
-    /**
-     * Tab variant style.
-     * @allowedValues underlined | solid | pills | enclosed | icon-only
-     */
-    variant: 'underlined' | 'solid' | 'pills' | 'enclosed' | 'icon-only';
-    /**
-     * Whether tabs should stretch to fill available width.
-     */
-    fullWidth: boolean;
-    /**
-     * Size of the tabs.
-     * @allowedValues sm | md | lg
-     */
-    size: 'small' | 'medium' | 'large';
-    /**
-     * Wrap the tabs if they exceed container width.
-     */
-    wrap: boolean;
-    /**
-     * Scroll behavior for overflowing tabs.
-     * @allowedValues auto | hidden | visible | scroll
-     */
-    overflow: 'auto' | 'hidden' | 'visible' | 'scroll';
-    /**
-     * Internal tab configurations (built from children or tabs prop)
-     */
-    private tabConfigs;
-    /**
-     * Internal state for focused tab index (for keyboard navigation)
-     */
-    private focusedIndex;
-    /**
-     * Whether we're using declarative mode (le-tab-panel children)
-     */
-    private isDeclarativeMode;
-    /**
-     * Emitted when the selected tab changes.
-     */
-    leTabChange: EventEmitter<LeOptionSelectDetail>;
-    private mutationObserver?;
-    selectedChanged(newValue: LeOptionValue): void;
-    tabsChanged(): void;
-    handleSlotChange(): void;
-    componentWillLoad(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private buildTabConfigs;
-    private updatePanelStates;
-    private selectTab;
-    private handleTabClick;
-    private handleKeyDown;
-    private findNextEnabledTab;
-    private findFirstEnabledTab;
-    private findLastEnabledTab;
-    private focusTab;
-    render(): any;
-}

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

@@ -1,78 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-/**
- * A tag/chip component for displaying labels with optional dismiss functionality.
- *
- * @cmsEditable false
- * @cmsCategory Form
- *
- * @slot - Default slot for custom content (overrides label prop)
- *
- * @example Basic tag
- * ```html
- * <le-tag label="JavaScript"></le-tag>
- * ```
- *
- * @example Dismissible tag
- * ```html
- * <le-tag label="Remove me" dismissible></le-tag>
- * ```
- *
- * @example With icon
- * ```html
- * <le-tag label="Settings" icon="⚙️"></le-tag>
- * ```
- *
- * @example Different sizes
- * ```html
- * <le-tag label="Small" size="small"></le-tag>
- * <le-tag label="Medium" size="medium"></le-tag>
- * <le-tag label="Large" size="large"></le-tag>
- * ```
- *
- * @example Different variants
- * ```html
- * <le-tag label="Default" variant="default"></le-tag>
- * <le-tag label="Primary" variant="primary"></le-tag>
- * <le-tag label="Success" variant="success"></le-tag>
- * <le-tag label="Warning" variant="warning"></le-tag>
- * <le-tag label="Danger" variant="danger"></le-tag>
- * ```
- */
-export declare class LeTag {
-    /**
-     * The text label to display in the tag.
-     */
-    label: string;
-    /**
-     * Mode of the popover should be 'default' for internal use
-     */
-    mode: 'default' | 'admin';
-    /**
-     * Icon to display before the label.
-     * Can be an emoji, URL, or icon name.
-     */
-    icon?: string;
-    /**
-     * Whether the tag can be dismissed (shows close button).
-     */
-    dismissible: boolean;
-    /**
-     * Whether the tag is disabled.
-     */
-    disabled: boolean;
-    /**
-     * The size of the tag.
-     */
-    size: 'small' | 'medium' | 'large';
-    /**
-     * The visual variant of the tag.
-     */
-    variant: 'default' | 'primary' | 'success' | 'warning' | 'danger';
-    /**
-     * Emitted when the dismiss button is clicked.
-     */
-    leDismiss: EventEmitter<void>;
-    private handleDismiss;
-    private renderIcon;
-    render(): any;
-}

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

@@ -1,141 +0,0 @@
-/**
- * A text component with rich text editing capabilities in admin mode.
- *
- * `le-text` renders semantic text elements (headings, paragraphs, code, quotes)
- * and provides a Notion-like rich text editor in admin mode with formatting
- * toolbar for bold, italic, links, and paragraph type selection.
- *
- * @slot - Default slot for text content
- *
- * @cssprop --le-text-color - Text color
- * @cssprop --le-text-font-size - Font size
- * @cssprop --le-text-line-height - Line height
- * @cssprop --le-text-font-weight - Font weight
- *
- * @csspart text - The text container element
- *
- * @cmsEditable true
- * @cmsCategory Content
- */
-export declare class LeText {
-    el: HTMLElement;
-    /**
-     * The semantic variant/type of text element
-     * @allowedValues p | h1 | h2 | h3 | h4 | h5 | h6 | code | quote | label | small
-     */
-    variant: 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'code' | 'quote' | 'label' | 'small';
-    /**
-     * Text alignment
-     * @allowedValues left | center | right | justify
-     */
-    align: 'left' | 'center' | 'right' | 'justify';
-    /**
-     * Text color (CSS value or theme token)
-     */
-    color?: string;
-    /**
-     * Whether the text should truncate with ellipsis
-     */
-    truncate: boolean;
-    /**
-     * Maximum number of lines before truncating (requires truncate=true)
-     */
-    maxLines?: number;
-    /**
-     * Internal state to track admin mode
-     */
-    private adminMode;
-    /**
-     * The HTML content being edited
-     */
-    private content;
-    /**
-     * Whether the editor is focused (shows toolbar)
-     */
-    private isFocused;
-    /**
-     * Current selection state for toolbar button highlighting
-     */
-    private selectionState;
-    /**
-     * Reference to the contenteditable element
-     */
-    private editorRef?;
-    /**
-     * Reference to the slot element
-     */
-    private slotRef?;
-    private disconnectModeObserver?;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    onVariantChange(): void;
-    /**
-     * Read content from slotted elements
-     */
-    private readSlottedContent;
-    /**
-     * Sync edited content back to the slot
-     */
-    private syncContentToSlot;
-    /**
-     * Handle input in the contenteditable
-     */
-    private handleInput;
-    /**
-     * Handle focus on the editor
-     */
-    private handleFocus;
-    /**
-     * Handle blur on the editor
-     */
-    private handleBlur;
-    /**
-     * Handle selection change to update toolbar state
-     */
-    private handleSelectionChange;
-    /**
-     * Update the selection state for toolbar highlighting
-     */
-    private updateSelectionState;
-    /**
-     * Check if current selection is within a link
-     */
-    private isSelectionInLink;
-    /**
-     * Execute a formatting command
-     */
-    private execCommand;
-    /**
-     * Toggle bold formatting
-     */
-    private toggleBold;
-    /**
-     * Toggle italic formatting
-     */
-    private toggleItalic;
-    /**
-     * Toggle underline formatting
-     */
-    private toggleUnderline;
-    /**
-     * Toggle strikethrough formatting
-     */
-    private toggleStrikethrough;
-    /**
-     * Add or edit a link
-     */
-    private toggleLink;
-    /**
-     * Change the block type/variant
-     */
-    private changeVariant;
-    /**
-     * Render the formatting toolbar
-     */
-    private renderToolbar;
-    /**
-     * Get the semantic tag for the current variant
-     */
-    private getTag;
-    render(): any;
-}

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

@@ -1,55 +0,0 @@
-export declare class LeTurntable {
-    el: HTMLElement;
-    center: string;
-    value: number;
-    updateValue(newValue: any): void;
-    /**
-     * Internal state
-     *
-     * using properties instead of @State decoratorm
-     * because we are only changing styles of the element and don't
-     * need the element to be rerendered
-     */
-    rotating: boolean;
-    centerX: number;
-    centerY: number;
-    pageX: number;
-    pageY: number;
-    currentAngle: number;
-    startAngle: number;
-    /**
-     * Event listeners
-     */
-    handleMouseDown(evt: MouseEvent): boolean;
-    /**
-     * Fires when the mouse moves
-     * checks is the element rotating right now and if it is
-     * then calc the current angle and rotate the element
-     *
-     * TODO: attach events only after the dragStart?
-     */
-    handleMouseMove(evt: MouseEvent): boolean;
-    handleMouseUp(evt: MouseEvent): boolean;
-    handleWindowResize(): void;
-    /**
-     * Component lifecycles
-     */
-    componentDidLoad(): void;
-    componentDidUpdate(): void;
-    /**
-     * Calculates the transform origin of the component
-     * and the page offset in pixels
-     *
-     * We'll need these values to calculate the angle of pointer event
-     */
-    getTransformOrigin(): void;
-    /**
-     * Calculates current angle
-     *
-     * @param {number} posX  horizontal mouse position
-     * @param {number} posY  vertical mouse position
-     */
-    getAngle(posX: number, posY: number): number;
-    setAngle(angle: any): void;
-    render(): any;
-}