zebpay-ui 0.0.45 → 0.0.46

package/dist/cjs/components/Accordion/index.d.ts

@@ -0,0 +1,12 @@
+/** @jsxImportSource @emotion/react */
+import { SerializedStyles } from "@emotion/react";
+import React, { FC } from "react";
+import "./../../../dist/icons/icons.css";
+interface AccordionProps {
+    title: React.ReactNode;
+    isOpen: boolean;
+    onToggle: (value: boolean) => void;
+    style?: SerializedStyles;
+}
+declare const Accordion: FC<AccordionProps>;
+export default Accordion;

package/dist/cjs/components/Accordion/style.d.ts

@@ -0,0 +1,5 @@
+export declare const accordionWrapper: import("@emotion/utils").SerializedStyles;
+export declare const accordionTitle: import("@emotion/utils").SerializedStyles;
+export declare const accordionIcon: import("@emotion/utils").SerializedStyles;
+export declare const accordionCollapsed: import("@emotion/utils").SerializedStyles;
+export declare const accordionContent: import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,5 @@
+/** @jsxImportSource @emotion/react */
+import * as React from "react";
+import { AvatarProps } from "./typings";
+declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

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

@@ -0,0 +1,4 @@
+import { SizingProps } from "./typings";
+export declare const avatar: (customSize: SizingProps, disabled: boolean) => import("@emotion/utils").SerializedStyles;
+export declare const customAvatar: (customSize: SizingProps, disabled: boolean) => import("@emotion/utils").SerializedStyles;
+export declare const loading: (spacing: string) => import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,19 @@
+import { Interpolation, Theme } from "@emotion/react";
+import { AvatarSpacing } from "../AvatarGroup/typings";
+export declare type AvatareSize = "small" | "medium" | "large";
+export interface AvatarProps {
+    src: string;
+    alt: string;
+    id: number;
+    size?: AvatareSize;
+    onClick?: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+    style?: Interpolation<Theme>;
+    spacing: AvatarSpacing;
+}
+export interface SizingProps {
+    width: number;
+    height: number;
+    marginLeft: string;
+}

package/dist/cjs/components/AvatarGroup/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsxImportSource @emotion/react */
+import * as React from "react";
+import { AvatarGroupProps } from "./typings";
+declare const AvatarGroup: React.FC<AvatarGroupProps>;
+export default AvatarGroup;

package/dist/cjs/components/AvatarGroup/styles.d.ts

@@ -0,0 +1 @@
+export declare const avatarGroup: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/AvatarGroup/typings.d.ts

@@ -0,0 +1,19 @@
+import { Interpolation, Theme } from "@emotion/react";
+import { AvatareSize } from "../Avatar/typings";
+export declare type AvatarSpacing = "small" | "medium" | "large";
+export interface AvatarGroupContentProps {
+    src: string;
+    alt: string;
+    id: number;
+}
+export interface AvatarGroupProps {
+    onClick?: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+    style?: Interpolation<Theme>;
+    displayMax?: number;
+    total?: number;
+    spacing?: AvatarSpacing;
+    size?: AvatareSize;
+    content: Array<AvatarGroupContentProps>;
+}

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

@@ -0,0 +1,5 @@
+/** @jsxImportSource @emotion/react */
+import * as React from "react";
+import { ButtonProps } from "./typings";
+declare const Button: React.FC<ButtonProps>;
+export default Button;

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

@@ -0,0 +1,11 @@
+export declare const general: import("@emotion/utils").SerializedStyles;
+export declare const linkButton: import("@emotion/utils").SerializedStyles;
+export declare const primaryButton: import("@emotion/utils").SerializedStyles;
+export declare const secondaryButton: import("@emotion/utils").SerializedStyles;
+export declare const specialButton: import("@emotion/utils").SerializedStyles;
+export declare const specialButtonText: import("@emotion/utils").SerializedStyles;
+export declare const specialButtonSmText: import("@emotion/utils").SerializedStyles;
+export declare const tertiaryButton: import("@emotion/utils").SerializedStyles;
+export declare const tertiaryButtonText: import("@emotion/utils").SerializedStyles;
+export declare const tabButton: import("@emotion/utils").SerializedStyles;
+export declare const disabledButton: import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,13 @@
+import { Interpolation, Theme } from "@emotion/react";
+export declare type ButtonSize = "small" | "medium" | "large" | "full-width";
+export declare type ButtonTypeAttribute = "button" | "reset" | "submit";
+export declare type ButtonType = "link" | "primary" | "secondary" | "special" | "tertiary" | "tab";
+export interface ButtonProps {
+    type: ButtonType;
+    size?: ButtonSize;
+    onClick: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+    style?: Interpolation<Theme>;
+    typeAttribute?: ButtonTypeAttribute;
+}

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

@@ -0,0 +1,9 @@
+/** @jsxImportSource @emotion/react */
+import "react-calendar/dist/Calendar.css";
+import React from "react";
+import "./../../../dist/icons/icons.css";
+import { DateRangePickerProps } from "./typings";
+export declare const unixFormat: (date: Date) => number;
+export declare const dateFormat: (date: number) => Date;
+declare const CalendarPicker: React.FC<DateRangePickerProps>;
+export default CalendarPicker;

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

@@ -0,0 +1,4 @@
+export declare const alignNav: import("@emotion/utils").SerializedStyles;
+export declare const monthArrow: import("@emotion/utils").SerializedStyles;
+export declare const navigationLabel: import("@emotion/utils").SerializedStyles;
+export declare const dateRangePicker: import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,17 @@
+import { SerializedStyles } from "@emotion/react";
+export interface DateRange {
+    startDate: number;
+    endDate: number;
+}
+export interface DateRangePickerProps {
+    style?: SerializedStyles;
+    activeStartDate?: number;
+    onChange: (dateRange: DateRange | number) => void;
+    multiple?: boolean;
+    range?: boolean;
+    customDateRange?: {
+        start?: number;
+        end?: number;
+    };
+    selectedDate?: Date | Date[];
+}

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

@@ -0,0 +1,7 @@
+import React from "react";
+export interface CardProps {
+    title: string;
+    headerNav?: React.ReactNode;
+}
+declare const Card: React.FC<CardProps>;
+export default Card;

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

@@ -0,0 +1,3 @@
+export declare const cardStyle: import("@emotion/utils").SerializedStyles;
+export declare const cardHeader: import("@emotion/utils").SerializedStyles;
+export declare const cardBody: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Checkbox/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsxImportSource @emotion/react */
+import { FC } from "react";
+import { CheckboxProps } from "./typings";
+declare const Checkbox: FC<CheckboxProps>;
+export default Checkbox;

package/dist/cjs/components/Checkbox/styles.d.ts

@@ -0,0 +1,8 @@
+export declare const checkboxContainer: import("@emotion/utils").SerializedStyles;
+export declare const labelContainer: import("@emotion/utils").SerializedStyles;
+export declare const disabledLabel: import("@emotion/utils").SerializedStyles;
+export declare const input: import("@emotion/utils").SerializedStyles;
+export declare const checkCheckmark: (indeterminate?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+export declare const checkLabel: import("@emotion/utils").SerializedStyles;
+export declare const checkComponent: import("@emotion/utils").SerializedStyles;
+export declare const checkmark: (indeterminate?: boolean | undefined) => import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Checkbox/typings.d.ts

@@ -0,0 +1,14 @@
+import { SerializedStyles } from "@emotion/react";
+import { ReactText } from "react";
+export interface CheckboxProps {
+    value: ReactText;
+    checked: boolean;
+    onChange: (args: {
+        checked: boolean;
+        value: ReactText;
+    }) => void;
+    label?: string | JSX.Element;
+    disabled?: boolean;
+    style?: SerializedStyles;
+    indeterminate?: boolean;
+}

package/dist/cjs/components/CircularLoader/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { CircularLoaderProps } from "./typings";
+declare const CircularLoader: FC<CircularLoaderProps>;
+export default CircularLoader;

package/dist/cjs/components/CircularLoader/style.d.ts

@@ -0,0 +1,3 @@
+export declare const rotateAnimation: import("@emotion/react").Keyframes;
+export declare const circle: import("@emotion/utils").SerializedStyles;
+export declare const rotation: (interval: number) => import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/CircularLoader/typings.d.ts

@@ -0,0 +1,8 @@
+export interface CircularLoaderProps {
+    size: number;
+    color?: string;
+    fillColor?: string;
+    borderWidth?: number;
+    strokePercentage?: number;
+    rotationInterval?: number;
+}

package/dist/cjs/components/Icon.d.ts

@@ -0,0 +1,9 @@
+/** @jsxImportSource @emotion/react */
+import * as React from "react";
+import { SerializedStyles } from "@emotion/react";
+interface IconProps {
+    name: string;
+    style?: SerializedStyles;
+}
+declare const Icon: React.FC<IconProps>;
+export default Icon;

package/dist/cjs/components/IconButton/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsxImportSource @emotion/react */
+import * as React from "react";
+import { IconButtonProps } from "./typings";
+declare const IconButton: React.FC<IconButtonProps>;
+export default IconButton;

package/dist/cjs/components/IconButton/typings.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from "../Button/typings";
+import { SerializedStyles } from "@emotion/react";
+export interface IconButtonProps extends ButtonProps {
+    icon: string;
+    iconStyles?: SerializedStyles;
+}

package/dist/cjs/components/Input/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { InputProps } from "./typings";
+declare const Input: React.FC<InputProps>;
+export default Input;

package/dist/cjs/components/Input/styles.d.ts

@@ -0,0 +1,13 @@
+export declare const invalidInputGroup: import("@emotion/utils").SerializedStyles;
+export declare const formLabel: (theme: "dark" | "light") => import("@emotion/utils").SerializedStyles;
+export declare const activeFormLabel: (theme: "dark" | "light") => import("@emotion/utils").SerializedStyles;
+export declare const inputGroup: import("@emotion/utils").SerializedStyles;
+export declare const focusedInputGroup: import("@emotion/utils").SerializedStyles;
+export declare const formControl: (theme: "dark" | "light") => import("@emotion/utils").SerializedStyles;
+export declare const fieldFullRounded: import("@emotion/utils").SerializedStyles;
+export declare const fieldNoRounded: import("@emotion/utils").SerializedStyles;
+export declare const fieldSecondHalfRounded: import("@emotion/utils").SerializedStyles;
+export declare const fieldFirstHalfRounded: import("@emotion/utils").SerializedStyles;
+export declare const inputGroupText: (theme: "dark" | "light") => import("@emotion/utils").SerializedStyles;
+export declare const inputGroupPrepend: (theme: "dark" | "light") => import("@emotion/utils").SerializedStyles;
+export declare const infoCta: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Input/typings.d.ts

@@ -0,0 +1,27 @@
+import { SerializedStyles } from "@emotion/react";
+import { ReactText } from "react";
+export interface InputTargetProps {
+    value: string;
+    name: string;
+}
+export interface InputProps {
+    label: string;
+    placeholder: string;
+    value: ReactText;
+    onChange: (target: InputTargetProps) => void;
+    name?: string;
+    appendItem?: string | JSX.Element;
+    prependItem?: string | JSX.Element;
+    infoText?: string;
+    errorText?: string;
+    type?: "text" | "number" | "password";
+    style?: SerializedStyles;
+    cta?: {
+        label: string;
+        onClick: () => void;
+    };
+    onFocus?: () => void;
+    onBlur?: () => void;
+    autoComplete?: "on" | "off";
+    theme?: "dark" | "light";
+}

package/dist/cjs/components/InputDropDown/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { InputDropDownProps } from "./typings";
+declare const InputDropDown: React.FC<InputDropDownProps<string>>;
+export default InputDropDown;

package/dist/cjs/components/InputDropDown/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const wrapper: import("@emotion/utils").SerializedStyles;
+export declare const selectOverlay: import("@emotion/utils").SerializedStyles;
+export declare const icon: import("@emotion/utils").SerializedStyles;
+export declare const input: import("@emotion/utils").SerializedStyles;
+export declare const selectedElement: import("@emotion/utils").SerializedStyles;
+export declare const options: import("@emotion/utils").SerializedStyles;
+export declare const optionItem: import("@emotion/utils").SerializedStyles;
+export declare const optionsWrapper: import("@emotion/utils").SerializedStyles;
+export declare const displayComponent: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/InputDropDown/typings.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { SerializedStyles } from "@emotion/react";
+export interface OptionsProps<T> {
+    label: JSX.Element | string;
+    displayLabel?: JSX.Element | string;
+    value: T;
+}
+export interface InputDropDownProps<T> {
+    style?: SerializedStyles;
+    search: {
+        placeholder: string;
+        value: string;
+        onChange(value: string): void;
+        onClear?: () => void;
+    };
+    options: OptionsProps<T>[];
+    selected: T;
+    onChange(value: string): void;
+    emptyElement?: React.ReactNode;
+    rowHeight: number;
+    maxRows: number;
+}

package/dist/cjs/components/PinInput/PinInputField.d.ts

@@ -0,0 +1,5 @@
+/** @jsxImportSource @emotion/react */
+import React from "react";
+import { PinInputFieldProps } from "./typing";
+declare const PinInputField: React.FC<PinInputFieldProps>;
+export default PinInputField;

package/dist/cjs/components/PinInput/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsxImportSource @emotion/react */
+import { FC } from "react";
+import { PinInputProps } from "./typing";
+declare const PinInput: FC<PinInputProps>;
+export default PinInput;

package/dist/cjs/components/PinInput/style.d.ts

@@ -0,0 +1,7 @@
+export declare const pins: import("@emotion/utils").SerializedStyles;
+export declare const label: import("@emotion/utils").SerializedStyles;
+export declare const inputFocused: import("@emotion/utils").SerializedStyles;
+export declare const invalidPins: import("@emotion/utils").SerializedStyles;
+export declare const inputContainer: import("@emotion/utils").SerializedStyles;
+export declare const input: import("@emotion/utils").SerializedStyles;
+export declare const disabledInput: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/PinInput/typing.d.ts

@@ -0,0 +1,21 @@
+import { SerializedStyles } from "@emotion/react";
+import React from "react";
+export declare type PinInputProps = {
+    label?: string;
+    values: string[];
+    mask?: boolean;
+    autoFocus?: boolean;
+    onChange?: (value: string | string[], index: number, values: string[]) => void;
+    length: number;
+    initialValue?: string | string[];
+    onComplete?: (values: string[]) => void;
+    invalid?: boolean;
+    style?: SerializedStyles;
+    labelStyle?: SerializedStyles;
+    inputContainerStyle?: SerializedStyles;
+    inputFieldStyle?: SerializedStyles;
+} & Pick<React.InputHTMLAttributes<HTMLInputElement>, "disabled" | "id" | "inputMode" | "onBlur" | "onFocus" | "onKeyDown" | "placeholder">;
+export declare type PinInputFieldProps = {
+    index: number;
+    value: string;
+} & PinInputProps;

package/dist/cjs/components/Popper/index.d.ts

@@ -0,0 +1,6 @@
+/** @jsxImportSource @emotion/react */
+import * as React from "react";
+import { PopperProps } from "./typings";
+import "./../../../dist/icons/icons.css";
+declare const Popper: React.FC<PopperProps>;
+export default Popper;

package/dist/cjs/components/Popper/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const container: import("@emotion/utils").SerializedStyles;
+export declare const popup: import("@emotion/utils").SerializedStyles;
+export declare const closeButton: import("@emotion/utils").SerializedStyles;
+export declare const selectOverlay: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Popper/typings.d.ts

@@ -0,0 +1,11 @@
+import { SerializedStyles } from "@emotion/react";
+import { ReactElement } from "react";
+export declare type Position = "top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "bottom-start" | "bottom" | "bottom-end" | "left-start" | "left" | "left-end";
+export interface PopperProps {
+    content: ReactElement;
+    onClose?: () => void;
+    containerStyle?: SerializedStyles;
+    contentContainerStyles?: SerializedStyles;
+    style?: SerializedStyles;
+    position?: Position;
+}

package/dist/cjs/components/Radio/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsxImportSource @emotion/react */
+import React from "react";
+import { RadioProps } from "./typings";
+declare const Radio: React.FC<RadioProps>;
+export default Radio;

package/dist/cjs/components/Radio/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const container: import("@emotion/utils").SerializedStyles;
+export declare const input: import("@emotion/utils").SerializedStyles;
+export declare const checkmark: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Radio/typings.d.ts

@@ -0,0 +1,13 @@
+import { SerializedStyles } from "@emotion/react";
+import { ReactText } from "react";
+export interface RadioProps {
+    selected: boolean;
+    onChange: (args: {
+        selected: boolean;
+        value: ReactText;
+    }) => void;
+    value?: ReactText;
+    label?: string | JSX.Element;
+    name: string;
+    style?: SerializedStyles;
+}

package/dist/cjs/components/RadioGroup/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsxImportSource @emotion/react */
+import React from "react";
+import { RadioGroupProps } from "./typings";
+declare const RadioGroup: React.FC<RadioGroupProps>;
+export default RadioGroup;

package/dist/cjs/components/RadioGroup/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const container: import("@emotion/utils").SerializedStyles;
+export declare const input: import("@emotion/utils").SerializedStyles;
+export declare const checkmark: import("@emotion/utils").SerializedStyles;
+export declare const radioGroup: import("@emotion/utils").SerializedStyles;
+export declare const marginRight: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/RadioGroup/typings.d.ts

@@ -0,0 +1,18 @@
+import { SerializedStyles } from "@emotion/react";
+import { ReactText } from "react";
+export interface OptionProps {
+    name: string;
+    value?: ReactText;
+    label?: string | JSX.Element;
+    id: string;
+}
+export interface RadioGroupProps {
+    defaultSelected?: string;
+    onChange: (args: {
+        selected: boolean;
+        value: ReactText;
+        selectedId: string;
+    }) => void;
+    style?: SerializedStyles;
+    options: Array<OptionProps>;
+}

package/dist/cjs/components/RewardOMeter/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsxImportSource @emotion/react */
+import React from "react";
+import { RewardOMeterProps } from "./typings";
+declare const RewardOMeter: React.FC<RewardOMeterProps>;
+export default RewardOMeter;

package/dist/cjs/components/RewardOMeter/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const meter: import("@emotion/utils").SerializedStyles;
+export declare const wrapper: (radius: number) => import("@emotion/utils").SerializedStyles;
+export declare const needle: (angle: number, size: number, radius: number) => import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/RewardOMeter/typings.d.ts

@@ -0,0 +1,22 @@
+import { SerializedStyles } from "@emotion/react";
+export interface Segment {
+    color: string;
+    percentage: number;
+}
+export interface RewardOMeterProps {
+    primaryList: {
+        data: Segment[];
+        width: number;
+        radius: number;
+    };
+    needleProperties: {
+        angle: number;
+        size: number;
+    };
+    secondaryList?: {
+        data: Segment[];
+        width: number;
+        radius: number;
+    };
+    style?: SerializedStyles;
+}

package/dist/cjs/components/SearchInput/index.d.ts

@@ -0,0 +1,15 @@
+/** @jsxImportSource @emotion/react */
+import React from "react";
+import { SerializedStyles } from "@emotion/react";
+import { InputTargetProps } from "./../Input/typings";
+import "./../../../dist/icons/icons.css";
+interface SearchInputProps {
+    value: React.ReactText;
+    placeholder?: string;
+    onChange: (target: InputTargetProps) => void;
+    onClear?: () => void;
+    autoFocus?: boolean;
+    style?: SerializedStyles;
+}
+declare const SearchInput: React.FC<SearchInputProps>;
+export default SearchInput;

package/dist/cjs/components/SearchInput/style.d.ts

@@ -0,0 +1,5 @@
+export declare const inputGroup: (inFocus?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+export declare const inputPrepend: import("@emotion/utils").SerializedStyles;
+export declare const focused: import("@emotion/utils").SerializedStyles;
+export declare const searchInput: import("@emotion/utils").SerializedStyles;
+export declare const searchButton: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Select/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import "./../../../dist/icons/icons.css";
+import { SelectProps } from "./typings";
+declare const Select: React.FC<SelectProps<string>>;
+export default Select;

package/dist/cjs/components/Select/styles.d.ts

@@ -0,0 +1,11 @@
+export declare const wrapper: import("@emotion/utils").SerializedStyles;
+export declare const button: import("@emotion/utils").SerializedStyles;
+export declare const active: import("@emotion/utils").SerializedStyles;
+export declare const selectOverlay: import("@emotion/utils").SerializedStyles;
+export declare const optionsWrapper: (shiftLeft?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+export declare const options: import("@emotion/utils").SerializedStyles;
+export declare const optionItem: import("@emotion/utils").SerializedStyles;
+export declare const optionItems: import("@emotion/utils").SerializedStyles;
+export declare const empty: import("@emotion/utils").SerializedStyles;
+export declare const optionSecondName: import("@emotion/utils").SerializedStyles;
+export declare const selected: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Select/typings.d.ts

@@ -0,0 +1,21 @@
+import { SerializedStyles } from "@emotion/react";
+import React from "react";
+export interface OptionsProps<T> {
+    label: JSX.Element | string;
+    displayLabel?: JSX.Element | string;
+    value: T;
+}
+export interface SelectProps<T> {
+    placeholder: string;
+    style?: SerializedStyles;
+    search?: {
+        placeholder: string;
+        value: string;
+        onChange(value: string): void;
+        onClear?: () => void;
+    };
+    options: OptionsProps<T>[];
+    selected: T;
+    onChange(value: string): void;
+    emptyElement?: React.ReactNode;
+}

package/dist/cjs/components/Shimmer/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ShimmerProps } from "./typings";
+declare const Shimmer: React.FC<ShimmerProps>;
+export default Shimmer;

package/dist/cjs/components/Shimmer/style.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from "../../globalTypings";
+export declare const shimmerAnimation: (width: number) => import("@emotion/react").Keyframes;
+export declare const shimmerContainer: (theme: Theme, width: number) => import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Shimmer/typings.d.ts

@@ -0,0 +1,10 @@
+import { SerializedStyles } from "@emotion/react";
+import { Theme } from "../../globalTypings";
+export interface ShimmerProps {
+    height: number;
+    width: number;
+    style?: SerializedStyles;
+    mode?: Theme;
+    sizeType?: SizeType;
+}
+export declare type SizeType = "px" | "%";

package/dist/cjs/components/SidePanel/index.d.ts

@@ -0,0 +1,14 @@
+/** @jsxImportSource @emotion/react */
+import { FC } from "react";
+import "./../../../dist/icons/icons.css";
+import { SerializedStyles } from "@emotion/react";
+interface SidePanelProps {
+    title?: string;
+    open: boolean;
+    isBack?: boolean;
+    onBack?: () => void;
+    onClose?: () => void;
+    style?: SerializedStyles;
+}
+declare const SidePanel: FC<SidePanelProps>;
+export default SidePanel;

package/dist/cjs/components/SidePanel/style.d.ts

@@ -0,0 +1,8 @@
+export declare const wrapper: import("@emotion/utils").SerializedStyles;
+export declare const overlay: import("@emotion/utils").SerializedStyles;
+export declare const sidePanel: import("@emotion/utils").SerializedStyles;
+export declare const sidePanelOpen: import("@emotion/utils").SerializedStyles;
+export declare const header: import("@emotion/utils").SerializedStyles;
+export declare const titleStyle: import("@emotion/utils").SerializedStyles;
+export declare const headerCTA: import("@emotion/utils").SerializedStyles;
+export declare const headerCloseCTA: import("@emotion/utils").SerializedStyles;