le-kit 0.1.15 → 0.1.16

package/dist/types/components.d.ts

@@ -265,6 +265,38 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * Animated show/hide wrapper.
+     * Supports height collapse (auto->0) and/or fading.
+     * Can optionally listen to the nearest `le-header` shrink events.
+     * @cssprop --le-collapse-duration - Transition duration
+     * @csspart region - Collapsible region
+     * @csspart content - Inner content
+     * @cmsEditable true
+     * @cmsCategory Layout
+     */
+    interface LeCollapse {
+        /**
+          * If true, collapse/expand based on the nearest header shrink event.
+          * @default false
+         */
+        "collapseOnHeaderShrink": boolean;
+        /**
+          * Stop fading the content when collapsing/expanding.
+          * @default false
+         */
+        "noFading": boolean;
+        /**
+          * Whether the content should be shown.
+          * @default true
+         */
+        "open": boolean;
+        /**
+          * Whether the content should scroll down from the top when open.
+          * @default false
+         */
+        "scrollDown": boolean;
+    }
     /**
      * A combobox component with searchable dropdown.
      * Combines a text input with a dropdown list, allowing users to
@@ -398,6 +430,21 @@ export namespace Components {
          */
         "hostStyle"?: { [key: string]: string };
     }
+    /**
+     * 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.
+     * @csspart title - The rendered title
+     * @cmsEditable true
+     * @cmsCategory Layout
+     */
+    interface LeCurrentHeading {
+        /**
+          * CSS selector for page title/headings to watch (e.g. `.page-title`, `main h2`).
+          * @default ''
+         */
+        "selector": string;
+    }
     /**
      * Internal dropdown base component that provides shared functionality
      * for select, combobox, and multiselect components.
@@ -485,6 +532,78 @@ export namespace Components {
          */
         "width"?: string;
     }
+    /**
+     * A functional page header with scroll-aware behaviors.
+     * Features:
+     * - Static (default), sticky, or fixed positioning
+     * - Optional shrink-on-scroll behavior via `shrink-offset`
+     * - Optional reveal-on-scroll-up via `reveal-on-scroll` (sticky only)
+     * Slots:
+     * - `start`: left side (logo/back button)
+     * - `title`: centered/primary title content
+     * - `end`: right side actions
+     * - default: extra content row (e.g., tabs/search) rendered below main row
+     * @cssprop --le-header-bg - Background (color/gradient)
+     * @cssprop --le-header-color - Text color
+     * @cssprop --le-header-border - Border (e.g. 1px solid ...)
+     * @cssprop --le-header-shadow - Shadow/elevation
+     * @cssprop --le-header-max-width - Inner content max width
+     * @cssprop --le-header-padding-x - Horizontal padding
+     * @cssprop --le-header-padding-y - Vertical padding
+     * @cssprop --le-header-gap - Gap between zones
+     * @cssprop --le-header-height - Base height (main row)
+     * @cssprop --le-header-height-condensed - Condensed height when shrunk
+     * @cssprop --le-header-transition - Transition timing
+     * @cssprop --le-header-z - Z-index (fixed mode)
+     * @csspart header - The header container
+     * @csspart inner - Inner max-width container
+     * @csspart row - Main row
+     * @csspart start - Start zone
+     * @csspart title - Title zone
+     * @csspart end - End zone
+     * @csspart secondary - Secondary row
+     * @cmsEditable true
+     * @cmsCategory Layout
+     */
+    interface LeHeader {
+        /**
+          * If true, expand the header when hovered
+          * @default false
+         */
+        "expandOnHover": boolean;
+        /**
+          * Fixed positioning (out-of-flow). Takes precedence over `sticky`/`static`.
+          * @default false
+         */
+        "fixed": boolean;
+        /**
+          * Force static positioning (default). Ignored if `sticky` or `fixed` are true.
+          * @default false
+         */
+        "isStatic": boolean;
+        /**
+          * Sticky-only reveal behavior (hide on scroll down, show on scroll up). - missing/false: disabled - true/empty attribute: enabled with default threshold (16) - number (as string): enabled and used as threshold
+         */
+        "revealOnScroll"?: string;
+        /**
+          * Shrink trigger. - missing/0: disabled - number (px): shrink when scrollY >= that value (but never before header height) - css var name (e.g. --foo): shrink when scrollY >= resolved var value - selector (e.g. .page-title): shrink when that element scrolls out of view above the viewport
+         */
+        "shrinkOffset"?: string;
+        /**
+          * Sticky positioning (in-flow). Ignored if `fixed` is true.
+          * @default false
+         */
+        "sticky": boolean;
+    }
+    /**
+     * Placeholder for `le-header`.
+     * Reserves space using the global CSS variable `--le-header-height`.
+     * The header component updates that variable when it renders.
+     * @cssprop --le-header-height - Published header height (px)
+     * @cmsInternal true
+     */
+    interface LeHeaderPlaceholder {
+    }
     /**
      * A multiselect component for selecting multiple options.
      * Displays selected items as tags with optional search filtering.
@@ -834,6 +953,29 @@ export namespace Components {
          */
         "value": number;
     }
+    /**
+     * Displays scroll progress as a simple bar.
+     * If `track-scroll-progress` is present without a value, tracks the full document.
+     * If it is a selector string, tracks progress within the matched element.
+     * @cssprop --le-scroll-progress-height - Bar height
+     * @cssprop --le-scroll-progress-bg - Track background
+     * @cssprop --le-scroll-progress-fill - Fill color
+     * @cssprop --le-scroll-progress-sticky-top - If sticky, stop position to parent top
+     * @cssprop --le-scroll-progress-fixed-top - If fixed, distance from window top
+     * @cssprop --le-scroll-progress-fixed-left - If fixed, distance from window left
+     * @cssprop --le-scroll-progress-fixed-right - If fixed, distance from window right
+     * @cssprop --le-scroll-progress-z - Z-index of the progress bar (1001 by default, above header)
+     * @csspart track - Outer track
+     * @csspart fill - Inner fill
+     * @cmsEditable true
+     * @cmsCategory Layout
+     */
+    interface LeScrollProgress {
+        /**
+          * Boolean or selector string.
+         */
+        "trackScrollProgress"?: string;
+    }
     /**
      * A segmented control component (iOS-style toggle buttons).
      * Perfect for toggling between a small set of related options.
@@ -1576,6 +1718,10 @@ export interface LeDropdownBaseCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLeDropdownBaseElement;
 }
+export interface LeHeaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLeHeaderElement;
+}
 export interface LeMultiselectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLeMultiselectElement;
@@ -1720,6 +1866,22 @@ declare global {
         prototype: HTMLLeCheckboxElement;
         new (): HTMLLeCheckboxElement;
     };
+    /**
+     * Animated show/hide wrapper.
+     * Supports height collapse (auto->0) and/or fading.
+     * Can optionally listen to the nearest `le-header` shrink events.
+     * @cssprop --le-collapse-duration - Transition duration
+     * @csspart region - Collapsible region
+     * @csspart content - Inner content
+     * @cmsEditable true
+     * @cmsCategory Layout
+     */
+    interface HTMLLeCollapseElement extends Components.LeCollapse, HTMLStencilElement {
+    }
+    var HTMLLeCollapseElement: {
+        prototype: HTMLLeCollapseElement;
+        new (): HTMLLeCollapseElement;
+    };
     interface HTMLLeComboboxElementEventMap {
         "leChange": LeOptionSelectDetail;
         "leInput": { value: string };
@@ -1789,6 +1951,20 @@ declare global {
         prototype: HTMLLeComponentElement;
         new (): HTMLLeComponentElement;
     };
+    /**
+     * 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.
+     * @csspart title - The rendered title
+     * @cmsEditable true
+     * @cmsCategory Layout
+     */
+    interface HTMLLeCurrentHeadingElement extends Components.LeCurrentHeading, HTMLStencilElement {
+    }
+    var HTMLLeCurrentHeadingElement: {
+        prototype: HTMLLeCurrentHeadingElement;
+        new (): HTMLLeCurrentHeadingElement;
+    };
     interface HTMLLeDropdownBaseElementEventMap {
         "leOptionSelect": LeOptionSelectDetail;
         "leDropdownOpen": void;
@@ -1819,6 +1995,76 @@ declare global {
         prototype: HTMLLeDropdownBaseElement;
         new (): HTMLLeDropdownBaseElement;
     };
+    interface HTMLLeHeaderElementEventMap {
+        "leHeaderState": {
+    y: number;
+    direction: 'up' | 'down';
+    revealed: boolean;
+    shrunk: boolean;
+  };
+        "leHeaderShrinkChange": { shrunk: boolean; y: number };
+        "leHeaderVisibilityChange": { visible: boolean; y: number };
+    }
+    /**
+     * A functional page header with scroll-aware behaviors.
+     * Features:
+     * - Static (default), sticky, or fixed positioning
+     * - Optional shrink-on-scroll behavior via `shrink-offset`
+     * - Optional reveal-on-scroll-up via `reveal-on-scroll` (sticky only)
+     * Slots:
+     * - `start`: left side (logo/back button)
+     * - `title`: centered/primary title content
+     * - `end`: right side actions
+     * - default: extra content row (e.g., tabs/search) rendered below main row
+     * @cssprop --le-header-bg - Background (color/gradient)
+     * @cssprop --le-header-color - Text color
+     * @cssprop --le-header-border - Border (e.g. 1px solid ...)
+     * @cssprop --le-header-shadow - Shadow/elevation
+     * @cssprop --le-header-max-width - Inner content max width
+     * @cssprop --le-header-padding-x - Horizontal padding
+     * @cssprop --le-header-padding-y - Vertical padding
+     * @cssprop --le-header-gap - Gap between zones
+     * @cssprop --le-header-height - Base height (main row)
+     * @cssprop --le-header-height-condensed - Condensed height when shrunk
+     * @cssprop --le-header-transition - Transition timing
+     * @cssprop --le-header-z - Z-index (fixed mode)
+     * @csspart header - The header container
+     * @csspart inner - Inner max-width container
+     * @csspart row - Main row
+     * @csspart start - Start zone
+     * @csspart title - Title zone
+     * @csspart end - End zone
+     * @csspart secondary - Secondary row
+     * @cmsEditable true
+     * @cmsCategory Layout
+     */
+    interface HTMLLeHeaderElement extends Components.LeHeader, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLeHeaderElementEventMap>(type: K, listener: (this: HTMLLeHeaderElement, ev: LeHeaderCustomEvent<HTMLLeHeaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLLeHeaderElementEventMap>(type: K, listener: (this: HTMLLeHeaderElement, ev: LeHeaderCustomEvent<HTMLLeHeaderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLLeHeaderElement: {
+        prototype: HTMLLeHeaderElement;
+        new (): HTMLLeHeaderElement;
+    };
+    /**
+     * Placeholder for `le-header`.
+     * Reserves space using the global CSS variable `--le-header-height`.
+     * The header component updates that variable when it renders.
+     * @cssprop --le-header-height - Published header height (px)
+     * @cmsInternal true
+     */
+    interface HTMLLeHeaderPlaceholderElement extends Components.LeHeaderPlaceholder, HTMLStencilElement {
+    }
+    var HTMLLeHeaderPlaceholderElement: {
+        prototype: HTMLLeHeaderPlaceholderElement;
+        new (): HTMLLeHeaderPlaceholderElement;
+    };
     interface HTMLLeMultiselectElementEventMap {
         "leChange": LeMultiOptionSelectDetail;
         "leOpen": void;
@@ -1955,6 +2201,29 @@ declare global {
         prototype: HTMLLeRoundProgressElement;
         new (): HTMLLeRoundProgressElement;
     };
+    /**
+     * Displays scroll progress as a simple bar.
+     * If `track-scroll-progress` is present without a value, tracks the full document.
+     * If it is a selector string, tracks progress within the matched element.
+     * @cssprop --le-scroll-progress-height - Bar height
+     * @cssprop --le-scroll-progress-bg - Track background
+     * @cssprop --le-scroll-progress-fill - Fill color
+     * @cssprop --le-scroll-progress-sticky-top - If sticky, stop position to parent top
+     * @cssprop --le-scroll-progress-fixed-top - If fixed, distance from window top
+     * @cssprop --le-scroll-progress-fixed-left - If fixed, distance from window left
+     * @cssprop --le-scroll-progress-fixed-right - If fixed, distance from window right
+     * @cssprop --le-scroll-progress-z - Z-index of the progress bar (1001 by default, above header)
+     * @csspart track - Outer track
+     * @csspart fill - Inner fill
+     * @cmsEditable true
+     * @cmsCategory Layout
+     */
+    interface HTMLLeScrollProgressElement extends Components.LeScrollProgress, HTMLStencilElement {
+    }
+    var HTMLLeScrollProgressElement: {
+        prototype: HTMLLeScrollProgressElement;
+        new (): HTMLLeScrollProgressElement;
+    };
     interface HTMLLeSegmentedControlElementEventMap {
         "leChange": LeOptionSelectDetail;
     }
@@ -2302,14 +2571,19 @@ declare global {
         "le-button": HTMLLeButtonElement;
         "le-card": HTMLLeCardElement;
         "le-checkbox": HTMLLeCheckboxElement;
+        "le-collapse": HTMLLeCollapseElement;
         "le-combobox": HTMLLeComboboxElement;
         "le-component": HTMLLeComponentElement;
+        "le-current-heading": HTMLLeCurrentHeadingElement;
         "le-dropdown-base": HTMLLeDropdownBaseElement;
+        "le-header": HTMLLeHeaderElement;
+        "le-header-placeholder": HTMLLeHeaderPlaceholderElement;
         "le-multiselect": HTMLLeMultiselectElement;
         "le-number-input": HTMLLeNumberInputElement;
         "le-popover": HTMLLePopoverElement;
         "le-popup": HTMLLePopupElement;
         "le-round-progress": HTMLLeRoundProgressElement;
+        "le-scroll-progress": HTMLLeScrollProgressElement;
         "le-segmented-control": HTMLLeSegmentedControlElement;
         "le-select": HTMLLeSelectElement;
         "le-slot": HTMLLeSlotElement;
@@ -2586,6 +2860,38 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * Animated show/hide wrapper.
+     * Supports height collapse (auto->0) and/or fading.
+     * Can optionally listen to the nearest `le-header` shrink events.
+     * @cssprop --le-collapse-duration - Transition duration
+     * @csspart region - Collapsible region
+     * @csspart content - Inner content
+     * @cmsEditable true
+     * @cmsCategory Layout
+     */
+    interface LeCollapse {
+        /**
+          * If true, collapse/expand based on the nearest header shrink event.
+          * @default false
+         */
+        "collapseOnHeaderShrink"?: boolean;
+        /**
+          * Stop fading the content when collapsing/expanding.
+          * @default false
+         */
+        "noFading"?: boolean;
+        /**
+          * Whether the content should be shown.
+          * @default true
+         */
+        "open"?: boolean;
+        /**
+          * Whether the content should scroll down from the top when open.
+          * @default false
+         */
+        "scrollDown"?: boolean;
+    }
     /**
      * A combobox component with searchable dropdown.
      * Combines a text input with a dropdown list, allowing users to
@@ -2723,6 +3029,21 @@ declare namespace LocalJSX {
          */
         "hostStyle"?: { [key: string]: string };
     }
+    /**
+     * 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.
+     * @csspart title - The rendered title
+     * @cmsEditable true
+     * @cmsCategory Layout
+     */
+    interface LeCurrentHeading {
+        /**
+          * CSS selector for page title/headings to watch (e.g. `.page-title`, `main h2`).
+          * @default ''
+         */
+        "selector"?: string;
+    }
     /**
      * Internal dropdown base component that provides shared functionality
      * for select, combobox, and multiselect components.
@@ -2810,6 +3131,95 @@ declare namespace LocalJSX {
          */
         "width"?: string;
     }
+    /**
+     * A functional page header with scroll-aware behaviors.
+     * Features:
+     * - Static (default), sticky, or fixed positioning
+     * - Optional shrink-on-scroll behavior via `shrink-offset`
+     * - Optional reveal-on-scroll-up via `reveal-on-scroll` (sticky only)
+     * Slots:
+     * - `start`: left side (logo/back button)
+     * - `title`: centered/primary title content
+     * - `end`: right side actions
+     * - default: extra content row (e.g., tabs/search) rendered below main row
+     * @cssprop --le-header-bg - Background (color/gradient)
+     * @cssprop --le-header-color - Text color
+     * @cssprop --le-header-border - Border (e.g. 1px solid ...)
+     * @cssprop --le-header-shadow - Shadow/elevation
+     * @cssprop --le-header-max-width - Inner content max width
+     * @cssprop --le-header-padding-x - Horizontal padding
+     * @cssprop --le-header-padding-y - Vertical padding
+     * @cssprop --le-header-gap - Gap between zones
+     * @cssprop --le-header-height - Base height (main row)
+     * @cssprop --le-header-height-condensed - Condensed height when shrunk
+     * @cssprop --le-header-transition - Transition timing
+     * @cssprop --le-header-z - Z-index (fixed mode)
+     * @csspart header - The header container
+     * @csspart inner - Inner max-width container
+     * @csspart row - Main row
+     * @csspart start - Start zone
+     * @csspart title - Title zone
+     * @csspart end - End zone
+     * @csspart secondary - Secondary row
+     * @cmsEditable true
+     * @cmsCategory Layout
+     */
+    interface LeHeader {
+        /**
+          * If true, expand the header when hovered
+          * @default false
+         */
+        "expandOnHover"?: boolean;
+        /**
+          * Fixed positioning (out-of-flow). Takes precedence over `sticky`/`static`.
+          * @default false
+         */
+        "fixed"?: boolean;
+        /**
+          * Force static positioning (default). Ignored if `sticky` or `fixed` are true.
+          * @default false
+         */
+        "isStatic"?: boolean;
+        /**
+          * Emits when the header shrinks/expands (only on change).
+         */
+        "onLeHeaderShrinkChange"?: (event: LeHeaderCustomEvent<{ shrunk: boolean; y: number }>) => void;
+        /**
+          * Emits whenever scroll-driven state changes.
+         */
+        "onLeHeaderState"?: (event: LeHeaderCustomEvent<{
+    y: number;
+    direction: 'up' | 'down';
+    revealed: boolean;
+    shrunk: boolean;
+  }>) => void;
+        /**
+          * Emits when the header hides/shows (only on change).
+         */
+        "onLeHeaderVisibilityChange"?: (event: LeHeaderCustomEvent<{ visible: boolean; y: number }>) => void;
+        /**
+          * Sticky-only reveal behavior (hide on scroll down, show on scroll up). - missing/false: disabled - true/empty attribute: enabled with default threshold (16) - number (as string): enabled and used as threshold
+         */
+        "revealOnScroll"?: string;
+        /**
+          * Shrink trigger. - missing/0: disabled - number (px): shrink when scrollY >= that value (but never before header height) - css var name (e.g. --foo): shrink when scrollY >= resolved var value - selector (e.g. .page-title): shrink when that element scrolls out of view above the viewport
+         */
+        "shrinkOffset"?: string;
+        /**
+          * Sticky positioning (in-flow). Ignored if `fixed` is true.
+          * @default false
+         */
+        "sticky"?: boolean;
+    }
+    /**
+     * Placeholder for `le-header`.
+     * Reserves space using the global CSS variable `--le-header-height`.
+     * The header component updates that variable when it renders.
+     * @cssprop --le-header-height - Published header height (px)
+     * @cmsInternal true
+     */
+    interface LeHeaderPlaceholder {
+    }
     /**
      * A multiselect component for selecting multiple options.
      * Displays selected items as tags with optional search filtering.
@@ -3167,6 +3577,29 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
+    /**
+     * Displays scroll progress as a simple bar.
+     * If `track-scroll-progress` is present without a value, tracks the full document.
+     * If it is a selector string, tracks progress within the matched element.
+     * @cssprop --le-scroll-progress-height - Bar height
+     * @cssprop --le-scroll-progress-bg - Track background
+     * @cssprop --le-scroll-progress-fill - Fill color
+     * @cssprop --le-scroll-progress-sticky-top - If sticky, stop position to parent top
+     * @cssprop --le-scroll-progress-fixed-top - If fixed, distance from window top
+     * @cssprop --le-scroll-progress-fixed-left - If fixed, distance from window left
+     * @cssprop --le-scroll-progress-fixed-right - If fixed, distance from window right
+     * @cssprop --le-scroll-progress-z - Z-index of the progress bar (1001 by default, above header)
+     * @csspart track - Outer track
+     * @csspart fill - Inner fill
+     * @cmsEditable true
+     * @cmsCategory Layout
+     */
+    interface LeScrollProgress {
+        /**
+          * Boolean or selector string.
+         */
+        "trackScrollProgress"?: string;
+    }
     /**
      * A segmented control component (iOS-style toggle buttons).
      * Perfect for toggling between a small set of related options.
@@ -3925,14 +4358,19 @@ declare namespace LocalJSX {
         "le-button": LeButton;
         "le-card": LeCard;
         "le-checkbox": LeCheckbox;
+        "le-collapse": LeCollapse;
         "le-combobox": LeCombobox;
         "le-component": LeComponent;
+        "le-current-heading": LeCurrentHeading;
         "le-dropdown-base": LeDropdownBase;
+        "le-header": LeHeader;
+        "le-header-placeholder": LeHeaderPlaceholder;
         "le-multiselect": LeMultiselect;
         "le-number-input": LeNumberInput;
         "le-popover": LePopover;
         "le-popup": LePopup;
         "le-round-progress": LeRoundProgress;
+        "le-scroll-progress": LeScrollProgress;
         "le-segmented-control": LeSegmentedControl;
         "le-select": LeSelect;
         "le-slot": LeSlot;
@@ -4004,6 +4442,17 @@ declare module "@stencil/core" {
              * @cssprop --le-checkbox-desc-color - Color of the description text
              */
             "le-checkbox": LocalJSX.LeCheckbox & JSXBase.HTMLAttributes<HTMLLeCheckboxElement>;
+            /**
+             * Animated show/hide wrapper.
+             * Supports height collapse (auto->0) and/or fading.
+             * Can optionally listen to the nearest `le-header` shrink events.
+             * @cssprop --le-collapse-duration - Transition duration
+             * @csspart region - Collapsible region
+             * @csspart content - Inner content
+             * @cmsEditable true
+             * @cmsCategory Layout
+             */
+            "le-collapse": LocalJSX.LeCollapse & JSXBase.HTMLAttributes<HTMLLeCollapseElement>;
             /**
              * A combobox component with searchable dropdown.
              * Combines a text input with a dropdown list, allowing users to
@@ -4049,6 +4498,15 @@ declare module "@stencil/core" {
              * @cmsCategory System
              */
             "le-component": LocalJSX.LeComponent & JSXBase.HTMLAttributes<HTMLLeComponentElement>;
+            /**
+             * 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.
+             * @csspart title - The rendered title
+             * @cmsEditable true
+             * @cmsCategory Layout
+             */
+            "le-current-heading": LocalJSX.LeCurrentHeading & JSXBase.HTMLAttributes<HTMLLeCurrentHeadingElement>;
             /**
              * Internal dropdown base component that provides shared functionality
              * for select, combobox, and multiselect components.
@@ -4061,6 +4519,48 @@ declare module "@stencil/core" {
              * @cmsCategory System
              */
             "le-dropdown-base": LocalJSX.LeDropdownBase & JSXBase.HTMLAttributes<HTMLLeDropdownBaseElement>;
+            /**
+             * A functional page header with scroll-aware behaviors.
+             * Features:
+             * - Static (default), sticky, or fixed positioning
+             * - Optional shrink-on-scroll behavior via `shrink-offset`
+             * - Optional reveal-on-scroll-up via `reveal-on-scroll` (sticky only)
+             * Slots:
+             * - `start`: left side (logo/back button)
+             * - `title`: centered/primary title content
+             * - `end`: right side actions
+             * - default: extra content row (e.g., tabs/search) rendered below main row
+             * @cssprop --le-header-bg - Background (color/gradient)
+             * @cssprop --le-header-color - Text color
+             * @cssprop --le-header-border - Border (e.g. 1px solid ...)
+             * @cssprop --le-header-shadow - Shadow/elevation
+             * @cssprop --le-header-max-width - Inner content max width
+             * @cssprop --le-header-padding-x - Horizontal padding
+             * @cssprop --le-header-padding-y - Vertical padding
+             * @cssprop --le-header-gap - Gap between zones
+             * @cssprop --le-header-height - Base height (main row)
+             * @cssprop --le-header-height-condensed - Condensed height when shrunk
+             * @cssprop --le-header-transition - Transition timing
+             * @cssprop --le-header-z - Z-index (fixed mode)
+             * @csspart header - The header container
+             * @csspart inner - Inner max-width container
+             * @csspart row - Main row
+             * @csspart start - Start zone
+             * @csspart title - Title zone
+             * @csspart end - End zone
+             * @csspart secondary - Secondary row
+             * @cmsEditable true
+             * @cmsCategory Layout
+             */
+            "le-header": LocalJSX.LeHeader & JSXBase.HTMLAttributes<HTMLLeHeaderElement>;
+            /**
+             * Placeholder for `le-header`.
+             * Reserves space using the global CSS variable `--le-header-height`.
+             * The header component updates that variable when it renders.
+             * @cssprop --le-header-height - Published header height (px)
+             * @cmsInternal true
+             */
+            "le-header-placeholder": LocalJSX.LeHeaderPlaceholder & JSXBase.HTMLAttributes<HTMLLeHeaderPlaceholderElement>;
             /**
              * A multiselect component for selecting multiple options.
              * Displays selected items as tags with optional search filtering.
@@ -4121,6 +4621,24 @@ declare module "@stencil/core" {
              */
             "le-popup": LocalJSX.LePopup & JSXBase.HTMLAttributes<HTMLLePopupElement>;
             "le-round-progress": LocalJSX.LeRoundProgress & JSXBase.HTMLAttributes<HTMLLeRoundProgressElement>;
+            /**
+             * Displays scroll progress as a simple bar.
+             * If `track-scroll-progress` is present without a value, tracks the full document.
+             * If it is a selector string, tracks progress within the matched element.
+             * @cssprop --le-scroll-progress-height - Bar height
+             * @cssprop --le-scroll-progress-bg - Track background
+             * @cssprop --le-scroll-progress-fill - Fill color
+             * @cssprop --le-scroll-progress-sticky-top - If sticky, stop position to parent top
+             * @cssprop --le-scroll-progress-fixed-top - If fixed, distance from window top
+             * @cssprop --le-scroll-progress-fixed-left - If fixed, distance from window left
+             * @cssprop --le-scroll-progress-fixed-right - If fixed, distance from window right
+             * @cssprop --le-scroll-progress-z - Z-index of the progress bar (1001 by default, above header)
+             * @csspart track - Outer track
+             * @csspart fill - Inner fill
+             * @cmsEditable true
+             * @cmsCategory Layout
+             */
+            "le-scroll-progress": LocalJSX.LeScrollProgress & JSXBase.HTMLAttributes<HTMLLeScrollProgressElement>;
             /**
              * A segmented control component (iOS-style toggle buttons).
              * Perfect for toggling between a small set of related options.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "le-kit",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "description": "Themable web components library with CMS admin mode support",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",