zebpay-ui 0.0.112 → 0.0.114

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

@@ -1,6 +1,6 @@
-export declare const accordionWrapper: (isOpen: boolean) => 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;
-export declare const iconStyle: (isOpen: boolean) => import("@emotion/utils").SerializedStyles;
+export declare const accordionWrapper: (isOpen: boolean) => import("@emotion/react").SerializedStyles;
+export declare const accordionTitle: import("@emotion/react").SerializedStyles;
+export declare const accordionIcon: import("@emotion/react").SerializedStyles;
+export declare const accordionCollapsed: import("@emotion/react").SerializedStyles;
+export declare const accordionContent: import("@emotion/react").SerializedStyles;
+export declare const iconStyle: (isOpen: boolean) => import("@emotion/react").SerializedStyles;

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

@@ -1,7 +1,7 @@
 import { Theme } from "../../globalTypings";
-export declare const accordionWrapper: (isOpen: boolean, mode: Theme, disableBorder: boolean) => 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: (isOpen: boolean, mode: Theme) => import("@emotion/utils").SerializedStyles;
-export declare const iconStyle: (isOpen: boolean) => import("@emotion/utils").SerializedStyles;
+export declare const accordionWrapper: (isOpen: boolean, mode: Theme, disableBorder: boolean) => import("@emotion/react").SerializedStyles;
+export declare const accordionTitle: import("@emotion/react").SerializedStyles;
+export declare const accordionIcon: import("@emotion/react").SerializedStyles;
+export declare const accordionCollapsed: import("@emotion/react").SerializedStyles;
+export declare const accordionContent: (isOpen: boolean, mode: Theme) => import("@emotion/react").SerializedStyles;
+export declare const iconStyle: (isOpen: boolean) => import("@emotion/react").SerializedStyles;

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

@@ -1,4 +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;
+export declare const avatar: (customSize: SizingProps, disabled: boolean) => import("@emotion/react").SerializedStyles;
+export declare const customAvatar: (customSize: SizingProps, disabled: boolean) => import("@emotion/react").SerializedStyles;
+export declare const loading: (spacing: string) => import("@emotion/react").SerializedStyles;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { Interpolation, Theme } from "@emotion/react";
 import { AvatarSpacing } from "../AvatarGroup/typings";
-export declare type AvatareSize = "small" | "medium" | "large";
+export type AvatareSize = "small" | "medium" | "large";
 export interface AvatarProps {
     src: string;
     alt: string;

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

@@ -1,2 +1,2 @@
 import { AnimationType } from "./typings";
-export declare const avatarGroup: (width: number, animate: boolean, animationType: AnimationType) => import("@emotion/utils").SerializedStyles;
+export declare const avatarGroup: (width: number, animate: boolean, animationType: AnimationType) => import("@emotion/react").SerializedStyles;

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

@@ -1,6 +1,6 @@
 import { Interpolation, Theme } from "@emotion/react";
 import { AvatareSize } from "../Avatar/typings";
-export declare type AvatarSpacing = "small" | "medium" | "large";
+export type AvatarSpacing = "small" | "medium" | "large";
 export interface AvatarGroupContentProps {
     src: string;
     alt: string;

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

@@ -1,12 +1,12 @@
 import { Theme } from "../../globalTypings";
-export declare const general: (width?: number | undefined) => import("@emotion/utils").SerializedStyles;
-export declare const linkButton: import("@emotion/utils").SerializedStyles;
-export declare const primaryButton: import("@emotion/utils").SerializedStyles;
-export declare const secondaryButton: (mode: Theme) => 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;
+export declare const general: (width?: number) => import("@emotion/react").SerializedStyles;
+export declare const linkButton: import("@emotion/react").SerializedStyles;
+export declare const primaryButton: import("@emotion/react").SerializedStyles;
+export declare const secondaryButton: (mode: Theme) => import("@emotion/react").SerializedStyles;
+export declare const specialButton: import("@emotion/react").SerializedStyles;
+export declare const specialButtonText: import("@emotion/react").SerializedStyles;
+export declare const specialButtonSmText: import("@emotion/react").SerializedStyles;
+export declare const tertiaryButton: import("@emotion/react").SerializedStyles;
+export declare const tertiaryButtonText: import("@emotion/react").SerializedStyles;
+export declare const tabButton: import("@emotion/react").SerializedStyles;
+export declare const disabledButton: import("@emotion/react").SerializedStyles;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { Interpolation, Theme } from "@emotion/react";
 import { Theme as ModeTheme } from "../../globalTypings";
-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 type ButtonSize = "small" | "medium" | "large" | "full-width";
+export type ButtonTypeAttribute = "button" | "reset" | "submit";
+export type ButtonType = "link" | "primary" | "secondary" | "special" | "tertiary" | "tab";
 export interface ButtonProps {
     type: ButtonType;
     size?: ButtonSize;

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

@@ -1,4 +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;
+export declare const alignNav: import("@emotion/react").SerializedStyles;
+export declare const monthArrow: import("@emotion/react").SerializedStyles;
+export declare const navigationLabel: import("@emotion/react").SerializedStyles;
+export declare const dateRangePicker: import("@emotion/react").SerializedStyles;

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

@@ -13,6 +13,6 @@ export interface DateRangePickerProps {
         start?: number;
         end?: number;
     };
-    selectedDate?: Date | Date[];
+    selectedDate?: Date | [Date | null, Date | null] | null;
     onClose?: () => void;
 }

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

@@ -1,3 +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;
+export declare const cardStyle: import("@emotion/react").SerializedStyles;
+export declare const cardHeader: import("@emotion/react").SerializedStyles;
+export declare const cardBody: import("@emotion/react").SerializedStyles;

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

@@ -1,8 +1,8 @@
-export declare const checkboxContainer: import("@emotion/utils").SerializedStyles;
-export declare const labelContainer: (isLight: boolean, alignTop?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-export declare const disabledLabel: import("@emotion/utils").SerializedStyles;
-export declare const input: import("@emotion/utils").SerializedStyles;
-export declare const checkCheckmark: (isLight: boolean, 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: (isLight: boolean, indeterminate?: boolean | undefined, alignTop?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+export declare const checkboxContainer: import("@emotion/react").SerializedStyles;
+export declare const labelContainer: (isLight: boolean, alignTop?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const disabledLabel: import("@emotion/react").SerializedStyles;
+export declare const input: import("@emotion/react").SerializedStyles;
+export declare const checkCheckmark: (isLight: boolean, indeterminate?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const checkLabel: import("@emotion/react").SerializedStyles;
+export declare const checkComponent: import("@emotion/react").SerializedStyles;
+export declare const checkmark: (isLight: boolean, indeterminate?: boolean, alignTop?: boolean) => import("@emotion/react").SerializedStyles;

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

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

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

@@ -1,3 +1,8 @@
-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;
+export declare const rotateAnimation: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const circle: import("@emotion/react").SerializedStyles;
+export declare const rotation: (interval: number) => import("@emotion/react").SerializedStyles;

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

@@ -1,2 +1,2 @@
 import { DividerProps } from ".";
-export declare const divider: (props: DividerProps) => import("@emotion/utils").SerializedStyles;
+export declare const divider: (props: DividerProps) => import("@emotion/react").SerializedStyles;

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

@@ -1,3 +1,3 @@
 import { IconBoxProps } from ".";
-export declare const container: (data: IconBoxProps) => import("@emotion/utils").SerializedStyles;
-export declare const withHoverStyle: import("@emotion/utils").SerializedStyles;
+export declare const container: (data: IconBoxProps) => import("@emotion/react").SerializedStyles;
+export declare const withHoverStyle: import("@emotion/react").SerializedStyles;

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

@@ -1,13 +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: (theme: "dark" | "light") => import("@emotion/utils").SerializedStyles;
-export declare const formControl: (theme: "dark" | "light", disabled?: boolean | undefined) => 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;
+export declare const invalidInputGroup: import("@emotion/react").SerializedStyles;
+export declare const formLabel: (theme: "dark" | "light") => import("@emotion/react").SerializedStyles;
+export declare const activeFormLabel: (theme: "dark" | "light") => import("@emotion/react").SerializedStyles;
+export declare const inputGroup: import("@emotion/react").SerializedStyles;
+export declare const focusedInputGroup: (theme: "dark" | "light") => import("@emotion/react").SerializedStyles;
+export declare const formControl: (theme: "dark" | "light", disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const fieldFullRounded: import("@emotion/react").SerializedStyles;
+export declare const fieldNoRounded: import("@emotion/react").SerializedStyles;
+export declare const fieldSecondHalfRounded: import("@emotion/react").SerializedStyles;
+export declare const fieldFirstHalfRounded: import("@emotion/react").SerializedStyles;
+export declare const inputGroupText: (theme: "dark" | "light") => import("@emotion/react").SerializedStyles;
+export declare const inputGroupPrepend: (theme: "dark" | "light") => import("@emotion/react").SerializedStyles;
+export declare const infoCta: import("@emotion/react").SerializedStyles;

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

@@ -1,5 +1,5 @@
 import { SerializedStyles } from "@emotion/react";
-import { ReactText, KeyboardEvent, WheelEvent } from "react";
+import React, { KeyboardEvent, WheelEvent } from "react";
 export interface InputTargetProps {
     value: string;
     name: string;
@@ -7,11 +7,11 @@ export interface InputTargetProps {
 export interface InputProps {
     label: string;
     placeholder: string;
-    value: ReactText;
+    value: string | number;
     onChange: (target: InputTargetProps) => void;
     name?: string;
-    appendItem?: string | JSX.Element;
-    prependItem?: string | JSX.Element;
+    appendItem?: string | React.JSX.Element;
+    prependItem?: string | React.JSX.Element;
     infoText?: string;
     errorText?: string;
     type?: "text" | "number" | "password";

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

@@ -1,4 +1,3 @@
-/// <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

@@ -1,16 +1,16 @@
-export declare const wrapper: import("@emotion/utils").SerializedStyles;
-export declare const selectOverlay: import("@emotion/utils").SerializedStyles;
-export declare const icon: (isLightMode: boolean, disabled?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-export declare const input: import("@emotion/utils").SerializedStyles;
-export declare const selectedElement: (open: boolean, isLightMode: boolean, disabled?: 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 optionsWrapper: import("@emotion/utils").SerializedStyles;
-export declare const displayComponent: (highlight: boolean, isLightMode: boolean, disabled: boolean) => import("@emotion/utils").SerializedStyles;
-export declare const main: (isOpen: boolean, isLightMode: boolean, disabled?: boolean | undefined, isError?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-export declare const dropDown: (isLight: boolean) => import("@emotion/utils").SerializedStyles;
-export declare const optionsList: (isSearchable?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-export declare const inputSearch: import("@emotion/utils").SerializedStyles;
-export declare const dropdown: (posX: number, posY: number) => import("@emotion/utils").SerializedStyles;
-export declare const contentHeading: import("@emotion/utils").SerializedStyles;
-export declare const pillOptions: import("@emotion/utils").SerializedStyles;
+export declare const wrapper: import("@emotion/react").SerializedStyles;
+export declare const selectOverlay: import("@emotion/react").SerializedStyles;
+export declare const icon: (isLightMode: boolean, disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const input: import("@emotion/react").SerializedStyles;
+export declare const selectedElement: (open: boolean, isLightMode: boolean, disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const options: import("@emotion/react").SerializedStyles;
+export declare const optionItem: import("@emotion/react").SerializedStyles;
+export declare const optionsWrapper: import("@emotion/react").SerializedStyles;
+export declare const displayComponent: (highlight: boolean, isLightMode: boolean, disabled: boolean) => import("@emotion/react").SerializedStyles;
+export declare const main: (isOpen: boolean, isLightMode: boolean, disabled?: boolean, isError?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const dropDown: (isLight: boolean) => import("@emotion/react").SerializedStyles;
+export declare const optionsList: (isSearchable?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const inputSearch: import("@emotion/react").SerializedStyles;
+export declare const dropdown: (posX: number, posY: number) => import("@emotion/react").SerializedStyles;
+export declare const contentHeading: import("@emotion/react").SerializedStyles;
+export declare const pillOptions: import("@emotion/react").SerializedStyles;

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

@@ -2,8 +2,8 @@ import { SerializedStyles } from "@emotion/react";
 import React from "react";
 import { Theme } from "../../globalTypings";
 export interface OptionsProps<T> {
-    label: JSX.Element | string;
-    displayLabel?: JSX.Element | string;
+    label: React.JSX.Element | string;
+    displayLabel?: React.JSX.Element | string;
     value: T;
 }
 export interface InputDropDownProps<T> {

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

@@ -7,6 +7,8 @@ interface MobileBottomDrawerProps {
     style?: SerializedStyles[];
     overlayStyle?: SerializedStyles;
     hideHandle?: boolean;
+    /** Drag threshold in pixels to trigger close (default: 100) */
+    closeThreshold?: number;
 }
 declare const MobileBottomDrawer: React.FC<MobileBottomDrawerProps>;
 export default MobileBottomDrawer;

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

@@ -1,3 +1,3 @@
-export declare const bottomDrawer: import("@emotion/utils").SerializedStyles;
-export declare const backdrop: import("@emotion/utils").SerializedStyles;
-export declare const dragHandle: import("@emotion/utils").SerializedStyles;
+export declare const bottomDrawer: import("@emotion/react").SerializedStyles;
+export declare const backdrop: import("@emotion/react").SerializedStyles;
+export declare const dragHandle: import("@emotion/react").SerializedStyles;

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

@@ -1,6 +1,6 @@
-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;
-export declare const lineBreak: import("@emotion/utils").SerializedStyles;
-export declare const heading: import("@emotion/utils").SerializedStyles;
+export declare const alignNav: import("@emotion/react").SerializedStyles;
+export declare const monthArrow: import("@emotion/react").SerializedStyles;
+export declare const navigationLabel: import("@emotion/react").SerializedStyles;
+export declare const dateRangePicker: import("@emotion/react").SerializedStyles;
+export declare const lineBreak: import("@emotion/react").SerializedStyles;
+export declare const heading: import("@emotion/react").SerializedStyles;

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

@@ -1,5 +1,5 @@
-export declare const smallCardWithBg: import("@emotion/utils").SerializedStyles;
-export declare const arrow: import("@emotion/utils").SerializedStyles;
-export declare const pageLink: import("@emotion/utils").SerializedStyles;
-export declare const active: import("@emotion/utils").SerializedStyles;
-export declare const pageItem: import("@emotion/utils").SerializedStyles;
+export declare const smallCardWithBg: import("@emotion/react").SerializedStyles;
+export declare const arrow: import("@emotion/react").SerializedStyles;
+export declare const pageLink: import("@emotion/react").SerializedStyles;
+export declare const active: import("@emotion/react").SerializedStyles;
+export declare const pageItem: import("@emotion/react").SerializedStyles;

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

@@ -1,8 +1,8 @@
-export declare const pins: import("@emotion/utils").SerializedStyles;
-export declare const label: import("@emotion/utils").SerializedStyles;
-export declare const inputFocused: (focused: boolean, inValid: boolean) => 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;
-export declare const maskStyle: import("@emotion/utils").SerializedStyles;
+export declare const pins: import("@emotion/react").SerializedStyles;
+export declare const label: import("@emotion/react").SerializedStyles;
+export declare const inputFocused: (focused: boolean, inValid: boolean) => import("@emotion/react").SerializedStyles;
+export declare const invalidPins: import("@emotion/react").SerializedStyles;
+export declare const inputContainer: import("@emotion/react").SerializedStyles;
+export declare const input: import("@emotion/react").SerializedStyles;
+export declare const disabledInput: import("@emotion/react").SerializedStyles;
+export declare const maskStyle: import("@emotion/react").SerializedStyles;

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

@@ -1,6 +1,6 @@
 import { SerializedStyles } from "@emotion/react";
 import React from "react";
-export declare type PinInputProps = {
+export type PinInputProps = {
     label?: string;
     values: string[];
     mask?: boolean;
@@ -17,7 +17,7 @@ export declare type PinInputProps = {
     inputContainerStyle?: SerializedStyles;
     inputFieldStyle?: SerializedStyles;
 } & Pick<React.InputHTMLAttributes<HTMLInputElement>, "disabled" | "id" | "inputMode" | "onBlur" | "onFocus" | "onKeyDown" | "placeholder">;
-export declare type PinInputFieldProps = {
+export type PinInputFieldProps = {
     index: number;
     value: string;
 } & PinInputProps;

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

@@ -1,4 +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;
+export declare const container: import("@emotion/react").SerializedStyles;
+export declare const popup: import("@emotion/react").SerializedStyles;
+export declare const closeButton: import("@emotion/react").SerializedStyles;
+export declare const selectOverlay: import("@emotion/react").SerializedStyles;

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

@@ -1,6 +1,6 @@
 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 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;

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

@@ -1,5 +1,5 @@
 import { Theme } from "../../globalTypings";
-export declare const container: (isListView: boolean) => import("@emotion/utils").SerializedStyles;
-export declare const input: import("@emotion/utils").SerializedStyles;
-export declare const checkmark: (theme: Theme, selected: boolean, isListView: boolean) => import("@emotion/utils").SerializedStyles;
-export declare const listViewStyle: import("@emotion/utils").SerializedStyles;
+export declare const container: (isListView: boolean) => import("@emotion/react").SerializedStyles;
+export declare const input: import("@emotion/react").SerializedStyles;
+export declare const checkmark: (theme: Theme, selected: boolean, isListView: boolean) => import("@emotion/react").SerializedStyles;
+export declare const listViewStyle: import("@emotion/react").SerializedStyles;

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

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

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

@@ -1,7 +1,7 @@
 import { Theme } from "../../globalTypings";
-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: (mode: Theme) => import("@emotion/utils").SerializedStyles;
-export declare const marginRight: import("@emotion/utils").SerializedStyles;
-export declare const defaultState: import("@emotion/utils").SerializedStyles;
+export declare const container: import("@emotion/react").SerializedStyles;
+export declare const input: import("@emotion/react").SerializedStyles;
+export declare const checkmark: import("@emotion/react").SerializedStyles;
+export declare const radioGroup: (mode: Theme) => import("@emotion/react").SerializedStyles;
+export declare const marginRight: import("@emotion/react").SerializedStyles;
+export declare const defaultState: import("@emotion/react").SerializedStyles;

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

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

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

@@ -1,3 +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;
+export declare const meter: import("@emotion/react").SerializedStyles;
+export declare const wrapper: (radius: number) => import("@emotion/react").SerializedStyles;
+export declare const needle: (angle: number, size: number, radius: number) => import("@emotion/react").SerializedStyles;

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

@@ -5,7 +5,7 @@ import { InputTargetProps } from "./../Input/typings";
 import "./../../../dist/icons/icons.css";
 import { Theme } from "../../globalTypings";
 interface SearchInputProps {
-    value: React.ReactText;
+    value: string | number;
     placeholder?: string;
     onChange: (target: InputTargetProps) => void;
     onClear?: () => void;

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

@@ -1,8 +1,8 @@
 import { Theme } from "../../globalTypings";
-export declare const inputGroup: (theme: Theme, inFocus?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-export declare const inputPrepend: (theme: Theme, isFocused: boolean, customDarkBgcolor?: string) => import("@emotion/utils").SerializedStyles;
-export declare const focused: (theme: Theme) => import("@emotion/utils").SerializedStyles;
-export declare const searchInput: (isMobile: boolean, theme: Theme, isFocused: boolean, onClear?: boolean | undefined, customDarkBgcolor?: string) => import("@emotion/utils").SerializedStyles;
-export declare const searchButton: (theme: Theme) => import("@emotion/utils").SerializedStyles;
-export declare const disableShadow: import("@emotion/utils").SerializedStyles;
-export declare const icon: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+export declare const inputGroup: (theme: Theme, inFocus?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const inputPrepend: (theme: Theme, isFocused: boolean, customDarkBgcolor?: string) => import("@emotion/react").SerializedStyles;
+export declare const focused: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const searchInput: (isMobile: boolean, theme: Theme, isFocused: boolean, onClear?: boolean, customDarkBgcolor?: string) => import("@emotion/react").SerializedStyles;
+export declare const searchButton: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const disableShadow: import("@emotion/react").SerializedStyles;
+export declare const icon: (theme: Theme) => import("@emotion/react").SerializedStyles;

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

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

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

@@ -1,8 +1,8 @@
 import { SerializedStyles } from "@emotion/react";
 import React from "react";
 export interface OptionsProps<T> {
-    label: JSX.Element | string;
-    displayLabel?: JSX.Element | string;
+    label: React.JSX.Element | string;
+    displayLabel?: React.JSX.Element | string;
     value: T;
 }
 export interface SelectProps<T> {

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

@@ -1,7 +1,17 @@
 import { Theme } from "../../globalTypings";
 import { SizeType } from "./typings";
-export declare const shimmerAnimation: (width: number, widthSizeType: SizeType) => import("@emotion/react").Keyframes;
-export declare const shimmerContainer: (theme: Theme, width: number, widthSizeType: SizeType) => import("@emotion/utils").SerializedStyles;
-export declare const lightDarkShimmer: import("@emotion/utils").SerializedStyles;
-export declare const translate: (width: number, widthSizeType: SizeType) => import("@emotion/react").Keyframes;
-export declare const shimmerLine: (width: number, widthSizeType: SizeType) => import("@emotion/utils").SerializedStyles;
+export declare const shimmerAnimation: (width: number, widthSizeType: SizeType) => {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const shimmerContainer: (theme: Theme, width: number, widthSizeType: SizeType) => import("@emotion/react").SerializedStyles;
+export declare const lightDarkShimmer: import("@emotion/react").SerializedStyles;
+export declare const translate: (width: number, widthSizeType: SizeType) => {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const shimmerLine: (width: number, widthSizeType: SizeType) => import("@emotion/react").SerializedStyles;

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

@@ -9,4 +9,4 @@ export interface ShimmerProps {
     heightSizeType?: SizeType;
     typeLightdDark?: boolean;
 }
-export declare type SizeType = "px" | "%";
+export type SizeType = "px" | "%";

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

@@ -1,5 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import { FC } from "react";
+import { SidePanelPlacement } from "./style";
 import "./../../../dist/icons/icons.css";
 import { SerializedStyles } from "@emotion/react";
 interface SidePanelProps {
@@ -16,6 +17,8 @@ interface SidePanelProps {
     children?: React.ReactNode;
     closeStyle?: SerializedStyles;
     onOverlayClick?: () => void;
+    placement?: SidePanelPlacement;
+    width?: number;
 }
 declare const SidePanel: FC<SidePanelProps>;
 export default SidePanel;