zebpay-ui 0.0.13 → 0.0.14

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

@@ -0,0 +1,11 @@
+/** @jsxImportSource @emotion/react */
+import { SerializedStyles } from "@emotion/react";
+import { FC } from "react";
+import "./../../../dist/icons/icons.css";
+interface AccordionProps {
+    title: string;
+    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/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,10 @@
+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,11 @@
+import { Interpolation, Theme } from "@emotion/react";
+export declare type ButtonSize = "small" | "medium" | "large" | "full-width";
+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>;
+}

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: import("@emotion/utils").SerializedStyles;
+export declare const checkLabel: import("@emotion/utils").SerializedStyles;
+export declare const checkComponent: import("@emotion/utils").SerializedStyles;
+export declare const checkmark: import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,13 @@
+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;
+}

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,2 @@
+export declare const rotateAnimation: import("@emotion/react").Keyframes;
+export declare const loader: import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,4 @@
+export interface CircularLoaderProps {
+    size: number;
+    color?: string;
+}

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

@@ -0,0 +1,14 @@
+/** @jsxImportSource @emotion/react */
+import React from "react";
+import "./styles.css";
+interface DateRangePickerProps {
+    months: number;
+    onChange(ranges: Selection): void;
+    ranges: Selection;
+}
+interface Selection {
+    startDate: Date;
+    endDate: Date;
+}
+declare const DateRangePicker: React.FC<DateRangePickerProps>;
+export default DateRangePicker;

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: import("@emotion/utils").SerializedStyles;
+export declare const activeFormLabel: import("@emotion/utils").SerializedStyles;
+export declare const inputGroup: import("@emotion/utils").SerializedStyles;
+export declare const focusedInputGroup: import("@emotion/utils").SerializedStyles;
+export declare const formControl: 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: import("@emotion/utils").SerializedStyles;
+export declare const inputGroupPrepend: import("@emotion/utils").SerializedStyles;
+export declare const infoCta: import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,23 @@
+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;
+    };
+}

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,8 @@
+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 disabledPins: 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,19 @@
+import { SerializedStyles } from "@emotion/react";
+import React, { ReactText } from "react";
+export declare type PinInputProps = {
+    label?: string;
+    values: string[];
+    type?: ReactText;
+    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;
+} & 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,5 @@
+/** @jsxImportSource @emotion/react */
+import * as React from "react";
+import { PopperProps } from "./typings";
+declare const Popper: React.FC<PopperProps>;
+export default Popper;

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

@@ -0,0 +1,6 @@
+export declare const container: import("@emotion/utils").SerializedStyles;
+export declare const popup: import("@emotion/utils").SerializedStyles;
+export declare const header: import("@emotion/utils").SerializedStyles;
+export declare const button: import("@emotion/utils").SerializedStyles;
+export declare const closer: import("@emotion/utils").SerializedStyles;
+export declare const label: (hovered?: boolean | undefined) => import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,14 @@
+import { SerializedStyles } from "@emotion/react";
+import { ReactElement } from "react";
+import { ButtonProps } from "../Button/typings";
+export interface PopperProps {
+    label: string;
+    onClose?: () => void;
+    buttonProps?: ButtonProps;
+    renderChildren: (props: ChildrenProps) => ReactElement;
+    style?: SerializedStyles;
+}
+export interface ChildrenProps {
+    close: () => void;
+    isOpened: boolean;
+}

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/Tabs/index.d.ts

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

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

@@ -0,0 +1,10 @@
+export declare const customNav: import("@emotion/utils").SerializedStyles;
+export declare const disabledNav: import("@emotion/utils").SerializedStyles;
+export declare const tertiaryNav: import("@emotion/utils").SerializedStyles;
+export declare const primary: import("@emotion/utils").SerializedStyles;
+export declare const primaryActive: import("@emotion/utils").SerializedStyles;
+export declare const secondary: import("@emotion/utils").SerializedStyles;
+export declare const secondaryActive: import("@emotion/utils").SerializedStyles;
+export declare const tertiary: import("@emotion/utils").SerializedStyles;
+export declare const tertiaryActive: import("@emotion/utils").SerializedStyles;
+export declare const backgroundButton: (color: string) => import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,15 @@
+import { SerializedStyles } from "@emotion/react";
+export declare type TabType = "primary" | "secondary" | "tertiary";
+export interface TabItem {
+    title: JSX.Element | string;
+    tab: string;
+    style?: SerializedStyles;
+}
+export interface TabProps {
+    selectedTab: string;
+    tabsList: TabItem[];
+    onChange: (value: string) => void;
+    type: TabType;
+    style?: SerializedStyles;
+    disabled?: boolean;
+}

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

@@ -0,0 +1,8 @@
+import React from "react";
+declare type TagType = "success" | "info" | "error";
+export interface TagProps {
+    text: string;
+    type: TagType;
+}
+declare const Tags: React.FC<TagProps>;
+export default Tags;

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

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

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

@@ -0,0 +1,6 @@
+/** @jsxImportSource @emotion/react */
+import React from "react";
+import { ToastProps } from "./typings";
+export declare const generateToast: ({ title, description, type, onClose, }: ToastProps) => void;
+declare const Toast: React.FC<ToastProps>;
+export default Toast;

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

@@ -0,0 +1,12 @@
+export declare const toastContainer: import("@emotion/utils").SerializedStyles;
+export declare const toastHeading: import("@emotion/utils").SerializedStyles;
+export declare const toastDetails: import("@emotion/utils").SerializedStyles;
+export declare const toastTitle: import("@emotion/utils").SerializedStyles;
+export declare const closeCta: import("@emotion/utils").SerializedStyles;
+export declare const toastDescription: import("@emotion/utils").SerializedStyles;
+export declare const info: import("@emotion/utils").SerializedStyles;
+export declare const infoToastHeading: import("@emotion/utils").SerializedStyles;
+export declare const error: import("@emotion/utils").SerializedStyles;
+export declare const errorToastHeading: import("@emotion/utils").SerializedStyles;
+export declare const success: import("@emotion/utils").SerializedStyles;
+export declare const successToastHeading: import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,6 @@
+export interface ToastProps {
+    title: string;
+    description: string;
+    type: "info" | "error" | "success";
+    onClose?: () => void;
+}

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

@@ -0,0 +1,12 @@
+import Accordion from "./Accordion";
+import Button from "./Button";
+import Checkbox from "./Checkbox";
+import CircularLoader from "./CircularLoader";
+import Input from "./Input";
+import PinInput from "./PinInput";
+import Popper from "./Popper";
+import Radio from "./Radio";
+import Tags from "./Tags";
+import Tabs from "./Tabs";
+import Toast from "./Toast";
+export { Accordion, Button, Checkbox, CircularLoader, Input, PinInput, Popper, Radio, Tags, Tabs, Toast, };

package/dist/cjs/hooks/index.d.ts

@@ -0,0 +1 @@
+export { default as useFocus } from "./useFocus";

package/dist/cjs/hooks/useFocus.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare function useFocus<T extends HTMLElement>(): [
+    React.MutableRefObject<T | null>,
+    () => void
+];
+export default useFocus;

package/dist/cjs/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./components";
+export * from "./styles";

package/dist/cjs/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),o=require("@emotion/react"),t=require("react");function n(e){if(e&&e.__esModule)return e;var o=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),o.default=e,Object.freeze(o)}var r=n(t),i=function(){return i=Object.assign||function(e){for(var o,t=1,n=arguments.length;t<n;t++)for(var r in o=arguments[t])Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r]);return e},i.apply(this,arguments)};var c={Zeb_Solid_White:"#FFFFFF",Zeb_Solid_BG_Blue:"#222245",Zeb_Solid_Dark_Blue:"#181837",Zeb_Solid_Bright_Blue:"#338FFF",Zeb_Solid_Light_Blue:"#C0C0EE",Zeb_Solid_Green:"#1ECAA2",Zeb_Solid_Red:"#EA6161",Zeb_Solid_Yellow:"#F9C35C",Zeb_Solid_Grey:"#C2C2DD",Zeb_Solid_Dark_Grey:"#34345A",Zeb_Solid_Black:"000000",Zeb_Solid_Light_Blue_01:"#E9EFF6",Zeb_Solid_Grey_01:"#E1E3E6",Zeb_Gradient_Blue_01:"linear-gradient(90.15deg, #5D7BFE 0.73%, #0974FF 101.92%)",Zeb_Gradient_Blue_02:"linear-gradient(180deg, #0473FF 0.54%, rgba(4, 115, 255, 0) 100%)",Zeb_Gradient_Dark_Blue:"linear-gradient(254.37deg, #4A62CA -43.42%, #1B264B 148.58%)",Zeb_Transparent_25:"rgba(12, 12, 36, 0.25)",Zeb_Transparent_Green:"rgba(30, 202, 162, 0.2)",Zeb_Transparent_Yellow:"rgba(249, 195, 92, 0.2)",Zeb_Transparent_Red:"rgba(234, 97, 97, 0.2)",Zeb_BG_Blue:"rgba(51, 143, 255, 0.2)",Zeb_BG_Light_Blue:"rgba(192, 192, 238, 0.2)",Zeb_BG_Green:"rgba(30, 202, 162, 0.08)",Zeb_BG_Red:"rgba(234, 97, 97, 0.08)",Zeb_BG_Yellow:"rgba(249, 195, 92, 0.08)",Zeb_Transparent_4:"rgba(51, 143, 255, 0.04)",Zeb_Effects_Shadow_Hover:"0px 8px 8px -4px #0C0C1D",Zeb_Effects_Shadow_W_Drawer:"-12px 0px 40px rgba(12, 12, 29, 0.48)",Zeb_Effects_Shadow_M_Drawer:"0px -12px 40px rgba(12, 12, 29, 0.48)",Zeb_Effects_Shadow_Hover_Up:"0px -2px 32px 8px rgba(12, 12, 29, 0.4)",Zeb_Effects_Shimmer:"linear-gradient(97.38deg, #34345A -40.76%, #19193A 135.88%)"},l={remConverter:function(e){return"".concat(e/16,"rem")},widthPercentage:function(e){return o.css({width:"".concat(e,"%")})},heightPercentage:function(e){return o.css({height:"".concat(e,"%")})},mr:function(e){return o.css({marginRight:l.remConverter(e)})},ml:function(e){return o.css({marginLeft:l.remConverter(e)})},mt:function(e){return o.css({marginTop:l.remConverter(e)})},mb:function(e){return o.css({marginBottom:l.remConverter(e)})}},a={H1_56_bold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"bold",fontSize:l.remConverter(56),lineHeight:"86px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H2_44_bold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"bold",fontSize:l.remConverter(44),lineHeight:"60px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H3_32_bold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"bold",fontSize:l.remConverter(32),lineHeight:"48px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H4_28_bold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"bold",fontSize:l.remConverter(28),lineHeight:"40px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H5_20_bold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"bold",fontSize:l.remConverter(20),lineHeight:"normal",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H6_16_bold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"bold",fontSize:l.remConverter(16),lineHeight:"28px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H1_56_semibold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:600,fontSize:l.remConverter(56),lineHeight:"86px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H2_44_semibold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:600,fontSize:l.remConverter(44),lineHeight:"60px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H3_32_semibold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:600,fontSize:l.remConverter(32),lineHeight:"48px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H4_28_semibold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:600,fontSize:l.remConverter(28),lineHeight:"40px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H5_20_semibold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:600,fontSize:l.remConverter(20),lineHeight:"30px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H6_16_semibold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:600,fontSize:l.remConverter(16),lineHeight:"28px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H1_56_regular:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"normal",fontSize:l.remConverter(56),lineHeight:"86px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H2_44_regular:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"normal",fontSize:l.remConverter(44),lineHeight:"60px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H3_32_regular:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"normal",fontSize:l.remConverter(32),lineHeight:"48px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H4_28_regular:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"normal",fontSize:l.remConverter(28),lineHeight:"40px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H5_20_regular:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"normal",fontSize:l.remConverter(20),lineHeight:"30px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H6_16_regular:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"normal",fontSize:l.remConverter(16),lineHeight:"28px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},H8_12_regular:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"normal",fontSize:l.remConverter(12),lineHeight:"18px",letterSpacing:"0.8px",color:c.Zeb_Solid_White},B1_24_semibold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:600,fontSize:l.remConverter(24),lineHeight:"40px",letterSpacing:"0.4px",color:c.Zeb_Solid_White},B2_20_semibold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:600,fontSize:l.remConverter(20),lineHeight:"30px",letterSpacing:"0.4px",color:c.Zeb_Solid_White},B3_16_semibold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:600,fontSize:l.remConverter(16),lineHeight:"28px",letterSpacing:"0.4px",color:c.Zeb_Solid_White},B4_14_semibold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:600,fontSize:l.remConverter(14),lineHeight:"24px",letterSpacing:"0.4px",color:c.Zeb_Solid_White},B5_12_semibold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:600,fontSize:l.remConverter(12),lineHeight:"18px",letterSpacing:"0.4px",color:c.Zeb_Solid_White},B6_10_semibold:{fontFamily:"Lato",fontStyle:"normal",fontWeight:600,fontSize:l.remConverter(10),lineHeight:"12px",letterSpacing:"0.4px",color:c.Zeb_Solid_White},B1_24_regular:{fontFamily:"Lato",fontStyle:"normal",fontWeight:600,fontSize:l.remConverter(24),lineHeight:"40px",letterSpacing:"0.4px",color:c.Zeb_Solid_White},B2_20_regular:{fontFamily:"Lato",fontStyle:"normal",fontWeight:600,fontSize:l.remConverter(20),lineHeight:"30px",letterSpacing:"0.4px",color:c.Zeb_Solid_White},B3_16_regular:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"normal",fontSize:l.remConverter(16),lineHeight:"28px",letterSpacing:"0.4px",color:c.Zeb_Solid_White},B4_14_regular:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"normal",fontSize:l.remConverter(14),lineHeight:"24px",letterSpacing:"0.4px",color:c.Zeb_Solid_White},B5_12_regular:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"normal",fontSize:l.remConverter(12),lineHeight:"18px",letterSpacing:"0.4px",color:c.Zeb_Solid_White},B6_10_regular:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"normal",fontSize:l.remConverter(10),lineHeight:"12px",letterSpacing:"0.4px",color:c.Zeb_Solid_White},C1_20:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"bold",fontSize:l.remConverter(20),lineHeight:"30px",letterSpacing:"1.6px",color:c.Zeb_Solid_White,textTransform:"uppercase"},C2_16:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"bold",fontSize:l.remConverter(16),lineHeight:"28px",letterSpacing:"0.8px",color:c.Zeb_Solid_White,textTransform:"uppercase"},C3_14:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"bold",fontSize:l.remConverter(14),lineHeight:"24px",letterSpacing:"0.8px",color:c.Zeb_Solid_White,textTransform:"uppercase"},C4_12:{fontFamily:"Lato",fontStyle:"normal",fontWeight:"bold",fontSize:l.remConverter(12),lineHeight:"18px",letterSpacing:"0.4px",color:c.Zeb_Solid_White,textTransform:"uppercase"}},s={flexJustifiedBetween:o.css({justifyContent:"space-between"}),flexJustifiedCenter:o.css({justifyContent:"center"}),flexJustifiedEnd:o.css({justifyContent:"flex-end"}),flexAlignCenter:o.css({display:"flex",alignItems:"center"}),flexAlignStart:o.css({display:"flex",alignItems:"flex-start"}),flexNoWrap:o.css({flexWrap:"nowrap"}),flexColumn:o.css({display:"flex",flexDirection:"column"}),textSuccess:o.css({color:c.Zeb_Solid_Green}),textError:o.css({color:c.Zeb_Solid_Red}),bgSuccess:o.css({background:c.Zeb_Solid_Green}),bgError:o.css({background:c.Zeb_Solid_Red}),textFaded:o.css({color:c.Zeb_Solid_Light_Blue}),textCapitalize:o.css({textTransform:"capitalize"}),textAlignmentCenter:o.css({textAlign:"center"}),textAlignmentLeft:o.css({textAlign:"left"}),textAlignmentRight:o.css({textAlign:"right"}),cursorNA:o.css({cursor:"not-allowed"})},f=o.css({padding:l.remConverter(12),backgroundColor:c.Zeb_Solid_Dark_Blue,border:"1px solid ".concat(c.Zeb_Solid_Dark_Grey),borderRadius:4}),d=o.css(i(i({},a.B4_14_semibold),{justifyContent:"space-between",cursor:"pointer"}));o.css({transform:"rotate(0deg)",transition:"0.25s ease-in-out all"}),o.css({transform:"rotate(-180deg)",transition:"0.25s ease-in-out all"});var b=l.mt(12);!function(e,o){void 0===o&&(o={});var t=o.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}('@font-face{font-family:icons;src:url(icons.eot?be1dd6f2957f3e6142085516be87f8ce#iefix) format("embedded-opentype"),url(icons.woff2?be1dd6f2957f3e6142085516be87f8ce) format("woff2"),url(icons.woff?be1dd6f2957f3e6142085516be87f8ce) format("woff")}i[class*=" icon-"]:before,i[class^=icon-]:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icons!important;font-style:normal;font-variant:normal;font-weight:400!important;line-height:1;text-transform:none}.icon-1-graph:before{content:"\\f101"}.icon-4-graph:before{content:"\\f102"}.icon-account-no:before{content:"\\f103"}.icon-activity:before{content:"\\f104"}.icon-add-collateral:before{content:"\\f105"}.icon-add:before{content:"\\f106"}.icon-address:before{content:"\\f107"}.icon-api:before{content:"\\f108"}.icon-arrow-down:before{content:"\\f109"}.icon-arrow-left:before{content:"\\f10a"}.icon-arrow-right:before{content:"\\f10b"}.icon-arrow-up:before{content:"\\f10c"}.icon-asterik:before{content:"\\f10d"}.icon-balance-ltv:before{content:"\\f10e"}.icon-bank:before{content:"\\f10f"}.icon-blog:before{content:"\\f110"}.icon-bonus:before{content:"\\f111"}.icon-buy-crypto:before{content:"\\f112"}.icon-calendar:before{content:"\\f113"}.icon-camera:before{content:"\\f114"}.icon-cancelled:before{content:"\\f115"}.icon-candle-chart:before{content:"\\f116"}.icon-cheque:before{content:"\\f117"}.icon-circle-cross:before{content:"\\f118"}.icon-circulation-supply:before{content:"\\f119"}.icon-city:before{content:"\\f11a"}.icon-coin-stack:before{content:"\\f11b"}.icon-coins:before{content:"\\f11c"}.icon-compare:before{content:"\\f11d"}.icon-completed:before{content:"\\f11e"}.icon-contract:before{content:"\\f11f"}.icon-copy:before{content:"\\f120"}.icon-coupon:before{content:"\\f121"}.icon-cross:before{content:"\\f122"}.icon-deactivate:before{content:"\\f123"}.icon-deposit:before{content:"\\f124"}.icon-depth-chart:before{content:"\\f125"}.icon-district:before{content:"\\f126"}.icon-dob:before{content:"\\f127"}.icon-download:before{content:"\\f128"}.icon-downwards:before{content:"\\f129"}.icon-driving-licence:before{content:"\\f12a"}.icon-earned:before{content:"\\f12b"}.icon-edit:before{content:"\\f12c"}.icon-email:before{content:"\\f12d"}.icon-emi-amount:before{content:"\\f12e"}.icon-emi-duedate:before{content:"\\f12f"}.icon-error:before{content:"\\f130"}.icon-expand:before{content:"\\f131"}.icon-external-link:before{content:"\\f132"}.icon-facelock:before{content:"\\f133"}.icon-fees:before{content:"\\f134"}.icon-filter:before{content:"\\f135"}.icon-fingerprint:before{content:"\\f136"}.icon-form:before{content:"\\f137"}.icon-globe:before{content:"\\f138"}.icon-hamburger:before{content:"\\f139"}.icon-help:before{content:"\\f13a"}.icon-hide:before{content:"\\f13b"}.icon-home:before{content:"\\f13c"}.icon-ifsc:before{content:"\\f13d"}.icon-income-source:before{content:"\\f13e"}.icon-indicators:before{content:"\\f13f"}.icon-info:before{content:"\\f140"}.icon-initial-ltv:before{content:"\\f141"}.icon-instant-buy-sell:before{content:"\\f142"}.icon-interest-amount:before{content:"\\f143"}.icon-interest-rate:before{content:"\\f144"}.icon-kyc:before{content:"\\f145"}.icon-lend:before{content:"\\f146"}.icon-link:before{content:"\\f147"}.icon-liquidation-cost:before{content:"\\f148"}.icon-liquidation-id:before{content:"\\f149"}.icon-liquidation-price:before{content:"\\f14a"}.icon-liquidation:before{content:"\\f14b"}.icon-list:before{content:"\\f14c"}.icon-loan-amount:before{content:"\\f14d"}.icon-loan-details:before{content:"\\f14e"}.icon-loan-repayment:before{content:"\\f14f"}.icon-loan-term:before{content:"\\f150"}.icon-location:before{content:"\\f151"}.icon-lock:before{content:"\\f152"}.icon-logout:before{content:"\\f153"}.icon-ltv-ratio:before{content:"\\f154"}.icon-mail:before{content:"\\f155"}.icon-map:before{content:"\\f156"}.icon-margin-call:before{content:"\\f157"}.icon-max-supply:before{content:"\\f158"}.icon-menu:before{content:"\\f159"}.icon-more-options:before{content:"\\f15a"}.icon-negative:before{content:"\\f15b"}.icon-network:before{content:"\\f15c"}.icon-next:before{content:"\\f15d"}.icon-nominee:before{content:"\\f15e"}.icon-note:before{content:"\\f15f"}.icon-notification:before{content:"\\f160"}.icon-occupation:before{content:"\\f161"}.icon-ongoing:before{content:"\\f162"}.icon-order:before{content:"\\f163"}.icon-orders-complete:before{content:"\\f164"}.icon-pair-selector:before{content:"\\f165"}.icon-pan:before{content:"\\f166"}.icon-passbook:before{content:"\\f167"}.icon-passport:before{content:"\\f168"}.icon-pay-emi:before{content:"\\f169"}.icon-pay-lumpsum:before{content:"\\f16a"}.icon-pay-off-loan:before{content:"\\f16b"}.icon-penalty-charges:before{content:"\\f16c"}.icon-percentage:before{content:"\\f16d"}.icon-phone:before{content:"\\f16e"}.icon-positive:before{content:"\\f16f"}.icon-prepay-principal:before{content:"\\f170"}.icon-previous:before{content:"\\f171"}.icon-profile:before{content:"\\f172"}.icon-quicktrade:before{content:"\\f173"}.icon-rank:before{content:"\\f174"}.icon-ream:before{content:"\\f175"}.icon-recieve:before{content:"\\f176"}.icon-repayment-schedule:before{content:"\\f177"}.icon-reports:before{content:"\\f178"}.icon-reset:before{content:"\\f179"}.icon-save:before{content:"\\f17a"}.icon-scan:before{content:"\\f17b"}.icon-search:before{content:"\\f17c"}.icon-security:before{content:"\\f17d"}.icon-selfie:before{content:"\\f17e"}.icon-sell-crypto:before{content:"\\f17f"}.icon-send-email:before{content:"\\f180"}.icon-send:before{content:"\\f181"}.icon-separator:before{content:"\\f182"}.icon-setttings:before{content:"\\f183"}.icon-share:before{content:"\\f184"}.icon-show:before{content:"\\f185"}.icon-side:before{content:"\\f186"}.icon-sip:before{content:"\\f187"}.icon-sms:before{content:"\\f188"}.icon-star-filled:before{content:"\\f189"}.icon-star:before{content:"\\f18a"}.icon-statement:before{content:"\\f18b"}.icon-stop:before{content:"\\f18c"}.icon-street-address:before{content:"\\f18d"}.icon-subtract:before{content:"\\f18e"}.icon-success:before{content:"\\f18f"}.icon-support:before{content:"\\f190"}.icon-templates:before{content:"\\f191"}.icon-term:before{content:"\\f192"}.icon-tick:before{content:"\\f193"}.icon-total-payable-lumpsum:before{content:"\\f194"}.icon-trash:before{content:"\\f195"}.icon-unlock:before{content:"\\f196"}.icon-upi:before{content:"\\f197"}.icon-upload:before{content:"\\f198"}.icon-upwards:before{content:"\\f199"}.icon-voting-card:before{content:"\\f19a"}.icon-wallet:before{content:"\\f19b"}.icon-xpress:before{content:"\\f19c"}.icon-zip-code:before{content:"\\f19d"}');var p,u,_,m=o.keyframes(_||(p=["\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }"],u=["\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }"],Object.defineProperty?Object.defineProperty(p,"raw",{value:u}):p.raw=u,_=p)),g=o.css({borderRadius:"100%",borderWidth:3,borderStyle:"solid",borderTopColor:"rgba(255,255,255,0.4)",margin:"0 auto",animation:"".concat(m," 1s linear infinite")}),h=function(t){var n=t.size,r=t.color;return e.jsx("div",{css:[g,o.css({height:"".concat(n,"px"),width:"".concat(n,"px"),color:r})]})},x=o.css(i(i({padding:0,backgroundColor:"transparent",boxShadow:"none",border:"none",outline:"none"},a.C3_14),{color:c.Zeb_Solid_Bright_Blue,"&.small":i(i({},a.C4_12),{color:c.Zeb_Solid_Bright_Blue})})),C=o.css(i(i({background:c.Zeb_Gradient_Blue_01,borderRadius:l.remConverter(8),boxShadow:"none",border:"none",outline:"none",whiteSpace:"nowrap"},a.C4_12),{"&.small":i({padding:"".concat(l.remConverter(8)," ").concat(l.remConverter(12))},a.C4_12),"&.medium":i({padding:"".concat(l.remConverter(8)," ").concat(l.remConverter(12))},a.C4_12),"&.large":i({padding:"".concat(l.remConverter(8)," ").concat(l.remConverter(16))},a.C2_16),"&.full-width":{padding:"".concat(l.remConverter(8)," 0"),width:"100%"},"&:disabled":{opacity:.2}})),S=o.css(i(i({padding:"".concat(l.remConverter(8)," ").concat(l.remConverter(16)),background:c.Zeb_Transparent_4,border:"1px solid ".concat(c.Zeb_Solid_Bright_Blue),borderRadius:"8px"},a.C2_16),{"&.small":i({padding:"".concat(l.remConverter(8)," ").concat(l.remConverter(12))},a.C4_12),"&.medium":i({padding:"".concat(l.remConverter(8)," ").concat(l.remConverter(12))},a.C4_12),"&.large":i({padding:"".concat(l.remConverter(8)," ").concat(l.remConverter(16))},a.C2_16),"&.full-width":{padding:"".concat(l.remConverter(8)," 0")},"&:disabled":{borderColor:c.Zeb_Solid_Grey}})),v=o.css({padding:"".concat(l.remConverter(6)," 0"),background:c.Zeb_Gradient_Blue_01,boxShadow:"none",border:"none",outline:"none",borderRadius:"8px",display:"flex",alignItems:"center",justifyContent:"center","&.small":{width:"100%",padding:"".concat(l.remConverter(8)," 0")},"&.large":{width:"100%"},"&.full-width":{width:"100%"},"&.medium":{width:"100%"}}),y=o.css(i({marginLeft:l.remConverter(8)},a.C3_14)),Z=o.css({display:"none"}),B=o.css({padding:"".concat(l.remConverter(8)," ").concat(l.remConverter(12)),background:c.Zeb_Transparent_4,boxShadow:"none",border:"1px solid ".concat(c.Zeb_Solid_Bright_Blue),outline:"none",borderRadius:"8px",display:"flex",alignItems:"center",justifyContent:"center","&.medium":{padding:"".concat(l.remConverter(8)," ").concat(l.remConverter(12))}}),w=o.css(i({marginLeft:l.remConverter(4)},a.C4_12)),k=o.css(i(i({border:"0.5px solid ".concat(c.Zeb_Solid_Light_Blue),borderRadius:"4px",padding:"".concat(l.remConverter(4)," ").concat(l.remConverter(8))},a.B5_12_semibold),{color:c.Zeb_Solid_Light_Blue,display:"flex",justifyContent:"center",flexGrow:1,textTransform:"uppercase",cursor:"pointer","&.active":i({background:c.Zeb_Solid_Dark_Blue,borderColor:c.Zeb_Solid_Bright_Blue},a.C4_12)})),W=o.css({opacity:.5,cursor:"not-allowed"});function j(e,o){switch(e){case"primary":return C;case"secondary":return S;case"tertiary":return[B,w];case"link":return x;case"tab":return"small"===o?[k,Z]:k;case"special":return[v,y]}}var L=function(o){var t=o.type,n=o.size,r=void 0===n?"medium":n,c=o.onClick,l=o.disabled,a=o.style,s=o.children,f=o.loading;return e.jsx("button",i({onClick:c,disabled:l,className:r,css:[j(t,r),a,l&&W]},{children:f?e.jsx(h,{size:18}):s}))},H=o.css({minWidth:l.remConverter(16)}),F=o.css(i(i({display:"flex",alignItems:"center",justifyContent:"flex-start",height:"auto",position:"relative",cursor:"pointer",marginBottom:0},a.B4_14_semibold),{"&:hover":{"input ~ .checkmark":{backgroundColor:c.Zeb_Solid_White}}})),R=o.css({opacity:.5,cursor:"not-allowed"}),z=o.css({opacity:0,cursor:"pointer",height:0,width:0}),T=o.css({backgroundColor:c.Zeb_Solid_White,border:"1px solid ".concat(c.Zeb_Solid_White),borderRadius:4,"&:after":{display:"block"}}),G=o.css({marginLeft:l.remConverter(20)});o.css({marginLeft:l.remConverter(20)});var E=o.css({position:"absolute",top:"50%",left:0,transform:"translateY(-50%)",height:l.remConverter(12),width:l.remConverter(12),backgroundColor:"transparent",border:"1px solid ".concat(c.Zeb_Solid_White),borderRadius:4,"&:after":{content:"''",position:"absolute",display:"none",left:2,top:"45%",width:4,height:8,border:"solid ".concat(c.Zeb_Solid_Dark_Blue),borderWidth:"0 2px 2px 0",transform:"rotate(45deg) translate(-50%, -50%)"}}),A=o.css({borderColor:c.Zeb_Solid_Red}),D=o.css(i(i({},a.B4_14_regular),{color:c.Zeb_Solid_Light_Blue,marginBottom:l.remConverter(4)})),I=o.css({color:"".concat(c.Zeb_Solid_White,"!important")}),M=o.css({border:"1px solid transparent",borderRadius:8,flexWrap:"wrap",alignItems:"stretch"}),O=o.css({borderColor:c.Zeb_Solid_Bright_Blue,boxShadow:c.Zeb_Effects_Shadow_Hover}),P=o.css(i(i({padding:"".concat(l.remConverter(8)," ").concat(l.remConverter(12)),background:c.Zeb_Solid_Dark_Blue,border:"none"},a.B4_14_semibold),{color:"".concat(c.Zeb_Solid_White,"!important"),height:l.remConverter(40),flex:"1 1 auto",":focus":{boxShadow:"none",outline:"none"},"::placeholder":i(i({},a.B4_14_regular),{color:"".concat(c.Zeb_Solid_Light_Blue,"!important")})})),Y=o.css({borderRadius:l.remConverter(8)}),q=o.css({borderRadius:l.remConverter(0)}),N=o.css({borderRadius:"".concat(l.remConverter(8)," 0 0 ").concat(l.remConverter(8))}),J=o.css({borderRadius:"0 ".concat(l.remConverter(8)," ").concat(l.remConverter(8)," 0")}),U=o.css(i(i({padding:"".concat(l.remConverter(8)," ").concat(l.remConverter(12)),background:c.Zeb_Solid_Dark_Blue,borderRadius:"0 ".concat(l.remConverter(8)," ").concat(l.remConverter(8)," 0"),border:"none"},a.B4_14_semibold),{height:l.remConverter(40)})),K=o.css(i(i({padding:"".concat(l.remConverter(8)," ").concat(l.remConverter(12)),background:c.Zeb_Solid_Dark_Blue,borderRadius:"".concat(l.remConverter(8)," 0 0 ").concat(l.remConverter(8)),border:"none"},a.B4_14_semibold),{height:l.remConverter(40)})),V=o.css({marginLeft:"auto"});o.css({display:"flex",justifyContent:"space-between"});var X=o.css(i(i({textAlign:"left",marginBottom:l.remConverter(8)},a.B4_14_regular),{color:c.Zeb_Solid_Light_Blue})),$=o.css({border:"1px solid ".concat(c.Zeb_Solid_Bright_Blue)}),Q=o.css({border:"1px solid ".concat(c.Zeb_Solid_Red)}),ee=o.css({border:"1px solid ".concat(c.Zeb_BG_Light_Blue),background:"transparent",cursor:"not-allowed"}),oe=o.css({gap:l.remConverter(20)}),te=o.css(i(i({width:l.remConverter(50),height:l.remConverter(50),background:c.Zeb_Solid_Dark_Blue,borderRadius:5,textAlign:"center",border:"1px solid ".concat(c.Zeb_Solid_Dark_Grey)},a.H5_20_bold),{color:c.Zeb_Solid_White,":placeholder":i(i({},a.H5_20_bold),{color:c.Zeb_BG_Light_Blue}),"&:focus":{outline:"none"}}));o.css({background:"transparent"});var ne=function(o){var n=o.index,r=o.value,i=o.values,c=o.type,l=o.mask,a=o.autoFocus,s=o.disabled,f=o.inputMode,d=o.id,b=o.placeholder,p=o.style,u=o.onChange,_=o.onBlur,m=o.onFocus,g=o.onKeyDown,h=t.useRef(null);return t.useEffect((function(){a&&0===n&&h.current&&h.current.focus()}),[a,n]),e.jsx("input",{ref:h,type:l?"password":"text",disabled:s,id:d&&"".concat(d,"-").concat(n),inputMode:f||("number"===c?"numeric":"text"),placeholder:b,value:r,onChange:function(e){var o,t=i[n],r=e.target.value,l=function(e,o,t){if(t||2===arguments.length)for(var n,r=0,i=o.length;r<i;r++)!n&&r in o||(n||(n=Array.prototype.slice.call(o,0,r)),n[r]=o[r]);return e.concat(n||Array.prototype.slice.call(o))}([],i,!0),a=function(e,o){return e?o.length>2?o.split(""):""===o?[]:e[0]===o[0]?[o[1]]:[o[0]]:o.split("")}(t,r).slice(0,l.length-n),s="number"===c?/(^$)|(\d+)/:/.*/,f=a.every((function(e){return s.test(e)}));if(u){var d=a;if(d.length?d.forEach((function(e,o){return l[n+o]=e})):l[n]="",f){u(d,n,l);for(var b=h.current,p=0;p<d.length;p++)b&&(b=b.nextElementSibling);d&&b instanceof HTMLInputElement?b.focus():h.current&&(null===(o=h.current.parentNode)||void 0===o?void 0:o.lastChild).focus()}}},onKeyDown:function(e){if("Backspace"===e.key&&""===i[n]&&n>0&&h.current){var o=h.current.previousElementSibling;o instanceof HTMLInputElement&&o.focus()}g&&g(e)},onFocus:function(e){e.target.placeholder="",m&&m(e)},onBlur:function(e){e.target.placeholder=b||"",_&&_(e)},"data-index":n,css:[te,p]})},re=o.css({height:l.remConverter(34),width:l.remConverter(330),position:"relative"}),ie=o.css({backgroundColor:c.Zeb_Solid_BG_Blue,borderRadius:l.remConverter(8),minWidth:l.remConverter(328),display:"flex",flexDirection:"column",padding:l.remConverter(12),position:"absolute",justifyContent:"space-between",borderColor:c.Zeb_Solid_Bright_Blue,borderWidth:l.remConverter(2),borderStyle:"solid",boxShadow:"0px 8px 8px -4px #0C0C1D",bottom:l.remConverter(42)}),ce=o.css(i(i({},a.B4_14_semibold),{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:"1rem"})),le=o.css(i(i({},a.C4_12),{textAlign:"center",height:l.remConverter(34),width:l.remConverter(330)})),ae=o.css({});var se=o.css(i({display:"block",position:"relative",paddingLeft:l.remConverter(20),cursor:"pointer",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none",marginBottom:0},a.B4_14_regular)),fe=o.css({position:"absolute",opacity:0,cursor:"pointer",":checked":{"~ span":{backgroundColor:"transparent",":after":{display:"block"}}}}),de=o.css({position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",top:"50%",left:0,height:16,width:16,borderRadius:"50%",border:"1px solid ".concat(c.Zeb_Solid_White),transform:"translateY(-50%)",":after":{content:"''",display:"none",width:8,height:8,borderRadius:"50%",backgroundColor:c.Zeb_Solid_Bright_Blue}}),be=o.css({padding:l.remConverter(4),borderRadius:4,textTransform:"uppercase",maxWidth:l.remConverter(100)}),pe=function(e){return"success"===e?o.css({backgroundColor:c.Zeb_Transparent_Green,color:c.Zeb_Solid_Green}):"info"===e?o.css({backgroundColor:c.Zeb_Transparent_Yellow,color:c.Zeb_Solid_Yellow}):"error"===e?o.css({backgroundColor:c.Zeb_Transparent_Red,color:c.Zeb_Solid_Red}):void 0},ue=o.css({display:"flex",WebkitFlexWrap:"nowrap",flexWrap:"nowrap",paddingLeft:"0",marginBottom:"0",listStyle:"none",transition:"0.2s ease-in-out all"}),_e=o.css({cursor:"not-allowed"}),me=o.css({backgroundColor:c.Zeb_Solid_Dark_Blue,padding:l.remConverter(4),borderRadius:l.remConverter(8)}),ge=o.css(i(i({},a.C3_14),{letterSpacing:"0.8px",position:"relative",transition:"0.2s ease-in-out all",textTransform:"uppercase",border:"none",color:c.Zeb_Solid_White,padding:"0 0 5px 0",cursor:"pointer",background:"none",marginRight:l.remConverter(12),"&:focus":{outline:"none",boxShadow:"none"}})),he=o.css({cursor:"default","&::after":{position:"absolute",height:"2px",bottom:0,left:0,right:0,borderRadius:"10px",background:c.Zeb_Solid_White,content:"''"}}),xe=o.css(i(i({borderBottom:"none",flexWrap:"nowrap",justifyContent:"center",transition:"0.2s ease-in-out all",display:"flex",alignItems:"center"},a.B5_12_semibold),{padding:"".concat(l.remConverter(4)," ").concat(l.remConverter(8)),borderRadius:4,color:c.Zeb_Solid_Light_Blue,border:"0.5px solid ".concat(c.Zeb_Solid_Light_Blue),textTransform:"uppercase",cursor:"pointer",background:"none",marginRight:l.remConverter(4)})),Ce=o.css(i(i({},a.C4_12),{color:c.Zeb_Solid_White,border:"0.5px solid ".concat(c.Zeb_Solid_Bright_Blue),background:c.Zeb_Solid_Dark_Blue})),Se=o.css(i(i({},a.C4_12),{borderRadius:"4px",backgroundColor:"transparent",color:c.Zeb_Solid_Light_Blue,cursor:"pointer",boxShadow:"none",outline:"none",border:"none",padding:"".concat(l.remConverter(4)," ").concat(l.remConverter(8)),transition:"0.2s ease-in-out all"})),ve=o.css({color:c.Zeb_Solid_White,background:c.Zeb_Gradient_Blue_01}),ye=function(e,t){switch(e){case"primary":default:return[ge,t&&he];case"secondary":return[xe,t&&Ce];case"tertiary":return[Se,t&&ve,o.css({margin:0})]}},Ze=o.css({padding:"".concat(l.remConverter(12)," ").concat(l.remConverter(16)," ").concat(l.remConverter(12)," ").concat(l.remConverter(24)),border:"1px solid transparent",backdropFilter:"blur(20px)",borderRadius:"8px",maxWidth:"484px",width:"100%"}),Be=o.css(i(i({},a.B4_14_semibold),{display:"flex",alignItems:"center",justifyContent:"space-between"})),we=o.css({display:"flex",alignItems:"center"}),ke=o.css({marginLeft:"".concat(l.remConverter(8))}),We=o.css({padding:0,outline:"none",border:"none",boxShadow:"none",backgroundColor:"transparent"}),je=o.css(i(i({},a.B5_12_regular),{marginTop:"".concat(l.remConverter(4))})),Le=o.css({background:"rgba(249, 200, 92, 0.08)",borderColor:c.Zeb_Solid_Yellow}),He=o.css({color:c.Zeb_Solid_Yellow}),Fe=o.css({background:"rgba(234, 97, 97, 0.08)",borderColor:c.Zeb_Solid_Red}),Re=o.css({color:c.Zeb_Solid_Red}),ze=o.css({background:"rgba(30, 202, 162, 0.08)",borderColor:c.Zeb_Solid_Green}),Te=o.css({color:c.Zeb_Solid_Green}),Ge=Object.freeze({__proto__:null,toastContainer:Ze,toastHeading:Be,toastDetails:we,toastTitle:ke,closeCta:We,toastDescription:je,info:Le,infoToastHeading:He,error:Fe,errorToastHeading:Re,success:ze,successToastHeading:Te}),Ee=function(e){return"info"===e?c.Zeb_Solid_Yellow:"error"===e?c.Zeb_Solid_Red:"success"===e?c.Zeb_Solid_Green:void 0};exports.Accordion=function(o){var n=o.title,r=o.children,c=o.onToggle,l=o.style,a=t.useState(!1),p=a[0],u=a[1];return e.jsxs("div",i({css:[f,l]},{children:[e.jsxs("div",i({css:[d,s.flexAlignCenter],onClick:function(){c&&c(!p),u(!p)}},{children:[e.jsx("p",{children:n}),e.jsx("i",{className:"icon ".concat(p?"icon-arrow-up":"icon-arrow-down")})]})),p&&e.jsx("div",i({css:b},{children:r}))]}))},exports.Button=L,exports.Checkbox=function(o){var t=o.label,n=o.value,r=o.style,c=o.checked,l=o.onChange,a=o.disabled;return e.jsxs("label",i({css:[H,F,r,a?R:""]},{children:[t&&e.jsx("div",i({css:G},{children:t})),e.jsx("input",{checked:c,onChange:function(e){return l({checked:e.target.checked,value:e.target.value})},type:"checkbox",css:z,value:n,disabled:a}),e.jsx("span",{css:[E,c&&T]})]}))},exports.CircularLoader=h,exports.Input=function(n){var r=n.value,c=n.label,l=n.placeholder,f=n.name,d=n.appendItem,b=n.prependItem,p=n.infoText,u=n.errorText,_=n.cta,m=n.style,g=n.type,h=void 0===g?"text":g,x=n.onChange,C=t.useState(!1),S=C[0],v=C[1];return e.jsxs("div",i({css:m},{children:[e.jsx("label",i({css:[D,S?I:null,u?s.textError:null]},{children:c})),e.jsxs("div",i({css:[M,s.flexAlignCenter,S?O:null,u?A:null]},{children:[b&&e.jsx("span",i({css:K},{children:b})),e.jsx("input",{type:h,name:f,placeholder:l,onFocus:function(){v(!0)},onBlur:function(){v(!1)},css:[P,Y,b&&J,d&&N,d&&b&&q],value:r,onChange:function(e){var o=e.target,t=o.value,n=o.name;x({value:t,name:n})}}),d&&e.jsx("span",i({css:U},{children:d}))]})),e.jsxs("div",i({css:[s.flexAlignCenter,s.flexJustifiedBetween]},{children:[(u||p)&&e.jsx("div",i({css:[o.css(i({},a.B4_14_regular)),p&&s.textFaded,u&&s.textError]},{children:p||u})),_&&e.jsx("div",i({css:V},{children:e.jsx(L,i({type:"link",size:"medium",onClick:_.onClick},{children:_.label}))}))]}))]}))},exports.PinInput=function(n){var r=t.useState(!1),c=r[0],l=r[1];n.onComplete&&n.onComplete(n.values);var a=function(){l(!0)},f=function(){l(!1)};return e.jsxs(e.Fragment,{children:[n.label&&e.jsx("div",i({css:X},{children:n.label})),e.jsx("div",i({css:[s.flexAlignCenter,oe]},{children:n.values.map((function(t,r){return e.jsx(ne,i({index:r,value:t,onFocus:a,onBlur:f,style:o.css([c&&$,n.invalid&&Q,n.disabled&&ee])},n),n.id?"".concat(n.id,"-").concat(r):r)}))}))]})},exports.Popper=function(o){var n,c=o.onClose,l=void 0===c?function(){}:c,a=o.label,s=o.buttonProps,f=void 0===s?{}:s,d=o.renderChildren,b=o.style,p=r.useState(!1),u=p[0],_=p[1],m=[n=t.useRef(null),function(){n.current&&n.current.focus()}],g=m[0],h=m[1],x=r.useCallback((function(){_(!1),l()}),[l]),C=r.useCallback((function(){u?x():_(!0)}),[u,x,_]);return r.useEffect((function(){h&&h()}),[g.current,h]),e.jsxs("div",i({css:[re,b]},{children:[u&&e.jsxs("div",i({css:ie,tabIndex:0,onBlur:x,ref:g},{children:[e.jsxs("div",i({css:ce},{children:[e.jsx("span",{children:a}),e.jsx("span",i({onClick:x,css:ae},{children:"X"}))]})),d({close:x,isOpened:u})]})),e.jsx(L,i({},f,{style:[le,f.style],onClick:C,type:f.type||"secondary"},{children:a}))]}))},exports.Radio=function(o){var t=o.value,n=o.onChange,r=o.label,c=o.style,l=o.name,a=o.selected;return e.jsxs("label",i({css:[se,c]},{children:[r,e.jsx("input",{type:"radio",name:l,css:fe,value:t,onChange:function(e){return n({selected:e.target.checked,value:e.target.value})},checked:a}),e.jsx("span",{css:de})]}))},exports.Tabs=function(t){var n=t.style,r=t.tabsList,c=t.selectedTab,a=t.onChange,f=t.type,d=t.disabled;return e.jsx("div",i({css:[ue,n,"tertiary"===f&&me,d&&_e]},{children:r.map((function(t,n){var r=t.tab,b=t.title,p=t.style;return e.jsxs(L,i({size:"medium",type:"tab",disabled:d,onClick:function(){return!d&&a(r)},style:o.css([ye(f,c===r),p])},{children:["secondary"===f&&c===r&&e.jsx("i",{className:"icon icon-tick",css:[l.mr(4),s.flexJustifiedCenter,s.flexAlignCenter]}),e.jsx("div",{children:b})]}),"tab-".concat(n))}))}))},exports.Tags=function(o){var t=o.text,n=o.type;return e.jsx("div",i({css:[be,a.B6_10_semibold,pe(n),s.textAlignmentCenter]},{children:t}))},exports.Toast=function(o){var t=o.title,n=o.description,r=o.type,c=o.onClose;return e.jsxs("div",i({css:[Ze,Ge[r]]},{children:[e.jsxs("div",i({css:[Be,Ge["".concat(r,"ToastHeading")]]},{children:[e.jsxs("div",i({css:we},{children:[e.jsx("svg",i({width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.9999 13.9866C10.8159 14.7778 9.42383 15.2 7.9998 15.2C6.09024 15.2 4.2589 14.4415 2.90864 13.0912C1.55837 11.741 0.799805 9.90961 0.799805 8.00005C0.799805 6.57602 1.22208 5.18398 2.01322 3.99995C2.80437 2.81591 3.92885 1.89307 5.24448 1.34812C6.56011 0.803169 8.00779 0.660585 9.40445 0.938398C10.8011 1.21621 12.084 1.90194 13.091 2.90888C14.0979 3.91582 14.7836 5.19874 15.0615 6.5954C15.3393 7.99206 15.1967 9.43974 14.6517 10.7554C14.1068 12.071 13.1839 13.1955 11.9999 13.9866ZM11.4656 2.81311C10.4397 2.12763 9.23361 1.76177 7.9998 1.76177C6.34614 1.76449 4.76099 2.4226 3.59167 3.59192C2.42236 4.76124 1.76424 6.34639 1.76152 8.00005C1.76152 9.23386 2.12739 10.44 2.81286 11.4659C3.49833 12.4917 4.47262 13.2913 5.61251 13.7635C6.75241 14.2356 8.00672 14.3592 9.21683 14.1185C10.4269 13.8778 11.5385 13.2836 12.4109 12.4112C13.2834 11.5387 13.8775 10.4272 14.1182 9.21708C14.3589 8.00697 14.2354 6.75266 13.7632 5.61276C13.2911 4.47286 12.4915 3.49858 11.4656 2.81311ZM7.41321 7.59992C7.41321 7.27925 7.67321 7.01325 7.99321 7.01325C8.31987 7.01325 8.57987 7.27925 8.57987 7.59992V10.5466C8.57987 10.8666 8.31987 11.1266 7.99321 11.1266C7.67321 11.1266 7.41321 10.8666 7.41321 10.5466V7.59992ZM7.41987 5.48659C7.41987 5.15992 7.67987 4.89992 8.00654 4.89992C8.32654 4.89992 8.58654 5.15992 8.58654 5.48659C8.58654 5.80592 8.32654 6.06659 7.99321 6.06659C7.67987 6.06659 7.41987 5.80592 7.41987 5.48659Z",fill:Ee(r)})})),e.jsx("div",i({css:ke},{children:t}))]})),e.jsx("div",{children:c&&e.jsx("button",i({css:We,onClick:c},{children:e.jsx("svg",i({width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.99996 0.666626C3.94996 0.666626 0.666626 3.94996 0.666626 7.99996C0.666626 12.05 3.94996 15.3333 7.99996 15.3333C12.05 15.3333 15.3333 12.05 15.3333 7.99996C15.3333 3.94996 12.05 0.666626 7.99996 0.666626ZM10.4713 6.47129C10.5927 6.34556 10.6599 6.17716 10.6584 6.00236C10.6569 5.82756 10.5868 5.66035 10.4632 5.53675C10.3396 5.41314 10.1724 5.34303 9.99756 5.34151C9.82276 5.33999 9.65436 5.40719 9.52862 5.52863L7.99996 7.05729L6.47129 5.52863C6.40979 5.46495 6.33623 5.41416 6.25489 5.37922C6.17356 5.34429 6.08608 5.32589 5.99756 5.32513C5.90904 5.32436 5.82125 5.34122 5.73932 5.37474C5.65739 5.40827 5.58296 5.45777 5.52036 5.52036C5.45777 5.58296 5.40827 5.65739 5.37474 5.73932C5.34122 5.82125 5.32436 5.90904 5.32513 5.99756C5.32589 6.08608 5.34428 6.17356 5.37922 6.2549C5.41416 6.33623 5.46495 6.40979 5.52863 6.47129L7.05729 7.99996L5.52863 9.52863C5.46495 9.59012 5.41416 9.66369 5.37922 9.74502C5.34428 9.82636 5.32589 9.91384 5.32513 10.0024C5.32436 10.0909 5.34122 10.1787 5.37474 10.2606C5.40827 10.3425 5.45777 10.417 5.52036 10.4796C5.58296 10.5422 5.65739 10.5917 5.73932 10.6252C5.82125 10.6587 5.90904 10.6756 5.99756 10.6748C6.08608 10.674 6.17356 10.6556 6.25489 10.6207C6.33623 10.5858 6.40979 10.535 6.47129 10.4713L7.99996 8.94263L9.52862 10.4713C9.65436 10.5927 9.82276 10.6599 9.99756 10.6584C10.1724 10.6569 10.3396 10.5868 10.4632 10.4632C10.5868 10.3396 10.6569 10.1724 10.6584 9.99756C10.6599 9.82276 10.5927 9.65436 10.4713 9.52863L8.94262 7.99996L10.4713 6.47129Z",fill:Ee(r)})}))}))})]})),e.jsx("div",i({css:je},{children:n}))]}))},exports.colors=c,exports.mixins=s,exports.typography=a,exports.utils=l;
+//# sourceMappingURL=index.js.map