@gov-design-system-ce/components 4.0.7 → 4.0.8-rc02

package/dist/types/components/gov-form/checkbox/gov-form-checkbox.d.ts

@@ -6,6 +6,7 @@ export declare class GovFormCheckbox {
   private f;
   private inputRef?;
   private readonly checkboxId;
+  private hydrated;
   constructor();
   host: HTMLGovFormCheckboxElement;
   /**
@@ -71,6 +72,7 @@ export declare class GovFormCheckbox {
   private passControlAttrs;
   componentWillLoad(): void;
   componentDidRender(): Promise<void>;
+  connectedCallback(): void;
   render(): any;
   private onFocusHandler;
   private onBlurHandler;

package/dist/types/components/gov-form/group/constants.d.ts

@@ -10,3 +10,9 @@ export type FormGroupOrientationType = `${ValueOf<typeof FormGroupOrientation>}`
 export declare const FormGroupClass: {
   root: string;
 };
+export declare const FormRadioGroupClass: {
+  root: string;
+};
+export declare const FormCheckboxGroupClass: {
+  root: string;
+};

package/dist/types/components/gov-form/group/gov-form-checkbox-group.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { FormGroupOrientationType, FormGroupSizesType } from "./constants";
+import { FormCheckboxEvent } from "../checkbox/gov-form-checkbox.types";
+import { FormCheckboxGroupEvent } from "./gov-form-group.types";
+export declare class GovFormCheckboxGroup {
+  private readonly h;
+  constructor();
+  host: HTMLGovFormGroupElement;
+  /**
+   * Gap's size.
+   */
+  readonly gap?: FormGroupSizesType;
+  /**
+   * Elements orientation
+   */
+  readonly orientation?: FormGroupOrientationType;
+  /**
+   * Group's value
+   */
+  value?: string | string[];
+  /**
+  /* Emitted when the checkbox change value.
+   */
+  govChange: EventEmitter<FormCheckboxGroupEvent>;
+  validateGap(newValue: string): void;
+  validateOrientation(newValue: string): void;
+  handleChange: (event: CustomEvent<FormCheckboxEvent>) => void;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  rerenderComponent(): void;
+  render(): any;
+}

package/dist/types/components/gov-form/group/gov-form-group.types.d.ts

@@ -0,0 +1,7 @@
+import { GovBaseEvent } from "../../../types/event.types";
+export interface FormRadioGroupEvent extends GovBaseEvent {
+  value: string;
+}
+export interface FormCheckboxGroupEvent extends GovBaseEvent {
+  value: string[];
+}

package/dist/types/components/gov-form/group/gov-form-radio-group.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { FormGroupOrientationType, FormGroupSizesType } from "./constants";
+import { FormRadioEvent } from "../radio/gov-form-radio.types";
+import { FormRadioGroupEvent } from "./gov-form-group.types";
+export declare class GovFormRadioGroup {
+  private readonly h;
+  constructor();
+  host: HTMLGovFormGroupElement;
+  /**
+   * Gap's size.
+   */
+  readonly gap?: FormGroupSizesType;
+  /**
+   * Elements orientation
+   */
+  readonly orientation?: FormGroupOrientationType;
+  /**
+   * Group's value
+   */
+  value?: string;
+  /**
+   * Emitted when the checkbox change value.
+   */
+  govChange: EventEmitter<FormRadioGroupEvent>;
+  validateGap(newValue: string): void;
+  validateOrientation(newValue: string): void;
+  handleChange: (event: CustomEvent<FormRadioEvent>) => void;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  rerenderComponent(): void;
+  render(): any;
+}

package/dist/types/components/gov-form/multiselect/gov-form-multi-select.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { FormMultiselectSizesType, FormMultiselectVariantType } from './constants';
-import { FormMultiselectEvent, GovFormMultiSelectItem } from './gov-form-multi-select.types';
+import { FormMultiselectEvent, GovFormMultiSelectItem, GovFormMultiSelectSelectedItem } from './gov-form-multi-select.types';
 export declare class GovFormMultiSelect {
   private f;
   private readonly h;
@@ -10,6 +10,14 @@ export declare class GovFormMultiSelect {
   private readonly listId;
   constructor();
   host: HTMLGovFormSelectElement;
+  /**
+   * Value of multi-select
+   */
+  value: string | GovFormMultiSelectSelectedItem[];
+  /**
+   * Options of multi-select
+   */
+  options?: string | GovFormMultiSelectItem[];
   /**
    * Custom select identifier.
    */
@@ -93,21 +101,25 @@ export declare class GovFormMultiSelect {
    */
   govRemove: EventEmitter<FormMultiselectEvent>;
   focused: boolean;
-  value: string;
-  selectedOptions: GovFormMultiSelectItem[];
-  options: GovFormMultiSelectItem[];
+  valueState: string;
+  selectedOptionsState: GovFormMultiSelectSelectedItem[];
+  optionsState: GovFormMultiSelectItem[];
   validateVariant(newValue: string): void;
   validateSize(newValue: string): void;
+  watchOptions(newValue: string | GovFormMultiSelectItem[]): void;
+  watchValue(newValue: string | GovFormMultiSelectItem[]): void;
   watchDisabled(): void;
   private passControlAttrs;
   componentWillLoad(): void;
   private getAvailableOptions;
   private initAutocomplete;
-  private getOptionIndex;
+  private selectedValueIndex;
   private getOptionElement;
+  private getOption;
   private selectOption;
   private removeOption;
   componentDidLoad(): Promise<void>;
+  componentDidRender(): Promise<void>;
   render(): any;
   private onFocusHandler;
   private onBlurHandler;
@@ -126,30 +138,6 @@ export declare class GovFormMultiSelect {
    * Returns an instance of the native html select element
    */
   getRef(): Promise<HTMLSelectElement>;
-  /**
-   * Returns a list of selected items
-   */
-  getSelectedOptions(): Promise<GovFormMultiSelectItem[]>;
-  /**
-   * Setting a list of options to choose from
-   */
-  setOptions(options: GovFormMultiSelectItem[]): Promise<void>;
-  /**
-   * Returns all available options
-   */
-  getOptions(ignoreFilter?: boolean): Promise<GovFormMultiSelectItem[]>;
-  /**
-   * Setting the list of selected options
-   */
-  setSelectedOptions(options: GovFormMultiSelectItem[]): Promise<void>;
-  /**
-   * To remove an option from the selected list
-   */
-  removeSelectedOption(option: GovFormMultiSelectItem, notify?: boolean): Promise<void>;
-  /**
-   * Returns an instance of the native html select element
-   */
-  setSelectedOption(option: GovFormMultiSelectItem, notify?: boolean): Promise<void>;
   /**
    * Validate the WCAG attributes of the component
    */

package/dist/types/components/gov-form/multiselect/gov-form-multi-select.types.d.ts

@@ -1,9 +1,10 @@
 import { GovBaseEvent } from "../../../types/event.types";
 export interface GovFormMultiSelectItem {
-  name: string;
   value: string;
+  name?: string;
   disabled?: boolean;
 }
+export type GovFormMultiSelectSelectedItem = number | string;
 export interface FormMultiselectEvent extends GovBaseEvent {
-  value: GovFormMultiSelectItem[];
+  value: GovFormMultiSelectSelectedItem[];
 }

package/dist/types/components/gov-form/radio/gov-form-radio.d.ts

@@ -6,6 +6,7 @@ export declare class GovFormRadio {
   private f;
   private inputRef?;
   private readonly radioId;
+  private hydrated;
   constructor();
   host: HTMLGovFormRadioElement;
   /**
@@ -71,6 +72,7 @@ export declare class GovFormRadio {
   private passControlAttrs;
   componentWillLoad(): void;
   componentDidRender(): Promise<void>;
+  connectedCallback(): void;
   render(): any;
   private onClickHandler;
   private onFocusHandler;

package/dist/types/components/gov-form/select/constants.d.ts

@@ -1,7 +1,7 @@
 import { Sizes } from '../../../core/constants/sizes';
 import { Variants } from '../../../core/constants/variants';
 import { ValueOf } from '../../../types/interfaces';
-export declare const FormSelectSizes: Pick<typeof Sizes, "_M" | "_L" | "_XL">;
+export declare const FormSelectSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XL">;
 export type FormSelectSizesType = `${ValueOf<typeof FormSelectSizes>}`;
 export declare const FormSelectVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
 export type FormSelectVariantType = `${ValueOf<typeof FormSelectVariants>}`;

package/dist/types/components/gov-form/select/gov-form-select.d.ts

@@ -12,6 +12,10 @@ export declare class GovFormSelect {
    * Value of select
    */
   value: string;
+  /**
+   * Options of select
+   */
+  options?: string | FormSelectOption[];
   /**
    * Custom select identifier.
    */
@@ -79,9 +83,10 @@ export declare class GovFormSelect {
    */
   govChange: EventEmitter<FormSelectEvent>;
   focused: boolean;
-  options: FormSelectOption[];
+  optionsState: FormSelectOption[];
   validateVariant(newValue: string): void;
   validateSize(newValue: string): void;
+  watchOptions(newValue: string | FormSelectOption[]): void;
   watchDisabled(): void;
   watchValue(): void;
   private passControlAttrs;
@@ -96,18 +101,10 @@ export declare class GovFormSelect {
    * Returns the current state of the component
    */
   setFocus(options?: FocusOptions): Promise<void>;
-  /**
-   * Sets the ordered value of the element
-   */
-  setValue(value: string): Promise<void>;
   /**
    * Returns an instance of the native html select element
    */
   getRef(): Promise<HTMLSelectElement>;
-  /**
-   * Sets the selection options
-   */
-  setOptions(options: FormSelectOption[]): Promise<void>;
   /**
    * Validate the WCAG attributes of the component
    */

package/dist/types/components/gov-form/select/gov-form-select.types.d.ts

@@ -4,6 +4,6 @@ export interface FormSelectEvent extends GovBaseEvent {
 }
 export interface FormSelectOption {
   value: string;
-  label: string;
+  label?: string;
   disabled?: boolean;
 }

package/dist/types/components/gov-form/switch/gov-form-switch.d.ts

@@ -6,6 +6,7 @@ export declare class GovFormSwitch {
   private f;
   private inputRef?;
   private readonly checkboxId;
+  private hydrated;
   constructor();
   host: HTMLGovFormSwitchElement;
   /**
@@ -71,6 +72,7 @@ export declare class GovFormSwitch {
   private passControlAttrs;
   componentWillLoad(): void;
   componentDidRender(): Promise<void>;
+  connectedCallback(): void;
   render(): any;
   private onClickHandler;
   private onFocusHandler;

package/dist/types/components.d.ts

@@ -19,21 +19,22 @@ import { SizesType, VariantType } from "./components/gov-form/autocomplete/const
 import { FormAutocompleteEvent, GovFormAutocompleteItem } from "./components/gov-form/autocomplete/gov-form-autocomplete.types";
 import { FormCheckboxSizesType } from "./components/gov-form/checkbox/constants";
 import { FormCheckboxEvent } from "./components/gov-form/checkbox/gov-form-checkbox.types";
+import { FormGroupOrientationType, FormGroupSizesType } from "./components/gov-form/group/constants";
+import { FormCheckboxGroupEvent, FormRadioGroupEvent } from "./components/gov-form/group/gov-form-group.types";
 import { FormControlSizesType } from "./components/gov-form/control/constants";
 import { GovFormFileEvent } from "./components/gov-form/file/gov-form-file.types";
-import { FormGroupOrientationType, FormGroupSizesType } from "./components/gov-form/group/constants";
 import { FormInputSizesType, FormInputVariantType, InputType, Type } from "./components/gov-form/input/constants";
 import { Nullable } from "./types/interfaces";
 import { FormInputEvent } from "./components/gov-form/input/gov-form-input.types";
 import { FormLabelSizesTypes } from "./components/gov-form/label/constants";
 import { FormMessageVariantType } from "./components/gov-form/message/constants";
+import { FormMultiselectEvent, GovFormMultiSelectItem, GovFormMultiSelectSelectedItem } from "./components/gov-form/multiselect/gov-form-multi-select.types";
 import { FormMultiselectSizesType, FormMultiselectVariantType } from "./components/gov-form/multiselect/constants";
-import { FormMultiselectEvent, GovFormMultiSelectItem } from "./components/gov-form/multiselect/gov-form-multi-select.types";
 import { FormRadioSizesType } from "./components/gov-form/radio/constants";
 import { FormRadioEvent } from "./components/gov-form/radio/gov-form-radio.types";
 import { FormSearchVariantType } from "./components/gov-form/search/constants";
-import { FormSelectSizesType, FormSelectVariantType } from "./components/gov-form/select/constants";
 import { FormSelectEvent, FormSelectOption } from "./components/gov-form/select/gov-form-select.types";
+import { FormSelectSizesType, FormSelectVariantType } from "./components/gov-form/select/constants";
 import { FormSwitchSizesType } from "./components/gov-form/switch/constants";
 import { FormSwitchEvent } from "./components/gov-form/switch/gov-form-switch.types";
 import { VariantType as VariantType1 } from "./components/gov-infobar/constants";
@@ -68,21 +69,22 @@ export { SizesType, VariantType } from "./components/gov-form/autocomplete/const
 export { FormAutocompleteEvent, GovFormAutocompleteItem } from "./components/gov-form/autocomplete/gov-form-autocomplete.types";
 export { FormCheckboxSizesType } from "./components/gov-form/checkbox/constants";
 export { FormCheckboxEvent } from "./components/gov-form/checkbox/gov-form-checkbox.types";
+export { FormGroupOrientationType, FormGroupSizesType } from "./components/gov-form/group/constants";
+export { FormCheckboxGroupEvent, FormRadioGroupEvent } from "./components/gov-form/group/gov-form-group.types";
 export { FormControlSizesType } from "./components/gov-form/control/constants";
 export { GovFormFileEvent } from "./components/gov-form/file/gov-form-file.types";
-export { FormGroupOrientationType, FormGroupSizesType } from "./components/gov-form/group/constants";
 export { FormInputSizesType, FormInputVariantType, InputType, Type } from "./components/gov-form/input/constants";
 export { Nullable } from "./types/interfaces";
 export { FormInputEvent } from "./components/gov-form/input/gov-form-input.types";
 export { FormLabelSizesTypes } from "./components/gov-form/label/constants";
 export { FormMessageVariantType } from "./components/gov-form/message/constants";
+export { FormMultiselectEvent, GovFormMultiSelectItem, GovFormMultiSelectSelectedItem } from "./components/gov-form/multiselect/gov-form-multi-select.types";
 export { FormMultiselectSizesType, FormMultiselectVariantType } from "./components/gov-form/multiselect/constants";
-export { FormMultiselectEvent, GovFormMultiSelectItem } from "./components/gov-form/multiselect/gov-form-multi-select.types";
 export { FormRadioSizesType } from "./components/gov-form/radio/constants";
 export { FormRadioEvent } from "./components/gov-form/radio/gov-form-radio.types";
 export { FormSearchVariantType } from "./components/gov-form/search/constants";
-export { FormSelectSizesType, FormSelectVariantType } from "./components/gov-form/select/constants";
 export { FormSelectEvent, FormSelectOption } from "./components/gov-form/select/gov-form-select.types";
+export { FormSelectSizesType, FormSelectVariantType } from "./components/gov-form/select/constants";
 export { FormSwitchSizesType } from "./components/gov-form/switch/constants";
 export { FormSwitchEvent } from "./components/gov-form/switch/gov-form-switch.types";
 export { VariantType as VariantType1 } from "./components/gov-infobar/constants";
@@ -699,6 +701,20 @@ export namespace Components {
          */
         "wcagLabelledBy": string;
     }
+    interface GovFormCheckboxGroup {
+        /**
+          * Gap's size.
+         */
+        "gap"?: FormGroupSizesType;
+        /**
+          * Elements orientation
+         */
+        "orientation"?: FormGroupOrientationType;
+        /**
+          * Group's value
+         */
+        "value"?: string | string[];
+    }
     interface GovFormControl {
         /**
           * /**   Indicates the form element is disabled
@@ -1004,18 +1020,10 @@ export namespace Components {
           * Makes the select component disabled. This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.
          */
         "disabled": boolean;
-        /**
-          * Returns all available options
-         */
-        "getOptions": (ignoreFilter?: boolean) => Promise<GovFormMultiSelectItem[]>;
         /**
           * Returns an instance of the native html select element
          */
         "getRef": () => Promise<HTMLSelectElement>;
-        /**
-          * Returns a list of selected items
-         */
-        "getSelectedOptions": () => Promise<GovFormMultiSelectItem[]>;
         /**
           * Option to hide the list of selected items
          */
@@ -1041,13 +1049,13 @@ export namespace Components {
          */
         "name": string;
         /**
-          * Custom select placeholder.
+          * Options of multi-select
          */
-        "placeholder": string;
+        "options"?: string | GovFormMultiSelectItem[];
         /**
-          * To remove an option from the selected list
+          * Custom select placeholder.
          */
-        "removeSelectedOption": (option: GovFormMultiSelectItem, notify?: boolean) => Promise<void>;
+        "placeholder": string;
         /**
           * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them. When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
          */
@@ -1056,18 +1064,6 @@ export namespace Components {
           * Returns the current state of the component
          */
         "setFocus": (options?: FocusOptions) => Promise<void>;
-        /**
-          * Setting a list of options to choose from
-         */
-        "setOptions": (options: GovFormMultiSelectItem[]) => Promise<void>;
-        /**
-          * Returns an instance of the native html select element
-         */
-        "setSelectedOption": (option: GovFormMultiSelectItem, notify?: boolean) => Promise<void>;
-        /**
-          * Setting the list of selected options
-         */
-        "setSelectedOptions": (options: GovFormMultiSelectItem[]) => Promise<void>;
         /**
           * Sets the ordered value of the element
          */
@@ -1084,6 +1080,10 @@ export namespace Components {
           * Validate the WCAG attributes of the component
          */
         "validateWcag": () => Promise<void>;
+        /**
+          * Value of multi-select
+         */
+        "value": string | GovFormMultiSelectSelectedItem[];
         /**
           * Style variation of the form select.
          */
@@ -1161,6 +1161,20 @@ export namespace Components {
          */
         "wcagLabelledBy": string;
     }
+    interface GovFormRadioGroup {
+        /**
+          * Gap's size.
+         */
+        "gap"?: FormGroupSizesType;
+        /**
+          * Elements orientation
+         */
+        "orientation"?: FormGroupOrientationType;
+        /**
+          * Group's value
+         */
+        "value"?: string;
+    }
     interface GovFormSearch {
         /**
           * Style variation of the form input.
@@ -1188,6 +1202,10 @@ export namespace Components {
           * Name of the select.
          */
         "name": string;
+        /**
+          * Options of select
+         */
+        "options"?: string | FormSelectOption[];
         /**
           * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them. When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
          */
@@ -1196,14 +1214,6 @@ export namespace Components {
           * Returns the current state of the component
          */
         "setFocus": (options?: FocusOptions) => Promise<void>;
-        /**
-          * Sets the selection options
-         */
-        "setOptions": (options: FormSelectOption[]) => Promise<void>;
-        /**
-          * Sets the ordered value of the element
-         */
-        "setValue": (value: string) => Promise<void>;
         /**
           * Select’s size.
          */
@@ -2085,6 +2095,10 @@ export interface GovFormCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGovFormCheckboxElement;
 }
+export interface GovFormCheckboxGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGovFormCheckboxGroupElement;
+}
 export interface GovFormFileCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGovFormFileElement;
@@ -2105,6 +2119,10 @@ export interface GovFormRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGovFormRadioElement;
 }
+export interface GovFormRadioGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGovFormRadioGroupElement;
+}
 export interface GovFormSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGovFormSelectElement;
@@ -2264,6 +2282,12 @@ declare global {
         prototype: HTMLGovFormCheckboxElement;
         new (): HTMLGovFormCheckboxElement;
     };
+    interface HTMLGovFormCheckboxGroupElement extends Components.GovFormCheckboxGroup, HTMLStencilElement {
+    }
+    var HTMLGovFormCheckboxGroupElement: {
+        prototype: HTMLGovFormCheckboxGroupElement;
+        new (): HTMLGovFormCheckboxGroupElement;
+    };
     interface HTMLGovFormControlElement extends Components.GovFormControl, HTMLStencilElement {
     }
     var HTMLGovFormControlElement: {
@@ -2318,6 +2342,12 @@ declare global {
         prototype: HTMLGovFormRadioElement;
         new (): HTMLGovFormRadioElement;
     };
+    interface HTMLGovFormRadioGroupElement extends Components.GovFormRadioGroup, HTMLStencilElement {
+    }
+    var HTMLGovFormRadioGroupElement: {
+        prototype: HTMLGovFormRadioGroupElement;
+        new (): HTMLGovFormRadioGroupElement;
+    };
     interface HTMLGovFormSearchElement extends Components.GovFormSearch, HTMLStencilElement {
     }
     var HTMLGovFormSearchElement: {
@@ -2540,6 +2570,7 @@ declare global {
         "gov-error-code": HTMLGovErrorCodeElement;
         "gov-form-autocomplete": HTMLGovFormAutocompleteElement;
         "gov-form-checkbox": HTMLGovFormCheckboxElement;
+        "gov-form-checkbox-group": HTMLGovFormCheckboxGroupElement;
         "gov-form-control": HTMLGovFormControlElement;
         "gov-form-file": HTMLGovFormFileElement;
         "gov-form-group": HTMLGovFormGroupElement;
@@ -2549,6 +2580,7 @@ declare global {
         "gov-form-multi-select": HTMLGovFormMultiSelectElement;
         "gov-form-password-power": HTMLGovFormPasswordPowerElement;
         "gov-form-radio": HTMLGovFormRadioElement;
+        "gov-form-radio-group": HTMLGovFormRadioGroupElement;
         "gov-form-search": HTMLGovFormSearchElement;
         "gov-form-select": HTMLGovFormSelectElement;
         "gov-form-switch": HTMLGovFormSwitchElement;
@@ -3135,6 +3167,24 @@ declare namespace LocalJSX {
          */
         "wcagLabelledBy"?: string;
     }
+    interface GovFormCheckboxGroup {
+        /**
+          * Gap's size.
+         */
+        "gap"?: FormGroupSizesType;
+        /**
+          * /* Emitted when the checkbox change value.
+         */
+        "onGov-change"?: (event: GovFormCheckboxGroupCustomEvent<FormCheckboxGroupEvent>) => void;
+        /**
+          * Elements orientation
+         */
+        "orientation"?: FormGroupOrientationType;
+        /**
+          * Group's value
+         */
+        "value"?: string | string[];
+    }
     interface GovFormControl {
         /**
           * /**   Indicates the form element is disabled
@@ -3492,6 +3542,10 @@ declare namespace LocalJSX {
           * Emitted when an item is selected
          */
         "onGov-select"?: (event: GovFormMultiSelectCustomEvent<FormMultiselectEvent>) => void;
+        /**
+          * Options of multi-select
+         */
+        "options"?: string | GovFormMultiSelectItem[];
         /**
           * Custom select placeholder.
          */
@@ -3508,6 +3562,10 @@ declare namespace LocalJSX {
           * Indicates the entered value of child form element does conform to the format expected by the application.
          */
         "success"?: boolean;
+        /**
+          * Value of multi-select
+         */
+        "value"?: string | GovFormMultiSelectSelectedItem[];
         /**
           * Style variation of the form select.
          */
@@ -3589,6 +3647,24 @@ declare namespace LocalJSX {
          */
         "wcagLabelledBy"?: string;
     }
+    interface GovFormRadioGroup {
+        /**
+          * Gap's size.
+         */
+        "gap"?: FormGroupSizesType;
+        /**
+          * Emitted when the checkbox change value.
+         */
+        "onGov-change"?: (event: GovFormRadioGroupCustomEvent<FormRadioGroupEvent>) => void;
+        /**
+          * Elements orientation
+         */
+        "orientation"?: FormGroupOrientationType;
+        /**
+          * Group's value
+         */
+        "value"?: string;
+    }
     interface GovFormSearch {
         /**
           * Style variation of the form input.
@@ -3624,6 +3700,10 @@ declare namespace LocalJSX {
           * Emitted when the select has focus.
          */
         "onGov-focus"?: (event: GovFormSelectCustomEvent<FormSelectEvent>) => void;
+        /**
+          * Options of select
+         */
+        "options"?: string | FormSelectOption[];
         /**
           * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them. When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
          */
@@ -4402,6 +4482,7 @@ declare namespace LocalJSX {
         "gov-error-code": GovErrorCode;
         "gov-form-autocomplete": GovFormAutocomplete;
         "gov-form-checkbox": GovFormCheckbox;
+        "gov-form-checkbox-group": GovFormCheckboxGroup;
         "gov-form-control": GovFormControl;
         "gov-form-file": GovFormFile;
         "gov-form-group": GovFormGroup;
@@ -4411,6 +4492,7 @@ declare namespace LocalJSX {
         "gov-form-multi-select": GovFormMultiSelect;
         "gov-form-password-power": GovFormPasswordPower;
         "gov-form-radio": GovFormRadio;
+        "gov-form-radio-group": GovFormRadioGroup;
         "gov-form-search": GovFormSearch;
         "gov-form-select": GovFormSelect;
         "gov-form-switch": GovFormSwitch;
@@ -4468,6 +4550,7 @@ declare module "@stencil/core" {
             "gov-error-code": LocalJSX.GovErrorCode & JSXBase.HTMLAttributes<HTMLGovErrorCodeElement>;
             "gov-form-autocomplete": LocalJSX.GovFormAutocomplete & JSXBase.HTMLAttributes<HTMLGovFormAutocompleteElement>;
             "gov-form-checkbox": LocalJSX.GovFormCheckbox & JSXBase.HTMLAttributes<HTMLGovFormCheckboxElement>;
+            "gov-form-checkbox-group": LocalJSX.GovFormCheckboxGroup & JSXBase.HTMLAttributes<HTMLGovFormCheckboxGroupElement>;
             "gov-form-control": LocalJSX.GovFormControl & JSXBase.HTMLAttributes<HTMLGovFormControlElement>;
             "gov-form-file": LocalJSX.GovFormFile & JSXBase.HTMLAttributes<HTMLGovFormFileElement>;
             "gov-form-group": LocalJSX.GovFormGroup & JSXBase.HTMLAttributes<HTMLGovFormGroupElement>;
@@ -4477,6 +4560,7 @@ declare module "@stencil/core" {
             "gov-form-multi-select": LocalJSX.GovFormMultiSelect & JSXBase.HTMLAttributes<HTMLGovFormMultiSelectElement>;
             "gov-form-password-power": LocalJSX.GovFormPasswordPower & JSXBase.HTMLAttributes<HTMLGovFormPasswordPowerElement>;
             "gov-form-radio": LocalJSX.GovFormRadio & JSXBase.HTMLAttributes<HTMLGovFormRadioElement>;
+            "gov-form-radio-group": LocalJSX.GovFormRadioGroup & JSXBase.HTMLAttributes<HTMLGovFormRadioGroupElement>;
             "gov-form-search": LocalJSX.GovFormSearch & JSXBase.HTMLAttributes<HTMLGovFormSearchElement>;
             "gov-form-select": LocalJSX.GovFormSelect & JSXBase.HTMLAttributes<HTMLGovFormSelectElement>;
             "gov-form-switch": LocalJSX.GovFormSwitch & JSXBase.HTMLAttributes<HTMLGovFormSwitchElement>;

package/dist/types/utils/array.utils.d.ts

@@ -1 +1,2 @@
 export declare const createArrayRange: (from: number, to: number) => number[];
+export declare const propsValueToArray: <T>(value: unknown) => T;

package/dist/types/utils/object.utils.d.ts

@@ -0,0 +1 @@
+export declare const parseJSONString: (value: unknown) => object | [] | null;

package/dist/types/utils/stencil.utils.d.ts

@@ -0,0 +1 @@
+export declare const tick: (callback: () => void) => void;