@roadtrip/components 2.42.0 → 2.43.0

package/dist/types/components.d.ts

@@ -12,10 +12,18 @@ export namespace Components {
           * Set to `true` to remove border the accordion and to `false` to add border it.
          */
         "isLight": boolean;
+        /**
+          * Set to `true` to add a border in the header and the content only for the light accordion.
+         */
+        "isLightSeparator": boolean;
         /**
           * Set to `true` to open the accordion and to `false` to close it.
          */
         "isOpen": boolean;
+        /**
+          * Set to `true` to add the small version only for the light accordion.
+         */
+        "isSmall": boolean;
     }
     interface RoadAlert {
         /**
@@ -207,20 +215,20 @@ export namespace Components {
           * @param speed The transition duration (in ms).
           * @param runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events.
          */
-        "slideNext": (speed?: number | undefined, runCallbacks?: boolean | undefined) => Promise<void>;
+        "slideNext": (speed?: number, runCallbacks?: boolean) => Promise<void>;
         /**
           * Transition to the previous slide.
           * @param speed The transition duration (in ms).
           * @param runCallbacks If true, the transition will produce the [Transition/SlideChange][Start/End] transition events.
          */
-        "slidePrev": (speed?: number | undefined, runCallbacks?: boolean | undefined) => Promise<void>;
+        "slidePrev": (speed?: number, runCallbacks?: boolean) => Promise<void>;
         /**
           * Transition to the specified slide.
           * @param index The index of the slide to transition to.
           * @param speed The transition duration (in ms).
           * @param runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events.
          */
-        "slideTo": (index: number, speed?: number | undefined, runCallbacks?: boolean | undefined) => Promise<void>;
+        "slideTo": (index: number, speed?: number, runCallbacks?: boolean) => Promise<void>;
         /**
           * Start auto play.
          */
@@ -237,7 +245,7 @@ export namespace Components {
           * Force swiper to update its height (when autoHeight is enabled) for the duration equal to 'speed' parameter.
           * @param speed The transition duration (in ms).
          */
-        "updateAutoHeight": (speed?: number | undefined) => Promise<void>;
+        "updateAutoHeight": (speed?: number) => Promise<void>;
     }
     interface RoadCarouselItem {
     }
@@ -1396,6 +1404,118 @@ export namespace Components {
         "trigger": string;
     }
 }
+export interface RoadAutocompleteCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadAutocompleteElement;
+}
+export interface RoadBannerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadBannerElement;
+}
+export interface RoadButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadButtonElement;
+}
+export interface RoadCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadCardElement;
+}
+export interface RoadCarouselCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadCarouselElement;
+}
+export interface RoadCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadCheckboxElement;
+}
+export interface RoadCounterCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadCounterElement;
+}
+export interface RoadDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadDialogElement;
+}
+export interface RoadDrawerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadDrawerElement;
+}
+export interface RoadDurationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadDurationElement;
+}
+export interface RoadImgCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadImgElement;
+}
+export interface RoadInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadInputElement;
+}
+export interface RoadModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadModalElement;
+}
+export interface RoadNavbarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadNavbarElement;
+}
+export interface RoadNavbarItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadNavbarItemElement;
+}
+export interface RoadPlateNumberCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadPlateNumberElement;
+}
+export interface RoadRadioCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadRadioElement;
+}
+export interface RoadRadioGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadRadioGroupElement;
+}
+export interface RoadRangeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadRangeElement;
+}
+export interface RoadSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadSelectElement;
+}
+export interface RoadSelectFilterCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadSelectFilterElement;
+}
+export interface RoadSwitchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadSwitchElement;
+}
+export interface RoadTabBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadTabBarElement;
+}
+export interface RoadTabButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadTabButtonElement;
+}
+export interface RoadTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadTabsElement;
+}
+export interface RoadTextareaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadTextareaElement;
+}
+export interface RoadToastCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadToastElement;
+}
+export interface RoadToggleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadToggleElement;
+}
 declare global {
     interface HTMLRoadAccordionElement extends Components.RoadAccordion, HTMLStencilElement {
     }
@@ -1798,10 +1918,18 @@ declare namespace LocalJSX {
           * Set to `true` to remove border the accordion and to `false` to add border it.
          */
         "isLight"?: boolean;
+        /**
+          * Set to `true` to add a border in the header and the content only for the light accordion.
+         */
+        "isLightSeparator"?: boolean;
         /**
           * Set to `true` to open the accordion and to `false` to close it.
          */
         "isOpen"?: boolean;
+        /**
+          * Set to `true` to add the small version only for the light accordion.
+         */
+        "isSmall"?: boolean;
     }
     interface RoadAlert {
         /**
@@ -1825,7 +1953,7 @@ declare namespace LocalJSX {
         /**
           * Emitted the value and label of the option selected.
          */
-        "onRoadselected"?: (event: CustomEvent<{
+        "onRoadselected"?: (event: RoadAutocompleteCustomEvent<{
     value: string | undefined | null,
     label: string
   }>) => void;
@@ -1865,7 +1993,7 @@ declare namespace LocalJSX {
         /**
           * Indicate when closing the banner
          */
-        "onClose"?: (event: CustomEvent<void>) => void;
+        "onClose"?: (event: RoadBannerCustomEvent<void>) => void;
         /**
           * Text Link display in the banner
          */
@@ -1899,11 +2027,11 @@ declare namespace LocalJSX {
         /**
           * Emitted when the button loses focus.
          */
-        "onRoadblur"?: (event: CustomEvent<void>) => void;
+        "onRoadblur"?: (event: RoadButtonCustomEvent<void>) => void;
         /**
           * Emitted when the button has focus.
          */
-        "onRoadfocus"?: (event: CustomEvent<void>) => void;
+        "onRoadfocus"?: (event: RoadButtonCustomEvent<void>) => void;
         /**
           * Set to `true` for a transparent button with a border
          */
@@ -1937,7 +2065,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the card is clicked and send the `value` of the card
          */
-        "onRoadcardclick"?: (event: CustomEvent<{
+        "onRoadcardclick"?: (event: RoadCardCustomEvent<{
     value: string | undefined | null;
     label: string | undefined | null;
   }>) => void;
@@ -1966,67 +2094,67 @@ declare namespace LocalJSX {
         /**
           * Emitted after the active slide has changed.
          */
-        "onRoadslidedidchange"?: (event: CustomEvent<void>) => void;
+        "onRoadslidedidchange"?: (event: RoadCarouselCustomEvent<void>) => void;
         /**
           * Emitted when the user double taps on the slide's container.
          */
-        "onRoadslidedoubletap"?: (event: CustomEvent<void>) => void;
+        "onRoadslidedoubletap"?: (event: RoadCarouselCustomEvent<void>) => void;
         /**
           * Emitted when the slider is actively being moved.
          */
-        "onRoadslidedrag"?: (event: CustomEvent<void>) => void;
+        "onRoadslidedrag"?: (event: RoadCarouselCustomEvent<void>) => void;
         /**
           * Emitted when the next slide has ended.
          */
-        "onRoadslidenextend"?: (event: CustomEvent<void>) => void;
+        "onRoadslidenextend"?: (event: RoadCarouselCustomEvent<void>) => void;
         /**
           * Emitted when the next slide has started.
          */
-        "onRoadslidenextstart"?: (event: CustomEvent<void>) => void;
+        "onRoadslidenextstart"?: (event: RoadCarouselCustomEvent<void>) => void;
         /**
           * Emitted when the previous slide has ended.
          */
-        "onRoadslideprevend"?: (event: CustomEvent<void>) => void;
+        "onRoadslideprevend"?: (event: RoadCarouselCustomEvent<void>) => void;
         /**
           * Emitted when the previous slide has started.
          */
-        "onRoadslideprevstart"?: (event: CustomEvent<void>) => void;
+        "onRoadslideprevstart"?: (event: RoadCarouselCustomEvent<void>) => void;
         /**
           * Emitted when the slider is at the last slide.
          */
-        "onRoadslidereachend"?: (event: CustomEvent<void>) => void;
+        "onRoadslidereachend"?: (event: RoadCarouselCustomEvent<void>) => void;
         /**
           * Emitted when the slider is at its initial position.
          */
-        "onRoadslidereachstart"?: (event: CustomEvent<void>) => void;
+        "onRoadslidereachstart"?: (event: RoadCarouselCustomEvent<void>) => void;
         /**
           * Emitted after Swiper initialization
          */
-        "onRoadslidesdidload"?: (event: CustomEvent<void>) => void;
+        "onRoadslidesdidload"?: (event: RoadCarouselCustomEvent<void>) => void;
         /**
           * Emitted when the user taps/clicks on the slide's container.
          */
-        "onRoadslidetap"?: (event: CustomEvent<void>) => void;
+        "onRoadslidetap"?: (event: RoadCarouselCustomEvent<void>) => void;
         /**
           * Emitted when the user releases the touch.
          */
-        "onRoadslidetouchend"?: (event: CustomEvent<void>) => void;
+        "onRoadslidetouchend"?: (event: RoadCarouselCustomEvent<void>) => void;
         /**
           * Emitted when the user first touches the slider.
          */
-        "onRoadslidetouchstart"?: (event: CustomEvent<void>) => void;
+        "onRoadslidetouchstart"?: (event: RoadCarouselCustomEvent<void>) => void;
         /**
           * Emitted when the slide transition has ended.
          */
-        "onRoadslidetransitionend"?: (event: CustomEvent<void>) => void;
+        "onRoadslidetransitionend"?: (event: RoadCarouselCustomEvent<void>) => void;
         /**
           * Emitted when the slide transition has started.
          */
-        "onRoadslidetransitionstart"?: (event: CustomEvent<void>) => void;
+        "onRoadslidetransitionstart"?: (event: RoadCarouselCustomEvent<void>) => void;
         /**
           * Emitted before the active slide has changed.
          */
-        "onRoadslidewillchange"?: (event: CustomEvent<void>) => void;
+        "onRoadslidewillchange"?: (event: RoadCarouselCustomEvent<void>) => void;
         /**
           * Options to pass to the swiper instance. See http://idangero.us/swiper/api/ for valid options
          */
@@ -2078,18 +2206,18 @@ declare namespace LocalJSX {
         /**
           * Emitted when the checkbox loses focus.
          */
-        "onRoadblur"?: (event: CustomEvent<void>) => void;
+        "onRoadblur"?: (event: RoadCheckboxCustomEvent<void>) => void;
         /**
           * Emitted when the checked property has changed.
          */
-        "onRoadchange"?: (event: CustomEvent<{
+        "onRoadchange"?: (event: RoadCheckboxCustomEvent<{
     checked: boolean,
     value: string | undefined | null
   }>) => void;
         /**
           * Emitted when the checkbox has focus.
          */
-        "onRoadfocus"?: (event: CustomEvent<void>) => void;
+        "onRoadfocus"?: (event: RoadCheckboxCustomEvent<void>) => void;
         /**
           * If `true`, the user must fill in a value before submitting a form.
          */
@@ -2154,15 +2282,15 @@ declare namespace LocalJSX {
           * The minimum value, which must not be greater than its maximum (max attribute) value.
          */
         "min"?: string;
-        "onCheckvalue"?: (event: CustomEvent<void>) => void;
+        "onCheckvalue"?: (event: RoadCounterCustomEvent<void>) => void;
         /**
           * Emitted when the minus button is clicked
          */
-        "onRoaddecrease"?: (event: CustomEvent<void>) => void;
+        "onRoaddecrease"?: (event: RoadCounterCustomEvent<void>) => void;
         /**
           * Emitted when the plus button is clicked
          */
-        "onRoadincrease"?: (event: CustomEvent<void>) => void;
+        "onRoadincrease"?: (event: RoadCounterCustomEvent<void>) => void;
         /**
           * The size of the counter.
          */
@@ -2204,7 +2332,7 @@ declare namespace LocalJSX {
         /**
           * Indicate when closing the dialog
          */
-        "onClose"?: (event: CustomEvent<void>) => void;
+        "onClose"?: (event: RoadDialogCustomEvent<void>) => void;
     }
     interface RoadDrawer {
         /**
@@ -2242,15 +2370,15 @@ declare namespace LocalJSX {
         /**
           * Indicate when return to previous state of the drawer content
          */
-        "onBack"?: (event: CustomEvent<void>) => void;
+        "onBack"?: (event: RoadDrawerCustomEvent<void>) => void;
         /**
           * Indicate when closing the drawer
          */
-        "onClose"?: (event: CustomEvent<void>) => void;
+        "onClose"?: (event: RoadDrawerCustomEvent<void>) => void;
         /**
           * Indicate when opening the drawer
          */
-        "onOpen"?: (event: CustomEvent<void>) => void;
+        "onOpen"?: (event: RoadDrawerCustomEvent<void>) => void;
         /**
           * position of the drawer. e.g. left, right, bottom
          */
@@ -2294,7 +2422,7 @@ declare namespace LocalJSX {
         /**
           * Emitt the value and label of the selected option.
          */
-        "onRoadselected"?: (event: CustomEvent<{
+        "onRoadselected"?: (event: RoadDurationCustomEvent<{
     value: string | undefined | null,
     label: string
   }>) => void;
@@ -2365,15 +2493,15 @@ declare namespace LocalJSX {
         /**
           * Emitted when the img fails to load
          */
-        "onRoaderror"?: (event: CustomEvent<void>) => void;
+        "onRoaderror"?: (event: RoadImgCustomEvent<void>) => void;
         /**
           * Emitted when the image has finished loading
          */
-        "onRoadimgdidload"?: (event: CustomEvent<void>) => void;
+        "onRoadimgdidload"?: (event: RoadImgCustomEvent<void>) => void;
         /**
           * Emitted when the img src has been set
          */
-        "onRoadimgwillload"?: (event: CustomEvent<void>) => void;
+        "onRoadimgwillload"?: (event: RoadImgCustomEvent<void>) => void;
         /**
           * The image URL. This attribute is mandatory for the `<img>` element.
          */
@@ -2451,21 +2579,21 @@ declare namespace LocalJSX {
         /**
           * Emitted when the input loses focus.
          */
-        "onRoadblur"?: (event: CustomEvent<void>) => void;
+        "onRoadblur"?: (event: RoadInputCustomEvent<void>) => void;
         /**
           * Emitted when the value has changed.
          */
-        "onRoadchange"?: (event: CustomEvent<{
+        "onRoadchange"?: (event: RoadInputCustomEvent<{
     value: string | undefined | null;
   }>) => void;
         /**
           * Emitted when the input has focus.
          */
-        "onRoadfocus"?: (event: CustomEvent<void>) => void;
+        "onRoadfocus"?: (event: RoadInputCustomEvent<void>) => void;
         /**
           * Emitted when a keyboard input occurred.
          */
-        "onRoadinput"?: (event: CustomEvent<KeyboardEvent>) => void;
+        "onRoadinput"?: (event: RoadInputCustomEvent<KeyboardEvent>) => void;
         /**
           * A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `"text"`, `"search"`, `"tel"`, `"url"`, `"email"`, or `"password"`, otherwise it is ignored.
          */
@@ -2587,7 +2715,7 @@ declare namespace LocalJSX {
         /**
           * Indicate when closing the modal
          */
-        "onClose"?: (event: CustomEvent<void>) => void;
+        "onClose"?: (event: RoadModalCustomEvent<void>) => void;
     }
     interface RoadNavbar {
         /**
@@ -2641,21 +2769,21 @@ declare namespace LocalJSX {
         /**
           * Emitted when the input loses focus.
          */
-        "onRoadblur"?: (event: CustomEvent<void>) => void;
+        "onRoadblur"?: (event: RoadPlateNumberCustomEvent<void>) => void;
         /**
           * Emitted when the value has changed.
          */
-        "onRoadchange"?: (event: CustomEvent<{
+        "onRoadchange"?: (event: RoadPlateNumberCustomEvent<{
     value: string | undefined | null;
   }>) => void;
         /**
           * Emitted when the input has focus.
          */
-        "onRoadfocus"?: (event: CustomEvent<void>) => void;
+        "onRoadfocus"?: (event: RoadPlateNumberCustomEvent<void>) => void;
         /**
           * Emitted when a keyboard input occurred.
          */
-        "onRoadinput"?: (event: CustomEvent<KeyboardEvent>) => void;
+        "onRoadinput"?: (event: RoadPlateNumberCustomEvent<KeyboardEvent>) => void;
         /**
           * overwrite the default placeholder
          */
@@ -2715,11 +2843,11 @@ declare namespace LocalJSX {
         /**
           * Emitted when the radio button loses focus.
          */
-        "onRoadblur"?: (event: CustomEvent<void>) => void;
+        "onRoadblur"?: (event: RoadRadioCustomEvent<void>) => void;
         /**
           * Emitted when the radio button has focus.
          */
-        "onRoadfocus"?: (event: CustomEvent<void>) => void;
+        "onRoadfocus"?: (event: RoadRadioCustomEvent<void>) => void;
         /**
           * The id of radio
          */
@@ -2765,7 +2893,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the value has changed.
          */
-        "onRoadchange"?: (event: CustomEvent<{
+        "onRoadchange"?: (event: RoadRadioGroupCustomEvent<{
     value: string | undefined | null
   }>) => void;
         /**
@@ -2789,7 +2917,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the value has changed.
          */
-        "onRoadchange"?: (event: CustomEvent<{
+        "onRoadchange"?: (event: RoadRangeCustomEvent<{
     value: string | undefined | null;
   }>) => void;
         /**
@@ -2857,17 +2985,17 @@ declare namespace LocalJSX {
         /**
           * Emitted when the select loses focus.
          */
-        "onRoadblur"?: (event: CustomEvent<void>) => void;
+        "onRoadblur"?: (event: RoadSelectCustomEvent<void>) => void;
         /**
           * Emitted when the value has changed.
          */
-        "onRoadchange"?: (event: CustomEvent<{
+        "onRoadchange"?: (event: RoadSelectCustomEvent<{
     value: string | undefined | null
   }>) => void;
         /**
           * Emitted when the select has focus.
          */
-        "onRoadfocus"?: (event: CustomEvent<void>) => void;
+        "onRoadfocus"?: (event: RoadSelectCustomEvent<void>) => void;
         /**
           * List of options of the select
          */
@@ -2905,7 +3033,7 @@ declare namespace LocalJSX {
         /**
           * Emitted the value and label of the option selected.
          */
-        "onRoadselected"?: (event: CustomEvent<{
+        "onRoadselected"?: (event: RoadSelectFilterCustomEvent<{
     value: string | undefined | null,
     label: string
   }>) => void;
@@ -3003,18 +3131,18 @@ declare namespace LocalJSX {
         /**
           * Emitted when the switch loses focus.
          */
-        "onRoadblur"?: (event: CustomEvent<void>) => void;
+        "onRoadblur"?: (event: RoadSwitchCustomEvent<void>) => void;
         /**
           * Emitted when the checked property has changed.
          */
-        "onRoadchange"?: (event: CustomEvent<{
+        "onRoadchange"?: (event: RoadSwitchCustomEvent<{
     checked: boolean;
     value: string | undefined | null
   }>) => void;
         /**
           * Emitted when the switch has focus.
          */
-        "onRoadfocus"?: (event: CustomEvent<void>) => void;
+        "onRoadfocus"?: (event: RoadSwitchCustomEvent<void>) => void;
         /**
           * The id of switch
          */
@@ -3084,11 +3212,11 @@ declare namespace LocalJSX {
         /**
           * Emitted when the navigation has finished transitioning to a new component.
          */
-        "onRoadtabsdidchange"?: (event: CustomEvent<{tab: string}>) => void;
+        "onRoadtabsdidchange"?: (event: RoadTabsCustomEvent<{tab: string}>) => void;
         /**
           * Emitted when the navigation is about to transition to a new component.
          */
-        "onRoadtabswillchange"?: (event: CustomEvent<{tab: string}>) => void;
+        "onRoadtabswillchange"?: (event: RoadTabsCustomEvent<{tab: string}>) => void;
     }
     interface RoadText {
         /**
@@ -3148,21 +3276,21 @@ declare namespace LocalJSX {
         /**
           * Emitted when the textarea loses focus.
          */
-        "onRoadblur"?: (event: CustomEvent<void>) => void;
+        "onRoadblur"?: (event: RoadTextareaCustomEvent<void>) => void;
         /**
           * Emitted when the value has changed.
          */
-        "onRoadchange"?: (event: CustomEvent<{
+        "onRoadchange"?: (event: RoadTextareaCustomEvent<{
     value: string | undefined | null
   }>) => void;
         /**
           * Emitted when the textarea has focus.
          */
-        "onRoadfocus"?: (event: CustomEvent<void>) => void;
+        "onRoadfocus"?: (event: RoadTextareaCustomEvent<void>) => void;
         /**
           * Emitted when a keyboard input occurred.
          */
-        "onRoadinput"?: (event: CustomEvent<KeyboardEvent>) => void;
+        "onRoadinput"?: (event: RoadTextareaCustomEvent<KeyboardEvent>) => void;
         /**
           * Instructional text that shows before the textarea has a value.
          */
@@ -3216,7 +3344,7 @@ declare namespace LocalJSX {
         /**
           * Indicate when closing the toast
          */
-        "onClose"?: (event: CustomEvent<void>) => void;
+        "onClose"?: (event: RoadToastCustomEvent<void>) => void;
         /**
           * How many milliseconds to wait before hiding the toast. if `"0"`, it will show until `close()` is called.
          */
@@ -3262,18 +3390,18 @@ declare namespace LocalJSX {
         /**
           * Emitted when the toggle loses focus.
          */
-        "onRoadblur"?: (event: CustomEvent<void>) => void;
+        "onRoadblur"?: (event: RoadToggleCustomEvent<void>) => void;
         /**
           * Emitted when the checked property has changed.
          */
-        "onRoadchange"?: (event: CustomEvent<{
+        "onRoadchange"?: (event: RoadToggleCustomEvent<{
     checked: boolean;
     value: string | undefined | null
   }>) => void;
         /**
           * Emitted when the toggle has focus.
          */
-        "onRoadfocus"?: (event: CustomEvent<void>) => void;
+        "onRoadfocus"?: (event: RoadToggleCustomEvent<void>) => void;
         /**
           * The id of toggle
          */