@mono-lit/helper 0.0.2 → 0.0.4

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

@@ -1,5 +1,5 @@
-import { DebounceConfig, RateLimitOption, RateLimitPhase, ThrottleConfig } from '../../composables/rate-limit';
-export type { DebounceConfig, RateLimitPhase, ThrottleConfig };
+import { DebounceConfig, RateLimitOption, RateLimitPhase, ThrottleConfig } from "../../composables/rate-limit.js";
+//#region src/components/button/button-types.d.ts
 export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
 export type ButtonColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'teal' | 'purple' | 'neutral' | 'dark' | 'light';
 /**
@@ -29,16 +29,16 @@ export type ButtonBadgeColor = 'red' | 'green' | 'orange' | 'cobalt';
  * elements; the supplied class string is appended to the element's base class.
  */
 export interface ButtonCssClass {
-    root?: string;
-    /** The leading affix zone (`slot="prepend"`). */
-    prepend?: string;
-    main?: string;
-    content?: string;
-    text?: string;
-    icon?: string;
-    badge?: string;
-    /** The trailing affix zone (`slot="append"`). */
-    append?: string;
+  root?: string;
+  /** The leading affix zone (`slot="prepend"`). */
+  prepend?: string;
+  main?: string;
+  content?: string;
+  text?: string;
+  icon?: string;
+  badge?: string;
+  /** The trailing affix zone (`slot="append"`). */
+  append?: string;
 }
 /**
  * Configuration for one affix zone — the `slot="prepend"` / `slot="append"`
@@ -56,164 +56,166 @@ export interface ButtonCssClass {
  * (`append='{"divider":true}'`) also works for static HTML.
  */
 export interface ButtonAffixProps {
-    /**
-     * Draw a divider between this affix and the button body. Per side, so a
-     * leading icon can sit flush while a trailing caret is fenced off.
-     */
-    divider?: boolean;
-    /**
-     * Disable just this affix. Defaults to the button's own `disabled`.
-     *
-     * Deliberately NOT tied to `loading`: a busy main action with a still-live
-     * trailing menu is the useful case, and it is the one thing slotted content
-     * cannot express for itself.
-     */
-    disabled?: boolean;
+  /**
+   * Draw a divider between this affix and the button body. Per side, so a
+   * leading icon can sit flush while a trailing caret is fenced off.
+   */
+  divider?: boolean;
+  /**
+   * Disable just this affix. Defaults to the button's own `disabled`.
+   *
+   * Deliberately NOT tied to `loading`: a busy main action with a still-live
+   * trailing menu is the useful case, and it is the one thing slotted content
+   * cannot express for itself.
+   */
+  disabled?: boolean;
 }
 export interface ButtonProps {
-    /** Visual size of the button. */
-    size?: ButtonSize;
-    /** Color theme of the button. */
-    color?: ButtonColor;
-    /**
-     * Visual style variant (solid, outline, tonal, text).
-     *
-     * `text` has no background and no border at rest — just the coloured label —
-     * and takes the tonal look on hover or keyboard focus.
-     */
-    variant?: ButtonVariant;
-    /**
-     * Corner radius — `none`, the `xs`…`xxl` scale, or `full`. Unset follows the
-     * theme's per-size radius.
-     */
-    rounded?: ButtonRounded;
-    /** Disables interaction and dims the button. */
-    disabled?: boolean;
-    /** Shows a loading state and blocks clicks. */
-    loading?: boolean;
-    /**
-     * Explicit sizing. Each accepts a CSS length string (`"220px"`, `"80%"`) or a
-     * number (interpreted as px). Use `width="100%"` for a full-width button.
-     */
-    width?: string | number;
-    height?: string | number;
-    minWidth?: string | number;
-    'min-width'?: string | number;
-    maxWidth?: string | number;
-    'max-width'?: string | number;
-    minHeight?: string | number;
-    'min-height'?: string | number;
-    maxHeight?: string | number;
-    'max-height'?: string | number;
-    /** Renders the button as an anchor with this URL. */
-    href?: string;
-    /** Anchor target window when href is set. */
-    target?: string;
-    /** Native button type attribute. */
-    type?: 'button' | 'submit' | 'reset';
-    /** Placement of the icon relative to the text. */
-    iconPosition?: ButtonIconPosition;
-    'icon-position'?: ButtonIconPosition;
-    iconposition?: ButtonIconPosition;
-    /**
-     * Config for the leading affix (`<span slot="prepend">`). The slot supplies the
-     * content; this only says how the zone behaves. Bind with `.prop`.
-     *
-     * NOTE: this name deliberately SHADOWS `ParentNode.prepend()` on the element.
-     * `monoButtonEl.prepend(node)` therefore stops being callable — reading it
-     * returns this config object instead of the DOM method. Nothing inside the
-     * library calls it (slot placement uses `appendChild`), but consumer code and
-     * third-party helpers that do will break on a `<mono-button>`.
-     */
-    prepend?: ButtonAffixProps | string;
-    /**
-     * Config for the trailing affix (`<span slot="append">`). Bind with `.prop`.
-     * Shadows `ParentNode.append()` — see the note on `prepend`.
-     */
-    append?: ButtonAffixProps | string;
-    /** Badge text shown on the button. */
-    badge?: string;
-    /** Color of the badge. */
-    badgeColor?: ButtonBadgeColor;
-    'badge-color'?: ButtonBadgeColor;
-    badgecolor?: ButtonBadgeColor;
-    /** Renders an icon-only button without text. */
-    iconOnly?: boolean;
-    'icon-only'?: boolean;
-    icononly?: boolean;
-    /** Applies a translucent glass effect. */
-    glass?: boolean;
-    /** Tooltip text shown on hover. */
-    tooltip?: string;
-    /** Accessible label text for screen readers. */
-    ariaLabelText?: string;
-    'aria-label-text'?: string;
-    arialabeltext?: string;
-    /** Per-element class overrides. */
-    cssClass?: ButtonCssClass;
-    'css-class'?: ButtonCssClass;
-    /**
-     * Rate-limit clicks: at most `limit` executions per `interval` ms, the rest
-     * queued and replayed rather than dropped. A bare number is the interval.
-     * Emits `throttle` per execution.
-     */
-    throttle?: RateLimitOption<ThrottleConfig>;
-    /**
-     * Collapse a burst of clicks into one execution, `wait` ms after the last.
-     * A bare number is the wait. Emits `debounce` per execution.
-     */
-    debounce?: RateLimitOption<DebounceConfig>;
-    /**
-     * The work a click performs. Bind as a property (`:handler.prop="save"`) —
-     * it's what gets throttled/debounced, and its promise drives the spinner.
-     */
-    handler?: ButtonHandler;
-    /** Opt out of the self-driven spinner; `loading` stays fully consumer-controlled. */
-    noAutoLoading?: boolean;
-    'no-auto-loading'?: boolean;
-    noautoloading?: boolean;
+  /** Visual size of the button. */
+  size?: ButtonSize;
+  /** Color theme of the button. */
+  color?: ButtonColor;
+  /**
+   * Visual style variant (solid, outline, tonal, text).
+   *
+   * `text` has no background and no border at rest — just the coloured label —
+   * and takes the tonal look on hover or keyboard focus.
+   */
+  variant?: ButtonVariant;
+  /**
+   * Corner radius — `none`, the `xs`…`xxl` scale, or `full`. Unset follows the
+   * theme's per-size radius.
+   */
+  rounded?: ButtonRounded;
+  /** Disables interaction and dims the button. */
+  disabled?: boolean;
+  /** Shows a loading state and blocks clicks. */
+  loading?: boolean;
+  /**
+   * Explicit sizing. Each accepts a CSS length string (`"220px"`, `"80%"`) or a
+   * number (interpreted as px). Use `width="100%"` for a full-width button.
+   */
+  width?: string | number;
+  height?: string | number;
+  minWidth?: string | number;
+  'min-width'?: string | number;
+  maxWidth?: string | number;
+  'max-width'?: string | number;
+  minHeight?: string | number;
+  'min-height'?: string | number;
+  maxHeight?: string | number;
+  'max-height'?: string | number;
+  /** Renders the button as an anchor with this URL. */
+  href?: string;
+  /** Anchor target window when href is set. */
+  target?: string;
+  /** Native button type attribute. */
+  type?: 'button' | 'submit' | 'reset';
+  /** Placement of the icon relative to the text. */
+  iconPosition?: ButtonIconPosition;
+  'icon-position'?: ButtonIconPosition;
+  iconposition?: ButtonIconPosition;
+  /**
+   * Config for the leading affix (`<span slot="prepend">`). The slot supplies the
+   * content; this only says how the zone behaves. Bind with `.prop`.
+   *
+   * NOTE: this name deliberately SHADOWS `ParentNode.prepend()` on the element.
+   * `monoButtonEl.prepend(node)` therefore stops being callable — reading it
+   * returns this config object instead of the DOM method. Nothing inside the
+   * library calls it (slot placement uses `appendChild`), but consumer code and
+   * third-party helpers that do will break on a `<mono-button>`.
+   */
+  prepend?: ButtonAffixProps | string;
+  /**
+   * Config for the trailing affix (`<span slot="append">`). Bind with `.prop`.
+   * Shadows `ParentNode.append()` — see the note on `prepend`.
+   */
+  append?: ButtonAffixProps | string;
+  /** Badge text shown on the button. */
+  badge?: string;
+  /** Color of the badge. */
+  badgeColor?: ButtonBadgeColor;
+  'badge-color'?: ButtonBadgeColor;
+  badgecolor?: ButtonBadgeColor;
+  /** Renders an icon-only button without text. */
+  iconOnly?: boolean;
+  'icon-only'?: boolean;
+  icononly?: boolean;
+  /** Applies a translucent glass effect. */
+  glass?: boolean;
+  /** Tooltip text shown on hover. */
+  tooltip?: string;
+  /** Accessible label text for screen readers. */
+  ariaLabelText?: string;
+  'aria-label-text'?: string;
+  arialabeltext?: string;
+  /** Per-element class overrides. */
+  cssClass?: ButtonCssClass;
+  'css-class'?: ButtonCssClass;
+  /**
+   * Rate-limit clicks: at most `limit` executions per `interval` ms, the rest
+   * queued and replayed rather than dropped. A bare number is the interval.
+   * Emits `throttle` per execution.
+   */
+  throttle?: RateLimitOption<ThrottleConfig>;
+  /**
+   * Collapse a burst of clicks into one execution, `wait` ms after the last.
+   * A bare number is the wait. Emits `debounce` per execution.
+   */
+  debounce?: RateLimitOption<DebounceConfig>;
+  /**
+   * The work a click performs. Bind as a property (`:handler.prop="save"`) —
+   * it's what gets throttled/debounced, and its promise drives the spinner.
+   */
+  handler?: ButtonHandler;
+  /** Opt out of the self-driven spinner; `loading` stays fully consumer-controlled. */
+  noAutoLoading?: boolean;
+  'no-auto-loading'?: boolean;
+  noautoloading?: boolean;
 }
 /** A click's work. Its promise defines how long the button shows as loading. */
 export type ButtonHandler = (event: MouseEvent) => unknown | Promise<unknown>;
 export interface ButtonClickEventDetail {
-    originalEvent: MouseEvent;
-    /** The handler's resolved value; `undefined` on `click` (it fires first). */
-    result?: unknown;
-    /**
-     * Extend the button's loading window over your own async work — the
-     * listener-side equivalent of binding `handler`:
-     *
-     *   `@click="e => e.detail.waitUntil(save())"`
-     */
-    waitUntil(promise: Promise<unknown>): void;
+  originalEvent: MouseEvent;
+  /** The handler's resolved value; `undefined` on `click` (it fires first). */
+  result?: unknown;
+  /**
+   * Extend the button's loading window over your own async work — the
+   * listener-side equivalent of binding `handler`:
+   *
+   *   `@click="e => e.detail.waitUntil(save())"`
+   */
+  waitUntil(promise: Promise<unknown>): void;
 }
 /** Detail of `throttle` / `debounce`. Same shape, `result` populated. */
 export type ButtonRateLimitEventDetail = ButtonClickEventDetail;
 export interface ButtonLoadingChangeEventDetail {
-    /** Whether the button is currently self-driving a loading state. */
-    loading: boolean;
-    /** `pending` = waiting out the debounce/throttle, `running` = work in flight. */
-    phase: RateLimitPhase;
+  /** Whether the button is currently self-driving a loading state. */
+  loading: boolean;
+  /** `pending` = waiting out the debounce/throttle, `running` = work in flight. */
+  phase: RateLimitPhase;
 }
 export type ButtonClickEvent = CustomEvent<ButtonClickEventDetail>;
 export type ButtonRateLimitEvent = CustomEvent<ButtonRateLimitEventDetail>;
 export type ButtonLoadingChangeEvent = CustomEvent<ButtonLoadingChangeEventDetail>;
 export interface ButtonEvents {
-    click: ButtonClickEvent;
-    throttle: ButtonRateLimitEvent;
-    debounce: ButtonRateLimitEvent;
-    'loading-change': ButtonLoadingChangeEvent;
-    loadingChange: ButtonLoadingChangeEvent;
-    'mno-click': ButtonClickEvent;
-    mnoClick: ButtonClickEvent;
-    'mno-throttle': ButtonRateLimitEvent;
-    mnoThrottle: ButtonRateLimitEvent;
-    'mno-debounce': ButtonRateLimitEvent;
-    mnoDebounce: ButtonRateLimitEvent;
-    'mno-loading-change': ButtonLoadingChangeEvent;
-    mnoLoadingChange: ButtonLoadingChangeEvent;
+  click: ButtonClickEvent;
+  throttle: ButtonRateLimitEvent;
+  debounce: ButtonRateLimitEvent;
+  'loading-change': ButtonLoadingChangeEvent;
+  loadingChange: ButtonLoadingChangeEvent;
+  'mno-click': ButtonClickEvent;
+  mnoClick: ButtonClickEvent;
+  'mno-throttle': ButtonRateLimitEvent;
+  mnoThrottle: ButtonRateLimitEvent;
+  'mno-debounce': ButtonRateLimitEvent;
+  mnoDebounce: ButtonRateLimitEvent;
+  'mno-loading-change': ButtonLoadingChangeEvent;
+  mnoLoadingChange: ButtonLoadingChangeEvent;
 }
 export interface IconProps {
-    size?: number;
-    class?: string;
+  size?: number;
+  class?: string;
 }
+//#endregion
+export type { DebounceConfig, RateLimitPhase, ThrottleConfig };

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

@@ -1,4 +1,5 @@
-import { ButtonSize, ButtonColor, ButtonVariant, ButtonRounded, ButtonBadgeColor } from './button-types.js';
+import { ButtonBadgeColor, ButtonColor, ButtonRounded, ButtonSize, ButtonVariant } from "./button-types.js";
+//#region src/components/button/button-utils.d.ts
 /**
  * Generate badge CSS classes
  */
@@ -11,8 +12,9 @@ export declare function processIconContent(icon: string): string;
  * Validate button props
  */
 export declare function validateButtonProps(props: {
-    size?: ButtonSize;
-    color?: ButtonColor;
-    variant?: ButtonVariant;
-    rounded?: ButtonRounded;
+  size?: ButtonSize;
+  color?: ButtonColor;
+  variant?: ButtonVariant;
+  rounded?: ButtonRounded;
 }): boolean;
+//#endregion

package/dist/src/components/button/index.button-dropdown.d.ts

@@ -1,4 +1,6 @@
 /// <reference path="../../../vue.d.ts" />
-export { MonoButtonDropdown } from './mono-button-dropdown.js';
-export { MonoButtonDropdownCore } from './button-dropdown-core.js';
-export type { ButtonDropdownItem, ButtonDropdownProps, ButtonDropdownEvents, ButtonDropdownCssClass, ButtonDropdownPlacement, ButtonDropdownClickEventDetail, ButtonDropdownClickEvent, ButtonDropdownOpenEvent, ButtonDropdownCloseEvent, } from './button-dropdown-types.js';
+import { DropdownPlacement } from "../dropdown/dropdown-types.js";
+import { ButtonDropdownClickEvent, ButtonDropdownClickEventDetail, ButtonDropdownCloseEvent, ButtonDropdownCssClass, ButtonDropdownEvents, ButtonDropdownItem, ButtonDropdownOpenEvent, ButtonDropdownProps } from "./button-dropdown-types.js";
+import { MonoButtonDropdownCore } from "./button-dropdown-core.js";
+import { MonoButtonDropdown } from "./mono-button-dropdown.js";
+export { type ButtonDropdownClickEvent, type ButtonDropdownClickEventDetail, type ButtonDropdownCloseEvent, type ButtonDropdownCssClass, type ButtonDropdownEvents, type ButtonDropdownItem, type ButtonDropdownOpenEvent, type DropdownPlacement as ButtonDropdownPlacement, type ButtonDropdownProps, MonoButtonDropdown, MonoButtonDropdownCore };

package/dist/src/components/button/index.button-dropdown.shadow.d.ts

@@ -1,4 +1,6 @@
 /// <reference path="../../../vue.d.ts" />
-export { MonoButtonDropdownShadow } from './mono-button-dropdown.shadow.js';
-export { MonoButtonDropdownCore } from './button-dropdown-core.js';
-export type { ButtonDropdownItem, ButtonDropdownProps, ButtonDropdownEvents, ButtonDropdownCssClass, ButtonDropdownPlacement, ButtonDropdownClickEventDetail, ButtonDropdownClickEvent, ButtonDropdownOpenEvent, ButtonDropdownCloseEvent, } from './button-dropdown-types.js';
+import { DropdownPlacement } from "../dropdown/dropdown-types.js";
+import { ButtonDropdownClickEvent, ButtonDropdownClickEventDetail, ButtonDropdownCloseEvent, ButtonDropdownCssClass, ButtonDropdownEvents, ButtonDropdownItem, ButtonDropdownOpenEvent, ButtonDropdownProps } from "./button-dropdown-types.js";
+import { MonoButtonDropdownCore } from "./button-dropdown-core.js";
+import { MonoButtonDropdownShadow } from "./mono-button-dropdown.shadow.js";
+export { type ButtonDropdownClickEvent, type ButtonDropdownClickEventDetail, type ButtonDropdownCloseEvent, type ButtonDropdownCssClass, type ButtonDropdownEvents, type ButtonDropdownItem, type ButtonDropdownOpenEvent, type DropdownPlacement as ButtonDropdownPlacement, type ButtonDropdownProps, MonoButtonDropdownCore, MonoButtonDropdownShadow };

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

@@ -1,8 +1,5 @@
 /// <reference path="../../../vue.d.ts" />
-/**
- * Button Component Exports
- * Exports all button components, types, and utilities
- */
-export { MonoButton } from './mono-button.js';
-export type { ButtonSize, ButtonColor, ButtonVariant, ButtonRounded, ButtonIconPosition, ButtonBadgeColor, ButtonProps, ButtonAffixProps, ButtonEvents, IconProps, } from './button-types.js';
-export { generateBadgeClasses, processIconContent, validateButtonProps, } from './button-utils.js';
+import { ButtonAffixProps, ButtonBadgeColor, ButtonColor, ButtonEvents, ButtonIconPosition, ButtonProps, ButtonRounded, ButtonSize, ButtonVariant, IconProps } from "./button-types.js";
+import { generateBadgeClasses, processIconContent, validateButtonProps } from "./button-utils.js";
+import { MonoButton } from "./mono-button.js";
+export { type ButtonAffixProps, type ButtonBadgeColor, type ButtonColor, type ButtonEvents, type ButtonIconPosition, type ButtonProps, type ButtonRounded, type ButtonSize, type ButtonVariant, type IconProps, MonoButton, generateBadgeClasses, processIconContent, validateButtonProps };

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

@@ -1,5 +1,6 @@
 /// <reference path="../../../vue.d.ts" />
-export { MonoButtonShadow } from './mono-button.shadow.js';
-export { MonoButtonCore } from './button-core.js';
-export type { ButtonSize, ButtonColor, ButtonVariant, ButtonRounded, ButtonIconPosition, ButtonBadgeColor, ButtonProps, ButtonAffixProps, ButtonEvents, IconProps, } from './button-types.js';
-export { generateBadgeClasses, processIconContent, validateButtonProps, } from './button-utils.js';
+import { ButtonAffixProps, ButtonBadgeColor, ButtonColor, ButtonEvents, ButtonIconPosition, ButtonProps, ButtonRounded, ButtonSize, ButtonVariant, IconProps } from "./button-types.js";
+import { MonoButtonCore } from "./button-core.js";
+import { generateBadgeClasses, processIconContent, validateButtonProps } from "./button-utils.js";
+import { MonoButtonShadow } from "./mono-button.shadow.js";
+export { type ButtonAffixProps, type ButtonBadgeColor, type ButtonColor, type ButtonEvents, type ButtonIconPosition, type ButtonProps, type ButtonRounded, type ButtonSize, type ButtonVariant, type IconProps, MonoButtonCore, MonoButtonShadow, generateBadgeClasses, processIconContent, validateButtonProps };

package/dist/src/components/button/mono-button-dropdown.d.ts

@@ -1,5 +1,9 @@
-import { LitElement, TemplateResult } from 'lit';
-declare const MonoButtonDropdown_base: import('../../composables/hybird-prop').Constructor<import('./button-dropdown-core.js').MonoButtonDropdownCoreInterface> & typeof LitElement;
+import { Constructor } from "../../composables/hybird-prop.js";
+import { MonoButtonDropdownCoreInterface } from "./button-dropdown-core.js";
+import "./mono-button.js";
+import { LitElement, TemplateResult } from "lit";
+//#region src/components/button/mono-button-dropdown.d.ts
+declare const MonoButtonDropdown_base: Constructor<MonoButtonDropdownCoreInterface> & typeof LitElement;
 /**
  * Light-DOM `mono-button-dropdown` (default build,
  * `@mono-lit/helper/ui/button-dropdown`).
@@ -13,23 +17,24 @@ declare const MonoButtonDropdown_base: import('../../composables/hybird-prop').C
  * build shares it and only swaps the embedded button's tag.
  */
 export declare class MonoButtonDropdown extends MonoButtonDropdown_base {
-    static styles: import('lit').CSSResult[];
-    protected createRenderRoot(): HTMLElement;
-    /**
-     * The panel is a STATIC element here, not something a helper returns.
-     *
-     * `PopupPortalController` moves it into a `<body>` portal on open and never
-     * moves it back. A node produced inside a `${}` expression sits in a
-     * `ChildPart` range, and ejecting it from that range breaks Lit on the next
-     * render ("this `ChildPart` has no `parentNode`"). As a fixed template node it
-     * has no range to leave — which is exactly why `mono-dropdown` is shaped this
-     * way too.
-     */
-    protected render(): TemplateResult;
+  static styles: import("lit").CSSResult[];
+  protected createRenderRoot(): HTMLElement;
+  /**
+   * The panel is a STATIC element here, not something a helper returns.
+   *
+   * `PopupPortalController` moves it into a `<body>` portal on open and never
+   * moves it back. A node produced inside a `${}` expression sits in a
+   * `ChildPart` range, and ejecting it from that range breaks Lit on the next
+   * render ("this `ChildPart` has no `parentNode`"). As a fixed template node it
+   * has no range to leave — which is exactly why `mono-dropdown` is shaped this
+   * way too.
+   */
+  protected render(): TemplateResult;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        'mono-button-dropdown': MonoButtonDropdown;
-    }
+  interface HTMLElementTagNameMap {
+    'mono-button-dropdown': MonoButtonDropdown;
+  }
 }
-export {};
+//#endregion
+export {};

package/dist/src/components/button/mono-button-dropdown.shadow.d.ts

@@ -1,5 +1,9 @@
-import { LitElement, TemplateResult } from 'lit';
-declare const MonoButtonDropdownShadow_base: import('../../composables/hybird-prop').Constructor<import('./button-dropdown-core.js').MonoButtonDropdownCoreInterface> & typeof LitElement;
+import { Constructor } from "../../composables/hybird-prop.js";
+import { MonoButtonDropdownCoreInterface } from "./button-dropdown-core.js";
+import "./mono-button.shadow.js";
+import { LitElement, TemplateResult } from "lit";
+//#region src/components/button/mono-button-dropdown.shadow.d.ts
+declare const MonoButtonDropdownShadow_base: Constructor<MonoButtonDropdownCoreInterface> & typeof LitElement;
 /**
  * Shadow-DOM `mono-button-dropdown` — `@mono-lit/helper/ui/shadow/button-dropdown`,
  * registered as the DISTINCT tag `mono-shadow-button-dropdown` so it can coexist
@@ -13,33 +17,34 @@ declare const MonoButtonDropdownShadow_base: import('../../composables/hybird-pr
  * positions it in place for shadow builds — so it inherits these styles normally.
  */
 export declare class MonoButtonDropdownShadow extends MonoButtonDropdownShadow_base {
-    static styles: import('lit').CSSResult[];
-    protected _buttonTag(): string;
-    /**
-     * Shadow buttons project through a native `<slot>` — they never relocate their
-     * children — so entry content can stay a Lit template here, which also keeps
-     * this build SSR-safe (no `document.createElement` at render time).
-     */
-    protected _declarativeItems(): boolean;
-    /**
-     * `buttons[].icon` is DATA-driven, so the icon element is created inside this
-     * shadow root — where the page's `i-mdi-*` utilities don't reach, leaving the
-     * entries icon-less. `withShadowUtilityStyles` can't cover it: that path
-     * deliberately excludes icon selectors so the two strategies don't collide.
-     *
-     * `adoptIconStyles` is the matching mechanism — one shared, LIVE constructable
-     * sheet that keeps repopulating until it has captured real `.i-…` glyph rules,
-     * so adopting early (before UnoCSS has loaded) still paints once it does.
-     * Called from both hooks for exactly that reason.
-     */
-    protected firstUpdated(changed: Map<string, unknown>): void;
-    protected updated(changed: Map<string, unknown>): void;
-    /** Panel written statically for the same reason as the light build. */
-    protected render(): TemplateResult;
+  static styles: import("lit").CSSResult[];
+  protected _buttonTag(): string;
+  /**
+   * Shadow buttons project through a native `<slot>` — they never relocate their
+   * children — so entry content can stay a Lit template here, which also keeps
+   * this build SSR-safe (no `document.createElement` at render time).
+   */
+  protected _declarativeItems(): boolean;
+  /**
+   * `buttons[].icon` is DATA-driven, so the icon element is created inside this
+   * shadow root — where the page's `i-mdi-*` utilities don't reach, leaving the
+   * entries icon-less. `withShadowUtilityStyles` can't cover it: that path
+   * deliberately excludes icon selectors so the two strategies don't collide.
+   *
+   * `adoptIconStyles` is the matching mechanism — one shared, LIVE constructable
+   * sheet that keeps repopulating until it has captured real `.i-…` glyph rules,
+   * so adopting early (before UnoCSS has loaded) still paints once it does.
+   * Called from both hooks for exactly that reason.
+   */
+  protected firstUpdated(changed: Map<string, unknown>): void;
+  protected updated(changed: Map<string, unknown>): void;
+  /** Panel written statically for the same reason as the light build. */
+  protected render(): TemplateResult;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        'mono-shadow-button-dropdown': MonoButtonDropdownShadow;
-    }
+  interface HTMLElementTagNameMap {
+    'mono-shadow-button-dropdown': MonoButtonDropdownShadow;
+  }
 }
-export {};
+//#endregion
+export {};