@frollo/frollo-web-ui 4.0.0 → 5.0.0

package/index.d.ts

@@ -18,9 +18,11 @@ declare interface FwInputProps {
     hint?: string;
     autocomplete?: string;
     tabindex?: string;
+    rounded?: boolean;
+    enableErrors?: boolean;
 }
 
-declare const _default$m: vue.DefineComponent<{
+declare const _default$l: vue.DefineComponent<{
     /**
      * The input v-model
      */
@@ -83,12 +85,28 @@ declare const _default$m: vue.DefineComponent<{
     };
     /**
      * The logical tab order of the input.
-     * Defaults to 1
+     * Defaults to 0
      */
     tabindex: {
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Whether the input is rounded.
+     * Defaults to false
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     uuid: string;
     inputBaseClass: vue.Ref<string>;
@@ -156,12 +174,28 @@ declare const _default$m: vue.DefineComponent<{
     };
     /**
      * The logical tab order of the input.
-     * Defaults to 1
+     * Defaults to 0
      */
     tabindex: {
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Whether the input is rounded.
+     * Defaults to false
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -170,16 +204,26 @@ declare const _default$m: vue.DefineComponent<{
     placeholder: string;
     readonly: boolean;
     tabindex: string;
+    rounded: boolean;
+    enableErrors: boolean;
 }>;
 
-declare const _default$l: vue.DefineComponent<{
+declare const _default$k: vue.DefineComponent<{
     /**
-     * The name of the input field. Must be unique per form.
+     * The name of the checkbox input field.
+     * Multiple checkboxes can use the same name with a unique value.
      */
     name: {
         type: StringConstructor;
         required: true;
     };
+    /**
+     * The value of the input field. Must be unique per name.
+     */
+    value: {
+        type: StringConstructor;
+        required: false;
+    };
     /**
      * Label for the input. Also renders to an aria-label attribute
      */
@@ -198,16 +242,31 @@ declare const _default$l: vue.DefineComponent<{
     hint: {
         type: StringConstructor;
     };
+    /**
+     * Enable or disable the error hidden element
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     uuid: string;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     /**
-     * The name of the input field. Must be unique per form.
+     * The name of the checkbox input field.
+     * Multiple checkboxes can use the same name with a unique value.
      */
     name: {
         type: StringConstructor;
         required: true;
     };
+    /**
+     * The value of the input field. Must be unique per name.
+     */
+    value: {
+        type: StringConstructor;
+        required: false;
+    };
     /**
      * Label for the input. Also renders to an aria-label attribute
      */
@@ -226,7 +285,16 @@ declare const _default$l: vue.DefineComponent<{
     hint: {
         type: StringConstructor;
     };
-}>>, {}>;
+    /**
+     * Enable or disable the error hidden element
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    enableErrors: boolean;
+}>;
 
 declare interface FwDropdownOption {
     label: string;
@@ -241,7 +309,7 @@ declare interface FwDropdownProps {
     placeholder?: string;
 }
 
-declare const _default$k: vue.DefineComponent<{
+declare const _default$j: vue.DefineComponent<{
     /**
      * The select v-model
      */
@@ -352,7 +420,7 @@ declare const _default$k: vue.DefineComponent<{
     placeholder: string;
 }>;
 
-declare const _default$j: vue.DefineComponent<{
+declare const _default$i: vue.DefineComponent<{
     /**
      * The header title of the card
      */
@@ -461,7 +529,7 @@ declare interface FwButtonProps {
     external?: boolean;
 }
 
-declare const _default$i: vue.DefineComponent<{
+declare const _default$h: vue.DefineComponent<{
     /**
      * A `router-link` path or object
      */
@@ -642,7 +710,7 @@ declare interface NavMenuItem {
     external?: boolean;
 }
 
-declare const _default$h: vue.DefineComponent<{
+declare const _default$g: vue.DefineComponent<{
     /**
      * An array of menu items
      * `{ to?: string | object; href?: string; label: string; }`
@@ -697,7 +765,7 @@ declare const _default$h: vue.DefineComponent<{
     containerClass: string;
 }>;
 
-declare const _default$g: vue.DefineComponent<{
+declare const _default$f: vue.DefineComponent<{
     /**
      * The active tab v-model
      */
@@ -721,7 +789,7 @@ declare const _default$g: vue.DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}>;
 
-declare const _default$f: vue.DefineComponent<{
+declare const _default$e: vue.DefineComponent<{
     /**
      * The label of the tab component used as the button panel label
      */
@@ -753,7 +821,7 @@ declare const _default$f: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare const _default$e: vue.DefineComponent<{
+declare const _default$d: vue.DefineComponent<{
     /**
      * The modal's v-model. Controls the visibility of the modal.
      */
@@ -932,7 +1000,7 @@ declare interface ProgressBarStep {
     subSteps: number;
 }
 
-declare const _default$d: vue.DefineComponent<{
+declare const _default$c: vue.DefineComponent<{
     /**
      * An array of menu progress steps.
      * `{ label: string; position: number; subSteps: number; }`
@@ -982,15 +1050,48 @@ declare const _default$d: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare type TagVariantName = 'primary' | 'alert' | 'error' | 'success';
+declare interface FwCardProps {
+    title?: string;
+    prefixTitle?: string;
+    to?: string | object;
+    href?: string;
+    slotPadding?: boolean;
+    isBordered?: boolean;
+}
+
+declare interface FwCheckboxProps {
+    name: string;
+    value?: string;
+    label?: string;
+    rules?: string | Record<string, unknown> | (() => boolean);
+    hint?: string;
+    enableErrors?: boolean;
+}
+
+declare interface FwModalProps {
+    modelValue: boolean;
+    header?: string;
+    element?: string;
+    body?: string;
+    role?: string;
+    showCancel?: boolean;
+    showConfirm?: boolean;
+    cancelButtonText?: string;
+    cancelButtonType?: ButtonVariantName;
+    confirmButtonText?: string;
+    confirmButtonType?: ButtonVariantName;
+}
+
+declare type TagVariantName = 'primary' | 'secondary' | 'alert' | 'error' | 'success';
 declare interface TagDefinition {
     text: string;
     background: string;
+    iconType: FwButtonProps['variant'];
 }
 declare type TagDefinitionList = {
     [key in TagVariantName]: TagDefinition;
 };
-declare type TagSize = 'xs' | 'sm';
+declare type TagSize = 'xs' | 'sm' | 'md';
 declare type TagSizes = {
     [key in TagSize]: string;
 };
@@ -999,9 +1100,97 @@ declare interface FwTagProps {
     variant?: TagVariantName;
 }
 
-declare const _default$c: vue.DefineComponent<{
+declare type FwTableItem = Record<string, string | number>;
+declare type FwTableFormatFunction = (value: string | number | object) => string;
+declare type FwTableSort = 'asc' | 'desc';
+declare type FwTableItemOptions = Record<string, {
+    formatter?: FwTableFormatFunction;
+    isSortable?: boolean;
+    disabled?: boolean;
+    initSortOrder?: FwTableSort;
+}>;
+declare interface FwTableProps {
+    items: FwTableItem[];
+    options?: FwTableItemOptions;
+    loading?: boolean;
+    clickableRows?: boolean;
+    autoSortColumn?: number;
+}
+
+declare interface FwAccordionProps {
+    title?: string;
+    suffixTitle?: string;
+    isOpened?: boolean;
+    iconPositionStart?: boolean;
+}
+
+declare interface FwImageProps {
+    src?: string;
+    alt?: string;
+    type?: 'native' | 'background';
+    rounded?: boolean;
+    imageClass?: string;
+    threshold?: number;
+}
+
+declare type ToastType = 'success' | 'error' | 'warning';
+declare type ToastTypes = {
+    [key in ToastType]: string;
+};
+declare type ToastPosition = 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+declare interface FwToastProps {
+    modelValue: boolean;
+    type?: ToastType;
+    position?: ToastPosition;
+    content?: string;
+    element?: string;
+    timeout?: number;
+}
+
+declare interface FwTransactionsCardProps {
+    title: string;
+    subTitle?: string;
+    imageUrl?: string;
+    amount?: string;
+}
+
+declare interface FwBarGraphData {
+    name: string;
+    value: string | number;
+}
+declare interface FwBarChartProps {
+    title?: string;
+    yMarker?: string;
+    x?: string[] | string;
+    y?: (string | number)[] | string;
+    graphData?: FwBarGraphData[] | string;
+}
+
+declare interface FwSidebarMenuItem {
+    to?: string | object;
+    href?: string;
+    label: string;
+    external?: boolean;
+    disabled?: boolean;
+}
+
+declare interface FwDrawerProps {
+    modelValue: boolean;
+    header?: string;
+    element?: string;
+    body?: string;
+    role?: string;
+    showCancel?: boolean;
+    showConfirm?: boolean;
+    cancelButtonText?: string;
+    cancelButtonType?: ButtonVariantName;
+    confirmButtonText?: string;
+    confirmButtonType?: ButtonVariantName;
+}
+
+declare const __default__$4: vue.DefineComponent<{
     /**
-     * The size of the tag. Accepts: 'xs' & 'sm'
+     * The size of the tag. Accepts: 'xs', 'sm' & 'md'
      */
     size: {
         type: PropType<TagSize>;
@@ -1010,21 +1199,32 @@ declare const _default$c: vue.DefineComponent<{
     };
     /**
      * The colour variant of the tag.
-     * Accepts 'primary', 'alert', 'error', 'success'
+     * Accepts 'primary', 'secondary', 'alert', 'error', 'success'
      */
     variant: {
         type: PropType<TagVariantName>;
         default: string;
         validator: (value: string) => boolean;
     };
+    /**
+     * Whether the tag can be dismissed or closed.
+     * Emits the @dismissed event
+     */
+    dismissable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     baseClass: vue.Ref<string>;
     textColorClass: vue.ComputedRef<string>;
     bgColorClass: vue.ComputedRef<string>;
     sizeClass: vue.ComputedRef<string>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    iconSizeClass: vue.ComputedRef<string>;
+    iconButtonType: vue.ComputedRef<ButtonVariantName | undefined>;
+    primaryFade5: string;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "dismissed"[], "dismissed", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     /**
-     * The size of the tag. Accepts: 'xs' & 'sm'
+     * The size of the tag. Accepts: 'xs', 'sm' & 'md'
      */
     size: {
         type: PropType<TagSize>;
@@ -1033,34 +1233,30 @@ declare const _default$c: vue.DefineComponent<{
     };
     /**
      * The colour variant of the tag.
-     * Accepts 'primary', 'alert', 'error', 'success'
+     * Accepts 'primary', 'secondary', 'alert', 'error', 'success'
      */
     variant: {
         type: PropType<TagVariantName>;
         default: string;
         validator: (value: string) => boolean;
     };
-}>>, {
+    /**
+     * Whether the tag can be dismissed or closed.
+     * Emits the @dismissed event
+     */
+    dismissable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onDismissed?: ((...args: any[]) => any) | undefined;
+}, {
     size: TagSize;
     variant: TagVariantName;
+    dismissable: boolean;
 }>;
 
-declare type FwTableItem = Record<string, string | number>;
-declare type FwTableFormatFunction = (value: string | number | object) => string;
-declare type FwTableItemOptions = Record<string, {
-    formatter?: FwTableFormatFunction;
-    isSortable?: boolean;
-    disabled?: boolean;
-}>;
-declare type FwTableSort = 'asc' | 'desc';
-declare interface FwTableProps {
-    items: FwTableItem[];
-    options?: FwTableItemOptions;
-    loading?: boolean;
-    clickableRows?: boolean;
-}
-
-declare const __default__$2: vue.DefineComponent<{
+declare const __default__$3: vue.DefineComponent<{
     items: {
         type: PropType<FwTableItem[]>;
         required: true;
@@ -1073,10 +1269,17 @@ declare const __default__$2: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Enable click events on rows.
+     * Emits row data when clicked
+     */
     clickableRows: {
         type: BooleanConstructor;
         default: boolean;
     };
+    autoSortColumn: {
+        type: NumberConstructor;
+    };
 }, {
     columns: vue.ComputedRef<string[]>;
     sortBy: vue.Ref<string>;
@@ -1103,10 +1306,17 @@ declare const __default__$2: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Enable click events on rows.
+     * Emits row data when clicked
+     */
     clickableRows: {
         type: BooleanConstructor;
         default: boolean;
     };
+    autoSortColumn: {
+        type: NumberConstructor;
+    };
 }>> & {
     onRowClicked?: ((...args: any[]) => any) | undefined;
 }, {
@@ -1118,7 +1328,7 @@ declare const _default$b: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentO
 
 declare const _default$a: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default$9: vue.DefineComponent<{
+declare const __default__$2: vue.DefineComponent<{
     /**
      * The header title of the accordion
      */
@@ -1138,10 +1348,20 @@ declare const _default$9: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether the accordion open icon should be at the start or end
+     */
+    iconPositionStart: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     isOpen: vue.Ref<boolean>;
-    transitionEnter: (el: HTMLElement) => void;
-    transitionLeave: (el: HTMLElement) => void;
+    beforeEnter: (el: Element) => void;
+    enter: (el: Element) => void;
+    beforeLeave: (el: Element) => void;
+    leave: (el: Element) => void;
+    bgHoverColor: string;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     /**
      * The header title of the accordion
@@ -1162,11 +1382,19 @@ declare const _default$9: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether the accordion open icon should be at the start or end
+     */
+    iconPositionStart: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     isOpened: boolean;
+    iconPositionStart: boolean;
 }>;
 
-declare const _default$8: vue.DefineComponent<{
+declare const _default$9: vue.DefineComponent<{
     /**
      * The src attribute of the image
      */
@@ -1249,11 +1477,11 @@ declare const _default$8: vue.DefineComponent<{
     threshold: number;
 }>;
 
-declare const _default$7: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+declare const _default$8: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default$6: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+declare const _default$7: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default$5: vue.DefineComponent<{
+declare const _default$6: vue.DefineComponent<{
     columns: {
         type: NumberConstructor;
         default: number;
@@ -1278,21 +1506,7 @@ declare const _default$5: vue.DefineComponent<{
     rows: number;
 }>;
 
-declare type ToastType = 'success' | 'error' | 'warning';
-declare type ToastTypes = {
-    [key in ToastType]: string;
-};
-declare type ToastPosition = 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-declare interface FwToastProps {
-    modelValue: boolean;
-    type?: ToastType;
-    position?: ToastPosition;
-    content?: string;
-    element?: string;
-    timeout?: number;
-}
-
-declare const _default$4: vue.DefineComponent<{
+declare const _default$5: vue.DefineComponent<{
     /**
      * The toast's v-model. Controls the visibility of the toast.
      */
@@ -1411,7 +1625,7 @@ declare const _default$4: vue.DefineComponent<{
     timeout: number;
 }>;
 
-declare const _default$3: vue.DefineComponent<{
+declare const _default$4: vue.DefineComponent<{
     /**
      * The transaction title of the card
      */
@@ -1469,19 +1683,7 @@ declare const _default$3: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare interface FwBarGraphData {
-    name: string;
-    value: string | number;
-}
-declare interface FwBarChartProps {
-    title?: string;
-    yMarker?: string;
-    x?: string[] | string;
-    y?: (string | number)[] | string;
-    graphData?: FwBarGraphData[] | string;
-}
-
-declare const _default$2: vue.DefineComponent<{
+declare const _default$3: vue.DefineComponent<{
     /**
      * The transaction title of the chart
      */
@@ -1562,20 +1764,13 @@ declare const _default$2: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare interface SidebarMenuItem {
-    to?: string | object;
-    href?: string;
-    label: string;
-    external?: boolean;
-}
-
-declare const _default$1: vue.DefineComponent<{
+declare const _default$2: vue.DefineComponent<{
     /**
      * An array of menu items
      * `{ to?: string | object; href?: string; label: string; }`
      */
     menuItems: {
-        type: PropType<SidebarMenuItem[]>;
+        type: PropType<FwSidebarMenuItem[]>;
     };
     /**
      * The class for the open/close toggle button
@@ -1599,6 +1794,7 @@ declare const _default$1: vue.DefineComponent<{
         default: string;
     };
 }, {
+    baseClass: string;
     isMenuOpen: vue.Ref<boolean>;
     toggleMenu: () => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "toggled"[], "toggled", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
@@ -1607,7 +1803,7 @@ declare const _default$1: vue.DefineComponent<{
      * `{ to?: string | object; href?: string; label: string; }`
      */
     menuItems: {
-        type: PropType<SidebarMenuItem[]>;
+        type: PropType<FwSidebarMenuItem[]>;
     };
     /**
      * The class for the open/close toggle button
@@ -1638,6 +1834,169 @@ declare const _default$1: vue.DefineComponent<{
     closedWidth: string;
 }>;
 
+declare const _default$1: vue.DefineComponent<{
+    /**
+     * The drawer's v-model. Controls the visibility of the drawer.
+     */
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    /**
+     * The header title of the drawer
+     */
+    header: {
+        type: StringConstructor;
+    };
+    /**
+     * The body description of the drawer
+     */
+    body: {
+        type: StringConstructor;
+    };
+    /**
+     * The aria role of the drawer container. Defaults to `dialog`
+     */
+    role: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Whether to show the cancel button
+     */
+    showCancel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether to show the confirm button
+     */
+    showConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Custom text for the cancel button
+     */
+    cancelButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Button variant for the cancel button
+     */
+    cancelButtonType: {
+        type: PropType<ButtonVariantName>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Custom text for the confirm button
+     */
+    confirmButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Button variant for the confirm button
+     */
+    confirmButtonType: {
+        type: PropType<ButtonVariantName>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    baseDrawerClass: string;
+    drawerFooterClass: string;
+    isOpen: vue.WritableComputedRef<boolean>;
+    uuid: string;
+    isMounted: vue.Ref<boolean>;
+    onConfirmed: () => void;
+    onCancelled: () => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "cancel" | "confirm")[], "update:modelValue" | "cancel" | "confirm", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * The drawer's v-model. Controls the visibility of the drawer.
+     */
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    /**
+     * The header title of the drawer
+     */
+    header: {
+        type: StringConstructor;
+    };
+    /**
+     * The body description of the drawer
+     */
+    body: {
+        type: StringConstructor;
+    };
+    /**
+     * The aria role of the drawer container. Defaults to `dialog`
+     */
+    role: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Whether to show the cancel button
+     */
+    showCancel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether to show the confirm button
+     */
+    showConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Custom text for the cancel button
+     */
+    cancelButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Button variant for the cancel button
+     */
+    cancelButtonType: {
+        type: PropType<ButtonVariantName>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Custom text for the confirm button
+     */
+    confirmButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Button variant for the confirm button
+     */
+    confirmButtonType: {
+        type: PropType<ButtonVariantName>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: boolean;
+    role: string;
+    showCancel: boolean;
+    showConfirm: boolean;
+    cancelButtonText: string;
+    cancelButtonType: ButtonVariantName;
+    confirmButtonText: string;
+    confirmButtonType: ButtonVariantName;
+}>;
+
 declare const __default__$1: vue.DefineComponent<{
     /**
      * The animation-iteration-count CSS property of the pulse animation.
@@ -1688,20 +2047,6 @@ declare const __default__: vue.DefineComponent<{
 
 declare const _default: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare interface FwModalProps {
-    modelValue: boolean;
-    header?: string;
-    element?: string;
-    body?: string;
-    role?: string;
-    showCancel?: boolean;
-    showConfirm?: boolean;
-    cancelButtonText?: string;
-    cancelButtonType?: ButtonVariantName;
-    confirmButtonText?: string;
-    confirmButtonType?: ButtonVariantName;
-}
-
 declare interface ModalServiceProps extends Omit<FwModalProps, 'modelValue'> {
     onConfirm?: () => void;
     onCancel?: () => void;
@@ -1722,44 +2067,6 @@ declare const toastService: () => {
 
 declare const install: Exclude<Plugin['install'], undefined>;
 
-declare interface FwCardProps {
-    title?: string;
-    prefixTitle?: string;
-    to?: string | object;
-    href?: string;
-    slotPadding?: boolean;
-    isBordered?: boolean;
-}
-
-declare interface FwCheckboxProps {
-    name: string;
-    label?: string;
-    rules?: string | Record<string, unknown> | (() => boolean);
-    hint?: string;
-}
-
-declare interface FwAccordionProps {
-    title?: string;
-    suffixTitle?: string;
-    isOpened?: boolean;
-}
-
-declare interface FwImageProps {
-    src?: string;
-    alt?: string;
-    type?: 'native' | 'background';
-    rounded?: boolean;
-    imageClass?: string;
-    threshold?: number;
-}
-
-declare interface FwTransactionsCardProps {
-    title: string;
-    subTitle?: string;
-    imageUrl?: string;
-    amount?: string;
-}
-
 declare module '@frollo/frollo-web-ui/icons' { }
 
-export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$9 as FwAccordion, FwAccordionProps, _default$2 as FwBarChart, FwBarChartProps, FwBarGraphData, _default$i as FwButton, FwButtonProps, _default$j as FwCard, FwCardProps, _default$l as FwCheckbox, FwCheckboxProps, _default$k as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$8 as FwImage, FwImageProps, _default$m as FwInput, FwInputProps, FwInputType, _default$7 as FwLoadingBar, _default$6 as FwLoadingCard, _default as FwLoadingSpinner, _default$5 as FwLoadingTable, _default$e as FwModal, FwModalProps, _default$h as FwNavigationMenu, _default$d as FwProgressBar, _default$1 as FwSidebarMenu, __default__ as FwSuccessPulse, _default$f as FwTab, __default__$2 as FwTable, FwTableFormatFunction, _default$b as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$a as FwTableRow, FwTableSort, _default$g as FwTabs, _default$c as FwTag, FwTagProps, _default$4 as FwToast, FwToastProps, _default$3 as FwTransactionsCard, FwTransactionsCardProps, ModalServiceProps, NavMenuItem, ProgressBarStep, SidebarMenuItem, TagDefinition, TagDefinitionList, TagSize, TagSizes, TagVariantName, ToastPosition, ToastServiceProps, ToastType, ToastTypes, install as default, modalService, toastService };
+export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, __default__$2 as FwAccordion, FwAccordionProps, _default$3 as FwBarChart, FwBarChartProps, FwBarGraphData, _default$h as FwButton, FwButtonProps, _default$i as FwCard, FwCardProps, _default$k as FwCheckbox, FwCheckboxProps, _default$1 as FwDrawer, FwDrawerProps, _default$j as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$9 as FwImage, FwImageProps, _default$l as FwInput, FwInputProps, FwInputType, _default$8 as FwLoadingBar, _default$7 as FwLoadingCard, _default as FwLoadingSpinner, _default$6 as FwLoadingTable, _default$d as FwModal, FwModalProps, _default$g as FwNavigationMenu, _default$c as FwProgressBar, _default$2 as FwSidebarMenu, FwSidebarMenuItem, __default__ as FwSuccessPulse, _default$e as FwTab, __default__$3 as FwTable, FwTableFormatFunction, _default$b as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$a as FwTableRow, FwTableSort, _default$f as FwTabs, __default__$4 as FwTag, FwTagProps, _default$5 as FwToast, FwToastProps, _default$4 as FwTransactionsCard, FwTransactionsCardProps, ModalServiceProps, NavMenuItem, ProgressBarStep, TagDefinition, TagDefinitionList, TagSize, TagSizes, TagVariantName, ToastPosition, ToastServiceProps, ToastType, ToastTypes, install as default, modalService, toastService };