react-restyle-components 0.2.40 → 0.2.42

package/lib/src/core-components/molecules/color-picker-modal/color-picker-modal.component.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './color-picker-modal.css';
 import '../../../tc.module.css';
 interface ColorPickerModalProps {
@@ -6,5 +5,6 @@ interface ColorPickerModalProps {
     onChange: (color: string) => void;
     onClose?: () => void;
 }
-export declare const ColorPickerModal: ({ color, onChange, onClose, }: ColorPickerModalProps) => React.JSX.Element;
+export declare const ColorPickerModal: ({ color, onChange, onClose, }: ColorPickerModalProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=color-picker-modal.component.d.ts.map

package/lib/src/core-components/molecules/color-picker-modal/color-picker-modal.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker-modal.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/color-picker-modal/color-picker-modal.component.tsx"],"names":[],"mappings":"AAGA,OAAO,0BAA0B,CAAC;AAClC,OAAO,wBAAwB,CAAC;AAEhC,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,kCAI1B,qBAAqB,4CAiCvB,CAAC"}

package/lib/src/core-components/molecules/color-picker-modal/color-picker-modal.component.js

@@ -1,4 +1,5 @@
-import React, { useCallback, useRef, useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from 'react';
 import { HexColorPicker } from 'react-colorful';
 import { useClickOutside } from '../../../hooks';
 import './color-picker-modal.css';
@@ -11,13 +12,5 @@ export const ColorPickerModal = ({ color, onChange, onClose, }) => {
         onClose && onClose();
     }, []);
     useClickOutside(popover, close);
-    return (React.createElement("div", { className: "picker-modal" },
-        React.createElement("div", { className: "swatch-modal", style: { backgroundColor: color }, onClick: () => toggle(true) }),
-        isOpen && (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "flex justify-center items-center  overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none" },
-                React.createElement("div", { className: "relative w-auto h-auto mx-auto my-auto" },
-                    React.createElement("div", { className: "border-0 rounded-lg  relative flex flex-col w-full outline-none focus:outline-none" },
-                        React.createElement("div", { className: "flex flex-col p-2 w-full ", ref: popover },
-                            React.createElement(HexColorPicker, { color: color, onChange: onChange }))))),
-            React.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
+    return (_jsxs("div", { className: "picker-modal", children: [_jsx("div", { className: "swatch-modal", style: { backgroundColor: color }, onClick: () => toggle(true) }), isOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex justify-center items-center  overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none", children: _jsx("div", { className: "relative w-auto h-auto mx-auto my-auto", children: _jsx("div", { className: "border-0 rounded-lg  relative flex flex-col w-full outline-none focus:outline-none", children: _jsx("div", { className: "flex flex-col p-2 w-full ", ref: popover, children: _jsx(HexColorPicker, { color: color, onChange: onChange }) }) }) }) }), _jsx("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })] }))] }));
 };

package/lib/src/core-components/molecules/css-multiline-input/css-multiline-input.component.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import '../../../tc.module.css';
 interface CSSMultilineProps {
     label?: string;
@@ -8,5 +7,6 @@ interface CSSMultilineProps {
     style?: any;
     onChange(item: any): void;
 }
-export declare const CSSMultiline: ({ label, defaultValue, className, style, placeholder, onChange, }: CSSMultilineProps) => React.JSX.Element;
+export declare const CSSMultiline: ({ label, defaultValue, className, style, placeholder, onChange, }: CSSMultilineProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=css-multiline-input.component.d.ts.map

package/lib/src/core-components/molecules/css-multiline-input/css-multiline-input.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-multiline-input.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/css-multiline-input/css-multiline-input.component.tsx"],"names":[],"mappings":"AAKA,OAAO,wBAAwB,CAAC;AAEhC,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,IAAI,KAAA,GAAG,IAAI,CAAC;CACtB;AAWD,eAAO,MAAM,YAAY,sEAOtB,iBAAiB,4CAwGnB,CAAC"}

package/lib/src/core-components/molecules/css-multiline-input/css-multiline-input.component.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useState, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useRef } from 'react';
 import * as Form from '../../atoms/form/form.component';
 import { properties as propertiesObj } from './css-properties';
 import '../../../tc.module.css';
@@ -59,39 +60,31 @@ export const CSSMultiline = ({ label = 'Main Box CSS', defaultValue = '', classN
     const onKeyUp = (e) => {
         setIsListOpen(true);
     };
-    return (React.createElement("div", { className: "flex flex-col w-full", ref: wrapperRef },
-        React.createElement(Form.MultilineInput, { label: label, style: { color: '#ffffff', backgroundColor: '#000000', ...style }, placeholder: placeholder, value: value.current, className: className, onKeyUp: onKeyUp, onChange: (css) => {
-                value.current = css;
-                filter(css);
-            } }),
-        isListOpen && (React.createElement("div", { style: { marginTop: -10 } },
-            React.createElement("ul", { className: "flex flex-col max-h-40 bg-black  m-2 text-white  overflow-y-scroll  " }, properties?.map((item, index) => (React.createElement("li", { key: index, className: "flex flex-col gap-4 p-2" },
-                React.createElement("span", { className: "underline" }, item[0]),
-                item[1]?.map((prop) => (React.createElement("li", { className: "flex -mt-2 px-2 h-8 bg-slate-800  rounded-md items-center cursor-pointer", onClick: () => {
-                        let existsString = value.current?.split(',');
-                        if (value.current.includes(',')) {
-                            existsString = existsString.map((item) => {
-                                if (item?.includes(':'))
-                                    return item;
-                            });
-                            if (prop != 'number')
-                                existsString.push(`${item[0]}:'${prop}',`);
-                            else
-                                existsString.push(`${item[0]}:1,`);
-                            value.current = existsString
-                                .join(',')
-                                .replaceAll(',,', ',');
-                        }
-                        else {
-                            if (prop != 'number')
-                                value.current = `${item[0]}:'${prop}',`;
-                            else {
-                                value.current = `${item[0]}:1,`;
-                            }
-                        }
-                        filter(existsString.join(''));
-                    } },
-                    ' ',
-                    prop,
-                    ' ')))))))))));
+    return (_jsxs("div", { className: "flex flex-col w-full", ref: wrapperRef, children: [_jsx(Form.MultilineInput, { label: label, style: { color: '#ffffff', backgroundColor: '#000000', ...style }, placeholder: placeholder, value: value.current, className: className, onKeyUp: onKeyUp, onChange: (css) => {
+                    value.current = css;
+                    filter(css);
+                } }), isListOpen && (_jsx("div", { style: { marginTop: -10 }, children: _jsx("ul", { className: "flex flex-col max-h-40 bg-black  m-2 text-white  overflow-y-scroll  ", children: properties?.map((item, index) => (_jsxs("li", { className: "flex flex-col gap-4 p-2", children: [_jsx("span", { className: "underline", children: item[0] }), item[1]?.map((prop) => (_jsxs("li", { className: "flex -mt-2 px-2 h-8 bg-slate-800  rounded-md items-center cursor-pointer", onClick: () => {
+                                    let existsString = value.current?.split(',');
+                                    if (value.current.includes(',')) {
+                                        existsString = existsString.map((item) => {
+                                            if (item?.includes(':'))
+                                                return item;
+                                        });
+                                        if (prop != 'number')
+                                            existsString.push(`${item[0]}:'${prop}',`);
+                                        else
+                                            existsString.push(`${item[0]}:1,`);
+                                        value.current = existsString
+                                            .join(',')
+                                            .replaceAll(',,', ',');
+                                    }
+                                    else {
+                                        if (prop != 'number')
+                                            value.current = `${item[0]}:'${prop}',`;
+                                        else {
+                                            value.current = `${item[0]}:1,`;
+                                        }
+                                    }
+                                    filter(existsString.join(''));
+                                }, children: [' ', prop, ' '] })))] }, index))) }) }))] }));
 };

package/lib/src/core-components/molecules/css-multiline-input/css-properties.d.ts

@@ -8929,3 +8929,4 @@ export declare const properties: ({
     borderBottomRightRadius?: undefined;
     borderBottomLeftRadius?: undefined;
 })[];
+//# sourceMappingURL=css-properties.d.ts.map

package/lib/src/core-components/molecules/css-multiline-input/css-properties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-properties.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/css-multiline-input/css-properties.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA+KtB,CAAC"}

package/lib/src/core-components/molecules/modal-confirm/modal-confirm.component.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 interface ModalConfirmProps {
     visible: boolean;
     title?: string;
@@ -8,5 +7,6 @@ interface ModalConfirmProps {
     onClick: () => void;
     onClose: () => void;
 }
-export declare const ModalConfirm: ({ visible, title, message, submitTitle, closeTitle, onClick, onClose, }: ModalConfirmProps) => React.JSX.Element;
+export declare const ModalConfirm: ({ visible, title, message, submitTitle, closeTitle, onClick, onClose, }: ModalConfirmProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=modal-confirm.component.d.ts.map

package/lib/src/core-components/molecules/modal-confirm/modal-confirm.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-confirm.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/modal-confirm/modal-confirm.component.tsx"],"names":[],"mappings":"AAGA,UAAU,iBAAiB;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,4EAQtB,iBAAiB,4CAuEnB,CAAC"}

package/lib/src/core-components/molecules/modal-confirm/modal-confirm.component.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import { Container } from 'reactstrap';
 export const ModalConfirm = ({ visible = false, title = 'Confirm', message = '', submitTitle = 'Send', closeTitle = 'Close', onClick, onClose, }) => {
     const [showModal, setShowModal] = useState(visible);
@@ -6,28 +7,13 @@ export const ModalConfirm = ({ visible = false, title = 'Confirm', message = '',
         setShowModal(visible);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [visible]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Container, null, showModal && (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "flex justify-center items-center  overflow-x-hidden overflow-y-auto fixed inset-0 z-50  outline-none focus:outline-none " },
-                React.createElement("div", { className: "relative  my-6  mx-auto " },
-                    React.createElement("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-fit min-w-80 bg-white outline-none focus:outline-none" },
-                        React.createElement("div", { className: "flex items-center justify-between p-2 border-b border-solid border-gray-300 rounded-t" },
-                            React.createElement("h3", { className: "text-2xl font-semibold" }, title),
-                            React.createElement("button", { className: "p-1  border-0 text-black opacity-1 ml-6 float-right text-3xl leading-none font-semibold outline-none focus:outline-none", onClick: () => {
-                                    setShowModal(false);
-                                    onClose && onClose();
-                                } },
-                                React.createElement("span", { className: " text-black h-6 w-6 text-2xl block outline-none focus:outline-none" }, "\u00D7"))),
-                        React.createElement("div", { className: "flex p-2" },
-                            React.createElement("div", { className: "flex" },
-                                React.createElement("span", { className: "text-md" }, message))),
-                        React.createElement("div", { className: "flex items-center justify-end p-2 border-t border-solid border-gray-300 rounded-b" },
-                            React.createElement("button", { className: "text-red-500 background-transparent font-bold uppercase p-2 text-sm outline-none focus:outline-none mr-1 mb-1", type: "button", style: { transition: 'all .15s ease' }, onClick: () => {
-                                    setShowModal(false);
-                                    onClose && onClose();
-                                } }, closeTitle),
-                            React.createElement("button", { className: "bg-green-500 text-white active:bg-green-600 font-bold uppercase text-sm p-2 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1", type: "button", style: { transition: 'all .15s ease' }, onClick: () => {
-                                    onClick();
-                                } }, submitTitle))))),
-            React.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" }))))));
+    return (_jsx(_Fragment, { children: _jsx(Container, { children: showModal && (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex justify-center items-center  overflow-x-hidden overflow-y-auto fixed inset-0 z-50  outline-none focus:outline-none ", children: _jsx("div", { className: "relative  my-6  mx-auto ", children: _jsxs("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-fit min-w-80 bg-white outline-none focus:outline-none", children: [_jsxs("div", { className: "flex items-center justify-between p-2 border-b border-solid border-gray-300 rounded-t", children: [_jsx("h3", { className: "text-2xl font-semibold", children: title }), _jsx("button", { className: "p-1  border-0 text-black opacity-1 ml-6 float-right text-3xl leading-none font-semibold outline-none focus:outline-none", onClick: () => {
+                                                    setShowModal(false);
+                                                    onClose && onClose();
+                                                }, children: _jsx("span", { className: " text-black h-6 w-6 text-2xl block outline-none focus:outline-none", children: "\u00D7" }) })] }), _jsx("div", { className: "flex p-2", children: _jsx("div", { className: "flex", children: _jsx("span", { className: "text-md", children: message }) }) }), _jsxs("div", { className: "flex items-center justify-end p-2 border-t border-solid border-gray-300 rounded-b", children: [_jsx("button", { className: "text-red-500 background-transparent font-bold uppercase p-2 text-sm outline-none focus:outline-none mr-1 mb-1", type: "button", style: { transition: 'all .15s ease' }, onClick: () => {
+                                                    setShowModal(false);
+                                                    onClose && onClose();
+                                                }, children: closeTitle }), _jsx("button", { className: "bg-green-500 text-white active:bg-green-600 font-bold uppercase text-sm p-2 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1", type: "button", style: { transition: 'all .15s ease' }, onClick: () => {
+                                                    onClick();
+                                                }, children: submitTitle })] })] }) }) }), _jsx("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })] })) }) }));
 };

package/lib/src/core-components/molecules/multi-select/multi-select.component.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import '../../../tc.module.css';
 interface MultiSelectProps {
     options: Array<string>;
@@ -6,5 +5,6 @@ interface MultiSelectProps {
     hasError?: boolean;
     onSelect: (item: any) => any;
 }
-export declare const MultiSelect: ({ options, selectedItems, hasError, onSelect, }: MultiSelectProps) => React.JSX.Element;
+export declare const MultiSelect: ({ options, selectedItems, hasError, onSelect, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=multi-select.component.d.ts.map

package/lib/src/core-components/molecules/multi-select/multi-select.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/multi-select/multi-select.component.tsx"],"names":[],"mappings":"AACA,OAAO,wBAAwB,CAAC;AAChC,UAAU,gBAAgB;IACxB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,oDAKrB,gBAAgB,4CAqFlB,CAAC"}

package/lib/src/core-components/molecules/multi-select/multi-select.component.js

@@ -1,4 +1,5 @@
-import React, { useState, useEffect, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
 import '../../../tc.module.css';
 export const MultiSelect = ({ options = [], selectedItems = [], hasError = false, onSelect, }) => {
     const [selectedOptions, setSelectedOptions] = useState([]);
@@ -21,31 +22,24 @@ export const MultiSelect = ({ options = [], selectedItems = [], hasError = false
     }, [selectedItems]);
     const wrapperRef = useRef(null);
     useOutsideAlerter(wrapperRef);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: `flex dark:bg-boxdark dark:text-white flex-col w-full rounded-md border-2 ${hasError ? 'border-red  ' : 'border-gray-300'}`, ref: wrapperRef },
-            React.createElement("span", { className: "p-2 mt-1 shadow-sm", onClick: () => {
-                    setIsListOpen(!isListOpen);
-                } }, selectedOptions?.length > 0 ? selectedOptions?.join(',') : 'Select'),
-            React.createElement("div", { className: `flex ${isListOpen ? `show` : `hidden`} relative` }, options
-                ? options?.length > 0 && (React.createElement("div", { className: "flex absolute rounded-sm w-full", style: { zIndex: 999 } },
-                    React.createElement("ul", { className: "flex  flex-col gap-1  bg-gray-200 w-full" }, options?.map((item, index) => (React.createElement("li", { key: index, className: "flex gap-2 p-2" },
-                        React.createElement("label", { className: "flex gap-2" },
-                            React.createElement("input", { className: "flex h-4 w-4", type: "checkbox", checked: selectedOptions?.includes(item), onChange: () => {
-                                    if (selectedOptions?.includes(item)) {
-                                        setSelectedOptions(selectedOptions?.filter((e) => e != item));
-                                    }
-                                    else {
-                                        if (selectedOptions?.length > 0) {
-                                            setSelectedOptions(selectedOptions?.concat([item]));
-                                        }
-                                        else {
-                                            setSelectedOptions([item]);
-                                        }
-                                    }
-                                }, onBlur: () => {
-                                    if (!isListOpen)
-                                        onSelect(selectedOptions);
-                                } }),
-                            React.createElement("span", { className: "flex h-4" }, item))))))))
-                : null))));
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: `flex dark:bg-boxdark dark:text-white flex-col w-full rounded-md border-2 ${hasError ? 'border-red  ' : 'border-gray-300'}`, ref: wrapperRef, children: [_jsx("span", { className: "p-2 mt-1 shadow-sm", onClick: () => {
+                        setIsListOpen(!isListOpen);
+                    }, children: selectedOptions?.length > 0 ? selectedOptions?.join(',') : 'Select' }), _jsx("div", { className: `flex ${isListOpen ? `show` : `hidden`} relative`, children: options
+                        ? options?.length > 0 && (_jsx("div", { className: "flex absolute rounded-sm w-full", style: { zIndex: 999 }, children: _jsx("ul", { className: "flex  flex-col gap-1  bg-gray-200 w-full", children: options?.map((item, index) => (_jsx("li", { className: "flex gap-2 p-2", children: _jsxs("label", { className: "flex gap-2", children: [_jsx("input", { className: "flex h-4 w-4", type: "checkbox", checked: selectedOptions?.includes(item), onChange: () => {
+                                                    if (selectedOptions?.includes(item)) {
+                                                        setSelectedOptions(selectedOptions?.filter((e) => e != item));
+                                                    }
+                                                    else {
+                                                        if (selectedOptions?.length > 0) {
+                                                            setSelectedOptions(selectedOptions?.concat([item]));
+                                                        }
+                                                        else {
+                                                            setSelectedOptions([item]);
+                                                        }
+                                                    }
+                                                }, onBlur: () => {
+                                                    if (!isListOpen)
+                                                        onSelect(selectedOptions);
+                                                } }), _jsx("span", { className: "flex h-4", children: item })] }) }, index))) }) }))
+                        : null })] }) }));
 };

package/lib/src/core-components/molecules/multi-select-with-field/multi-select-with-field.component.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 interface MultiSelectWithFieldProps {
     displayField: string;
     options: Array<any>;
@@ -6,5 +5,6 @@ interface MultiSelectWithFieldProps {
     hasError?: boolean;
     onSelect: (item: any) => any;
 }
-export declare const MultiSelectWithField: ({ displayField, options, selectedItems, hasError, onSelect, }: MultiSelectWithFieldProps) => React.JSX.Element;
+export declare const MultiSelectWithField: ({ displayField, options, selectedItems, hasError, onSelect, }: MultiSelectWithFieldProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=multi-select-with-field.component.d.ts.map

package/lib/src/core-components/molecules/multi-select-with-field/multi-select-with-field.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select-with-field.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/multi-select-with-field/multi-select-with-field.component.tsx"],"names":[],"mappings":"AAGA,UAAU,yBAAyB;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAC9B;AAED,eAAO,MAAM,oBAAoB,kEAM9B,yBAAyB,4CAyG3B,CAAC"}

package/lib/src/core-components/molecules/multi-select-with-field/multi-select-with-field.component.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable  */
-import React, { useState, useEffect, useRef } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import _ from 'lodash';
 export const MultiSelectWithField = ({ displayField = '', options = [], selectedItems = [], hasError = false, onSelect, }) => {
     const [selectedOptions, setSelectedOptions] = useState([]);
@@ -22,37 +23,31 @@ export const MultiSelectWithField = ({ displayField = '', options = [], selected
     }, [selectedItems]);
     const wrapperRef = useRef(null);
     useOutsideAlerter(wrapperRef);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: `flex dark:bg-boxdark dark:text-white flex-col w-full rounded-md border-2 ${hasError ? 'border-red  ' : 'border-gray-300'}`, ref: wrapperRef },
-            React.createElement("span", { className: "p-2 mt-1 shadow-sm", onClick: () => {
-                    setIsListOpen(!isListOpen);
-                } }, selectedOptions?.length > 0
-                ? `${selectedOptions?.length} Items`
-                : 'Select'),
-            React.createElement("div", { className: `flex mx-2 ${isListOpen ? `show` : `hidden`}` }, options
-                ? options?.length > 0 && (React.createElement("ul", { className: "flex flex-col gap-1 p-2" }, options?.map((item, index) => (React.createElement("li", { key: index, className: "flex items-center" },
-                    React.createElement("input", { className: "flex bg-black", type: "checkbox", checked: !_.isEmpty(selectedOptions?.find((e) => e[displayField]?.toUpperCase() ==
-                            item[displayField]?.toUpperCase()))
-                            ? true
-                            : false, onChange: () => {
-                            if (!_.isEmpty(selectedOptions?.find((e) => e[displayField]?.toUpperCase() ==
-                                item[displayField]?.toUpperCase()))) {
-                                setSelectedOptions(selectedOptions?.filter((e) => e[displayField]?.toUpperCase() !=
-                                    item[displayField]?.toUpperCase()));
-                            }
-                            else {
-                                if (selectedOptions?.length > 0) {
-                                    setSelectedOptions(selectedOptions?.concat([item]));
-                                }
-                                else {
-                                    setSelectedOptions([item]);
-                                }
-                            }
-                        }, onBlur: () => {
-                            if (!isListOpen)
-                                onSelect(selectedOptions);
-                        } }),
-                    ' ',
-                    React.createElement("span", { className: "flex ml-2  dark:text-white text-center" }, item[displayField]))))))
-                : null))));
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: `flex dark:bg-boxdark dark:text-white flex-col w-full rounded-md border-2 ${hasError ? 'border-red  ' : 'border-gray-300'}`, ref: wrapperRef, children: [_jsx("span", { className: "p-2 mt-1 shadow-sm", onClick: () => {
+                        setIsListOpen(!isListOpen);
+                    }, children: selectedOptions?.length > 0
+                        ? `${selectedOptions?.length} Items`
+                        : 'Select' }), _jsx("div", { className: `flex mx-2 ${isListOpen ? `show` : `hidden`}`, children: options
+                        ? options?.length > 0 && (_jsx("ul", { className: "flex flex-col gap-1 p-2", children: options?.map((item, index) => (_jsxs("li", { className: "flex items-center", children: [_jsx("input", { className: "flex bg-black", type: "checkbox", checked: !_.isEmpty(selectedOptions?.find((e) => e[displayField]?.toUpperCase() ==
+                                            item[displayField]?.toUpperCase()))
+                                            ? true
+                                            : false, onChange: () => {
+                                            if (!_.isEmpty(selectedOptions?.find((e) => e[displayField]?.toUpperCase() ==
+                                                item[displayField]?.toUpperCase()))) {
+                                                setSelectedOptions(selectedOptions?.filter((e) => e[displayField]?.toUpperCase() !=
+                                                    item[displayField]?.toUpperCase()));
+                                            }
+                                            else {
+                                                if (selectedOptions?.length > 0) {
+                                                    setSelectedOptions(selectedOptions?.concat([item]));
+                                                }
+                                                else {
+                                                    setSelectedOptions([item]);
+                                                }
+                                            }
+                                        }, onBlur: () => {
+                                            if (!isListOpen)
+                                                onSelect(selectedOptions);
+                                        } }), ' ', _jsx("span", { className: "flex ml-2  dark:text-white text-center", children: item[displayField] })] }, index))) }))
+                        : null })] }) }));
 };

package/lib/src/core-utils/index.d.ts

@@ -1 +1,2 @@
 export * from './utility.util';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/lib/src/core-utils/utility.util.d.ts

@@ -1,2 +1,3 @@
 import { ClassValue } from 'clsx';
 export declare const cn: (...inputs: ClassValue[]) => string;
+//# sourceMappingURL=utility.util.d.ts.map

package/lib/src/core-utils/utility.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utility.util.d.ts","sourceRoot":"","sources":["../../../src/core-utils/utility.util.ts"],"names":[],"mappings":"AAAA,OAAa,EAAC,UAAU,EAAC,MAAM,MAAM,CAAC;AAGtC,eAAO,MAAM,EAAE,cAAe,UAAU,EAAE,KAAG,MAE5C,CAAC"}

package/lib/src/hooks/index.d.ts

@@ -1 +1,2 @@
 export * from './outside.hook';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/lib/src/hooks/outside.hook.d.ts

@@ -1 +1,2 @@
 export declare const useClickOutside: (ref: any, handler: any) => void;
+//# sourceMappingURL=outside.hook.d.ts.map

package/lib/src/hooks/outside.hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outside.hook.d.ts","sourceRoot":"","sources":["../../../src/hooks/outside.hook.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,kCA6B3B,CAAC"}

package/lib/src/library/assets/svg/index.d.ts

@@ -1,9 +1,10 @@
-import UnCheckbox from './unCheckbox.svg';
-import CheckedBox from './checkedBox.svg';
-import DatePickerSvg from './datePicker.svg';
-import CheckedRadio from './checkedRadio.svg';
-import UncheckRadio from './uncheckRadio.svg';
-import TimerSVG from './timer.svg';
-import UpArrow from './UpArrow.svg';
-import DownArrow from './DownArrow.svg';
+import UnCheckbox from './UnCheckbox.svg?react';
+import CheckedBox from './CheckedBox.svg?react';
+import DatePickerSvg from './datePicker.svg?react';
+import CheckedRadio from './checkedRadio.svg?react';
+import UncheckRadio from './uncheckRadio.svg?react';
+import TimerSVG from './timer.svg?react';
+import UpArrow from './UpArrow.svg?react';
+import DownArrow from './DownArrow.svg?react';
 export { UnCheckbox, CheckedBox, DatePickerSvg, CheckedRadio, UncheckRadio, TimerSVG, UpArrow, DownArrow, };
+//# sourceMappingURL=index.d.ts.map

package/lib/src/library/assets/svg/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/library/assets/svg/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,aAAa,MAAM,wBAAwB,CAAC;AACnD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AACzC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,SAAS,GACV,CAAC"}

package/lib/src/library/assets/svg/index.js

@@ -1,11 +1,11 @@
-import UnCheckbox from './unCheckbox.svg';
-import CheckedBox from './checkedBox.svg';
-import DatePickerSvg from './datePicker.svg';
-import CheckedRadio from './checkedRadio.svg';
-import UncheckRadio from './uncheckRadio.svg';
-import TimerSVG from './timer.svg';
-import UpArrow from './UpArrow.svg';
-import DownArrow from './DownArrow.svg';
+import UnCheckbox from './UnCheckbox.svg?react';
+import CheckedBox from './CheckedBox.svg?react';
+import DatePickerSvg from './datePicker.svg?react';
+import CheckedRadio from './checkedRadio.svg?react';
+import UncheckRadio from './uncheckRadio.svg?react';
+import TimerSVG from './timer.svg?react';
+import UpArrow from './UpArrow.svg?react';
+import DownArrow from './DownArrow.svg?react';
 export { UnCheckbox, CheckedBox, DatePickerSvg, CheckedRadio, UncheckRadio, TimerSVG, UpArrow, DownArrow, };
 // import {ReactComponent as UnCheckbox} from '../../../library/assets/svg/unCheckbox.svg';
 // import {ReactComponent as CheckedBox} from '../../../library/assets/svg/checkedBox.svg';