le-kit 0.1.18 → 0.2.0

package/dist/le-kit/{p-9ba2bfb3.entry.js → p-f4f2c3e7.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s}from"./p-CNv6tzAt.js";import{c as a}from"./p-W4FbLlut.js";const i=()=>`:host{display:block}:host([hidden]){display:none}.stack{gap:var(--le-stack-gap, var(--le-space-md))}:host(.full-width){width:100%}:host(.full-height){height:100%}:host(.direction-horizontal) .stack{min-height:0}:host(.direction-vertical) .stack{min-width:0}`;const n=class{constructor(e){t(this,e)}get el(){return e(this)}direction="horizontal";gap;align="stretch";justify="start";wrap=false;alignContent="stretch";reverse=false;maxItems;fullWidth=false;fullHeight=false;padding;getFlexDirection(){const t=this.direction==="vertical"?"column":"row";return this.reverse?`${t}-reverse`:t}getAlignItems(){const t={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"};return t[this.align]||"stretch"}getJustifyContent(){const t={start:"flex-start",center:"center",end:"flex-end","space-between":"space-between","space-around":"space-around","space-evenly":"space-evenly"};return t[this.justify]||"flex-start"}getAlignContent(){const t={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch","space-between":"space-between","space-around":"space-around"};return t[this.alignContent]||"stretch"}render(){const t={display:"flex",flexDirection:this.getFlexDirection(),alignItems:this.getAlignItems(),justifyContent:this.getJustifyContent(),flexWrap:this.wrap?"wrap":"nowrap"};if(this.wrap){t.alignContent=this.getAlignContent()}if(this.gap){t.gap=this.gap}if(this.padding){t.padding=this.padding}const e=a(`direction-${this.direction}`,{wrap:this.wrap,reverse:this.reverse,"full-width":this.fullWidth,"full-height":this.fullHeight});const i=`display: flex; flex-direction: ${this.getFlexDirection()}; gap: ${this.gap||"var(--le-space-md)"}; flex-wrap: ${this.wrap?"wrap":"nowrap"}; justify-content: ${this.getJustifyContent()}; align-items: ${this.getAlignItems()};`;return s("le-component",{key:"58d38914e8459297766be58844c271aac0f3b0b5",component:"le-stack",hostClass:e},s("div",{key:"56ceceb3eac3ec5c6647719d0d47766eb7ba7b5d",class:"stack",part:"stack",style:t},s("le-slot",{key:"9a75e3f6ae8b05dee32a250d3a4607ff2498c533",name:"",description:`Items arranged ${this.direction}ly${this.maxItems?` (max ${this.maxItems})`:""}`,type:"slot","allowed-components":"le-text,le-box,le-card,le-button,le-stack",slotStyle:i},s("slot",{key:"e0b9d135ce8cc312bee002ef78772f62d6e0d416"}))))}};n.style=i();export{n as le_stack};
-//# sourceMappingURL=p-9ba2bfb3.entry.js.map
+import{r as t,c as e,h as s}from"./p-CNv6tzAt.js";import{c as a}from"./p-W4FbLlut.js";const i=()=>`:host{display:block}:host([hidden]){display:none}.stack{gap:var(--le-stack-gap, var(--le-space-md))}:host(.full-width){width:100%}:host(.full-height){height:100%}:host(.direction-horizontal) .stack{min-height:0}:host(.direction-vertical) .stack{min-width:0}`;const n=class{constructor(e){t(this,e)}get el(){return e(this)}direction="horizontal";gap;align="stretch";justify="start";wrap=false;alignContent="stretch";reverse=false;maxItems;fullWidth=false;fullHeight=false;padding;getFlexDirection(){const t=this.direction==="vertical"?"column":"row";return this.reverse?`${t}-reverse`:t}getAlignItems(){const t={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"};return t[this.align]||"stretch"}getJustifyContent(){const t={start:"flex-start",center:"center",end:"flex-end","space-between":"space-between","space-around":"space-around","space-evenly":"space-evenly"};return t[this.justify]||"flex-start"}getAlignContent(){const t={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch","space-between":"space-between","space-around":"space-around"};return t[this.alignContent]||"stretch"}render(){const t={display:"flex",flexDirection:this.getFlexDirection(),alignItems:this.getAlignItems(),justifyContent:this.getJustifyContent(),flexWrap:this.wrap?"wrap":"nowrap"};if(this.wrap){t.alignContent=this.getAlignContent()}if(this.gap){t.gap=this.gap}if(this.padding){t.padding=this.padding}const e=a(`direction-${this.direction}`,{wrap:this.wrap,reverse:this.reverse,"full-width":this.fullWidth,"full-height":this.fullHeight});const i=`display: flex; flex-direction: ${this.getFlexDirection()}; gap: ${this.gap||"var(--le-space-md)"}; flex-wrap: ${this.wrap?"wrap":"nowrap"}; justify-content: ${this.getJustifyContent()}; align-items: ${this.getAlignItems()};`;return s("le-component",{key:"5f01f4afc716be565227e396952da314182de505",component:"le-stack",hostClass:e},s("div",{key:"1eef9ac4318f39038282c3574d0019c4d904b421",class:"stack",part:"stack",style:t},s("le-slot",{key:"f4445ca2070d685a3621df06dffe02b40cbb2db3",name:"",description:`Items arranged ${this.direction}ly${this.maxItems?` (max ${this.maxItems})`:""}`,type:"slot","allowed-components":"le-text,le-box,le-card,le-button,le-stack",slotStyle:i},s("slot",{key:"90d40bfa5c766d6161614e90ab8f8cec8a0a6dc3"}))))}};n.style=i();export{n as le_stack};
+//# sourceMappingURL=p-f4f2c3e7.entry.js.map

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

@@ -17,8 +17,11 @@ export type LeCollapseAnimation = 'fade' | 'collapse' | 'fade-collapse';
  */
 export declare class LeCollapse {
     el: HTMLElement;
-    /** Whether the content should be shown. */
-    open: boolean;
+    /**
+     * 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. */
@@ -31,7 +34,6 @@ export declare class LeCollapse {
      */
     handleHeaderShrink(ev: Event): void;
     private headerShrunk;
-    componentWillLoad(): void;
     componentDidLoad(): void;
     protected onOpenChange(): void;
     protected onDrivenStateChange(): void;

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

@@ -0,0 +1,28 @@
+export declare class LeIcon {
+    el: HTMLElement;
+    /**
+     * Name of the icon to display. Corresponds to a JSON file in the assets folder.
+     * For example, "search" will load the "search.json" file.
+     */
+    name: string;
+    /**
+     * Size of the icon in pixels. Default is 16.
+     */
+    size: number;
+    private iconData;
+    private visible;
+    private loadIconData;
+    private intersectionObserver;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): Promise<void>;
+    private waitUntilVisible;
+    /**
+     * Renders the SVG content out of a JSON data in a format:
+     * { "viewBox": "...", children: [{ "tag": "g", ""children": [ ... ], ...attrs }, ...] }
+     *
+     * @returns JSX.Element | null
+     */
+    private renderSVGContent;
+    render(): any;
+}

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

@@ -0,0 +1,112 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { LeOption } from '../../types/options';
+export interface LeNavigationItemSelectDetail {
+    item: LeOption;
+    id: string;
+    href?: string;
+    originalEvent: MouseEvent;
+}
+export interface LeNavigationItemToggleDetail {
+    item: LeOption;
+    id: string;
+    open: boolean;
+    originalEvent: MouseEvent;
+}
+/**
+ * Navigation component with vertical (tree) and horizontal (menu) layouts.
+ *
+ * - Accepts items as `LeOption[]` or a JSON string.
+ * - Supports hierarchical items via `children`.
+ * - Supports persisted expansion via `open` on items.
+ *
+ * @cmsEditable true
+ * @cmsCategory Navigation
+ */
+export declare class LeNavigation {
+    el: HTMLElement;
+    /**
+     * Navigation items.
+     * Can be passed as an array or JSON string (same pattern as le-select).
+     */
+    items: LeOption[] | string;
+    /**
+     * Layout orientation.
+     */
+    orientation: 'vertical' | 'horizontal';
+    /**
+     * Horizontal wrapping behavior.
+     * If false, overflow behavior depends on `overflowMode`.
+     */
+    wrap: boolean;
+    /**
+     * Overflow behavior for horizontal, non-wrapping menus.
+     * - more: moves overflow items into a "More" popover
+     * - hamburger: turns the whole nav into a hamburger popover
+     */
+    overflowMode: 'more' | 'hamburger';
+    /**
+     * Enables a search input for the vertical navigation.
+     */
+    searchable: boolean;
+    /**
+     * Placeholder text for the search input.
+     */
+    searchPlaceholder: string;
+    /**
+     * Text shown when no items match the filter.
+     */
+    emptyText: string;
+    /**
+     * Whether submenu popovers should include a filter input.
+     */
+    submenuSearchable: boolean;
+    /**
+     * Fired when a navigation item is activated.
+     *
+     * This event is cancelable. Call `event.preventDefault()` to prevent
+     * default browser navigation and implement custom routing.
+     */
+    leNavItemSelect: EventEmitter<LeNavigationItemSelectDetail>;
+    /**
+     * Fired when a tree branch is toggled.
+     */
+    leNavItemToggle: EventEmitter<LeNavigationItemToggleDetail>;
+    private searchQuery;
+    private openState;
+    private overflowIds;
+    private hamburgerActive;
+    private submenuQueries;
+    private navContainerEl?;
+    private measureEl?;
+    private measureMoreEl?;
+    private topItemEls;
+    private popoverRefs;
+    private resizeObserver?;
+    private instanceId;
+    handleLayoutInputsChange(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    componentDidRender(): void;
+    private setupResizeObserver;
+    private observeContainer;
+    private scheduleOverflowRecalc;
+    private get parsedItems();
+    private getItemId;
+    private getChildItems;
+    private isOpen;
+    private setOpen;
+    private matchesQuery;
+    private filterTree;
+    private handleItemSelect;
+    private handleToggle;
+    private handleSearchInput;
+    private handleSubmenuSearchInput;
+    private getTopLevelIds;
+    private computeOverflow;
+    private computeOverflowMoreByWrap;
+    private renderHorizontalMeasureItem;
+    private renderVerticalList;
+    private renderHorizontalItem;
+    private renderHorizontal;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -6,9 +6,11 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { LeMultiOptionSelectDetail, LeOption, LeOptionSelectDetail, LeOptionValue } from "./types/options";
+import { LeNavigationItemSelectDetail, LeNavigationItemToggleDetail } from "./components/le-navigation/le-navigation";
 import { LeKitMode } from "./global/app";
 import { PopupPosition, PopupResult, PopupType } from "./components/le-popup/le-popup";
 export { LeMultiOptionSelectDetail, LeOption, LeOptionSelectDetail, LeOptionValue } from "./types/options";
+export { LeNavigationItemSelectDetail, LeNavigationItemToggleDetail } from "./components/le-navigation/le-navigation";
 export { LeKitMode } from "./global/app";
 export { PopupPosition, PopupResult, PopupType } from "./components/le-popup/le-popup";
 export namespace Components {
@@ -276,6 +278,11 @@ export namespace Components {
      * @cmsCategory Layout
      */
     interface LeCollapse {
+        /**
+          * Since Stencil boolean props default to `false` when the attribute is missing. instead of `open` defaulting to `true`, using a `closed` prop.
+          * @default false
+         */
+        "closed": boolean;
         /**
           * If true, collapse/expand based on the nearest header shrink event.
           * @default false
@@ -286,11 +293,6 @@ export namespace Components {
           * @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
@@ -604,6 +606,18 @@ export namespace Components {
      */
     interface LeHeaderPlaceholder {
     }
+    interface LeIcon {
+        /**
+          * Name of the icon to display. Corresponds to a JSON file in the assets folder. For example, "search" will load the "search.json" file.
+          * @default null
+         */
+        "name": string;
+        /**
+          * Size of the icon in pixels. Default is 16.
+          * @default 16
+         */
+        "size": number;
+    }
     /**
      * A multiselect component for selecting multiple options.
      * Displays selected items as tags with optional search filtering.
@@ -709,6 +723,56 @@ export namespace Components {
          */
         "value": LeOptionValue[];
     }
+    /**
+     * Navigation component with vertical (tree) and horizontal (menu) layouts.
+     * - Accepts items as `LeOption[]` or a JSON string.
+     * - Supports hierarchical items via `children`.
+     * - Supports persisted expansion via `open` on items.
+     * @cmsEditable true
+     * @cmsCategory Navigation
+     */
+    interface LeNavigation {
+        /**
+          * Text shown when no items match the filter.
+          * @default 'No results found'
+         */
+        "emptyText": string;
+        /**
+          * Navigation items. Can be passed as an array or JSON string (same pattern as le-select).
+          * @default []
+         */
+        "items": LeOption[] | string;
+        /**
+          * Layout orientation.
+          * @default 'vertical'
+         */
+        "orientation": 'vertical' | 'horizontal';
+        /**
+          * Overflow behavior for horizontal, non-wrapping menus. - more: moves overflow items into a "More" popover - hamburger: turns the whole nav into a hamburger popover
+          * @default 'more'
+         */
+        "overflowMode": 'more' | 'hamburger';
+        /**
+          * Placeholder text for the search input.
+          * @default 'Search...'
+         */
+        "searchPlaceholder": string;
+        /**
+          * Enables a search input for the vertical navigation.
+          * @default false
+         */
+        "searchable": boolean;
+        /**
+          * Whether submenu popovers should include a filter input.
+          * @default false
+         */
+        "submenuSearchable": boolean;
+        /**
+          * Horizontal wrapping behavior. If false, overflow behavior depends on `overflowMode`.
+          * @default true
+         */
+        "wrap": boolean;
+    }
     /**
      * A number input component with validation, keyboard controls, and custom spinners.
      * @cssprop --le-input-bg - Input background color
@@ -1726,6 +1790,10 @@ export interface LeMultiselectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLeMultiselectElement;
 }
+export interface LeNavigationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLeNavigationElement;
+}
 export interface LeNumberInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLeNumberInputElement;
@@ -2065,6 +2133,12 @@ declare global {
         prototype: HTMLLeHeaderPlaceholderElement;
         new (): HTMLLeHeaderPlaceholderElement;
     };
+    interface HTMLLeIconElement extends Components.LeIcon, HTMLStencilElement {
+    }
+    var HTMLLeIconElement: {
+        prototype: HTMLLeIconElement;
+        new (): HTMLLeIconElement;
+    };
     interface HTMLLeMultiselectElementEventMap {
         "leChange": LeMultiOptionSelectDetail;
         "leOpen": void;
@@ -2112,6 +2186,32 @@ declare global {
         prototype: HTMLLeMultiselectElement;
         new (): HTMLLeMultiselectElement;
     };
+    interface HTMLLeNavigationElementEventMap {
+        "leNavItemSelect": LeNavigationItemSelectDetail;
+        "leNavItemToggle": LeNavigationItemToggleDetail;
+    }
+    /**
+     * Navigation component with vertical (tree) and horizontal (menu) layouts.
+     * - Accepts items as `LeOption[]` or a JSON string.
+     * - Supports hierarchical items via `children`.
+     * - Supports persisted expansion via `open` on items.
+     * @cmsEditable true
+     * @cmsCategory Navigation
+     */
+    interface HTMLLeNavigationElement extends Components.LeNavigation, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLeNavigationElementEventMap>(type: K, listener: (this: HTMLLeNavigationElement, ev: LeNavigationCustomEvent<HTMLLeNavigationElementEventMap[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 HTMLLeNavigationElementEventMap>(type: K, listener: (this: HTMLLeNavigationElement, ev: LeNavigationCustomEvent<HTMLLeNavigationElementEventMap[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 HTMLLeNavigationElement: {
+        prototype: HTMLLeNavigationElement;
+        new (): HTMLLeNavigationElement;
+    };
     interface HTMLLeNumberInputElementEventMap {
         "leChange": { value: number; name: string; externalId: string; isValid: boolean };
         "leInput": { value: number; name: string; externalId: string; isValid: boolean };
@@ -2578,7 +2678,9 @@ declare global {
         "le-dropdown-base": HTMLLeDropdownBaseElement;
         "le-header": HTMLLeHeaderElement;
         "le-header-placeholder": HTMLLeHeaderPlaceholderElement;
+        "le-icon": HTMLLeIconElement;
         "le-multiselect": HTMLLeMultiselectElement;
+        "le-navigation": HTMLLeNavigationElement;
         "le-number-input": HTMLLeNumberInputElement;
         "le-popover": HTMLLePopoverElement;
         "le-popup": HTMLLePopupElement;
@@ -2871,6 +2973,11 @@ declare namespace LocalJSX {
      * @cmsCategory Layout
      */
     interface LeCollapse {
+        /**
+          * Since Stencil boolean props default to `false` when the attribute is missing. instead of `open` defaulting to `true`, using a `closed` prop.
+          * @default false
+         */
+        "closed"?: boolean;
         /**
           * If true, collapse/expand based on the nearest header shrink event.
           * @default false
@@ -2881,11 +2988,6 @@ declare namespace LocalJSX {
           * @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
@@ -3220,6 +3322,18 @@ declare namespace LocalJSX {
      */
     interface LeHeaderPlaceholder {
     }
+    interface LeIcon {
+        /**
+          * Name of the icon to display. Corresponds to a JSON file in the assets folder. For example, "search" will load the "search.json" file.
+          * @default null
+         */
+        "name"?: string;
+        /**
+          * Size of the icon in pixels. Default is 16.
+          * @default 16
+         */
+        "size"?: number;
+    }
     /**
      * A multiselect component for selecting multiple options.
      * Displays selected items as tags with optional search filtering.
@@ -3325,6 +3439,64 @@ declare namespace LocalJSX {
          */
         "value"?: LeOptionValue[];
     }
+    /**
+     * Navigation component with vertical (tree) and horizontal (menu) layouts.
+     * - Accepts items as `LeOption[]` or a JSON string.
+     * - Supports hierarchical items via `children`.
+     * - Supports persisted expansion via `open` on items.
+     * @cmsEditable true
+     * @cmsCategory Navigation
+     */
+    interface LeNavigation {
+        /**
+          * Text shown when no items match the filter.
+          * @default 'No results found'
+         */
+        "emptyText"?: string;
+        /**
+          * Navigation items. Can be passed as an array or JSON string (same pattern as le-select).
+          * @default []
+         */
+        "items"?: LeOption[] | string;
+        /**
+          * Fired when a navigation item is activated.  This event is cancelable. Call `event.preventDefault()` to prevent default browser navigation and implement custom routing.
+         */
+        "onLeNavItemSelect"?: (event: LeNavigationCustomEvent<LeNavigationItemSelectDetail>) => void;
+        /**
+          * Fired when a tree branch is toggled.
+         */
+        "onLeNavItemToggle"?: (event: LeNavigationCustomEvent<LeNavigationItemToggleDetail>) => void;
+        /**
+          * Layout orientation.
+          * @default 'vertical'
+         */
+        "orientation"?: 'vertical' | 'horizontal';
+        /**
+          * Overflow behavior for horizontal, non-wrapping menus. - more: moves overflow items into a "More" popover - hamburger: turns the whole nav into a hamburger popover
+          * @default 'more'
+         */
+        "overflowMode"?: 'more' | 'hamburger';
+        /**
+          * Placeholder text for the search input.
+          * @default 'Search...'
+         */
+        "searchPlaceholder"?: string;
+        /**
+          * Enables a search input for the vertical navigation.
+          * @default false
+         */
+        "searchable"?: boolean;
+        /**
+          * Whether submenu popovers should include a filter input.
+          * @default false
+         */
+        "submenuSearchable"?: boolean;
+        /**
+          * Horizontal wrapping behavior. If false, overflow behavior depends on `overflowMode`.
+          * @default true
+         */
+        "wrap"?: boolean;
+    }
     /**
      * A number input component with validation, keyboard controls, and custom spinners.
      * @cssprop --le-input-bg - Input background color
@@ -4365,7 +4537,9 @@ declare namespace LocalJSX {
         "le-dropdown-base": LeDropdownBase;
         "le-header": LeHeader;
         "le-header-placeholder": LeHeaderPlaceholder;
+        "le-icon": LeIcon;
         "le-multiselect": LeMultiselect;
+        "le-navigation": LeNavigation;
         "le-number-input": LeNumberInput;
         "le-popover": LePopover;
         "le-popup": LePopup;
@@ -4561,6 +4735,7 @@ declare module "@stencil/core" {
              * @cmsInternal true
              */
             "le-header-placeholder": LocalJSX.LeHeaderPlaceholder & JSXBase.HTMLAttributes<HTMLLeHeaderPlaceholderElement>;
+            "le-icon": LocalJSX.LeIcon & JSXBase.HTMLAttributes<HTMLLeIconElement>;
             /**
              * A multiselect component for selecting multiple options.
              * Displays selected items as tags with optional search filtering.
@@ -4590,6 +4765,15 @@ declare module "@stencil/core" {
              * ```
              */
             "le-multiselect": LocalJSX.LeMultiselect & JSXBase.HTMLAttributes<HTMLLeMultiselectElement>;
+            /**
+             * Navigation component with vertical (tree) and horizontal (menu) layouts.
+             * - Accepts items as `LeOption[]` or a JSON string.
+             * - Supports hierarchical items via `children`.
+             * - Supports persisted expansion via `open` on items.
+             * @cmsEditable true
+             * @cmsCategory Navigation
+             */
+            "le-navigation": LocalJSX.LeNavigation & JSXBase.HTMLAttributes<HTMLLeNavigationElement>;
             /**
              * A number input component with validation, keyboard controls, and custom spinners.
              * @cssprop --le-input-bg - Input background color

package/dist/types/types/options.d.ts

@@ -94,6 +94,11 @@ export interface LeOption {
      * Nested child options for hierarchical menus or submenus.
      */
     children?: LeOption[];
+    /**
+     * Whether a hierarchical option is expanded (open).
+     * Used by tree-like components (e.g., navigation).
+     */
+    open?: boolean;
     /**
      * Group label for categorizing options in flat lists.
      * Options with the same group value are visually grouped together.

package/package.json

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

package/dist/collection/dist/components/assets/.gitkeep

@@ -1 +0,0 @@
-Assets directory for le-kit components

package/dist/components/assets/.gitkeep

@@ -1 +0,0 @@
-Assets directory for le-kit components

package/dist/le-kit/dist/components/assets/.gitkeep

@@ -1 +0,0 @@
-Assets directory for le-kit components