@mono-lit/helper 0.0.2 → 0.0.3

package/dist/src/components/breadcrumb/breadcrumb-types.d.ts

@@ -1,3 +1,4 @@
+//#region src/components/breadcrumb/breadcrumb-types.d.ts
 /**
  * Breadcrumb Component Type Definitions
  */
@@ -6,76 +7,76 @@ export type BreadcrumbSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
 export type BreadcrumbColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'teal' | 'purple' | 'neutral' | 'dark' | 'surface';
 export type BreadcrumbBadgeColor = 'default' | 'primary' | 'success' | 'danger' | 'warning' | 'info';
 export interface BreadcrumbItem {
-    id: string;
-    title?: string;
-    href?: string;
-    icon?: string;
-    badge?: string | number;
-    badgeColor?: BreadcrumbBadgeColor;
-    /** Marks this item as the current/last segment. If unset, the final array entry is treated as current. */
-    current?: boolean;
-    disabled?: boolean;
+  id: string;
+  title?: string;
+  href?: string;
+  icon?: string;
+  badge?: string | number;
+  badgeColor?: BreadcrumbBadgeColor;
+  /** Marks this item as the current/last segment. If unset, the final array entry is treated as current. */
+  current?: boolean;
+  disabled?: boolean;
 }
 export interface BreadcrumbCssClass {
-    root?: string;
-    list?: string;
-    item?: string;
-    itemCurrent?: string;
-    itemDisabled?: string;
-    action?: string;
-    icon?: string;
-    content?: string;
-    title?: string;
-    badge?: string;
-    separator?: string;
+  root?: string;
+  list?: string;
+  item?: string;
+  itemCurrent?: string;
+  itemDisabled?: string;
+  action?: string;
+  icon?: string;
+  content?: string;
+  title?: string;
+  badge?: string;
+  separator?: string;
 }
 export type BreadcrumbClickEventDetail = {
-    value: string;
-    item: BreadcrumbItem;
-    index: number;
-    sourceEvent?: Event;
+  value: string;
+  item: BreadcrumbItem;
+  index: number;
+  sourceEvent?: Event;
 };
 export type BreadcrumbClickEvent = CustomEvent<BreadcrumbClickEventDetail>;
 export type BreadcrumbChangeEventDetail = {
-    modelValue: BreadcrumbItem | null;
-    currentValue: BreadcrumbItem | null;
-    oldValue: BreadcrumbItem | null;
-    sourceEvent?: Event;
+  modelValue: BreadcrumbItem | null;
+  currentValue: BreadcrumbItem | null;
+  oldValue: BreadcrumbItem | null;
+  sourceEvent?: Event;
 };
 export type BreadcrumbChangeEvent = CustomEvent<BreadcrumbChangeEventDetail>;
 export interface BreadcrumbProps {
-    /** List of breadcrumb segments to render. */
-    items?: BreadcrumbItem[];
-    /** Two-way bound currently selected breadcrumb item. */
-    modelValue?: BreadcrumbItem | null;
-    'model-value'?: BreadcrumbItem | null;
-    modelvalue?: BreadcrumbItem | null;
-    /** Visual style of the breadcrumb. */
-    variant?: BreadcrumbVariant;
-    /** Size of the breadcrumb. */
-    size?: BreadcrumbSize;
-    /** Color theme of the breadcrumb. */
-    color?: BreadcrumbColor;
-    /** Separator character shown between segments. */
-    separator?: string;
-    /** Truncates long segment titles with an ellipsis. */
-    truncate?: boolean;
-    /** Disables interaction with all segments. */
-    disabled?: boolean;
-    /** Per-part class overrides for styling internal elements. */
-    cssClass?: BreadcrumbCssClass;
-    cssclass?: BreadcrumbCssClass;
-    'css-class'?: BreadcrumbCssClass | string;
-    /** Extra class applied to the root element. */
-    cssClassName?: string;
+  /** List of breadcrumb segments to render. */
+  items?: BreadcrumbItem[];
+  /** Two-way bound currently selected breadcrumb item. */
+  modelValue?: BreadcrumbItem | null;
+  'model-value'?: BreadcrumbItem | null;
+  modelvalue?: BreadcrumbItem | null;
+  /** Visual style of the breadcrumb. */
+  variant?: BreadcrumbVariant;
+  /** Size of the breadcrumb. */
+  size?: BreadcrumbSize;
+  /** Color theme of the breadcrumb. */
+  color?: BreadcrumbColor;
+  /** Separator character shown between segments. */
+  separator?: string;
+  /** Truncates long segment titles with an ellipsis. */
+  truncate?: boolean;
+  /** Disables interaction with all segments. */
+  disabled?: boolean;
+  /** Per-part class overrides for styling internal elements. */
+  cssClass?: BreadcrumbCssClass;
+  cssclass?: BreadcrumbCssClass;
+  'css-class'?: BreadcrumbCssClass | string;
+  /** Extra class applied to the root element. */
+  cssClassName?: string;
 }
 export interface BreadcrumbEvents {
-    change: BreadcrumbChangeEvent;
-    click: BreadcrumbClickEvent;
-    'mno-change': BreadcrumbChangeEvent;
-    mnoChange: BreadcrumbChangeEvent;
-    'mno-click': BreadcrumbClickEvent;
-    mnoClick: BreadcrumbClickEvent;
+  change: BreadcrumbChangeEvent;
+  click: BreadcrumbClickEvent;
+  'mno-change': BreadcrumbChangeEvent;
+  mnoChange: BreadcrumbChangeEvent;
+  'mno-click': BreadcrumbClickEvent;
+  mnoClick: BreadcrumbClickEvent;
 }
 /**
  * `<mono-breadcrumb-list>` mirrors `<mono-menu-list>`'s dual mode:
@@ -85,33 +86,34 @@ export interface BreadcrumbEvents {
  *     into a one-entry list.
  */
 export interface BreadcrumbListProps {
-    /** List of breadcrumb segments to render. */
-    items?: BreadcrumbItem[];
-    /** A single breadcrumb item to render. */
-    item?: BreadcrumbItem;
-    /** Direct single-row props. */
-    title?: string;
-    /** Link target for this segment. */
-    href?: string;
-    /** Icon name shown before the segment title. */
-    icon?: string;
-    /** Badge text or count shown on the segment. */
-    badge?: string | number;
-    /** Color theme of the segment badge. */
-    badgeColor?: BreadcrumbBadgeColor;
-    'badge-color'?: BreadcrumbBadgeColor;
-    /** Marks this segment as the current one. */
-    current?: boolean;
-    /** Disables interaction with this segment. */
-    disabled?: boolean;
-    /** Standalone styling — only used when there is no parent `<mono-breadcrumb>`. */
-    variant?: BreadcrumbVariant;
-    /** Size of the breadcrumb when standalone. */
-    size?: BreadcrumbSize;
-    /** Color theme of the breadcrumb when standalone. */
-    color?: BreadcrumbColor;
-    /** Separator character shown between segments when standalone. */
-    separator?: string;
-    /** Truncates long segment titles when standalone. */
-    truncate?: boolean;
+  /** List of breadcrumb segments to render. */
+  items?: BreadcrumbItem[];
+  /** A single breadcrumb item to render. */
+  item?: BreadcrumbItem;
+  /** Direct single-row props. */
+  title?: string;
+  /** Link target for this segment. */
+  href?: string;
+  /** Icon name shown before the segment title. */
+  icon?: string;
+  /** Badge text or count shown on the segment. */
+  badge?: string | number;
+  /** Color theme of the segment badge. */
+  badgeColor?: BreadcrumbBadgeColor;
+  'badge-color'?: BreadcrumbBadgeColor;
+  /** Marks this segment as the current one. */
+  current?: boolean;
+  /** Disables interaction with this segment. */
+  disabled?: boolean;
+  /** Standalone styling — only used when there is no parent `<mono-breadcrumb>`. */
+  variant?: BreadcrumbVariant;
+  /** Size of the breadcrumb when standalone. */
+  size?: BreadcrumbSize;
+  /** Color theme of the breadcrumb when standalone. */
+  color?: BreadcrumbColor;
+  /** Separator character shown between segments when standalone. */
+  separator?: string;
+  /** Truncates long segment titles when standalone. */
+  truncate?: boolean;
 }
+//#endregion

package/dist/src/components/breadcrumb/breadcrumb-utils.d.ts

@@ -1,5 +1,6 @@
-import { BreadcrumbItem, BreadcrumbProps } from './breadcrumb-types.js';
-export { isIconifyClass } from '../../composables/icon.js';
+import { BreadcrumbItem, BreadcrumbProps } from "./breadcrumb-types.js";
+import { isIconifyClass } from "../../composables/icon.js";
+//#region src/components/breadcrumb/breadcrumb-utils.d.ts
 /**
  * Coerce any `items` input to a `BreadcrumbItem[]`. Accepts an array (pass-through),
  * a JSON string (`items='[...]'` attribute, or a string assigned to the PROPERTY —
@@ -15,13 +16,13 @@ export declare function findItemIndex(items: BreadcrumbItem[], id: string): numb
  */
 export declare function resolveCurrentId(items: BreadcrumbItem[], modelValue: BreadcrumbItem | null): string;
 export declare function generateBreadcrumbRootClasses(props: {
-    variant: string;
-    size: string;
-    color: string;
-    truncate: boolean;
-    disabled: boolean;
-    cssClassName?: string;
-    rootExtra?: string;
+  variant: string;
+  size: string;
+  color: string;
+  truncate: boolean;
+  disabled: boolean;
+  cssClassName?: string;
+  rootExtra?: string;
 }): string;
 export declare function validateBreadcrumbProps(props: BreadcrumbProps): string[];
 /**
@@ -33,11 +34,13 @@ export declare function validateBreadcrumbProps(props: BreadcrumbProps): string[
  * `<mono-breadcrumb-list>` cannot drift apart.
  */
 export declare function breadcrumbRootAttrs(props: {
-    variant: string;
-    size: string;
-    color: string;
+  variant: string;
+  size: string;
+  color: string;
 }): {
-    size: string | null;
-    color: string | null;
-    variant: string | null;
+  size: string | null;
+  color: string | null;
+  variant: string | null;
 };
+//#endregion
+export { isIconifyClass };

package/dist/src/components/breadcrumb/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference path="../../../vue.d.ts" />
-export { MonoBreadcrumb } from './mono-breadcrumb.js';
-export { MonoBreadcrumbList } from './mono-breadcrumb-list.js';
-export type { BreadcrumbVariant, BreadcrumbSize, BreadcrumbColor, BreadcrumbBadgeColor, BreadcrumbItem, BreadcrumbCssClass, BreadcrumbClickEventDetail, BreadcrumbClickEvent, BreadcrumbChangeEventDetail, BreadcrumbChangeEvent, BreadcrumbProps, BreadcrumbEvents, BreadcrumbListProps, } from './breadcrumb-types.js';
-export { findItemIndex, resolveCurrentId, generateBreadcrumbRootClasses, validateBreadcrumbProps, } from './breadcrumb-utils.js';
-export { renderBreadcrumbList, renderBreadcrumbItemsLeadingSep, renderBreadcrumbItemRow, renderBreadcrumbSeparator, renderBreadcrumbIcon, renderBreadcrumbBadge, type BreadcrumbRenderContext, } from './breadcrumb-render.js';
+import { BreadcrumbBadgeColor, BreadcrumbChangeEvent, BreadcrumbChangeEventDetail, BreadcrumbClickEvent, BreadcrumbClickEventDetail, BreadcrumbColor, BreadcrumbCssClass, BreadcrumbEvents, BreadcrumbItem, BreadcrumbListProps, BreadcrumbProps, BreadcrumbSize, BreadcrumbVariant } from "./breadcrumb-types.js";
+import { BreadcrumbRenderContext, renderBreadcrumbBadge, renderBreadcrumbIcon, renderBreadcrumbItemRow, renderBreadcrumbItemsLeadingSep, renderBreadcrumbList, renderBreadcrumbSeparator } from "./breadcrumb-render.js";
+import { findItemIndex, generateBreadcrumbRootClasses, resolveCurrentId, validateBreadcrumbProps } from "./breadcrumb-utils.js";
+import { MonoBreadcrumb } from "./mono-breadcrumb.js";
+import { MonoBreadcrumbList } from "./mono-breadcrumb-list.js";
+export { type BreadcrumbBadgeColor, type BreadcrumbChangeEvent, type BreadcrumbChangeEventDetail, type BreadcrumbClickEvent, type BreadcrumbClickEventDetail, type BreadcrumbColor, type BreadcrumbCssClass, type BreadcrumbEvents, type BreadcrumbItem, type BreadcrumbListProps, type BreadcrumbProps, type BreadcrumbRenderContext, type BreadcrumbSize, type BreadcrumbVariant, MonoBreadcrumb, MonoBreadcrumbList, findItemIndex, generateBreadcrumbRootClasses, renderBreadcrumbBadge, renderBreadcrumbIcon, renderBreadcrumbItemRow, renderBreadcrumbItemsLeadingSep, renderBreadcrumbList, renderBreadcrumbSeparator, resolveCurrentId, validateBreadcrumbProps };

package/dist/src/components/breadcrumb/index.shadow.d.ts

@@ -1,8 +1,8 @@
 /// <reference path="../../../vue.d.ts" />
-export { MonoBreadcrumbShadow } from './mono-breadcrumb.shadow.js';
-export { MonoBreadcrumbListShadow } from './mono-breadcrumb-list.shadow.js';
-export { MonoBreadcrumbCore } from './breadcrumb-core.js';
-export type { MonoBreadcrumbCoreInterface, MonoBreadcrumbListLike, } from './breadcrumb-core.js';
-export type { BreadcrumbVariant, BreadcrumbSize, BreadcrumbColor, BreadcrumbBadgeColor, BreadcrumbItem, BreadcrumbCssClass, BreadcrumbClickEventDetail, BreadcrumbClickEvent, BreadcrumbChangeEventDetail, BreadcrumbChangeEvent, BreadcrumbProps, BreadcrumbEvents, BreadcrumbListProps, } from './breadcrumb-types.js';
-export { coerceItems, findItemIndex, resolveCurrentId, generateBreadcrumbRootClasses, validateBreadcrumbProps, } from './breadcrumb-utils.js';
-export { renderBreadcrumbList, renderBreadcrumbItemsLeadingSep, renderBreadcrumbItemRow, renderBreadcrumbSeparator, renderBreadcrumbIcon, renderBreadcrumbBadge, type BreadcrumbRenderContext, } from './breadcrumb-render.js';
+import { BreadcrumbBadgeColor, BreadcrumbChangeEvent, BreadcrumbChangeEventDetail, BreadcrumbClickEvent, BreadcrumbClickEventDetail, BreadcrumbColor, BreadcrumbCssClass, BreadcrumbEvents, BreadcrumbItem, BreadcrumbListProps, BreadcrumbProps, BreadcrumbSize, BreadcrumbVariant } from "./breadcrumb-types.js";
+import { BreadcrumbRenderContext, renderBreadcrumbBadge, renderBreadcrumbIcon, renderBreadcrumbItemRow, renderBreadcrumbItemsLeadingSep, renderBreadcrumbList, renderBreadcrumbSeparator } from "./breadcrumb-render.js";
+import { MonoBreadcrumbCore, MonoBreadcrumbCoreInterface, MonoBreadcrumbListLike } from "./breadcrumb-core.js";
+import { coerceItems, findItemIndex, generateBreadcrumbRootClasses, resolveCurrentId, validateBreadcrumbProps } from "./breadcrumb-utils.js";
+import { MonoBreadcrumbShadow } from "./mono-breadcrumb.shadow.js";
+import { MonoBreadcrumbListShadow } from "./mono-breadcrumb-list.shadow.js";
+export { type BreadcrumbBadgeColor, type BreadcrumbChangeEvent, type BreadcrumbChangeEventDetail, type BreadcrumbClickEvent, type BreadcrumbClickEventDetail, type BreadcrumbColor, type BreadcrumbCssClass, type BreadcrumbEvents, type BreadcrumbItem, type BreadcrumbListProps, type BreadcrumbProps, type BreadcrumbRenderContext, type BreadcrumbSize, type BreadcrumbVariant, MonoBreadcrumbCore, type MonoBreadcrumbCoreInterface, type MonoBreadcrumbListLike, MonoBreadcrumbListShadow, MonoBreadcrumbShadow, coerceItems, findItemIndex, generateBreadcrumbRootClasses, renderBreadcrumbBadge, renderBreadcrumbIcon, renderBreadcrumbItemRow, renderBreadcrumbItemsLeadingSep, renderBreadcrumbList, renderBreadcrumbSeparator, resolveCurrentId, validateBreadcrumbProps };

package/dist/src/components/breadcrumb/mono-breadcrumb-list.d.ts

@@ -1,6 +1,9 @@
-import { LitElement, TemplateResult } from 'lit';
-import { BreadcrumbRenderContext } from './breadcrumb-render.js';
-declare const MonoBreadcrumbList_base: import('../../composables/hybird-prop').Constructor<import('./breadcrumb-list-core.js').MonoBreadcrumbListCoreInterface> & typeof LitElement;
+import { Constructor } from "../../composables/hybird-prop.js";
+import { BreadcrumbRenderContext } from "./breadcrumb-render.js";
+import { MonoBreadcrumbListCoreInterface } from "./breadcrumb-list-core.js";
+import { LitElement, TemplateResult } from "lit";
+//#region src/components/breadcrumb/mono-breadcrumb-list.d.ts
+declare const MonoBreadcrumbList_base: Constructor<MonoBreadcrumbListCoreInterface> & typeof LitElement;
 /**
  * Light-DOM `mono-breadcrumb-list` (default build, `@mono-lit/helper/ui/breadcrumb`).
  *
@@ -13,17 +16,18 @@ declare const MonoBreadcrumbList_base: import('../../composables/hybird-prop').C
  *     (`@mono-lit/helper/ui/shadow/breadcrumb`) supports standalone only.
  */
 export declare class MonoBreadcrumbList extends MonoBreadcrumbList_base {
-    static styles: import('lit').CSSResult[];
-    protected createRenderRoot(): HTMLElement;
-    private _parent;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected _buildContext(): BreadcrumbRenderContext;
-    protected render(): TemplateResult;
+  static styles: import("lit").CSSResult[];
+  protected createRenderRoot(): HTMLElement;
+  private _parent;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  protected _buildContext(): BreadcrumbRenderContext;
+  protected render(): TemplateResult;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        'mono-breadcrumb-list': MonoBreadcrumbList;
-    }
+  interface HTMLElementTagNameMap {
+    'mono-breadcrumb-list': MonoBreadcrumbList;
+  }
 }
-export {};
+//#endregion
+export {};

package/dist/src/components/breadcrumb/mono-breadcrumb-list.shadow.d.ts

@@ -1,6 +1,9 @@
-import { LitElement } from 'lit';
-import { BreadcrumbItem } from './breadcrumb-types.js';
-declare const MonoBreadcrumbListShadow_base: import('../../composables/hybird-prop').Constructor<import('./breadcrumb-list-core.js').MonoBreadcrumbListCoreInterface> & typeof LitElement;
+import { Constructor } from "../../composables/hybird-prop.js";
+import { BreadcrumbItem } from "./breadcrumb-types.js";
+import { MonoBreadcrumbListCoreInterface } from "./breadcrumb-list-core.js";
+import { LitElement } from "lit";
+//#region src/components/breadcrumb/mono-breadcrumb-list.shadow.d.ts
+declare const MonoBreadcrumbListShadow_base: Constructor<MonoBreadcrumbListCoreInterface> & typeof LitElement;
 /**
  * Shadow-DOM `mono-breadcrumb-list` (SSR build, `@mono-lit/helper/ui/shadow/breadcrumb`).
  *
@@ -19,30 +22,31 @@ declare const MonoBreadcrumbListShadow_base: import('../../composables/hybird-pr
  * Both register `mono-breadcrumb-list`, so a document loads only one build.
  */
 export declare class MonoBreadcrumbListShadow extends MonoBreadcrumbListShadow_base {
-    static styles: import('lit').CSSResult[];
-    /**
-     * Number of crumbs the SERVER rendered into the SSR'd shadow root, captured at
-     * `connectedCallback` before hydration. `null` when there's no SSR'd shadow
-     * root (pure client render). See `mono-breadcrumb.shadow.ts` for the full
-     * rationale — `:items.prop` is forwarded to the server but Vue sets the client
-     * property late, so we must gate hydration on the EFFECTIVE item count.
-     */
-    private _ssrItemCount;
-    protected _useIconSlots(): boolean;
-    /**
-     * Cap the HYDRATION render at exactly the server-rendered crumb count so the
-     * client's first render reproduces the SSR'd DOM structure; full list after.
-     */
-    protected _itemsForRender(): BreadcrumbItem[];
-    connectedCallback(): void;
-    protected firstUpdated(changed: Map<string, unknown>): void;
-    protected updated(changed: Map<string, unknown>): void;
-    /**
-     * Reconcile LIGHT-DOM icon spans (this element's own children) with the
-     * effective items. Each becomes a `<span slot="icon-<id>" class="i-…">` that
-     * projects into the shadow `<slot name="icon-<id>">`, styled by the page's
-     * global UnoCSS. Client-only; icons paint at hydration.
-     */
-    private _syncLightIcons;
+  static styles: import("lit").CSSResult[];
+  /**
+   * Number of crumbs the SERVER rendered into the SSR'd shadow root, captured at
+   * `connectedCallback` before hydration. `null` when there's no SSR'd shadow
+   * root (pure client render). See `mono-breadcrumb.shadow.ts` for the full
+   * rationale — `:items.prop` is forwarded to the server but Vue sets the client
+   * property late, so we must gate hydration on the EFFECTIVE item count.
+   */
+  private _ssrItemCount;
+  protected _useIconSlots(): boolean;
+  /**
+   * Cap the HYDRATION render at exactly the server-rendered crumb count so the
+   * client's first render reproduces the SSR'd DOM structure; full list after.
+   */
+  protected _itemsForRender(): BreadcrumbItem[];
+  connectedCallback(): void;
+  protected firstUpdated(changed: Map<string, unknown>): void;
+  protected updated(changed: Map<string, unknown>): void;
+  /**
+   * Reconcile LIGHT-DOM icon spans (this element's own children) with the
+   * effective items. Each becomes a `<span slot="icon-<id>" class="i-…">` that
+   * projects into the shadow `<slot name="icon-<id>">`, styled by the page's
+   * global UnoCSS. Client-only; icons paint at hydration.
+   */
+  private _syncLightIcons;
 }
-export {};
+//#endregion
+export {};

package/dist/src/components/breadcrumb/mono-breadcrumb.d.ts

@@ -1,5 +1,8 @@
-import { LitElement, TemplateResult } from 'lit';
-declare const MonoBreadcrumb_base: import('../../composables/hybird-prop').Constructor<import('./breadcrumb-core.js').MonoBreadcrumbCoreInterface> & typeof LitElement;
+import { Constructor } from "../../composables/hybird-prop.js";
+import { MonoBreadcrumbCoreInterface } from "./breadcrumb-core.js";
+import { LitElement, TemplateResult } from "lit";
+//#region src/components/breadcrumb/mono-breadcrumb.d.ts
+declare const MonoBreadcrumb_base: Constructor<MonoBreadcrumbCoreInterface> & typeof LitElement;
 /**
  * Light-DOM `mono-breadcrumb` (default build, `@mono-lit/helper/ui/breadcrumb`).
  *
@@ -15,24 +18,25 @@ declare const MonoBreadcrumb_base: import('../../composables/hybird-prop').Const
  * so a document loads only one.
  */
 export declare class MonoBreadcrumb extends MonoBreadcrumb_base {
-    static styles: import('lit').CSSResult[];
-    protected createRenderRoot(): HTMLElement;
-    private _slotsCaptured;
-    private _hasBodySlot;
-    /** Captured nodes for the whole-body slot — `slot="body"`. */
-    private _slotBody;
-    private _orphanHolder?;
-    connectedCallback(): void;
-    protected updated(changed: Map<string, unknown>): void;
-    protected _renderBody(): TemplateResult;
-    private _captureSlots;
-    private _placeIconSlots;
-    private _placeBodySlot;
-    private _placeSeparatorSlots;
+  static styles: import("lit").CSSResult[];
+  protected createRenderRoot(): HTMLElement;
+  private _slotsCaptured;
+  private _hasBodySlot;
+  /** Captured nodes for the whole-body slot — `slot="body"`. */
+  private _slotBody;
+  private _orphanHolder?;
+  connectedCallback(): void;
+  protected updated(changed: Map<string, unknown>): void;
+  protected _renderBody(): TemplateResult;
+  private _captureSlots;
+  private _placeIconSlots;
+  private _placeBodySlot;
+  private _placeSeparatorSlots;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        'mono-breadcrumb': MonoBreadcrumb;
-    }
+  interface HTMLElementTagNameMap {
+    'mono-breadcrumb': MonoBreadcrumb;
+  }
 }
-export {};
+//#endregion
+export {};

package/dist/src/components/breadcrumb/mono-breadcrumb.shadow.d.ts

@@ -1,6 +1,9 @@
-import { LitElement } from 'lit';
-import { BreadcrumbItem } from './breadcrumb-types.js';
-declare const MonoBreadcrumbShadow_base: import('../../composables/hybird-prop').Constructor<import('./breadcrumb-core.js').MonoBreadcrumbCoreInterface> & typeof LitElement;
+import { Constructor } from "../../composables/hybird-prop.js";
+import { BreadcrumbItem } from "./breadcrumb-types.js";
+import { MonoBreadcrumbCoreInterface } from "./breadcrumb-core.js";
+import { LitElement } from "lit";
+//#region src/components/breadcrumb/mono-breadcrumb.shadow.d.ts
+declare const MonoBreadcrumbShadow_base: Constructor<MonoBreadcrumbCoreInterface> & typeof LitElement;
 /**
  * Shadow-DOM `mono-breadcrumb` (SSR build, `@mono-lit/helper/ui/shadow/breadcrumb`).
  *
@@ -22,52 +25,53 @@ declare const MonoBreadcrumbShadow_base: import('../../composables/hybird-prop')
  * `mono-breadcrumb`, so a document loads only one build.
  */
 export declare class MonoBreadcrumbShadow extends MonoBreadcrumbShadow_base {
-    static styles: import('lit').CSSResult[];
-    /**
-     * Number of crumbs the SERVER actually rendered into the SSR'd shadow root,
-     * captured at `connectedCallback` before hydration replaces the DOM. `null`
-     * when there's no SSR'd shadow root (pure client render).
-     *
-     * @lit-labs/ssr does NOT forward `.prop` array bindings to the server, so for
-     * `:items.prop="arr"` the server renders 0 crumbs while the client `items` has
-     * N. Gating the first (hydration) render on this count makes the client's
-     * first render match the server exactly → no "shorter than expected iterable"
-     * and no double render. `:items="JSON.stringify(arr)"` forwards the string, so
-     * the server renders N and this is N → unchanged.
-     */
-    private _ssrItemCount;
-    protected _useIconSlots(): boolean;
-    /**
-     * Cap the HYDRATION render at exactly the server-rendered crumb count so the
-     * client's first render reproduces the SSR'd DOM structure. After hydration
-     * (`hasUpdated`) render the full list. Safety net for the rare case where the
-     * client `items` ends up longer than what the server emitted. On the server,
-     * always render the real `items`.
-     */
-    protected _itemsForRender(): BreadcrumbItem[];
-    connectedCallback(): void;
-    protected firstUpdated(changed: Map<string, unknown>): void;
-    protected updated(changed: Map<string, unknown>): void;
-    /**
-     * Register the consumer's own `slot="icon-<id>"` light children.
-     *
-     * `renderBreadcrumbIcon` only emits the wrapper (and therefore the `<slot>`) when
-     * the item has an `icon` OR `getSlotIconNodes(id)` reports something. That map is
-     * filled by the LIGHT build's capture pass, which never runs here — so a
-     * user-slotted `<svg slot="icon-home">` produced no wrapper, no slot, and no icon
-     * at all. Register them before render so the slot exists for them to project into.
-     *
-     * Must run in `willUpdate`, not `updated`: by `updated` the render that needed the
-     * information has already happened.
-     */
-    protected willUpdate(changed: Map<string, unknown>): void;
-    private _captureUserIconSlots;
-    /**
-     * Reconcile LIGHT-DOM icon spans (this element's own children) with `items`.
-     * Each becomes a `<span slot="icon-<id>" class="mono-breadcrumb-iconify i-…">`
-     * that projects into the shadow `<slot name="icon-<id>">` and is styled by the
-     * page's global UnoCSS. Client-only; icons paint at hydration.
-     */
-    private _syncLightIcons;
+  static styles: import("lit").CSSResult[];
+  /**
+   * Number of crumbs the SERVER actually rendered into the SSR'd shadow root,
+   * captured at `connectedCallback` before hydration replaces the DOM. `null`
+   * when there's no SSR'd shadow root (pure client render).
+   *
+   * @lit-labs/ssr does NOT forward `.prop` array bindings to the server, so for
+   * `:items.prop="arr"` the server renders 0 crumbs while the client `items` has
+   * N. Gating the first (hydration) render on this count makes the client's
+   * first render match the server exactly → no "shorter than expected iterable"
+   * and no double render. `:items="JSON.stringify(arr)"` forwards the string, so
+   * the server renders N and this is N → unchanged.
+   */
+  private _ssrItemCount;
+  protected _useIconSlots(): boolean;
+  /**
+   * Cap the HYDRATION render at exactly the server-rendered crumb count so the
+   * client's first render reproduces the SSR'd DOM structure. After hydration
+   * (`hasUpdated`) render the full list. Safety net for the rare case where the
+   * client `items` ends up longer than what the server emitted. On the server,
+   * always render the real `items`.
+   */
+  protected _itemsForRender(): BreadcrumbItem[];
+  connectedCallback(): void;
+  protected firstUpdated(changed: Map<string, unknown>): void;
+  protected updated(changed: Map<string, unknown>): void;
+  /**
+   * Register the consumer's own `slot="icon-<id>"` light children.
+   *
+   * `renderBreadcrumbIcon` only emits the wrapper (and therefore the `<slot>`) when
+   * the item has an `icon` OR `getSlotIconNodes(id)` reports something. That map is
+   * filled by the LIGHT build's capture pass, which never runs here — so a
+   * user-slotted `<svg slot="icon-home">` produced no wrapper, no slot, and no icon
+   * at all. Register them before render so the slot exists for them to project into.
+   *
+   * Must run in `willUpdate`, not `updated`: by `updated` the render that needed the
+   * information has already happened.
+   */
+  protected willUpdate(changed: Map<string, unknown>): void;
+  private _captureUserIconSlots;
+  /**
+   * Reconcile LIGHT-DOM icon spans (this element's own children) with `items`.
+   * Each becomes a `<span slot="icon-<id>" class="mono-breadcrumb-iconify i-…">`
+   * that projects into the shadow `<slot name="icon-<id>">` and is styled by the
+   * page's global UnoCSS. Client-only; icons paint at hydration.
+   */
+  private _syncLightIcons;
 }
-export {};
+//#endregion
+export {};