@mono-lit/helper 0.0.2 → 0.0.3

package/dist/src/components/rich-text-editor/rich-text-editor-types.d.ts

@@ -1,5 +1,6 @@
-import { VisibilityProps } from '../../composables/visibility';
-import { CssSizeValue } from '../../composables/css-size';
+import { CssSizeValue } from "../../composables/css-size.js";
+import { VisibilityProps } from "../../composables/visibility.js";
+//#region src/components/rich-text-editor/rich-text-editor-types.d.ts
 export type RichTextEditorSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
 export type RichTextEditorColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'teal' | 'purple' | 'neutral' | 'dark';
 export type RichTextEditorVariant = 'outlined' | 'filled' | 'underlined';
@@ -34,198 +35,199 @@ export type RichTextEditorPluginClass = any;
  * real instance carries far more — see SunEditor's own `types/`.
  */
 export interface RichTextEditorInstance {
-    $: {
-        html: {
-            get(options?: {
-                withFrame?: boolean;
-                includeFullPage?: boolean;
-            }): string;
-            set(html: string): void;
-            add(html: string): void;
-            insert(html: string, options?: Record<string, unknown>): void;
-        };
-        ui: {
-            readOnly(value: boolean): void;
-            disable(): void;
-            enable(): void;
-            setDir(dir: 'ltr' | 'rtl'): void;
-        };
-        focusManager: {
-            focus(): void;
-            blur(): void;
-        };
-        viewer: {
-            codeView(value?: boolean): void;
-            fullScreen(value?: boolean): void;
-        };
-        frameContext: {
-            get(key: string): unknown;
-        };
-        [key: string]: unknown;
+  $: {
+    html: {
+      get(options?: {
+        withFrame?: boolean;
+        includeFullPage?: boolean;
+      }): string;
+      set(html: string): void;
+      add(html: string): void;
+      insert(html: string, options?: Record<string, unknown>): void;
+    };
+    ui: {
+      readOnly(value: boolean): void;
+      disable(): void;
+      enable(): void;
+      setDir(dir: 'ltr' | 'rtl'): void;
+    };
+    focusManager: {
+      focus(): void;
+      blur(): void;
+    };
+    viewer: {
+      codeView(value?: boolean): void;
+      fullScreen(value?: boolean): void;
+    };
+    frameContext: {
+      get(key: string): unknown;
     };
-    isEmpty(): boolean;
-    resetOptions(options: Record<string, unknown>): void;
-    destroy(): void;
-    events: Record<string, unknown> | null;
     [key: string]: unknown;
+  };
+  isEmpty(): boolean;
+  resetOptions(options: Record<string, unknown>): void;
+  destroy(): void;
+  events: Record<string, unknown> | null;
+  [key: string]: unknown;
 }
 /** SunEditor's `InitOptions` — passed through untouched, so it is left open. */
 export type RichTextEditorOptions = Record<string, unknown>;
 export interface RichTextEditorCssClass {
-    root?: string;
-    label?: string;
-    required?: string;
-    field?: string;
-    footer?: string;
-    messageWrap?: string;
-    message?: string;
-    counter?: string;
+  root?: string;
+  label?: string;
+  required?: string;
+  field?: string;
+  footer?: string;
+  messageWrap?: string;
+  message?: string;
+  counter?: string;
 }
 export type RichTextEditorModelEventDetail = {
-    /** The editor's HTML, `''` when it holds no content. */
-    modelValue: string;
-    currentValue: string;
-    oldValue: string;
-    value: string;
-    name?: string;
-    /** SunEditor's own event payload (`{ $, frameContext, data, … }`). */
-    sourceEvent?: unknown;
+  /** The editor's HTML, `''` when it holds no content. */
+  modelValue: string;
+  currentValue: string;
+  oldValue: string;
+  value: string;
+  name?: string;
+  /** SunEditor's own event payload (`{ $, frameContext, data, … }`). */
+  sourceEvent?: unknown;
 };
 export type RichTextEditorModelEvent = CustomEvent<RichTextEditorModelEventDetail>;
 export type RichTextEditorReadyEventDetail = {
-    /** The live SunEditor instance — `el.editor` from here on. */
-    editor: RichTextEditorInstance;
+  /** The live SunEditor instance — `el.editor` from here on. */
+  editor: RichTextEditorInstance;
 };
 export type RichTextEditorErrorEventDetail = {
-    /** Why the editor could not be built — typically the missing peer. */
-    message: string;
-    error: unknown;
+  /** Why the editor could not be built — typically the missing peer. */
+  message: string;
+  error: unknown;
 };
 export type RichTextEditorFocusEventDetail = {
-    name?: string;
-    sourceEvent?: unknown;
+  name?: string;
+  sourceEvent?: unknown;
 };
 export interface RichTextEditorProps extends VisibilityProps {
-    /** Two-way bound HTML. `''` for an empty editor. */
-    modelValue?: string;
-    'model-value'?: string;
-    modelvalue?: string;
-    /** HTML (kept in sync with modelValue). */
-    value?: string;
-    /** Form field name, carried on the events. */
-    name?: string;
-    /** Placeholder shown while the editor is empty. */
-    placeholder?: string;
-    /** Text label shown above the editor. */
-    label?: string;
-    /** Helper text shown below the editor. */
-    helperText?: string;
-    'helper-text'?: string;
-    helpertext?: string;
-    /** Validation state controlling the frame styling. */
-    validationState?: RichTextEditorValidationState;
-    'validation-state'?: RichTextEditorValidationState;
-    validationstate?: RichTextEditorValidationState;
-    /** Message shown for the current validation state. */
-    validationMessage?: string;
-    'validation-message'?: string;
-    validationmessage?: string;
-    /** Error message that forces the invalid state. */
-    errorMessage?: string;
-    'error-message'?: string;
-    errormessage?: string;
-    /** Success message that forces the valid state. */
-    successMessage?: string;
-    'success-message'?: string;
-    successmessage?: string;
-    /** Disables editing and the toolbar. */
-    disabled?: boolean | string;
-    /** Read-only: content shows, cannot be edited. */
-    readonly?: boolean | string;
-    /** Marks the label and lets `monoForm`'s `required` rule apply. */
-    required?: boolean | string;
-    /** Field size — scales the toolbar, icons and editing font. */
-    size?: RichTextEditorSize;
-    /** Accent colour for focus and active toolbar state. */
-    color?: RichTextEditorColor;
-    /** Frame variant. */
-    variant?: RichTextEditorVariant;
-    /** Toolbar placement: `classic` (default), `inline`, `balloon`, `balloon-always`, `classic:bottom`, `inline:bottom`. */
-    mode?: RichTextEditorMode;
-    /** Toolbar preset (`basic` | `standard` | `full` | `default`) or a SunEditor `buttonList` (bind with `.prop`, or JSON). */
-    toolbar?: RichTextEditorToolbar;
-    /** Plugins: `auto` (all built-ins, default), `none`, an array of plugin classes / names, or a name → class object. */
-    plugins?: RichTextEditorPlugins;
-    /** Language: a SunEditor language code (`ko`, `de`, `zh-CN`, …) loaded on demand, or a language object (`.prop`). */
-    language?: string | Record<string, unknown>;
-    /** Text direction of the CONTENT (the host's own `dir` is left to the page). */
-    textDirection?: 'ltr' | 'rtl';
-    'text-direction'?: 'ltr' | 'rtl';
-    textdirection?: 'ltr' | 'rtl';
-    /** Show SunEditor's character counter in the status bar. */
-    charCounter?: boolean | string;
-    'char-counter'?: boolean | string;
-    charcounter?: boolean | string;
-    /** Maximum number of characters (`charCounter_max`). */
-    maxLength?: number | string;
-    'max-length'?: number | string;
-    maxlength?: number | string;
-    /** Show the status bar (resize handle, path). Default `true`. */
-    statusbar?: boolean | string;
-    /** Sticky toolbar offset in px while the page scrolls (`toolbar_sticky`); unset = not sticky. */
-    sticky?: number | string;
-    /**
-     * Whether the element loads SunEditor's own stylesheet (`suneditor/css/editor`)
-     * the first time it renders. Default `true`. Set `false` when the app ships it.
-     */
-    loadCss?: boolean | string;
-    'load-css'?: boolean | string;
-    loadcss?: boolean | string;
-    /** Raw SunEditor `InitOptions`, merged LAST over everything the props produce. Bind with `.prop`. */
-    options?: RichTextEditorOptions;
-    /** Class hooks per part. */
-    cssClass?: RichTextEditorCssClass | string;
-    'css-class'?: RichTextEditorCssClass | string;
-    cssclass?: RichTextEditorCssClass | string;
-    /** Explicit sizing of the whole field. */
-    width?: CssSizeValue;
-    /** Editing area height (SunEditor `height`, default `auto`). */
-    height?: CssSizeValue;
-    minWidth?: CssSizeValue;
-    'min-width'?: CssSizeValue;
-    minwidth?: CssSizeValue;
-    maxWidth?: CssSizeValue;
-    'max-width'?: CssSizeValue;
-    maxwidth?: CssSizeValue;
-    /** Editing area minimum height (SunEditor `minHeight`, default `10rem`). */
-    minHeight?: CssSizeValue;
-    'min-height'?: CssSizeValue;
-    minheight?: CssSizeValue;
-    maxHeight?: CssSizeValue;
-    'max-height'?: CssSizeValue;
-    maxheight?: CssSizeValue;
-    /** `aria-label` for the editing area (defaults to `label` / `placeholder`). */
-    ariaLabel?: string;
-    'aria-label'?: string;
-    arialabel?: string;
+  /** Two-way bound HTML. `''` for an empty editor. */
+  modelValue?: string;
+  'model-value'?: string;
+  modelvalue?: string;
+  /** HTML (kept in sync with modelValue). */
+  value?: string;
+  /** Form field name, carried on the events. */
+  name?: string;
+  /** Placeholder shown while the editor is empty. */
+  placeholder?: string;
+  /** Text label shown above the editor. */
+  label?: string;
+  /** Helper text shown below the editor. */
+  helperText?: string;
+  'helper-text'?: string;
+  helpertext?: string;
+  /** Validation state controlling the frame styling. */
+  validationState?: RichTextEditorValidationState;
+  'validation-state'?: RichTextEditorValidationState;
+  validationstate?: RichTextEditorValidationState;
+  /** Message shown for the current validation state. */
+  validationMessage?: string;
+  'validation-message'?: string;
+  validationmessage?: string;
+  /** Error message that forces the invalid state. */
+  errorMessage?: string;
+  'error-message'?: string;
+  errormessage?: string;
+  /** Success message that forces the valid state. */
+  successMessage?: string;
+  'success-message'?: string;
+  successmessage?: string;
+  /** Disables editing and the toolbar. */
+  disabled?: boolean | string;
+  /** Read-only: content shows, cannot be edited. */
+  readonly?: boolean | string;
+  /** Marks the label and lets `monoForm`'s `required` rule apply. */
+  required?: boolean | string;
+  /** Field size — scales the toolbar, icons and editing font. */
+  size?: RichTextEditorSize;
+  /** Accent colour for focus and active toolbar state. */
+  color?: RichTextEditorColor;
+  /** Frame variant. */
+  variant?: RichTextEditorVariant;
+  /** Toolbar placement: `classic` (default), `inline`, `balloon`, `balloon-always`, `classic:bottom`, `inline:bottom`. */
+  mode?: RichTextEditorMode;
+  /** Toolbar preset (`basic` | `standard` | `full` | `default`) or a SunEditor `buttonList` (bind with `.prop`, or JSON). */
+  toolbar?: RichTextEditorToolbar;
+  /** Plugins: `auto` (all built-ins, default), `none`, an array of plugin classes / names, or a name → class object. */
+  plugins?: RichTextEditorPlugins;
+  /** Language: a SunEditor language code (`ko`, `de`, `zh-CN`, …) loaded on demand, or a language object (`.prop`). */
+  language?: string | Record<string, unknown>;
+  /** Text direction of the CONTENT (the host's own `dir` is left to the page). */
+  textDirection?: 'ltr' | 'rtl';
+  'text-direction'?: 'ltr' | 'rtl';
+  textdirection?: 'ltr' | 'rtl';
+  /** Show SunEditor's character counter in the status bar. */
+  charCounter?: boolean | string;
+  'char-counter'?: boolean | string;
+  charcounter?: boolean | string;
+  /** Maximum number of characters (`charCounter_max`). */
+  maxLength?: number | string;
+  'max-length'?: number | string;
+  maxlength?: number | string;
+  /** Show the status bar (resize handle, path). Default `true`. */
+  statusbar?: boolean | string;
+  /** Sticky toolbar offset in px while the page scrolls (`toolbar_sticky`); unset = not sticky. */
+  sticky?: number | string;
+  /**
+   * Whether the element loads SunEditor's own stylesheet (`suneditor/css/editor`)
+   * the first time it renders. Default `true`. Set `false` when the app ships it.
+   */
+  loadCss?: boolean | string;
+  'load-css'?: boolean | string;
+  loadcss?: boolean | string;
+  /** Raw SunEditor `InitOptions`, merged LAST over everything the props produce. Bind with `.prop`. */
+  options?: RichTextEditorOptions;
+  /** Class hooks per part. */
+  cssClass?: RichTextEditorCssClass | string;
+  'css-class'?: RichTextEditorCssClass | string;
+  cssclass?: RichTextEditorCssClass | string;
+  /** Explicit sizing of the whole field. */
+  width?: CssSizeValue;
+  /** Editing area height (SunEditor `height`, default `auto`). */
+  height?: CssSizeValue;
+  minWidth?: CssSizeValue;
+  'min-width'?: CssSizeValue;
+  minwidth?: CssSizeValue;
+  maxWidth?: CssSizeValue;
+  'max-width'?: CssSizeValue;
+  maxwidth?: CssSizeValue;
+  /** Editing area minimum height (SunEditor `minHeight`, default `10rem`). */
+  minHeight?: CssSizeValue;
+  'min-height'?: CssSizeValue;
+  minheight?: CssSizeValue;
+  maxHeight?: CssSizeValue;
+  'max-height'?: CssSizeValue;
+  maxheight?: CssSizeValue;
+  /** `aria-label` for the editing area (defaults to `label` / `placeholder`). */
+  ariaLabel?: string;
+  'aria-label'?: string;
+  arialabel?: string;
 }
 export interface RichTextEditorEvents {
-    input: RichTextEditorModelEvent;
-    change: RichTextEditorModelEvent;
-    focus: CustomEvent<RichTextEditorFocusEventDetail>;
-    blur: CustomEvent<RichTextEditorFocusEventDetail>;
-    ready: CustomEvent<RichTextEditorReadyEventDetail>;
-    error: CustomEvent<RichTextEditorErrorEventDetail>;
-    'mno-input': RichTextEditorModelEvent;
-    mnoInput: RichTextEditorModelEvent;
-    'mno-change': RichTextEditorModelEvent;
-    mnoChange: RichTextEditorModelEvent;
-    'mno-focus': CustomEvent<RichTextEditorFocusEventDetail>;
-    mnoFocus: CustomEvent<RichTextEditorFocusEventDetail>;
-    'mno-blur': CustomEvent<RichTextEditorFocusEventDetail>;
-    mnoBlur: CustomEvent<RichTextEditorFocusEventDetail>;
-    'mno-ready': CustomEvent<RichTextEditorReadyEventDetail>;
-    mnoReady: CustomEvent<RichTextEditorReadyEventDetail>;
-    'mno-error': CustomEvent<RichTextEditorErrorEventDetail>;
-    mnoError: CustomEvent<RichTextEditorErrorEventDetail>;
+  input: RichTextEditorModelEvent;
+  change: RichTextEditorModelEvent;
+  focus: CustomEvent<RichTextEditorFocusEventDetail>;
+  blur: CustomEvent<RichTextEditorFocusEventDetail>;
+  ready: CustomEvent<RichTextEditorReadyEventDetail>;
+  error: CustomEvent<RichTextEditorErrorEventDetail>;
+  'mno-input': RichTextEditorModelEvent;
+  mnoInput: RichTextEditorModelEvent;
+  'mno-change': RichTextEditorModelEvent;
+  mnoChange: RichTextEditorModelEvent;
+  'mno-focus': CustomEvent<RichTextEditorFocusEventDetail>;
+  mnoFocus: CustomEvent<RichTextEditorFocusEventDetail>;
+  'mno-blur': CustomEvent<RichTextEditorFocusEventDetail>;
+  mnoBlur: CustomEvent<RichTextEditorFocusEventDetail>;
+  'mno-ready': CustomEvent<RichTextEditorReadyEventDetail>;
+  mnoReady: CustomEvent<RichTextEditorReadyEventDetail>;
+  'mno-error': CustomEvent<RichTextEditorErrorEventDetail>;
+  mnoError: CustomEvent<RichTextEditorErrorEventDetail>;
 }
+//#endregion

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

@@ -1,4 +1,5 @@
 /// <reference path="../../../vue.d.ts" />
-export { MonoSelect } from './mono-select.js';
-export type { SelectSize, SelectColor, SelectVariant, SelectValidationState, SelectValue, SelectItem, SelectDisplayValue, SelectDisplayGroup, SelectDataSource, SelectDataSourceLoadMore, SelectCssClass, SelectDropdownOptions, SelectModelEventDetail, SelectModelEvent, SelectProps, SelectEvents, } from './select-types.js';
-export { validateSelectProps, } from './select-utils.js';
+import { SelectColor, SelectCssClass, SelectDataSource, SelectDataSourceLoadMore, SelectDisplayGroup, SelectDisplayValue, SelectDropdownOptions, SelectEvents, SelectItem, SelectModelEvent, SelectModelEventDetail, SelectProps, SelectSize, SelectValidationState, SelectValue, SelectVariant } from "./select-types.js";
+import { MonoSelect } from "./mono-select.js";
+import { validateSelectProps } from "./select-utils.js";
+export { MonoSelect, type SelectColor, type SelectCssClass, type SelectDataSource, type SelectDataSourceLoadMore, type SelectDisplayGroup, type SelectDisplayValue, type SelectDropdownOptions, type SelectEvents, type SelectItem, type SelectModelEvent, type SelectModelEventDetail, type SelectProps, type SelectSize, type SelectValidationState, type SelectValue, type SelectVariant, validateSelectProps };

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

@@ -1,5 +1,6 @@
 /// <reference path="../../../vue.d.ts" />
-export { MonoSelectShadow } from './mono-select.shadow.js';
-export { MonoSelectCore, type SelectSlotName } from './select-core.js';
-export type { SelectSize, SelectColor, SelectVariant, SelectValidationState, SelectValue, SelectItem, SelectDisplayValue, SelectDisplayGroup, SelectDataSource, SelectDataSourceLoadMore, SelectCssClass, SelectModelEventDetail, SelectModelEvent, SelectProps, SelectEvents, } from './select-types.js';
-export { validateSelectProps } from './select-utils.js';
+import { SelectColor, SelectCssClass, SelectDataSource, SelectDataSourceLoadMore, SelectDisplayGroup, SelectDisplayValue, SelectEvents, SelectItem, SelectModelEvent, SelectModelEventDetail, SelectProps, SelectSize, SelectValidationState, SelectValue, SelectVariant } from "./select-types.js";
+import { MonoSelectCore, SelectSlotName } from "./select-core.js";
+import { validateSelectProps } from "./select-utils.js";
+import { MonoSelectShadow } from "./mono-select.shadow.js";
+export { MonoSelectCore, MonoSelectShadow, type SelectColor, type SelectCssClass, type SelectDataSource, type SelectDataSourceLoadMore, type SelectDisplayGroup, type SelectDisplayValue, type SelectEvents, type SelectItem, type SelectModelEvent, type SelectModelEventDetail, type SelectProps, type SelectSize, type SelectSlotName, type SelectValidationState, type SelectValue, type SelectVariant, validateSelectProps };

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

@@ -1,5 +1,8 @@
-import { LitElement, TemplateResult } from 'lit';
-declare const MonoSelect_base: import('../../composables/hybird-prop').Constructor<import('./select-core.js').MonoSelectCoreInterface> & typeof LitElement;
+import { Constructor } from "../../composables/hybird-prop.js";
+import { MonoSelectCoreInterface } from "./select-core.js";
+import { LitElement, TemplateResult } from "lit";
+//#region src/components/select/mono-select.d.ts
+declare const MonoSelect_base: Constructor<MonoSelectCoreInterface> & typeof LitElement;
 /**
  * Light-DOM `mono-select` (default build, `@mono-lit/helper/ui/select`).
  *
@@ -12,58 +15,59 @@ declare const MonoSelect_base: import('../../composables/hybird-prop').Construct
  * register `mono-select`, so a document loads only one build.
  */
 export declare class MonoSelect extends MonoSelect_base {
-    static styles: import('lit').CSSResult[];
-    protected createRenderRoot(): HTMLElement;
-    private _slotsCaptured;
-    private _slotLabel;
-    private _slotHelper;
-    private _slotPrefix;
-    private _slotSuffix;
-    /**
-     * The consumer's `slot="list"` wrapper — ONE element holding their own `v-for`.
-     *
-     * Held as a single node and never opened: mono places the wrapper and leaves its children alone.
-     * Relocating them would break the consumer's next insert, since Vue positions a new row with
-     * `insertBefore(node, anchor)` against the sibling that mono had moved away.
-     */
-    private _slotList;
-    connectedCallback(): void;
-    protected updated(changed: Map<string, unknown>): void;
-    /**
-     * The captured wrapper, which is the truth for this build at every moment: parked out of the
-     * host before the panel exists, and inside the panel after. The core's default (a light child of
-     * the host) is the SHADOW build's answer and would find nothing here.
-     */
-    protected get _listSlotWrapper(): HTMLElement | null;
-    /** Light-DOM target for the list wrapper; the shadow build projects instead. */
-    protected renderListSlot(): TemplateResult;
-    /**
-     * Move the wrapper into the panel, once it exists.
-     *
-     * The panel is relocated into a body portal while open, so the target is queried through the
-     * core's portal-aware root rather than the host. Idempotent: once the wrapper is inside the
-     * target it is left alone, which matters because re-appending it on every render would blow away
-     * the consumer's scroll position and focus.
-     */
-    private _placeListSlot;
-    /**
-     * Adopt a wrapper that appeared after `connectedCallback` — see `LateSlotWatcher`.
-     *
-     * Two things have to happen and the order matters. It is PARKED first, out of the host, because
-     * until it is placed it would otherwise paint in the host's own flow, under the field rather
-     * than inside the panel — that is the bug this exists for. Only then is the flag flipped, which
-     * schedules the render that creates the target `_placeListSlot` needs.
-     *
-     * Parking detached is safe for the subtree inside it: the consumer's `v-for` inserts against
-     * anchors that are its OWN children, and those move with it.
-     */
-    protected _onLateListSlot(): void;
-    private _captureSlots;
-    private _placeSlot;
+  static styles: import("lit").CSSResult[];
+  protected createRenderRoot(): HTMLElement;
+  private _slotsCaptured;
+  private _slotLabel;
+  private _slotHelper;
+  private _slotPrefix;
+  private _slotSuffix;
+  /**
+   * The consumer's `slot="list"` wrapper — ONE element holding their own `v-for`.
+   *
+   * Held as a single node and never opened: mono places the wrapper and leaves its children alone.
+   * Relocating them would break the consumer's next insert, since Vue positions a new row with
+   * `insertBefore(node, anchor)` against the sibling that mono had moved away.
+   */
+  private _slotList;
+  connectedCallback(): void;
+  protected updated(changed: Map<string, unknown>): void;
+  /**
+   * The captured wrapper, which is the truth for this build at every moment: parked out of the
+   * host before the panel exists, and inside the panel after. The core's default (a light child of
+   * the host) is the SHADOW build's answer and would find nothing here.
+   */
+  protected get _listSlotWrapper(): HTMLElement | null;
+  /** Light-DOM target for the list wrapper; the shadow build projects instead. */
+  protected renderListSlot(): TemplateResult;
+  /**
+   * Move the wrapper into the panel, once it exists.
+   *
+   * The panel is relocated into a body portal while open, so the target is queried through the
+   * core's portal-aware root rather than the host. Idempotent: once the wrapper is inside the
+   * target it is left alone, which matters because re-appending it on every render would blow away
+   * the consumer's scroll position and focus.
+   */
+  private _placeListSlot;
+  /**
+   * Adopt a wrapper that appeared after `connectedCallback` — see `LateSlotWatcher`.
+   *
+   * Two things have to happen and the order matters. It is PARKED first, out of the host, because
+   * until it is placed it would otherwise paint in the host's own flow, under the field rather
+   * than inside the panel — that is the bug this exists for. Only then is the flag flipped, which
+   * schedules the render that creates the target `_placeListSlot` needs.
+   *
+   * Parking detached is safe for the subtree inside it: the consumer's `v-for` inserts against
+   * anchors that are its OWN children, and those move with it.
+   */
+  protected _onLateListSlot(): void;
+  private _captureSlots;
+  private _placeSlot;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        'mono-select': MonoSelect;
-    }
+  interface HTMLElementTagNameMap {
+    'mono-select': MonoSelect;
+  }
 }
-export {};
+//#endregion
+export {};

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

@@ -1,6 +1,8 @@
-import { LitElement, TemplateResult } from 'lit';
-import { SelectSlotName } from './select-core.js';
-declare const MonoSelectShadow_base: import('../../composables/hybird-prop').Constructor<import('./select-core.js').MonoSelectCoreInterface> & typeof LitElement;
+import { Constructor } from "../../composables/hybird-prop.js";
+import { MonoSelectCoreInterface, SelectSlotName } from "./select-core.js";
+import { LitElement, TemplateResult } from "lit";
+//#region src/components/select/mono-select.shadow.d.ts
+declare const MonoSelectShadow_base: Constructor<MonoSelectCoreInterface> & typeof LitElement;
 /**
  * Shadow-DOM `mono-select` (the opt-in SSR build, `@mono-lit/helper/ui/shadow/select`).
  *
@@ -21,28 +23,29 @@ declare const MonoSelectShadow_base: import('../../composables/hybird-prop').Con
  * loads only one build.
  */
 export declare class MonoSelectShadow extends MonoSelectShadow_base {
-    static styles: import('lit').CSSResult[];
-    protected get _slotsAlwaysRender(): boolean;
-    connectedCallback(): void;
-    firstUpdated(changed: Map<string, unknown>): void;
-    protected updated(changed: Map<string, unknown>): void;
-    /** A wrapper appeared after connect — the flag is all this build needs, projection does the rest. */
-    protected _onLateListSlot(): void;
-    private _scanSlots;
-    private _slotHasContent;
-    private _onSlotChange;
-    /**
-     * The consumer's list wrapper, PROJECTED rather than moved.
-     *
-     * Projection is what makes this work in a shadow root at all: slotted content stays in the light
-     * DOM, so the app's own stylesheet still reaches it. Moving those nodes inside the shadow root
-     * would cut them off from it — the same reason this build inlines SVGs instead of icon classes.
-     */
-    protected renderListSlot(): TemplateResult;
-    /** Native `<slot>` carrying the prop fallback as native slot content. */
-    protected _slotOutlet(name: SelectSlotName, fallback?: unknown): TemplateResult;
-    /** Inline SVG — the global `.mono-icon`/`i-mdi-*` UnoCSS icons can't reach a
-     *  shadow root. */
-    protected renderIcon(name: 'close' | 'chevron'): TemplateResult;
+  static styles: import("lit").CSSResult[];
+  protected get _slotsAlwaysRender(): boolean;
+  connectedCallback(): void;
+  firstUpdated(changed: Map<string, unknown>): void;
+  protected updated(changed: Map<string, unknown>): void;
+  /** A wrapper appeared after connect — the flag is all this build needs, projection does the rest. */
+  protected _onLateListSlot(): void;
+  private _scanSlots;
+  private _slotHasContent;
+  private _onSlotChange;
+  /**
+   * The consumer's list wrapper, PROJECTED rather than moved.
+   *
+   * Projection is what makes this work in a shadow root at all: slotted content stays in the light
+   * DOM, so the app's own stylesheet still reaches it. Moving those nodes inside the shadow root
+   * would cut them off from it — the same reason this build inlines SVGs instead of icon classes.
+   */
+  protected renderListSlot(): TemplateResult;
+  /** Native `<slot>` carrying the prop fallback as native slot content. */
+  protected _slotOutlet(name: SelectSlotName, fallback?: unknown): TemplateResult;
+  /** Inline SVG — the global `.mono-icon`/`i-mdi-*` UnoCSS icons can't reach a
+   *  shadow root. */
+  protected renderIcon(name: 'close' | 'chevron'): TemplateResult;
 }
-export {};
+//#endregion
+export {};