@mono-lit/helper 0.0.2 → 0.0.3

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

@@ -1,38 +1,39 @@
-import { LitElement, TemplateResult } from 'lit';
-import { SidebarMode, SidebarLocation, SidebarDensity, SidebarColor, SidebarVariant, SidebarSource, SidebarCssClass } from './sidebar-types.js';
-import { Constructor } from '../../composables/hybird-prop';
+import { Constructor } from "../../composables/hybird-prop.js";
+import { SidebarColor, SidebarCssClass, SidebarDensity, SidebarLocation, SidebarMode, SidebarSource, SidebarVariant } from "./sidebar-types.js";
+import { LitElement, TemplateResult } from "lit";
+//#region src/components/sidebar/sidebar-core.d.ts
 /** Slot regions the sidebar lays out. `body` is the default (unnamed) region. */
 export type SidebarSlotName = 'header' | 'body' | 'footer';
 /** Public + shared-protected surface added by the core mixin. */
 export declare class MonoSidebarCoreInterface {
-    modelValue: boolean;
-    mode: SidebarMode;
-    location: SidebarLocation;
-    density: SidebarDensity;
-    color: SidebarColor;
-    variant: SidebarVariant;
-    width: number;
-    railWidth: number;
-    expandOnHover: boolean;
-    rail: boolean | null;
-    contained: boolean;
-    persistent: boolean;
-    closeOnEscape: boolean;
-    closeOnScrim: boolean;
-    lockScroll: boolean;
-    showScrim: boolean;
-    cssClass: SidebarCssClass;
-    cssClassName: string;
-    open(source?: SidebarSource, sourceEvent?: Event): void;
-    hide(source?: SidebarSource, sourceEvent?: Event): void;
-    close(source?: SidebarSource, sourceEvent?: Event): void;
-    toggle(source?: SidebarSource, sourceEvent?: Event): void;
-    expandRail(): void;
-    collapseRail(): void;
-    protected _setCssClass(value: unknown): void;
-    protected _cls(base: string, key: keyof SidebarCssClass): string;
-    protected renderSlot(name: SidebarSlotName): TemplateResult;
-    protected renderIcon(name: 'chevron'): TemplateResult;
+  modelValue: boolean;
+  mode: SidebarMode;
+  location: SidebarLocation;
+  density: SidebarDensity;
+  color: SidebarColor;
+  variant: SidebarVariant;
+  width: number;
+  railWidth: number;
+  expandOnHover: boolean;
+  rail: boolean | null;
+  contained: boolean;
+  persistent: boolean;
+  closeOnEscape: boolean;
+  closeOnScrim: boolean;
+  lockScroll: boolean;
+  showScrim: boolean;
+  cssClass: SidebarCssClass;
+  cssClassName: string;
+  open(source?: SidebarSource, sourceEvent?: Event): void;
+  hide(source?: SidebarSource, sourceEvent?: Event): void;
+  close(source?: SidebarSource, sourceEvent?: Event): void;
+  toggle(source?: SidebarSource, sourceEvent?: Event): void;
+  expandRail(): void;
+  collapseRail(): void;
+  protected _setCssClass(value: unknown): void;
+  protected _cls(base: string, key: keyof SidebarCssClass): string;
+  protected renderSlot(name: SidebarSlotName): TemplateResult;
+  protected renderIcon(name: 'chevron'): TemplateResult;
 }
 /**
  * `MonoSidebarCore` — all render-mode-agnostic logic for `mono-sidebar`:
@@ -49,3 +50,4 @@ export declare class MonoSidebarCoreInterface {
  * `renderIcon()` (light: `.mono-icon` UnoCSS icon; shadow: inline SVG).
  */
 export declare const MonoSidebarCore: <T extends Constructor<LitElement>>(superClass: T) => Constructor<MonoSidebarCoreInterface> & T;
+//#endregion

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

@@ -1,3 +1,4 @@
+//#region src/components/sidebar/sidebar-types.d.ts
 /**
  * Sidebar (navigation drawer) Component Type Definitions
  */
@@ -20,22 +21,22 @@ export type SidebarColor = SidebarColorToken | (string & {}) | 'primary' | 'seco
 export type SidebarVariant = 'flat' | 'elevated' | 'outlined';
 export type SidebarSource = 'scrim' | 'escape' | 'rail-toggle' | 'rail-hover' | 'manual';
 export interface SidebarCssClass {
-    root?: string;
-    panel?: string;
-    scrim?: string;
-    rail?: string;
-    header?: string;
-    body?: string;
-    footer?: string;
-    railToggle?: string;
+  root?: string;
+  panel?: string;
+  scrim?: string;
+  rail?: string;
+  header?: string;
+  body?: string;
+  footer?: string;
+  railToggle?: string;
 }
 export type SidebarChangeEventDetail = {
-    modelValue: boolean;
-    currentValue: boolean;
-    oldValue: boolean;
-    value: boolean;
-    source: SidebarSource;
-    sourceEvent?: Event;
+  modelValue: boolean;
+  currentValue: boolean;
+  oldValue: boolean;
+  value: boolean;
+  source: SidebarSource;
+  sourceEvent?: Event;
 };
 export type SidebarChangeEvent = CustomEvent<SidebarChangeEventDetail>;
 /**
@@ -53,67 +54,68 @@ export type SidebarOpenEvent = CustomEvent<SidebarOpenEventDetail>;
 export type SidebarCloseEventDetail = SidebarChangeEventDetail;
 export type SidebarCloseEvent = CustomEvent<SidebarCloseEventDetail>;
 export interface SidebarProps {
-    /** Controls whether the sidebar is open. */
-    modelValue?: boolean;
-    'model-value'?: boolean;
-    modelvalue?: boolean;
-    /** Display mode: permanent, temporary, rail, or auto. */
-    mode?: SidebarMode;
-    /** Side of the viewport the sidebar is anchored to. */
-    location?: SidebarLocation;
-    /** Spacing density of the sidebar contents. */
-    density?: SidebarDensity;
-    /** Color theme applied to the sidebar. */
-    color?: SidebarColor;
-    /** Visual style variant of the sidebar. */
-    variant?: SidebarVariant;
-    /** Expanded width of the sidebar in pixels. */
-    width?: number;
-    /** Collapsed rail width of the sidebar in pixels. */
-    railWidth?: number;
-    'rail-width'?: number;
-    /** Expand the rail on hover while collapsed. */
-    expandOnHover?: boolean;
-    'expand-on-hover'?: boolean;
-    /**
-     * External rail-state binding. Provide a boolean to take over the rail's
-     * expanded/collapsed state — clicking any external button you wire up can
-     * mutate the bound value to flip the sidebar. Setting this prop also
-     * **hides the default chevron toggle**, since you're controlling the state.
-     * Omit (the default `null`) to keep the built-in chevron toggle.
-     */
-    rail?: boolean | null;
-    /** Keep the sidebar within its parent rather than the viewport. */
-    contained?: boolean;
-    /** Prevent the sidebar from closing on scrim click or Escape. */
-    persistent?: boolean;
-    /** Close the sidebar when the Escape key is pressed. */
-    closeOnEscape?: boolean;
-    'close-on-escape'?: boolean;
-    /** Close the sidebar when the scrim is clicked. */
-    closeOnScrim?: boolean;
-    'close-on-scrim'?: boolean;
-    /** Lock page scroll while a temporary sidebar is open. */
-    lockScroll?: boolean;
-    'lock-scroll'?: boolean;
-    /** Show the dimming scrim behind a temporary sidebar. */
-    showScrim?: boolean;
-    'show-scrim'?: boolean;
-    /** Custom CSS classes applied to internal sidebar parts. */
-    cssClass?: SidebarCssClass;
-    cssclass?: SidebarCssClass;
-    'css-class'?: SidebarCssClass | string;
-    /** Root-level class name applied to the sidebar. */
-    cssClassName?: string;
+  /** Controls whether the sidebar is open. */
+  modelValue?: boolean;
+  'model-value'?: boolean;
+  modelvalue?: boolean;
+  /** Display mode: permanent, temporary, rail, or auto. */
+  mode?: SidebarMode;
+  /** Side of the viewport the sidebar is anchored to. */
+  location?: SidebarLocation;
+  /** Spacing density of the sidebar contents. */
+  density?: SidebarDensity;
+  /** Color theme applied to the sidebar. */
+  color?: SidebarColor;
+  /** Visual style variant of the sidebar. */
+  variant?: SidebarVariant;
+  /** Expanded width of the sidebar in pixels. */
+  width?: number;
+  /** Collapsed rail width of the sidebar in pixels. */
+  railWidth?: number;
+  'rail-width'?: number;
+  /** Expand the rail on hover while collapsed. */
+  expandOnHover?: boolean;
+  'expand-on-hover'?: boolean;
+  /**
+   * External rail-state binding. Provide a boolean to take over the rail's
+   * expanded/collapsed state — clicking any external button you wire up can
+   * mutate the bound value to flip the sidebar. Setting this prop also
+   * **hides the default chevron toggle**, since you're controlling the state.
+   * Omit (the default `null`) to keep the built-in chevron toggle.
+   */
+  rail?: boolean | null;
+  /** Keep the sidebar within its parent rather than the viewport. */
+  contained?: boolean;
+  /** Prevent the sidebar from closing on scrim click or Escape. */
+  persistent?: boolean;
+  /** Close the sidebar when the Escape key is pressed. */
+  closeOnEscape?: boolean;
+  'close-on-escape'?: boolean;
+  /** Close the sidebar when the scrim is clicked. */
+  closeOnScrim?: boolean;
+  'close-on-scrim'?: boolean;
+  /** Lock page scroll while a temporary sidebar is open. */
+  lockScroll?: boolean;
+  'lock-scroll'?: boolean;
+  /** Show the dimming scrim behind a temporary sidebar. */
+  showScrim?: boolean;
+  'show-scrim'?: boolean;
+  /** Custom CSS classes applied to internal sidebar parts. */
+  cssClass?: SidebarCssClass;
+  cssclass?: SidebarCssClass;
+  'css-class'?: SidebarCssClass | string;
+  /** Root-level class name applied to the sidebar. */
+  cssClassName?: string;
 }
 export interface SidebarEvents {
-    change: SidebarChangeEvent;
-    open: SidebarOpenEvent;
-    close: SidebarCloseEvent;
-    'mno-change': SidebarChangeEvent;
-    mnoChange: SidebarChangeEvent;
-    'mno-open': SidebarOpenEvent;
-    mnoOpen: SidebarOpenEvent;
-    'mno-close': SidebarCloseEvent;
-    mnoClose: SidebarCloseEvent;
+  change: SidebarChangeEvent;
+  open: SidebarOpenEvent;
+  close: SidebarCloseEvent;
+  'mno-change': SidebarChangeEvent;
+  mnoChange: SidebarChangeEvent;
+  'mno-open': SidebarOpenEvent;
+  mnoOpen: SidebarOpenEvent;
+  'mno-close': SidebarCloseEvent;
+  mnoClose: SidebarCloseEvent;
 }
+//#endregion

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

@@ -1,4 +1,5 @@
-import { SidebarMode, SidebarProps } from './sidebar-types.js';
+import { SidebarMode, SidebarProps } from "./sidebar-types.js";
+//#region src/components/sidebar/sidebar-utils.d.ts
 export declare const SIDEBAR_AUTO_BREAKPOINT = 768;
 /**
  * `typeof window === 'undefined'` alone is NOT a safe server guard: a DOM shim
@@ -12,19 +13,19 @@ export declare function isAutoTemporary(): boolean;
  */
 export declare function resolveMode(mode: SidebarMode): Exclude<SidebarMode, 'auto'>;
 export declare function generateSidebarRootClasses(props: {
-    mode: SidebarMode;
-    resolvedMode: Exclude<SidebarMode, 'auto'>;
-    location: string;
-    density: string;
-    color: string;
-    variant: string;
-    open: boolean;
-    expandOnHover: boolean;
-    contained: boolean;
-    persistent: boolean;
-    showScrim: boolean;
-    cssClassName?: string;
-    rootExtra?: string;
+  mode: SidebarMode;
+  resolvedMode: Exclude<SidebarMode, 'auto'>;
+  location: string;
+  density: string;
+  color: string;
+  variant: string;
+  open: boolean;
+  expandOnHover: boolean;
+  contained: boolean;
+  persistent: boolean;
+  showScrim: boolean;
+  cssClassName?: string;
+  rootExtra?: string;
 }): string;
 export declare function validateSidebarProps(props: SidebarProps): string[];
 /**
@@ -39,17 +40,18 @@ export declare function validateSidebarProps(props: SidebarProps): string[];
  * collapses to `custom`, with the colour itself arriving inline.
  */
 export declare function sidebarRootAttrs(props: {
-    mode: string;
-    resolvedMode: string;
-    location: string;
-    density: string;
-    color: string;
-    variant: string;
+  mode: string;
+  resolvedMode: string;
+  location: string;
+  density: string;
+  color: string;
+  variant: string;
 }): {
-    mode: string | null;
-    effective: string;
-    location: string | null;
-    density: string | null;
-    color: string | null;
-    variant: string | null;
+  mode: string | null;
+  effective: string;
+  location: string | null;
+  density: string | null;
+  color: string | null;
+  variant: string | null;
 };
+//#endregion

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

@@ -1,4 +1,5 @@
 /// <reference path="../../../vue.d.ts" />
-export { MonoSwitch } from './mono-switch.js';
-export type { SwitchSize, SwitchColor, SwitchProps, SwitchEvents } from './switch-types.js';
-export { validateSwitchProps, generateSwitchAttributes } from './switch-utils.js';
+import { SwitchColor, SwitchEvents, SwitchProps, SwitchSize } from "./switch-types.js";
+import { MonoSwitch } from "./mono-switch.js";
+import { generateSwitchAttributes, validateSwitchProps } from "./switch-utils.js";
+export { MonoSwitch, type SwitchColor, type SwitchEvents, type SwitchProps, type SwitchSize, generateSwitchAttributes, validateSwitchProps };

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

@@ -1,5 +1,6 @@
 /// <reference path="../../../vue.d.ts" />
-export { MonoSwitchShadow } from './mono-switch.shadow.js';
-export { MonoSwitchCore } from './switch-core.js';
-export type { SwitchSize, SwitchColor, SwitchProps, SwitchEvents, } from './switch-types.js';
-export { validateSwitchProps, generateSwitchAttributes, } from './switch-utils.js';
+import { SwitchColor, SwitchEvents, SwitchProps, SwitchSize } from "./switch-types.js";
+import { MonoSwitchCore } from "./switch-core.js";
+import { generateSwitchAttributes, validateSwitchProps } from "./switch-utils.js";
+import { MonoSwitchShadow } from "./mono-switch.shadow.js";
+export { MonoSwitchCore, MonoSwitchShadow, type SwitchColor, type SwitchEvents, type SwitchProps, type SwitchSize, generateSwitchAttributes, validateSwitchProps };

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

@@ -1,5 +1,8 @@
-import { LitElement } from 'lit';
-declare const MonoSwitch_base: import('../../composables/hybird-prop').Constructor<import('./switch-core.js').MonoSwitchCoreInterface> & typeof LitElement;
+import { Constructor } from "../../composables/hybird-prop.js";
+import { MonoSwitchCoreInterface } from "./switch-core.js";
+import { LitElement } from "lit";
+//#region src/components/switch/mono-switch.d.ts
+declare const MonoSwitch_base: Constructor<MonoSwitchCoreInterface> & typeof LitElement;
 /**
  * Light-DOM `mono-switch` (default build, `@mono-lit/helper/ui/switch`).
  *
@@ -13,19 +16,20 @@ declare const MonoSwitch_base: import('../../composables/hybird-prop').Construct
  * Both register `mono-switch`, so a document loads only one.
  */
 export declare class MonoSwitch extends MonoSwitch_base {
-    static styles: import('lit').CSSResult[];
-    protected createRenderRoot(): HTMLElement;
-    private _slotsCaptured;
-    private _slotLabel;
-    private _slotDescription;
-    connectedCallback(): void;
-    protected updated(changed: Map<string, unknown>): void;
-    private _captureSlots;
-    private _placeSlot;
+  static styles: import("lit").CSSResult[];
+  protected createRenderRoot(): HTMLElement;
+  private _slotsCaptured;
+  private _slotLabel;
+  private _slotDescription;
+  connectedCallback(): void;
+  protected updated(changed: Map<string, unknown>): void;
+  private _captureSlots;
+  private _placeSlot;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        'mono-switch': MonoSwitch;
-    }
+  interface HTMLElementTagNameMap {
+    'mono-switch': MonoSwitch;
+  }
 }
-export {};
+//#endregion
+export {};

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

@@ -1,5 +1,8 @@
-import { LitElement, nothing, TemplateResult } from 'lit';
-declare const MonoSwitchShadow_base: import('../../composables/hybird-prop').Constructor<import('./switch-core.js').MonoSwitchCoreInterface> & typeof LitElement;
+import { Constructor } from "../../composables/hybird-prop.js";
+import { MonoSwitchCoreInterface } from "./switch-core.js";
+import { LitElement, TemplateResult, nothing } from "lit";
+//#region src/components/switch/mono-switch.shadow.d.ts
+declare const MonoSwitchShadow_base: Constructor<MonoSwitchCoreInterface> & typeof LitElement;
 /**
  * Shadow-DOM `mono-switch` (the opt-in SSR build, `@mono-lit/helper/ui/shadow/switch`).
  *
@@ -16,21 +19,22 @@ declare const MonoSwitchShadow_base: import('../../composables/hybird-prop').Con
  * loads only one build.
  */
 export declare class MonoSwitchShadow extends MonoSwitchShadow_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 2 slot-presence flags from their slots' assigned content. */
-    private _scanSlots;
-    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 2 slot-presence flags from their slots' assigned content. */
+  private _scanSlots;
+  protected _renderLabelBlock(): TemplateResult | typeof nothing;
 }
-export {};
+//#endregion
+export {};

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

@@ -1,38 +1,39 @@
-import { LitElement, nothing, TemplateResult } from 'lit';
-import { SwitchSize, SwitchColor, SwitchCssClass } from './switch-types.js';
-import { Constructor } from '../../composables/hybird-prop';
+import { Constructor } from "../../composables/hybird-prop.js";
+import { SwitchColor, SwitchCssClass, SwitchSize } from "./switch-types.js";
+import { LitElement, TemplateResult, nothing } from "lit";
+//#region src/components/switch/switch-core.d.ts
 /** Public + shared-protected surface added by the core mixin. */
 export declare class MonoSwitchCoreInterface {
-    size: SwitchSize;
-    color: SwitchColor;
-    modelValue: boolean;
-    checked: boolean;
-    disabled: boolean;
-    loading: boolean;
-    label: string;
-    /** Secondary line under the label. */
-    sublabel: string;
-    /** The same as `sublabel`, kept for existing code. */
-    description: string;
-    value: string;
-    name: string;
-    ariaLabelText?: string;
-    cssClass: SwitchCssClass;
-    cssClassName: string;
-    focus(): void;
-    blur(): void;
-    protected _hasLabelSlotState: boolean;
-    protected _hasDescriptionSlotState: boolean;
-    protected _toBoolean(value: unknown): boolean;
-    protected _setCssClass(value: unknown): void;
-    protected _cls(base: string, key: keyof SwitchCssClass): string;
-    protected get _wrapperClasses(): string;
-    protected get _trackClasses(): string;
-    protected get _thumbClasses(): string;
-    protected _hasLabelContent(): boolean;
-    protected _hasDescriptionContent(): boolean;
-    protected _handleChange(event: Event): void;
-    protected _renderLabelBlock(): TemplateResult | typeof nothing;
+  size: SwitchSize;
+  color: SwitchColor;
+  modelValue: boolean;
+  checked: boolean;
+  disabled: boolean;
+  loading: boolean;
+  label: string;
+  /** Secondary line under the label. */
+  sublabel: string;
+  /** The same as `sublabel`, kept for existing code. */
+  description: string;
+  value: string;
+  name: string;
+  ariaLabelText?: string;
+  cssClass: SwitchCssClass;
+  cssClassName: string;
+  focus(): void;
+  blur(): void;
+  protected _hasLabelSlotState: boolean;
+  protected _hasDescriptionSlotState: boolean;
+  protected _toBoolean(value: unknown): boolean;
+  protected _setCssClass(value: unknown): void;
+  protected _cls(base: string, key: keyof SwitchCssClass): string;
+  protected get _wrapperClasses(): string;
+  protected get _trackClasses(): string;
+  protected get _thumbClasses(): string;
+  protected _hasLabelContent(): boolean;
+  protected _hasDescriptionContent(): boolean;
+  protected _handleChange(event: Event): void;
+  protected _renderLabelBlock(): TemplateResult | typeof nothing;
 }
 /**
  * `MonoSwitchCore` — all render-mode-agnostic logic for `mono-switch`: reactive
@@ -47,3 +48,4 @@ export declare class MonoSwitchCoreInterface {
  * `this.renderRoot`.
  */
 export declare const MonoSwitchCore: <T extends Constructor<LitElement>>(superClass: T) => Constructor<MonoSwitchCoreInterface> & T;
+//#endregion

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

@@ -1,64 +1,66 @@
-import { VisibilityProps } from '../../composables/visibility';
+import { VisibilityProps } from "../../composables/visibility.js";
+//#region src/components/switch/switch-types.d.ts
 export type SwitchSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
 export type SwitchColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'teal' | 'purple' | 'neutral' | 'dark';
 export interface SwitchCssClass {
-    root?: string;
-    input?: string;
-    track?: string;
-    thumb?: string;
-    label?: string;
-    labelText?: string;
-    description?: string;
+  root?: string;
+  input?: string;
+  track?: string;
+  thumb?: string;
+  label?: string;
+  labelText?: string;
+  description?: string;
 }
 export type SwitchModelEventDetail = {
-    modelValue: boolean;
-    currentValue: boolean;
-    oldValue: boolean;
-    checked: boolean;
-    value?: string;
-    name?: string;
-    sourceEvent?: Event;
+  modelValue: boolean;
+  currentValue: boolean;
+  oldValue: boolean;
+  checked: boolean;
+  value?: string;
+  name?: string;
+  sourceEvent?: Event;
 };
 export type SwitchModelEvent = CustomEvent<SwitchModelEventDetail>;
 export interface SwitchProps extends VisibilityProps {
-    /** Two-way bound on/off state of the switch. */
-    modelValue?: boolean;
-    'model-value'?: boolean;
-    modelvalue?: boolean;
-    /** Whether the switch is checked (kept in sync with modelValue). */
-    checked?: boolean;
-    /** Color theme of the switch. */
-    color?: SwitchColor;
-    /** Size of the switch. */
-    size?: SwitchSize;
-    /** Disables interaction with the switch. */
-    disabled?: boolean;
-    /** Shows a loading state and blocks interaction. */
-    loading?: boolean;
-    /** Text label shown next to the switch. */
-    label?: string;
-    /** Secondary line under the label. `slot="sublabel"` replaces it. */
-    sublabel?: string;
-    /** The same as `sublabel` — still accepted, both names share one value. */
-    description?: string;
-    /** Value submitted with the form when checked. */
-    value?: string;
-    /** Form field name for the underlying input. */
-    name?: string;
-    /** Accessible label for screen readers. */
-    ariaLabelText?: string;
-    ariaLabel?: string;
-    'aria-label'?: string;
-    'aria-label-text'?: string;
-    arialabel?: string;
-    arialabeltext?: string;
-    /** Per-part class overrides for styling internal elements. */
-    cssClass?: SwitchCssClass;
-    cssclass?: SwitchCssClass;
-    'css-class'?: SwitchCssClass | string;
+  /** Two-way bound on/off state of the switch. */
+  modelValue?: boolean;
+  'model-value'?: boolean;
+  modelvalue?: boolean;
+  /** Whether the switch is checked (kept in sync with modelValue). */
+  checked?: boolean;
+  /** Color theme of the switch. */
+  color?: SwitchColor;
+  /** Size of the switch. */
+  size?: SwitchSize;
+  /** Disables interaction with the switch. */
+  disabled?: boolean;
+  /** Shows a loading state and blocks interaction. */
+  loading?: boolean;
+  /** Text label shown next to the switch. */
+  label?: string;
+  /** Secondary line under the label. `slot="sublabel"` replaces it. */
+  sublabel?: string;
+  /** The same as `sublabel` — still accepted, both names share one value. */
+  description?: string;
+  /** Value submitted with the form when checked. */
+  value?: string;
+  /** Form field name for the underlying input. */
+  name?: string;
+  /** Accessible label for screen readers. */
+  ariaLabelText?: string;
+  ariaLabel?: string;
+  'aria-label'?: string;
+  'aria-label-text'?: string;
+  arialabel?: string;
+  arialabeltext?: string;
+  /** Per-part class overrides for styling internal elements. */
+  cssClass?: SwitchCssClass;
+  cssclass?: SwitchCssClass;
+  'css-class'?: SwitchCssClass | string;
 }
 export interface SwitchEvents {
-    change: SwitchModelEvent;
-    'mno-change': SwitchModelEvent;
-    mnoChange: SwitchModelEvent;
+  change: SwitchModelEvent;
+  'mno-change': SwitchModelEvent;
+  mnoChange: SwitchModelEvent;
 }
+//#endregion