@bikdotai/bik-component-library 0.0.736-beta.1 → 0.0.736-beta.10

package/dist/cjs/src/components/input/Input.styled.d.ts

@@ -0,0 +1,67 @@
+import { InputStateI, InputTypeI, InputVariant } from '@src/components/input/Input';
+export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width?: string;
+    height?: string;
+    isActive?: boolean;
+    isInvalid?: boolean;
+    state?: InputStateI;
+    variant?: InputVariant;
+    version?: "1.0" | "2.0";
+    hightlightInputColor?: string;
+    hideBorder?: boolean;
+}>> & string;
+export declare const IconHolder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isLeft?: boolean;
+    iconSize?: string;
+    variant?: InputVariant;
+}>> & string;
+export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number;
+    color?: string;
+}, {
+    height?: string;
+    type?: InputTypeI;
+    autoGrow?: boolean;
+    minHeight?: string;
+    maxHeight?: string;
+}>> & string;
+export declare const InputContainerSmall: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number;
+    color?: string;
+}, {
+    height?: string;
+    type?: InputTypeI;
+}>> & string;
+export declare const InputHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    invalid?: boolean;
+}>> & string;
+export declare const MaxCharStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number;
+    color?: string;
+}, {
+    position?: string;
+}>> & string;
+export declare const InputFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number;
+    color?: string;
+}, {
+    invalid?: boolean;
+}>> & string;
+export declare const RootContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width?: string;
+    height?: string;
+    state?: InputStateI;
+    type: InputTypeI;
+}>> & string;
+export declare const PrefixHolder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number;
+    color?: string;
+}, {
+    variant?: InputVariant;
+}>> & string;
+export declare const SuffixHolder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number;
+    color?: string;
+}, {
+    variant?: InputVariant;
+}>> & string;

package/dist/cjs/src/components/keywords-input/KeywordsInput.styled.d.ts

@@ -0,0 +1 @@
+export declare const ChipStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/src/components/list-item/ListItem.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export type Variant = 'default' | 'selected' | 'inactive' | 'error' | 'readonly' | 'placeholder' | 'separator';
+export interface ListItemElement {
+    label: string;
+    value: string;
+}
+export interface ListItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: Variant;
+    subText?: string;
+    listItem: ListItemElement;
+    onSelect?: (ListItemElement: any) => void;
+    leadingIcon?: React.JSX.Element;
+    trailingIcon?: React.JSX.Element;
+    borderBottom?: string;
+    customComponent?: React.JSX.Element;
+    customListItemLabel?: React.JSX.Element;
+    version?: '1.0' | '2.0';
+}
+export declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/list-item/ListItem.styled.d.ts

@@ -0,0 +1,6 @@
+import type { Variant } from './ListItem';
+export declare const ListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    variant: Variant;
+    borderBottom?: string;
+    version?: "1.0" | "2.0";
+}>> & string;

package/dist/cjs/src/components/list-item/themes.d.ts

@@ -0,0 +1,3 @@
+import type { Variant } from './ListItem';
+export declare function getColor(variant: Variant): string;
+export declare function getTheme(variant: Variant, version?: '1.0' | '2.0'): import("styled-components").RuleSet<object>;

package/dist/cjs/src/components/modals/modal.styled.d.ts

@@ -0,0 +1,10 @@
+export declare const RootContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    zIndex?: number;
+}>> & string;
+export declare const CentralContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width?: string;
+}>> & string;
+export declare const CloseButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CloseButtonWithTimer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    timerExists?: boolean;
+}>> & string;

package/dist/cjs/src/components/multi-level-dropdown/type.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { FloaterProps } from '../floater/floater';
+export interface MultiLevelDropdownProps extends FloaterProps {
+    options: MultiLevelDropdownOption[];
+    width?: string;
+    isSearchable?: boolean;
+    isDropdownOpen?: boolean;
+    onDropdownOutsideClick?: (isOutsideClick: any) => void;
+    onDropdownItemClick?: (option: MultiLevelDropdownOption, parents: MultiLevelDropdownOption[]) => void;
+}
+export type GroupedOption = {
+    label: string;
+    options: SingleOption[];
+    trailingIcon?: React.JSX.Element;
+    leadingIcon?: React.JSX.Element;
+};
+export type SingleOption = {
+    label: string;
+    value: string;
+    subText?: string;
+    trailingIcon?: React.JSX.Element;
+    leadingIcon?: React.JSX.Element;
+    customComponent?: React.JSX.Element;
+    disabled?: boolean;
+    selected?: boolean;
+    children?: SingleOption[];
+};
+export type MultiLevelDropdownOption = SingleOption | GroupedOption;

package/dist/cjs/src/components/pagination/Pagination.styled.d.ts

@@ -0,0 +1 @@
+export declare const Pagination: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/src/components/plans/DurationSelectorStyles.d.ts

@@ -0,0 +1 @@
+export declare const DurationSelectorStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/src/components/plans/SubscriptionPlanSelector.d.ts

@@ -0,0 +1,38 @@
+import { FunctionComponent } from 'react';
+import { SubscriptionPlanProps } from '@src/components/plans/SubscriptionPlan';
+import { TabViewHeaderProps } from '../tabs/Tabs.model';
+type Props = {
+    plans: SubscriptionPlanProps[];
+    onPlanSelect: (code: string) => void;
+    onClose: () => void;
+    subHeader?: string;
+    warningDescription?: string;
+    showTrialOptions?: boolean;
+    header?: string;
+    showMonthlyOptions?: boolean;
+    showMonthlyTabs?: boolean;
+    staticWidthMultiplier?: number;
+    tabProperties?: TabViewHeaderProps;
+    showCouponApplicationCode?: boolean;
+    discountInputProperties?: {
+        errorMessage?: string;
+        successText?: string;
+        defaultValue?: string;
+        showRemoveCoupon?: boolean;
+        onChangeText: (text: string) => void;
+        removeCoupon?: () => void;
+        onCouponApply?: () => void;
+        isLoading?: boolean;
+    };
+    showBookAdemo?: boolean;
+    demoLink?: string;
+    onClickingBookADemo?: () => void;
+};
+export declare const HeaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BottomWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const defaultTabs: {
+    key: string;
+    title: string;
+}[];
+export declare const SubscriptionPlanSelector: FunctionComponent<Props>;
+export {};

package/dist/cjs/src/components/plans/SubscriptionPlanStyled.d.ts

@@ -0,0 +1,8 @@
+export declare const SubscriptionPlanStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isSelected: boolean;
+    isManifestPlan?: boolean;
+}>> & string;
+export declare const NewSubscriptionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    showMostPopularChip: boolean;
+    height?: string;
+}>> & string;

package/dist/cjs/src/components/product-picker/ProductPicker.styled.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledZeroState: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledProductPickerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/src/components/progress-bar/ProgressBarComponent.d.ts

@@ -0,0 +1,11 @@
+import 'bootstrap/dist/css/bootstrap.min.css';
+export interface ProgressBarProps {
+    completed: number;
+    isAnimated: boolean;
+    color?: string;
+    height?: number;
+}
+export declare const ProgressBarComponent: (props: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressCompletedBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    color: string;
+}>> & string;

package/dist/cjs/src/components/radioList/RadioList.styled.d.ts

@@ -0,0 +1 @@
+export declare const RadioListStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/src/components/sample-button/SampleButton.styled.d.ts

@@ -0,0 +1,5 @@
+import type { Color, Variant } from './SampleButton';
+export declare const SampleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $color: Color;
+    variant: Variant;
+}>> & string;

package/dist/cjs/src/components/sample-button/themes.d.ts

@@ -0,0 +1,2 @@
+import type { Color, Variant } from './SampleButton';
+export declare function getTheme(color: Color, variant: Variant): import("styled-components").RuleSet<object>;

package/dist/cjs/src/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts

@@ -0,0 +1,11 @@
+export declare const ShimmerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isBrand?: boolean;
+    direction?: "row" | "column";
+    gap?: string;
+}>> & string;
+export declare const ShimmerComponentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isBrand?: boolean;
+    height: number;
+    width: number;
+    marginTop?: number;
+}>> & string;

package/dist/cjs/src/components/shimmer-image/ShimmerImage.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("@src/components/shimmer-image/ShimmerImage").ShimmerImageProps>;
+};
+export default _default;
+export declare const Image: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@src/components/shimmer-image/ShimmerImage").ShimmerImageProps>;
+export declare const ImageWithError: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@src/components/shimmer-image/ShimmerImage").ShimmerImageProps>;

package/dist/cjs/src/components/states/StateComponent.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Type } from '@src/components/button/model';
+export declare enum StateInterface {
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    LOADING = "loading",
+    RETRY = "retry",
+    INFO = "info"
+}
+export declare enum ButtonActions {
+    CANCEL = "cancel",
+    OTHER = "other"
+}
+export declare enum ButtonTypes {
+    SINGLE = "SINGLE",
+    DOUBLE = "DOUBLE"
+}
+export type StateComponentProps = {
+    headerImage?: string;
+    states: StateInterface;
+    heading: string;
+    subline: string;
+    errorText?: string;
+    icon?: React.JSX.Element;
+    isButtonEnabled: boolean;
+    type?: ButtonTypes;
+    buttonText?: string;
+    buttonType?: Type;
+    buttonIcon?: React.ReactElement;
+    onButtonClick?: (buttonClicked: ButtonActions) => void;
+    leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    width: number;
+    size?: 'DEFAULT' | 'SMALL';
+    iconHeight?: number;
+    iconWidth?: number;
+    closeButtonType?: Type;
+    secondaryButtonText?: string;
+    'data-test'?: string;
+};
+export declare const StateComponent: React.FC<React.PropsWithChildren<StateComponentProps>>;

package/dist/cjs/src/components/states-modal/StateModalComponent.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Type } from '../button/model';
+import { ButtonActions, ButtonTypes, StateInterface } from '../states/StateComponent';
+export type StateModalComponentProps = {
+    states: StateInterface;
+    heading: string;
+    subline: string;
+    icon?: React.JSX.Element;
+    isButtonEnabled: boolean;
+    type?: ButtonTypes;
+    buttonText?: string;
+    buttonIcon?: React.ReactElement;
+    onButtonClick?: (buttonClicked: ButtonActions) => void;
+    leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    width?: number;
+    onClose?: () => void;
+    zIndex?: number;
+    headerImage?: string;
+    iconWidth?: number;
+    iconHeight?: number;
+    closeButtonType?: Type;
+    'data-test'?: string;
+    secondaryButtonText?: string;
+};
+export declare const StateModalComponent: React.FC<React.PropsWithChildren<StateModalComponentProps>>;

package/dist/cjs/src/components/switch/Switch.d.ts

@@ -0,0 +1,21 @@
+import { SwitchColorProps, SwitchProps } from './Switch.d';
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SwitchContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    trackLength: number;
+    trackHeight: number;
+    trackColor: SwitchColorProps;
+    value: boolean;
+    borderColor: SwitchColorProps;
+    duration: number;
+    disabled?: boolean;
+    outlineColor: SwitchColorProps;
+}>> & string;
+export declare const Thumb: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    value: boolean;
+    duration: number;
+    thumbColor: SwitchColorProps;
+}>> & string;
+export declare const Loader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    value: boolean;
+    trackColor: SwitchColorProps;
+}>> & string;

package/dist/cjs/src/components/tabs/Tabs.model.d.ts

@@ -0,0 +1,63 @@
+import React from 'react';
+import { TagType } from '../tag/model';
+export interface TabItemProps {
+    hasEqualSpacing?: boolean;
+    selected: boolean;
+    selectedTextColor: string;
+    isSquared?: boolean;
+}
+export interface TabItemTextProps {
+    selected: boolean;
+    textColor: string;
+    selectedTextColor: string;
+    style?: React.CSSProperties;
+}
+export interface TabInterface {
+    key: string;
+    title: string;
+    icon?: React.JSXElementConstructor<{
+        selected: string;
+    }>;
+    trailingNumber?: number;
+    numberTagType?: TagType;
+    leadingNumber?: number;
+    iconPosition?: 'left' | 'right';
+}
+export interface TabViewHeaderProps {
+    hasEqualSpacing?: boolean;
+    tabs: TabInterface[];
+    onTabSelected: (tabKey: string) => void;
+    initialTab?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    selectedTextColor?: string;
+    TabItemStyledProps?: React.CSSProperties;
+    IconComponent?: React.JSXElementConstructor<{
+        selected: string;
+    }>;
+    selectedTab?: string;
+    extendedBorder?: boolean;
+    rightComponent?: React.JSX.Element;
+    size?: 'small' | 'default';
+    isSquared?: boolean;
+    containerStyles?: React.CSSProperties;
+    'data-test'?: string;
+}
+export interface TabItemComponentProps {
+    hasEqualSpacing?: boolean;
+    tab: TabInterface;
+    currentTab: string;
+    setCurrentTab: (tabKey: string) => void;
+    textColor: string;
+    selectedTextColor: string;
+    TabItemStyledProps?: React.CSSProperties;
+    size?: 'small' | 'default';
+    IconComponent?: React.JSXElementConstructor<{
+        selected: string;
+    }>;
+    isSquared?: boolean;
+    isFirstlement?: boolean;
+    isLastElement?: boolean;
+    'data-test'?: string;
+    iconPosition?: 'left' | 'right';
+}

package/dist/cjs/src/components/tabs/Tabs.styles.d.ts

@@ -0,0 +1,14 @@
+import { TabItemProps, TabItemTextProps } from './Tabs.model';
+export declare const TabHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    bgColor?: string;
+}>> & string;
+export declare const TabItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TabItemProps>> & string;
+export declare const TrailingNumberContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    selected: boolean;
+}>> & string;
+export declare const TabItemText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number;
+    color?: string;
+}, TabItemTextProps>> & string;
+export declare const EmptyTab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const RightComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/src/components/tag/Tag.stories.d.ts

@@ -0,0 +1,35 @@
+declare const _default: {
+    title: string;
+    component: {
+        ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    argTypes: {
+        tagText: {
+            control: string;
+        };
+        theme: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+        type: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+        variant: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./model").TagProps>;
+export declare const WithIcons: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./model").TagProps>;
+export declare const WithIconTooltips: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./model").TagProps>;
+export declare const DarkTheme: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./model").TagProps>;

package/dist/cjs/src/components/tag/Tag.styled.d.ts

@@ -0,0 +1,11 @@
+import { TagTheme, TagType, TagVariant } from './model';
+export declare const Tag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme: TagTheme;
+    type: TagType;
+    variant: TagVariant;
+    version?: "1.0" | "2.0";
+    cursor?: string;
+    alignIcon?: string;
+    noBorder?: boolean;
+    contentPadding?: number;
+}>> & string;

package/dist/cjs/src/components/tag/model.d.ts

@@ -0,0 +1,103 @@
+import React from 'react';
+import { MouseEventHandler } from 'react';
+import { TooltipProps } from '../tooltips/Tooltip';
+export type TagTheme = 'light' | 'dark';
+export type TagVariant = 'regular' | 'circle' | 'compressed';
+export type TagType = 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
+export declare const ValidTagTypeMap: {
+    regular: {
+        negative: boolean;
+        warning: boolean;
+        positive: boolean;
+        neutral: boolean;
+        white: boolean;
+        purple: boolean;
+        blue: boolean;
+        ai: boolean;
+    };
+    circle: {
+        negative: boolean;
+        warning: boolean;
+        positive: boolean;
+        neutral: boolean;
+        blue: boolean;
+        grey: boolean;
+        ai: boolean;
+    };
+    compressed: {
+        negative: boolean;
+        warning: boolean;
+        positive: boolean;
+        neutral: boolean;
+        white: boolean;
+        purple: boolean;
+        blue: boolean;
+        ai: boolean;
+    };
+};
+export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
+    /**
+     * Set the theme of the Tag
+     * @default default light
+     */
+    theme?: TagTheme;
+    /**
+     * Set the color of the Tag
+     * @default default neutral
+     */
+    type?: TagType;
+    /**
+     * Set the color of the Tag
+     * @default default regular
+     */
+    variant?: TagVariant;
+    /**
+     * The icon component that is the right of the text
+     * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
+     * @default undefined
+     */
+    TrailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    /**
+     * The right icon id,
+     * @default trailing-icon
+     */
+    trailingIconId?: string;
+    /**
+     * The right icon on click event, defaults to () => {}
+     */
+    onTrailingIconClicked?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Tooltip props for the trailing icon
+     * @default undefined
+     */
+    trailingIconTooltip?: Omit<TooltipProps, 'children'>;
+    /**
+     * The icon component that is to the left of the text
+     * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
+     * @default undefined
+     */
+    LeadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    /**
+     * The right icon on click event, defaults to () => {}
+     */
+    onLeadingIconClicked?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * The left icon id,
+     * @default leading-icon
+     */
+    leadingIconId?: string;
+    /**
+     * Tooltip props for the leading icon
+     * @default undefined
+     */
+    leadingIconTooltip?: Omit<TooltipProps, 'children'>;
+    tagText: string | number;
+    version?: '1.0' | '2.0';
+    cursor?: string;
+    alignIcon?: string;
+    noBorder?: boolean;
+    tagHtmlText?: React.JSX.Element;
+    contentPadding?: number;
+    tagColor?: string;
+    numberOfLines?: number;
+}

package/dist/cjs/src/components/testimonial-card/TestimonialCard.style.d.ts

@@ -0,0 +1,15 @@
+export declare const TestimonialCardStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width?: string;
+    height?: string;
+    version?: string;
+}>> & string;
+export declare const TestimonialProfileCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TestimonialProfileInfo2: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Logo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export declare const TestimonialProfileInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TestimonialProfileFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width?: string;
+}>> & string;
+export declare const FooterText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const FooterStat: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const FooterArrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/cjs/src/components/toaster/Toaster.styled.d.ts

@@ -0,0 +1,8 @@
+import { TypeOptions } from 'react-toastify';
+export declare const ToasterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width?: string;
+    height?: string;
+    zIndex?: number;
+    isSubTextIncluded?: boolean;
+    type?: TypeOptions;
+}>> & string;

package/dist/cjs/src/components/tooltips/Tooltip.d.ts

@@ -0,0 +1,13 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { TooltipInternalProps } from '@src/components/tooltips/TooltipInternal';
+export type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+export interface TooltipProps extends TooltipInternalProps {
+    width?: number;
+    placement?: Placement;
+    children: ReactNode;
+    tooltipContent?: React.JSX.Element;
+    alwaysVisible?: boolean;
+    hideArrow?: boolean;
+    onClickOutside?: () => void;
+}
+export declare const Tooltip: FunctionComponent<TooltipProps>;