@vonage/vivid-vue 4.16.2 → 4.18.0

package/generated/components/VButton.vue3.d.ts

@@ -4,18 +4,17 @@ import type { Button } from '@vonage/vivid/lib/button/button';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     /**
-     * A decorative icon the custom element should have.
-     * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
+     * Displays the button in active state.
      */
-    icon: {
-        type: PropType<IconId>;
+    active: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Indicates the icon affix alignment.
+     * The appearance the button should have.
      */
-    iconTrailing: {
-        type: PropType<boolean>;
+    appearance: {
+        type: PropType<"filled" | "outlined" | "ghost" | "ghost-light" | "outlined-light">;
         default: undefined;
     };
     /**
@@ -26,120 +25,117 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     * Determines if the element should receive document focus on page load.
      */
-    disabled: {
+    autofocus: {
         type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * The initial value of the form. This value sets the `value` property
-     * only when the `value` property has not been explicitly set.
+     * The connotation the button should have.
      */
-    initialValue: {
-        type: PropType<string>;
+    connotation: {
+        type: PropType<"accent" | "announcement" | "cta" | "success" | "alert">;
         default: undefined;
     };
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
      */
-    value: {
-        type: PropType<string>;
+    disabled: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     * Indicates the button's download.
      */
-    name: {
+    download: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * Require the field to be completed prior to form submission.
+     * Display a chevron to indicate that the button opens a dropdown.
      */
-    required: {
+    dropdownIndicator: {
         type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Determines if the element should receive document focus on page load.
+     * The id of a form to associate the element to.
      */
-    autofocus: {
-        type: PropType<boolean>;
+    form: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
      * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
      */
-    formnovalidate: {
-        type: PropType<boolean>;
+    formaction: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * Specifies extra information about the button. This information is typically used by browsers to display a tooltip.
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
      */
-    title: {
+    formenctype: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The connotation the button should have.
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
      */
-    connotation: {
-        type: PropType<"accent" | "announcement" | "cta" | "success" | "alert">;
+    formmethod: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * The shape the button should have.
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
      */
-    shape: {
-        type: PropType<"rounded" | "pill">;
+    formnovalidate: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * The appearance the button should have.
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
      */
-    appearance: {
-        type: PropType<"filled" | "outlined" | "ghost" | "ghost-light" | "outlined-light">;
+    formtarget: {
+        type: PropType<"_self" | "_blank" | "_parent" | "_top">;
         default: undefined;
     };
     /**
-     * The size the button should have.
+     * Indicates the button's href.
      */
-    size: {
-        type: PropType<"super-condensed" | "condensed" | "normal" | "expanded">;
+    href: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * Indicates the icon is stacked.
+     * Indicates the button's hreflang.
      */
-    stacked: {
-        type: PropType<boolean>;
+    hreflang: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * Displays the button in pending state.
+     * A decorative icon the custom element should have.
+     * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    pending: {
-        type: PropType<boolean>;
+    icon: {
+        type: PropType<IconId>;
         default: undefined;
     };
     /**
-     * Display a chevron to indicate that the button opens a dropdown.
+     * Indicates the icon affix alignment.
      */
-    dropdownIndicator: {
+    iconTrailing: {
         type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Displays the button in active state.
+     * The initial value of the form. This value sets the `value` property
+     * only when the `value` property has not been explicitly set.
      */
-    active: {
-        type: PropType<boolean>;
+    initialValue: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -150,24 +146,17 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * Indicates the button's href.
-     */
-    href: {
-        type: PropType<string>;
-        default: undefined;
-    };
-    /**
-     * Indicates the button's download.
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
      */
-    download: {
+    name: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * Indicates the button's hreflang.
+     * Displays the button in pending state.
      */
-    hreflang: {
-        type: PropType<string>;
+    pending: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
@@ -192,45 +181,45 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * Indicates the target's rel.
+     * Require the field to be completed prior to form submission.
      */
-    target: {
-        type: PropType<"_self" | "_blank" | "_parent" | "_top">;
+    required: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * The id of a form to associate the element to.
+     * The shape the button should have.
      */
-    form: {
-        type: PropType<string>;
+    shape: {
+        type: PropType<"rounded" | "pill">;
         default: undefined;
     };
     /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     * The size the button should have.
      */
-    formaction: {
-        type: PropType<string>;
+    size: {
+        type: PropType<"super-condensed" | "condensed" | "normal" | "expanded">;
         default: undefined;
     };
     /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     * Indicates the icon is stacked.
      */
-    formenctype: {
-        type: PropType<string>;
+    stacked: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     * Indicates the target's rel.
      */
-    formmethod: {
-        type: PropType<string>;
+    target: {
+        type: PropType<"_self" | "_blank" | "_parent" | "_top">;
         default: undefined;
     };
     /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     * Specifies extra information about the button. This information is typically used by browsers to display a tooltip.
      */
-    formtarget: {
-        type: PropType<"_self" | "_blank" | "_parent" | "_top">;
+    title: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -240,6 +229,17 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"submit" | "reset" | "button">;
         default: undefined;
     };
+    /**
+     * The current value of the element. This property serves as a mechanism
+     * to set the `value` property through both property assignment and the
+     * .setAttribute() method. This is useful for setting the field's value
+     * in UI libraries that bind data through the .setAttribute() API
+     * and don't support IDL attribute binding.
+     */
+    value: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<{
@@ -279,6 +279,13 @@ declare const _default: import("vue").DefineComponent<{
      */
     validate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Fires when the element loses focus.
+     * @type {FocusEvent}
+     */
+    blur(event: FocusEvent & {
+        target: Button;
+    }): true;
     /**
      * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
      * @type {MouseEvent}
@@ -294,10 +301,10 @@ declare const _default: import("vue").DefineComponent<{
         target: Button;
     }): true;
     /**
-     * Fires when the element loses focus.
-     * @type {FocusEvent}
+     * Fires when the value of an element has been changed.
+     * @type {Event}
      */
-    blur(event: FocusEvent & {
+    input(event: Event & {
         target: Button;
     }): true;
     /**
@@ -314,27 +321,19 @@ declare const _default: import("vue").DefineComponent<{
     keyup(event: KeyboardEvent & {
         target: Button;
     }): true;
-    /**
-     * Fires when the value of an element has been changed.
-     * @type {Event}
-     */
-    input(event: Event & {
-        target: Button;
-    }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * A decorative icon the custom element should have.
-     * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
+     * Displays the button in active state.
      */
-    icon: {
-        type: PropType<IconId>;
+    active: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Indicates the icon affix alignment.
+     * The appearance the button should have.
      */
-    iconTrailing: {
-        type: PropType<boolean>;
+    appearance: {
+        type: PropType<"filled" | "outlined" | "ghost" | "ghost-light" | "outlined-light">;
         default: undefined;
     };
     /**
@@ -345,120 +344,117 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     * Determines if the element should receive document focus on page load.
      */
-    disabled: {
+    autofocus: {
         type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * The initial value of the form. This value sets the `value` property
-     * only when the `value` property has not been explicitly set.
+     * The connotation the button should have.
      */
-    initialValue: {
-        type: PropType<string>;
+    connotation: {
+        type: PropType<"accent" | "announcement" | "cta" | "success" | "alert">;
         default: undefined;
     };
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
      */
-    value: {
-        type: PropType<string>;
+    disabled: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     * Indicates the button's download.
      */
-    name: {
+    download: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * Require the field to be completed prior to form submission.
+     * Display a chevron to indicate that the button opens a dropdown.
      */
-    required: {
+    dropdownIndicator: {
         type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Determines if the element should receive document focus on page load.
+     * The id of a form to associate the element to.
      */
-    autofocus: {
-        type: PropType<boolean>;
+    form: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
      * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
      */
-    formnovalidate: {
-        type: PropType<boolean>;
+    formaction: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * Specifies extra information about the button. This information is typically used by browsers to display a tooltip.
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
      */
-    title: {
+    formenctype: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The connotation the button should have.
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
      */
-    connotation: {
-        type: PropType<"accent" | "announcement" | "cta" | "success" | "alert">;
+    formmethod: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * The shape the button should have.
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
      */
-    shape: {
-        type: PropType<"rounded" | "pill">;
+    formnovalidate: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * The appearance the button should have.
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
      */
-    appearance: {
-        type: PropType<"filled" | "outlined" | "ghost" | "ghost-light" | "outlined-light">;
+    formtarget: {
+        type: PropType<"_self" | "_blank" | "_parent" | "_top">;
         default: undefined;
     };
     /**
-     * The size the button should have.
+     * Indicates the button's href.
      */
-    size: {
-        type: PropType<"super-condensed" | "condensed" | "normal" | "expanded">;
+    href: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * Indicates the icon is stacked.
+     * Indicates the button's hreflang.
      */
-    stacked: {
-        type: PropType<boolean>;
+    hreflang: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * Displays the button in pending state.
+     * A decorative icon the custom element should have.
+     * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    pending: {
-        type: PropType<boolean>;
+    icon: {
+        type: PropType<IconId>;
         default: undefined;
     };
     /**
-     * Display a chevron to indicate that the button opens a dropdown.
+     * Indicates the icon affix alignment.
      */
-    dropdownIndicator: {
+    iconTrailing: {
         type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Displays the button in active state.
+     * The initial value of the form. This value sets the `value` property
+     * only when the `value` property has not been explicitly set.
      */
-    active: {
-        type: PropType<boolean>;
+    initialValue: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -469,24 +465,17 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * Indicates the button's href.
-     */
-    href: {
-        type: PropType<string>;
-        default: undefined;
-    };
-    /**
-     * Indicates the button's download.
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
      */
-    download: {
+    name: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * Indicates the button's hreflang.
+     * Displays the button in pending state.
      */
-    hreflang: {
-        type: PropType<string>;
+    pending: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
@@ -511,45 +500,45 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * Indicates the target's rel.
+     * Require the field to be completed prior to form submission.
      */
-    target: {
-        type: PropType<"_self" | "_blank" | "_parent" | "_top">;
+    required: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * The id of a form to associate the element to.
+     * The shape the button should have.
      */
-    form: {
-        type: PropType<string>;
+    shape: {
+        type: PropType<"rounded" | "pill">;
         default: undefined;
     };
     /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     * The size the button should have.
      */
-    formaction: {
-        type: PropType<string>;
+    size: {
+        type: PropType<"super-condensed" | "condensed" | "normal" | "expanded">;
         default: undefined;
     };
     /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     * Indicates the icon is stacked.
      */
-    formenctype: {
-        type: PropType<string>;
+    stacked: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     * Indicates the target's rel.
      */
-    formmethod: {
-        type: PropType<string>;
+    target: {
+        type: PropType<"_self" | "_blank" | "_parent" | "_top">;
         default: undefined;
     };
     /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     * Specifies extra information about the button. This information is typically used by browsers to display a tooltip.
      */
-    formtarget: {
-        type: PropType<"_self" | "_blank" | "_parent" | "_top">;
+    title: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -559,25 +548,36 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"submit" | "reset" | "button">;
         default: undefined;
     };
+    /**
+     * The current value of the element. This property serves as a mechanism
+     * to set the `value` property through both property assignment and the
+     * .setAttribute() method. This is useful for setting the field's value
+     * in UI libraries that bind data through the .setAttribute() API
+     * and don't support IDL attribute binding.
+     */
+    value: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
         target: Button;
     }) => any) | undefined;
+    onBlur?: ((event: FocusEvent & {
+        target: Button;
+    }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
         target: Button;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
         target: Button;
     }) => any) | undefined;
-    onBlur?: ((event: FocusEvent & {
+    onInput?: ((event: Event & {
         target: Button;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
         target: Button;
     }) => any) | undefined;
-    onInput?: ((event: Event & {
-        target: Button;
-    }) => any) | undefined;
 }, {
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
@@ -586,8 +586,8 @@ declare const _default: import("vue").DefineComponent<{
     icon: "10-sec-backward-line" | "10-sec-backward-solid" | "10-sec-forward-line" | "10-sec-forward-solid" | "30-sec-backward-line" | "30-sec-backward-solid" | "30-sec-forward-line" | "30-sec-forward-solid" | "5-sec-backward-line" | "5-sec-backward-solid" | "5-sec-forward-line" | "5-sec-forward-solid" | "abc-keyboard-line" | "abc-keyboard-solid" | "accessibility-line" | "accessibility-solid" | "active-call-line" | "active-call-solid" | "add-call-line" | "add-call-solid" | "add-group-line" | "add-group-solid" | "add-line" | "add-solid" | "add-time-line" | "add-time-solid" | "add-user-line" | "add-user-solid" | "address-book-line" | "address-book-solid" | "ai-2-line" | "ai-2-solid" | "ai-3-line" | "ai-3-solid" | "ai-line" | "ai-solid" | "alarm-line" | "alarm-solid" | "align-center-line" | "align-center-solid" | "align-left-line" | "align-left-solid" | "align-right-line" | "align-right-solid" | "ambulance-line" | "ambulance-solid" | "android-color" | "android-mono" | "angular-color" | "angular-mono" | "app-line" | "app-plus-line" | "app-plus-solid" | "app-solid" | "app-store-line" | "app-store-solid" | "apple-color" | "apple-mono" | "apps-line" | "apps-solid" | "arrow-bold-left-line" | "arrow-bold-left-solid" | "arrow-bold-right-line" | "arrow-bold-right-solid" | "arrow-down-line" | "arrow-down-solid" | "arrow-inbound-line" | "arrow-inbound-solid" | "arrow-left-line" | "arrow-left-solid" | "arrow-outbound-line" | "arrow-outbound-solid" | "arrow-right-line" | "arrow-right-solid" | "arrow-up-line" | "arrow-up-solid" | "arrow-width-large-line" | "arrow-width-large-solid" | "arrow-width-medium-line" | "arrow-width-medium-solid" | "arrow-width-small-line" | "arrow-width-small-solid" | "assign-user-line" | "assign-user-solid" | "asterisk-2-line" | "asterisk-2-solid" | "asterisk-line" | "asterisk-solid" | "atoms-line" | "atoms-solid" | "attachment-line" | "attachment-solid" | "audio-max-line" | "audio-max-solid" | "audio-mid-line" | "audio-mid-solid" | "audio-min-line" | "audio-min-solid" | "audio-mute-line" | "audio-mute-solid" | "audio-off-2-line" | "audio-off-2-solid" | "audio-off-line" | "audio-off-solid" | "back-line" | "back-solid" | "backspace-line" | "backspace-solid" | "backward-line" | "backward-solid" | "badge-line" | "badge-solid" | "binoculars-line" | "binoculars-solid" | "block-call-line" | "block-call-solid" | "block-line" | "block-solid" | "blogger-color" | "blogger-mono" | "blur-line" | "blur-off-line" | "blur-off-solid" | "blur-solid" | "bold-line" | "bold-solid" | "bookmark-line" | "bookmark-solid" | "books-line" | "books-solid" | "bot-line" | "bot-solid" | "bottom-tabs-line" | "bottom-tabs-solid" | "bounce-line" | "bounce-solid" | "brain-line" | "brain-solid" | "bring-to-front-line" | "bring-to-front-solid" | "broadcast-line" | "broadcast-solid" | "broken-image-line" | "broken-image-solid" | "bullet-line" | "bullet-list-2-line" | "bullet-list-2-solid" | "bullet-list-line" | "bullet-list-off-line" | "bullet-list-off-solid" | "bullet-list-solid" | "bullet-solid" | "bullhorn-color" | "bullhorn-mono" | "calculator-line" | "calculator-solid" | "calendar-check-line" | "calendar-check-solid" | "calendar-clock-line" | "calendar-clock-solid" | "calendar-line" | "calendar-plus-line" | "calendar-plus-solid" | "calendar-solid" | "call-line" | "call-solid" | "call-star-line" | "call-star-solid" | "camera-line" | "camera-solid" | "camera-switch-line" | "camera-switch-solid" | "car-line" | "car-solid" | "cart-full-line" | "cart-full-solid" | "cart-line" | "cart-solid" | "cell-reception-line" | "cell-reception-solid" | "chain-line" | "chain-solid" | "charity-line" | "charity-solid" | "chart-line" | "chart-solid" | "chat-2-line" | "chat-2-solid" | "chat-call-line" | "chat-call-solid" | "chat-hide-line" | "chat-hide-solid" | "chat-line" | "chat-solid" | "check-all-line" | "check-all-solid" | "check-call-line" | "check-call-solid" | "check-circle-line" | "check-circle-solid" | "check-double-line" | "check-double-solid" | "check-line" | "check-sent-line" | "check-sent-solid" | "check-solid" | "checkbox-checked-2-line" | "checkbox-checked-2-solid" | "checkbox-checked-line" | "checkbox-checked-solid" | "checkbox-part-checked-line" | "checkbox-part-checked-solid" | "checkbox-unchecked-2-line" | "checkbox-unchecked-2-solid" | "checkbox-unchecked-line" | "checkbox-unchecked-solid" | "chevron-circle-down-line" | "chevron-circle-down-solid" | "chevron-down-line" | "chevron-down-solid" | "chevron-left-line" | "chevron-left-solid" | "chevron-right-line" | "chevron-right-solid" | "chevron-up-line" | "chevron-up-solid" | "chime-color" | "chime-mono" | "circle-line" | "circle-solid" | "clear-file-line" | "clear-file-solid" | "click-to-call-line" | "click-to-call-solid" | "clio-color" | "clio-mono" | "clipboard-add-line" | "clipboard-add-solid" | "clipboard-assign-line" | "clipboard-assign-solid" | "clock-line" | "clock-off-line" | "clock-off-solid" | "clock-solid" | "close-circle-line" | "close-circle-solid" | "close-line" | "close-small-line" | "close-small-solid" | "close-solid" | "closed-captioning-line" | "closed-captioning-off-line" | "closed-captioning-off-solid" | "closed-captioning-solid" | "cloud-download-2-line" | "cloud-download-2-solid" | "cloud-line" | "cloud-office-phone-line" | "cloud-office-phone-solid" | "cloud-solid" | "cloud-upload-2-line" | "cloud-upload-2-solid" | "cloud-upload-line" | "cloud-upload-solid" | "code-line" | "code-snippet-line" | "code-snippet-solid" | "code-solid" | "coffee-line" | "coffee-solid" | "collapse-line" | "collapse-solid" | "comms-online-color" | "comms-online-mono" | "company-line" | "company-solid" | "compose-line" | "compose-solid" | "condition-line" | "condition-solid" | "connect-line" | "connect-solid" | "connectwise-color" | "connectwise-mono" | "cooktail-line" | "cooktail-solid" | "copy-2-line" | "copy-2-solid" | "copy-line" | "copy-solid" | "credit-card-line" | "credit-card-solid" | "crop-line" | "crop-solid" | "curl-color" | "curl-mono" | "curly-brackets-line" | "curly-brackets-solid" | "cursor-2-line" | "cursor-2-solid" | "cursor-line" | "cursor-solid" | "dark-mode-line" | "dark-mode-solid" | "delete-line" | "delete-solid" | "density-high-line" | "density-high-solid" | "density-medium-line" | "density-medium-solid" | "design-tools-line" | "design-tools-solid" | "devices-line" | "devices-solid" | "disable-call-line" | "disable-call-solid" | "distort-line" | "distort-solid" | "divider-line" | "divider-solid" | "document-2-line" | "document-2-solid" | "document-line" | "document-solid" | "dollar-line" | "dollar-solid" | "dotnet-color" | "dotnet-mono" | "double-chevron-left-line" | "double-chevron-left-solid" | "double-chevron-right-line" | "double-chevron-right-solid" | "download-line" | "download-solid" | "drupal-color" | "drupal-mono" | "duplicate-line" | "duplicate-solid" | "dynamics-365-color" | "dynamics-365-mono" | "dynamics-color" | "dynamics-mono" | "echo-line" | "echo-solid" | "edit-line" | "edit-solid" | "edit-user-line" | "edit-user-solid" | "eight-line" | "eight-solid" | "emoji-line" | "emoji-solid" | "end-call-line" | "end-call-solid" | "enlarge-screen-2-line" | "enlarge-screen-2-solid" | "enlarge-screen-line" | "enlarge-screen-solid" | "enter-line" | "enter-solid" | "envelope-line" | "envelope-solid" | "eraser-line" | "eraser-solid" | "error-line" | "error-solid" | "error-star-line" | "error-star-solid" | "exit-line" | "exit-solid" | "expand-2-line" | "expand-2-solid" | "expand-line" | "expand-solid" | "export-line" | "export-solid" | "express-color" | "express-mono" | "eye-hide-line" | "eye-hide-solid" | "eye-line" | "eye-solid" | "facebook-color" | "facebook-line" | "facebook-mono" | "facebook-solid" | "fax-2-line" | "fax-2-solid" | "fax-add-line" | "fax-add-solid" | "fax-failed-line" | "fax-failed-solid" | "fax-inbound-line" | "fax-inbound-solid" | "fax-line" | "fax-outbound-line" | "fax-outbound-solid" | "fax-pending-line" | "fax-pending-solid" | "fax-scheduled-line" | "fax-scheduled-solid" | "fax-solid" | "feedback-line" | "feedback-solid" | "file-add-line" | "file-add-solid" | "file-audio-line" | "file-audio-solid" | "file-csv-line" | "file-csv-solid" | "file-doc-line" | "file-doc-solid" | "file-dollar-line" | "file-dollar-solid" | "file-edit-line" | "file-edit-solid" | "file-gear-line" | "file-gear-solid" | "file-gif-2-line" | "file-gif-2-solid" | "file-gif-line" | "file-gif-solid" | "file-jpg-line" | "file-jpg-solid" | "file-line" | "file-paragraph-line" | "file-paragraph-solid" | "file-pdf-line" | "file-pdf-solid" | "file-plus-line" | "file-plus-solid" | "file-png-line" | "file-png-solid" | "file-ppt-line" | "file-ppt-solid" | "file-search-line" | "file-search-solid" | "file-solid" | "file-txt-line" | "file-txt-solid" | "file-video-2-line" | "file-video-2-solid" | "file-video-line" | "file-video-solid" | "file-xls-line" | "file-xls-solid" | "file-zip-line" | "file-zip-solid" | "files-line" | "files-solid" | "filter-line" | "filter-solid" | "five-line" | "five-solid" | "flag-afghanistan" | "flag-aland-islands" | "flag-albania" | "flag-algeria" | "flag-argentina" | "flag-armenia" | "flag-aruba" | "flag-australia" | "flag-austria" | "flag-bahamas" | "flag-bahrain" | "flag-bangladesh" | "flag-belarus" | "flag-belgium" | "flag-benin" | "flag-bolivia" | "flag-botswana" | "flag-brazil" | "flag-bulgaria" | "flag-burkina-faso" | "flag-cambodia" | "flag-canada" | "flag-cayman-islands" | "flag-central-african-republic" | "flag-chad" | "flag-chile" | "flag-china" | "flag-colombia" | "flag-costa-rica" | "flag-croatia" | "flag-cyprus" | "flag-czech-republic" | "flag-denmark" | "flag-dominican-republic" | "flag-egypt" | "flag-el-salvador" | "flag-estonia" | "flag-european-union" | "flag-finland" | "flag-france" | "flag-georgia" | "flag-germany" | "flag-ghana" | "flag-greece" | "flag-grenada" | "flag-guatemala" | "flag-honduras" | "flag-hong-kong" | "flag-hungary" | "flag-iceland" | "flag-india" | "flag-indonesia" | "flag-ireland" | "flag-israel" | "flag-italy" | "flag-jamaica" | "flag-japan" | "flag-latvia" | "flag-liechtenstein" | "flag-lithuania" | "flag-luxembourg" | "flag-macao" | "flag-malaysia" | "flag-malta" | "flag-mauritius" | "flag-mexico" | "flag-moldova" | "flag-netherlands" | "flag-new-zealand" | "flag-nigeria" | "flag-norway" | "flag-pakistan" | "flag-panama" | "flag-peru" | "flag-philippines" | "flag-poland" | "flag-portugal" | "flag-puertorico" | "flag-romania" | "flag-russia" | "flag-rwanda" | "flag-saudi-arabia" | "flag-serbia" | "flag-singapore" | "flag-slovakia" | "flag-slovenia" | "flag-south-africa" | "flag-south-korea" | "flag-spain" | "flag-sri-lanka" | "flag-sweden" | "flag-switzerland" | "flag-taiwan" | "flag-tajikistan" | "flag-tanzania" | "flag-thailand" | "flag-trinidad-and-tobago" | "flag-turkey" | "flag-ukraine" | "flag-united-arab-emirates" | "flag-united-kingdom" | "flag-united-states" | "flag-uruguay" | "flag-uzbekistan" | "flag-venezuela" | "flag-vietnam" | "flag-zambia" | "flash-2-line" | "flash-2-solid" | "flash-line" | "flash-solid" | "flip-horizontal-line" | "flip-horizontal-solid" | "flip-line" | "flip-solid" | "flip-vertical-line" | "flip-vertical-solid" | "flow-2-line" | "flow-2-solid" | "flow-line" | "flow-permission-line" | "flow-permission-solid" | "flow-solid" | "forward-call-line" | "forward-call-solid" | "forward-line" | "forward-solid" | "four-line" | "four-solid" | "full-screen-line" | "full-screen-solid" | "fullscreen-off-line" | "fullscreen-off-solid" | "gallery-line" | "gallery-solid" | "gear-line" | "gear-solid" | "gender-female-line" | "gender-female-solid" | "gender-male-line" | "gender-male-solid" | "gender-unspecified-line" | "gender-unspecified-solid" | "github-color" | "github-mono" | "globe-line" | "globe-solid" | "google-color" | "google-mono" | "gradle-color" | "gradle-mono" | "grid-two-line" | "grid-two-solid" | "groovy-color" | "groovy-mono" | "group-2-line" | "group-2-solid" | "group-3-line" | "group-3-solid" | "group-4-line" | "group-4-solid" | "group-5-line" | "group-5-solid" | "group-6-line" | "group-6-solid" | "group-7-line" | "group-7-solid" | "group-8-line" | "group-8-solid" | "group-9-line" | "group-9-solid" | "group-line" | "group-permission-2-line" | "group-permission-2-solid" | "group-permission-line" | "group-permission-solid" | "group-solid" | "hand-line" | "hand-off-line" | "hand-off-solid" | "hand-shake-line" | "hand-shake-solid" | "hand-solid" | "happy-line" | "happy-solid" | "hash-line" | "hash-solid" | "hashtag-line" | "hashtag-solid" | "headset-2-line" | "headset-2-solid" | "headset-line" | "headset-solid" | "hearing-line" | "hearing-max-line" | "hearing-max-solid" | "hearing-solid" | "heart-line" | "heart-solid" | "help-line" | "help-solid" | "highlight-line" | "highlight-solid" | "history-line" | "history-solid" | "home-line" | "home-solid" | "home-user-line" | "home-user-solid" | "hospital-line" | "hospital-solid" | "hoteling-line" | "hoteling-solid" | "hubspot-color" | "hubspot-mono" | "id-line" | "id-solid" | "image-line" | "image-solid" | "import-line" | "import-solid" | "inbound-call-line" | "inbound-call-solid" | "inbox-2-line" | "inbox-2-solid" | "inbox-3-line" | "inbox-3-solid" | "inbox-line" | "inbox-solid" | "increase-line" | "increase-solid" | "infinity-line" | "infinity-solid" | "info-line" | "info-solid" | "instagram-color" | "instagram-mono" | "interactive-message-line" | "interactive-message-solid" | "ios-color" | "ios-mono" | "italic-line" | "italic-solid" | "java-color" | "java-mono" | "javascript-color" | "javascript-mono" | "jobdiva-color" | "jobdiva-mono" | "key-line" | "key-solid" | "keypad-2-line" | "keypad-2-solid" | "keypad-line" | "keypad-solid" | "knowledge-base-line" | "knowledge-base-solid" | "kotlin-color" | "kotlin-mono" | "laptop-line" | "laptop-solid" | "laravel-color" | "laravel-mono" | "layout-1-line" | "layout-1-solid" | "layout-2-line" | "layout-2-solid" | "leave-line" | "leave-solid" | "light-bulb-line" | "light-bulb-solid" | "light-mode-line" | "light-mode-solid" | "line-width-large-line" | "line-width-large-solid" | "line-width-medium-line" | "line-width-medium-solid" | "line-width-small-line" | "line-width-small-solid" | "link-add-line" | "link-add-solid" | "link-line" | "link-remove-line" | "link-remove-solid" | "link-solid" | "linkedin-color" | "linkedin-mono" | "linux-color" | "linux-mono" | "list-2-line" | "list-2-solid" | "list-filter-line" | "list-filter-solid" | "list-line" | "list-numbered-line" | "list-numbered-solid" | "list-solid" | "lock-line" | "lock-solid" | "mailbox-line" | "mailbox-solid" | "maximize-line" | "maximize-solid" | "media-player-line" | "media-player-off-line" | "media-player-off-solid" | "media-player-solid" | "megaphone-line" | "megaphone-solid" | "menu-line" | "menu-solid" | "merge-2-line" | "merge-2-solid" | "merge-line" | "merge-solid" | "message-line" | "message-sent-line" | "message-sent-solid" | "message-solid" | "message-template-line" | "message-template-solid" | "mic-mute-line" | "mic-mute-solid" | "microphone-2-line" | "microphone-2-solid" | "microphone-line" | "microphone-solid" | "microsoft-dynamics-365-color" | "microsoft-dynamics-365-mono" | "microsoft-teams-color" | "microsoft-teams-mono" | "mind-map-2-line" | "mind-map-2-solid" | "mind-map-line" | "mind-map-solid" | "minimize-2-line" | "minimize-2-solid" | "minimize-line" | "minimize-solid" | "minus-line" | "minus-solid" | "missed-call-line" | "missed-call-solid" | "mobile-2-line" | "mobile-2-solid" | "mobile-arrow-right-line" | "mobile-arrow-right-solid" | "mobile-devices-line" | "mobile-devices-solid" | "mobile-line" | "mobile-solid" | "mockup-line" | "mockup-solid" | "modal-line" | "modal-solid" | "more-horizontal-line" | "more-horizontal-solid" | "more-vertical-line" | "more-vertical-solid" | "music-line" | "music-solid" | "netsuite-color" | "netsuite-mono" | "nexmo-color" | "nexmo-mono" | "next-line" | "next-solid" | "nine-line" | "nine-solid" | "node-color" | "node-mono" | "note-line" | "note-solid" | "notes-line" | "notes-solid" | "notification-off-line" | "notification-off-solid" | "notification-on-line" | "notification-on-solid" | "objective-c-color" | "objective-c-mono" | "office-color" | "office-mono" | "office-phone-2-line" | "office-phone-2-solid" | "office-phone-line" | "office-phone-solid" | "one-line" | "one-solid" | "open-folder-line" | "open-folder-solid" | "open-line" | "open-solid" | "outbound-call-line" | "outbound-call-solid" | "packet-2-line" | "packet-2-solid" | "packet-line" | "packet-solid" | "palette-line" | "palette-solid" | "park-call-line" | "park-call-solid" | "participants-line" | "participants-off-line" | "participants-off-solid" | "participants-solid" | "password-restart-line" | "password-restart-solid" | "pause-2-line" | "pause-2-solid" | "pause-call-line" | "pause-call-solid" | "pause-line" | "pause-solid" | "pen-effect-line" | "pen-effect-solid" | "pen-tip-large-line" | "pen-tip-large-solid" | "pen-tip-medium-line" | "pen-tip-medium-solid" | "pen-tip-small-line" | "pen-tip-small-solid" | "pending-call-line" | "pending-call-solid" | "pentool-line" | "pentool-solid" | "permission-call-line" | "permission-call-solid" | "phone-number-line" | "phone-number-solid" | "php-color" | "php-mono" | "pie-chart-line" | "pie-chart-solid" | "pin-2-line" | "pin-2-off-line" | "pin-2-off-solid" | "pin-2-solid" | "pin-line" | "pin-off-line" | "pin-off-solid" | "pin-solid" | "pin-unverified-line" | "pin-unverified-solid" | "pin-verified-line" | "pin-verified-solid" | "play-2-line" | "play-2-solid" | "play-line" | "play-solid" | "playback-speed-line" | "playback-speed-solid" | "playlist-line" | "playlist-solid" | "plug-line" | "plug-solid" | "plus-line" | "plus-solid" | "preferences-line" | "preferences-solid" | "presentation-line" | "presentation-solid" | "print-line" | "print-solid" | "profile-line" | "profile-solid" | "puzzle-line" | "puzzle-solid" | "puzzled-line" | "puzzled-solid" | "python-color" | "python-mono" | "quit-line" | "quit-solid" | "quote-line" | "quote-solid" | "radio-checked-2-line" | "radio-checked-2-solid" | "radio-checked-line" | "radio-checked-solid" | "radio-unchecked-2-line" | "radio-unchecked-2-solid" | "radio-unchecked-line" | "radio-unchecked-solid" | "rails-color" | "rails-mono" | "react-color" | "react-mono" | "rec-line" | "rec-solid" | "receptionist-line" | "receptionist-solid" | "record-user-line" | "record-user-solid" | "redo-line" | "redo-solid" | "refresh-call-line" | "refresh-call-solid" | "refresh-dollar-line" | "refresh-dollar-solid" | "refresh-line" | "refresh-solid" | "reload-line" | "reload-solid" | "remove-line" | "remove-solid" | "remove-user-line" | "remove-user-solid" | "reorder-horizontal-line" | "reorder-horizontal-solid" | "reorder-vertical-line" | "reorder-vertical-solid" | "reply-line" | "reply-solid" | "report-line" | "report-solid" | "reset-line" | "reset-solid" | "rocket-disabled-line" | "rocket-disabled-solid" | "rocket-line" | "rocket-solid" | "rss-color" | "rss-line" | "rss-mono" | "rss-solid" | "ruby-color" | "ruby-mono" | "salesforce-color" | "salesforce-line" | "salesforce-mono" | "salesforce-solid" | "sand-clock-line" | "sand-clock-solid" | "save-line" | "save-solid" | "screen-share-line" | "screen-share-off-line" | "screen-share-off-solid" | "screen-share-solid" | "search-line" | "search-solid" | "send-to-back-line" | "send-to-back-solid" | "seven-line" | "seven-solid" | "share-2-line" | "share-2-solid" | "share-line" | "share-solid" | "shield-line" | "shield-solid" | "shout-line" | "shout-solid" | "shuffle-line" | "shuffle-solid" | "sidebar-line" | "sidebar-solid" | "six-line" | "six-solid" | "slack-color" | "slack-mono" | "smile-line" | "smile-solid" | "sms-line" | "sms-solid" | "snooze-line" | "snooze-solid" | "sofa-line" | "sofa-solid" | "sort-asc-line" | "sort-asc-solid" | "sort-desc-line" | "sort-desc-solid" | "sort-line" | "sort-solid" | "sparkles-line" | "sparkles-solid" | "square-line" | "square-solid" | "stack-line" | "stack-solid" | "stackoverflow-color" | "stackoverflow-mono" | "star-dollar-line" | "star-dollar-solid" | "star-line" | "star-solid" | "sticker-line" | "sticker-solid" | "stop-line" | "stop-solid" | "stopwatch-line" | "stopwatch-solid" | "store-line" | "store-solid" | "stream-line" | "stream-solid" | "strikethrough-line" | "strikethrough-solid" | "sub-account-line" | "sub-account-solid" | "subtitles-line" | "subtitles-solid" | "sugarcrm-color" | "sugarcrm-mono" | "surprised-line" | "surprised-solid" | "swift-color" | "swift-mono" | "switch-line" | "switch-solid" | "symfony-color" | "symfony-mono" | "table-2-line" | "table-2-solid" | "table-line" | "table-solid" | "tag-add-line" | "tag-add-solid" | "tag-detach-line" | "tag-detach-solid" | "tag-line" | "tag-search-line" | "tag-search-solid" | "tag-solid" | "telephone-line" | "telephone-solid" | "text-line" | "text-size-line" | "text-size-solid" | "text-solid" | "textcolor-line" | "textcolor-solid" | "texture-line" | "texture-solid" | "three-line" | "three-solid" | "thumbs-down-line" | "thumbs-down-solid" | "thumbs-up-line" | "thumbs-up-solid" | "timeline-line" | "timeline-solid" | "toggle-line" | "toggle-solid" | "tooltip-line" | "tooltip-solid" | "transfer-call-line" | "transfer-call-solid" | "transfer-line" | "transfer-solid" | "triangle-line" | "triangle-solid" | "trigger-node-line" | "trigger-node-solid" | "twitch-color" | "twitch-mono" | "twitter-color" | "twitter-mono" | "two-line" | "two-solid" | "umbrella-line" | "umbrella-solid" | "underline-line" | "underline-solid" | "undo-line" | "undo-solid" | "unfavourite-line" | "unfavourite-solid" | "unhappy-line" | "unhappy-solid" | "unlock-line" | "unlock-solid" | "upload-line" | "upload-solid" | "user-2-line" | "user-2-solid" | "user-admin-line" | "user-admin-solid" | "user-clock-line" | "user-clock-solid" | "user-line" | "user-lock-line" | "user-lock-solid" | "user-record-line" | "user-record-solid" | "user-solid" | "user-sync-2-line" | "user-sync-2-off-line" | "user-sync-2-off-solid" | "user-sync-2-solid" | "user-sync-line" | "user-sync-solid" | "van-line" | "van-solid" | "viber-color" | "viber-mono" | "video-active-line" | "video-active-solid" | "video-conference-line" | "video-conference-solid" | "video-line" | "video-off-line" | "video-off-solid" | "video-preview-line" | "video-preview-solid" | "video-solid" | "video-whiteboard-line" | "video-whiteboard-solid" | "video_round_table-line" | "video_round_table-solid" | "virtual-voicemail-line" | "virtual-voicemail-solid" | "voicemail-line" | "voicemail-solid" | "voicemail-transcript-line" | "voicemail-transcript-solid" | "volume-decrease-line" | "volume-decrease-solid" | "volume-increase-line" | "volume-increase-solid" | "volume-line" | "volume-off-2-line" | "volume-off-2-solid" | "volume-off-line" | "volume-off-solid" | "volume-on-line" | "volume-on-solid" | "volume-solid" | "vonage-color" | "vonage-line" | "vonage-mono" | "vonage-solid" | "vue-color" | "vue-mono" | "walk-line" | "walk-solid" | "wallet-line" | "wallet-solid" | "wand-line" | "wand-solid" | "warning-line" | "warning-solid" | "waving-line" | "waving-solid" | "web-chat-color" | "web-chat-mono" | "webhook-line" | "webhook-solid" | "whatsapp-color" | "whatsapp-mono" | "whisper-line" | "whisper-solid" | "wifi-line" | "wifi-solid" | "windows-color" | "windows-mono" | "wordpress-color" | "wordpress-mono" | "workplace-color" | "workplace-mono" | "wrench-tool-2-line" | "wrench-tool-2-solid" | "wrench-tool-line" | "wrench-tool-solid" | "x-twitter-color" | "x-twitter-mono" | "xml-color" | "xml-mono" | "youtube-color" | "youtube-mono" | "zendesk-color" | "zendesk-mono" | "zero-line" | "zero-solid" | "zoho-color" | "zoho-mono" | "zoom-in-line" | "zoom-in-solid" | "zoom-out-line" | "zoom-out-solid" | "zoom-to-fit-line" | "zoom-to-fit-solid";
     iconTrailing: boolean;
     size: "expanded" | "condensed" | "normal" | "super-condensed";
-    shape: "rounded" | "pill";
     appearance: "ghost" | "filled" | "outlined" | "ghost-light" | "outlined-light";
+    shape: "rounded" | "pill";
     connotation: "accent" | "success" | "announcement" | "alert" | "cta";
     disabled: boolean;
     download: string;
@@ -597,21 +597,21 @@ declare const _default: import("vue").DefineComponent<{
     referrerpolicy: string;
     rel: string;
     target: "_self" | "_blank" | "_parent" | "_top";
-    initialValue: string;
-    required: boolean;
+    active: boolean;
     autofocus: boolean;
-    formnovalidate: boolean;
-    title: string;
-    stacked: boolean;
-    pending: boolean;
     dropdownIndicator: boolean;
-    active: boolean;
-    label: string;
     form: string;
     formaction: string;
     formenctype: string;
     formmethod: string;
+    formnovalidate: boolean;
     formtarget: "_self" | "_blank" | "_parent" | "_top";
+    initialValue: string;
+    label: string;
+    pending: boolean;
+    required: boolean;
+    stacked: boolean;
+    title: string;
 }, SlotsType<{
     /**
      * Add an icon to the component.