hplx-react-elements-dev 1.0.0

package/dist/esm/components/inputField/InputField.js

@@ -0,0 +1,26 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Typography from "../typography/Typography";
+var InputField = function (_a) {
+    var field = _a.field, form = _a.form, label = _a.label, _b = _a.start_icon, start_icon = _b === void 0 ? "" : _b, _c = _a.end_icon, end_icon = _c === void 0 ? "" : _c, _d = _a.hint_text_icon, hint_text_icon = _d === void 0 ? "" : _d, prefix = _a.prefix, suffix = _a.suffix, hint_text = _a.hint_text, char_count = _a.char_count, _e = _a.disabled, disabled = _e === void 0 ? false : _e, placeholder = _a.placeholder, onChange = _a.onChange, InputFieldProps = __rest(_a, ["field", "form", "label", "start_icon", "end_icon", "hint_text_icon", "prefix", "suffix", "hint_text", "char_count", "disabled", "placeholder", "onChange"]);
+    var _f = field || {}, _g = _f.name, name = _g === void 0 ? "" : _g, value = _f.value;
+    var _h = form || {}, setFieldValue = _h.setFieldValue, touched = _h.touched, errors = _h.errors, setFieldTouched = _h.setFieldTouched;
+    var touch = touched && touched[name];
+    var error = errors && errors[name];
+    var errorMsg = touch && error ? error : undefined;
+    var handleChange = function (event) {
+        var changedValue = event.target.value;
+        setFieldValue && setFieldValue(name, changedValue);
+        onChange && onChange(changedValue);
+    };
+    var handleBlur = function () {
+        setFieldTouched && setFieldTouched(name, true);
+    };
+    return (_jsxs("div", { children: [_jsxs("div", __assign({ className: "flex justify-between" }, { children: [Boolean(label) && (_jsx("div", __assign({ className: "text-Gray-700 mb-1" }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Medium" }, { children: label })) }))), Boolean(char_count) && (_jsx("div", __assign({ className: "text-Gray-700 mb-1" }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Medium" }, { children: char_count })) })))] })), _jsx(Typography, __assign({ variant: "Regular", type: "Text md" }, { children: _jsxs("div", __assign({ "data-setid": "error-msg", className: "flex border-1 overflow-hidden placeholder:text-Gray-500 ".concat(errorMsg ? "border-Error-300" : "border-Gray-300", " shadow-xs rounded-lg  h-10 ").concat(disabled
+                        ? "bg-Gray-50"
+                        : "bg-White ".concat(errorMsg
+                            ? "hover:shadow-xs-error"
+                            : "hover:border-Primary-300 hover:shadow-xs-primary")) }, { children: [Boolean(prefix) && (_jsx("div", __assign({ "data-testid": "input-prefix", className: "bg-Gray-50 border-r-1 border-r-Gray-300 text-Gray-500 flex items-center px-2" }, { children: _jsx(Typography, __assign({ type: "Text md", variant: "Regular" }, { children: prefix })) }))), Boolean(start_icon) && (_jsx("div", __assign({ className: "text-Gray-500 flex items-center pl-2" }, { children: _jsx("span", { className: start_icon }) }))), _jsx("input", __assign({ disabled: disabled, type: "text", className: "flex-1 px-2 py-2 focus-visible:outline-0", value: value, onBlur: handleBlur, onChange: handleChange, placeholder: placeholder, "data-testid": "text-input" }, InputFieldProps)), Boolean(end_icon) && (_jsx("div", __assign({ className: "text-Gray-500 flex items-center pr-2" }, { children: _jsx("span", { className: end_icon }) }))), Boolean(suffix) && (_jsx("div", __assign({ "data-testid": "input-suffix", className: "bg-Gray-50 border-l-1 border-l-Gray-300 text-Gray-500 flex items-center px-2" }, { children: _jsx(Typography, __assign({ type: "Text md", variant: "Regular" }, { children: suffix })) })))] })) })), (Boolean(hint_text) || Boolean(errorMsg)) && (_jsx("div", __assign({ className: "".concat(errorMsg ? "text-Error-500" : "text-Gray-500 mt-1") }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Regular" }, { children: errorMsg ? (String(errorMsg)) : (_jsxs(_Fragment, { children: [Boolean(hint_text_icon) && (_jsx("span", { className: hint_text_icon })), hint_text] })) })) })))] }));
+};
+export default InputField;
+//# sourceMappingURL=InputField.js.map

package/dist/esm/components/inputField/InputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../../src/components/inputField/InputField.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/inputFieldSplit/InputFieldSplit.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { InputFieldSplitProps } from "../types";
+declare const InputFieldSplit: ({ field, form, label, start_icon, end_icon, hint_text_icon, prefix, suffix, hint_text, fieldNames, char_count, disabled, placeholder, onChange, ...InputFieldSplitProps }: InputFieldSplitProps) => JSX.Element;
+export default InputFieldSplit;

package/dist/esm/components/inputFieldSplit/InputFieldSplit.js

@@ -0,0 +1,27 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Typography from "../typography/Typography";
+var InputFieldSplit = function (_a) {
+    var field = _a.field, form = _a.form, label = _a.label, _b = _a.start_icon, start_icon = _b === void 0 ? "" : _b, _c = _a.end_icon, end_icon = _c === void 0 ? "" : _c, _d = _a.hint_text_icon, hint_text_icon = _d === void 0 ? "" : _d, prefix = _a.prefix, suffix = _a.suffix, hint_text = _a.hint_text, _e = _a.fieldNames, fieldNames = _e === void 0 ? ["field1", "field2"] : _e, char_count = _a.char_count, _f = _a.disabled, disabled = _f === void 0 ? false : _f, placeholder = _a.placeholder, onChange = _a.onChange, InputFieldSplitProps = __rest(_a, ["field", "form", "label", "start_icon", "end_icon", "hint_text_icon", "prefix", "suffix", "hint_text", "fieldNames", "char_count", "disabled", "placeholder", "onChange"]);
+    var _g = field || {}, _h = _g.name, name = _h === void 0 ? "" : _h, _j = _g.value, value = _j === void 0 ? {} : _j;
+    var _k = form || {}, setFieldValue = _k.setFieldValue, touched = _k.touched, errors = _k.errors, setFieldTouched = _k.setFieldTouched;
+    var touch = touched && touched[name];
+    var error = errors && errors[name];
+    var errorMsg = touch && error ? error : undefined;
+    var handleChange = function (fieldName) { return function (event) {
+        var _a;
+        var changedValue = __assign(__assign({}, value), (_a = {}, _a[fieldName] = event.target.value, _a));
+        setFieldValue && setFieldValue(name, changedValue);
+        onChange && onChange(changedValue);
+    }; };
+    var handleBlur = function () {
+        setFieldTouched && setFieldTouched(name, true);
+    };
+    return (_jsxs("div", { children: [_jsxs("div", __assign({ className: "flex justify-between" }, { children: [Boolean(label) && (_jsx("div", __assign({ className: "text-Gray-700 mb-1" }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Medium" }, { children: label })) }))), Boolean(char_count) && (_jsx("div", __assign({ className: "text-Gray-700 mb-1" }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Medium" }, { children: char_count })) })))] })), _jsx(Typography, __assign({ variant: "Regular", type: "Text md" }, { children: _jsxs("div", __assign({ className: "flex border-1 overflow-hidden placeholder:text-Gray-500 ".concat(errorMsg ? "border-Error-300" : "border-Gray-300", " shadow-xs rounded-lg  h-10 ").concat(disabled
+                        ? "bg-Gray-50"
+                        : "bg-White ".concat(errorMsg
+                            ? "hover:shadow-xs-error"
+                            : "hover:border-Primary-300 hover:shadow-xs-primary")) }, { children: [Boolean(prefix) && (_jsx("div", __assign({ "data-testid": "input-prefix", className: "bg-Gray-50 border-r-1 border-r-Gray-300 text-Gray-500 flex items-center px-2" }, { children: _jsx(Typography, __assign({ type: "Text md", variant: "Regular" }, { children: prefix })) }))), Boolean(start_icon) && (_jsx("div", __assign({ className: "text-Gray-500 flex items-center pl-2" }, { children: _jsx("span", { className: start_icon }) }))), _jsxs("div", __assign({ className: "flex-1 relative flex min-w-[196px]" }, { children: [_jsx("input", __assign({ disabled: disabled, type: "text", className: "px-2 py-2 focus-visible:outline-0 absolute top-0 bottom-0 left-0 right-1/2 mr-1.5", value: value[fieldNames[0]], onBlur: handleBlur, onChange: handleChange(fieldNames[0]), placeholder: placeholder, "data-testid": "text1-input" }, InputFieldSplitProps)), _jsx("div", __assign({ className: "flex-1 flex justify-center items-center" }, { children: _jsx(Typography, __assign({ type: "Text md", variant: "Regular", className: "text-Gray-300" }, { children: "/" })) })), _jsx("input", __assign({ disabled: disabled, type: "text", className: "px-2 py-2 focus-visible:outline-0 absolute top-0 bottom-0 left-1/2 right-0 ml-1.5", value: value[fieldNames[1]], onBlur: handleBlur, onChange: handleChange(fieldNames[1]), placeholder: placeholder, "data-testid": "text2-input" }, InputFieldSplitProps))] })), Boolean(end_icon) && (_jsx("div", __assign({ className: "text-Gray-500 flex items-center pr-2" }, { children: _jsx("span", { className: end_icon }) }))), Boolean(suffix) && (_jsx("div", __assign({ "data-testid": "input-suffix", className: "bg-Gray-50 border-l-1 border-l-Gray-300 text-Gray-500 flex items-center px-2" }, { children: _jsx(Typography, __assign({ type: "Text md", variant: "Regular" }, { children: suffix })) })))] })) })), (Boolean(hint_text) || Boolean(errorMsg)) && (_jsx("div", __assign({ className: "".concat(errorMsg ? "text-Error-500" : "text-Gray-500 mt-1") }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Regular" }, { children: errorMsg ? (String(errorMsg)) : (_jsxs(_Fragment, { children: [Boolean(hint_text_icon) && (_jsx("span", { className: hint_text_icon })), hint_text] })) })) })))] }));
+};
+export default InputFieldSplit;
+//# sourceMappingURL=InputFieldSplit.js.map

package/dist/esm/components/inputFieldSplit/InputFieldSplit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputFieldSplit.js","sourceRoot":"","sources":["../../../../src/components/inputFieldSplit/InputFieldSplit.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/messageToast/MessageToast.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { messageToastProps } from "../types";
+declare const MessageToast: ({ heading, subText, color, onClick, }: messageToastProps) => JSX.Element;
+export default MessageToast;

package/dist/esm/components/messageToast/MessageToast.js

@@ -0,0 +1,19 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Typography from "../typography/Typography";
+var getLeftPositionClassName = function (color) {
+    switch (color) {
+        case "Success":
+            return "text-Gray-700 bg-Success-100";
+        case "Error":
+            return "text-Error-600 bg-Error-100";
+        default:
+            return "text-Gray-700 bg-Error-100";
+    }
+};
+var MessageToast = function (_a) {
+    var heading = _a.heading, subText = _a.subText, color = _a.color, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b;
+    return (_jsx("div", __assign({ className: "m-1" }, { children: _jsxs("div", __assign({ className: "relative flex shadow-md radius-1 px-2 py-2  w-72 rounded ".concat(getLeftPositionClassName(color)) }, { children: [_jsx("span", { onClick: onClick, className: "hx_close-circle rounded ".concat(color === "Success" ? "text-Gray-500" : "text-Error-500", "  px-2 py-2 absolute right-0 top-0 ").concat(getLeftPositionClassName(color)) }), _jsxs("div", __assign({ className: "flex flex-col" }, { children: [_jsx(Typography, __assign({ variant: "Medium", type: "Text sm", className: "truncate w-40 ".concat(getLeftPositionClassName(color)) }, { children: heading })), _jsx(Typography, __assign({ variant: "Regular", type: "Text sm", className: "text-Gray-500" }, { children: subText }))] }))] })) })));
+};
+export default MessageToast;
+//# sourceMappingURL=MessageToast.js.map

package/dist/esm/components/messageToast/MessageToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageToast.js","sourceRoot":"","sources":["../../../../src/components/messageToast/MessageToast.tsx"],"names":[],"mappings":";;AACA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,IAAM,wBAAwB,GAAG,UAAC,KAAuB;IACvD,QAAQ,KAAK,EAAE;QACb,KAAK,SAAS;YACZ,OAAO,8BAA8B,CAAC;QACxC,KAAK,OAAO;YACV,OAAO,6BAA6B,CAAC;QACvC;YACE,OAAO,4BAA4B,CAAC;KACvC;AACH,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,EAKF;QAJlB,OAAO,aAAA,EACP,OAAO,aAAA,EACP,KAAK,WAAA,EACL,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;IAElB,OAAO,CACL,uBAAK,SAAS,EAAC,KAAK,gBAClB,wBACE,SAAS,EAAE,mEAA4D,wBAAwB,CAC7F,KAAK,CACN,CAAE,iBAEH,eACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,kCACT,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,gDACpB,wBAAwB,CAC5D,KAAK,CACN,CAAE,GACH,EACF,wBAAK,SAAS,EAAC,eAAe,iBAE1B,KAAC,UAAU,aACT,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,wBAAiB,wBAAwB,CAAC,KAAK,CAAC,CAAE,gBAE5D,OAAO,IACG,EAEf,KAAC,UAAU,aACT,OAAO,EAAE,SAAS,EAClB,IAAI,EAAE,SAAS,EACf,SAAS,EAAC,eAAe,gBAExB,OAAO,IACG,KACT,KACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/esm/components/otpField/OtpField.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { OtpFieldProps } from "../types";
+declare const OtpField: ({ field, form, label, hint_text_icon, hint_text, digits, size, disabled, }: OtpFieldProps) => JSX.Element;
+export default OtpField;

package/dist/esm/components/otpField/OtpField.js

@@ -0,0 +1,42 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Typography from "../typography/Typography";
+var getSizeClassName = function (size) {
+    var className;
+    switch (size) {
+        case "sm":
+            className = "w-16 h-16";
+            break;
+        case "md":
+            className = "w-20 h-20";
+            break;
+        case "lg":
+            className = "w-24 h-24";
+            break;
+        default:
+            className = "";
+            break;
+    }
+    return className;
+};
+var OtpField = function (_a) {
+    var field = _a.field, form = _a.form, label = _a.label, _b = _a.hint_text_icon, hint_text_icon = _b === void 0 ? "" : _b, hint_text = _a.hint_text, _c = _a.digits, digits = _c === void 0 ? 6 : _c, _d = _a.size, size = _d === void 0 ? "md" : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e;
+    var _f = field || {}, _g = _f.name, name = _g === void 0 ? "" : _g, value = _f.value;
+    var _h = form || {}, setFieldValue = _h.setFieldValue, touched = _h.touched, errors = _h.errors, setFieldTouched = _h.setFieldTouched;
+    var touch = touched && touched[name];
+    var error = errors && errors[name];
+    var errorMsg = touch && error ? error : undefined;
+    var handleChange = function (event) {
+        setFieldValue && setFieldValue(name, event.target.value);
+    };
+    var handleBlur = function () {
+        setFieldTouched && setFieldTouched(name, true);
+    };
+    return (_jsxs("div", { children: [Boolean(label) && (_jsx("div", __assign({ className: "text-Gray-700 mb-1" }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Medium" }, { children: label })) }))), _jsxs("div", __assign({ className: "relative inline-block" }, { children: [_jsx("input", { onBlur: handleBlur, disabled: disabled, type: "text", className: "absolute top-0 bottom-0 left-0 right-0 opacity-0", value: value, maxLength: digits, onChange: handleChange }), _jsx("div", __assign({ className: "flex pointer-events-none" }, { children: Array(digits)
+                            .fill("")
+                            .map(function (_, index) {
+                            return (_jsxs("div", __assign({ className: "flex items-center justify-center" }, { children: [digits === 6 && index === 3 && (_jsx("div", __assign({ className: "text-Gray-300" }, { children: _jsx(Typography, __assign({ type: "Display xl", variant: "Medium" }, { children: "-" })) }))), _jsx("div", __assign({ className: "flex items-center justify-center border-1 border-Gray-300 rounded-lg mx-1 ".concat(getSizeClassName(size)) }, { children: Boolean(typeof value === "string" && value[index]) ? (_jsx(Typography, __assign({ type: size === "lg" ? "Display xl" : "Display lg", variant: "Medium" }, { children: value[index] }))) : (_jsx("div", __assign({ className: "text-Gray-300" }, { children: _jsx(Typography, __assign({ type: size === "lg" ? "Display xl" : "Display lg", variant: "Medium" }, { children: "0" })) }))) }))] }), index));
+                        }) }))] })), (Boolean(hint_text) || Boolean(errorMsg)) && (_jsx("div", __assign({ className: "".concat(errorMsg ? "text-Error-500" : "text-Gray-500 mt-1") }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Regular" }, { children: errorMsg ? (String(errorMsg)) : (_jsxs(_Fragment, { children: [Boolean(hint_text_icon) && (_jsx("span", { className: hint_text_icon })), hint_text] })) })) })))] }));
+};
+export default OtpField;
+//# sourceMappingURL=OtpField.js.map

package/dist/esm/components/otpField/OtpField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpField.js","sourceRoot":"","sources":["../../../../src/components/otpField/OtpField.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/progressBar/ProgressBar.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ProgressBarProps } from "../types";
+declare const ProgressBar: ({ progress, label, ...ProgressBarProps }: ProgressBarProps) => JSX.Element;
+export default ProgressBar;

package/dist/esm/components/progressBar/ProgressBar.js

@@ -0,0 +1,28 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import Tooltip from "../tooltip/Tooltip";
+import Typography from "../typography/Typography";
+var mouseoverEvent = new MouseEvent("mouseover", {
+    view: window,
+    bubbles: true,
+    cancelable: true,
+});
+var mouseoutEvent = new MouseEvent("mouseout", {
+    view: window,
+    bubbles: true,
+    cancelable: true,
+});
+var ProgressBar = function (_a) {
+    var _b = _a.progress, progress = _b === void 0 ? 0 : _b, _c = _a.label, label = _c === void 0 ? "Right" : _c, ProgressBarProps = __rest(_a, ["progress", "label"]);
+    var _d = useState(false), hovered = _d[0], setHovered = _d[1];
+    var tooltipRef = useRef(null);
+    useEffect(function () {
+        if (tooltipRef.current) {
+            tooltipRef.current.dispatchEvent(hovered ? mouseoverEvent : mouseoutEvent);
+        }
+    }, [hovered]);
+    return (_jsxs("div", __assign({ className: "flex ".concat(label === "Bottom" ? "flex-col" : "flex-row items-center") }, { children: [_jsxs("div", __assign({}, ProgressBarProps, { className: "w-full h-2 rounded relative" }, { children: [_jsx("div", { className: "absolute top-0 left-0 right-0 bg-Primary-50 bottom-0" }), _jsx("div", __assign({ "data-testid": "progressbar", onMouseEnter: function () { return setHovered(true); }, onMouseLeave: function () { return setHovered(false); }, style: { right: "".concat(100 - progress, "%") }, className: "absolute top-0 left-0 bottom-0 bg-Primary-600 ease-linear	duration-200 rounded flex justify-end" }, { children: (label === "Top floating" || label === "Bottom floating") && (_jsx(Tooltip, __assign({ "data-testid": "tooltip", variant: label === "Top floating" ? "Top" : "Bottom", text: "".concat(progress, "%") }, { children: _jsx("div", { className: "w-2 h-2", ref: tooltipRef }) }))) }))] })), label === "Right" && (_jsx("div", __assign({ className: "ml-2 w-10" }, { children: _jsxs(Typography, __assign({ type: "Text sm", variant: "Medium" }, { children: [progress, "%"] })) }))), label === "Bottom" && (_jsx("div", __assign({ className: "ml-auto" }, { children: _jsxs(Typography, __assign({ type: "Text sm", variant: "Medium" }, { children: [progress, "%"] })) })))] })));
+};
+export default ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

package/dist/esm/components/progressBar/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/components/progressBar/ProgressBar.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAEzC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,IAAM,cAAc,GAAG,IAAI,UAAU,CAAC,WAAW,EAAE;IACjD,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,IAAI;CACjB,CAAC,CAAC;AAEH,IAAM,aAAa,GAAG,IAAI,UAAU,CAAC,UAAU,EAAE;IAC/C,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,IAAI;CACjB,CAAC,CAAC;AAEH,IAAM,WAAW,GAAG,UAAC,EAIF;IAHjB,IAAA,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA,EACZ,aAAe,EAAf,KAAK,mBAAG,OAAO,KAAA,EACZ,gBAAgB,cAHA,qBAIpB,CADoB;IAEb,IAAA,KAAwB,QAAQ,CAAU,KAAK,CAAC,EAA/C,OAAO,QAAA,EAAE,UAAU,QAA4B,CAAC;IACvD,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,SAAS,CAAC;QACR,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,UAAU,CAAC,OAAO,CAAC,aAAa,CAC9B,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CACzC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,wBACE,SAAS,EAAE,eACT,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,uBAAuB,CACzD,iBAEF,0BAAS,gBAAgB,IAAE,SAAS,EAAE,6BAA6B,iBACjE,cAAK,SAAS,EAAC,sDAAsD,GAAG,EACxE,sCAAiB,aAAa,EAC5B,YAAY,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,EACpC,YAAY,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EACrC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,GAAG,GAAG,QAAQ,MAAG,EAAE,EACtC,SAAS,EACP,iGAAiG,gBAGlG,CAAC,KAAK,KAAK,cAAc,IAAI,KAAK,KAAK,iBAAiB,CAAC,IAAI,CAC5D,KAAC,OAAO,4BAAa,SAAS,EAC5B,OAAO,EAAE,KAAK,KAAK,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EACpD,IAAI,EAAE,UAAG,QAAQ,MAAG,gBAEpB,cAAK,SAAS,EAAC,SAAS,EAAC,GAAG,EAAE,UAAU,GAAI,IACpC,CACX,IACG,KACF,EAEL,KAAK,KAAK,OAAO,IAAI,CACpB,uBAAK,SAAS,EAAC,WAAW,gBACxB,MAAC,UAAU,aAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,QAAQ,iBACxC,QAAQ,UACE,IACT,CACP,EACA,KAAK,KAAK,QAAQ,IAAI,CACrB,uBAAK,SAAS,EAAC,SAAS,gBACtB,MAAC,UAAU,aAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,QAAQ,iBACxC,QAAQ,UACE,IACT,CACP,KACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/esm/components/progressCircle/ProgressCircle.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ProgressCircleProps } from "../types";
+declare const ProgressCircle: ({ size, progress, shape, label, spinnerMode, }: ProgressCircleProps) => JSX.Element;
+export default ProgressCircle;

package/dist/esm/components/progressCircle/ProgressCircle.js

@@ -0,0 +1,78 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Typography from "../typography/Typography";
+var getSizeNumber = function (size) {
+    var dimensions = {
+        sizeNumber: 64,
+        trackWidth: 8,
+        textType: "Text sm",
+    };
+    switch (size) {
+        case "xxs":
+            dimensions = {
+                sizeNumber: 64,
+                trackWidth: 4,
+                textType: "Text sm",
+            };
+            break;
+        case "xs":
+            dimensions = {
+                sizeNumber: 152,
+                trackWidth: 8,
+                textType: "Display xs",
+            };
+            break;
+        case "sm":
+            dimensions = {
+                sizeNumber: 184,
+                trackWidth: 10,
+                textType: "Display sm",
+            };
+            break;
+        case "md":
+            dimensions = {
+                sizeNumber: 224,
+                trackWidth: 12,
+                textType: "Display md",
+            };
+            break;
+        case "lg":
+            dimensions = {
+                sizeNumber: 256,
+                trackWidth: 14,
+                textType: "Display lg",
+            };
+            break;
+        default:
+            dimensions = {
+                sizeNumber: 64,
+                trackWidth: 4,
+                textType: "Text sm",
+            };
+            break;
+    }
+    return dimensions;
+};
+var ProgressCircle = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? "xxs" : _b, _c = _a.progress, progress = _c === void 0 ? 0 : _c, _d = _a.shape, shape = _d === void 0 ? "Circle" : _d, _e = _a.label, label = _e === void 0 ? "" : _e, _f = _a.spinnerMode, spinnerMode = _f === void 0 ? false : _f;
+    var _g = getSizeNumber(size), sizeNumber = _g.sizeNumber, trackWidth = _g.trackWidth, textType = _g.textType;
+    var center = sizeNumber / 2, radius = center - trackWidth, dashArray = 2 * Math.PI * radius, dashOffset = dashArray *
+        ((100 - (shape === "Half circle" ? progress / 2 : progress)) / 100);
+    return (_jsx(_Fragment, { children: _jsxs("div", __assign({ className: "relative", style: {
+                width: sizeNumber,
+                height: shape === "Half circle"
+                    ? sizeNumber / 2 + trackWidth / 2
+                    : sizeNumber,
+            } }, { children: [_jsxs("svg", __assign({ className: shape === "Half circle" ? "-rotate-180" : "-rotate-90", style: {
+                        width: sizeNumber,
+                        height: shape === "Half circle"
+                            ? sizeNumber / 2 + trackWidth / 2
+                            : sizeNumber,
+                    } }, { children: [_jsx("circle", { className: "stroke-Primary-50", cx: center, cy: shape === "Half circle" ? trackWidth / 2 : center, fill: "transparent", r: radius, strokeWidth: trackWidth, strokeDasharray: dashArray, strokeDashoffset: shape === "Half circle" ? dashArray / 2 : dashArray * 2, strokeLinecap: "round" }), _jsx("circle", { className: "".concat(spinnerMode && shape !== "Half circle"
+                                ? "animate-spin origin-center"
+                                : "ease-linear	duration-200", " stroke-Primary-600"), cx: center, cy: shape === "Half circle" ? trackWidth / 2 : center, fill: "transparent", r: radius, strokeWidth: trackWidth, strokeDasharray: dashArray, strokeDashoffset: dashOffset, strokeLinecap: "round" })] })), _jsxs("div", __assign({ className: "absolute ".concat(shape === "Half circle"
+                        ? "bottom-0"
+                        : "top-1/2 translate-y-[-50%]", " left-1/2 translate-x-[-50%]  text-center") }, { children: [Boolean(label) && size !== "xxs" && (_jsx("div", __assign({ className: "text-Gray-500" }, { children: _jsx(Typography, __assign({ variant: "Medium", type: "Text sm" }, { children: label })) }))), (!spinnerMode || shape === "Half circle") && (_jsx("div", __assign({ className: "text-Gray-900" }, { children: _jsx(Typography, __assign({ type: textType, variant: "Medium" }, { children: "".concat(progress > 100 ? 100 : progress, "%") })) })))] }))] })) }));
+};
+export default ProgressCircle;
+//# sourceMappingURL=ProgressCircle.js.map

package/dist/esm/components/progressCircle/ProgressCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle.js","sourceRoot":"","sources":["../../../../src/components/progressCircle/ProgressCircle.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/radioBtn/RadioBtn.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { RadioBtnProps } from "../types";
+declare const RadioBtn: ({ size, disabled, iconfile, id, text, secondaryText }: RadioBtnProps) => JSX.Element;
+export default RadioBtn;

package/dist/esm/components/radioBtn/RadioBtn.js

@@ -0,0 +1,62 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Typography from "../typography/Typography";
+var getSizeClassName = function (size) {
+    switch (size) {
+        case "sm":
+            return "Text xs";
+        case "md":
+            return "Text sm";
+        default:
+            return "Text md";
+    }
+};
+var getPaddingClassName = function (size, disabled) {
+    switch (size) {
+        case "sm":
+            return disabled
+                ? "flex  w-4 h-4 bg-white border border-Gray-300 border-Gray-300 rounded-full cursor-pointer focus:outline-none bg-Gray-200 p-2 "
+                : "flex  w-4 h-4 bg-white border border-Gray-300 hover:border-Primary-600 peer-checked:border-Primary-600 rounded-full cursor-pointer focus:outline-none hover:bg-Primary-50 peer-checked:bg-Primary-600 p-2 peer-checked:ring-2 ring-Primary-300 peer-checked:border-transparent ";
+        case "md":
+            return disabled
+                ? "flex w-5 h-5 bg-white border border-Gray-300 border-Gray-300 rounded-full cursor-pointer focus:outline-none bg-Gray-200 p-2 "
+                : "flex w-5 h-5 bg-white border border-Gray-300 hover:border-Primary-600 peer-checked:border-Primary-600  rounded-full cursor-pointer focus:outline-none hover:bg-Primary-50 peer-checked:bg-Primary-600 p-2 peer-checked:ring-2  peer-checked:border-transparent ";
+        default:
+            return "flex w-4 h-4 bg-white border border-Gray-300 hover:border-Primary-600 peer-checked:border-Primary-600 rounded-full cursor-pointer focus:outline-none hover:bg-Primary-50 peer-checked:bg-Primary-600 p-2 peer-checked:ring-2 ring-Primary-300 peer-checked:border-transparent ";
+    }
+};
+var getLabelStyle = function (disabled) {
+    return disabled
+        ? "flex flex-col text-Gray-300"
+        : "flex flex-col text-Gray-700";
+};
+var getIconTypeClassName = function (iconfile, size, disabled) {
+    switch (iconfile) {
+        case "dot":
+            return size === "sm"
+                ? disabled
+                    ? "ring-4 p-1 ring-Gray-50 bg-Gray-300 -ml-[13px] mt-[4.95px] w-2 h-2 rounded-full peer-checked:block"
+                    : "hidden ring-4 p-1 ring-Primary-50 -ml-[13px] mt-[4.95px] w-2 h-2 rounded-full peer-checked:block"
+                : disabled
+                    ? "ring-4 p-1 ring-Gray-50 bg-Gray-300 -ml-[14px] mt-[6px] w-2 h-2 rounded-full peer-checked:block"
+                    : "hidden ring-4 p-1 ring-Primary-50 -ml-[14px] mt-[6px] w-2 h-2 rounded-full peer-checked:block";
+        case "checkmark":
+            return size === "sm"
+                ? disabled
+                    ? "hx_checkmark text-[12px] -ml-[17px] mt-[3px] text-White peer-checked:block "
+                    : "hidden hx_checkmark text-[12px] -ml-[17px] mt-[3px] text-White peer-checked:block"
+                : disabled
+                    ? "hx_checkmark -ml-[21px] mt-[2px] text-White peer-checked:block "
+                    : "hidden hx_checkmark -ml-[21px] mt-[2px] text-White peer-checked:block";
+        default:
+            return size === "sm"
+                ? "hidden ring-4 p-1 ring-Primary-50 -ml-[13px] mt-[4.95px] w-2 h-2 rounded-full peer-checked:block"
+                : "hidden ring-4 p-1 ring-Primary-50 -ml-[14px] mt-[6px] w-2 h-2 rounded-full peer-checked:block";
+    }
+};
+var RadioBtn = function (_a) {
+    var size = _a.size, disabled = _a.disabled, iconfile = _a.iconfile, id = _a.id, text = _a.text, secondaryText = _a.secondaryText;
+    return (_jsx("div", { children: _jsxs("div", __assign({ className: "p-4 flex flex-row flex-1 " }, { children: [_jsx("input", { className: "sr-only peer ", type: "radio", value: "first", name: "radioBtn", id: id, "data-testid": id, disabled: disabled }), _jsx("label", { className: "".concat(getPaddingClassName(size, disabled)), htmlFor: id }), _jsx("div", { className: "".concat(getIconTypeClassName(iconfile, size, disabled)) }), _jsxs("label", __assign({ className: " mx-4  ".concat(getLabelStyle(disabled), " "), htmlFor: id }, { children: [_jsx(Typography, __assign({ variant: "Medium", type: getSizeClassName(size) }, { children: text })), _jsx(Typography, __assign({ variant: "Regular", type: getSizeClassName(size) }, { children: secondaryText }))] }))] })) }));
+};
+export default RadioBtn;
+//# sourceMappingURL=RadioBtn.js.map

package/dist/esm/components/radioBtn/RadioBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioBtn.js","sourceRoot":"","sources":["../../../../src/components/radioBtn/RadioBtn.tsx"],"names":[],"mappings":";;AACA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,IAAM,gBAAgB,GAAG,UAAC,IAAsB;IAC9C,QAAQ,IAAI,EAAE;QACZ,KAAK,IAAI;YACP,OAAO,SAAS,CAAC;QACnB,KAAK,IAAI;YACP,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;KACpB;AACH,CAAC,CAAC;AACF,IAAM,mBAAmB,GAAG,UAAC,IAAsB,EAAE,QAAiB;IACpE,QAAQ,IAAI,EAAE;QACZ,KAAK,IAAI;YACP,OAAO,QAAQ;gBACb,CAAC,CAAC,+HAA+H;gBACjI,CAAC,CAAC,iRAAiR,CAAC;QACxR,KAAK,IAAI;YACP,OAAO,QAAQ;gBACb,CAAC,CAAC,8HAA8H;gBAChI,CAAC,CAAC,iQAAiQ,CAAC;QACxQ;YACE,OAAO,gRAAgR,CAAC;KAC3R;AACH,CAAC,CAAC;AACF,IAAM,aAAa,GAAG,UAAC,QAAiB;IACtC,OAAO,QAAQ;QACb,CAAC,CAAC,6BAA6B;QAC/B,CAAC,CAAC,6BAA6B,CAAC;AACpC,CAAC,CAAC;AACF,IAAM,oBAAoB,GAAG,UAC3B,QAAsB,EACtB,IAAsB,EACtB,QAAiB;IAEjB,QAAQ,QAAQ,EAAE;QAChB,KAAK,KAAK;YACR,OAAO,IAAI,KAAK,IAAI;gBAClB,CAAC,CAAC,QAAQ;oBACR,CAAC,CAAC,oGAAoG;oBACtG,CAAC,CAAC,kGAAkG;gBACtG,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,iGAAiG;oBACnG,CAAC,CAAC,+FAA+F,CAAC;QAEtG,KAAK,WAAW;YACd,OAAO,IAAI,KAAK,IAAI;gBAClB,CAAC,CAAC,QAAQ;oBACR,CAAC,CAAC,6EAA6E;oBAC/E,CAAC,CAAC,mFAAmF;gBACvF,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,iEAAiE;oBACnE,CAAC,CAAC,uEAAuE,CAAC;QAC9E;YACE,OAAO,IAAI,KAAK,IAAI;gBAClB,CAAC,CAAC,kGAAkG;gBACpG,CAAC,CAAC,+FAA+F,CAAC;KACvG;AACH,CAAC,CAAC;AACF,IAAM,QAAQ,GAAG,UAAC,EAAmE;QAAjE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,EAAE,QAAA,EAAE,IAAI,UAAA,EAAC,aAAa,mBAAA;IAClE,OAAO,CACL,wBACE,wBAAK,SAAS,EAAE,2BAA2B,iBACzC,gBACE,SAAS,EAAC,eAAe,EACzB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,iBACO,EAAE,EACf,QAAQ,EAAE,QAAQ,GAClB,EACF,gBACE,SAAS,EAAE,UAAG,mBAAmB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAE,EACnD,OAAO,EAAE,EAAE,GACJ,EAET,cACE,SAAS,EAAE,UAAG,oBAAoB,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAE,GACzD,EACP,0BAAO,SAAS,EAAE,iBAAU,aAAa,CAAC,QAAQ,CAAC,MAAG,EAAE,OAAO,EAAE,EAAE,iBACjE,KAAC,UAAU,aAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,gBACtD,IAAI,IACM,EAEb,KAAC,UAAU,aAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,gBACzD,aAAa,IACD,KACP,KACJ,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/esm/components/slider/Slider.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Slider: ({ initialMin, initialMax, min, max, step, label }: any) => JSX.Element;
+export default Slider;

package/dist/esm/components/slider/Slider.js

@@ -0,0 +1,64 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+var getLeftPositionClassName = function (minValue) {
+    switch (minValue) {
+        case "0":
+            return "flex ml-0";
+        case "25":
+            return "flex ml-[65px]";
+        case "50":
+            return "flex ml-[140px]";
+        case "75":
+            return "flex ml-[215px]";
+        default:
+            return "flex ml-0";
+    }
+};
+var getRightPositionClassName = function (maxValue) {
+    switch (maxValue) {
+        case "25":
+            return "flex ml-[65px]";
+        case "50":
+            return "flex ml-[140px]";
+        case "75":
+            return "flex ml-[215px]";
+        case "100":
+            return "flex ml-[290px]";
+        default:
+            return "flex ml-[65px]";
+    }
+};
+var getLabelClassName = function (position) {
+    switch (position) {
+        case "topFloating":
+            return "absolute -mt-6 py-1 px-2 text-[12px] text-Gray-700 bg-White shadow-xl rounded-lg";
+        case "bottomFloating":
+            return "absolute mt-8 py-1 px-2 text-[12px] text-Gray-700 bg-White shadow-xl rounded-lg";
+        case "labelBottom":
+            return "absolute mt-8 py-1 px-2 text-[16px] text-Gray-700 ";
+        case "noLabel":
+            return "hidden";
+        default:
+            return "absolute mt-8 py-1 px-2 text-[12px] text-Gray-700 bg-White shadow-xl rounded-lg";
+    }
+};
+var Slider = function (_a) {
+    var initialMin = _a.initialMin, initialMax = _a.initialMax, min = _a.min, max = _a.max, step = _a.step, label = _a.label;
+    var progressRef = useRef(null);
+    var _b = useState(initialMin), minValue = _b[0], setMinValue = _b[1];
+    var _c = useState(initialMax), maxValue = _c[0], setMaxValue = _c[1];
+    useEffect(function () {
+        if (progressRef.current != null) {
+            progressRef.current.style.left = minValue + "%";
+            progressRef.current.style.right = 100 - maxValue + "%";
+        }
+    }, [minValue, maxValue, max, step]);
+    return (_jsx("div", { children: _jsxs("div", __assign({ className: "flex flex-col w-96 px-8 py-4" }, { children: [_jsxs("div", __assign({ className: "relative my-4 " }, { children: [_jsx("div", __assign({ className: "".concat(getLeftPositionClassName(minValue), " ") }, { children: _jsx("span", __assign({ className: "".concat(getLabelClassName(label)) }, { children: minValue + "%" })) })), _jsx("div", __assign({ className: "".concat(getRightPositionClassName(maxValue)) }, { children: _jsxs("span", __assign({ className: "".concat(getLabelClassName(label)) }, { children: [" ", maxValue + "%"] })) }))] })), _jsxs("div", __assign({ className: "mb-4" }, { children: [_jsx("div", __assign({ className: "slider relative h-2 rounded-md bg-Gray-200" }, { children: _jsx("div", { className: "progress absolute h-2 bg-Primary-600 rounded", ref: progressRef }) })), _jsxs("div", __assign({ "data-testid": "Slider", className: "range-input relative" }, { children: [_jsx("input", { onChange: function (e) {
+                                        setMinValue(e.target.value);
+                                    }, type: "range", min: min, step: 25, max: max, value: minValue, className: "range-min absolute w-full -top-2  h-2  bg-transparent  appearance-none bg-Black/0 accent-White" }), _jsx("input", { onChange: function (e) {
+                                        setMaxValue(e.target.value);
+                                    }, type: "range", min: min, step: 25, max: max, value: maxValue, className: "range-max absolute w-full -top-2 h-2  bg-transparent appearance-none bg-Black/0 accent-White " })] }))] }))] })) }));
+};
+export default Slider;
+//# sourceMappingURL=Slider.js.map

package/dist/esm/components/slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/textAreaField/TextAreaField.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TextAreaFieldProps } from "../types";
+declare const TextAreaField: ({ field, form, label, hint_text_icon, hint_text, disabled, placeholder, ...TextAreaFieldProps }: TextAreaFieldProps) => JSX.Element;
+export default TextAreaField;

package/dist/esm/components/textAreaField/TextAreaField.js

@@ -0,0 +1,24 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Typography from "../typography/Typography";
+var TextAreaField = function (_a) {
+    var field = _a.field, form = _a.form, label = _a.label, _b = _a.hint_text_icon, hint_text_icon = _b === void 0 ? "" : _b, hint_text = _a.hint_text, _c = _a.disabled, disabled = _c === void 0 ? false : _c, placeholder = _a.placeholder, TextAreaFieldProps = __rest(_a, ["field", "form", "label", "hint_text_icon", "hint_text", "disabled", "placeholder"]);
+    var _d = field || {}, _e = _d.name, name = _e === void 0 ? "" : _e, value = _d.value;
+    var _f = form || {}, setFieldValue = _f.setFieldValue, touched = _f.touched, errors = _f.errors, setFieldTouched = _f.setFieldTouched;
+    var touch = touched && touched[name];
+    var error = errors && errors[name];
+    var errorMsg = touch && error ? error : undefined;
+    var handleChange = function (event) {
+        setFieldValue && setFieldValue(name, event.target.value);
+    };
+    var handleBlur = function () {
+        setFieldTouched && setFieldTouched(name, true);
+    };
+    return (_jsxs("div", { children: [Boolean(label) && (_jsx("div", __assign({ className: "text-Gray-700 mb-1" }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Medium" }, { children: label })) }))), _jsx(Typography, __assign({ variant: "Regular", type: "Text md" }, { children: _jsx("div", __assign({ className: "flex border-1 overflow-hidden placeholder:text-Gray-500 ".concat(errorMsg ? "border-Error-300" : "border-Gray-300", " shadow-xs rounded-lg  h-32 ").concat(disabled
+                        ? "bg-Gray-50"
+                        : "bg-White ".concat(errorMsg
+                            ? "hover:shadow-xs-error"
+                            : "hover:border-Primary-300 hover:shadow-xs-primary")) }, { children: _jsx("textarea", __assign({ onBlur: handleBlur, disabled: disabled, placeholder: placeholder, className: "flex-1 px-2 py-2 focus-visible:outline-0", value: value, onChange: handleChange }, TextAreaFieldProps)) })) })), (Boolean(hint_text) || Boolean(errorMsg)) && (_jsx("div", __assign({ className: "".concat(errorMsg ? "text-Error-500" : "text-Gray-500 mt-1") }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Regular" }, { children: errorMsg ? (String(errorMsg)) : (_jsxs(_Fragment, { children: [Boolean(hint_text_icon) && (_jsx("span", { className: hint_text_icon })), hint_text] })) })) })))] }));
+};
+export default TextAreaField;
+//# sourceMappingURL=TextAreaField.js.map

package/dist/esm/components/textAreaField/TextAreaField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaField.js","sourceRoot":"","sources":["../../../../src/components/textAreaField/TextAreaField.tsx"],"names":[],"mappings":";;AACA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAIlD,IAAM,aAAa,GAAG,UAAC,EASF;IARnB,IAAA,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,SAAS,eAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,WAAW,iBAAA,EACR,kBAAkB,cARA,oFAStB,CADsB;IAEf,IAAA,KAAuB,KAAK,IAAI,EAAE,EAAhC,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,KAAK,WAAgB,CAAC;IACnC,IAAA,KAAsD,IAAI,IAAI,EAAE,EAA9D,aAAa,mBAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,eAAe,qBAAe,CAAC;IACvE,IAAM,KAAK,GAAG,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,IAAM,KAAK,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,QAAQ,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAEpD,IAAM,YAAY,GAAG,UAAC,KAA6C;QACjE,aAAa,IAAI,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,eAAe,IAAI,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,OAAO,CACL,0BACG,OAAO,CAAC,KAAK,CAAC,IAAI,CACjB,uBAAK,SAAS,EAAC,oBAAoB,gBACjC,KAAC,UAAU,aAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,QAAQ,gBACxC,KAAK,IACK,IACT,CACP,EACD,KAAC,UAAU,aAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,gBAC1C,uBACE,SAAS,EAAE,kEACT,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,yCAEjD,QAAQ;wBACN,CAAC,CAAC,YAAY;wBACd,CAAC,CAAC,mBACE,QAAQ;4BACN,CAAC,CAAC,uBAAuB;4BACzB,CAAC,CAAC,kDAAkD,CACtD,CACN,gBAEF,4BACE,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,0CAA0C,EACpD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,IAClB,kBAAkB,EACtB,IACE,IACK,EACZ,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAC5C,uBACE,SAAS,EAAE,UAAG,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,oBAAoB,CAAE,gBAElE,KAAC,UAAU,aAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS,gBACzC,QAAQ,CAAC,CAAC,CAAC,CACV,MAAM,CAAC,QAAQ,CAAC,CACjB,CAAC,CAAC,CAAC,CACF,8BACG,OAAO,CAAC,cAAc,CAAC,IAAI,CAC1B,eAAM,SAAS,EAAE,cAAc,GAAS,CACzC,EACA,SAAS,IACT,CACJ,IACU,IACT,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/esm/components/toggleSwitch/ToggleSwitch.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ToggleSwitchProps } from "../types";
+declare const ToggleSwitch: ({ size, theme, disabled, text, secondaryText, id, onClick, isToggled }: ToggleSwitchProps) => JSX.Element;
+export default ToggleSwitch;

package/dist/esm/components/toggleSwitch/ToggleSwitch.js

@@ -0,0 +1,55 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Typography from "../typography/Typography";
+var getSizeClassName = function (size) {
+    switch (size) {
+        case "sm":
+            return "Text xs";
+        case "md":
+            return "Text sm";
+        default:
+            return "Text xs";
+    }
+};
+var getToggleSizeClassName = function (size, disabled) {
+    switch (size) {
+        case "sm":
+            return disabled
+                ? "bg-Gray-200  md:w-9 md:h-5 w-5 h-4"
+                : "md:w-9 md:h-5 w-5 h-4";
+        case "md":
+            return disabled
+                ? "md:w-11 md:h-6 w-6 h-5 bg-Gray-200"
+                : "md:w-11 md:h-6 w-6 h-5";
+        default:
+            return "md:w-9 md:h-5 w-5 h-4";
+    }
+};
+var getThemeClassName = function (theme, toggled, disabled) {
+    switch (theme) {
+        case "Dark":
+            return (disabled)
+                ? (toggled ? "bg-Gray-200" : "bg-Gray-200")
+                : (toggled ? "bg-Primary-600" : "bg-Gray-200");
+        case "Light":
+            return (disabled)
+                ? (toggled ? "bg-Gray-200" : "bg-Gray-50")
+                : (toggled ? "bg-Primary-200" : "bg-Primary-50");
+        default:
+            return toggled
+                ? "bg-Primary-600"
+                : "bg-Gray-200";
+    }
+};
+var getLabelStyle = function (disabled) {
+    return disabled
+        ? "flex flex-col text-Gray-300 "
+        : "flex flex-col text-Gray-700";
+};
+var ToggleSwitch = function (_a) {
+    var size = _a.size, theme = _a.theme, disabled = _a.disabled, text = _a.text, secondaryText = _a.secondaryText, id = _a.id, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, isToggled = _a.isToggled;
+    var toggleClass = size === "sm" ? "transform  translate-x-[14px]" : "transform  translate-x-[18px]";
+    return (_jsxs("div", __assign({ className: "flex flex-row items-center p-2" }, { children: [_jsx("button", __assign({ onClick: onClick, disabled: disabled, id: id, "data-testid": id, defaultChecked: isToggled, className: "".concat(getToggleSizeClassName(size, disabled), " flex items-center  ").concat(getThemeClassName(theme, isToggled, disabled), " rounded-full p-1 cursor-pointer focus:ring-4 ring-Primary-100") }, { children: _jsx("div", { className: "bg-White\n            ".concat(size === "sm" ? "md: w-4 md:h-4" : "md: w-5 md:h-5", " rounded-full shadow-md transition transform\n            ").concat(isToggled ? toggleClass : null) }) })), _jsxs("label", __assign({ className: " mx-5 ".concat(getLabelStyle(disabled), " "), htmlFor: id }, { children: [_jsx(Typography, __assign({ variant: "Medium", type: getSizeClassName(size) }, { children: text })), secondaryText && (_jsx(Typography, __assign({ variant: "Regular", type: getSizeClassName(size) }, { children: secondaryText })))] }))] })));
+};
+export default ToggleSwitch;
+//# sourceMappingURL=ToggleSwitch.js.map

package/dist/esm/components/toggleSwitch/ToggleSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../../../../src/components/toggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TooltipProps } from "../types";
+declare const Tooltip: (props: TooltipProps) => JSX.Element;
+export default Tooltip;