@mono-lit/helper 0.0.2 → 0.0.4

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

@@ -1,5 +1,8 @@
-import { LitElement, nothing, TemplateResult } from 'lit';
-declare const MonoCheckboxShadow_base: import('../../composables/hybird-prop').Constructor<import('./checkbox-core.js').MonoCheckboxCoreInterface> & typeof LitElement;
+import { Constructor } from "../../composables/hybird-prop.js";
+import { MonoCheckboxCoreInterface } from "./checkbox-core.js";
+import { LitElement, TemplateResult, nothing } from "lit";
+//#region src/components/checkbox/mono-checkbox.shadow.d.ts
+declare const MonoCheckboxShadow_base: Constructor<MonoCheckboxCoreInterface> & typeof LitElement;
 /**
  * Shadow-DOM `mono-checkbox` (the opt-in SSR build, `@mono-lit/helper/ui/shadow/checkbox`).
  *
@@ -17,29 +20,30 @@ declare const MonoCheckboxShadow_base: import('../../composables/hybird-prop').C
  * `MonoCheckboxCore`; both register `mono-checkbox`, so a document loads one.
  */
 export declare class MonoCheckboxShadow extends MonoCheckboxShadow_base {
-    static styles: import('lit').CSSResult[];
-    connectedCallback(): void;
-    firstUpdated(changed: Map<string, unknown>): void;
-    protected updated(changed: Map<string, unknown>): void;
-    private _slotFor;
-    private _slotHasContent;
-    private _onSlotChange;
-    /**
-     * The sublabel region answers to `slot="sublabel"` and to the older
-     * `slot="description"` (nested inside it), so its presence is the union.
-     */
-    private _sublabelHasContent;
-    private _setSlotState;
-    /** Reconcile the 4 slot-presence flags from their slots' assigned content. */
-    private _scanSlots;
-    /**
-     * Inline SVG, not the `i-mdi-loading` utility class: a shadow root cannot see the
-     * page's utility CSS, so the light build's icon class would render nothing here.
-     * `fill="currentColor"` keeps it on the box's icon colour; the spin comes from the
-     * adopted `checkbox.css`.
-     */
-    protected _renderLoadingIcon(): TemplateResult;
-    protected _renderCustomIcon(): TemplateResult | typeof nothing;
-    protected _renderLabelBlock(): TemplateResult | typeof nothing;
+  static styles: import("lit").CSSResult[];
+  connectedCallback(): void;
+  firstUpdated(changed: Map<string, unknown>): void;
+  protected updated(changed: Map<string, unknown>): void;
+  private _slotFor;
+  private _slotHasContent;
+  private _onSlotChange;
+  /**
+   * The sublabel region answers to `slot="sublabel"` and to the older
+   * `slot="description"` (nested inside it), so its presence is the union.
+   */
+  private _sublabelHasContent;
+  private _setSlotState;
+  /** Reconcile the 4 slot-presence flags from their slots' assigned content. */
+  private _scanSlots;
+  /**
+   * Inline SVG, not the `i-mdi-loading` utility class: a shadow root cannot see the
+   * page's utility CSS, so the light build's icon class would render nothing here.
+   * `fill="currentColor"` keeps it on the box's icon colour; the spin comes from the
+   * adopted `checkbox.css`.
+   */
+  protected _renderLoadingIcon(): TemplateResult;
+  protected _renderCustomIcon(): TemplateResult | typeof nothing;
+  protected _renderLabelBlock(): TemplateResult | typeof nothing;
 }
-export {};
+//#endregion
+export {};

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

@@ -1,46 +1,47 @@
-import { LitElement } from 'lit';
-import { ChipSize, ChipColor, ChipVariant, ChipRounded, ChipIconPosition, ChipCssClass, ChipModelEventDetail } from './chip-types.js';
-import { Constructor } from '../../composables/hybird-prop';
+import { Constructor } from "../../composables/hybird-prop.js";
+import { ChipColor, ChipCssClass, ChipIconPosition, ChipModelEventDetail, ChipRounded, ChipSize, ChipVariant } from "./chip-types.js";
+import { LitElement } from "lit";
+//#region src/components/chip/chip-core.d.ts
 type ChipLikeElement = HTMLSpanElement | HTMLAnchorElement;
 /** Public + shared-protected surface added by the core mixin. */
 export declare class MonoChipCoreInterface {
-    size: ChipSize;
-    color: ChipColor;
-    variant: ChipVariant;
-    rounded?: ChipRounded;
-    label?: string;
-    dot: boolean;
-    removable: boolean;
-    clickable: boolean;
-    disabled: boolean;
+  size: ChipSize;
+  color: ChipColor;
+  variant: ChipVariant;
+  rounded?: ChipRounded;
+  label?: string;
+  dot: boolean;
+  removable: boolean;
+  clickable: boolean;
+  disabled: boolean;
+  modelValue: boolean;
+  selected: boolean;
+  href?: string;
+  target?: string;
+  iconPosition: ChipIconPosition;
+  ariaLabelText?: string;
+  closeLabel: string;
+  cssClass: ChipCssClass;
+  focus(): void;
+  blur(): void;
+  click(): void;
+  protected _isActive: boolean;
+  protected _hasIcon: boolean;
+  protected _chipElement?: ChipLikeElement;
+  protected _toBoolean(value: unknown): boolean;
+  protected _cls(base: string, key: keyof ChipCssClass): string;
+  protected get _chipClasses(): string;
+  protected get _isInteractive(): boolean;
+  protected _createModelDetail(args: {
     modelValue: boolean;
-    selected: boolean;
-    href?: string;
-    target?: string;
-    iconPosition: ChipIconPosition;
-    ariaLabelText?: string;
-    closeLabel: string;
-    cssClass: ChipCssClass;
-    focus(): void;
-    blur(): void;
-    click(): void;
-    protected _isActive: boolean;
-    protected _hasIcon: boolean;
-    protected _chipElement?: ChipLikeElement;
-    protected _toBoolean(value: unknown): boolean;
-    protected _cls(base: string, key: keyof ChipCssClass): string;
-    protected get _chipClasses(): string;
-    protected get _isInteractive(): boolean;
-    protected _createModelDetail(args: {
-        modelValue: boolean;
-        oldValue: boolean;
-        sourceEvent?: Event;
-    }): ChipModelEventDetail;
-    protected _handleClick(event: MouseEvent): void;
-    protected _handleKeyDown(event: KeyboardEvent): void;
-    protected _handleFocus(): void;
-    protected _handleBlur(): void;
-    protected _handleClose(event: MouseEvent): void;
+    oldValue: boolean;
+    sourceEvent?: Event;
+  }): ChipModelEventDetail;
+  protected _handleClick(event: MouseEvent): void;
+  protected _handleKeyDown(event: KeyboardEvent): void;
+  protected _handleFocus(): void;
+  protected _handleBlur(): void;
+  protected _handleClose(event: MouseEvent): void;
 }
 /**
  * `MonoChipCore` — all render-mode-agnostic logic for `mono-chip`: reactive
@@ -55,4 +56,5 @@ export declare class MonoChipCoreInterface {
  * `focus/blur/click` only run client-side.
  */
 export declare const MonoChipCore: <T extends Constructor<LitElement>>(superClass: T) => Constructor<MonoChipCoreInterface> & T;
-export {};
+//#endregion
+export {};

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

@@ -1,3 +1,4 @@
+//#region src/components/chip/chip-types.d.ts
 /**
  * Chip Component Type Definitions
  */
@@ -27,116 +28,117 @@ export type ChipBehaviour = 'flex' | 'inline';
  * elements; the supplied class string is appended to the element's base class.
  */
 export interface ChipCssClass {
-    root?: string;
-    main?: string;
-    content?: string;
-    label?: string;
-    dot?: string;
-    close?: string;
+  root?: string;
+  main?: string;
+  content?: string;
+  label?: string;
+  dot?: string;
+  close?: string;
 }
 export interface MonoChipProps {
-    /** Sizing scale of the chip. */
-    size?: ChipSize;
-    /** Color theme applied to the chip. */
-    color?: ChipColor;
-    /** Visual style: soft, solid, or outline. */
-    variant?: ChipVariant;
-    /** Corner style: pill, rounded, or square. */
-    rounded?: ChipRounded;
-    /** Text content shown inside the chip. */
-    label?: string;
-    /** Shows a status dot before the label. */
-    dot?: boolean;
-    /** Adds a close button to remove the chip. */
-    removable?: boolean;
-    /** Disables interaction and dims the chip. */
-    disabled?: boolean;
-    /** Makes the chip clickable and toggleable. */
-    clickable?: boolean;
-    /** Two-way bound selected state of the chip. */
-    modelValue?: boolean;
-    'model-value'?: boolean;
-    modelvalue?: boolean;
-    /** Whether the chip is in the selected state. */
-    selected?: boolean;
-    /** Renders the chip as a link to this URL. */
-    href?: string;
-    /** Link target when an href is set. */
-    target?: string;
-    /**
-     * Recommended JS/TS prop.
-     */
-    iconPosition?: ChipIconPosition;
-    /**
-     * Kebab-case alias.
-     */
-    'icon-position'?: ChipIconPosition;
-    /**
-     * Lowercase fallback for static camelCase HTML.
-     */
-    iconposition?: ChipIconPosition;
-    /**
-     * Recommended JS/TS prop.
-     */
-    ariaLabelText?: string;
-    /**
-     * Shorter alias.
-     */
-    ariaLabel?: string;
-    /**
-     * Native/kebab aliases.
-     */
-    'aria-label'?: string;
-    'aria-label-text'?: string;
-    /**
-     * Lowercase fallback for static camelCase HTML.
-     */
-    arialabel?: string;
-    arialabeltext?: string;
-    /**
-     * Recommended JS/TS prop.
-     */
-    closeLabel?: string;
-    /**
-     * Kebab-case alias.
-     */
-    'close-label'?: string;
-    /**
-     * Lowercase fallback for static camelCase HTML.
-     */
-    closelabel?: string;
-    /** Per-element class overrides for internal parts. */
-    cssClass?: ChipCssClass;
-    'css-class'?: ChipCssClass;
+  /** Sizing scale of the chip. */
+  size?: ChipSize;
+  /** Color theme applied to the chip. */
+  color?: ChipColor;
+  /** Visual style: soft, solid, or outline. */
+  variant?: ChipVariant;
+  /** Corner style: pill, rounded, or square. */
+  rounded?: ChipRounded;
+  /** Text content shown inside the chip. */
+  label?: string;
+  /** Shows a status dot before the label. */
+  dot?: boolean;
+  /** Adds a close button to remove the chip. */
+  removable?: boolean;
+  /** Disables interaction and dims the chip. */
+  disabled?: boolean;
+  /** Makes the chip clickable and toggleable. */
+  clickable?: boolean;
+  /** Two-way bound selected state of the chip. */
+  modelValue?: boolean;
+  'model-value'?: boolean;
+  modelvalue?: boolean;
+  /** Whether the chip is in the selected state. */
+  selected?: boolean;
+  /** Renders the chip as a link to this URL. */
+  href?: string;
+  /** Link target when an href is set. */
+  target?: string;
+  /**
+   * Recommended JS/TS prop.
+   */
+  iconPosition?: ChipIconPosition;
+  /**
+   * Kebab-case alias.
+   */
+  'icon-position'?: ChipIconPosition;
+  /**
+   * Lowercase fallback for static camelCase HTML.
+   */
+  iconposition?: ChipIconPosition;
+  /**
+   * Recommended JS/TS prop.
+   */
+  ariaLabelText?: string;
+  /**
+   * Shorter alias.
+   */
+  ariaLabel?: string;
+  /**
+   * Native/kebab aliases.
+   */
+  'aria-label'?: string;
+  'aria-label-text'?: string;
+  /**
+   * Lowercase fallback for static camelCase HTML.
+   */
+  arialabel?: string;
+  arialabeltext?: string;
+  /**
+   * Recommended JS/TS prop.
+   */
+  closeLabel?: string;
+  /**
+   * Kebab-case alias.
+   */
+  'close-label'?: string;
+  /**
+   * Lowercase fallback for static camelCase HTML.
+   */
+  closelabel?: string;
+  /** Per-element class overrides for internal parts. */
+  cssClass?: ChipCssClass;
+  'css-class'?: ChipCssClass;
 }
 export type StatusDotState = 'online' | 'offline' | 'busy' | 'away' | 'custom';
 export interface MonoStatusDotProps {
-    /** Status state controlling the dot's preset color. */
-    status?: StatusDotState;
-    /** Status state controlling the dot's preset color. */
-    state?: StatusDotState;
-    /** Adds a pulsing animation to the dot. */
-    pulse?: boolean;
-    /** Text label shown next to the dot. */
-    label?: string;
-    /** Custom dot color for the custom state. */
-    color?: string;
+  /** Status state controlling the dot's preset color. */
+  status?: StatusDotState;
+  /** Status state controlling the dot's preset color. */
+  state?: StatusDotState;
+  /** Adds a pulsing animation to the dot. */
+  pulse?: boolean;
+  /** Text label shown next to the dot. */
+  label?: string;
+  /** Custom dot color for the custom state. */
+  color?: string;
 }
 export interface ChipModelEventDetail {
-    modelValue: boolean;
-    currentValue: boolean;
-    oldValue: boolean;
-    value: boolean;
-    selected: boolean;
-    label: string;
-    sourceEvent?: Event;
+  modelValue: boolean;
+  currentValue: boolean;
+  oldValue: boolean;
+  value: boolean;
+  selected: boolean;
+  label: string;
+  sourceEvent?: Event;
 }
 export type ChipModelEvent = CustomEvent<ChipModelEventDetail>;
 export interface ChipEvents {
-    click: ChipModelEvent;
-    close: ChipModelEvent;
-    'mno-click': ChipModelEvent;
-    mnoClick: ChipModelEvent;
-    'mno-close': ChipModelEvent;
-    mnoClose: ChipModelEvent;
+  click: ChipModelEvent;
+  close: ChipModelEvent;
+  'mno-click': ChipModelEvent;
+  mnoClick: ChipModelEvent;
+  'mno-close': ChipModelEvent;
+  mnoClose: ChipModelEvent;
 }
+//#endregion

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

@@ -1,24 +1,26 @@
-import { ChipColor, ChipRounded, ChipSize, ChipVariant } from './chip-types.js';
+import { ChipColor, ChipRounded, ChipSize, ChipVariant } from "./chip-types.js";
+//#region src/components/chip/chip-utils.d.ts
 export declare function generateChipRootClasses(props: {
-    size?: ChipSize;
-    color?: ChipColor;
-    variant?: ChipVariant;
-    rounded?: ChipRounded;
-    clickable?: boolean;
-    removable?: boolean;
-    disabled?: boolean;
-    selected?: boolean;
-    dot?: boolean;
+  size?: ChipSize;
+  color?: ChipColor;
+  variant?: ChipVariant;
+  rounded?: ChipRounded;
+  clickable?: boolean;
+  removable?: boolean;
+  disabled?: boolean;
+  selected?: boolean;
+  dot?: boolean;
 }): string;
 export declare function isInteractive(props: {
-    clickable?: boolean;
-    href?: string;
-    removable?: boolean;
-    disabled?: boolean;
+  clickable?: boolean;
+  href?: string;
+  removable?: boolean;
+  disabled?: boolean;
 }): boolean;
 export declare function validateChipProps(props: {
-    size?: ChipSize;
-    color?: ChipColor;
-    variant?: ChipVariant;
-    rounded?: ChipRounded;
+  size?: ChipSize;
+  color?: ChipColor;
+  variant?: ChipVariant;
+  rounded?: ChipRounded;
 }): boolean;
+//#endregion

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

@@ -1,8 +1,6 @@
 /// <reference path="../../../vue.d.ts" />
-/**
- * Chip / Badge / Tag Component Exports
- */
-export { MonoChip } from './mono-chip.js';
-export { MonoStatusDot } from './mono-status-dot.js';
-export type { ChipSize, ChipColor, ChipVariant, ChipRounded, ChipIconPosition, ChipCssClass, ChipModelEventDetail, ChipModelEvent, ChipEvents, MonoChipProps, MonoStatusDotProps, StatusDotState, } from './chip-types.js';
-export { generateChipRootClasses, isInteractive, validateChipProps, } from './chip-utils.js';
+import { ChipColor, ChipCssClass, ChipEvents, ChipIconPosition, ChipModelEvent, ChipModelEventDetail, ChipRounded, ChipSize, ChipVariant, MonoChipProps, MonoStatusDotProps, StatusDotState } from "./chip-types.js";
+import { generateChipRootClasses, isInteractive, validateChipProps } from "./chip-utils.js";
+import { MonoChip } from "./mono-chip.js";
+import { MonoStatusDot } from "./mono-status-dot.js";
+export { type ChipColor, type ChipCssClass, type ChipEvents, type ChipIconPosition, type ChipModelEvent, type ChipModelEventDetail, type ChipRounded, type ChipSize, type ChipVariant, MonoChip, type MonoChipProps, MonoStatusDot, type MonoStatusDotProps, type StatusDotState, generateChipRootClasses, isInteractive, validateChipProps };

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

@@ -1,6 +1,7 @@
 /// <reference path="../../../vue.d.ts" />
-export { MonoChipShadow } from './mono-chip.shadow.js';
-export { MonoStatusDot } from './mono-status-dot.js';
-export { MonoChipCore } from './chip-core.js';
-export type { ChipSize, ChipColor, ChipVariant, ChipRounded, ChipIconPosition, ChipCssClass, ChipModelEventDetail, ChipModelEvent, ChipEvents, MonoChipProps, MonoStatusDotProps, StatusDotState, } from './chip-types.js';
-export { generateChipRootClasses, isInteractive, validateChipProps, } from './chip-utils.js';
+import { ChipColor, ChipCssClass, ChipEvents, ChipIconPosition, ChipModelEvent, ChipModelEventDetail, ChipRounded, ChipSize, ChipVariant, MonoChipProps, MonoStatusDotProps, StatusDotState } from "./chip-types.js";
+import { MonoChipCore } from "./chip-core.js";
+import { generateChipRootClasses, isInteractive, validateChipProps } from "./chip-utils.js";
+import { MonoStatusDot } from "./mono-status-dot.js";
+import { MonoChipShadow } from "./mono-chip.shadow.js";
+export { type ChipColor, type ChipCssClass, type ChipEvents, type ChipIconPosition, type ChipModelEvent, type ChipModelEventDetail, type ChipRounded, type ChipSize, type ChipVariant, MonoChipCore, type MonoChipProps, MonoChipShadow, MonoStatusDot, type MonoStatusDotProps, type StatusDotState, generateChipRootClasses, isInteractive, validateChipProps };

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

@@ -1,5 +1,8 @@
-import { LitElement, TemplateResult } from 'lit';
-declare const MonoChip_base: import('../../composables/hybird-prop').Constructor<import('./chip-core.js').MonoChipCoreInterface> & typeof LitElement;
+import { Constructor } from "../../composables/hybird-prop.js";
+import { MonoChipCoreInterface } from "./chip-core.js";
+import { LitElement, TemplateResult } from "lit";
+//#region src/components/chip/mono-chip.d.ts
+declare const MonoChip_base: Constructor<MonoChipCoreInterface> & typeof LitElement;
 /**
  * Light-DOM `mono-chip` (default build, `@mono-lit/helper/ui/chip`).
  *
@@ -18,31 +21,32 @@ declare const MonoChip_base: import('../../composables/hybird-prop').Constructor
  * only one.
  */
 export declare class MonoChip extends MonoChip_base {
-    static styles: import('lit').CSSResult[];
-    protected createRenderRoot(): HTMLElement;
-    private _buckets;
-    private _slotsCaptured;
-    private _renderLabel;
-    private _renderDot;
-    private _renderClose;
-    private _renderContent;
-    protected render(): TemplateResult;
-    connectedCallback(): void;
-    /**
-     * In light DOM mode, <slot> elements no longer project the host's children.
-     * Capture them once before Lit's first render replaces the children, then
-     * re-place them in the render template at the right positions. `light-slots`
-     * carries comments and zero-length Fragment text nodes with the content they
-     * anchor and removes *only* what it buckets — the previous inline logic deleted
-     * every original child, dropping Vue's anchors for good.
-     */
-    private _captureSlots;
-    protected updated(changed: Map<string, unknown>): void;
-    private _placeSlot;
+  static styles: import("lit").CSSResult[];
+  protected createRenderRoot(): HTMLElement;
+  private _buckets;
+  private _slotsCaptured;
+  private _renderLabel;
+  private _renderDot;
+  private _renderClose;
+  private _renderContent;
+  protected render(): TemplateResult;
+  connectedCallback(): void;
+  /**
+   * In light DOM mode, <slot> elements no longer project the host's children.
+   * Capture them once before Lit's first render replaces the children, then
+   * re-place them in the render template at the right positions. `light-slots`
+   * carries comments and zero-length Fragment text nodes with the content they
+   * anchor and removes *only* what it buckets — the previous inline logic deleted
+   * every original child, dropping Vue's anchors for good.
+   */
+  private _captureSlots;
+  protected updated(changed: Map<string, unknown>): void;
+  private _placeSlot;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        'mono-chip': MonoChip;
-    }
+  interface HTMLElementTagNameMap {
+    'mono-chip': MonoChip;
+  }
 }
-export {};
+//#endregion
+export {};

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

@@ -1,5 +1,8 @@
-import { LitElement, TemplateResult } from 'lit';
-declare const MonoChipShadow_base: import('../../composables/hybird-prop').Constructor<import('./chip-core.js').MonoChipCoreInterface> & typeof LitElement;
+import { Constructor } from "../../composables/hybird-prop.js";
+import { MonoChipCoreInterface } from "./chip-core.js";
+import { LitElement, TemplateResult } from "lit";
+//#region src/components/chip/mono-chip.shadow.d.ts
+declare const MonoChipShadow_base: Constructor<MonoChipCoreInterface> & typeof LitElement;
 /**
  * Shadow-DOM `mono-chip` (the opt-in SSR build, `@mono-lit/helper/ui/shadow/chip`).
  *
@@ -17,17 +20,18 @@ declare const MonoChipShadow_base: import('../../composables/hybird-prop').Const
  * `mono-chip`, so a document loads only one.
  */
 export declare class MonoChipShadow extends MonoChipShadow_base {
-    static styles: import('lit').CSSResult[];
-    connectedCallback(): void;
-    firstUpdated(changed: Map<string, unknown>): void;
-    private _iconSlot;
-    private _slotHasContent;
-    private _onIconSlotChange;
-    private _renderDot;
-    private _iconSpan;
-    private _renderLabel;
-    private _renderClose;
-    private _renderContent;
-    protected render(): TemplateResult;
+  static styles: import("lit").CSSResult[];
+  connectedCallback(): void;
+  firstUpdated(changed: Map<string, unknown>): void;
+  private _iconSlot;
+  private _slotHasContent;
+  private _onIconSlotChange;
+  private _renderDot;
+  private _iconSpan;
+  private _renderLabel;
+  private _renderClose;
+  private _renderContent;
+  protected render(): TemplateResult;
 }
-export {};
+//#endregion
+export {};

package/dist/src/components/chip/mono-status-dot.d.ts

@@ -1,5 +1,6 @@
-import { LitElement, TemplateResult } from 'lit';
-import { StatusDotState } from './chip-types.js';
+import { StatusDotState } from "./chip-types.js";
+import { LitElement, TemplateResult } from "lit";
+//#region src/components/chip/mono-status-dot.d.ts
 /**
  * `mono-status-dot` — a small status indicator. Already a real shadow-DOM
  * LitElement (default render root + `static styles`, native `<slot>`), so it is
@@ -14,21 +15,22 @@ import { StatusDotState } from './chip-types.js';
  * loads both light + shadow chip won't throw a "already defined" registry error.
  */
 export declare class MonoStatusDot extends LitElement {
-    static styles: import('lit').CSSResult[];
-    constructor();
-    state: StatusDotState;
-    pulse: boolean;
-    label?: string;
-    color?: string;
-    private _statusElement?;
-    private get _statusClasses();
-    private get _statusStyle();
-    protected render(): TemplateResult;
-    focus(): void;
-    blur(): void;
+  static styles: import("lit").CSSResult[];
+  constructor();
+  state: StatusDotState;
+  pulse: boolean;
+  label?: string;
+  color?: string;
+  private _statusElement?;
+  private get _statusClasses();
+  private get _statusStyle();
+  protected render(): TemplateResult;
+  focus(): void;
+  blur(): void;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        'mono-status-dot': MonoStatusDot;
-    }
+  interface HTMLElementTagNameMap {
+    'mono-status-dot': MonoStatusDot;
+  }
 }
+//#endregion