@lmvz-ds/components 0.24.0 → 0.26.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lmvz-ds/components",
   "private": false,
-  "version": "0.24.0",
+  "version": "0.26.0",
   "type": "module",
   "description": "The components of the design system",
   "author": "Patrick Nemenz <patrick.nemenz@adesso.at>",
@@ -72,6 +72,10 @@
       "types": "./components/lmvz-select.d.ts",
       "import": "./components/lmvz-select.js"
     },
+    "./lmvz-snackbar": {
+      "types": "./components/lmvz-snackbar.d.ts",
+      "import": "./components/lmvz-snackbar.js"
+    },
     "./lmvz-checkbox": {
       "import": "./components/lmvz-checkbox.js",
       "types": "./components/lmvz-checkbox.d.ts"
@@ -83,6 +87,10 @@
     "./lmvz-button-group": {
       "import": "./components/lmvz-button-group.js",
       "types": "./components/lmvz-button-group.d.ts"
+    },
+    "./lmvz-radio": {
+      "import": "./components/lmvz-radio.js",
+      "types": "./components/lmvz-radio.d.ts"
     }
   },
   "main": "./index.cjs.js",

package/types/api/ds.constants.d.ts

@@ -4,7 +4,7 @@ export declare const sizes: readonly ["xs", "sm", "md", "lg"];
 export declare const textSizes: readonly ["xs", "sm", "md", "lg", "xl"];
 export declare const inputTypes: readonly ["text", "email", "password", "tel", "url", "search", "number"];
 export declare const iconSizes: readonly ["xs", "sm", "md", "lg", "inherit"];
-export declare const iconWeights: readonly ["thin", "medium", "bold", "filled"];
+export declare const iconWeights: readonly ["thin", "medium", "bold"];
 export declare const chipTypes: readonly ["active", "warning", "success", "error", "neutral"];
 export declare const chipSizes: readonly ["default", "small"];
 export declare namespace LmvzDS {
@@ -32,3 +32,11 @@ export declare namespace Input {
     type Inputmode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
     type Autocapitalize = 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
 }
+export declare const snackbarStatuses: readonly ["success", "warning", "error"];
+export declare const snackbarPriorities: readonly ["low", "normal", "high"];
+export declare const snackbarDismissReasons: readonly ["timeout", "manual", "action", "overridden", "swallowed"];
+export declare namespace Snackbar {
+    type Status = (typeof snackbarStatuses)[number];
+    type Priority = (typeof snackbarPriorities)[number];
+    type DismissReason = (typeof snackbarDismissReasons)[number];
+}

package/types/components/lmvz-radio/lmvz-radio.d.ts

@@ -0,0 +1,42 @@
+import { type EventEmitter } from '../../stencil-public-runtime';
+import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
+import { type RadioHost } from '../../utils/radio/radio-group-controller';
+import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
+export declare class LmvzRadio extends ReactiveControllerHost implements AriaValidationHost, RadioHost {
+    readonly el: HTMLElement;
+    get validationEl(): HTMLElement;
+    internals: ElementInternals;
+    private nativeInput;
+    private radioId;
+    private initialChecked;
+    private radioGroupController;
+    private get helperId();
+    label: string;
+    checked: boolean;
+    value: string;
+    name?: string;
+    disabled: boolean;
+    required: boolean;
+    error: boolean;
+    helperText?: string;
+    form?: string;
+    autofocus: boolean;
+    private _handlingNativeChange;
+    private _handlingFormReset;
+    protected handleCheckedChange(newVal: boolean, oldVal: boolean): void;
+    protected handleValueChange(newVal: string): void;
+    protected handleLabelChange(newVal: string): void;
+    lmvzChange: EventEmitter<boolean>;
+    lmvzActivation: EventEmitter<void>;
+    focusInput(): Promise<void>;
+    checkValidity(): Promise<boolean>;
+    reportValidity(): Promise<boolean>;
+    constructor();
+    componentWillLoad(): void;
+    formAssociatedCallback(): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData): void;
+    private handleChange;
+    handleKeydown(event: KeyboardEvent): void;
+    render(): any;
+}

package/types/components/lmvz-snackbar/lmvz-snackbar.d.ts

@@ -0,0 +1,21 @@
+import { type EventEmitter } from '../../stencil-public-runtime';
+import type { Snackbar } from '../../api';
+export declare class LmvzSnackbar {
+    el: HTMLElement;
+    animationClass: string;
+    status: Snackbar.Status;
+    protected onStatusChange(): void;
+    message: string;
+    duration?: number;
+    priority?: Snackbar.Priority;
+    actionLabel?: string;
+    lmvzClose: EventEmitter<{
+        reason: Snackbar.DismissReason;
+    }>;
+    connectedCallback(): void;
+    show(): Promise<void>;
+    hide(): Promise<void>;
+    private applyAriaLiveAttributes;
+    private readonly handleActionClick;
+    render(): any;
+}

package/types/components/lmvz-snackbar/public.d.ts

@@ -0,0 +1,2 @@
+export { SnackbarController } from './snackbar-controller';
+export type { SnackbarDismissReason, SnackbarHandle, SnackbarOptions, SnackbarPriority, SnackbarStatus } from './snackbar-controller';

package/types/components/lmvz-snackbar/snackbar-controller.d.ts

@@ -0,0 +1,32 @@
+import type { Snackbar } from '../../api';
+export type SnackbarStatus = Snackbar.Status;
+export type SnackbarPriority = Snackbar.Priority;
+export type SnackbarDismissReason = Snackbar.DismissReason;
+export type SnackbarOptions = {
+    message: string;
+    status?: SnackbarStatus;
+    duration?: number;
+    priority?: SnackbarPriority;
+    actionLabel?: string;
+    onAction?: () => void;
+};
+export type SnackbarHandle = {
+    readonly id: string;
+    dismiss: () => void;
+    readonly closed: Promise<{
+        reason: SnackbarDismissReason;
+    }>;
+};
+export declare class SnackbarController {
+    private hostEl?;
+    private active?;
+    private getHost;
+    private clearTimer;
+    private scheduleTimer;
+    private dismissActive;
+    private pauseTimer;
+    private resumeTimer;
+    private applyToHost;
+    open(options: SnackbarOptions): SnackbarHandle;
+    dismiss(id?: string): void;
+}

package/types/components.d.ts

@@ -402,6 +402,87 @@ export declare namespace Components {
          */
         "open": boolean;
     }
+    /**
+     * Radio button component with form association, ARIA validation, accessible label support,
+     * and ARIA APG-compliant Arrow-key keyboard navigation.
+     * **Consumer responsibility — `role="radiogroup"`:**
+     * Wrap a group of `lmvz-radio` elements in a container element with `role="radiogroup"` and
+     * an accessible label via `aria-label` or `aria-labelledby`. `lmvz-radio` must not carry
+     * `role="radiogroup"` itself because a radio cannot also be a radiogroup.
+     * **Arrow-key navigation and roving tabindex:**
+     * When multiple `lmvz-radio` elements share the same `name` attribute, this component
+     * automatically handles Arrow Down / Arrow Right (next), Arrow Up / Arrow Left (previous),
+     * Home (first), and End (last) navigation with wrapping. Disabled radios are skipped.
+     * The checked radio has `tabindex="0"`. When no radio is checked, the first enabled radio
+     * in DOM order receives `tabindex="0"`, ensuring the group is always reachable by Tab.
+     * @example ```html
+     * <div role="radiogroup" aria-label="Choose an option">
+     *   <lmvz-radio label="Option A" name="choice" checked></lmvz-radio>
+     *   <lmvz-radio label="Option B" name="choice"></lmvz-radio>
+     * </div>
+     * ```
+     */
+    export interface LmvzRadio {
+        /**
+         * Whether the radio should autofocus.
+         * @default false
+         */
+        "autofocus": boolean;
+        /**
+         * Returns whether the radio satisfies its validation constraints.
+         */
+        "checkValidity": () => Promise<boolean>;
+        /**
+         * Whether the radio is checked.  Setting this prop programmatically (e.g. `element.checked = true`) fires `lmvzChange` with the new value, unless the change occurs during native form lifecycle callbacks (`formResetCallback` or `formStateRestoreCallback`), in which case emission is suppressed to match native `<input type="radio">` behavior. Internal form state is always updated regardless of emission suppression.
+         * @default false
+         */
+        "checked": boolean;
+        /**
+         * Whether the radio is disabled.
+         * @default false
+         */
+        "disabled": boolean;
+        /**
+         * Whether the radio is in an error state.
+         * @default false
+         */
+        "error": boolean;
+        /**
+         * Sets focus on the native radio input.
+         */
+        "focusInput": () => Promise<void>;
+        /**
+         * Form id to associate with (for out-of-form usage). Reflected to the host attribute so both HTML attribute and programmatic assignment work.
+         */
+        "form"?: string;
+        /**
+         * Helper / description text displayed below the label.
+         */
+        "helperText"?: string;
+        /**
+         * Label text for the radio. Required for accessibility.
+         */
+        "label": string;
+        /**
+         * Name attribute for form submission via ElementInternals.  When multiple `lmvz-radio` elements share the same `name` and form scope, the `name` is forwarded directly to the native `<input type="radio">`, enabling browser-native mutual exclusion: selecting one radio automatically deselects all others with the same name in that form. If a radio is outside any form, its scope defaults to the document level — same-name radios outside forms form a document-scoped group. Radios with the same `name` in different forms are independent groups.  The `RadioGroupController` automatically manages roving tabindex (only the checked radio has `tabindex="0"`) and keyboard navigation (Arrow keys, Home, End) within the form-scoped group.
+         * @remarks A value of `""` (empty string) is forwarded to the native `<input>`, but `RadioGroupController` treats it as unnamed — no group coordination occurs between radios with `name=""`.
+         */
+        "name"?: string;
+        /**
+         * Reports validation errors to the user.
+         */
+        "reportValidity": () => Promise<boolean>;
+        /**
+         * Whether the radio is required.
+         * @default false
+         */
+        "required": boolean;
+        /**
+         * Form submission value when checked.
+         * @default 'on'
+         */
+        "value": string;
+    }
     /**
      * Select component with floating label and pill-shaped trigger.
      * Wraps a native `<select>` element for full keyboard and form support.
@@ -445,6 +526,24 @@ export declare namespace Components {
          */
         "value"?: string;
     }
+    export interface LmvzSnackbar {
+        "actionLabel"?: string;
+        "duration"?: number;
+        "hide": () => Promise<void>;
+        /**
+         * @default ''
+         */
+        "message": string;
+        /**
+         * @default 'normal'
+         */
+        "priority"?: Snackbar.Priority;
+        "show": () => Promise<void>;
+        /**
+         * @default 'success'
+         */
+        "status": Snackbar.Status;
+    }
     /**
      * Toggle (switch) component. Wraps a native `<input type="checkbox" role="switch">` for full keyboard and form support.
      * @example ```html
@@ -516,7 +615,7 @@ export declare namespace Icon {
 
 declare const iconSizes: readonly ["xs", "sm", "md", "lg", "inherit"];
 
-declare const iconWeights: readonly ["thin", "medium", "bold", "filled"];
+declare const iconWeights: readonly ["thin", "medium", "bold"];
 
 export declare namespace Input {
     export type Type = (typeof inputTypes)[number];
@@ -906,6 +1005,83 @@ export declare namespace JSX {
          */
         "open"?: boolean;
     }
+    /**
+     * Radio button component with form association, ARIA validation, accessible label support,
+     * and ARIA APG-compliant Arrow-key keyboard navigation.
+     * **Consumer responsibility — `role="radiogroup"`:**
+     * Wrap a group of `lmvz-radio` elements in a container element with `role="radiogroup"` and
+     * an accessible label via `aria-label` or `aria-labelledby`. `lmvz-radio` must not carry
+     * `role="radiogroup"` itself because a radio cannot also be a radiogroup.
+     * **Arrow-key navigation and roving tabindex:**
+     * When multiple `lmvz-radio` elements share the same `name` attribute, this component
+     * automatically handles Arrow Down / Arrow Right (next), Arrow Up / Arrow Left (previous),
+     * Home (first), and End (last) navigation with wrapping. Disabled radios are skipped.
+     * The checked radio has `tabindex="0"`. When no radio is checked, the first enabled radio
+     * in DOM order receives `tabindex="0"`, ensuring the group is always reachable by Tab.
+     * @example ```html
+     * <div role="radiogroup" aria-label="Choose an option">
+     *   <lmvz-radio label="Option A" name="choice" checked></lmvz-radio>
+     *   <lmvz-radio label="Option B" name="choice"></lmvz-radio>
+     * </div>
+     * ```
+     */
+    export interface LmvzRadio {
+        /**
+         * Whether the radio should autofocus.
+         * @default false
+         */
+        "autofocus"?: boolean;
+        /**
+         * Whether the radio is checked.  Setting this prop programmatically (e.g. `element.checked = true`) fires `lmvzChange` with the new value, unless the change occurs during native form lifecycle callbacks (`formResetCallback` or `formStateRestoreCallback`), in which case emission is suppressed to match native `<input type="radio">` behavior. Internal form state is always updated regardless of emission suppression.
+         * @default false
+         */
+        "checked"?: boolean;
+        /**
+         * Whether the radio is disabled.
+         * @default false
+         */
+        "disabled"?: boolean;
+        /**
+         * Whether the radio is in an error state.
+         * @default false
+         */
+        "error"?: boolean;
+        /**
+         * Form id to associate with (for out-of-form usage). Reflected to the host attribute so both HTML attribute and programmatic assignment work.
+         */
+        "form"?: string;
+        /**
+         * Helper / description text displayed below the label.
+         */
+        "helperText"?: string;
+        /**
+         * Label text for the radio. Required for accessibility.
+         */
+        "label": string;
+        /**
+         * Name attribute for form submission via ElementInternals.  When multiple `lmvz-radio` elements share the same `name` and form scope, the `name` is forwarded directly to the native `<input type="radio">`, enabling browser-native mutual exclusion: selecting one radio automatically deselects all others with the same name in that form. If a radio is outside any form, its scope defaults to the document level — same-name radios outside forms form a document-scoped group. Radios with the same `name` in different forms are independent groups.  The `RadioGroupController` automatically manages roving tabindex (only the checked radio has `tabindex="0"`) and keyboard navigation (Arrow keys, Home, End) within the form-scoped group.
+         * @remarks A value of `""` (empty string) is forwarded to the native `<input>`, but `RadioGroupController` treats it as unnamed — no group coordination occurs between radios with `name=""`.
+         */
+        "name"?: string;
+        /**
+         * Fired on every explicit user activation of this radio — via click or Space key on the native input. Fires even when the radio is already checked (re-activation). Use this event to react to user intent; use `lmvzChange` to react to state transitions.
+         */
+        "onLmvzActivation"?: (event: LmvzRadioCustomEvent<void>) => void;
+        /**
+         * Emitted whenever the radio checked state changes. Event detail contains the new checked boolean value.  Emission contract: - Fires `true` on user selection (native `change` event). - Fires on programmatic external prop transitions: `true → false` (emits `false`) and   `false → true` (emits `true`), e.g. `element.checked = false` or `element.checked = true`. - Does NOT fire during browser-driven form lifecycle callbacks: `formResetCallback` and   `formStateRestoreCallback` (autofill / session restore). This matches native `<input type="radio">`   behaviour, which does not fire `change` on form reset. Note that internal form state   (`ElementInternals.setFormValue`) is always updated regardless of suppression — only the   event channel is silenced. - Does NOT re-fire from the `@Watch('checked')` watcher during the same tick as the native   `change` handler, preventing a double-emission when the user clicks the radio.
+         */
+        "onLmvzChange"?: (event: LmvzRadioCustomEvent<boolean>) => void;
+        /**
+         * Whether the radio is required.
+         * @default false
+         */
+        "required"?: boolean;
+        /**
+         * Form submission value when checked.
+         * @default 'on'
+         */
+        "value"?: string;
+    }
     /**
      * Select component with floating label and pill-shaped trigger.
      * Wraps a native `<select>` element for full keyboard and form support.
@@ -953,6 +1129,23 @@ export declare namespace JSX {
          */
         "value"?: string;
     }
+    export interface LmvzSnackbar {
+        "actionLabel"?: string;
+        "duration"?: number;
+        /**
+         * @default ''
+         */
+        "message"?: string;
+        "onLmvzClose"?: (event: LmvzSnackbarCustomEvent<{ reason: Snackbar.DismissReason }>) => void;
+        /**
+         * @default 'normal'
+         */
+        "priority"?: Snackbar.Priority;
+        /**
+         * @default 'success'
+         */
+        "status"?: Snackbar.Status;
+    }
     /**
      * Toggle (switch) component. Wraps a native `<input type="checkbox" role="switch">` for full keyboard and form support.
      * @example ```html
@@ -1080,6 +1273,18 @@ export declare namespace JSX {
         "open": boolean;
         "closeLabel": string;
     }
+    export interface LmvzRadioAttributes {
+        "label": string;
+        "checked": boolean;
+        "value": string;
+        "name": string;
+        "disabled": boolean;
+        "required": boolean;
+        "error": boolean;
+        "helperText": string;
+        "form": string;
+        "autofocus": boolean;
+    }
     export interface LmvzSelectAttributes {
         "value": string;
         "label": string;
@@ -1088,6 +1293,13 @@ export declare namespace JSX {
         "required": boolean;
         "name": string;
     }
+    export interface LmvzSnackbarAttributes {
+        "status": Snackbar.Status;
+        "message": string;
+        "duration": number;
+        "priority": Snackbar.Priority;
+        "actionLabel": string;
+    }
     export interface LmvzToggleAttributes {
         "label": string;
         "checked": boolean;
@@ -1110,7 +1322,9 @@ export declare namespace JSX {
         "lmvz-input": Omit<LmvzInput, keyof LmvzInputAttributes> & { [K in keyof LmvzInput & keyof LmvzInputAttributes]?: LmvzInput[K] } & { [K in keyof LmvzInput & keyof LmvzInputAttributes as `attr:${K}`]?: LmvzInputAttributes[K] } & { [K in keyof LmvzInput & keyof LmvzInputAttributes as `prop:${K}`]?: LmvzInput[K] } & OneOf<"label", LmvzInput["label"], LmvzInputAttributes["label"]>;
         "lmvz-menuitem": Omit<LmvzMenuitem, keyof LmvzMenuitemAttributes> & { [K in keyof LmvzMenuitem & keyof LmvzMenuitemAttributes]?: LmvzMenuitem[K] } & { [K in keyof LmvzMenuitem & keyof LmvzMenuitemAttributes as `attr:${K}`]?: LmvzMenuitemAttributes[K] } & { [K in keyof LmvzMenuitem & keyof LmvzMenuitemAttributes as `prop:${K}`]?: LmvzMenuitem[K] };
         "lmvz-modal": Omit<LmvzModal, keyof LmvzModalAttributes> & { [K in keyof LmvzModal & keyof LmvzModalAttributes]?: LmvzModal[K] } & { [K in keyof LmvzModal & keyof LmvzModalAttributes as `attr:${K}`]?: LmvzModalAttributes[K] } & { [K in keyof LmvzModal & keyof LmvzModalAttributes as `prop:${K}`]?: LmvzModal[K] };
+        "lmvz-radio": Omit<LmvzRadio, keyof LmvzRadioAttributes> & { [K in keyof LmvzRadio & keyof LmvzRadioAttributes]?: LmvzRadio[K] } & { [K in keyof LmvzRadio & keyof LmvzRadioAttributes as `attr:${K}`]?: LmvzRadioAttributes[K] } & { [K in keyof LmvzRadio & keyof LmvzRadioAttributes as `prop:${K}`]?: LmvzRadio[K] } & OneOf<"label", LmvzRadio["label"], LmvzRadioAttributes["label"]>;
         "lmvz-select": Omit<LmvzSelect, keyof LmvzSelectAttributes> & { [K in keyof LmvzSelect & keyof LmvzSelectAttributes]?: LmvzSelect[K] } & { [K in keyof LmvzSelect & keyof LmvzSelectAttributes as `attr:${K}`]?: LmvzSelectAttributes[K] } & { [K in keyof LmvzSelect & keyof LmvzSelectAttributes as `prop:${K}`]?: LmvzSelect[K] } & OneOf<"label", LmvzSelect["label"], LmvzSelectAttributes["label"]>;
+        "lmvz-snackbar": Omit<LmvzSnackbar, keyof LmvzSnackbarAttributes> & { [K in keyof LmvzSnackbar & keyof LmvzSnackbarAttributes]?: LmvzSnackbar[K] } & { [K in keyof LmvzSnackbar & keyof LmvzSnackbarAttributes as `attr:${K}`]?: LmvzSnackbarAttributes[K] } & { [K in keyof LmvzSnackbar & keyof LmvzSnackbarAttributes as `prop:${K}`]?: LmvzSnackbar[K] };
         "lmvz-toggle": Omit<LmvzToggle, keyof LmvzToggleAttributes> & { [K in keyof LmvzToggle & keyof LmvzToggleAttributes]?: LmvzToggle[K] } & { [K in keyof LmvzToggle & keyof LmvzToggleAttributes as `attr:${K}`]?: LmvzToggleAttributes[K] } & { [K in keyof LmvzToggle & keyof LmvzToggleAttributes as `prop:${K}`]?: LmvzToggle[K] } & OneOf<"label", LmvzToggle["label"], LmvzToggleAttributes["label"]>;
     }
 }
@@ -1155,11 +1369,21 @@ export declare interface LmvzModalCustomEvent<T> extends CustomEvent<T> {
     target: HTMLLmvzModalElement;
 }
 
+export declare interface LmvzRadioCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLmvzRadioElement;
+}
+
 export declare interface LmvzSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLmvzSelectElement;
 }
 
+export declare interface LmvzSnackbarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLmvzSnackbarElement;
+}
+
 export declare interface LmvzToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLmvzToggleElement;
@@ -1169,6 +1393,18 @@ declare const scaleValues: readonly ["small", "default", "large"];
 
 declare const sizes: readonly ["xs", "sm", "md", "lg"];
 
+export declare namespace Snackbar {
+    export type Status = (typeof snackbarStatuses)[number];
+    export type Priority = (typeof snackbarPriorities)[number];
+    export type DismissReason = (typeof snackbarDismissReasons)[number];
+}
+
+declare const snackbarDismissReasons: readonly ["timeout", "manual", "action", "overridden", "swallowed"];
+
+declare const snackbarPriorities: readonly ["low", "normal", "high"];
+
+declare const snackbarStatuses: readonly ["success", "warning", "error"];
+
 export declare type SVGString = string & Brand.Brand<'SVG'>;
 
 declare const variants: readonly ["primary", "secondary", "tertiary"];

package/types/index.d.ts

@@ -3,3 +3,4 @@ export type * from './components.d.ts';
 export { chipSizes, chipTypes, iconSizes, iconWeights, inputTypes, textSizes } from './api/ds.constants';
 export type { LmvzDS, Typography } from './api';
 export * from './utils/public';
+export * from './components/lmvz-snackbar/public';

package/types/stencil-public-runtime.d.ts

@@ -1070,6 +1070,7 @@ export declare namespace JSXBase {
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
         loading?: 'lazy' | 'auto' | 'eager';
+        referrerPolicy?: ReferrerPolicy;
         sizes?: string;
         src?: string;
         srcSet?: string;

package/types/utils/radio/radio-group-controller.d.ts

@@ -0,0 +1,26 @@
+import type { ReactiveController } from '../reactive-controller-host';
+export interface RadioHost {
+    el: HTMLElement;
+    name?: string;
+    checked: boolean;
+    disabled: boolean;
+    focusInput(): Promise<void>;
+}
+export declare class RadioGroupController implements ReactiveController {
+    private readonly host;
+    private static registry;
+    private group;
+    private _groupKey;
+    private _scope;
+    constructor(host: RadioHost);
+    hostConnected(): void;
+    hostDidRender(): void;
+    hostDisconnected(): void;
+    get sortedEnabled(): RadioHost[];
+    select(selectedHost: RadioHost): void;
+    setFocused(host: RadioHost): void;
+    clearFocused(): void;
+    updateTabindex(): void;
+    private static acquireGroup;
+    private static releaseGroup;
+}

package/assets/icons/checkmark.svg

@@ -1,4 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 24 24" fill="none"
-    xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
-    <path d="M3.75 12.5625L8.83079 17.625L20.4375 6.375" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/assets/icons/close-sm.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6 6L12 12M12 12L18 18M12 12L6 18M12 12L18 6" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>