le-kit 0.5.3 → 0.5.4

package/dist/collection/components/le-header/le-header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"le-header.js","sourceRoot":"","sources":["../../../src/components/le-header/le-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { classnames } from '../../utils/utils';\n\nexport type LeHeaderPosition = 'static' | 'sticky' | 'fixed';\n\n/**\n * A functional page header with scroll-aware behaviors.\n *\n * Features:\n * - Static (default), sticky, or fixed positioning\n * - Optional shrink-on-scroll behavior via `shrink-offset`\n * - Optional reveal-on-scroll-up via `reveal-on-scroll` (sticky only)\n *\n * Slots:\n * - `start`: left side (logo/back button)\n * - `title`: centered/primary title content\n * - `end`: right side actions\n * - default: extra content row (e.g., tabs/search) rendered below main row\n *\n * @slot start - Start area content\n * @slot title - Title content\n * @slot end - End area content\n * @slot - Optional secondary row content\n *\n * @cssprop --le-header-bg - Background (color/gradient)\n * @cssprop --le-header-color - Text color\n * @cssprop --le-header-border - Border (e.g. 1px solid ...)\n * @cssprop --le-header-shadow - Shadow/elevation\n * @cssprop --le-header-max-width - Inner content max width\n * @cssprop --le-header-padding-x - Horizontal padding\n * @cssprop --le-header-padding-y - Vertical padding\n * @cssprop --le-header-gap - Gap between zones\n * @cssprop --le-header-height - Base height (main row)\n * @cssprop --le-header-height-condensed - Condensed height when shrunk\n * @cssprop --le-header-transition - Transition timing\n * @cssprop --le-header-z - Z-index (fixed mode)\n *\n * @csspart header - The header container\n * @csspart inner - Inner max-width container\n * @csspart row - Main row\n * @csspart start - Start zone\n * @csspart title - Title zone\n * @csspart end - End zone\n * @csspart secondary - Secondary row\n *\n * @cmsEditable true\n * @cmsCategory Layout\n */\n@Component({\n  tag: 'le-header',\n  styleUrl: 'le-header.css',\n  shadow: true,\n})\nexport class LeHeader {\n  @Element() el: HTMLElement;\n\n  /** Force static positioning (default). Ignored if `sticky` or `fixed` are true. */\n  @Prop({ attribute: 'static', reflect: true }) isStatic: boolean = false;\n\n  /** Sticky positioning (in-flow). Ignored if `fixed` is true. */\n  @Prop({ reflect: true }) sticky: boolean = false;\n\n  /** Fixed positioning (out-of-flow). Takes precedence over `sticky`/`static`. */\n  @Prop({ reflect: true }) fixed: boolean = false;\n\n  /**\n   * Sticky-only reveal behavior (hide on scroll down, show on scroll up).\n   * - missing/false: disabled\n   * - true/empty attribute: enabled with default threshold (16)\n   * - number (as string): enabled and used as threshold\n   */\n  @Prop({ attribute: 'reveal-on-scroll', reflect: true }) revealOnScroll?: string;\n\n  /**\n   * Shrink trigger.\n   * - missing/0: disabled\n   * - number (px): shrink when scrollY >= that value (but never before header height)\n   * - css var name (e.g. --foo): shrink when scrollY >= resolved var value\n   * - selector (e.g. .page-title): shrink when that element scrolls out of view above the viewport\n   */\n  @Prop({ attribute: 'shrink-offset', reflect: true }) shrinkOffset?: string;\n\n  /**\n   * If true, expand the header when hovered\n   */\n  @Prop({ attribute: 'expand-on-hover', reflect: true }) expandOnHover: boolean = false;\n\n  /** Emits whenever scroll-driven state changes. */\n  @Event() leHeaderState: EventEmitter<{\n    y: number;\n    direction: 'up' | 'down';\n    revealed: boolean;\n    shrunk: boolean;\n  }>;\n\n  /** Emits when the header shrinks/expands (only on change). */\n  @Event({ bubbles: true, composed: true })\n  leHeaderShrinkChange: EventEmitter<{ shrunk: boolean; y: number }>;\n\n  /** Emits when the header hides/shows (only on change). */\n  @Event({ bubbles: true, composed: true })\n  leHeaderVisibilityChange: EventEmitter<{ visible: boolean; y: number }>;\n\n  @State() private revealed: boolean = true;\n  @State() private shrunk: boolean = false;\n  @State() private placeholderHeight: number | null = null;\n  @State() private hoverActive: boolean = false;\n\n  private disconnectModeObserver?: () => void;\n  private rafId: number | null = null;\n  private measureRafId: number | null = null;\n  private lastY: number = 0;\n  private lastEmittedDirection: 'up' | 'down' = 'down';\n  private headerEl?: HTMLElement;\n  private shrinkSelectorEl?: Element | null;\n\n  private setShrunk(next: boolean, y: number) {\n    if (next === this.shrunk) return;\n    this.shrunk = next;\n    this.leHeaderShrinkChange.emit({ shrunk: this.shrunk, y });\n  }\n\n  componentDidLoad() {\n    if (typeof window === 'undefined') return;\n    this.lastY = window.scrollY || 0;\n    this.scheduleMeasure(true);\n    this.scheduleUpdate(true);\n  }\n\n  disconnectedCallback() {\n    this.disconnectModeObserver?.();\n    if (this.rafId != null) {\n      cancelAnimationFrame(this.rafId);\n      this.rafId = null;\n    }\n\n    if (this.measureRafId != null) {\n      cancelAnimationFrame(this.measureRafId);\n      this.measureRafId = null;\n    }\n  }\n\n  @Watch('revealOnScroll')\n  @Watch('shrinkOffset')\n  @Watch('fixed')\n  @Watch('sticky')\n  @Watch('isStatic')\n  protected onBehaviorPropsChange() {\n    this.scheduleUpdate(true);\n    this.scheduleMeasure(true);\n  }\n\n  @Listen('scroll', { target: 'window', passive: true })\n  protected onWindowScroll() {\n    this.scheduleUpdate();\n  }\n\n  @Listen('resize', { target: 'window', passive: true })\n  protected onWindowResize() {\n    this.scheduleMeasure(true);\n    this.scheduleUpdate(true);\n  }\n\n  private getPosition(): LeHeaderPosition {\n    if (this.fixed) return 'fixed';\n    if (this.sticky) return 'sticky';\n    return 'static';\n  }\n\n  private parseRevealThreshold(): number | null {\n    // Only applies in sticky mode.\n    if (!this.sticky || this.fixed) return null;\n    if (this.revealOnScroll == null) return null;\n    const raw = String(this.revealOnScroll).trim();\n    if (raw === '' || raw === 'true') return 16;\n    if (raw === 'false') return null;\n    const n = Number(raw);\n    return Number.isFinite(n) ? Math.max(0, n) : 16;\n  }\n\n  private resolveShrinkStartPx(): number | null {\n    const raw = (this.shrinkOffset ?? '').trim();\n    if (!raw || raw === '0') return null;\n\n    // Numeric\n    const numeric = Number(raw);\n    if (Number.isFinite(numeric)) return Math.max(0, numeric);\n\n    // CSS variable name\n    if (raw.startsWith('--')) {\n      const value = getComputedStyle(document.documentElement).getPropertyValue(raw).trim();\n      const v = Number(value.replace('px', '').trim());\n      return Number.isFinite(v) ? Math.max(0, v) : null;\n    }\n\n    // Selector\n    try {\n      const el = document.querySelector(raw);\n      this.shrinkSelectorEl = el;\n      return null;\n    } catch {\n      this.shrinkSelectorEl = null;\n      return null;\n    }\n  }\n\n  private scheduleUpdate(force: boolean = false) {\n    if (this.rafId != null) {\n      if (!force) return;\n      cancelAnimationFrame(this.rafId);\n      this.rafId = null;\n    }\n    this.rafId = requestAnimationFrame(() => {\n      this.rafId = null;\n      this.updateFromScroll();\n    });\n  }\n\n  private scheduleMeasure(force: boolean = false) {\n    if (this.measureRafId != null && !force) return;\n    this.measureRafId = requestAnimationFrame(() => {\n      this.measureRafId = null;\n      this.measurePlaceholderHeight();\n    });\n  }\n\n  private measurePlaceholderHeight() {\n    // Measure the rendered header height once (and on resize/mode change).\n    // This intentionally ignores scroll/shrink behavior; it should reserve the full header height.\n    if (!this.headerEl) return;\n\n    const next = Math.ceil(this.headerEl.getBoundingClientRect().height);\n    if (!Number.isFinite(next) || next <= 0) return;\n\n    if (next !== this.placeholderHeight) {\n      this.placeholderHeight = next;\n      // Publish to global root so placeholders anywhere can read it.\n      if (typeof document !== 'undefined') {\n        document.documentElement.style.setProperty('--le-header-height', `${next}px`);\n      }\n    }\n  }\n\n  private updateFromScroll() {\n    const y = typeof window !== 'undefined' ? window.scrollY || 0 : 0;\n    const delta = y - this.lastY;\n\n    const direction: 'up' | 'down' = delta < 0 ? 'up' : 'down';\n\n    // Shrink behavior\n    let computedShrunk = false;\n    const headerHeight = Math.max(0, this.placeholderHeight ?? 0);\n    const shrinkStartPx = typeof window !== 'undefined' ? this.resolveShrinkStartPx() : null;\n\n    if (this.shrinkSelectorEl) {\n      const rect = (this.shrinkSelectorEl as HTMLElement).getBoundingClientRect();\n      computedShrunk = rect.bottom <= 0;\n    } else if (shrinkStartPx != null) {\n      const effectiveStart = Math.max(shrinkStartPx, headerHeight);\n      computedShrunk = y >= effectiveStart;\n    }\n\n    // Hover override: when enabled and hovered, force expanded.\n    const nextShrunk = this.expandOnHover && this.hoverActive ? false : computedShrunk;\n    this.setShrunk(nextShrunk, y);\n\n    // Reveal-on-scroll (sticky-only)\n    const revealThreshold = this.parseRevealThreshold();\n    if (revealThreshold != null) {\n      // Always show the header near the top of the page.\n      const topLock = Math.max(0, this.placeholderHeight ?? 0);\n      if (y <= topLock) {\n        if (!this.revealed) {\n          this.revealed = true;\n          this.leHeaderVisibilityChange.emit({ visible: true, y });\n        }\n      } else if (Math.abs(delta) >= revealThreshold) {\n        const nextRevealed = direction === 'up' || y <= 0;\n        if (nextRevealed !== this.revealed) {\n          this.revealed = nextRevealed;\n          this.leHeaderVisibilityChange.emit({ visible: this.revealed, y });\n        }\n        this.lastEmittedDirection = direction;\n      }\n    } else {\n      if (!this.revealed) {\n        this.revealed = true;\n        this.leHeaderVisibilityChange.emit({ visible: true, y });\n      }\n    }\n\n    this.lastY = y;\n\n    this.leHeaderState.emit({\n      y,\n      direction: this.lastEmittedDirection,\n      revealed: this.revealed,\n      shrunk: this.shrunk,\n    });\n  }\n\n  render() {\n    const position = this.getPosition();\n\n    const hostClass = classnames('le-header', {\n      'header-is-shrunk': this.shrunk,\n      'is-fixed': position === 'fixed',\n      'is-sticky': position === 'sticky',\n      'is-static': position === 'static',\n      'is-revealed': this.revealed,\n      'is-hidden': !this.revealed,\n      'is-shrunk': this.shrunk,\n    });\n\n    return (\n      <Host\n        class={hostClass}\n        onMouseEnter={() => {\n          if (!this.expandOnHover) return;\n          this.hoverActive = true;\n          this.scheduleUpdate(true);\n        }}\n        onMouseLeave={() => {\n          if (!this.expandOnHover) return;\n          this.hoverActive = false;\n          this.scheduleUpdate(true);\n        }}\n      >\n        <le-component component=\"le-header\">\n          <header\n            class=\"header\"\n            part=\"header\"\n            role=\"banner\"\n            ref={el => (this.headerEl = el as HTMLElement)}\n          >\n            <div class=\"inner\" part=\"inner\">\n              <div class=\"row\" part=\"row\">\n                <div class=\"start\" part=\"start\">\n                  <le-slot\n                    name=\"start\"\n                    label=\"Start\"\n                    description=\"Logo / back button / nav\"\n                    allowed-components=\"le-button,le-text,le-tag,le-box,le-stack\"\n                  >\n                    <slot name=\"start\"></slot>\n                  </le-slot>\n                </div>\n\n                <div class=\"title\" part=\"title\">\n                  <le-slot\n                    name=\"title\"\n                    label=\"Title\"\n                    description=\"Header title\"\n                    type=\"text\"\n                    tag=\"span\"\n                  >\n                    <span class=\"title-slot\" part=\"title\">\n                      <slot name=\"title\"></slot>\n                    </span>\n                  </le-slot>\n                </div>\n\n                <div class=\"end\" part=\"end\">\n                  <le-slot\n                    name=\"end\"\n                    label=\"End\"\n                    description=\"Actions\"\n                    allowed-components=\"le-button,le-text,le-tag,le-box,le-stack\"\n                  >\n                    <slot name=\"end\"></slot>\n                  </le-slot>\n                </div>\n              </div>\n\n              <div class=\"secondary\" part=\"secondary\">\n                <le-slot\n                  name=\"\"\n                  label=\"Secondary\"\n                  description=\"Secondary row content\"\n                  allowed-components=\"le-tabs,le-tab-bar,le-select,le-combobox,le-text,le-stack,le-box\"\n                >\n                  <slot></slot>\n                </le-slot>\n              </div>\n            </div>\n          </header>\n        </le-component>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/le-header-placeholder/le-header-placeholder.js

@@ -1,21 +0,0 @@
-import { h, Host } from "@stencil/core";
-/**
- * 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
- */
-export class LeHeaderPlaceholder {
-    render() {
-        return (h(Host, { key: 'b026c810ccb0d5c8df7cdc35a3830ebdf676c614', "aria-hidden": "true", style: {
-                display: 'block',
-                height: 'var(--le-header-height, 64px)',
-            } }));
-    }
-    static get is() { return "le-header-placeholder"; }
-}
-//# sourceMappingURL=le-header-placeholder.js.map

package/dist/collection/components/le-header-placeholder/le-header-placeholder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"le-header-placeholder.js","sourceRoot":"","sources":["../../../src/components/le-header-placeholder/le-header-placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;;;;;GASG;AAKH,MAAM,OAAO,mBAAmB;IAC9B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,oEACS,MAAM,EAClB,KAAK,EAAE;gBACL,OAAO,EAAE,OAAO;gBAChB,MAAM,EAAE,+BAA+B;aACxC,GACD,CACH,CAAC;IACJ,CAAC;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n/**\n * Placeholder for `le-header`.\n *\n * Reserves space using the global CSS variable `--le-header-height`.\n * The header component updates that variable when it renders.\n *\n * @cssprop --le-header-height - Published header height (px)\n *\n * @cmsInternal true\n */\n@Component({\n  tag: 'le-header-placeholder',\n  shadow: false,\n})\nexport class LeHeaderPlaceholder {\n  render() {\n    return (\n      <Host\n        aria-hidden=\"true\"\n        style={{\n          display: 'block',\n          height: 'var(--le-header-height, 64px)',\n        }}\n      />\n    );\n  }\n}\n"]}

package/dist/collection/components/le-icon/le-icon.css

@@ -1,13 +0,0 @@
-:host {
-  display: inline-block;
-
-  width: var(--le-icon-size, var(--le-size-4));
-  height: var(--le-icon-size, var(--le-size-4));
-
-  color: var(--le-icon-color, var(--le-color-text-primary));
-}
-
-:host svg {
-  display: block;
-  fill: currentColor;
-}

package/dist/collection/components/le-icon/le-icon.js

@@ -1,185 +0,0 @@
-/**
- * Based on the script from Paul Andreson's article:
- * https://paulcpederson.com/articles/stencil-icons/
- */
-import { Build, getAssetPath, h } from "@stencil/core";
-import { getAssetBasePath } from "../../global/app";
-const iconCache = {};
-const requestCache = {};
-/**
- * Get the URL for loading an icon.
- * Uses configurable assetBasePath if set, otherwise falls back to Stencil's getAssetPath.
- */
-function getIconUrl(name) {
-    const basePath = getAssetBasePath();
-    if (basePath) {
-        // Use configured base path - normalize by removing trailing slash
-        const normalizedBase = basePath.endsWith('/') ? basePath.slice(0, -1) : basePath;
-        return `${normalizedBase}/icons/${name}.json`;
-    }
-    // Fall back to Stencil's getAssetPath for local development
-    return getAssetPath(`./assets/icons/${name}.json`);
-}
-async function fetchIcon({ name }) {
-    if (iconCache[name]) {
-        return iconCache[name];
-    }
-    if (!requestCache[name]) {
-        const iconUrl = getIconUrl(name);
-        requestCache[name] = fetch(iconUrl)
-            .then(resp => resp.json())
-            .catch(() => {
-            console.error(`Icon "${name}" could not be loaded from: ${iconUrl}`);
-            return '';
-        });
-    }
-    const path = await requestCache[name];
-    iconCache[name] = path;
-    return path;
-}
-export class LeIcon {
-    constructor() {
-        /**
-         * Name of the icon to display. Corresponds to a JSON file in the assets folder.
-         * For example, "search" will load the "search.json" file.
-         */
-        this.name = null;
-        /**
-         * Size of the icon in pixels. Default is 16.
-         */
-        this.size = 16;
-        this.iconData = null;
-        this.visible = false;
-    }
-    async loadIconData() {
-        const { name, visible } = this;
-        if (!Build.isBrowser || !name || !visible) {
-            return;
-        }
-        this.iconData = await fetchIcon({ name });
-    }
-    connectedCallback() {
-        this.waitUntilVisible(() => {
-            this.visible = true;
-            this.loadIconData();
-        });
-    }
-    disconnectedCallback() {
-        if (this.intersectionObserver) {
-            this.intersectionObserver.disconnect();
-            this.intersectionObserver = null;
-        }
-    }
-    async componentWillLoad() {
-        this.loadIconData();
-    }
-    waitUntilVisible(callback) {
-        if (!Build.isBrowser ||
-            typeof window === 'undefined' ||
-            !window.IntersectionObserver) {
-            callback();
-            return;
-        }
-        this.intersectionObserver = new IntersectionObserver(entries => {
-            entries.forEach(entry => {
-                if (entry.isIntersecting) {
-                    this.intersectionObserver.disconnect();
-                    this.intersectionObserver = null;
-                    callback();
-                }
-            });
-        }, { rootMargin: '50px' });
-        this.intersectionObserver.observe(this.el);
-    }
-    /**
-     * Renders the SVG content out of a JSON data in a format:
-     * { "viewBox": "...", children: [{ "tag": "g", ""children": [ ... ], ...attrs }, ...] }
-     *
-     * @returns JSX.Element | null
-     */
-    renderSVGContent(children) {
-        if (!children || children.length === 0) {
-            return null;
-        }
-        const createElement = node => {
-            const { tag, children, ...attrs } = node;
-            return h(tag, attrs, children ? children.map(createElement) : null);
-        };
-        const svgElements = children.map(createElement);
-        return svgElements;
-    }
-    render() {
-        return (h("svg", { key: '15ae743268ab99a174f669436778c2305f4d65df', xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: this.size || 16, width: this.size || 16, viewBox: this.iconData?.viewBox || `0 0 ${this.size || 16} ${this.size || 16}` }, this.renderSVGContent(this.iconData?.children)));
-    }
-    static get is() { return "le-icon"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["le-icon.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["le-icon.css"]
-        };
-    }
-    static get assetsDirs() { return ["assets/icons"]; }
-    static get properties() {
-        return {
-            "name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Name of the icon to display. Corresponds to a JSON file in the assets folder.\nFor example, \"search\" will load the \"search.json\" file."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "name",
-                "defaultValue": "null"
-            },
-            "size": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Size of the icon in pixels. Default is 16."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "size",
-                "defaultValue": "16"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "iconData": {},
-            "visible": {}
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "name",
-                "methodName": "loadIconData"
-            }];
-    }
-}
-//# sourceMappingURL=le-icon.js.map

package/dist/collection/components/le-icon/le-icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"le-icon.js","sourceRoot":"","sources":["../../../src/components/le-icon/le-icon.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Based on the script from Paul Andreson's article:\n * https://paulcpederson.com/articles/stencil-icons/\n */\nimport { Build, Component, Element, getAssetPath, h, Prop, State, Watch } from '@stencil/core';\nimport { getAssetBasePath } from '../../global/app';\n\nconst iconCache: Record<string, any> = {};\nconst requestCache: Record<string, Promise<any>> = {};\n\n/**\n * Get the URL for loading an icon.\n * Uses configurable assetBasePath if set, otherwise falls back to Stencil's getAssetPath.\n */\nfunction getIconUrl(name: string): string {\n  const basePath = getAssetBasePath();\n  if (basePath) {\n    // Use configured base path - normalize by removing trailing slash\n    const normalizedBase = basePath.endsWith('/') ? basePath.slice(0, -1) : basePath;\n    return `${normalizedBase}/icons/${name}.json`;\n  }\n  // Fall back to Stencil's getAssetPath for local development\n  return getAssetPath(`./assets/icons/${name}.json`);\n}\n\nasync function fetchIcon({ name }): Promise<string> {\n  if (iconCache[name]) {\n    return iconCache[name];\n  }\n  if (!requestCache[name]) {\n    const iconUrl = getIconUrl(name);\n    requestCache[name] = fetch(iconUrl)\n      .then(resp => resp.json())\n      .catch(() => {\n        console.error(`Icon \"${name}\" could not be loaded from: ${iconUrl}`);\n        return '';\n      });\n  }\n\n  const path = await requestCache[name];\n  iconCache[name] = path;\n\n  return path;\n}\n\n@Component({\n  tag: 'le-icon',\n  styleUrl: 'le-icon.css',\n  shadow: true,\n  assetsDirs: ['assets/icons'],\n})\nexport class LeIcon {\n  @Element() el: HTMLElement;\n\n  /**\n   * Name of the icon to display. Corresponds to a JSON file in the assets folder.\n   * For example, \"search\" will load the \"search.json\" file.\n   */\n  @Prop() name: string = null;\n\n  /**\n   * Size of the icon in pixels. Default is 16.\n   */\n  @Prop() size: number = 16;\n\n  @State() private iconData: any = null;\n\n  @State() private visible = false;\n\n  @Watch('name') private async loadIconData(): Promise<void> {\n    const { name, visible } = this;\n\n    if (!Build.isBrowser || !name || !visible) {\n      return;\n    }\n\n    this.iconData = await fetchIcon({ name });\n  }\n\n  private intersectionObserver: IntersectionObserver;\n\n  connectedCallback(): void {\n    this.waitUntilVisible(() => {\n      this.visible = true;\n      this.loadIconData();\n    });\n  }\n\n  disconnectedCallback(): void {\n    if (this.intersectionObserver) {\n      this.intersectionObserver.disconnect();\n      this.intersectionObserver = null;\n    }\n  }\n\n  async componentWillLoad(): Promise<void> {\n    this.loadIconData();\n  }\n\n  private waitUntilVisible(callback: () => void): void {\n    if (\n      !Build.isBrowser ||\n      typeof window === 'undefined' ||\n      !(window as any).IntersectionObserver\n    ) {\n      callback();\n      return;\n    }\n\n    this.intersectionObserver = new IntersectionObserver(\n      entries => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            this.intersectionObserver.disconnect();\n            this.intersectionObserver = null;\n            callback();\n          }\n        });\n      },\n      { rootMargin: '50px' },\n    );\n\n    this.intersectionObserver.observe(this.el);\n  }\n\n  /**\n   * Renders the SVG content out of a JSON data in a format:\n   * { \"viewBox\": \"...\", children: [{ \"tag\": \"g\", \"\"children\": [ ... ], ...attrs }, ...] }\n   *\n   * @returns JSX.Element | null\n   */\n  private renderSVGContent(children?: any[]) {\n    if (!children || children.length === 0) {\n      return null;\n    }\n\n    const createElement = node => {\n      const { tag, children, ...attrs } = node;\n      return h(tag, attrs, children ? children.map(createElement) : null);\n    };\n\n    const svgElements = children.map(createElement);\n    return svgElements;\n  }\n\n  render() {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"currentColor\"\n        height={this.size || 16}\n        width={this.size || 16}\n        viewBox={this.iconData?.viewBox || `0 0 ${this.size || 16} ${this.size || 16}`}\n      >\n        {this.renderSVGContent(this.iconData?.children)}\n      </svg>\n    );\n  }\n}\n"]}

package/dist/collection/components/le-multiselect/le-multiselect.css

@@ -1,163 +0,0 @@
-/**
- * le-multiselect component styles
- *
- * CSS Custom Properties:
- * --le-multiselect-min-height
- * --le-multiselect-padding
- * --le-multiselect-font-size
- * --le-multiselect-border-radius
- * --le-multiselect-border-color
- * --le-multiselect-bg
- * --le-multiselect-color
- */
-
-:host {
-  display: inline-block;
-  min-width: 250px;
-
-  --le-multiselect-min-height: 0;
-  --le-multiselect-padding: var(--le-spacing-1) var(--le-spacing-1) var(--le-spacing-1) var(--le-spacing-2);
-  --le-multiselect-border-color: var(--le-color-primary, #3b82f6);
-}
-
-:host([disabled]) {
-  opacity: 0.5;
-  pointer-events: none;
-}
-
-/* Trigger wrapper */
-.multiselect-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 0.5rem;
-  width: 100%;
-  min-height: var(--le-multiselect-min-height);
-  padding: var(--le-multiselect-padding);
-  line-height: var(--le-line-height-tight);
-  background: var(--le-multiselect-bg, var(--le-color-surface, #fff));
-  border: 1px solid color-mix(in srgb, var(--le-multiselect-border-color) 33%, transparent);
-  border-radius: var(--le-multiselect-border-radius, 0.375rem);
-  cursor: pointer;
-  transition: border-color 0.15s ease, box-shadow 0.15s ease;
-}
-
-.multiselect-trigger:hover:not(.is-disabled),
-:host(:focus-within) .multiselect-trigger:not(.is-disabled) {
-  border-color: var(--le-multiselect-border-color);
-}
-
-:host(:focus-within) .multiselect-trigger {
-  outline: 2px solid var(--le-color-focus);
-  outline-offset: 2px;
-}
-:host([full-width]) {
-  width: 100%;
-}
-
-.multiselect-trigger.is-open {
-  border-color: var(--le-color-primary, #3b82f6);
-}
-
-.multiselect-trigger.is-disabled {
-  cursor: not-allowed;
-  background: var(--le-color-surface-disabled, #f9fafb);
-}
-
-/* Placeholder */
-.multiselect-placeholder {
-  color: color-mix(in srgb, var(--le-color-text-secondary) 66%, transparent);
-}
-
-/* Tags container */
-.multiselect-tags {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-  flex: 1;
-  min-width: 0;
-}
-
-/* Actions (clear + arrow) */
-.multiselect-actions {
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-  flex-shrink: 0;
-}
-
-/* Clear button */
-.multiselect-clear {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 1.5rem;
-  height: 1.5rem;
-  padding: 0;
-  background: transparent;
-  color: var(--le-color-primary, #3b82f6);
-  border: none;
-  border-radius: 0.25rem;
-  cursor: pointer;
-  opacity: 0.6;
-  transition: opacity 0.15s ease, background-color 0.15s ease;
-}
-
-.multiselect-clear:hover {
-  opacity: 1;
-  background: var(--le-color-surface-hover, #f3f4f6);
-}
-
-.multiselect-clear svg {
-  width: 0.875rem;
-  height: 0.875rem;
-}
-
-/* Arrow icon */
-.multiselect-arrow {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 1.5rem;
-  height: 1rem;
-  color: var(--le-color-primary, #3b82f6);
-  transition: transform 0.2s ease;
-}
-
-.multiselect-arrow svg {
-  width: 1rem;
-  height: 1rem;
-}
-
-.multiselect-trigger.is-open .multiselect-arrow {
-  transform: rotate(180deg);
-}
-
-/* Search in dropdown */
-.search-input::part(container):focus-within {
-  outline: none !important;
-}
-.search-input {
-  --le-input-radius: var(--le-radius-md);
-}
-
-/* Status message */
-.multiselect-status {
-  display: block;
-  margin-top: 0.25rem;
-  font-size: 0.75rem;
-  color: var(--le-color-text-muted, #6b7280);
-}
-
-/* Size variants */
-:host([size='small']) .multiselect-trigger {
-  --le-multiselect-min-height: 2rem;
-  --le-multiselect-padding: 0.25rem 0.375rem;
-  --le-multiselect-font-size: 0.75rem;
-}
-
-:host([size='large']) .multiselect-trigger {
-  --le-multiselect-min-height: 3rem;
-  --le-multiselect-padding: 0.5rem 0.625rem;
-  --le-multiselect-font-size: 1rem;
-}