@hybr1d-tech/charizard 0.3.36

package/dist/progress/Progress.d.ts

@@ -0,0 +1,63 @@
+import * as React from 'react';
+type ProgressProps = {
+    /**
+     * steps to show
+     * if there isError is true, user won't be able to click on Continue or finish button
+     */
+    steps: {
+        label: string;
+        component: React.ReactNode;
+        isError: boolean;
+        onContinueClick?: Function;
+    }[];
+    /**
+     * handle cancel click
+     */
+    onCancelClick: () => void;
+    /**
+     * handle final step click
+     */
+    onFinalStepClick: () => void;
+    /**
+     * text to show on footer continue button when the step is last step
+     */
+    lastStepFooterContinueBtnText: string;
+    /**
+     * show skip button or not
+     */
+    showSkipBtn?: boolean;
+    /**
+     * show buttons on header
+     */
+    showHeaderBtns?: boolean;
+    /**
+     * show footer
+     */
+    showFooter?: boolean;
+    /**
+     * text to show on header continue button when the step is last step
+     */
+    lastStepHeaderContinueBtnText?: string;
+    /**
+     * allow navigation of steps when user click on certain step
+     */
+    allowNavigationOnStepClick?: boolean;
+    /**
+     * step to show skip button (counting starts from zero)
+     */
+    stepToShowSkipBtn?: number;
+    /**
+     * skip button text
+     */
+    skipBtnText?: string;
+    /**
+     * directly jump to particular step (index starts from 0)
+     */
+    jumpToStep?: number;
+    /**
+     * on skip click
+     */
+    onSkipClick?: () => void;
+};
+export declare function Progress({ steps, onCancelClick, onFinalStepClick, stepToShowSkipBtn, lastStepFooterContinueBtnText, showSkipBtn, showHeaderBtns, showFooter, lastStepHeaderContinueBtnText, allowNavigationOnStepClick, skipBtnText, jumpToStep, onSkipClick, }: ProgressProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/progress/index.d.ts

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

package/dist/radio-group/RadioGroup.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+type RadioGroupProps = {
+    /**
+     * heading for radio group
+     */
+    radioHeading?: string;
+    /**
+     * items to show in radio group
+     */
+    items: Array<{
+        label: {
+            heading: string | React.ReactNode;
+            subHeading?: string;
+        };
+        value: string;
+        tooltip?: {
+            txt: string;
+            trigger?: React.ReactNode;
+            placement?: string;
+        };
+    }>;
+    /**
+     * default value to be selected on first render
+     */
+    defaultValue?: string;
+    /**
+     * callback to be called on change of radio group
+     * @param value
+     *  value of selected radio
+     * */
+    onChange: (value: string) => void;
+    /**
+     * if radio group is required
+     * */
+    required?: boolean;
+    /**
+     * error msg to display
+     */
+    errorMsg?: string;
+    optionsContainerStyles?: React.CSSProperties;
+};
+export declare function RadioGroup({ items, radioHeading, defaultValue, onChange, required, errorMsg, optionsContainerStyles, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/radio-group/index.d.ts

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

package/dist/search/Search.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export type SearchProps = {
+    id: string;
+    search?: string;
+    setSearch?: React.Dispatch<React.SetStateAction<string>>;
+    placeholder?: string;
+    clearIconClearFn?: any;
+};
+export declare function Search({ id, search, setSearch, placeholder, clearIconClearFn, }: SearchProps): import("react/jsx-runtime").JSX.Element;

package/dist/search/index.d.ts

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

package/dist/segmented-control/SegmentedControl.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+type SegmentedControlProps = {
+    /**
+     * items to show in segmented control
+     */
+    items: Array<{
+        label: string;
+        value: string;
+        component: React.ReactNode;
+    }>;
+    /**
+     * default value to be selected on first render
+     */
+    defaultValue?: string;
+    /**
+     * handle on change
+     * use this if you are controlling the behavior of segmented control from an external entity
+     */
+    handleOnChange?: (value: string) => void;
+};
+export declare function SegmentedControl({ items, defaultValue, handleOnChange }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/segmented-control/index.d.ts

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

package/dist/select/Common.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @author Pratik Awaik <pratik@hybr1d.io>
+ */
+export declare const Option: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const MultiValueLabel: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const MultiValueRemove: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ClearIndicator: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownIndicator: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleValue: (props: any) => import("react/jsx-runtime").JSX.Element;

package/dist/select/CreatableSelect.d.ts

@@ -0,0 +1,100 @@
+/**
+ * @author Pratik Awaik <pratik@hybr1d.io>
+ */
+import * as React from 'react';
+import type { MenuPlacement, StylesConfig } from 'react-select';
+import { SelectActionMeta } from './types';
+interface CreatableSelectProps {
+    /**
+     * The options to be displayed in the select
+     * should atleast have {label: string, value: string}
+     */
+    options: Array<{
+        label: string | '';
+        value: string | '';
+        profileImgUrl?: string;
+    }> | any;
+    /**
+     * Handle change events on the select
+     */
+    onChange: (newValue: string | string[], actionMeta: SelectActionMeta) => void;
+    /**
+     * The name of the select
+     */
+    name?: string;
+    /**
+     * The id of the select
+     */
+    id?: string;
+    /**
+     * The className of the select
+     */
+    className?: string;
+    /**
+     * The placeholder of the select
+     */
+    placeholder?: string;
+    /**
+     * Whether the select is searchable
+     */
+    isSearchable?: boolean;
+    /**
+     * Whether multiple selection is possible
+     */
+    isMulti?: boolean;
+    /**
+     * Whether the select is clearable
+     */
+    isClearable?: boolean;
+    /**
+     * The styles of the select component
+     */
+    selectStyles?: StylesConfig<any>;
+    /**
+     * The default value of the select
+     */
+    defaultValue?: {
+        label: string;
+        value: string;
+        profileImgUrl?: string;
+    };
+    /**
+     * Formats group labels in the menu as React components
+     */
+    formatGroupLabel?: (data: any) => React.ReactNode;
+    /**
+     * The custom styles of the select container
+     */
+    customContainerStyles?: React.CSSProperties;
+    /**
+     * Whether the select is disabled
+     */
+    isDisabled?: boolean;
+    /**
+     * Default placement of the menu in relation to the control. 'auto' will flip when there isn't enough space below the control.
+     */
+    menuPlacement?: MenuPlacement;
+    /**
+     * The error message to be displayed
+     */
+    errorMsg?: string | false;
+    /**
+     * extra props to pass for select component
+     */
+    extraprops?: any;
+    /**
+     * create new option api mutate function
+     */
+    createNewOption: (value: string | string[]) => Promise<OptionType | Array<OptionType>>;
+    /**
+     * refetch options to show options in dropdown
+     */
+    refetchOptions?: Function;
+}
+export type OptionType = {
+    label: string;
+    value: string;
+    __isNew__?: boolean;
+};
+export declare function CreatableSelect({ options, onChange, name, id, className, placeholder, selectStyles, defaultValue, formatGroupLabel, customContainerStyles, menuPlacement, errorMsg, extraprops, isDisabled, isSearchable, isMulti, isClearable, createNewOption, refetchOptions, }: CreatableSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/select/Select.d.ts

@@ -0,0 +1,91 @@
+/**
+ * @author Pratik Awaik <pratik@hybr1d.io>
+ */
+import * as React from 'react';
+import type { MenuPlacement, StylesConfig } from 'react-select';
+import { SelectActionMeta } from './types';
+interface SelectProps {
+    /**
+     * The options to be displayed in the select
+     * should atleast have {label: string, value: string}
+     */
+    options: Array<{
+        label: string | '';
+        value: string | '';
+        profileImgUrl?: string;
+    }> | any;
+    /**
+     * Handle change events on the select
+     */
+    onChange: (newValue: string | string[], actionMeta: SelectActionMeta) => void;
+    /**
+     * The name of the select
+     */
+    name?: string;
+    /**
+     * The id of the select
+     */
+    id?: string;
+    /**
+     * The className of the select
+     */
+    className?: string;
+    /**
+     * The placeholder of the select
+     */
+    placeholder?: string;
+    /**
+     * Whether the select is searchable
+     */
+    isSearchable?: boolean;
+    /**
+     * Whether multiple selection is possible
+     */
+    isMulti?: boolean;
+    /**
+     * Whether the select is clearable
+     */
+    isClearable?: boolean;
+    /**
+     * The styles of the select component
+     */
+    selectStyles?: StylesConfig<any>;
+    /**
+     * The default value of the select
+     */
+    defaultValue?: {
+        label: string;
+        value: string;
+        profileImgUrl?: string;
+    };
+    /**
+     * Formats group labels in the menu as React components
+     */
+    formatGroupLabel?: (data: any) => React.ReactNode;
+    /**
+     * The custom styles of the select container
+     */
+    customContainerStyles?: React.CSSProperties;
+    /**
+     * Whether the select is disabled
+     */
+    isDisabled?: boolean;
+    /**
+     * Default placement of the menu in relation to the control. 'auto' will flip when there isn't enough space below the control.
+     */
+    menuPlacement?: MenuPlacement;
+    /**
+     * The error message to be displayed
+     */
+    errorMsg?: string | false;
+    /**
+     * extra props to pass for select component
+     */
+    extraprops?: any;
+    /**
+     * props to add custom dropdown
+     */
+    CustomDropdownIndicator?: React.ReactNode;
+}
+export declare function Select({ options, onChange, name, id, className, placeholder, selectStyles, defaultValue, formatGroupLabel, customContainerStyles, menuPlacement, errorMsg, extraprops, isDisabled, isSearchable, isMulti, isClearable, CustomDropdownIndicator, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/select/SelectAsync.d.ts

@@ -0,0 +1,83 @@
+/**
+ * @author Pratik Awaik <pratik@hybr1d.io>
+ */
+import * as React from 'react';
+import type { MenuPlacement, StylesConfig } from 'react-select';
+import { SelectActionMeta } from './types';
+interface SelectAsyncProps {
+    /**
+     * The options to be displayed in the select
+     * should atleast have {label: string, value: string}
+     */
+    options: (inputValue: string) => Promise<Array<{
+        label: string | '';
+        value: string | '';
+        profileImgUrl?: string | null;
+    }> | void>;
+    /**
+     * Handle change events on the select
+     */
+    onChange: (newValue: string | string[], actionMeta: SelectActionMeta) => void;
+    /**
+     * The name of the select
+     */
+    name?: string;
+    /**
+     * The id of the select
+     */
+    id?: string;
+    /**
+     * The className of the select
+     */
+    className?: string;
+    /**
+     * The placeholder of the select
+     */
+    placeholder?: string;
+    /**
+     * Whether the select is searchable
+     */
+    isSearchable?: boolean;
+    /**
+     * Whether multiple selection is possible
+     */
+    isMulti?: boolean;
+    /**
+     * Whether the select is clearable
+     */
+    isClearable?: boolean;
+    /**
+     * The styles of the select component
+     */
+    selectStyles?: StylesConfig<any>;
+    /**
+     * The default value of the select
+     */
+    defaultValue?: any;
+    /**
+     * Formats group labels in the menu as React components
+     */
+    formatGroupLabel?: (data: any) => React.ReactNode;
+    /**
+     * The custom styles of the select container
+     */
+    customContainerStyles?: React.CSSProperties;
+    /**
+     * Whether the select is disabled
+     */
+    isDisabled?: boolean;
+    /**
+     * Default placement of the menu in relation to the control. 'auto' will flip when there isn't enough space below the control.
+     */
+    menuPlacement?: MenuPlacement;
+    /**
+     * The error message to be displayed
+     */
+    errorMsg?: string | string[] | false;
+    /**
+     * extra props to pass for select component
+     */
+    extraProps?: any;
+}
+export declare function SelectAsync({ options, onChange, name, id, className, placeholder, selectStyles, defaultValue, formatGroupLabel, customContainerStyles, menuPlacement, errorMsg, extraProps, isDisabled, isSearchable, isMulti, isClearable, }: SelectAsyncProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/select/config.d.ts

@@ -0,0 +1,3 @@
+import { StylesConfig } from 'react-select';
+export declare const colourStyles: StylesConfig<any>;
+export declare const getControlStyles: (errorMsg: string | false | string[] | undefined) => StylesConfig<any>;

package/dist/select/index.d.ts

@@ -0,0 +1,3 @@
+export { Select } from './Select';
+export { SelectAsync } from './SelectAsync';
+export { CreatableSelect } from './CreatableSelect';

package/dist/select/types.d.ts

@@ -0,0 +1,15 @@
+import { MultiValue } from 'react-select';
+import type { SingleValue, ActionMeta } from 'react-select';
+export type SelectMultiValue = MultiValue<{
+    label: string;
+    value: string;
+}>;
+export type SelectSingleValue = SingleValue<{
+    label: string;
+    value: string;
+}>;
+export type SelectValue = SelectMultiValue | SelectSingleValue;
+export type SelectActionMeta = ActionMeta<{
+    label: string;
+    value: string;
+}>;

package/dist/selectors/Selectors.d.ts

@@ -0,0 +1,7 @@
+export type SelectorsProps = {
+    selectors: {
+        name: string;
+        onClick: any;
+    }[];
+};
+export declare function Selectors({ selectors }: SelectorsProps): import("react/jsx-runtime").JSX.Element;

package/dist/selectors/index.d.ts

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

package/dist/style.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap";:root{--text-primary: #171718;--text-secondary: #37373d;--text-tertiary: #8e8e8e;--primary: #171718;--secondary: #767676;--iris: #6c5bd2;--iris-5: #f8f7fd;--iris-10: #f0effb;--iris-20: #edebfa;--iris-40: #8a7cdb;--iris-60: #503bc9;--lemon: #fffa80;--lavender: #bfb4fe;--slate-10: #f9f9f9;--slate-20: #f7f7f7;--slate-50: #f5f5f8;--slate-100: #f0eff4;--slate-200: #ebe9f1;--slate-300: #e2e0eb;--slate-400: #d2cfe0;--slate-600: #b3b2b8;--slate-700: #434053;--slate-800: #2e2b40;--hint: #939393;--blue-10: #cbd5e0;--blue-20: #e2e8f0;--orange-10: #e78a75;--orange-20: #e06c52;--black: #000000;--white: #ffffff;--danger: #de350b;--success: #36b37e;--warning: #ff8b00;--filter-slate-600: invert(79%) sepia(7%) saturate(161%) hue-rotate(210deg) brightness(92%) contrast(85%);--gray-700: #2d3748}:root{font-family:Instrument Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}.hybr1d-ui-reset-btn{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hybr1d-ui-base-btn{display:flex;justify-content:center;align-items:center;outline:none;border:none;transition:all .3s ease-in-out}.hybr1d-ui-primary-btn{background:var(--iris);color:#fff}.hybr1d-ui-primary-btn:hover{background:var(--iris-60)}.hybr1d-ui-secondary-btn{background:var(--slate-20);color:var(--text-primary)}.hybr1d-ui-secondary-btn:hover{background:var(--slate-100)}._btn_1ohtw_2{width:auto;overflow:visible;font:inherit;border:none;line-height:normal;font-size:16px;line-height:24px;padding:0 16px;height:40px;border-radius:6px;display:flex;align-items:center;gap:8px;white-space:nowrap}._btn_1ohtw_2:focus-visible{outline:none}._btn_1ohtw_2._disabled_1ohtw_23{opacity:.5}._btn_1ohtw_2._disabled_1ohtw_23:hover{cursor:not-allowed}._btnSm_1ohtw_31{font-size:14px;font-weight:400;line-height:20px;height:32px}._btnAdapt_1ohtw_38{width:100%}._btnXs_1ohtw_42{color:var(--iris);font-size:12px;font-style:normal;font-weight:500;line-height:16px;padding:6px 12px;height:fit-content}._btn_1ohtw_2:hover{cursor:pointer}._btnPrimary_1ohtw_56{background-color:var(--iris);color:#fff}._btnPrimary_1ohtw_56:hover{background-color:var(--iris-60)}._btnSecondary_1ohtw_65{background-color:var(--slate-20);color:var(--primary)}._btnSecondary_1ohtw_65:hover{background-color:var(--slate-50)}._btnGhost_1ohtw_74{background-color:var(--iris-5);color:var(--iris);border:1px solid var(--iris)}._btnGhost_1ohtw_74:hover{background-color:var(--iris-10)}._btnDanger_1ohtw_84{color:#fff;background-color:var(--danger)}._btnLink_1ohtw_89{background:none;color:var(--iris)}._btnMinimal_1ohtw_94{border:1px solid var(--slate-300);background:var(--white);color:var(--primary)}._btnMinimal_1ohtw_94:hover{background:var(--slate-100)}._btnGrp_1ohtw_106{display:flex;align-items:center;height:40px}._btnMenu_1ohtw_112{border-radius:6px 0 0 6px;padding-right:8px;border-right:none!important}._btnMenuSingle_1ohtw_118{border-radius:6px}._btnAddon_1ohtw_122{border-radius:0 6px 6px 0;padding:0 8px}._btnAddonPrimary_1ohtw_127{border-left:1px solid var(--iris-40)}._btnAddonSecondary_1ohtw_131{border-left:1px solid var(--slate-300)}._btnAddonGhost_1ohtw_135{border-left:1px solid var(--iris)}._btnImgPrimary_1ohtw_139{filter:invert(100%) sepia(1%) saturate(7478%) hue-rotate(16deg) brightness(107%) contrast(100%)}._btnImgSecondary_1ohtw_143{filter:invert(6%) sepia(7%) saturate(287%) hue-rotate(201deg) brightness(97%) contrast(93%)}._btnImgGhost_1ohtw_147{filter:invert(37%) sepia(89%) saturate(3140%) hue-rotate(234deg) brightness(90%) contrast(81%)}._btnImgSm_1ohtw_151{width:20px;height:20px}._menus_1ohtw_156{z-index:10;padding:4px;border-radius:4px;background:#fff;box-shadow:#0000000d 0 0 0 1px;min-width:200px}._menus_1ohtw_156:focus-visible{outline:none}._menu_1ohtw_156{display:flex;align-items:center;gap:4px;padding:8px 10px;color:var(--text-primary);border-radius:6px;font-size:1.07692rem;line-height:1.53846rem}._menu_1ohtw_156:hover{background:var(--slate-100);cursor:pointer}._menuIcon_1ohtw_185{width:20px;height:20px;margin-right:8px}._menuIcon_1ohtw_185>g>path,._menuIcon_1ohtw_185>path{fill:var(--slate-700)}._customTrigger_1ohtw_196{border-radius:6px}._customTrigger_1ohtw_196:focus-visible{outline:none}._customTrigger_1ohtw_196:hover{background-color:var(--slate-100)}._customTriggerActive_1ohtw_208{background-color:var(--iris-20)!important}._actionsBoxRegular_1ohtw_214{width:36px;height:36px;display:flex;align-items:center}._actionsBoxRegular_1ohtw_214:hover{cursor:pointer}._actionsBoxSmall_1ohtw_225{width:36px;height:26px}._actionsDropdownSpan_1ohtw_230{display:flex;align-items:center;justify-content:center;width:100%;height:100%}._actionsDropdown_1ohtw_230{width:24px;height:24px}._actionsDropdown_1ohtw_230>path{fill:var(--slate-600)}._actionsDropdownSpan_1ohtw_230:hover>._actionsDropdown_1ohtw_230>path{fill:var(--secondary)}._actionsDropdownSpan_1ohtw_230>._actionsDropdown_1ohtw_230._actionsDropdownActive_1ohtw_251>path{fill:var(--iris)}._chevronDown_1ohtw_255>g>path{fill:#fff}._container_1caij_1{width:100%;height:100%;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}._containerRow_1caij_11{flex-direction:row;gap:1.62rem}._title_1caij_16{font-weight:600;font-size:1.23rem;line-height:1.85rem;text-align:center;color:#939393;margin-bottom:8px}._title_1caij_16._textRow_1caij_25{text-align:left}._desc_1caij_29{font-weight:400;font-size:1.08rem;line-height:1.54rem;text-align:center;color:#939393}._desc_1caij_29._textRow_1caij_25{text-align:left}._info_1caij_41{margin-bottom:20px}._iconBox_1caij_45{width:5.4rem;height:5.4rem;margin-bottom:10px;flex-shrink:0}._icon_1caij_45{width:70px;height:70px}._icon_1caij_45>path,._icon_1caij_45>g>path{fill:var(--slate-400)}._filters_cdls5_1{display:flex;align-items:center;gap:8px}._filtersInfo_cdls5_7{font-size:12px;color:var(--secondary)}._filter_cdls5_1{display:flex;align-items:center;padding:6px 8px;border-radius:4px}._filter_cdls5_1:hover{cursor:pointer}._filter_cdls5_1:hover ._filterIcon2_cdls5_22>path{fill:var(--slate-700)}._filter_cdls5_1:hover [data-scope=tooltip] ._filterCol_cdls5_26{color:var(--slate-700)}._filter_cdls5_1:focus-visible{outline:none}._filterActive_cdls5_34{background-color:var(--slate-50)}._filterIcon_cdls5_22{margin-inline-end:12px;width:24px;height:24px}._resetIcon2_cdls5_44{margin-inline-end:8px;width:16px;height:16px;filter:invert(42%) sepia(91%) saturate(0%) hue-rotate(161deg) brightness(91%) contrast(93%)}._resetIcon2_cdls5_44:hover{cursor:pointer}._filterIcon2_cdls5_22{width:20px;height:20px}._filterIcon2_cdls5_22>path{fill:var(--slate-600)}._filterCol_cdls5_26{color:var(--secondary);font-size:14px;line-height:20px;margin-inline-end:4px}._totalSelected_cdls5_70{border-radius:3px;background:var(--slate-800);color:var(--white);font-size:12px;font-weight:500;line-height:normal;padding:0 3px}._positioner_cdls5_82{z-index:1}._dropdown_cdls5_86{width:256px;max-height:316px;position:relative;overflow-y:scroll;padding:8px;border-radius:12px;background:var(--white);box-shadow:#00000029 0 1px 4px}._dropdown_cdls5_86:focus-visible{outline:none}._options_cdls5_101{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}._optionsEmpty_cdls5_109{text-align:center;padding-top:10px;padding-bottom:10px}._option_cdls5_101{border-radius:6px;background:var(--white);color:var(--primary);font-size:14px;line-height:180%;width:100%;padding:2px 8px;display:flex;align-items:center;column-gap:16px}._option_cdls5_101:hover{background:var(--slate-50)}._selectedFilters_cdls5_134{color:var(--secondary);font-size:12px;font-weight:500;line-height:180%}._dropdownSearch_cdls5_141{position:sticky;top:-10px;margin-bottom:6px;padding-top:10px;background-color:#fff;margin-top:-10px}._footerBox_cdls5_150{position:sticky;bottom:0;padding-bottom:4px;margin-left:-8px;margin-right:-8px;padding-left:6px}._footer_cdls5_150{width:100%;display:flex;justify-content:space-between;padding-left:8px;padding-right:8px;background-color:#fff;margin-bottom:-13px;padding-bottom:6px}._resetBtn_cdls5_170{display:inline-flex;height:24px;padding:0 8px;justify-content:center;align-items:center;gap:6px;border-radius:6px;border:1px solid var(--slate-200);color:var(--secondary);font-size:12px;font-weight:500;line-height:16px;background-color:var(--slate-20)}._resetBtn_cdls5_170:hover{cursor:pointer}._resetIcon_cdls5_44{width:12px;height:12px;filter:invert(42%) sepia(91%) saturate(0%) hue-rotate(161deg) brightness(91%) contrast(93%)}._optionLabel_cdls5_200{display:flex;align-items:center;column-gap:16px;text-wrap:pretty}._optionLabel_cdls5_200:hover{cursor:pointer}._optionLabel_cdls5_200>[data-part=control]{width:16px;height:16px;border-radius:3px;border:2px solid var(--slate-200);background-color:#fff;flex-shrink:0}._optionLabel_cdls5_200>[data-part=control][data-state=checked]{border-color:var(--iris);background-color:var(--iris);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zMS4yMmEuNzUuNzUgMCAwIDEgMCAxLjA2TDMuMjggNi4yNWEuNzUuNzUgMCAwIDEtMS4wNiAwbC0yLTJhLjc1Ljc1IDAgMSAxIDEuMDYtMS4wNmwxLjQ3IDEuNDY5IDQuNS00LjQ0YS43NS43NSAwIDAgMSAxLjA2IDBaIiBmaWxsPSIjZmZmIi8+PC9zdmc+);background-position:center;background-size:10px;background-repeat:no-repeat}._filterTooltip_cdls5_230{display:inline-flex;padding:6px;flex-direction:column;align-items:flex-start;gap:8px;border-radius:6px;background:var(--white);box-shadow:#0000000d 0 0 0 1px;min-width:120px;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}._filterValue_cdls5_246{color:var(--primary);width:100%;font-size:14px;font-weight:400;line-height:20px;display:flex;height:24px;padding:6px 4px 6px 6px;align-items:center;border-radius:4px;background:var(--slate-50)}._filterTooltipTrigger_cdls5_260{display:flex;align-items:center;justify-content:center}._box_dizuo_1{position:relative}._search_dizuo_5{border-radius:4px;border:1px solid var(--slate-300);background:var(--white);display:flex;width:100%;align-items:center;gap:10px;padding:6px 12px 6px 40px;font-size:16px;line-height:24px;color:var(--primary)}._search_dizuo_5::placeholder{color:var(--hint)}._search_dizuo_5:focus-visible{outline:1px solid var(--iris)}._searchIcon_dizuo_29{position:absolute;left:12px;top:10px;width:20px;height:20px;filter:var(--filter-slate-600)}._clearIcon_dizuo_39{position:absolute;right:12px;top:10px;width:20px;height:20px;filter:var(--filter-slate-600)}._clearIcon_dizuo_39:hover{cursor:pointer}._box_whvoa_1{display:flex;align-items:center;justify-content:center;background-color:#fff;min-height:500px;width:calc(100vw - 120px)}._loader_whvoa_11{text-align:center;border-radius:.475rem;box-shadow:0 0 50px #523f6926;background-color:#fff;color:#7e8299;font-weight:500;font-size:14px;padding:1rem 2rem}._box_wq14g_1{background-color:#fff;border-radius:4px;min-height:500px}._empty_wq14g_8{text-align:center;padding-top:80px;padding-bottom:73px}._box_nao91_1{display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding-right:20px}._label_nao91_9{padding:4px;max-width:fit-content;border-radius:2px;background:rgba(125,125,161,.1);color:#7d7da1;font-size:12px;font-weight:500;line-height:16px}._selectedActions_1kmqu_1{padding:0 20px;height:52px;display:flex;align-items:center;border:1px solid var(--slate-200);border-bottom:none;gap:18px}._selectedAction_1kmqu_1{display:flex;align-items:center;gap:12px}._selectedInfo_1kmqu_17{display:flex;width:24px;height:24px;padding:0 2px;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;border-radius:44px;background:var(--slate-20);font-size:.625rem;line-height:1.25rem;letter-spacing:.0125rem;color:var(--text-primary)}._actionsBtnIconSpan_1kmqu_36,._actionsBtnIcon_1kmqu_36{width:16px;height:16px}._selectedIcon_1kmqu_46{width:20px;height:20px}._actionsBtnIcon_1kmqu_36 g,._selectedIcon_1kmqu_46 g{clip-path:context-box}._actionsBtnIcon_1kmqu_36>path,._actionsBtnIcon_1kmqu_36>g>path{fill:var(--slate-600)}._selectedIcon_1kmqu_46>path,._selectedIcon_1kmqu_46>g>path{fill:var(--slate-400)}._box_18qqq_1{background-color:var(--white);width:100%}._header_18qqq_6{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between;padding:8.33px 20px;border-radius:4px 4px 0 0;border:1px solid var(--slate-200);border-bottom:none}._meta_18qqq_18{display:flex;align-items:center;justify-content:space-between;flex-grow:1}._total_18qqq_25{color:var(--secondary);font-size:12px;line-height:16px;margin-inline-end:10px}._selectorGrp_18qqq_32{display:flex;align-items:center;gap:16px}._table_18qqq_38{table-layout:fixed;width:100%;border-collapse:collapse;border:1px solid var(--slate-200);height:100%;max-width:100%;overflow-x:scroll}._tableHead_18qqq_48{background:var(--slate-50);height:36px}._tableData_18qqq_53{color:var(--primary);font-size:14px;font-weight:400;line-height:20px;padding-top:12px;padding-bottom:12px}._tableDataWithSelection_18qqq_63:first-child{text-align:center}._tableBody_18qqq_67>._tableRow_18qqq_67{border:1px solid var(--slate-200);border-bottom:none}._tableHead_18qqq_48>._tableRow_18qqq_67{border-left:1px solid var(--slate-200);border-right:1px solid var(--slate-200)}._headerTxt_18qqq_77{color:var(--gray-700);font-size:14px;font-weight:500;line-height:24px}._tableHeader_18qqq_84{color:var(--slate-600);font-size:12px;font-weight:500;line-height:20px;letter-spacing:.2px;text-transform:uppercase;text-align:left}._tableHeaderSort_18qqq_94:hover{color:var(--slate-700);cursor:pointer}._tableHeaderSortSpan_18qqq_99{width:20px;height:20px;margin-left:3px}._tableHeaderSortIcon_18qqq_105{width:18px;height:18px}._tableHeaderSort_18qqq_94:hover ._tableHeaderSortSpan_18qqq_99 ._tableHeaderSortIcon_18qqq_105>g>path{fill:var(--slate-700)}._box_1wr6m_1{display:flex;height:26px;align-items:center;gap:1px;height:28px}._selector_1wr6m_10{display:flex;height:26px;padding:4px 12px;justify-content:center;align-items:center;background:var(--slate-10);box-shadow:-1px 0 #0000001a;color:var(--hint);font-size:14px;font-weight:400;line-height:20px}._selector_1wr6m_10:hover{cursor:pointer}._active_1wr6m_30{background-color:var(--iris-10);color:var(--iris);font-weight:600}._checkboxSpan_dxec8_1{margin:auto}._checkboxSpan_dxec8_1>input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0}._checkbox_dxec8_1{width:20px;height:20px;border-radius:3px;border:2px solid var(--slate-200);accent-color:var(--iris);margin:auto}._checkboxSpan_dxec8_1>input[type=checkbox]:checked{border-color:var(--iris);background-color:var(--iris);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zMS4yMmEuNzUuNzUgMCAwIDEgMCAxLjA2TDMuMjggNi4yNWEuNzUuNzUgMCAwIDEtMS4wNiAwbC0yLTJhLjc1Ljc1IDAgMSAxIDEuMDYtMS4wNmwxLjQ3IDEuNDY5IDQuNS00LjQ0YS43NS43NSAwIDAgMSAxLjA2IDBaIiBmaWxsPSIjZmZmIi8+PC9zdmc+);background-position:center;background-size:12px;background-repeat:no-repeat}._checkboxSpan_dxec8_1>input[type=checkbox]:checked._checkboxSelect_dxec8_33{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTTEuNSAxaDciLz48L3N2Zz4=)}._radio_dxec8_39{width:20px;height:20px;border:2px solid var(--slate-200);accent-color:var(--iris)}._container_186a7_1{border-radius:4px;border:1px solid var(--slate-300);background:var(--white, #fff);width:fit-content}._inputLabel_186a7_7{font-weight:400;font-size:1.08rem;line-height:1.54rem;color:#171718;margin-bottom:4px}._inputLabel_186a7_7._required_186a7_15:after{content:"*";color:#de350b;margin-left:2px}._container_186a7_1{font-weight:400;font-size:1.23rem;line-height:1.85rem;color:#171718;border:1px solid #e2e0eb;border-radius:4px;outline:none;transition:all .3s ease-in-out}._container_186a7_1 input::placeholder{color:#939393}._container_186a7_1 input:focus{border:1px solid #6c5bd2}._container_186a7_1 input._error_186a7_42{border-color:#de350b;caret-color:#de350b}._container_186a7_1 input:disabled{background-color:var(--slate-50);pointer-events:none;cursor:not-allowed}._container_186a7_1 input{all:unset;font-weight:400;font-size:1.23rem;line-height:1.85rem;color:#171718;padding:6px 12px}._options_186a7_62{padding:12px 0;border-radius:4px;background:var(--white);box-shadow:0 0 10px #00000026;max-height:300px;overflow-y:scroll}._option_186a7_62{height:100%;list-style-type:none;color:var(--primary);font-size:16px;font-style:normal;font-weight:400;padding:8px 12px;cursor:pointer}._option_186a7_62:hover{background:var(--slate-20)}._backdropLayer_1c8ms_1{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;visibility:hidden}._backdropLayer_1c8ms_1._show_1c8ms_12{visibility:visible}._backdrop_1c8ms_1{width:100%;height:100%;background-color:var(--black);opacity:0;transition:all .3s ease-in-out}._backdrop_1c8ms_1._showBackdrop_1c8ms_24{opacity:.3}._container_1c8ms_28{height:100vh;position:fixed;top:0;background:var(--white);box-shadow:0 -4px 15px #00000014;z-index:1040;transition:transform .3s ease-in-out}._container_1c8ms_28._rightAlign_1c8ms_40{right:0}._container_1c8ms_28._leftAlign_1c8ms_44{left:0}._container_1c8ms_28._sm_1c8ms_48{width:30.8rem}._container_1c8ms_28._md_1c8ms_52{width:46.2rem}._container_1c8ms_28._lg_1c8ms_56{width:63.08rem}._container_1c8ms_28._xlg_1c8ms_60{width:77rem}._container_1c8ms_28._xxlg_1c8ms_64{width:92.3rem}._content_1c8ms_68{height:100%;position:relative}._headerContainer_1c8ms_74{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}._headerContainer_1c8ms_74._showBorder_1c8ms_81{border-bottom:1px solid var(--slate-300)}._title_1c8ms_85{font-style:normal;font-weight:500;font-size:1.54rem;line-height:2.15rem;color:var(--text-primary)}._closeBtn_1c8ms_93{background:transparent url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23434053%27%3e%3cpath d=%27M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z%27/%3e%3c/svg%3e") center/.8rem auto no-repeat;color:var(--slate-700);width:11.5px;height:11.5px;outline:none;border:none;cursor:pointer}._descriptionContainer_1c8ms_106{padding:20px;max-height:calc(100vh - 3.5rem);height:calc(100vh - 3.5rem);overflow:scroll}._descriptionContainer_1c8ms_106._fullHeight_1c8ms_112{height:100%;max-height:100%}._footer_1c8ms_117{position:absolute;bottom:0;left:0;padding:12px 20px;z-index:20;width:100%;display:flex;align-items:center;justify-content:flex-end;gap:12px;background:var(--white)}._footerBtnContainer_1c8ms_133{display:flex;justify-content:space-between;align-items:center}._footerBtn_1c8ms_133{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:12px}._saveBtn_1c8ms_147,._cancelBtn_1c8ms_148{font-weight:400;font-size:1.23rem;line-height:1.9rem;padding:8px 16px;border-radius:6px}@media screen and (max-width: 600px){._container_1c8ms_28{width:100vw!important}}._inputContainer_1re0u_1{margin-bottom:20px}._inputContainer_1re0u_1._adapt_1re0u_5{width:100%}._inputContainer_1re0u_1._sm_1re0u_9{width:20.8rem}._inputContainer_1re0u_1._md_1re0u_13{width:27.7rem}._inputLabelContainer_1re0u_17{display:flex;align-items:center;gap:4px}._inputLabelContainer_1re0u_17 ._inputLabel_1re0u_17{font-weight:400;font-size:1.08rem;line-height:1.54rem;color:var(--primary);margin-bottom:4px;display:flex;align-items:center;gap:4px}._inputLabelContainer_1re0u_17 ._infoCircleSvg_1re0u_35{width:16px;height:16px}._inputLabel_1re0u_17._required_1re0u_40:after{content:"*";color:var(--danger);margin-left:2px}._inputGroup_1re0u_46{display:flex;position:relative;border-radius:4px}._inputWrapper_1re0u_52{width:100%;height:100%}._input_1re0u_1,._textarea_1re0u_58{font-weight:400;font-size:1.23rem;line-height:1.85rem;color:var(--primary);width:100%;border:1px solid var(--slate-300);border-radius:4px;outline:none;transition:all .3s ease-in-out;padding:6px 12px}._input_1re0u_1{height:2.8rem}._input_1re0u_1::placeholder,._textarea_1re0u_58::placeholder{color:var(--hint)}._input_1re0u_1:focus,._textarea_1re0u_58:focus{border:1px solid var(--iris)}._input_1re0u_1._error_1re0u_88{border-color:var(--danger);caret-color:var(--danger)}._input_1re0u_1:disabled{background-color:var(--slate-50);pointer-events:none;cursor:not-allowed}input[type=date]::-webkit-inner-spin-button,._input_1re0u_1[type=date]::-webkit-calendar-picker-indicator{display:none;--webkit-appearance: none}._errorMsg_1re0u_105{font-weight:400;font-size:1rem;line-height:1.54rem;color:var(--danger);margin:0;text-align:left}._inputElement_1re0u_114{position:absolute;top:0;width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;pointer-events:none}._inputElement_1re0u_114._left_1re0u_125{left:0}._inputElement_1re0u_114._right_1re0u_129{right:0}._inputAddon_1re0u_133{width:auto;height:2.8rem;display:flex;align-items:center;justify-content:center;background-color:var(--slate-100);border-top:1px solid var(--slate-300);border-bottom:1px solid var(--slate-300);padding:6px 12px;position:relative;gap:4px;white-space:nowrap}._inputAddon_1re0u_133._left_1re0u_125{left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;border-left:1px solid var(--slate-300)}._inputAddon_1re0u_133._right_1re0u_129{right:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-right:1px solid var(--slate-300)}._inputAddon_1re0u_133 ._dropdownContainer_1re0u_162{position:absolute;top:120%;left:0;width:fit-content;background-color:var(--white);border-radius:4px;box-shadow:0 0 10px #00000026;padding:0 0 12px;max-height:15rem;overflow-y:auto;min-width:15rem;z-index:10}._inputAddon_1re0u_133 ._dropdownContainer_1re0u_162 ._searchContainer_1re0u_177{padding:12px;position:sticky;top:0;left:0;background-color:var(--white)}._inputAddon_1re0u_133 ._dropdownContainer_1re0u_162 ._dropdownOption_1re0u_185{padding:8px 12px;color:var(--primary);font-size:16px;line-height:24px;cursor:pointer;white-space:nowrap}._inputAddon_1re0u_133 ._dropdownContainer_1re0u_162 ._dropdownOption_1re0u_185:hover{background-color:var(--slate-20)}@media screen and (max-width: 300px){._inputContainer_1re0u_1{width:100%!important}}._trigger_1ovxi_1{background:transparent;outline:none;border:none}._content_1ovxi_7{padding:8px 12px;border-radius:4px;position:relative;background:var(--slate-800);color:var(--white);font-size:14px;line-height:20px;max-width:400px}._arrow_1ovxi_18{--arrow-size: 6px;--arrow-background: var(--slate-800);transition:.3s all ease-in-out}._backdrop_1la4q_1{position:fixed;width:100vw;height:100vh;background-color:var(--black);opacity:.3;z-index:1000;top:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}._container_1la4q_16{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:transparent;display:flex;align-items:center;justify-content:center;z-index:1040;overflow:hidden}._container_1la4q_16 ._contentWrapper_1la4q_30{width:100%;background-color:var(--white);border-radius:4px}._container_1la4q_16 ._contentWrapper_1la4q_30._sm_1la4q_39{width:400px}._container_1la4q_16 ._contentWrapper_1la4q_30._md_1la4q_43{width:600px}._container_1la4q_16 ._contentWrapper_1la4q_30._fullScreen_1la4q_47{width:100vh;height:100vh}._container_1la4q_16 ._contentWrapper_1la4q_30 ._content_1la4q_30{position:relative;width:100%;max-height:100%}._container_1la4q_16 ._contentWrapper_1la4q_30 ._content_1la4q_30 ._header_1la4q_58{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;background-color:var(--white);color:var(--primary);font-size:20px;font-weight:500;line-height:28px;border-top-left-radius:4px;border-top-right-radius:4px}._container_1la4q_16 ._contentWrapper_1la4q_30 ._content_1la4q_30 ._header_1la4q_58._showBorder_1la4q_75{border-bottom:1px solid var(--slate-300)}._container_1la4q_16 ._contentWrapper_1la4q_30 ._content_1la4q_30 ._header_1la4q_58 ._closeIconSpan_1la4q_79{filter:invert(76%) sepia(11%) saturate(92%) hue-rotate(210deg) brightness(91%) contrast(95%);cursor:pointer}._container_1la4q_16 ._contentWrapper_1la4q_30 ._content_1la4q_30 ._header_1la4q_58 ._closeIconSpan_1la4q_79 ._closeIcon_1la4q_79{width:24px;height:24px;filter:invert(76%) sepia(11%) saturate(92%) hue-rotate(210deg) brightness(91%) contrast(95%)}._container_1la4q_16 ._contentWrapper_1la4q_30 ._content_1la4q_30 ._body_1la4q_90{width:100%;padding:20px;background-color:transparent;overflow-y:scroll;padding-block:0;max-height:70vh}._container_1la4q_16 ._contentWrapper_1la4q_30 ._content_1la4q_30 ._footer_1la4q_99{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px;background-color:var(--white);border-bottom-left-radius:4px;border-bottom-right-radius:4px}._container_1la4q_16 ._contentWrapper_1la4q_30 ._content_1la4q_30 ._footer_1la4q_99._showBorder_1la4q_75{border-top:1px solid var(--slate-300)}._container_1la4q_16 ._contentWrapper_1la4q_30 ._content_1la4q_30 ._footer_1la4q_99 ._btnsContainer_1la4q_115{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:8px}@media screen and (max-width: 400px){._container_1la4q_16 ._contentWrapper_1la4q_30{width:100%!important}}._trigger_1ypev_1{cursor:default!important}._content_1ypev_5{padding:8px 12px;border-radius:4px;position:relative}._content_1ypev_5._black_1ypev_11{background:var(--slate-800);color:var(--white)}._content_1ypev_5._white_1ypev_16{background:var(--slate-200);color:var(--primary)}._closeBtn_1ypev_21{position:absolute;top:0;right:0;padding:.5rem}._arrow_1ypev_28{--arrow-size: 6px;display:none;transition:.3s all ease-in-out}._arrow_1ypev_28._black_1ypev_11{--arrow-background: var(--slate-800)}._arrow_1ypev_28._white_1ypev_16{--arrow-background: var(--slate-200)}._trigger_1ypev_1[aria-expanded=true]~._positioner_1ypev_42>._arrow_1ypev_28{display:block}._selectContainer_1pdd3_1{width:100%}._selectContainer_1pdd3_1 ._errorMsg_1pdd3_5{font-weight:400;font-size:1rem;line-height:1.54rem;color:#de350b;margin:0;text-align:left}._multiLabelContainer_1pdd3_14{display:flex;align-items:center;gap:4px}._optionContainer_1pdd3_20 ._profileImg_1pdd3_20,._multiLabelContainer_1pdd3_14 ._profileImg_1pdd3_20,._singleValueContainer_1pdd3_22 ._profileImg_1pdd3_20{width:28px;height:28px;border-radius:50%;object-fit:contain;overflow:hidden}._singleValueContainer_1pdd3_22{display:flex;align-items:center;gap:4px}._optionContainer_1pdd3_20 ._label_1pdd3_36{display:flex;align-items:center;gap:8px}._optionContainer_1pdd3_20 ._subLabel_1pdd3_42{font-weight:400;font-size:.92rem;line-height:1.54rem;color:var(--secondary)}._closeSpan_1pdd3_49,._downArrowSpan_1pdd3_50{display:flex;align-items:center;justify-content:center;filter:invert(76%) sepia(5%) saturate(209%) hue-rotate(210deg) brightness(95%) contrast(89%);width:20px;height:20px}._closeSpan_1pdd3_49 svg,._downArrowSpan_1pdd3_50 svg{width:100%;height:100%}._checkbox_qfi93_1{display:inline-flex;align-items:center;cursor:pointer;color:var(--primary);font-size:14px;font-family:Instrument Sans;line-height:20px}._checkbox_qfi93_1._disabled_qfi93_12{cursor:not-allowed}._checkbox_qfi93_1 ._checkboxInput_qfi93_16{display:none}._checkbox_qfi93_1 ._checkboxBox_qfi93_20{width:1.143em;height:1.143em;border-radius:2px;border:2px solid var(--slate-300);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:10px;transition:all .2s ease-in-out}._checkbox_qfi93_1 ._checkboxBox_qfi93_20._error_qfi93_33{border:2px solid var(--danger)!important}._checkbox_qfi93_1 ._checkboxBox_qfi93_20._disabled_qfi93_12{background:var(--slate-50);pointer-events:none;cursor:not-allowed}._checkbox_qfi93_1 ._checkboxInput_qfi93_16:checked+._checkboxBox_qfi93_20{border:2px solid var(--iris);background:var(--iris)}._checkbox_qfi93_1 ._checkboxInput_qfi93_16+._checkboxBox_qfi93_20:after{content:"";width:.75em;height:.75em;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zMS4yMmEuNzUuNzUgMCAwIDEgMCAxLjA2TDMuMjggNi4yNWEuNzUuNzUgMCAwIDEtMS4wNiAwbC0yLTJhLjc1Ljc1IDAgMSAxIDEuMDYtMS4wNmwxLjQ3IDEuNDY5IDQuNS00LjQ0YS43NS43NSAwIDAgMSAxLjA2IDBaIiBmaWxsPSIjZmZmIi8+PC9zdmc+);background-size:contain;background-repeat:no-repeat;background-position:center;transform:scale(0);transition:transform .2s ease-in-out;margin-left:1px;margin-top:1px}._checkbox_qfi93_1 ._checkboxInput_qfi93_16:checked+._checkboxBox_qfi93_20:after{transform:scale(1)}._checkbox_qfi93_1 ._checkboxBox_qfi93_20._indeterminate_qfi93_66:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTTEuNSAxaDciLz48L3N2Zz4=);margin-top:0}._errorMsg_qfi93_71{font-size:13px;font-style:normal;font-weight:400;line-height:20px;margin:0;color:var(--danger);text-align:left}._progressContainer_jkwm1_1{width:100%}._progressContainer_jkwm1_1 ._header_jkwm1_6{width:100%;height:60px;padding:16px 15px;background:var(--slate-50);position:sticky;top:0;left:0;z-index:20;display:flex;align-items:center;justify-content:space-between}._steps_jkwm1_22{display:flex;align-items:center;gap:12px;max-width:fit-content;min-width:200px;overflow-x:scroll;overflow-y:hidden;padding:0 5px}._btnsFlex_jkwm1_33,._step_jkwm1_22{display:flex;align-items:center;gap:12px}._line_jkwm1_45{width:2.8rem;height:1px;background:var(--black)}._labelContainer_jkwm1_51{display:flex;align-items:center;gap:12px;height:40px}._circle_jkwm1_58{width:24px;height:24px;flex-shrink:0;background:var(--slate-200);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--secondary);font-family:Instrument Sans;font-size:12px;font-style:normal;font-weight:500;line-height:20px;position:relative}._circle_jkwm1_58._active_jkwm1_78{background:var(--iris-40);color:var(--white)}._circle_jkwm1_58._active_jkwm1_78:after{content:"";width:28px;height:28px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;border:1px dashed var(--iris-40);border-radius:50%;transform:translate(-2px,-2px)}._circle_jkwm1_58._completed_jkwm1_98{background:var(--iris-60);padding:6px}._label_jkwm1_51{color:var(--secondary);font-size:16px;font-style:normal;font-weight:400;line-height:20px;white-space:nowrap}._label_jkwm1_51._active_jkwm1_78{color:var(--primary);font-size:16px;font-style:normal;font-weight:600;line-height:20px}._progressContainer_jkwm1_1 ._body_jkwm1_120{width:100%;height:calc(100vh - 70px);padding:24px 20px;overflow-y:scroll;overflow-x:hidden}._progressContainer_jkwm1_1 ._footer_jkwm1_128{width:100%;height:60px;padding:10px 24px;background:var(--white);position:sticky;bottom:0;left:0;z-index:20;box-shadow:0 -4px 4px #dcdcdc40;display:flex;align-items:center;justify-content:space-between}._progressContainer_jkwm1_1 ._footer_jkwm1_128 ._btnsFlex_jkwm1_33{display:flex;align-items:center;gap:12px}._segmentedControl_alulr_1{width:fit-content;display:flex;flex-direction:column}._segmentedControl_alulr_1 ._root_alulr_7{display:inline-flex;padding:6px;align-items:flex-start;gap:6px;border-radius:30px;background:var(--slate-20);margin-bottom:20px}._segmentedControl_alulr_1 ._root_alulr_7 ._radio_alulr_23{border:1px solid transparent}._segmentedControl_alulr_1 ._root_alulr_7 ._radio_alulr_23[data-state=checked]{color:var(--primary);background:#f8f8ff;border-radius:24px;border:1px solid var(--iris)}._segmentedControl_alulr_1 ._root_alulr_7 ._radio_alulr_23:hover{background:var(--slate-100);border-radius:24px}._segmentedControl_alulr_1 ._root_alulr_7 ._radio_alulr_23 ._radioLabel_alulr_39{color:var(--secondary);text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding:6px 14px;min-width:80px;display:block}._segmentedControl_alulr_1 ._root_alulr_7 ._radio_alulr_23 ._radioLabel_alulr_39[data-state=checked]{color:var(--primary)}._labelContainer_mgtdh_1{margin-bottom:10px}._heading_mgtdh_5{font-size:14px;font-weight:500;line-height:20px;color:var(--text-secondary);margin-bottom:0}._optionsContainer_mgtdh_13{display:flex;flex-direction:column;gap:10px}._topMargin_mgtdh_19{margin-top:10px}._radio_mgtdh_23{display:flex;gap:10px;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:16px;align-items:center}._radioLabel_mgtdh_32{order:2;display:flex;flex-direction:column}._heading_mgtdh_5{font-size:14px;line-height:20px;font-weight:400;color:var(--primary)}._subHeading_mgtdh_45{font-size:12px;line-height:16px;color:var(--secondary)}._radioControl_mgtdh_51{order:1;width:16px;height:16px;border-radius:50%;border:2px solid var(--blue-20, #e2e8f0);flex-shrink:0}._radioControlActive_mgtdh_60{border-color:var(--iris, #6c5bd2);background-color:var(--iris, #6c5bd2);position:relative}._radioControlActive_mgtdh_60:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:var(--white, #ffffff);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._errorMsg_mgtdh_79{font-size:13px;font-style:normal;font-weight:400;line-height:20px;margin:0;color:var(--danger);text-align:left}._infoIcon_mgtdh_89,._infoIconSpan_mgtdh_90{width:16px;height:16px}._infoIconSpan_mgtdh_90{display:flex;align-items:center;justify-content:center;margin-left:-5px}._infoIcon_mgtdh_89>path{fill:var(--slate-600)}._tabList_1uaso_1{display:flex;align-items:flex-start;padding:0 30px;margin:0 -30px;gap:40px;height:40px;background:var(--slate-10);border:1px solid var(--slate-200);border-radius:0 0 4px 4px}._tabList_1uaso_1 ._tab_1uaso_1{border:none;margin:0;padding:7px 0 0;width:auto;overflow:visible;background:transparent;-moz-appearance:none;appearance:none;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;font-weight:400;font-size:1.08rem;line-height:1.54rem;color:var(--secondary);height:100%;border-bottom:2px solid transparent;display:inline-flex;flex-direction:column;align-items:center;cursor:pointer}._tabList_1uaso_1 ._tab_1uaso_1:hover{font-weight:500}._tabList_1uaso_1 ._tab_1uaso_1:after{content:attr(data-text) / "";height:0;visibility:hidden;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:500}._tabList_1uaso_1 ._tab_1uaso_1[data-selected]{color:var(--text-primary);border-bottom-color:var(--iris);font-weight:500}._box_rolw0_1{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}._ldsRing_rolw0_10{display:inline-block;position:relative;width:45px;height:45px}._ldsRing_rolw0_10 div{box-sizing:border-box;display:block;position:absolute;width:29px;height:29px;margin:8px;border:3px solid var(--iris-40);border-radius:50%;animation:_ldsRing_rolw0_10 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--iris-40) transparent transparent transparent}._ldsRing_rolw0_10 div:nth-child(1){animation-delay:-.45s}._ldsRing_rolw0_10 div:nth-child(2){animation-delay:-.3s}._ldsRing_rolw0_10 div:nth-child(3){animation-delay:-.15s}@keyframes _ldsRing_rolw0_10{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._ldsDualRing_rolw0_48{display:inline-block;width:45px;height:45px}._ldsDualRing_rolw0_48:after{content:" ";display:block;width:29px;height:29px;margin:8px;border-radius:50%;border:3px solid var(--iris-40);border-color:var(--iris-40) transparent var(--iris-40) transparent;animation:_ldsDualRing_rolw0_48 1.2s linear infinite}@keyframes _ldsDualRing_rolw0_48{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._ldsRipple_rolw0_74{display:inline-block;position:relative;width:80px;height:80px}._ldsRipple_rolw0_74 div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;animation:_ldsRipple_rolw0_74 1s cubic-bezier(0,.2,.8,1) infinite}._ldsRipple_rolw0_74 div:nth-child(2){animation-delay:-.5s}@keyframes _ldsRipple_rolw0_74{0%{top:36px;left:36px;width:0;height:0;opacity:0}4.9%{top:36px;left:36px;width:0;height:0;opacity:0}5%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}._ldsEllipsis_rolw0_122{display:inline-block;position:relative;width:45px;height:45px}._ldsEllipsis_rolw0_122 div{position:absolute;top:33px;width:10px;height:10px;border-radius:50%;background:var(--iris-40);animation-timing-function:cubic-bezier(0,1,1,0)}._ldsEllipsis_rolw0_122 div:nth-child(1){left:8px;animation:_lds-ellipsis1_rolw0_1 .6s infinite}._ldsEllipsis_rolw0_122 div:nth-child(2){left:8px;animation:_lds-ellipsis2_rolw0_1 .6s infinite}._ldsEllipsis_rolw0_122 div:nth-child(3){left:32px;animation:_lds-ellipsis2_rolw0_1 .6s infinite}._ldsEllipsis_rolw0_122 div:nth-child(4){left:56px;animation:_lds-ellipsis3_rolw0_1 .6s infinite}@keyframes _lds-ellipsis1_rolw0_1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes _lds-ellipsis3_rolw0_1{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes _lds-ellipsis2_rolw0_1{0%{transform:translate(0)}to{transform:translate(24px)}}._ldsRoller_rolw0_179{display:inline-block;position:relative;width:80px;height:80px}._ldsRoller_rolw0_179 div{animation:_ldsRoller_rolw0_179 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}._ldsRoller_rolw0_179 div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:var(--iris-40);margin:-4px 0 0 -4px}._ldsRoller_rolw0_179 div:nth-child(1){animation-delay:-36ms}._ldsRoller_rolw0_179 div:nth-child(1):after{top:63px;left:63px}._ldsRoller_rolw0_179 div:nth-child(2){animation-delay:-72ms}._ldsRoller_rolw0_179 div:nth-child(2):after{top:68px;left:56px}._ldsRoller_rolw0_179 div:nth-child(3){animation-delay:-.108s}._ldsRoller_rolw0_179 div:nth-child(3):after{top:71px;left:48px}._ldsRoller_rolw0_179 div:nth-child(4){animation-delay:-.144s}._ldsRoller_rolw0_179 div:nth-child(4):after{top:72px;left:40px}._ldsRoller_rolw0_179 div:nth-child(5){animation-delay:-.18s}._ldsRoller_rolw0_179 div:nth-child(5):after{top:71px;left:32px}._ldsRoller_rolw0_179 div:nth-child(6){animation-delay:-.216s}._ldsRoller_rolw0_179 div:nth-child(6):after{top:68px;left:24px}._ldsRoller_rolw0_179 div:nth-child(7){animation-delay:-.252s}._ldsRoller_rolw0_179 div:nth-child(7):after{top:63px;left:17px}._ldsRoller_rolw0_179 div:nth-child(8){animation-delay:-.288s}._ldsRoller_rolw0_179 div:nth-child(8):after{top:56px;left:12px}@keyframes _ldsRoller_rolw0_179{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._ldsSpinner_rolw0_265{color:official;display:inline-block;position:relative;width:80px;height:80px}._ldsSpinner_rolw0_265 div{transform-origin:40px 40px;animation:_ldsSpinner_rolw0_265 1.2s linear infinite}._ldsSpinner_rolw0_265 div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:var(--iris-40)}._ldsSpinner_rolw0_265 div:nth-child(1){transform:rotate(0);animation-delay:-1.1s}._ldsSpinner_rolw0_265 div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}._ldsSpinner_rolw0_265 div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}._ldsSpinner_rolw0_265 div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}._ldsSpinner_rolw0_265 div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}._ldsSpinner_rolw0_265 div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}._ldsSpinner_rolw0_265 div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}._ldsSpinner_rolw0_265 div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}._ldsSpinner_rolw0_265 div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}._ldsSpinner_rolw0_265 div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}._ldsSpinner_rolw0_265 div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}._ldsSpinner_rolw0_265 div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes _ldsSpinner_rolw0_265{0%{opacity:1}to{opacity:0}}._ldsHourglass_rolw0_345{display:inline-block;position:relative;width:50px;height:50px}._ldsHourglass_rolw0_345:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:8px;box-sizing:border-box;border:22px solid var(--iris-40);border-color:var(--iris-40) transparent var(--iris-40) transparent;animation:_ldsHourglass_rolw0_345 1.2s infinite}@keyframes _ldsHourglass_rolw0_345{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(900deg);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(1800deg)}}._ldsGrid_rolw0_378{display:inline-block;position:relative;width:50px;height:50px}._ldsGrid_rolw0_378 div{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--iris-40);animation:_ldsGrid_rolw0_378 1.2s linear infinite}._ldsGrid_rolw0_378 div:nth-child(1){top:8px;left:8px;animation-delay:0s}._ldsGrid_rolw0_378 div:nth-child(2){top:8px;left:22px;animation-delay:-.4s}._ldsGrid_rolw0_378 div:nth-child(3){top:8px;left:36px;animation-delay:-.8s}._ldsGrid_rolw0_378 div:nth-child(4){top:22px;left:8px;animation-delay:-.4s}._ldsGrid_rolw0_378 div:nth-child(5){top:22px;left:22px;animation-delay:-.8s}._ldsGrid_rolw0_378 div:nth-child(6){top:22px;left:36px;animation-delay:-1.2s}._ldsGrid_rolw0_378 div:nth-child(7){top:36px;left:8px;animation-delay:-.8s}._ldsGrid_rolw0_378 div:nth-child(8){top:36px;left:22px;animation-delay:-1.2s}._ldsGrid_rolw0_378 div:nth-child(9){top:36px;left:36px;animation-delay:-1.6s}@keyframes _ldsGrid_rolw0_378{0%,to{opacity:1}50%{opacity:.5}}._component_q4uri_1{display:flex;justify-content:space-between;gap:4px}._switchLabel_q4uri_7{font-size:1.08rem;line-height:1.54rem;color:var(--primary)}._subText_q4uri_13{font-size:.923rem;line-height:1.385rem;margin-top:.75rem}._switch_q4uri_7{margin-top:1px;position:relative;display:inline-block}._switch_q4uri_7._sm_q4uri_24{width:2rem;height:1.231rem}._switch_q4uri_7._sm_q4uri_24 input:checked+._slider_q4uri_28:before{transform:translate(.769rem)}._switch_q4uri_7._sm_q4uri_24 ._slider_q4uri_28:before{width:.923rem;height:.923rem}._switch_q4uri_7._md_q4uri_35{width:2.615rem;height:1.538rem}._switch_q4uri_7._md_q4uri_35 input:checked+._slider_q4uri_28:before{transform:translate(1.077rem)}._switch_q4uri_7._md_q4uri_35 ._slider_q4uri_28:before{height:1.231rem;width:1.231rem}._switch_q4uri_7._lg_q4uri_46{width:3.846rem;height:2.154rem}._switch_q4uri_7._lg_q4uri_46 input:checked+._slider_q4uri_28:before{transform:translate(1.692rem)}._switch_q4uri_7._lg_q4uri_46 ._slider_q4uri_28:before{width:1.846rem;height:1.846rem}._switch_q4uri_7 input{opacity:0;width:0;height:0}._switch_q4uri_7 input:checked+._slider_q4uri_28{background-color:#6c5bd2}._switch_q4uri_7._disabled_q4uri_65 ._slider_q4uri_28{opacity:.5;cursor:not-allowed!important}._switch_q4uri_7 ._slider_q4uri_28{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e0;border-radius:9999px;transition:.25s}._switch_q4uri_7 ._slider_q4uri_28:before{position:absolute;content:"";left:.154rem;bottom:.154rem;top:.154rem;background-color:#fff;border-radius:50%;transition:.25s}

package/dist/svg/SVG.d.ts

@@ -0,0 +1,11 @@
+export type SVGProps = {
+    path: string;
+    width?: number;
+    height?: number;
+    spanClassName?: string;
+    svgClassName?: string;
+    customSvgStyles?: React.CSSProperties;
+    customSpanStyles?: React.CSSProperties;
+    handleClick?: (e: any) => void;
+};
+export declare function SVG({ path, width, height, spanClassName, svgClassName, customSpanStyles, customSvgStyles, handleClick, }: SVGProps): import("react/jsx-runtime").JSX.Element;

package/dist/svg/index.d.ts

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

package/dist/switch/Switch.d.ts

@@ -0,0 +1,12 @@
+type SwitchProps = {
+    isToggled: boolean | any;
+    handleToggleChange: (val: boolean) => void;
+    name: string;
+    subText?: string | React.ReactNode;
+    switchClassName?: string;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    title?: string;
+};
+export declare function Switch({ isToggled, handleToggleChange, name, switchClassName, subText, size, disabled, title, }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/switch/index.d.ts

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