digitinary-ui 1.0.6 → 1.0.7

package/dist/components/SelectGroup/SelectGroup.js

@@ -1,251 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useState, useRef } from 'react';
-import CheckMark from '../../icons/CheckMark';
-import ClearIcon from '../../icons/ClearField';
-import ArrowUp from '../../icons/SelectFieldUpArrow';
-import ArrowDown from '../../icons/SelectFieldDownArrow';
-import SearchIcon from '../../icons/SearchIcon';
-import styles from './SelectGroup.module.scss';
-const SelectGroup = ({ label, placeholder = 'Select', options, value, onChange, isMultiple = true, disabled = false, className = '', errorMsg = '', helperText = '', withSearch = true, itemsLabel = 'Items', size = 'medium', required = false, }) => {
-    const [search, setSearch] = useState('');
-    const [isOpen, setIsOpen] = useState(false);
-    const [dropdownDirection, setDropdownDirection] = useState('down');
-    const [selectedValue, setSelectedValue] = useState(placeholder);
-    const optionRefs = useRef({});
-    const containerRef = useRef(null);
-    const dropdownRef = useRef(null);
-    const optionsContainerRef = useRef(null);
-    const [scrollPosition, setScrollPosition] = useState(0);
-    // Handle the opening and closing of the dropdown
-    const toggleDropdown = () => setIsOpen((prev) => {
-        prev && setDropdownDirection('down');
-        return !prev;
-    });
-    // extract text from label
-    const extractTextFromElement = (element) => {
-        // Base case: if the element is a string, return it directly
-        if (typeof element === 'string') {
-            return element;
-        }
-        // Check if the element is an object and has a 'props' with 'children'
-        if (element &&
-            typeof element === 'object' &&
-            'props' in element &&
-            'children' in element.props) {
-            return extractTextFromElement(element.props.children);
-        }
-        // If none of the above, return an empty string (for elements without children or non-text elements)
-        return '';
-    };
-    // handle options key down event
-    const optionsKeyDown = (e, key, listItem) => {
-        if (e.key === 'Escape') {
-            dropdownRef.current && dropdownRef.current.focus();
-            toggleDropdown();
-        }
-        else if (e.key === 'Enter') {
-            handleSelect(listItem);
-            !isMultiple && toggleDropdown();
-        }
-        else if (e.key === 'ArrowDown') {
-            e.preventDefault();
-            const nextKey = getNextKey(key);
-            const nextElement = optionRefs.current[nextKey];
-            if (nextElement) {
-                nextElement.focus();
-            }
-        }
-        else if (e.key === 'ArrowUp') {
-            e.preventDefault();
-            const previousKey = getPreviousKey(key);
-            const prevElement = optionRefs.current[previousKey];
-            if (prevElement) {
-                prevElement.focus();
-            }
-        }
-    };
-    const getNextKey = (currentKey) => {
-        const keys = Object.keys(optionRefs.current); // Get all keys
-        const currentIndex = keys.indexOf(currentKey);
-        const nextIndex = (currentIndex + 1) % keys.length; // Wrap around to the first item
-        return keys[nextIndex];
-    };
-    const getPreviousKey = (currentKey) => {
-        const keys = Object.keys(optionRefs.current);
-        const currentIndex = keys.indexOf(currentKey);
-        const previousIndex = (currentIndex - 1 + keys.length) % keys.length; // Wrap around to the last item
-        return keys[previousIndex];
-    };
-    // Filter options based on search input
-    const getFilteredOptions = () => {
-        // Check if there is any search input to filter by
-        if (!search.trim()) {
-            return options; // If no search term, return all options as is
-        }
-        // Filter each group's list based on the search term
-        const filteredOptions = options
-            .map((group) => {
-            // Filter the individual list items within the group
-            const filteredList = group.list.filter((item) => {
-                const text = extractTextFromElement(item.label);
-                return text.toLowerCase().includes(search.toLowerCase());
-            });
-            // Return the group only if there are matching items
-            if (filteredList.length > 0) {
-                return {
-                    ...group,
-                    list: filteredList,
-                };
-            }
-            return null; // Return null for groups with no matching items
-        })
-            .filter((group) => group !== null); // Remove the null entries from the results
-        return filteredOptions;
-    };
-    // Handle item selection
-    const handleSelect = (newItem) => {
-        if (isMultiple) {
-            const formattedValue = value;
-            const newValue = formattedValue?.find((item) => item.value === newItem.value)
-                ? formattedValue?.filter((item) => item.value !== newItem.value)
-                : [...formattedValue, newItem];
-            onChange(newValue);
-        }
-        else {
-            onChange(newItem);
-            setIsOpen(false); // Close the dropdown after selection for single select
-        }
-    };
-    const handleFlip = () => {
-        if (optionsContainerRef.current) {
-            const dropDownRect = optionsContainerRef.current.getBoundingClientRect();
-            // Setting the correct position based on the dropdown position (flipped or not).
-            const upDirection = {
-                x: dropDownRect.right,
-                y: dropDownRect.top,
-            };
-            const downDirection = {
-                x: dropDownRect.left,
-                y: dropDownRect.bottom,
-            };
-            // Fetching an element from the x and y coordinates provided by the (upDirection, downDirection) variables.
-            const elementFromPoint = document.elementFromPoint(dropdownDirection === 'down' ? downDirection.x + 5 : upDirection.x - 5, dropdownDirection === 'down' ? downDirection.y - 5 : upDirection.y + 5);
-            // Checking if the fetched element is a children of the options container,
-            // it will return null if the coordinates are outside of the window view.
-            const isDropdownOverlapped = !optionsContainerRef.current.contains(elementFromPoint);
-            if (elementFromPoint === null || isDropdownOverlapped) {
-                // flipping the dropdown position
-                setDropdownDirection(dropdownDirection === 'down' ? 'up' : 'down');
-            }
-        }
-    };
-    const filteredOptions = getFilteredOptions(); // filter options
-    const isEmpty = !filteredOptions.some((item) => item.list.length > 0); // check if options list is empty
-    const message = search ? 'No results found.' : 'No data available.'; // handle errorMsg message to display when options is empty
-    const hasGroupName = filteredOptions.some((group) => group.groupName); // check if at least one group name exist
-    useEffect(() => {
-        // Clean up refs that are no longer visible
-        Object.keys(optionRefs.current).forEach((key) => {
-            if (!filteredOptions.some((group) => group.list.some((item) => `${item.value}` === key))) {
-                delete optionRefs.current[key];
-            }
-        });
-    }, [filteredOptions]);
-    useEffect(() => {
-        search && setSearch(''); // empty search result on close
-        isOpen && handleFlip();
-        // auto scroll to selected value
-        if (isOpen && value && !isMultiple && !Array.isArray(value)) {
-            const keyToFocus = `${value.value}`;
-            const keys = Object.keys(optionRefs.current);
-            const currentIndex = keys.indexOf(keyToFocus);
-            const elementToFocus = optionRefs.current[keys[currentIndex]];
-            if (elementToFocus) {
-                elementToFocus.focus();
-            }
-        }
-        // Function to check if the click was outside the dropdown
-        const handleClickOutside = (event) => {
-            if (containerRef.current && !containerRef.current.contains(event.target)) {
-                setIsOpen(false); // Close the dropdown
-                setDropdownDirection('down');
-            }
-        };
-        if (isOpen) {
-            document.addEventListener('mousedown', handleClickOutside);
-        }
-        else {
-            document.removeEventListener('mousedown', handleClickOutside);
-        }
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [isOpen, dropdownRef]);
-    useEffect(() => {
-        if (isMultiple) {
-            if (Array.isArray(value)) {
-                if (!value.length) {
-                    setSelectedValue(placeholder);
-                }
-                else {
-                    setSelectedValue(`${value.length} ${itemsLabel}`);
-                }
-            }
-            else {
-                setSelectedValue(placeholder);
-            }
-        }
-        else {
-            if (!value || Array.isArray(value)) {
-                setSelectedValue(placeholder);
-            }
-            else if (value.label && typeof value.label === 'string') {
-                setSelectedValue(value.label);
-            }
-        }
-    }, [value, isMultiple, placeholder, itemsLabel]);
-    const isSelected = (listItem) => {
-        if (Array.isArray(value)) {
-            return value?.find((item) => item.value === listItem.value) !== undefined;
-        }
-        else if (value) {
-            return value.value === listItem.value;
-        }
-        else {
-            return false;
-        }
-    };
-    const isActive = () => {
-        if (typeof value === 'object' && !Array.isArray(value) && value && 'label' in value) {
-            return value.label ? 'activeArrow' : '';
-        }
-        else if (Array.isArray(value) && value.length > 0) {
-            return 'activeArrow';
-        }
-        return '';
-    };
-    return (_jsxs("div", { className: `${styles.multiSelectGroup} ${className} ${disabled ? styles.disabled : ''}`, ref: containerRef, children: [label && (_jsxs("label", { className: styles.label, "data-id": `${String(label)?.toUpperCase()?.replaceAll(' ', '_')}_LABEL_ID`, children: [label, required && _jsx("span", { className: styles.required, children: "*" })] })), _jsx("div", { className: `${styles.selectDisplay} ${disabled ? styles.disabled : ''} ${styles[size]} ${isOpen ? styles.open : ''} ${dropdownDirection} ${errorMsg ? styles.error : ''}`, onClick: () => !disabled && toggleDropdown(), onKeyDown: (e) => e.key === 'Enter' && !disabled && toggleDropdown(), tabIndex: 0, "data-id": `${String(label)?.toUpperCase()?.replaceAll(' ', '_')}_FIELD_ID`, children: _jsxs("div", { className: styles.displayValueContainer, children: [_jsx("span", { className: `${styles.displayValue}
-            ${selectedValue === placeholder ? styles.noSelection : ''}
-             ${disabled ? styles.disabledField : ''}`, children: selectedValue }), _jsxs("div", { className: styles.iconsContainer, children: [value &&
-                                    ((Array.isArray(value) && value.length > 0) || (!Array.isArray(value) && value)) &&
-                                    !disabled && (_jsx(ClearIcon, { width: "1rem", height: "1rem", onClick: (e) => {
-                                        e.stopPropagation();
-                                        setIsOpen(false);
-                                        isMultiple ? onChange([]) : onChange(null);
-                                    } })), isOpen ? (_jsx(ArrowUp, { className: `${styles.arrowIcon} ${disabled ? styles.disabled : ''} ${(typeof value === 'object' && !Array.isArray(value) && value?.label) ||
-                                        (Array.isArray(value) && value.length > 0)
-                                        ? styles.activeArrow
-                                        : ''}`, "data-id": "SELECT_ARROW_ICON", width: "1.5rem", height: "1.5rem" })) : (_jsx(ArrowDown, { className: `${styles.arrowIcon} ${disabled ? styles.disabled : ''} ${(typeof value === 'object' && !Array.isArray(value) && value?.label) ||
-                                        (Array.isArray(value) && value.length > 0)
-                                        ? styles.activeArrow
-                                        : ''}`, "data-id": "SELECT_ARROW_ICON", width: "1.5rem", height: "1.5rem" }))] })] }) }), isOpen && !disabled && (_jsxs("div", { className: `${styles.optionsList} ${styles[dropdownDirection]} ${label ? styles.withLabel : ''}`, ref: dropdownRef, children: [withSearch && (_jsxs("div", { className: styles.searchInputContainer, children: [_jsx("input", { className: styles.searchInput, value: search, onChange: (e) => setSearch(e.target.value), onKeyDown: (e) => {
-                                    if (e.key === 'Escape') {
-                                        toggleDropdown();
-                                        dropdownRef.current && dropdownRef.current.focus();
-                                    }
-                                }, disabled: disabled, placeholder: "Search", autoFocus: true, "data-id": "SELECT_SEARCH_DATA_ID" }), _jsxs("div", { className: styles.iconsContainer, children: [search && (_jsx("button", { onClick: () => setSearch(''), className: styles.clearSearch, children: _jsx(ClearIcon, { width: "1rem", height: "1rem", "data-id": "CLEAR_SEARCH_DATA_ID" }) })), _jsx(SearchIcon, { className: styles.selectSearchIcon, width: '1.5rem', height: '1.5rem', "data-id": "SEARCH_ICON_SELECT_DATA_ID" })] })] })), isEmpty && _jsx("div", { className: styles.noResults, children: message }), _jsx("div", { className: `${styles.optionsContainer} ${withSearch ? styles.optionsContainerWithSearch : ''}`, ref: optionsContainerRef, children: !isEmpty &&
-                            filteredOptions.map((group, index) => (_jsxs(React.Fragment, { children: [hasGroupName && _jsx("div", { className: styles.groupTitle, children: group.groupName }), group.list.map((listItem, index) => (_jsxs("div", { className: `${styles.option} ${isSelected(listItem) ? styles.selected : ''} ${!isMultiple ? styles.singleValue : ''} ${hasGroupName ? styles.gutterLeft : ''}`, onClick: () => handleSelect(listItem), onKeyDown: (e) => {
-                                            optionsKeyDown(e, `${listItem.value}`, listItem);
-                                        }, ref: (el) => (optionRefs.current[`${listItem.value}`] = el), tabIndex: 0, "data-id": `${index}_OPTION_DATA_ID`, children: [isMultiple && (_jsx("div", { className: styles.checkbox, children: _jsx(CheckMark, { width: "1rem", height: "1rem", "data-id": `${listItem.index}_CHECK_BOX_DATA_ID` }) })), _jsx("span", { children: listItem.label })] }, listItem.value)))] }, index))) })] })), errorMsg ? (_jsx("div", { className: styles.errorText, children: errorMsg })) : (helperText && _jsx("div", { className: styles.helperText, children: helperText }))] }));
-};
-export default SelectGroup;

package/dist/components/SelectGroup/index.js

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

package/dist/components/SideDrawer/SideDrawer.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useEffect, useState } from 'react';
-import styles from './sideDrawer.module.scss';
-const SideDrawer = ({ open, setOpen, children, className, onClickOutSide, width = '40vw', anchor, }) => {
-    const container = useRef(null);
-    const modal = useRef(null);
-    const sideDrawer = useRef(null);
-    const prevOpen = useRef(false);
-    useEffect(() => {
-        prevOpen.current = open;
-        if (prevOpen.current && !open) {
-            if (sideDrawer.current) {
-                const timeOut = setTimeout(() => {
-                    sideDrawer.current?.remove();
-                }, 500);
-                clearTimeout(timeOut);
-            }
-        }
-        else if (!prevOpen.current && open && sideDrawer.current) {
-            container?.current?.appendChild(sideDrawer.current);
-        }
-    }, [open]);
-    const useMountTransition = (isMounted, unmountDelay) => {
-        const [hasTransitionedIn, setHasTransitionedIn] = useState(false);
-        useEffect(() => {
-            let timeoutId;
-            if (isMounted && !hasTransitionedIn) {
-                setHasTransitionedIn(true);
-            }
-            else if (!isMounted && hasTransitionedIn) {
-                timeoutId = setTimeout(() => setHasTransitionedIn(false), unmountDelay);
-            }
-            return () => {
-                clearTimeout(timeoutId);
-            };
-        }, [unmountDelay, isMounted, hasTransitionedIn]);
-        return hasTransitionedIn;
-    };
-    const hasTransitionedIn = useMountTransition(open, 0);
-    useEffect(() => {
-        if (modal && hasTransitionedIn) {
-            modal.current?.scrollTo({ top: 0 });
-            modal.current?.focus();
-        }
-        else {
-            document.getElementById('main-container')?.focus();
-        }
-    }, [hasTransitionedIn]);
-    return (_jsxs("div", { ref: container, className: `${styles.sideDrawerContainer} ${hasTransitionedIn && styles.active} ${className} ${anchor === 'left' ? styles.anchorLeft : styles.anchorRight}`, children: [_jsx("div", { id: "SIDE_DRAWER", onClick: () => {
-                    setOpen(!open);
-                    onClickOutSide && onClickOutSide();
-                }, className: `${styles.overlay} ${anchor === 'left' ? styles.anchorLeft : styles.anchorRight}` }), _jsx("div", { ref: sideDrawer, className: `${styles.sideDrawer} ${anchor === 'left' ? styles.anchorLeft : styles.anchorRight}`, "data-id": "SIDE_DRAWER_CONTAINER_ID", style: { width: width }, children: hasTransitionedIn && (_jsx("div", { tabIndex: -1, className: `${styles.modal} ${anchor === 'left' ? styles.anchorLeft : styles.anchorRight}`, ref: modal, children: children })) })] }));
-};
-export default SideDrawer;

package/dist/components/SideDrawer/index.js

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

package/dist/components/Switch/Switch.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './switch.module.scss';
-const Switch = ({ checked, onClick, label, disabled = false, labelPlacement = 'left', color = 'primary', }) => {
-    return (_jsxs("div", { className: `${styles.switchContainer} ${labelPlacement}`, children: [label && _jsx("div", { className: styles.switchLabel, children: label }), _jsx("div", { role: "switch", className: `${styles.slider} ${checked ? `${styles.checked}` : `${styles.notChecked}`} ${disabled && `${styles.disabled}`} ${!disabled && styles[color]}`, onClick: onClick, "data-id": "SWITCH_CONTAINER_FIELD", children: _jsx("div", { role: "checkbox", className: `${styles.switchIndicator} ${!disabled && styles[color]}` }) })] }));
-};
-export default Switch;

package/dist/components/Switch/index.js

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

package/dist/components/Table/Table.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import BottomArrow from '../../icons/ArrowBottom';
-import UpArrow from '../../icons/ArrowUpIcon';
-import SortIcon from '../../icons/SortIcon';
-import Tooltip from '../Tooltip/Tooltip';
-import styles from './table.module.scss';
-const Table = ({ id, headCells, data, sort, setSort, currentHeadCell, setCurrentHeadCell, fallback, footer, onRowClick, selectableRow = false, selectedRowId, rowDataId, }) => {
-    const setSortingValue = (headCell) => {
-        let newSortValue = '';
-        if (headCell.id !== currentHeadCell) {
-            setCurrentHeadCell(headCell.id);
-            newSortValue = 'asc';
-        }
-        else if (headCell.id === currentHeadCell && sort === 'asc') {
-            newSortValue = 'desc';
-        }
-        else {
-            setCurrentHeadCell('');
-            newSortValue = '';
-        }
-        setSort(newSortValue);
-    };
-    const setSortIcon = (currentLabel, columnName, sortable, onClick) => {
-        if (sortable) {
-            if (sort?.includes('asc') && columnName === currentHeadCell) {
-                return (_jsx(BottomArrow, { className: styles.ascArrow, "data-id": `${currentLabel.toUpperCase().replace(/[^a-zA-Z0-9s]+/g, '_')}_SORT_ICON`, onClick: onClick }));
-            }
-            else if (sort?.includes('desc') && columnName === currentHeadCell) {
-                return _jsx(UpArrow, { className: styles.descArrow, onClick: onClick });
-            }
-            else {
-                return _jsx(SortIcon, { className: styles.defaultSortArrow, onClick: onClick });
-            }
-        }
-    };
-    return (_jsxs("div", { className: styles.tableSectionContainer, children: [_jsx("div", { className: styles.tableContainer, children: _jsxs("table", { id: id || '', className: `${styles.table} ${styles.borderRadiusTop}`, children: [_jsx("thead", { className: styles.tableHead, children: _jsx("tr", { children: headCells?.map((headCell) => (_jsx("th", { className: `${styles.tableHeadCell} ${headCell.classes || ''}`, style: { width: headCell.width, minWidth: headCell.minWidth }, children: _jsxs("div", { className: styles.headContainer, "data-id": `${headCell.label
-                                            .toUpperCase()
-                                            .replace(/[^a-zA-Z0-9s]+/g, '_')}_COLUMN`, children: [headCell.label, setSortIcon(headCell.label, headCell.id, headCell.sortable, () => {
-                                                if (headCell.sortable && data?.length > 0) {
-                                                    return setSortingValue(headCell);
-                                                }
-                                            })] }) }, headCell.id))) }) }), _jsx("tbody", { className: styles.tableBody, "data-id": "TABLE_BODY", children: data?.length > 0 ? (data?.map((row, rowIndex) => {
-                                return (_jsx("tr", { onClick: () => {
-                                        onRowClick && onRowClick(row.id);
-                                    }, "data-i": rowDataId, className: `${styles.row} ${selectedRowId === row.id && selectableRow && `${styles.rowSelected}`}`, children: headCells?.map((headCell) => {
-                                        const cellContent = headCell.tooltip && row[headCell.id] !== '_' ? (_jsx(Tooltip, { content: row[headCell.id], children: _jsx("div", { className: styles.tableData, "data-id": "TEXT_DESCRIPTION", style: {
-                                                    width: headCell.width,
-                                                    minWidth: headCell.minWidth,
-                                                }, children: row[headCell.id] }) })) : (_jsx("div", { "data-id": "TEXT_DESCRIPTION", className: styles.tableData, style: {
-                                                width: headCell.width,
-                                                minWidth: headCell.minWidth,
-                                            }, children: row[headCell.id] }));
-                                        return (_jsx("td", { style: {
-                                                width: headCell.width,
-                                                minWidth: headCell.minWidth,
-                                            }, children: cellContent }, headCell.id));
-                                    }) }, rowIndex));
-                            })) : (_jsx("tr", { className: styles.fallbackTableRow, children: fallback ? (_jsx("td", { colSpan: headCells?.length, children: fallback })) : (_jsx("td", { className: styles.fallbackContainer, colSpan: headCells?.length, children: _jsx("div", { className: styles.fallbackTextContainer, children: _jsx("span", { className: styles.fallbackText, children: " No Data Available" }) }) })) })) })] }) }), footer && _jsx("div", { className: styles.tableFooterContainer, children: footer })] }));
-};
-export default Table;

package/dist/components/Table/index.js

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

package/dist/components/TextArea/TextArea.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import styles from './textArea.module.scss';
-import Label from '../Label';
-import HelperText from '../HelperText';
-import ClearFieldSvg from '../../icons/ClearField';
-import { Size } from '../../types';
-const TextArea = ({ value, onChange, label, placeholder, name, size = Size.Medium, clearable = true, minRows, maxRows, errorMsg, disabled, maxLength = Infinity, required, startDecorator, endDecorator, className = '', dataId, direction = 'ltr', }) => {
-    const [textAreaRows, setTextAreaRows] = useState(minRows || 3);
-    useEffect(() => {
-        const numRows = (value?.match(/\n/g) || []).length + 1;
-        if (numRows > minRows && numRows <= maxRows) {
-            setTextAreaRows(numRows);
-        }
-        else if (numRows > maxRows) {
-            setTextAreaRows(maxRows);
-        }
-    }, [value, minRows, maxRows]);
-    return (_jsxs("div", { className: `${styles.textArea} ${errorMsg ? styles.errorMessage : ''}  ${className}`, children: [label && _jsx(Label, { label: label, required: required }), _jsxs("div", { className: `${styles.containerTextArea} ${disabled ? styles.disabled : ''}`, dir: direction, children: [startDecorator && _jsx("div", { className: styles.startDecorator, children: startDecorator }), _jsx("textarea", { className: `${styles.inputField} ${startDecorator ? styles.withStartDecorator : ''} ${styles[size]}   ${errorMsg ? styles.error : ''} `, "data-id": `${String(dataId ?? label)
-                            ?.toUpperCase()
-                            ?.replaceAll(' ', '_')}_TEXT_AREA_ID`, placeholder: placeholder, onChange: (e) => {
-                            if (e.target.value?.length > maxLength) {
-                                onChange?.(e.target.value?.slice(0, maxLength));
-                            }
-                            else {
-                                onChange?.(e.target.value || '');
-                            }
-                        }, name: name, disabled: disabled, value: value || '', rows: textAreaRows }), endDecorator && _jsx("div", { className: styles.endDecorator, children: endDecorator }), clearable && !disabled && value && (_jsx("div", { className: `${styles.iconsContainer} ${direction === 'rtl' ? styles.rightToLeft : ''}`, children: _jsx(ClearFieldSvg, { width: '1rem', height: '1rem', "data-id": "CLEAR_ICON", onClick: () => onChange(''), className: `${styles.clearIcon} ${value ? styles.pointer : ''}` }) }))] }), errorMsg && _jsx(HelperText, { text: errorMsg, type: "error" })] }));
-};
-export default TextArea;

package/dist/components/TextArea/index.js

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

package/dist/components/Tooltip/Tooltip.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Tippy from '@tippyjs/react';
-import 'tippy.js/dist/tippy.css';
-import './style.scss';
-const Tooltip = ({ children, content, className = '', ...props }) => {
-    return (_jsx("div", { className: `${className} tooltipContainer`, children: _jsx(Tippy, { maxWidth: 390, delay: [400, 300], interactive: true, content: content, placement: "bottom-start", ...props, children: _jsx("div", { children: children }) }) }));
-};
-export default Tooltip;

package/dist/components/index.js

@@ -1,19 +0,0 @@
-export { default as Alert } from './Alert/index';
-export { default as Button } from './Button/index';
-export { default as Checkbox } from './Checkbox/index';
-export { default as Chip } from './Chip/index';
-export { default as Overlay } from './Overlay/index';
-export { default as TextArea } from './TextArea/index';
-export { default as Switch } from './Switch/index';
-export { default as Dialog } from './Dialog/index';
-export { default as Card } from './Card/index';
-export { default as Radio } from './Radio/index';
-export { default as SideDrawer } from './SideDrawer/index';
-export { default as Accordion } from './Accordion/index';
-export { default as Input } from './Input/index';
-export { default as Table } from './Table/index';
-export { default as RadioGroup } from './RadioGroup/index';
-export { default as Date } from './Date/index';
-export { default as DateRange } from './DateRange/index';
-export { default as Pagination } from './Pagination/index';
-export { default as SelectGroup } from './SelectGroup/index';

package/dist/constants/index.js

@@ -1,5 +0,0 @@
-// NOTE: When you add a const declare it `as const` to tell typescript it's a constant value meaning readonly it won't change.
-export const optionEmptyState = {
-    label: '',
-    value: '',
-};

package/dist/icons/AlertErrorIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const AlertErrorIcon = ({ width = 18, height = 18, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 18 18", ...props, children: _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M10.785 3.223a2.12 2.12 0 0 0-3.642.122L1.69 12.89l-.048.128c-.386 1.116.137 2.278 1.182 2.704l.167.06c.17.052.344.083.52.093l.063-.001.024.002h10.861l.132-.01a2.125 2.125 0 0 0 1.907-2.22 2.127 2.127 0 0 0-.154-.69l-5.49-9.618-.068-.115Zm-2.269.278a.996.996 0 0 1 1.357.388l5.461 9.56.016.072c.01.05.02.117.024.186a.997.997 0 0 1-.945 1.045L3.597 14.75h-.023l-.113-.012a.997.997 0 0 1-.762-1.359l5.425-9.484.061-.098a.985.985 0 0 1 .331-.297Zm-.078 8.701c0-.31.252-.567.562-.567a.56.56 0 0 1 .563.559v.008a.563.563 0 0 1-1.125 0ZM9.55 7.646a.563.563 0 0 0-1.12.076v2.325l.005.076a.563.563 0 0 0 1.12-.076V7.722l-.005-.076Z", clipRule: "evenodd" }) }));
-export default AlertErrorIcon;

package/dist/icons/AlertInfoIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const AlertInfoIcon = ({ width = 15, height = 16, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 15 16", ...props, children: _jsx("path", { fill: "#12131A", fillRule: "evenodd", d: "M10.456.5H4.621C2.334.5.808 2.324.808 4.937v6.126c0 2.615 1.522 4.437 3.813 4.437h5.834c2.292 0 3.815-1.822 3.815-4.437V4.937C14.27 2.322 12.747.5 10.456.5ZM4.621 1.625h5.835c1.717 0 2.804 1.301 2.804 3.312v6.126c0 2.01-1.087 3.312-2.805 3.312H4.621c-1.716 0-2.803-1.301-2.803-3.312V4.937c0-2.008 1.09-3.312 2.803-3.312Zm2.917 2.966c.28 0 .505.251.505.562 0 .285-.19.52-.436.557l-.075.006c-.28 0-.505-.252-.505-.563 0-.285.19-.52.436-.557l.075-.005Zm-.006 2.38c.255 0 .466.21.5.485l.004.077v3.314c0 .31-.226.562-.504.562-.256 0-.467-.211-.5-.486l-.005-.076V7.533c0-.311.226-.563.505-.563Z", clipRule: "evenodd" }) }));
-export default AlertInfoIcon;

package/dist/icons/AlertSuccessIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const AlertSuccessIcon = ({ width = 18, height = 18, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 18 18", ...props, children: _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M12.251 1.5H5.749C3.201 1.5 1.5 3.325 1.5 5.937v6.126c0 2.615 1.697 4.437 4.25 4.437h6.5c2.554 0 4.25-1.822 4.25-4.437V5.937c0-2.615-1.696-4.437-4.249-4.437ZM5.749 2.625h6.502c1.913 0 3.125 1.301 3.125 3.312v6.126c0 2.011-1.212 3.312-3.126 3.312h-6.5c-1.913 0-3.125-1.3-3.125-3.312V5.937c0-2.008 1.216-3.312 3.124-3.312Zm6.319 4.198a.563.563 0 0 0-.796 0L8.11 9.984 6.728 8.602l-.063-.054a.563.563 0 0 0-.733.85l1.78 1.78.064.054c.22.164.533.145.732-.054l3.56-3.56.054-.063a.563.563 0 0 0-.054-.732Z", clipRule: "evenodd" }) }));
-export default AlertSuccessIcon;

package/dist/icons/AlertWarningIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const AlertWarningIcon = ({ width = 18, height = 18, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 18 18", ...props, children: _jsx("path", { fill: "#200E32", fillRule: "evenodd", d: "M16.5 9a7.5 7.5 0 1 1-15.001-.001A7.5 7.5 0 0 1 16.5 9ZM2.625 9a6.375 6.375 0 1 0 12.75 0 6.375 6.375 0 0 0-12.75 0Zm6.379 3.41a.563.563 0 0 1-.558-.487l-.005-.076V8.533a.563.563 0 0 1 1.12-.077l.005.077v3.314c0 .31-.252.562-.562.562Zm-.57-6.257c0 .31.252.563.562.563l.084-.006a.563.563 0 0 0-.076-1.12l-.084.006a.563.563 0 0 0-.486.557Z", clipRule: "evenodd" }) }));
-export default AlertWarningIcon;

package/dist/icons/ArrowBottom.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ArrowBottom = ({ width = 24, height = 24, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: _jsx("path", { d: "M15.671 14.981a.79.79 0 0 1-.53-.22l-2.94-3-2.94 3a.75.75 0 0 1-1.06-1.06l3.47-3.49a.77.77 0 0 1 1.06 0l3.47 3.49a.75.75 0 0 1 0 1.06.79.79 0 0 1-.53.22Z" }) }));
-export default ArrowBottom;

package/dist/icons/ArrowLeft.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ArrowLeft = ({ width = 10, height = 16, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 10 16", ...props, children: _jsx("path", { d: "M9.254.241c.298.292.325.75.081 1.072l-.08.092L2.526 8l6.727 6.595c.298.292.325.75.081 1.072l-.08.092a.852.852 0 0 1-1.094.08l-.094-.08L.746 8.582A.811.811 0 0 1 .665 7.51l.08-.092L8.068.241a.852.852 0 0 1 1.187 0Z" }) }));
-export default ArrowLeft;

package/dist/icons/ArrowRight.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ArrowRight = ({ width = 10, height = 16, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 10 16", ...props, children: _jsx("path", { d: "M.746 15.759a.811.811 0 0 1-.081-1.072l.08-.092L7.474 8 .746 1.405A.811.811 0 0 1 .665.333l.08-.092A.852.852 0 0 1 1.84.161l.094.08 7.321 7.177c.298.292.325.75.081 1.072l-.08.092-7.322 7.177a.851.851 0 0 1-1.187 0Z" }) }));
-export default ArrowRight;

package/dist/icons/ArrowUpIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ArrowUpIcon = ({ width = 24, height = 24, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: _jsx("path", { fill: "#142452", d: "M12.201 14.961a.75.75 0 0 1-.53-.22l-3.47-3.48a.75.75 0 0 1 1.06-1.06l2.94 3 2.94-3a.75.75 0 0 1 1.06 1.06l-3.47 3.49a.75.75 0 0 1-.53.21Z" }) }));
-export default ArrowUpIcon;

package/dist/icons/Calendar.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const Calendar = ({ width = 24, height = 24, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: _jsx("path", { fill: "#BABDCC", fillRule: "evenodd", d: "M16.419 2.603A.694.694 0 0 0 15.733 2a.695.695 0 0 0-.693.698v.771H8.968v-.771l-.006-.095A.694.694 0 0 0 8.276 2a.695.695 0 0 0-.692.698v.788C4.747 3.682 3 5.52 3 8.486v8.418C3 20.087 4.958 22 8.096 22h7.808C19.045 22 21 20.12 21 16.974V8.486c.009-2.967-1.732-4.805-4.575-5v-.788l-.006-.095ZM15.04 4.864v.895l.007.095c.045.34.335.603.686.603a.695.695 0 0 0 .692-.698v-.874c2.069.172 3.197 1.418 3.19 3.599v.404H4.385v-.402c0-2.18 1.134-3.428 3.199-3.6v.873l.006.095c.046.34.335.603.686.603a.695.695 0 0 0 .692-.698v-.895h6.072ZM4.385 10.283v6.621c0 2.403 1.329 3.7 3.711 3.7h7.808c2.39 0 3.711-1.27 3.711-3.63v-6.691H4.385ZM16.8 13.218a.695.695 0 0 0-.692-.697l-.103.006a.696.696 0 0 0-.598.691c0 .386.31.698.7.698l.095-.006a.696.696 0 0 0 .598-.692Zm-4.788-.697c.382 0 .692.312.692.697 0 .354-.26.645-.598.692l-.094.006c-.391 0-.701-.312-.701-.698 0-.353.26-.645.598-.691l.103-.006Zm-3.413.697a.695.695 0 0 0-.692-.697l-.102.006a.696.696 0 0 0-.599.691c0 .386.31.698.693.698l.102-.006a.696.696 0 0 0 .598-.692Zm7.509 2.918c.382 0 .692.312.692.698 0 .353-.26.645-.598.691l-.094.006c-.391 0-.701-.312-.701-.697 0-.354.26-.645.598-.692l.103-.006Zm-3.404.698a.695.695 0 0 0-.692-.698l-.103.006a.696.696 0 0 0-.598.692c0 .385.31.697.7.697l.095-.006a.696.696 0 0 0 .598-.691Zm-4.797-.698c.382 0 .692.312.692.698 0 .353-.26.645-.598.691l-.102.006a.695.695 0 0 1-.693-.697c0-.354.26-.645.599-.692l.102-.006Z", clipRule: "evenodd" }) }));
-export default Calendar;

package/dist/icons/CheckMark.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const CheckMark = ({ width = 12, height = 12, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 12 12", ...props, children: _jsx("path", { stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 3 4.5 8.5 2 6" }) }));
-export default CheckMark;

package/dist/icons/ClearField.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ClearField = ({ width = 12, height = 12, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 12 12", ...props, children: _jsx("path", { fill: "#9A9EB3", fillRule: "evenodd", d: "M12 6A6 6 0 1 1 0 6a6 6 0 0 1 12 0ZM3.46 3.46a.292.292 0 0 1 .413 0L6 5.588 8.127 3.46a.292.292 0 1 1 .413.413L6.412 6 8.54 8.127a.292.292 0 1 1-.413.413L6 6.412 3.873 8.54a.292.292 0 1 1-.413-.413L5.588 6 3.46 3.873a.292.292 0 0 1 0-.413Z", clipRule: "evenodd" }) }));
-export default ClearField;

package/dist/icons/CloseIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const CloseIcon = ({ width = 24, height = 24, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: _jsx("path", { stroke: "#000", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m6 6 12 12M18 6 6 18" }) }));
-export default CloseIcon;

package/dist/icons/DoubleLeftArrow.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DoubleLeftArrow = ({ width = 24, height = 24, ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: [_jsx("path", { fill: "#142452", d: "M12.754 19.759a.811.811 0 0 0 .081-1.072l-.08-.092L6.026 12l6.727-6.595a.811.811 0 0 0 .081-1.072l-.08-.092a.852.852 0 0 0-1.094-.08l-.094.08-7.321 7.177a.811.811 0 0 0-.081 1.072l.08.092 7.322 7.177a.851.851 0 0 0 1.187 0Z" }), _jsx("path", { fill: "#142452", d: "M20.254 19.759a.811.811 0 0 0 .081-1.072l-.08-.092L13.526 12l6.727-6.595a.811.811 0 0 0 .081-1.072l-.08-.092a.852.852 0 0 0-1.094-.08l-.094.08-7.321 7.177a.811.811 0 0 0-.081 1.072l.08.092 7.322 7.177a.851.851 0 0 0 1.187 0Z" })] }));
-export default DoubleLeftArrow;

package/dist/icons/DoubleRightArrow.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DoubleRightArrow = ({ width = 24, height = 24, ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: [_jsx("path", { fill: "#142452", d: "M11.746 19.759a.811.811 0 0 1-.081-1.072l.08-.092L18.474 12l-6.727-6.595a.811.811 0 0 1-.081-1.072l.08-.092a.852.852 0 0 1 1.094-.08l.094.08 7.321 7.177c.298.292.325.75.081 1.072l-.08.092-7.322 7.177a.851.851 0 0 1-1.187 0Z" }), _jsx("path", { fill: "#142452", d: "M4.246 19.759a.811.811 0 0 1-.081-1.072l.08-.092L10.974 12 4.246 5.405a.811.811 0 0 1-.081-1.072l.08-.092a.852.852 0 0 1 1.094-.08l.094.08 7.321 7.177c.298.292.325.75.081 1.072l-.08.092-7.322 7.177a.851.851 0 0 1-1.187 0Z" })] }));
-export default DoubleRightArrow;

package/dist/icons/ExcelIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ExcelIcon = ({ width = 24, height = 24, ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: [_jsx("path", { stroke: "#142452", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M13.716 3.23c.536 0 1.049.222 1.421.614l3.643 3.848c.353.373.55.869.55 1.384v7.957c.013 2.002-1.541 3.656-3.516 3.736H8.198c-1.99-.045-3.57-1.717-3.527-3.736V6.793c.047-1.987 1.653-3.571 3.614-3.563h5.43Z" }), _jsx("path", { stroke: "#142452", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M14.197 3.465V6.08c0 1.39 1.088 2.52 2.434 2.523h2.61M10.436 17.85h2.8c1.155 0 2.1-.944 2.1-2.1v-2.8c0-1.154-.945-2.1-2.1-2.1h-2.8c-1.155 0-2.1.946-2.1 2.1v2.8c0 1.156.945 2.1 2.1 2.1ZM11.836 10.85v7M8.336 14.35h7" })] }));
-export default ExcelIcon;

package/dist/icons/HidePasswordIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const HidePasswordIcon = ({ width = 20, height = 18, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 20 18", ...props, children: _jsx("path", { d: "M18.418.716a.759.759 0 0 0-1.06 0l-2.089 2.055C13.656 1.663 11.855 1.075 10 1.075c-2.057 0-4.053.72-5.781 2.067C2.51 4.464 1.087 6.371.06 8.708a.727.727 0 0 0 0 .584c.885 2.03 2.075 3.733 3.493 5.008l-1.97 1.94-.074.083a.73.73 0 0 0 .073.96.758.758 0 0 0 1.06 0L18.419 1.76l.072-.083a.73.73 0 0 0-.072-.96ZM4.616 13.255l2.138-2.104A3.764 3.764 0 0 1 6.086 9c0-2.133 1.748-3.854 3.914-3.854.792 0 1.553.235 2.187.658l2.002-1.971C12.882 2.99 11.457 2.552 10 2.552c-1.71 0-3.38.602-4.852 1.749-1.41 1.091-2.619 2.66-3.53 4.6L1.57 9l.046.1c.793 1.694 1.814 3.103 3 4.154Zm6.478-6.375A2.44 2.44 0 0 0 10 6.624c-1.338 0-2.414 1.06-2.414 2.377 0 .384.09.748.26 1.075l3.248-3.196Zm2.043 1.936.101.01a.74.74 0 0 1 .605.858c-.287 1.573-1.544 2.812-3.14 3.097a.75.75 0 0 1-.873-.594.74.74 0 0 1 .604-.858 2.389 2.389 0 0 0 1.933-1.906.748.748 0 0 1 .77-.607Zm3.86-3.502a.758.758 0 0 1 1.05.146c.726.95 1.36 2.039 1.891 3.247a.727.727 0 0 1 0 .586c-2.077 4.736-5.803 7.631-9.938 7.631-.941 0-1.872-.15-2.77-.444a.736.736 0 0 1-.473-.934.753.753 0 0 1 .948-.466 7.339 7.339 0 0 0 2.295.368c3.305 0 6.381-2.262 8.273-6.118L18.428 9l-.053-.116a14.332 14.332 0 0 0-1.285-2.21l-.241-.327a.73.73 0 0 1 .148-1.034Z", clipRule: "evenodd" }) }));
-export default HidePasswordIcon;

package/dist/icons/InfoIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const InfoIcon = ({ width = 18, height = 18, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 18 18", ...props, children: _jsx("path", { fill: "#200E32", fillRule: "evenodd", d: "M16.5 9a7.5 7.5 0 1 1-15.001-.001A7.5 7.5 0 0 1 16.5 9ZM2.625 9a6.375 6.375 0 1 0 12.75 0 6.375 6.375 0 0 0-12.75 0Zm6.379 3.41a.563.563 0 0 1-.558-.487l-.005-.076V8.533a.563.563 0 0 1 1.12-.077l.005.077v3.314c0 .31-.252.562-.562.562Zm-.57-6.257c0 .31.252.563.562.563l.084-.006a.563.563 0 0 0-.076-1.12l-.084.006a.563.563 0 0 0-.486.557Z", clipRule: "evenodd" }) }));
-export default InfoIcon;

package/dist/icons/LeftArrowIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const LeftArrowIcon = ({ width = 8, height = 14, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 8 14", ...props, children: _jsx("path", { stroke: "#142452", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 1 1 7l6 6" }) }));
-export default LeftArrowIcon;

package/dist/icons/LoaderIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const LoaderIcon = ({ width = 24, height = 24, ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: [_jsx("path", { fill: "#142452", d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12ZM2.4 12a9.6 9.6 0 1 0 19.2 0 9.6 9.6 0 0 0-19.2 0Z" }), _jsx("path", { fill: "#fff", d: "M12 0a12 12 0 1 1-6 22.392l1.2-2.078A9.6 9.6 0 1 0 12 2.4V0Z" })] }));
-export default LoaderIcon;

package/dist/icons/PdfIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const PdfIcon = ({ width = 24, height = 24, ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: [_jsx("path", { stroke: "#142452", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M19.831 12.952V9.16c0-.544-.21-1.067-.586-1.459L15.35 3.647A2.107 2.107 0 0 0 13.832 3H8.03a3.847 3.847 0 0 0-3.861 3.756v6.196" }), _jsx("path", { stroke: "#142452", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M14.328 3.063v2.97a2.628 2.628 0 0 0 2.623 2.63h2.813M4.416 19.472h1.397a1.547 1.547 0 0 0 0-3.093H4.416v4.615M19.83 16.375h-2.506v4.626m2.12-1.927h-2.12" }), _jsx("path", { stroke: "#142452", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M11.654 21a2.313 2.313 0 0 0 0-4.625h-1.156v4.626h1.156Z", clipRule: "evenodd" })] }));
-export default PdfIcon;

package/dist/icons/RightArrowIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const RightArrowIcon = ({ width = 8, height = 14, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 8 14", ...props, children: _jsx("path", { stroke: "#142452", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m1 1 6 6-6 6" }) }));
-export default RightArrowIcon;

package/dist/icons/SearchIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SearchIcon = ({ width = 24, height = 24, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: _jsx("path", { d: "M11.611 2C6.303 2 2 6.208 2 11.4c0 5.19 4.303 9.399 9.611 9.399 2.27 0 4.357-.77 6.002-2.058l3.124 3.048.083.07c.29.21.701.186.964-.072a.713.713 0 0 0-.002-1.023l-3.087-3.012a9.253 9.253 0 0 0 2.528-6.353C21.223 6.21 16.92 2 11.612 2Zm0 1.448c4.491 0 8.132 3.56 8.132 7.951 0 4.392-3.64 7.952-8.131 7.952S3.48 15.79 3.48 11.399c0-4.391 3.64-7.951 8.131-7.951Z", clipRule: "evenodd" }) }));
-export default SearchIcon;

package/dist/icons/SelectFieldDownArrow.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SelectFieldDownArrow = ({ width = 24, height = 24, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: _jsx("path", { fill: "#142452", d: "M12.201 14.961a.75.75 0 0 1-.53-.22l-3.47-3.48a.75.75 0 0 1 1.06-1.06l2.94 3 2.94-3a.75.75 0 0 1 1.06 1.06l-3.47 3.49a.75.75 0 0 1-.53.21Z" }) }));
-export default SelectFieldDownArrow;

package/dist/icons/SelectFieldUpArrow.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SelectFieldUpArrow = ({ width = 24, height = 24, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: _jsx("path", { fill: "#142452", d: "M15.671 14.981a.79.79 0 0 1-.53-.22l-2.94-3-2.94 3a.75.75 0 0 1-1.06-1.06l3.47-3.49a.77.77 0 0 1 1.06 0l3.47 3.49a.75.75 0 0 1 0 1.06.79.79 0 0 1-.53.22Z" }) }));
-export default SelectFieldUpArrow;