@mono-lit/helper 0.0.1 → 0.0.3

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

@@ -1,5 +1,8 @@
-import { LitElement, TemplateResult } from 'lit';
-declare const MonoInput_base: import('../../composables/hybird-prop').Constructor<import('./input-core.js').MonoInputCoreInterface> & typeof LitElement;
+import { Constructor } from "../../composables/hybird-prop.js";
+import { MonoInputCoreInterface } from "./input-core.js";
+import { LitElement, TemplateResult } from "lit";
+//#region src/components/input/mono-input.d.ts
+declare const MonoInput_base: Constructor<MonoInputCoreInterface> & typeof LitElement;
 /**
  * Light-DOM `mono-input` (default build, `@mono-lit/helper/ui/input`).
  *
@@ -12,35 +15,36 @@ declare const MonoInput_base: import('../../composables/hybird-prop').Constructo
  * `<slot>`. Both register `mono-input`, so a document loads only one.
  */
 export declare class MonoInput extends MonoInput_base {
-    static styles: import('lit').CSSResult[];
-    protected createRenderRoot(): HTMLElement;
-    private _slotPrefix;
-    private _slotSuffix;
-    private _slotLabel;
-    private _slotHelper;
-    private _slotObserver?;
-    /**
-     * Capture `slot="…"` light-DOM children into the per-region arrays. Safe to run
-     * MORE THAN ONCE: captured nodes have their `slot` attribute removed and are
-     * detached from the host, so a re-scan never re-captures them. Re-running lets
-     * us pick up children Vue appends AFTER `connectedCallback` (e.g. a client-only
-     * `<mono-input>` slotted into the SSR `<mono-nav>`'s shadow `<slot>`, where the
-     * `<span slot="prefix">` can arrive late) — the original one-shot capture missed
-     * those, so the prefix wrapper was never rendered and the icon never showed.
-     */
-    private _captureSlots;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected updated(changed: Map<string, unknown>): void;
-    private _placeSlot;
-    protected renderIcon(_name: 'close'): TemplateResult;
-    private _renderLabel;
-    private _renderHelper;
-    protected render(): TemplateResult;
+  static styles: import("lit").CSSResult[];
+  protected createRenderRoot(): HTMLElement;
+  private _slotPrefix;
+  private _slotSuffix;
+  private _slotLabel;
+  private _slotHelper;
+  private _slotObserver?;
+  /**
+   * Capture `slot="…"` light-DOM children into the per-region arrays. Safe to run
+   * MORE THAN ONCE: captured nodes have their `slot` attribute removed and are
+   * detached from the host, so a re-scan never re-captures them. Re-running lets
+   * us pick up children Vue appends AFTER `connectedCallback` (e.g. a client-only
+   * `<mono-input>` slotted into the SSR `<mono-nav>`'s shadow `<slot>`, where the
+   * `<span slot="prefix">` can arrive late) — the original one-shot capture missed
+   * those, so the prefix wrapper was never rendered and the icon never showed.
+   */
+  private _captureSlots;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  protected updated(changed: Map<string, unknown>): void;
+  private _placeSlot;
+  protected renderIcon(_name: 'close'): TemplateResult;
+  private _renderLabel;
+  private _renderHelper;
+  protected render(): TemplateResult;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        'mono-input': MonoInput;
-    }
+  interface HTMLElementTagNameMap {
+    'mono-input': MonoInput;
+  }
 }
-export {};
+//#endregion
+export {};

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

@@ -1,5 +1,8 @@
-import { LitElement, TemplateResult } from 'lit';
-declare const MonoInputShadow_base: import('../../composables/hybird-prop').Constructor<import('./input-core.js').MonoInputCoreInterface> & typeof LitElement;
+import { Constructor } from "../../composables/hybird-prop.js";
+import { MonoInputCoreInterface } from "./input-core.js";
+import { LitElement, TemplateResult } from "lit";
+//#region src/components/input/mono-input.shadow.d.ts
+declare const MonoInputShadow_base: Constructor<MonoInputCoreInterface> & typeof LitElement;
 /**
  * Shadow-DOM `mono-input` (SSR build, `@mono-lit/helper/ui/shadow/input`).
  *
@@ -20,15 +23,16 @@ declare const MonoInputShadow_base: import('../../composables/hybird-prop').Cons
  * `mono-input`, so a document loads only one build.
  */
 export declare class MonoInputShadow extends MonoInputShadow_base {
-    static styles: import('lit').CSSResult[];
-    firstUpdated(changed: Map<string, unknown>): void;
-    private _slotHasContent;
-    private _setSlotState;
-    private _onSlotChange;
-    protected renderIcon(_name: 'close'): TemplateResult;
-    private _renderLabel;
-    private _renderHelper;
-    protected render(): TemplateResult;
-    connectedCallback(): void;
+  static styles: import("lit").CSSResult[];
+  firstUpdated(changed: Map<string, unknown>): void;
+  private _slotHasContent;
+  private _setSlotState;
+  private _onSlotChange;
+  protected renderIcon(_name: 'close'): TemplateResult;
+  private _renderLabel;
+  private _renderHelper;
+  protected render(): TemplateResult;
+  connectedCallback(): void;
 }
-export {};
+//#endregion
+export {};

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

@@ -1,6 +1,8 @@
 /// <reference path="../../../vue.d.ts" />
-export { MonoMenu } from './mono-menu.js';
-export { MonoMenuList } from './mono-menu-list.js';
-export type { MenuDensity, MenuColor, MenuBadgeColor, MenuItem, MenuItemBase, MenuCssClass, MenuChangeEventDetail, MenuChangeEvent, MenuClickEventDetail, MenuClickEvent, MenuToggleGroupEventDetail, MenuToggleGroupEvent, MenuProps, MenuEvents, MonoMenuListType, MenuListProps, } from './menu-types.js';
-export { isItem, isGroup, isDivider, isSubheader, isIconifyClass, findActivePath, findItem, collectDefaultOpenGroups, generateMenuRootClasses, getMenuAlias, validateMenuProps, } from './menu-utils.js';
-export { renderMenuList, renderMenuGroupsOnly, renderMenuItemRow, renderMenuGroup, renderMenuDivider, renderMenuSubheader, renderMenuIcon, renderMenuBadge, renderMenuAppend, type MenuRenderContext, } from './menu-render.js';
+import { isIconifyClass } from "../../composables/icon.js";
+import { MenuBadgeColor, MenuChangeEvent, MenuChangeEventDetail, MenuClickEvent, MenuClickEventDetail, MenuColor, MenuCssClass, MenuDensity, MenuEvents, MenuItem, MenuItemBase, MenuListProps, MenuProps, MenuToggleGroupEvent, MenuToggleGroupEventDetail, MonoMenuListType } from "./menu-types.js";
+import { MenuRenderContext, renderMenuAppend, renderMenuBadge, renderMenuDivider, renderMenuGroup, renderMenuGroupsOnly, renderMenuIcon, renderMenuItemRow, renderMenuList, renderMenuSubheader } from "./menu-render.js";
+import { MonoMenu } from "./mono-menu.js";
+import { MonoMenuList } from "./mono-menu-list.js";
+import { collectDefaultOpenGroups, findActivePath, findItem, generateMenuRootClasses, getMenuAlias, isDivider, isGroup, isItem, isSubheader, validateMenuProps } from "./menu-utils.js";
+export { type MenuBadgeColor, type MenuChangeEvent, type MenuChangeEventDetail, type MenuClickEvent, type MenuClickEventDetail, type MenuColor, type MenuCssClass, type MenuDensity, type MenuEvents, type MenuItem, type MenuItemBase, type MenuListProps, type MenuProps, type MenuRenderContext, type MenuToggleGroupEvent, type MenuToggleGroupEventDetail, MonoMenu, MonoMenuList, type MonoMenuListType, collectDefaultOpenGroups, findActivePath, findItem, generateMenuRootClasses, getMenuAlias, isDivider, isGroup, isIconifyClass, isItem, isSubheader, renderMenuAppend, renderMenuBadge, renderMenuDivider, renderMenuGroup, renderMenuGroupsOnly, renderMenuIcon, renderMenuItemRow, renderMenuList, renderMenuSubheader, validateMenuProps };

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

@@ -1,7 +1,8 @@
 /// <reference path="../../../vue.d.ts" />
-export { MonoMenuShadow } from './mono-menu.shadow.js';
-export { MonoMenuCore } from './menu-core.js';
-export type { MonoMenuCoreInterface, MonoMenuListLike } from './menu-core.js';
-export type { MenuDensity, MenuColor, MenuBadgeColor, MenuItem, MenuItemBase, MenuCssClass, MenuChangeEventDetail, MenuChangeEvent, MenuClickEventDetail, MenuClickEvent, MenuToggleGroupEventDetail, MenuToggleGroupEvent, MenuProps, MenuEvents, MonoMenuListType, MenuListProps, } from './menu-types.js';
-export { isItem, isGroup, isDivider, isSubheader, isIconifyClass, findActivePath, findItem, collectDefaultOpenGroups, generateMenuRootClasses, getMenuAlias, validateMenuProps, } from './menu-utils.js';
-export { renderMenuList, renderMenuGroupsOnly, renderMenuItemRow, renderMenuGroup, renderMenuDivider, renderMenuSubheader, renderMenuIcon, renderMenuBadge, renderMenuAppend, type MenuRenderContext, } from './menu-render.js';
+import { isIconifyClass } from "../../composables/icon.js";
+import { MenuBadgeColor, MenuChangeEvent, MenuChangeEventDetail, MenuClickEvent, MenuClickEventDetail, MenuColor, MenuCssClass, MenuDensity, MenuEvents, MenuItem, MenuItemBase, MenuListProps, MenuProps, MenuToggleGroupEvent, MenuToggleGroupEventDetail, MonoMenuListType } from "./menu-types.js";
+import { MenuRenderContext, renderMenuAppend, renderMenuBadge, renderMenuDivider, renderMenuGroup, renderMenuGroupsOnly, renderMenuIcon, renderMenuItemRow, renderMenuList, renderMenuSubheader } from "./menu-render.js";
+import { MonoMenuCore, MonoMenuCoreInterface, MonoMenuListLike } from "./menu-core.js";
+import { collectDefaultOpenGroups, findActivePath, findItem, generateMenuRootClasses, getMenuAlias, isDivider, isGroup, isItem, isSubheader, validateMenuProps } from "./menu-utils.js";
+import { MonoMenuShadow } from "./mono-menu.shadow.js";
+export { type MenuBadgeColor, type MenuChangeEvent, type MenuChangeEventDetail, type MenuClickEvent, type MenuClickEventDetail, type MenuColor, type MenuCssClass, type MenuDensity, type MenuEvents, type MenuItem, type MenuItemBase, type MenuListProps, type MenuProps, type MenuRenderContext, type MenuToggleGroupEvent, type MenuToggleGroupEventDetail, MonoMenuCore, type MonoMenuCoreInterface, type MonoMenuListLike, type MonoMenuListType, MonoMenuShadow, collectDefaultOpenGroups, findActivePath, findItem, generateMenuRootClasses, getMenuAlias, isDivider, isGroup, isIconifyClass, isItem, isSubheader, renderMenuAppend, renderMenuBadge, renderMenuDivider, renderMenuGroup, renderMenuGroupsOnly, renderMenuIcon, renderMenuItemRow, renderMenuList, renderMenuSubheader, validateMenuProps };

package/dist/src/components/menu/menu-core.d.ts

@@ -1,56 +1,57 @@
-import { LitElement, TemplateResult } from 'lit';
-import { MenuItem, MenuDensity, MenuColor, MenuCssClass } from './menu-types.js';
-import { Constructor } from '../../composables/hybird-prop';
-import { MenuRenderContext } from './menu-render.js';
+import { Constructor } from "../../composables/hybird-prop.js";
+import { MenuColor, MenuCssClass, MenuDensity, MenuItem } from "./menu-types.js";
+import { MenuRenderContext } from "./menu-render.js";
+import { LitElement, TemplateResult } from "lit";
+//#region src/components/menu/menu-core.d.ts
 /**
  * Minimal interface for descendant `<mono-menu-list>` instances. Avoids a
  * circular import — the real class is in `mono-menu-list.ts`.
  */
 export interface MonoMenuListLike extends HTMLElement {
-    requestUpdate(): void;
-    getMenuItems?(): MenuItem[];
+  requestUpdate(): void;
+  getMenuItems?(): MenuItem[];
 }
 /** Public + shared-protected surface added by the core mixin. */
 export declare class MonoMenuCoreInterface {
-    items: MenuItem[];
-    modelValue: string | string[];
-    multiple: boolean;
-    density: MenuDensity;
-    color: MenuColor;
-    nav: boolean;
-    selectable: boolean;
-    disabled: boolean;
-    controlled: boolean;
-    cssClass: MenuCssClass;
-    cssClassName: string;
-    select(id: string): void;
-    deselect(id: string): void;
-    toggleGroup(id: string): void;
-    expandGroup(id: string): void;
-    collapseGroup(id: string): void;
-    getActivePath(): MenuItem[];
-    requestItemActivation(item: MenuItem, event?: Event): void;
-    requestGroupToggle(group: MenuItem, event?: Event): void;
-    isItemSelected(id: string): boolean;
-    isGroupOpenPublic(id: string): boolean;
-    getSlotIconNodes(id: string): Node[] | undefined;
-    _registerListChild(child: MonoMenuListLike): void;
-    _unregisterListChild(child: MonoMenuListLike): void;
-    protected _openGroups: Set<string>;
-    protected _slotIcons: Map<string, Node[]>;
-    protected _listChildren: Set<MonoMenuListLike>;
-    protected _seedDefaultOpenGroups(): void;
-    protected _setCssClass(value: unknown): void;
-    protected _cls(base: string, key: keyof MenuCssClass): string;
-    protected _rootClasses: string;
-    protected _isSelected(id: string): boolean;
-    protected _isGroupOpen(id: string): boolean;
-    protected _renderContext(): MenuRenderContext;
-    protected _renderBody(): TemplateResult;
-    protected _useIconSlots(): boolean;
-    protected _chevronSvg(): TemplateResult | undefined;
-    protected _handleItemActivation(item: MenuItem, event?: Event): void;
-    protected _handleGroupToggle(group: MenuItem, event?: Event): void;
+  items: MenuItem[];
+  modelValue: string | string[];
+  multiple: boolean;
+  density: MenuDensity;
+  color: MenuColor;
+  nav: boolean;
+  selectable: boolean;
+  disabled: boolean;
+  controlled: boolean;
+  cssClass: MenuCssClass;
+  cssClassName: string;
+  select(id: string): void;
+  deselect(id: string): void;
+  toggleGroup(id: string): void;
+  expandGroup(id: string): void;
+  collapseGroup(id: string): void;
+  getActivePath(): MenuItem[];
+  requestItemActivation(item: MenuItem, event?: Event): void;
+  requestGroupToggle(group: MenuItem, event?: Event): void;
+  isItemSelected(id: string): boolean;
+  isGroupOpenPublic(id: string): boolean;
+  getSlotIconNodes(id: string): Node[] | undefined;
+  _registerListChild(child: MonoMenuListLike): void;
+  _unregisterListChild(child: MonoMenuListLike): void;
+  protected _openGroups: Set<string>;
+  protected _slotIcons: Map<string, Node[]>;
+  protected _listChildren: Set<MonoMenuListLike>;
+  protected _seedDefaultOpenGroups(): void;
+  protected _setCssClass(value: unknown): void;
+  protected _cls(base: string, key: keyof MenuCssClass): string;
+  protected _rootClasses: string;
+  protected _isSelected(id: string): boolean;
+  protected _isGroupOpen(id: string): boolean;
+  protected _renderContext(): MenuRenderContext;
+  protected _renderBody(): TemplateResult;
+  protected _useIconSlots(): boolean;
+  protected _chevronSvg(): TemplateResult | undefined;
+  protected _handleItemActivation(item: MenuItem, event?: Event): void;
+  protected _handleGroupToggle(group: MenuItem, event?: Event): void;
 }
 /**
  * `MonoMenuCore` — all render-mode-agnostic logic for `mono-menu`: reactive
@@ -63,3 +64,4 @@ export declare class MonoMenuCoreInterface {
  * `_chevronSvg()` (light: undefined → UnoCSS icon span; shadow: inline SVG).
  */
 export declare const MonoMenuCore: <T extends Constructor<LitElement>>(superClass: T) => Constructor<MonoMenuCoreInterface> & T;
+//#endregion

package/dist/src/components/menu/menu-render.d.ts

@@ -1,44 +1,45 @@
-import { nothing, TemplateResult } from 'lit';
-import { MenuCssClass, MenuItem } from './menu-types.js';
+import { MenuCssClass, MenuItem } from "./menu-types.js";
+import { TemplateResult, nothing } from "lit";
+//#region src/components/menu/menu-render.d.ts
 export interface MenuRenderContext {
-    multiple: boolean;
-    selectable: boolean;
-    disabled: boolean;
-    cssClass: MenuCssClass;
-    isSelected(id: string): boolean;
-    isGroupOpen(id: string): boolean;
-    getSlotIconNodes(id: string): Node[] | undefined;
-    onItemClick(item: MenuItem, event: Event): void;
-    onGroupToggle(group: MenuItem, event: Event): void;
-    /**
-     * When `true`, group/item bodies are rendered as an empty
-     * `<ul class="mono-menu-list" data-mono-slot="body">` placeholder instead of
-     * recursing into `item.items`. The host element re-attaches captured DOM
-     * children into that slot in `updated()`, allowing arbitrary declarative
-     * nesting. Defaults to `false` (the existing items-array behaviour).
-     */
-    bodySlot?: boolean;
-    /**
-     * Inline chevron markup for the group expand/collapse affordance. The light
-     * build leaves this undefined → the UnoCSS `.mono-icon i-mdi-chevron-right`
-     * span is rendered (resolved by global CSS). The shadow build passes an inline
-     * SVG here, because that utility class can't resolve inside a shadow root.
-     */
-    chevronSvg?: TemplateResult;
-    /**
-     * Mark a group as the ancestor of the currently-selected item, so it gets the
-     * `active` accent on its header (`.mono-menu-group.active`). Optional — when
-     * absent, groups never get the ancestor-active class (legacy behaviour).
-     */
-    isGroupActive?(group: MenuItem): boolean;
-    /**
-     * Render iconify-class icons (`i-mdi-…`) as a native `<slot name="icon-<id>">`
-     * instead of a `<span class="i-…">`. The shadow build sets this and supplies
-     * matching LIGHT-DOM `<span slot="icon-<id>">` children, so the page's global
-     * UnoCSS styles them (utility classes can't resolve inside a shadow root).
-     * Default (light build) keeps the inline class span.
-     */
-    iconSlot?: boolean;
+  multiple: boolean;
+  selectable: boolean;
+  disabled: boolean;
+  cssClass: MenuCssClass;
+  isSelected(id: string): boolean;
+  isGroupOpen(id: string): boolean;
+  getSlotIconNodes(id: string): Node[] | undefined;
+  onItemClick(item: MenuItem, event: Event): void;
+  onGroupToggle(group: MenuItem, event: Event): void;
+  /**
+   * When `true`, group/item bodies are rendered as an empty
+   * `<ul class="mono-menu-list" data-mono-slot="body">` placeholder instead of
+   * recursing into `item.items`. The host element re-attaches captured DOM
+   * children into that slot in `updated()`, allowing arbitrary declarative
+   * nesting. Defaults to `false` (the existing items-array behaviour).
+   */
+  bodySlot?: boolean;
+  /**
+   * Inline chevron markup for the group expand/collapse affordance. The light
+   * build leaves this undefined → the UnoCSS `.mono-icon i-mdi-chevron-right`
+   * span is rendered (resolved by global CSS). The shadow build passes an inline
+   * SVG here, because that utility class can't resolve inside a shadow root.
+   */
+  chevronSvg?: TemplateResult;
+  /**
+   * Mark a group as the ancestor of the currently-selected item, so it gets the
+   * `active` accent on its header (`.mono-menu-group.active`). Optional — when
+   * absent, groups never get the ancestor-active class (legacy behaviour).
+   */
+  isGroupActive?(group: MenuItem): boolean;
+  /**
+   * Render iconify-class icons (`i-mdi-…`) as a native `<slot name="icon-<id>">`
+   * instead of a `<span class="i-…">`. The shadow build sets this and supplies
+   * matching LIGHT-DOM `<span slot="icon-<id>">` children, so the page's global
+   * UnoCSS styles them (utility classes can't resolve inside a shadow root).
+   * Default (light build) keeps the inline class span.
+   */
+  iconSlot?: boolean;
 }
 export declare function renderMenuIcon(item: MenuItem, ctx: MenuRenderContext): TemplateResult | typeof nothing;
 export declare function renderMenuBadge(item: MenuItem, ctx: MenuRenderContext): TemplateResult | typeof nothing;
@@ -53,3 +54,4 @@ export declare function renderMenuList(list: MenuItem[], ctx: MenuRenderContext)
  * Used by `<mono-menu-list type="group">`.
  */
 export declare function renderMenuGroupsOnly(list: MenuItem[], ctx: MenuRenderContext): TemplateResult[];
+//#endregion