@mrshmllw/smores-react 10.7.0-crumbs-feature-vite-bundling.1 → 10.7.0-crumbs-feature-vite-bundling.2

package/dist/Accordion/Accordion.d.ts

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from 'react';
+import { MarginProps } from '../utils/space';
+export type AccordionProps = {
+    title: string;
+    subTitle?: string;
+    filledBackground?: boolean;
+    borderTop?: boolean;
+    borderColor?: 'oatmeal' | 'custard' | 'cream' | 'coconut';
+    fullBorder?: boolean;
+    backgroundColor?: 'oatmeal' | 'custard' | 'cream' | 'coconut';
+    onToggle?: (isOpen: boolean) => void;
+    children: ReactNode;
+    defaultIsOpen?: boolean;
+} & MarginProps;
+export declare const Accordion: FC<AccordionProps>;

package/dist/Accordion/index.d.ts

@@ -0,0 +1 @@
+export * from './Accordion';

package/dist/ActionDropdown/ActionDropdown.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { ActionListItem } from './List';
+import { MarginProps } from '../utils/space';
+export type ActionDropdownProps = {
+    id?: string;
+    className?: string;
+    /** label displayed above the dropdown  */
+    label?: string;
+    /** value */
+    value: ActionListItem;
+    /** list of items for the dropdown list */
+    list: ActionListItem[];
+    /** onSelect handler */
+    onSelect: (action: ActionListItem) => void;
+} & MarginProps;
+export declare const ActionDropdown: FC<ActionDropdownProps>;

package/dist/ActionDropdown/List.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { Color } from '../theme';
+export type ActionListItem = {
+    label: string;
+    value: string;
+    bgColor?: Color;
+    textColor?: Color;
+};
+type Props = {
+    options: ActionListItem[];
+    selectOption: (option: ActionListItem) => void;
+};
+export declare const List: FC<Props>;
+export {};

package/dist/ActionDropdown/index.d.ts

@@ -0,0 +1 @@
+export { ActionDropdown } from './ActionDropdown';

package/dist/Badge/Badge.d.ts

@@ -0,0 +1,16 @@
+import { JSX } from 'react';
+import { Color } from '../theme';
+export declare enum BadgeSize {
+    Sm = "24px",
+    Md = "32px",
+    Lg = "40px"
+}
+export type BadgeProps = {
+    src: string | JSX.Element;
+    title?: string;
+    borderColour?: Color;
+    size?: BadgeSize;
+    disabled?: boolean;
+    zIndex?: number;
+};
+export declare function Badge({ borderColour, size, src, disabled, zIndex, title, }: BadgeProps): JSX.Element;

package/dist/Badge/BadgeFallbackImage.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+type Props = {
+    title?: string;
+};
+export declare function BadgeFallbackImage({ title }: Props): React.JSX.Element;
+export {};

package/dist/Badge/index.d.ts

@@ -0,0 +1 @@
+export { Badge, type BadgeProps, type BadgeSize } from './Badge';

package/dist/BadgeList/BadgeList.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { BadgeProps } from '../Badge/Badge';
+import { TooltipProps } from '../Tooltip/Tooltip';
+type WithTooltip = Pick<TooltipProps, 'title' | 'content'> & {
+    position?: TooltipProps['position'];
+};
+export type BadgeListBadge = BadgeProps & {
+    tooltip?: WithTooltip;
+};
+type Props = {
+    size?: BadgeProps['size'];
+    limit?: number;
+    badges: Omit<BadgeListBadge, 'zIndex'>[];
+};
+/**
+ * ### A list of badges with optional tooltips
+ *
+ * @param limit - The maximum number of badges to display. If the number of badges exceeds the limit, a badge will be displayed indicating the number of hidden excess badges.
+ *
+ */
+export declare function BadgeList({ badges, limit, size }: Props): React.JSX.Element;
+type WithTooltipProps = {
+    badge: BadgeListBadge;
+};
+declare const WithTooltip: ({ badge: { tooltip, ...badge } }: WithTooltipProps) => React.JSX.Element;
+export {};

package/dist/BadgeList/index.d.ts

@@ -0,0 +1 @@
+export { BadgeList, type BadgeListBadge } from './BadgeList';

package/dist/Banner/BannerContainer.d.ts

@@ -0,0 +1,7 @@
+import { default as React, FC, ReactNode } from 'react';
+import { BannerContextType } from './types';
+export declare const BannerContext: React.Context<BannerContextType>;
+export declare const useBannerContext: () => BannerContextType;
+export declare const BannerContainer: FC<{
+    children?: ReactNode;
+}>;

package/dist/Banner/BannerItem.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { Banner } from './types';
+interface Props extends Banner {
+    deleteBanner: (id: string) => void;
+}
+export declare const BannerItem: FC<Props>;
+export {};

package/dist/Banner/hooks.d.ts

@@ -0,0 +1,3 @@
+export declare const useBanner: () => {
+    addBanner: (banner: import('./types').CreateBanner) => void;
+};

package/dist/Banner/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BannerContainer';
+export * from './hooks';

package/dist/Banner/types.d.ts

@@ -0,0 +1,19 @@
+import { Icons } from '../Icon/iconsList';
+export interface Banner {
+    id: string;
+    message: string;
+    type: 'upsell' | 'critical' | 'general' | 'success';
+    topOffset: string;
+    exploreAction?: () => void;
+    showExploreText?: boolean;
+    showExploreIcon?: boolean;
+    autoCloseTime?: 4 | 5 | 6 | 7 | 8 | 9 | 10;
+    leadingIcon?: Icons;
+    canManuallyClose?: boolean;
+    showCloseIcon?: boolean;
+    noTimeout?: boolean;
+}
+export type CreateBanner = Omit<Banner, 'id'>;
+export interface BannerContextType {
+    addBanner: (banner: CreateBanner) => void;
+}

package/dist/Box/Box.d.ts

@@ -0,0 +1,14 @@
+import { default as React, ElementType, HTMLAttributes } from 'react';
+import { FlexProps, TransientFlexProps } from '../utils/flex';
+import { MeasureProps, TransientMeasureProps } from '../utils/measure';
+import { MarginProps, PaddingProps, TransientMarginProps, TransientPaddingProps } from '../utils/space';
+export type BoxProps = MarginProps & PaddingProps & FlexProps & MeasureProps & HTMLAttributes<HTMLElement> & {
+    as?: ElementType;
+    forwardedAs?: ElementType;
+};
+export type TransientBoxProps = TransientMarginProps & TransientPaddingProps & TransientFlexProps & TransientMeasureProps;
+export declare const Box: React.ForwardRefExoticComponent<MarginProps & PaddingProps & FlexProps & MeasureProps & React.HTMLAttributes<HTMLElement> & {
+    as?: ElementType;
+    forwardedAs?: ElementType;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const CustomBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TransientBoxProps>> & string;

package/dist/Box/index.d.ts

@@ -0,0 +1 @@
+export { Box } from './Box';

package/dist/BrandCard/BrandCard.d.ts

@@ -0,0 +1,27 @@
+import { FC, ReactNode } from 'react';
+import { Color } from '../theme';
+import { MarginProps } from '../utils/space';
+export type BrandCardProps = {
+    /** generic card title */
+    title: string;
+    /** generic card body */
+    body: string;
+    /** card image */
+    visual: string;
+    /** alignment of the image */
+    alignVisual?: 'left' | 'right';
+    /** height of the image, leave this blank for 100% */
+    visualHeight?: string;
+    /** render image at bottom of card */
+    visualBottom?: boolean;
+    bgColor: Color;
+    /** card tag */
+    tag?: ReactNode;
+    /** primary button */
+    buttonAction?: ReactNode;
+    /** fallback color scheme */
+    fallbackStyle?: boolean;
+    /** margin */
+    maxWidth?: string;
+} & MarginProps;
+export declare const BrandCard: FC<BrandCardProps>;

package/dist/BrandCard/index.d.ts

@@ -0,0 +1 @@
+export { BrandCard } from './BrandCard';

package/dist/Button/Button.d.ts

@@ -0,0 +1,23 @@
+import { default as React, ButtonHTMLAttributes, FC, ReactNode } from 'react';
+import { Icons } from '../Icon/iconsList';
+import { MarginProps } from '../utils/space';
+type Props = {
+    children: ReactNode;
+    id?: string;
+    className?: string;
+    disabled?: boolean;
+    handleClick?: (e: React.FormEvent<HTMLButtonElement>) => void;
+    loading?: boolean;
+    primary?: boolean;
+    secondary?: boolean;
+    fallbackStyle?: boolean;
+    textBtn?: boolean;
+    smallButton?: boolean;
+    icon?: Icons;
+    trailingIcon?: boolean;
+    forcedWidth?: string;
+    form?: string;
+};
+export type ButtonProps = Props & MarginProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>;
+export declare const Button: FC<ButtonProps>;
+export {};

package/dist/Button/index.d.ts

@@ -0,0 +1 @@
+export { Button } from './Button';

package/dist/Card/Card.d.ts

@@ -0,0 +1,38 @@
+import { FC, MouseEventHandler, ReactNode } from 'react';
+import { Icons } from '../Icon/iconsList';
+import { MarginProps } from '../utils/space';
+export type CardProps = {
+    children?: ReactNode;
+    /** leading card icon */
+    leadingIcon?: Icons;
+    /** generic card title */
+    title?: string;
+    /** generic card body */
+    body?: string;
+    /** card image */
+    visual?: string;
+    /** height of the image */
+    visualHeight?: string;
+    /** card tag */
+    tag?: ReactNode;
+    /** action for a fully clickable card */
+    cardOnClickAction?: MouseEventHandler<HTMLDivElement>;
+    /** action to the right of the card, chevron, chip or link text */
+    rightAction?: ReactNode;
+    /** primary button */
+    buttonAction?: ReactNode;
+    /** fallback color scheme */
+    fallbackStyle?: boolean;
+    className?: string;
+    /** margin */
+    maxWidth?: string;
+    /** left-right margin */
+    marginX?: string;
+    /** top-bottom margin */
+    marginY?: string;
+    /** Narrow padding */
+    narrow?: boolean;
+    /** Wide padding */
+    wide?: boolean;
+} & MarginProps;
+export declare const Card: FC<CardProps>;

package/dist/Card/index.d.ts

@@ -0,0 +1 @@
+export { Card } from './Card';

package/dist/CheckBox/CheckBox.d.ts

@@ -0,0 +1,10 @@
+import { default as React, ReactNode } from 'react';
+export type CheckBoxProps = {
+    id?: string;
+    checked: boolean;
+    children: ReactNode;
+    toggle: () => void;
+    error?: boolean;
+    errorMsg?: string;
+};
+export declare const CheckBox: React.ForwardRefExoticComponent<CheckBoxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/CheckBox/index.d.ts

@@ -0,0 +1 @@
+export * from './CheckBox';

package/dist/CheckBoxGroup/CheckBoxGroup.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { MarginProps } from '../utils/space';
+type Item = {
+    id: number;
+    label: string;
+    checked: boolean;
+    value?: string | number;
+};
+type CheckBoxGroupProps = {
+    list: Item[];
+    onToggle: (id: number) => void;
+    isColumn?: boolean;
+} & MarginProps;
+export declare const CheckBoxGroup: FC<CheckBoxGroupProps>;
+export {};

package/dist/CheckBoxGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './CheckBoxGroup';

package/dist/Chip/Chip.d.ts

@@ -0,0 +1,15 @@
+import { default as React, ButtonHTMLAttributes, FC, ReactNode } from 'react';
+import { Icons } from '../Icon/iconsList';
+import { MarginProps } from '../utils/space';
+type Props = {
+    children: ReactNode;
+    handleClick: (e: React.FormEvent<HTMLButtonElement>) => void;
+    primary?: boolean;
+    secondary?: boolean;
+    icon?: Icons;
+    disabled?: boolean;
+    loading?: boolean;
+} & MarginProps;
+export type ChipProps = Props & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const Chip: FC<ChipProps>;
+export {};

package/dist/Chip/index.d.ts

@@ -0,0 +1 @@
+export { Chip } from './Chip';

package/dist/CurrencyInput/CurrencyInput.d.ts

@@ -0,0 +1,24 @@
+import { default as React, FocusEvent, FormEvent } from 'react';
+import { CommonFieldProps } from '../fields/commonFieldTypes';
+export interface Props extends CommonFieldProps {
+    placeholder: string;
+    name?: string;
+    value: string;
+    decimalNumber?: boolean;
+    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+    min?: number;
+    max?: number;
+}
+/** on change or on input required */
+type InputProps = {
+    /** on change is required and on input optional */
+    onChange: (e: string) => void;
+    onInputChange?: (e: FormEvent<HTMLInputElement>) => void;
+} | {
+    /** on input is required and on change optional */
+    onChange?: (e: string) => void;
+    onInputChange: (e: FormEvent<HTMLInputElement>) => void;
+};
+export type CurrencyInputProps = Props & InputProps;
+export declare const CurrencyInput: React.ForwardRefExoticComponent<CurrencyInputProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/CurrencyInput/index.d.ts

@@ -0,0 +1 @@
+export { CurrencyInput } from './CurrencyInput';

package/dist/Datepicker/Datepicker.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { MarginProps } from '../utils/space';
+export type DatepickerProps = {
+    showDayLabels?: boolean;
+    disableWeekend?: boolean;
+    fromDate?: Date;
+    endingDate?: Date;
+    showYear?: boolean;
+    showSelectedDate?: boolean;
+    range?: number;
+    onDateSelect: (date: string) => void;
+    onChange?: (value: Date) => void;
+    value?: Date;
+    /** Disables all dates, defaults to false */
+    disabled?: boolean;
+    fallbackStyle?: boolean;
+} & MarginProps;
+export declare const Datepicker: FC<DatepickerProps>;

package/dist/Datepicker/DatesList.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { Day } from './types';
+type Props = {
+    items: Day[];
+    showDayLabels: boolean;
+    handleDateSelect: (date: Date) => void;
+};
+export declare const DatesList: FC<Props>;
+export {};

package/dist/Datepicker/index.d.ts

@@ -0,0 +1 @@
+export { Datepicker } from './Datepicker';

package/dist/Datepicker/types.d.ts

@@ -0,0 +1,6 @@
+export interface Day {
+    label: string;
+    disabled: boolean;
+    active: boolean;
+    date: Date;
+}

package/dist/Divider/Divider.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { Color } from '../theme';
+import { MarginProps } from '../utils/space';
+export type DividerProps = {
+    maxWidth?: string;
+    height?: string;
+    color?: Color;
+} & MarginProps;
+export declare const Divider: FC<DividerProps>;

package/dist/Divider/index.d.ts

@@ -0,0 +1 @@
+export { Divider } from './Divider';

package/dist/Dropdown/Dropdown.d.ts

@@ -0,0 +1,32 @@
+import { default as React, FocusEvent, FormEvent } from 'react';
+import { Icons } from '../Icon/iconsList';
+import { CommonFieldProps } from '../fields/commonFieldTypes';
+export type DropdownItem = {
+    optionGroupLabel?: string;
+    label: string;
+    value: string;
+};
+export interface Props extends CommonFieldProps {
+    placeholder?: string;
+    showDefaultOption?: boolean;
+    customDefaultOption?: string;
+    name?: string;
+    value?: string | null;
+    defaultValue?: string;
+    disabled?: boolean;
+    list: DropdownItem[];
+    frontIcon?: Icons;
+    fallbackStyle?: boolean;
+    onSelect: (element: string) => void;
+    onBlur?: (e: FocusEvent<HTMLSelectElement>) => void;
+}
+type TruncateProps = {
+    onSelect: (e: string) => void;
+    onInputChange?: (e: FormEvent<HTMLSelectElement>) => void;
+} | {
+    onSelect?: (e: string) => void;
+    onInputChange: (e: FormEvent<HTMLSelectElement>) => void;
+};
+export type DropdownProps = Props & TruncateProps;
+export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLSelectElement>>;
+export {};

package/dist/Dropdown/index.d.ts

@@ -0,0 +1 @@
+export { Dropdown } from './Dropdown';

package/dist/Emoji/Emoji.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { MarginProps } from '../utils/space';
+export type EmojiProps = {
+    /** className attribute to apply classes from props */
+    className?: string;
+    /** Emoji symbol */
+    symbol: string;
+    /** set size of the Emoji  */
+    size?: number;
+    /** aria-label to identify Emoji */
+    label: string;
+} & MarginProps;
+export declare const Emoji: FC<EmojiProps>;

package/dist/Emoji/index.d.ts

@@ -0,0 +1 @@
+export { Emoji } from './Emoji';

package/dist/Icon/Icon.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { MarginProps } from '../utils/space';
+import { Color } from '../theme';
+import { Icons } from './iconsList';
+export type IconProps = {
+    /** className attribute to apply classes from props */
+    className?: string;
+    /** specify what Icon to render  */
+    render: Icons;
+    /** set size of the Icon  */
+    size?: number;
+    /** set color of the Icon */
+    color?: Color;
+    /** rotation degrees */
+    rotate?: number;
+} & MarginProps;
+export declare const Icon: FC<IconProps>;

package/dist/Icon/iconFiles/Aa.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Aa: () => React.JSX.Element;
+export default Aa;

package/dist/Icon/iconFiles/AaInverted.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const AaInverted: () => React.JSX.Element;
+export default AaInverted;

package/dist/Icon/iconFiles/AccidentalDamage.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const AccidentalDamage: () => React.JSX.Element;
+export default AccidentalDamage;

package/dist/Icon/iconFiles/AccountBreakdown.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const AccountBreakdown: () => React.JSX.Element;
+export default AccountBreakdown;

package/dist/Icon/iconFiles/AccountMlp.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const AccountMlp: () => React.JSX.Element;
+export default AccountMlp;

package/dist/Icon/iconFiles/ActivityClipboard.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ActivityClipboard: () => React.JSX.Element;
+export default ActivityClipboard;

package/dist/Icon/iconFiles/AddOns.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const AddOns: () => React.JSX.Element;
+export default AddOns;

package/dist/Icon/iconFiles/AddressMta.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const AddressMta: () => React.JSX.Element;
+export default AddressMta;

package/dist/Icon/iconFiles/Ai.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Ai: () => React.JSX.Element;
+export default Ai;

package/dist/Icon/iconFiles/AlbumAudio.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const AlbumAudio: () => React.JSX.Element;
+export default AlbumAudio;

package/dist/Icon/iconFiles/Alert.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Alert: () => React.JSX.Element;
+export default Alert;

package/dist/Icon/iconFiles/AlertEngine.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const AlertEngine: () => React.JSX.Element;
+export default AlertEngine;

package/dist/Icon/iconFiles/Amex.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Amex: () => React.JSX.Element;
+export default Amex;

package/dist/Icon/iconFiles/ApplePay.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ApplePay: () => React.JSX.Element;
+export default ApplePay;

package/dist/Icon/iconFiles/ApprovedFile.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ApprovedFile: () => React.JSX.Element;
+export default ApprovedFile;

package/dist/Icon/iconFiles/Archive.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Archive: () => React.JSX.Element;
+export default Archive;

package/dist/Icon/iconFiles/Arrow.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Arrow: () => React.JSX.Element;
+export default Arrow;

package/dist/Icon/iconFiles/At.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const At: () => React.JSX.Element;
+export default At;

package/dist/Icon/iconFiles/Axa.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Axa: () => React.JSX.Element;
+export default Axa;

package/dist/Icon/iconFiles/Bank.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Bank: () => React.JSX.Element;
+export default Bank;

package/dist/Icon/iconFiles/Basket.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Basket: () => React.JSX.Element;
+export default Basket;

package/dist/Icon/iconFiles/Bicycle.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Bicycle: () => React.JSX.Element;
+export default Bicycle;

package/dist/Icon/iconFiles/Boost.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Boost: () => React.JSX.Element;
+export default Boost;

package/dist/Icon/iconFiles/Breakdown.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Breakdown: () => React.JSX.Element;
+export default Breakdown;

package/dist/Icon/iconFiles/BreakdownAlt.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const BreakdownAlt: () => React.JSX.Element;
+export default BreakdownAlt;

package/dist/Icon/iconFiles/Briefcase.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Briefcase: () => React.JSX.Element;
+export default Briefcase;

package/dist/Icon/iconFiles/Bullets.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Bullets: () => React.JSX.Element;
+export default Bullets;