kiban-design-system 1.1.8-hotfix.0 → 1.1.8

package/dist/components/Avatar/Avatar.d.ts

@@ -1,19 +1,18 @@
-/// <reference types="react" />
-import type { AvatarProps } from './Avatar.props';
-import './Avatar.styles.scss';
-/**
- * Avatar is a graphic representation that is associated with a user for identification.
- *
- * @example
- * <Avatar size='large' initial='C'/>
- * @param {AvatarProps} AvatarProps - Avatar props.
- * @param {IconName} AvatarProps.icon - Icon to show in Avatar.
- * @param {string} AvatarProps.initials - Initilal to show in Avatar
- * @param {boolean} AvatarProps.isRounded - Flag for show Avatar rounded
- * @param {string} AvatarProps.size - Size of Avatar
- * @param {string} AvatarProps.source - Route of image to show in Avatar
- * @param {string} AvatarProps.appareance - Route of image to show in Avatar
- * @returns {symbol} The component.
- */
-declare const Avatar: ({ icon, initials, isRounded, size, source, appearance, }: AvatarProps) => JSX.Element;
-export default Avatar;
+import type { AvatarProps } from './Avatar.props';
+import './Avatar.styles.scss';
+/**
+ * Avatar is a graphic representation that is associated with a user for identification.
+ *
+ * @example
+ * <Avatar size='large' initial='C'/>
+ * @param {AvatarProps} AvatarProps - Avatar props.
+ * @param {IconName} AvatarProps.icon - Icon to show in Avatar.
+ * @param {string} AvatarProps.initials - Initilal to show in Avatar
+ * @param {boolean} AvatarProps.isRounded - Flag for show Avatar rounded
+ * @param {string} AvatarProps.size - Size of Avatar
+ * @param {string} AvatarProps.source - Route of image to show in Avatar
+ * @param {string} AvatarProps.appareance - Route of image to show in Avatar
+ * @returns {symbol} The component.
+ */
+declare const Avatar: ({ icon, initials, isRounded, size, source, appearance, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export default Avatar;

package/dist/components/Avatar/Avatar.props.d.ts

@@ -1,14 +1,14 @@
-import type { IconName } from '../Icon';
-export interface AvatarProps {
-    icon?: IconName;
-    initials?: string;
-    isRounded?: boolean;
-    size?: 'tiny' | 'small' | 'medium' | 'large' | 'extra-large' | 'huge';
-    source?: string;
-    /**
-     * The appearance of avatar to display
-     *
-     * @default 'default'
-     */
-    appearance?: 'primary' | 'secondary' | 'tertiary' | 'default';
-}
+import type { IconName } from '../Icon';
+export interface AvatarProps {
+    icon?: IconName;
+    initials?: string;
+    isRounded?: boolean;
+    size?: 'tiny' | 'small' | 'medium' | 'large' | 'extra-large' | 'huge';
+    source?: string;
+    /**
+     * The appearance of avatar to display
+     *
+     * @default 'default'
+     */
+    appearance?: 'primary' | 'secondary' | 'tertiary' | 'default';
+}

package/dist/components/Avatar/index.d.ts

@@ -1,3 +1,3 @@
-import Avatar from './Avatar';
-export type { AvatarProps } from './Avatar.props';
-export { Avatar };
+import Avatar from './Avatar';
+export type { AvatarProps } from './Avatar.props';
+export { Avatar };

package/dist/components/Badge/Badge.d.ts

@@ -1,15 +1,14 @@
-/// <reference types="react" />
-import type { BadgeProps } from './Badge.props';
-import './Badge.styles.scss';
-/**
- * Badge are used primarily to show a little container whit status and little text
- *
- * @example
- * <Badge status='success'> Children </Badge>
- * @param {BadgeProps}  BadgeProps - BadgeProps
- * @param {string} BadgeProps.children - children to show inside badge
- * @param {string} BannerProps.status - status color to show badge
- * @returns {symbol} - Returns the component
- */
-declare const Badge: ({ children, status }: BadgeProps) => JSX.Element;
-export default Badge;
+import type { BadgeProps } from './Badge.props';
+import './Badge.styles.scss';
+/**
+ * Badge are used primarily to show a little container whit status and little text
+ *
+ * @example
+ * <Badge status='success'> Children </Badge>
+ * @param {BadgeProps}  BadgeProps - BadgeProps
+ * @param {string} BadgeProps.children - children to show inside badge
+ * @param {string} BannerProps.status - status color to show badge
+ * @returns {symbol} - Returns the component
+ */
+declare const Badge: ({ children, status }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default Badge;

package/dist/components/Badge/Badge.props.d.ts

@@ -1,12 +1,12 @@
-export interface BadgeProps {
-    /**
-     * PropType to children to show in element
-     */
-    children: string;
-    /**
-     * PropType to style color badge
-     *
-     * @default default
-     */
-    status?: 'success' | 'warning' | 'danger' | 'default';
-}
+export interface BadgeProps {
+    /**
+     * PropType to children to show in element
+     */
+    children: string;
+    /**
+     * PropType to style color badge
+     *
+     * @default default
+     */
+    status?: 'success' | 'warning' | 'danger' | 'default';
+}

package/dist/components/Badge/index.d.ts

@@ -1,3 +1,3 @@
-import Badge from './Badge';
-export type { BadgeProps } from './Badge.props';
-export { Badge };
+import Badge from './Badge';
+export type { BadgeProps } from './Badge.props';
+export { Badge };

package/dist/components/Banner/Banner.d.ts

@@ -1,19 +1,18 @@
-/// <reference types="react" />
-import type { BannerProps } from './Banner.props';
-import './Banner.styles.scss';
-/**
- * Banner are used primarily show something informatión in a small container blue.
- *
- * @example
- * <Banner hasShadow> Banner only text </Banner>
- * @param {BannerProps}  BannerProps - BannerProps
- * @param {boolean} BannerProps.hasShadow - Flag for display shadow
- * @param {IconName} BannerProps.icon - Icon to display inside in container
- * @param {appearance} BannerProps.appearance - Appearance of the banner according
- * to the prop that is passed to it
- * @param {headerTitle} BannerProps.headerTitle - Title to display on the banner
- * next to the icon
- * @param {React.ReactNode} BannerProps.children - Element to display in container
- */
-declare const Banner: ({ children, hasShadow, icon, appearance, headerTitle, }: BannerProps) => JSX.Element;
-export default Banner;
+import type { BannerProps } from './Banner.props';
+import './Banner.styles.scss';
+/**
+ * Banner are used primarily show something informatión in a small container blue.
+ *
+ * @example
+ * <Banner hasShadow> Banner only text </Banner>
+ * @param {BannerProps}  BannerProps - BannerProps
+ * @param {boolean} BannerProps.hasShadow - Flag for display shadow
+ * @param {IconName} BannerProps.icon - Icon to display inside in container
+ * @param {appearance} BannerProps.appearance - Appearance of the banner according
+ * to the prop that is passed to it
+ * @param {headerTitle} BannerProps.headerTitle - Title to display on the banner
+ * next to the icon
+ * @param {React.ReactNode} BannerProps.children - Element to display in container
+ */
+declare const Banner: ({ children, hasShadow, icon, appearance, headerTitle, }: BannerProps) => import("react/jsx-runtime").JSX.Element;
+export default Banner;

package/dist/components/Banner/Banner.props.d.ts

@@ -1,25 +1,24 @@
-/// <reference types="react" />
-import type { IconName } from '../Icon';
-export declare type BannerAppearanceType = 'info' | 'success' | 'warning' | 'danger' | 'majorWarning';
-export interface BannerProps {
-    /**
-     * Title to display on the banner next to the icon
-     */
-    headerTitle?: string;
-    /**
-     * Appearance of the banner according to the prop that is passed to it
-     */
-    appearance?: BannerAppearanceType;
-    /**
-     * PropType to children to show in element
-     */
-    children?: React.ReactNode;
-    /**
-     * Flag for display shadow
-     *
-     * @default true
-     */
-    hasShadow?: boolean;
-    /** Icon to be displayed */
-    icon?: IconName;
-}
+import type { IconName } from '../Icon';
+export type BannerAppearanceType = 'info' | 'success' | 'warning' | 'danger' | 'majorWarning';
+export interface BannerProps {
+    /**
+     * Title to display on the banner next to the icon
+     */
+    headerTitle?: string;
+    /**
+     * Appearance of the banner according to the prop that is passed to it
+     */
+    appearance?: BannerAppearanceType;
+    /**
+     * PropType to children to show in element
+     */
+    children?: React.ReactNode;
+    /**
+     * Flag for display shadow
+     *
+     * @default true
+     */
+    hasShadow?: boolean;
+    /** Icon to be displayed */
+    icon?: IconName;
+}

package/dist/components/Banner/index.d.ts

@@ -1,3 +1,3 @@
-import Banner from './Banner';
-export type { BannerProps } from './Banner.props';
-export { Banner };
+import Banner from './Banner';
+export type { BannerProps } from './Banner.props';
+export { Banner };

package/dist/components/Button/Button.d.ts

@@ -1,27 +1,26 @@
-/// <reference types="react" />
-import './Button.styles.scss';
-import type { ButtonProps } from './Button.props';
-/**
- * Buttons are used primarily for actions, such as “Add”, “Close”, “Cancel”, or “Save”.
- * Transparent buttons, are used into dark backgrounds. Their purpose is to use mainly as a
- * dropdown trigger.
- *
- * @example
- * <Button onClick={() => alert('Button clicked')}>Button</Button>
- * @param {ButtonProps} ButtonProps - Button props.
- * @param {string} ButtonProps.appearance - The appearance of the button.
- * @param {symbol} ButtonProps.children - The content to display inside the button.
- * @param {boolean} ButtonProps.isFullWidth - Whether the button should take up the full width of the container.
- * @param {string} ButtonProps.icon - Icon to be displayed next to the button text
- * @param {string} ButtonProps.iconPosition - Indicates wether the icon will be displayed to the left or right of the button text
- * @param {string} ButtonProps.contentAlign - Changes the inner content alignment of the button
- * @param {string} ButtonProps.size - Changes the size of the button, giving it more or less padding and changing the font size
- * @param {Function} ButtonProps.onClick - Callback when clicked
- * @param {Function} ButtonProps.onBlur - Callback when focus leaves button
- * @param {Function} ButtonProps.onFocus - Callback when button becomes focussed
- * @param {object} ButtonProps.rest - Rest of props to be passed to the button
- * @param {boolean} ButtonProps.isLoading - To show state for chargue in button
- * @returns {symbol} The component.
- */
-declare const Button: ({ appearance, children, isFullWidth, isBorderLess, isDanger, icon, iconPosition, contentAlign, size, onClick, onFocus, onBlur, isLoading, ...rest }: ButtonProps) => JSX.Element;
-export default Button;
+import './Button.styles.scss';
+import type { ButtonProps } from './Button.props';
+/**
+ * Buttons are used primarily for actions, such as “Add”, “Close”, “Cancel”, or “Save”.
+ * Transparent buttons, are used into dark backgrounds. Their purpose is to use mainly as a
+ * dropdown trigger.
+ *
+ * @example
+ * <Button onClick={() => alert('Button clicked')}>Button</Button>
+ * @param {ButtonProps} ButtonProps - Button props.
+ * @param {string} ButtonProps.appearance - The appearance of the button.
+ * @param {symbol} ButtonProps.children - The content to display inside the button.
+ * @param {boolean} ButtonProps.isFullWidth - Whether the button should take up the full width of the container.
+ * @param {string} ButtonProps.icon - Icon to be displayed next to the button text
+ * @param {string} ButtonProps.iconPosition - Indicates wether the icon will be displayed to the left or right of the button text
+ * @param {string} ButtonProps.contentAlign - Changes the inner content alignment of the button
+ * @param {string} ButtonProps.size - Changes the size of the button, giving it more or less padding and changing the font size
+ * @param {Function} ButtonProps.onClick - Callback when clicked
+ * @param {Function} ButtonProps.onBlur - Callback when focus leaves button
+ * @param {Function} ButtonProps.onFocus - Callback when button becomes focussed
+ * @param {object} ButtonProps.rest - Rest of props to be passed to the button
+ * @param {boolean} ButtonProps.isLoading - To show state for chargue in button
+ * @returns {symbol} The component.
+ */
+declare const Button: ({ appearance, children, isFullWidth, isBorderLess, isDanger, icon, iconPosition, contentAlign, size, onClick, onFocus, onBlur, isLoading, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/dist/components/Button/Button.props.d.ts

@@ -1,42 +1,41 @@
-/// <reference types="react" />
-import type { IconName } from '../Icon';
-export interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
-    /** The content to display inside the button */
-    children?: React.ReactNode;
-    /**
-     * The type of button to display
-     *
-     * @default 'primary'
-     */
-    appearance?: 'primary' | 'secondary' | 'tertiary' | 'transparent' | 'danger';
-    /** Indicates a dangerous or potentially negative action */
-    isDanger?: boolean;
-    /**
-     * Changes the size of the button, giving it more or less padding and changing the font size
-     *
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large';
-    /** Changes the inner content alignment of the button */
-    contentAlign?: 'left' | 'center' | 'right';
-    /** Allows the button to grow to the width of its container */
-    isFullWidth?: boolean;
-    /** Allows the button to unuse borders */
-    isBorderLess?: boolean;
-    /** Icon to be displayed next to the button text */
-    icon?: IconName;
-    /** Indicates wether the icon will be displayed to the left or right of the button text */
-    iconPosition?: 'left' | 'right';
-    /** Callback when clicked */
-    onClick?: () => void;
-    /** Callback when focus leaves button */
-    onBlur?: () => void;
-    /** Callback when button becomes focussed */
-    onFocus?: () => void;
-    /**
-     * To Show state loading in button
-     *
-     * @default false
-     */
-    isLoading?: boolean;
-}
+import type { IconName } from '../Icon';
+export interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+    /** The content to display inside the button */
+    children?: React.ReactNode;
+    /**
+     * The type of button to display
+     *
+     * @default 'primary'
+     */
+    appearance?: 'primary' | 'secondary' | 'tertiary' | 'transparent' | 'danger';
+    /** Indicates a dangerous or potentially negative action */
+    isDanger?: boolean;
+    /**
+     * Changes the size of the button, giving it more or less padding and changing the font size
+     *
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /** Changes the inner content alignment of the button */
+    contentAlign?: 'left' | 'center' | 'right';
+    /** Allows the button to grow to the width of its container */
+    isFullWidth?: boolean;
+    /** Allows the button to unuse borders */
+    isBorderLess?: boolean;
+    /** Icon to be displayed next to the button text */
+    icon?: IconName;
+    /** Indicates wether the icon will be displayed to the left or right of the button text */
+    iconPosition?: 'left' | 'right';
+    /** Callback when clicked */
+    onClick?: () => void;
+    /** Callback when focus leaves button */
+    onBlur?: () => void;
+    /** Callback when button becomes focussed */
+    onFocus?: () => void;
+    /**
+     * To Show state loading in button
+     *
+     * @default false
+     */
+    isLoading?: boolean;
+}

package/dist/components/Button/index.d.ts

@@ -1,3 +1,3 @@
-import Button from './Button';
-export type { ButtonProps } from './Button.props';
-export { Button };
+import Button from './Button';
+export type { ButtonProps } from './Button.props';
+export { Button };

package/dist/components/CalendarPicker/CalendarPicker.d.ts

@@ -1,23 +1,22 @@
-/// <reference types="react" />
-import type { CalendarPickerProps } from './CalendarPicker.props';
-import './CalendarPicker.styles.scss';
-/**
- * CalendarPicker is component used to get a date from user
- *
- * @example
- * <CalendarPicker handleChangeDate={(value) => value}/>
- * @param {CalendarPickerProps} CalendarPickerProps - CalendarPicker props
- * @param {Function} CalendarPickerProps.handleChangeDate - Function to execute when user selects a date
- * @param {number} CalendarPickerProps.minYear - Number of years to subtract from the current date to display in year Select
- * @param {number} CalendarPickerProps.maxYear - Number of years to add from the current date to display in year Select
- * @param {string} CalendarPickerProps.date - Date to preload in format DD/MM/YYYY
- * @param {string} CalendarPickerProps.label - Label to show
- * @param {boolean} CalendarPickerProps.isDisabled - Flag to disable component
- * @param {string} CalendarPickerProps.placeHolder - Place hplder tp show
- * @param {boolean} CalendarPickerProps.isReadOnly - Flag to set component only read
- * @param {string} CalendarPickerProps.language - Flag to change language
- * @param {Function} CalendarPickerProps.onBlur - Function to execute when focus leaves input
- * @returns {symbol} The component.
- */
-declare const CalendarPicker: ({ handleChangeDate, minYear, maxYear, date, label, isDisabled, placeHolder, isReadOnly, language, isRequired, onBlur, }: CalendarPickerProps) => JSX.Element;
-export default CalendarPicker;
+import type { CalendarPickerProps } from './CalendarPicker.props';
+import './CalendarPicker.styles.scss';
+/**
+ * CalendarPicker is component used to get a date from user
+ *
+ * @example
+ * <CalendarPicker handleChangeDate={(value) => value}/>
+ * @param {CalendarPickerProps} CalendarPickerProps - CalendarPicker props
+ * @param {Function} CalendarPickerProps.handleChangeDate - Function to execute when user selects a date
+ * @param {number} CalendarPickerProps.minYear - Number of years to subtract from the current date to display in year Select
+ * @param {number} CalendarPickerProps.maxYear - Number of years to add from the current date to display in year Select
+ * @param {string} CalendarPickerProps.date - Date to preload in format DD/MM/YYYY
+ * @param {string} CalendarPickerProps.label - Label to show
+ * @param {boolean} CalendarPickerProps.isDisabled - Flag to disable component
+ * @param {string} CalendarPickerProps.placeHolder - Place hplder tp show
+ * @param {boolean} CalendarPickerProps.isReadOnly - Flag to set component only read
+ * @param {string} CalendarPickerProps.language - Flag to change language
+ * @param {Function} CalendarPickerProps.onBlur - Function to execute when focus leaves input
+ * @returns {symbol} The component.
+ */
+declare const CalendarPicker: ({ handleChangeDate, minYear, maxYear, date, label, isDisabled, placeHolder, isReadOnly, language, isRequired, onBlur, }: CalendarPickerProps) => import("react/jsx-runtime").JSX.Element;
+export default CalendarPicker;

package/dist/components/CalendarPicker/CalendarPicker.props.d.ts

@@ -1,44 +1,44 @@
-export interface CalendarPickerProps {
-    /**
-     * This function will return the selected date, it responds to the change of month, year and day selection; it should be called like this: (date) => functionName (date)
-     */
-    handleChangeDate(e: string): void;
-    /**
-     * Number of years prior to the current year to render in the year select, by default it is 5 years
-     */
-    minYear?: number;
-    /**
-     * Number of years after the current year to render in the year select, by default it is 5 years
-     */
-    maxYear?: number;
-    /**
-     * Receive a string with a specific date, the format must be DD/MM/YYYY.
-     */
-    date?: string;
-    /**
-     * Accept text strings
-     */
-    label?: string;
-    /**
-     * Accept only value bool
-     */
-    isDisabled?: boolean;
-    /**
-     * Accept only value string
-     */
-    placeHolder?: string;
-    /**
-     * Accept only value bool
-     */
-    isReadOnly?: boolean;
-    /**
-     * Returns a * if the field is required
-     */
-    isRequired?: boolean;
-    /**
-     * Calendar language
-     */
-    language?: 'es' | 'en';
-    /** Callback when focus leaves input */
-    onBlur?: () => void;
-}
+export interface CalendarPickerProps {
+    /**
+     * This function will return the selected date, it responds to the change of month, year and day selection; it should be called like this: (date) => functionName (date)
+     */
+    handleChangeDate(e: string): void;
+    /**
+     * Number of years prior to the current year to render in the year select, by default it is 5 years
+     */
+    minYear?: number;
+    /**
+     * Number of years after the current year to render in the year select, by default it is 5 years
+     */
+    maxYear?: number;
+    /**
+     * Receive a string with a specific date, the format must be DD/MM/YYYY.
+     */
+    date?: string;
+    /**
+     * Accept text strings
+     */
+    label?: string;
+    /**
+     * Accept only value bool
+     */
+    isDisabled?: boolean;
+    /**
+     * Accept only value string
+     */
+    placeHolder?: string;
+    /**
+     * Accept only value bool
+     */
+    isReadOnly?: boolean;
+    /**
+     * Returns a * if the field is required
+     */
+    isRequired?: boolean;
+    /**
+     * Calendar language
+     */
+    language?: 'es' | 'en';
+    /** Callback when focus leaves input */
+    onBlur?: () => void;
+}

package/dist/components/CalendarPicker/index.d.ts

@@ -1,3 +1,3 @@
-import CalendarPicker from './CalendarPicker';
-export * from './CalendarPicker.props';
-export { CalendarPicker };
+import CalendarPicker from './CalendarPicker';
+export * from './CalendarPicker.props';
+export { CalendarPicker };

package/dist/components/CalendarPicker/utils/index.d.ts

@@ -1 +1 @@
-export * from './labels';
+export * from './labels';

package/dist/components/CalendarPicker/utils/labels.d.ts

@@ -1,3 +1,3 @@
-declare const getMonths: (language: string) => undefined;
-declare const getDays: (language: string) => undefined;
-export { getMonths, getDays };
+declare const getMonths: (language: string) => undefined;
+declare const getDays: (language: string) => undefined;
+export { getMonths, getDays };

package/dist/components/Card/Card.d.ts

@@ -1,27 +1,26 @@
-/// <reference types="react" />
-import type { CardProps } from './Card.props';
-import './Card.styles.scss';
-/**
- * Card component are used primarily for show  a little information, sometimes with image.
- *
- * @example
- * <Card title='Facturación' media='Grid' />
- * @param {CardProps} CardProps - Card Props.
- * @param {ReactNode} CardProps.addon - Item extra to show in Header
- * @param {string} CardProps.description - Description to show in card
- * @param {string} CardProps.image - Source of image
- * @param {boolean} CardProps.isBorderLess - Flag to show border
- * @param {boolean} CardProps.isDisabled - Flag to set disabled card
- * @param {boolean} CardProps.isSelected - Flag to set selected card
- * @param {IconName} CardProps.media - Icon to show in Header
- * @param {IconName} CardProps.mediaAppearance - Media appearance to shoe in Header
- * @param {IconName} CardProps.mediaSize - Media size to show in Header
- * @param {Function} CardProps.onClick - Event onClick on Card
- * @param {string} CardProps.size - Size of Card
- * @param {string} CardProps.source - Source of thumbnail image
- * @param {string} CardProps.title - Title to show in Card
- * @param {ReactNode} CardProps.children - Title to show in Card
- * @returns {symbol} The component.
- */
-declare const Card: ({ addon, children, description, image, isBorderLess, isDisabled, isSelected, media, mediaAppearance, mediaSize, onClick, size, source, title, icon, }: CardProps) => JSX.Element;
-export default Card;
+import type { CardProps } from './Card.props';
+import './Card.styles.scss';
+/**
+ * Card component are used primarily for show  a little information, sometimes with image.
+ *
+ * @example
+ * <Card title='Facturación' media='Grid' />
+ * @param {CardProps} CardProps - Card Props.
+ * @param {ReactNode} CardProps.addon - Item extra to show in Header
+ * @param {string} CardProps.description - Description to show in card
+ * @param {string} CardProps.image - Source of image
+ * @param {boolean} CardProps.isBorderLess - Flag to show border
+ * @param {boolean} CardProps.isDisabled - Flag to set disabled card
+ * @param {boolean} CardProps.isSelected - Flag to set selected card
+ * @param {IconName} CardProps.media - Icon to show in Header
+ * @param {IconName} CardProps.mediaAppearance - Media appearance to shoe in Header
+ * @param {IconName} CardProps.mediaSize - Media size to show in Header
+ * @param {Function} CardProps.onClick - Event onClick on Card
+ * @param {string} CardProps.size - Size of Card
+ * @param {string} CardProps.source - Source of thumbnail image
+ * @param {string} CardProps.title - Title to show in Card
+ * @param {ReactNode} CardProps.children - Title to show in Card
+ * @returns {symbol} The component.
+ */
+declare const Card: ({ addon, children, description, image, isBorderLess, isDisabled, isSelected, media, mediaAppearance, mediaSize, onClick, size, source, title, icon, }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export default Card;