hplx-react-elements-dev 1.0.0

package/dist/esm/components/checkbox/Checkbox.js

@@ -0,0 +1,42 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Typography from "../typography/Typography";
+import { useState } from "react";
+//getSizeClassName is used to get the size of the checkbox
+var getSizeClassName = function (size) {
+    switch (size) {
+        case "sm":
+            return "Text xs";
+        case "md":
+            return "Text sm";
+        default:
+            return "Text md";
+    }
+};
+// getPaddingClassName is used to get the padding of the button and placement of content in the button
+var getPaddingClassName = function (size) {
+    switch (size) {
+        case "sm":
+            return "w-4 h-4 mr-2 gap-1 text-[14px] rounded-[4px]";
+        case "md":
+            return "w-5 h-5 mr-3 gap-2 text-[18px] rounded-[6px]";
+        default:
+            return "gap-1";
+    }
+};
+var getLabelStyle = function (disabled) {
+    return disabled
+        ? "flex flex-col text-Gray-300"
+        : "flex flex-col text-Gray-700";
+};
+var Checkbox = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? "sm" : _b, text = _a.text, secondaryText = _a.secondaryText, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d;
+    var _e = useState(false), isChecked = _e[0], setCheck = _e[1];
+    var OnButtonClick = function () {
+        onClick();
+        setCheck(function (prevValue) { return !prevValue; });
+    };
+    return (_jsxs("div", __assign({ className: "flex" }, { children: [_jsx("div", { "data-testid": "box", className: "".concat(disabled ? "".concat(getPaddingClassName(size), " text-Gray-200 bg-Gray-100 border-1 border-Gray-200") : "".concat(isChecked ? "hx_checkmark text-Primary-600 border-Primary-600 bg-Primary-50" : "bg-Gray-100 border-Gray-300", " ").concat(getPaddingClassName(size), " flex justify-center items-center border-1 hover:text-Primary-600 hover:border-Primary-600 hover:bg-Primary-50 active:ring-4 active:ring-Primary-100"), "}"), onClick: disabled ? undefined : OnButtonClick, style: { fontWeight: 1000 } }), _jsxs("div", __assign({ className: getLabelStyle(disabled) }, { children: [_jsx(Typography, __assign({ "data-testid": "text", variant: "Medium", type: getSizeClassName(size) }, { children: text })), secondaryText && (_jsx(Typography, __assign({ "data-testid": "sub-text", variant: "Regular", type: getSizeClassName(size) }, { children: secondaryText })))] }))] })));
+};
+export default Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/dist/esm/components/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";;AAAA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,0DAA0D;AAC1D,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;AAEF,sGAAsG;AACtG,IAAM,mBAAmB,GAAG,UAAC,IAAsB;IACjD,QAAQ,IAAI,EAAE;QACZ,KAAK,IAAI;YACP,OAAO,8CAA8C,CAAC;QACxD,KAAK,IAAI;YACP,OAAO,8CAA8C,CAAC;QACxD;YACE,OAAO,OAAO,CAAC;KAClB;AACH,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,UAAC,QAAiB;IACtC,OAAO,QAAQ;QACb,CAAC,CAAC,6BAA6B;QAC/B,CAAC,CAAC,6BAA6B,CAAC;AACpC,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAG,UAAC,EAAiF;QAA/E,YAAS,EAAT,IAAI,mBAAC,IAAI,KAAA,EAAE,IAAI,UAAA,EAAE,aAAa,mBAAA,EAAE,gBAAc,EAAd,QAAQ,mBAAC,KAAK,KAAA,EAAE,eAAe,EAAf,OAAO,mBAAE,cAAK,CAAC,KAAA;IAC3E,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,SAAS,QAAA,EAAE,QAAQ,QAAmB,CAAC;IAC9C,IAAM,aAAa,GAAG;QACpB,OAAO,EAAE,CAAA;QACT,QAAQ,CAAC,UAAC,SAAS,IAAK,OAAA,CAAC,SAAS,EAAV,CAAU,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO,CACL,wBAAK,SAAS,EAAE,MAAM,iBACpB,6BAAiB,KAAK,EACpB,SAAS,EAAE,UAAI,QAAQ,CAAC,CAAC,CAAC,UAAG,mBAAmB,CAAC,IAAI,CAAC,wDAAqD,CAAC,CAAC,CAAC,UAAI,SAAS,CAAC,CAAC,CAAC,gEAAgE,CAAC,CAAC,CAAC,6BAA6B,cAC1N,mBAAmB,CAAC,IAAI,CAAC,yJAAsJ,MAAG,EAEtL,OAAO,EAAE,QAAQ,CAAA,CAAC,CAAC,SAAS,CAAA,CAAC,CAAA,aAAa,EAC1C,KAAK,EACH,EAAC,UAAU,EAAC,IAAI,EAAC,GAEnB,EACF,wBAAK,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,iBACrC,KAAC,UAAU,4BAAa,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,gBACzE,IAAI,IACM,EAEZ,aAAa,IAAI,CAChB,KAAC,UAAU,4BAAa,UAAU,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,gBAC9E,aAAa,IACH,CACd,KACG,KACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/esm/components/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+import Checkbox from "./Checkbox";
+export default Checkbox;

package/dist/esm/components/checkbox/index.js

@@ -0,0 +1,3 @@
+import Checkbox from "./Checkbox";
+export default Checkbox;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,eAAe,QAAQ,CAAC"}

package/dist/esm/components/checkboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CheckboxGroupProps } from "../types";
+declare const CheckboxGroup: ({ variant, size, options, }: CheckboxGroupProps) => JSX.Element;
+export default CheckboxGroup;

package/dist/esm/components/checkboxGroup/CheckboxGroup.js

@@ -0,0 +1,23 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import CheckboxGroupItem from "./CheckboxGroupItem";
+var CheckboxGroup = function (_a) {
+    var 
+    // field,
+    // form,
+    variant = _a.variant, size = _a.size, options = _a.options;
+    var _b = useState(-1), active = _b[0], setActive = _b[1];
+    var OnButtonClick = function (index) { return function () {
+        if (index > -1) {
+            setActive(index);
+        }
+    }; };
+    return (_jsx("div", __assign({ className: "flex flex-col gap-2" }, { children: (options === null || options === void 0 ? void 0 : options.constructor) === Array && options.length ? (options.map(function (option, index) {
+            var _a = option || {}, onClick = _a.onClick, restOptions = __rest(_a, ["onClick"]);
+            return (_jsx(CheckboxGroupItem, __assign({}, restOptions, { size: size, variant: variant, onClick: function () { OnButtonClick(index)(); }, isActive: active === index })));
+        })) :
+            "" })));
+};
+export default CheckboxGroup;
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/esm/components/checkboxGroup/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../../src/components/checkboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,IAAM,aAAa,GAAG,UAAC,EAMA;;IALrB,SAAS;IACT,QAAQ;IACR,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,OAAO,aAAA;IAEC,IAAA,KAAsB,QAAQ,CAAS,CAAC,CAAC,CAAC,EAAzC,MAAM,QAAA,EAAE,SAAS,QAAwB,CAAC;IACjD,IAAM,aAAa,GAAG,UAAC,KAAY,IAAK,OAAA;QACtC,IAAG,KAAK,GAAC,CAAC,CAAC,EAAC;YACV,SAAS,CAAC,KAAK,CAAC,CAAA;SACjB;IACH,CAAC,EAJuC,CAIvC,CAAC;IACF,OAAO,CACH,uBAAK,SAAS,EAAC,qBAAqB,gBAEvC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,MAAK,KAAK,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAChD,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;YACxB,IAAM,KAA6B,MAAM,IAAI,EAAE,EAAvC,OAAO,aAAA,EAAI,WAAW,cAAxB,WAA0B,CAAe,CAAC;YAEhD,OAAO,CACL,KAAC,iBAAiB,eACZ,WAAW,IAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,cAAK,aAAa,CAAC,KAAK,CAAC,EAAE,CAAA,CAAA,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAG,KAAK,IAC9G,CACH,CAAC;QACJ,CAAC,CAAC,CACH,CAAC,CAAC;YACH,EAAE,IACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/esm/components/checkboxGroup/CheckboxGroupItem.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CheckboxGroupItemProps } from "../types";
+declare const CheckboxGroupItem: ({ variant, size, icon_name, monthly_cost, plan_details, plan_name, limited, disabled, onClick, isActive }: CheckboxGroupItemProps) => JSX.Element;
+export default CheckboxGroupItem;

package/dist/esm/components/checkboxGroup/CheckboxGroupItem.js

@@ -0,0 +1,34 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Typography from "../typography/Typography";
+import Avatar from "../avatar/Avatar";
+function Checkmark(disabled, size, isActive) {
+    return (_jsx("div", { className: "".concat(size === "sm" ? "w-4 h-4" : "w-5 h-5", " ").concat(isActive ? "hx_checkmark bg-Primary-600" : "", " ").concat(disabled ? "" : "group-hover:border-Primary-600 group-active:ring-4 group-active:ring-Primary-100", " absolute flex m-4 top-0 right-0 my-auto bottom-0 rounded-full justify-center items-center border-1 border-Gray-300 text-White "), style: { fontSize: size === "sm" ? 12 : 16,
+            fontWeight: 1000 } }));
+}
+var CheckboxGroupItem = function (_a) {
+    var _b = _a.variant, variant = _b === void 0 ? "Icon Simple" : _b, _c = _a.size, size = _c === void 0 ? "sm" : _c, icon_name = _a.icon_name, monthly_cost = _a.monthly_cost, plan_details = _a.plan_details, plan_name = _a.plan_name, _d = _a.limited, limited = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, onClick = _a.onClick, _f = _a.isActive, isActive = _f === void 0 ? false : _f;
+    switch (variant) {
+        case "Icon Simple":
+            return (_jsx("div", __assign({ className: "relative group", onClick: disabled ? undefined : onClick }, { children: _jsxs("div", __assign({ className: "".concat(disabled ? "bg-Gray-50" : "".concat(isActive ? "bg-Primary-50 border-Primary-300 hover:border-Primary-500" : "hover:border-Primary-300", " active:ring-4 active:ring-Primary-100"), " flex items-center gap-4 p-4 border-1 border-Gray-200 rounded-lg ") }, { children: [_jsx("div", { className: "".concat(icon_name, " ").concat(disabled ? "border-6 border-Gray-50 bg-Gray-100 text-Gray-300" : "border-4 border-Primary-50 bg-Primary-100 text-Primary-600", " ").concat(size === "sm" ? "w-8 h-8" : "w-10 h-10", " flex justify-center items-center rounded-full"), style: { fontWeight: 1000 } }), _jsxs(Typography, __assign({ variant: "Medium", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-800" : "text-Gray-700") }, { children: [plan_name, " ", " ", _jsxs(Typography, __assign({ variant: "Regular", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-600" : "text-Gray-500", " inline") }, { children: [monthly_cost, "/month", _jsx("br", {}), plan_details] }))] })), Checkmark(disabled, size, isActive)] })) })));
+        //  
+        case "Icon Card":
+            return (_jsx("div", __assign({ className: "relative group", onClick: disabled ? undefined : onClick }, { children: _jsxs("div", __assign({ className: "flex flex-col ".concat(disabled ? "bg-Gray-50" : "".concat(isActive ? "bg-White border-Primary-300 hover:border-Primary-500" : "hover:border-Primary-300", " active:ring-4 active:ring-Primary-100"), "  border-1 border-Gray-200 rounded-lg ") }, { children: [_jsx("div", __assign({ className: "border-b border-Gray-200 ".concat(disabled ? "bg-Gray-50" : "".concat(isActive ? "bg-Primary-50 border-Primary-300 group-hover:border-Primary-500 text-Primary-800" : "text-Gray-700 group-hover:border-Primary-300", " ")) }, { children: _jsxs("div", __assign({ className: "flex m-2 " }, { children: [_jsx("div", { className: " ".concat(icon_name, " ").concat(disabled ? "border-6 border-Gray-50 bg-Gray-100 text-Gray-300" : "border-4 border-Primary-50 bg-Primary-100 text-Primary-600", " ").concat(size === "sm" ? "w-8 h-8" : "w-10 h-10", " flex justify-center items-center rounded-full"), style: { fontWeight: 1000 } }), _jsx(Typography, __assign({ variant: "Medium", type: "Text ".concat(size === "sm" ? "md" : "lg"), className: "flex p-2 ".concat(disabled ? "bg-Gray-50 text-Gray-700" : "".concat(isActive ? "bg-Primary-50 border-Primary-300 group-hover:border-Primary-500 text-Primary-800" : " group-hover:border-Primary-300")) }, { children: plan_name })), _jsx("div", __assign({ className: " absolute p-4 right-0" }, { children: Checkmark(disabled, size, isActive) }))] })) })), _jsxs("div", __assign({ className: "p-4" }, { children: [limited && (_jsx(Typography, __assign({ variant: "Medium", type: "Text ".concat(size === "sm" ? "xs" : "sm"), className: "absolute right-0 mr-4 ".concat(disabled ? "bg-Gray-100 text-Gray-700" : "bg-Success-50 text-Success-700", " rounded-2xl px-2 py-1") }, { children: "Limited time only" }))), _jsx(Typography, __assign({ variant: "".concat(size === "sm" ? "Semibold" : "Medium"), type: "Display ".concat(size === "sm" ? "xs" : "sm"), className: "inline-flex text-Gray-700 " }, { children: monthly_cost })), _jsx(Typography, __assign({ variant: "Regular", type: "Text ".concat(size), className: " inline-flex text-Gray-500" }, { children: "per month" })), _jsx(Typography, __assign({ variant: "Regular", type: "Text ".concat(size), className: " text-Gray-500" }, { children: plan_details }))] }))] })) })));
+        //
+        case "Avatar":
+            return (_jsxs("div", __assign({ className: "relative group", onClick: disabled ? undefined : onClick }, { children: [_jsxs("div", __assign({ className: "".concat(disabled ? "bg-Gray-50" : "".concat(isActive ? "bg-Primary-50 border-Primary-300 hover:border-Primary-500" : "hover:border-Primary-300", " active:ring-4 active:ring-Primary-100"), " flex items-center gap-4 p-4 border-1 border-Gray-200 rounded-lg ") }, { children: [_jsx(Avatar, { url: icon_name, placeholder: false, text: false, size: "Text ".concat(size) }), _jsxs(Typography, __assign({ variant: "Medium", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-800" : "text-Gray-700") }, { children: [plan_name, " ", " ", _jsxs(Typography, __assign({ variant: "Regular", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-600" : "text-Gray-500", " inline") }, { children: [monthly_cost, _jsx("br", {}), plan_details] }))] }))] })), Checkmark(disabled, size, isActive)] })));
+        case "Payment icon":
+            return (_jsxs("div", __assign({ "data-testid": "payment-".concat(plan_name), className: "relative group", onClick: disabled ? undefined : onClick }, { children: [_jsxs("div", __assign({ className: "".concat(disabled ? "bg-Gray-50" : "".concat(isActive ? "bg-Primary-50 border-Primary-300 hover:border-Primary-500" : "hover:border-Primary-300", " active:ring-4 active:ring-Primary-100"), " flex items-center gap-4 p-4 border-1 border-Gray-200 rounded-lg ") }, { children: [_jsx("div", { "data-testid": "payment-icon", className: "".concat(icon_name, " ").concat(disabled ? "border-6 border-Gray-50 bg-Gray-100 text-Gray-300" : "border-4 border-Primary-50 bg-Primary-100 text-Primary-600", " ").concat(size === "sm" ? "w-8 h-8" : "w-10 h-10", " flex justify-center items-center rounded-full"), style: { fontWeight: 1000 } }), _jsxs(Typography, __assign({ variant: "Medium", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-800" : "text-Gray-700") }, { children: [plan_name, " ", "ending in ", " ", monthly_cost, _jsx(Typography, __assign({ "data-testid": "plan-details", variant: "Regular", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-600" : "text-Gray-500") }, { children: plan_details })), _jsx("div", __assign({ "data-testid": "default-".concat(plan_name), onClick: function () { return console.log('payment set as default'); } }, { children: _jsx(Typography, __assign({ "data-testid": "set-as-default", variant: "Medium", type: "Text sm", className: "".concat(isActive ? "text-Primary-600" : "text-Gray-500", " inline gap-4") }, { children: "Set as default" })) })), _jsx("div", __assign({ "data-testid": "Edit-".concat(plan_name), onClick: function () { return console.log('payment edit click'); } }, { children: _jsx(Typography, __assign({ "data-testid": "edit", variant: "Medium", type: "Text sm", className: "inline text-Primary-700" }, { children: "Edit" })) }))] }))] })), Checkmark(disabled, size, isActive)] })));
+        //
+        case "Radio button":
+            return (_jsxs("div", __assign({ className: "relative group", onClick: disabled ? undefined : onClick }, { children: [_jsx("div", __assign({ className: "".concat(disabled ? "bg-Gray-50" : "".concat(isActive ? "bg-Primary-50 border-Primary-300 hover:border-Primary-500" : "hover:border-Primary-300", " active:ring-4 active:ring-Primary-100"), " flex items-center gap-4 p-4 border-1 border-Gray-200 rounded-lg ") }, { children: _jsxs(Typography, __assign({ variant: "Medium", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-800" : "text-Gray-700", " ml-8") }, { children: [plan_name, " ", " ", _jsxs(Typography, __assign({ variant: "Regular", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-600" : "text-Gray-500", " inline") }, { children: [monthly_cost, "/month", _jsx("br", {}), plan_details] }))] })) })), _jsxs(_Fragment, { children: [_jsx("div", { className: "".concat(size === "sm" ? "w-4 h-4" : "w-5 h-5", " ").concat(disabled ? "" : "".concat(isActive ? "border-Primary-600" : "", " group-active:ring-4 group-active ring-Primary-100 group-hover:bg-Primary-50 group-hover:border-Primary-600"), " absolute flex m-4 top-0 left-0 my-auto bottom-0 rounded-full border-1 border-Gray-300 ") }), _jsx("div", { className: "".concat(size === "sm" ? "w-[7px] h-[7px] m-[20.5px]" : "w-2 h-2 m-[22px]", " ").concat(isActive ? "scale-100 border-Primary-600" : "scale-0", " absolute flex m-4 top-0 left-0 my-auto bottom-0 rounded-full justify-center items-center bg-Primary-600 "), style: { fontSize: size === "sm" ? 12 : 16,
+                                    fontWeight: 1000 } })] })] })));
+        case "Checkbox":
+            return (_jsxs("div", __assign({ className: "relative group", onClick: disabled ? undefined : onClick }, { children: [_jsx("div", __assign({ className: "".concat(disabled ? "bg-Gray-50" : "".concat(isActive ? "bg-Primary-50 border-Primary-300 hover:border-Primary-500" : "hover:border-Primary-300", " active:ring-4 active:ring-Primary-100"), " flex items-center gap-4 p-4 border-1 border-Gray-200 rounded-lg ") }, { children: _jsxs(Typography, __assign({ variant: "Medium", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-800" : "text-Gray-700", " ml-8") }, { children: [plan_name, " ", " ", _jsxs(Typography, __assign({ variant: "Regular", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-600" : "text-Gray-500", " inline") }, { children: [monthly_cost, "/month", _jsx("br", {}), plan_details] }))] })) })), _jsx("div", { className: "".concat(size === "sm" ? "w-4 h-4 rounded-[4px]" : "w-5 h-5 rounded-md", " ").concat(isActive ? "hx_checkmark text-Primary-600 border-Primary-600 bg-Primary-50" : "", " ").concat(disabled ? "" : "group-hover:border-Primary-600 group-active:ring-4 group-active:ring-Primary-100", " absolute flex m-4 top-0 left-0 my-auto bottom-0 rounded-full justify-center items-center border-1 border-Gray-300"), style: {
+                            fontSize: size === "sm" ? 16 : 20,
+                            fontWeight: 1000,
+                        } })] })));
+    }
+};
+export default CheckboxGroupItem;
+//# sourceMappingURL=CheckboxGroupItem.js.map

package/dist/esm/components/checkboxGroup/CheckboxGroupItem.js.map

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

package/dist/esm/components/collapsibleCard/CollapsibleCard.d.ts

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

package/dist/esm/components/collapsibleCard/CollapsibleCard.js

@@ -0,0 +1,42 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import Button from "../button/Button";
+var getPostionClassName = function (directionClass) {
+    switch (directionClass) {
+        case "lefttrue":
+            return "w-72 -mr-72";
+        case "leftfalse":
+            return "w-10 -mr-10";
+        case "righttrue":
+            return "w-72 -ml-72 left-full";
+        case "rightfalse":
+            return "w-10 -ml-10 left-full";
+        default:
+            return "w-72 -ml-72 left-full";
+    }
+};
+var CollapsibleCard = function (props) {
+    var _a = props || {}, _b = _a.direction, direction = _b === void 0 ? "down" : _b, _c = _a.label, label = _c === void 0 ? "" : _c, header = _a.header, children = _a.children, footer = _a.footer, _d = _a.icon, icon = _d === void 0 ? "Left" : _d, _e = _a.openIcon, openIcon = _e === void 0 ? "hx_add" : _e, _f = _a.closeIcon, closeIcon = _f === void 0 ? "hx_remove" : _f, _g = _a.width, width = _g === void 0 ? "" : _g, _h = _a.height, height = _h === void 0 ? "" : _h, _j = _a.disabled, disabled = _j === void 0 ? false : _j;
+    var _k = useState(false), active = _k[0], setActive = _k[1];
+    var OnButtonClick = function () {
+        setActive(function (prevValue) { return !prevValue; });
+    };
+    var getWidth = function (w) {
+        return width !== "" ? "w-".concat(w) : "";
+    };
+    var getHeight = function (h) {
+        return height !== "" ? "h-".concat(h) : "";
+    };
+    if (direction === "up" || direction === "down") {
+        return (_jsxs("div", __assign({ className: "flex m-5 ".concat(direction === "down" ? "flex-col" : "flex-col-reverse") }, { children: [_jsx("div", __assign({ className: "flex flex-1 flex-row" }, { children: _jsx(Button, { onClick: OnButtonClick, hierarchy: "Secondary", size: "lg", icon: icon, iconFile: active ? closeIcon : openIcon, textField: label, disabled: false }) })), _jsxs("div", __assign({ "data-testid": "animationDiv", onAnimationEnd: function () {
+                        console.log('onAnimationEnd called');
+                    }, className: "".concat(active ? "max-h-[1000px]" : "max-h-0", " ").concat(active ? "p-5" : "p-0", " transition-all duration-500 ease-in-out overflow-hidden mt-5 ").concat(getWidth(width), " ").concat(getHeight(height), " text-ellipsis") }, { children: [_jsx("div", __assign({ className: "flex flex-1 m-1 p-4" }, { children: header })), children, _jsx("div", __assign({ className: "flex flex-1 m-1 p-4" }, { children: footer }))] }))] })));
+    }
+    else {
+        return (_jsx("div", __assign({ className: "flex" }, { children: _jsxs("div", __assign({ className: "".concat(getPostionClassName(direction + active), " duration-300 h-screen bg-Gray-100 relative") }, { children: [_jsx("div", { "data-testid": "CollapseIcon", className: "".concat(disabled ? "hidden" : "", " ").concat(direction === "right" ? "hx_right" : "hx_left", " mt-2 absolute cursor-pointer items-center text-center right-0 top-0 ").concat(!active && "rotate-180 overflow-hidden"), onClick: function () { return setActive(!active); }, style: { fontSize: 30,
+                            fontWeight: 1000 } }), active && (_jsxs(_Fragment, { children: [_jsx("div", __assign({ className: "flex flex-1 m-1 p-4" }, { children: header })), children, _jsx("div", __assign({ className: "flex flex-1 m-1 p-4" }, { children: footer }))] }))] })) })));
+    }
+};
+export default CollapsibleCard;
+//# sourceMappingURL=CollapsibleCard.js.map

package/dist/esm/components/collapsibleCard/CollapsibleCard.js.map

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

package/dist/esm/components/common.d.ts

@@ -0,0 +1,3 @@
+export declare const getColourClassName: (colour: string) => string;
+export declare const getColourClassName1: (colour: string, theme: string) => "bg-Primary-50 text-Primary-700" | "bg-Error-50 text-Error-700" | "bg-Warning-50 text-Warning-700" | "bg-Success-50 text-Success-700" | "bg-Gray-50 text-Gray-700 " | "bg-Gray-100 text-Gray-700" | "bg-Gray-50 text-Gray-700" | "" | "bg-Primary-100 text-Primary-700" | "bg-Error-100 text-Error-700" | "bg-Warning-100 text-Warning-700" | "bg-Success-100 text-Success-700";
+export declare const getColourClassName2: (colour: string, theme: string) => "bg-Primary-50 text-Primary-700" | "bg-Error-50 text-Error-700" | "bg-Warning-50 text-Warning-700" | "bg-Success-50 text-Success-700" | "" | "bg-Gray-600 text-White" | "bg-Gray-50 text-Gray700" | "bg-White text-Gray700" | "bg-Primary-600 text-White" | "bg-White text-Primary-700" | "bg-Error-600 text-White" | "bg-White text-Error-700" | "bg-Warning-600 text-White" | "bg-White text-Warning-700" | "bg-Success-600 text-White" | "bg-White text-Success-700";

package/dist/esm/components/common.js

@@ -0,0 +1,172 @@
+//colour class used to give padding & Text colour schemes
+export var getColourClassName = function (colour) {
+    var className;
+    switch (colour) {
+        case "Gray":
+            className = "bg-Gray-100 text-Gray-700 ";
+            break;
+        case "Primary":
+            className = "bg-Primary-50 text-Primary-700";
+            break;
+        case "Error":
+            className = "bg-Error-50 text-Error-700";
+            break;
+        case "Warning":
+            className = "bg-Warning-50 text-Warning-700";
+            break;
+        case "Success":
+            className = "bg-Success-50 text-Success-700";
+            break;
+        case "BlueGray":
+            className = "bg-Blue_gray-50 text-Blue_gray-700";
+            break;
+        case "Default":
+            className = "bg-Blue_light-50 text-Blue_light-700 ";
+            break;
+        case "Blue":
+            className = "bg-Blue-50 text-Blue-700";
+            break;
+        case "Indigo":
+            className = "bg-Indigo-50 text-Indigo-700";
+            break;
+        case "Purple":
+            className = "bg-Purple-50 text-Purple-700";
+            break;
+        case "Pink":
+            className = "bg-Pink-50 text-Pink-700";
+            break;
+        case "Rose":
+            className = "bg-Rose-50 text-Rose-700";
+            break;
+        case "Orange":
+            className = "bg-Orange-50 text-Orange-700";
+            break;
+        default:
+            className = "bg-Blue_light-50 text-Blue_light-700";
+            break;
+    }
+    return className;
+};
+export var getColourClassName1 = function (colour, theme) {
+    switch (colour) {
+        case "Gray":
+            switch (theme) {
+                case "Dark":
+                    return "bg-Gray-50 text-Gray-700 ";
+                case "Medium":
+                    return "bg-Gray-100 text-Gray-700";
+                case "Light":
+                    return "bg-Gray-50 text-Gray-700";
+                default:
+                    return "";
+            }
+        case "Primary":
+            switch (theme) {
+                case "Dark":
+                    return "bg-Primary-50 text-Primary-700";
+                case "Medium":
+                    return "bg-Primary-100 text-Primary-700";
+                case "Light":
+                    return "bg-Primary-50 text-Primary-700";
+                default:
+                    return "";
+            }
+        case "Error":
+            switch (theme) {
+                case "Dark":
+                    return "bg-Error-50 text-Error-700";
+                case "Medium":
+                    return "bg-Error-100 text-Error-700";
+                case "Light":
+                    return "bg-Error-50 text-Error-700";
+                default:
+                    return "";
+            }
+        case "Warning":
+            switch (theme) {
+                case "Dark":
+                    return "bg-Warning-50 text-Warning-700";
+                case "Medium":
+                    return "bg-Warning-100 text-Warning-700";
+                case "Light":
+                    return "bg-Warning-50 text-Warning-700";
+                default:
+                    return "";
+            }
+        case "Success":
+            switch (theme) {
+                case "Dark":
+                    return "bg-Success-50 text-Success-700";
+                case "Medium":
+                    return "bg-Success-100 text-Success-700";
+                case "Light":
+                    return "bg-Success-50 text-Success-700";
+                default:
+                    return "";
+            }
+        default:
+            return "bg-Primary-100 text-Primary-700";
+    }
+};
+export var getColourClassName2 = function (colour, theme) {
+    switch (colour) {
+        case "Gray":
+            switch (theme) {
+                case "Dark":
+                    return "bg-Gray-600 text-White";
+                case "Medium":
+                    return "bg-Gray-50 text-Gray700";
+                case "Light":
+                    return "bg-White text-Gray700";
+                default:
+                    return "";
+            }
+        case "Primary":
+            switch (theme) {
+                case "Dark":
+                    return "bg-Primary-600 text-White";
+                case "Medium":
+                    return "bg-Primary-50 text-Primary-700";
+                case "Light":
+                    return "bg-White text-Primary-700";
+                default:
+                    return "";
+            }
+        case "Error":
+            switch (theme) {
+                case "Dark":
+                    return "bg-Error-600 text-White";
+                case "Medium":
+                    return "bg-Error-50 text-Error-700";
+                case "Light":
+                    return "bg-White text-Error-700";
+                default:
+                    return "";
+            }
+        case "Warning":
+            switch (theme) {
+                case "Dark":
+                    return "bg-Warning-600 text-White";
+                case "Medium":
+                    return "bg-Warning-50 text-Warning-700";
+                case "Light":
+                    return "bg-White text-Warning-700";
+                default:
+                    return "";
+            }
+        case "Success":
+            switch (theme) {
+                case "Dark":
+                    return "bg-Success-600 text-White";
+                case "Medium":
+                    return "bg-Success-50 text-Success-700";
+                case "Light":
+                    return "bg-White text-Success-700";
+                default:
+                    return "";
+            }
+        default:
+            return "bg-Primary-50 text-Primary-700";
+    }
+};
+//# sourceMappingURL=common.js.map

package/dist/esm/components/common.js.map

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

package/dist/esm/components/dropdownField/DropdownField.d.ts

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

package/dist/esm/components/dropdownField/DropdownField.js

@@ -0,0 +1,37 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import Typography from "../typography/Typography";
+import DropdownItem from "./DropdownItem";
+var DropdownField = function (_a) {
+    var field = _a.field, form = _a.form, label = _a.label, _b = _a.end_icon, end_icon = _b === void 0 ? "hx_down" : _b, _c = _a.hint_text_icon, hint_text_icon = _c === void 0 ? "" : _c, _d = _a.empty_text, empty_text = _d === void 0 ? "Items Not found" : _d, hint_text = _a.hint_text, _e = _a.disabled, disabled = _e === void 0 ? false : _e, placeholder = _a.placeholder, options = _a.options;
+    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 _j = useState(false), openDropdown = _j[0], setOpenDropdown = _j[1];
+    var touch = touched && touched[name];
+    var error = errors && errors[name];
+    var errorMsg = touch && error ? error : undefined;
+    var handleFieldClick = function (_) {
+        !disabled && setOpenDropdown(function (prevValue) { return !prevValue; });
+    };
+    var handleBlur = function () {
+        setFieldTouched && setFieldTouched(name, true);
+    };
+    return (_jsxs("div", { children: [_jsx("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 })) }))) })), _jsxs("div", __assign({ className: "relative block" }, { children: [_jsxs("div", __assign({ onBlur: handleBlur, onClick: handleFieldClick, className: "flex-1 flex items-center pl-2 placeholder:text-Gray-500 justify-between border-1 ".concat(errorMsg ? "border-Error-300" : "border-Gray-300", " shadow-xs rounded-lg  h-10 ").concat(disabled
+                            ? "bg-Gray-50 cursor-not-allowed"
+                            : "bg-White cursor-pointer ".concat(errorMsg
+                                ? "hover:shadow-xs-error"
+                                : "".concat(openDropdown
+                                    ? "border-Primary-300 shadow-xs-primary"
+                                    : "", " hover:border-Primary-300 hover:shadow-xs-primary"))) }, { children: [Boolean(value) ? (_jsx("div", __assign({ className: "text-Gray-900" }, { children: _jsx(Typography, __assign({ "data-testid": "dropdown-selected-value", variant: "Regular", type: "Text md" }, { children: value["label"] || value["value"] })) }))) : (_jsx("div", __assign({ className: "text-Gray-500" }, { children: _jsx(Typography, __assign({ variant: "Regular", type: "Text md" }, { children: placeholder })) }))), Boolean(end_icon) && (_jsx("div", __assign({ className: "text-Gray-500 flex items-center mr-2 ease-linear duration-300 ".concat(end_icon === "hx_down" && openDropdown && "rotate-180"), "data-testid": "dropdown-selected-icon" }, { children: _jsx("span", { className: end_icon }) })))] })), _jsx("div", __assign({ className: "absolute mt-1 left-0 right-0 min-w-max rounded-lg bg-White overflow-y-scroll shadow-md z-10 max-h-80 ".concat(openDropdown ? "block" : "hidden") }, { children: (options === null || options === void 0 ? void 0 : options.constructor) === Array && options.length ? (options.map(function (option) {
+                            var _a = option || {}, onSelect = _a.onSelect, restOptions = __rest(_a, ["onSelect"]);
+                            var isActive = restOptions.value === (value && value["value"]);
+                            return (_jsx(DropdownItem, __assign({}, restOptions, { active: isActive, onSelect: function (value) {
+                                    setFieldValue && setFieldValue(name, __assign({}, restOptions));
+                                    setOpenDropdown(false);
+                                    onSelect && onSelect(value);
+                                } })));
+                        })) : (_jsx("div", __assign({ className: "h-10 flex items-center px-2" }, { children: _jsx("div", __assign({ className: "flex-1 text-Gray-700" }, { children: _jsx(Typography, __assign({ variant: "Regular", type: "Text md" }, { children: empty_text })) })) }))) }))] })), (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 DropdownField;
+//# sourceMappingURL=DropdownField.js.map

package/dist/esm/components/dropdownField/DropdownField.js.map

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

package/dist/esm/components/dropdownField/DropdownItem.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DropdownItemsProps } from "../types";
+declare const DropdownItems: ({ label, value, disabled, start_icon, active, end_icon, onSelect, }: DropdownItemsProps) => JSX.Element;
+export default DropdownItems;

package/dist/esm/components/dropdownField/DropdownItem.js

@@ -0,0 +1,25 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Typography from "../typography/Typography";
+var DropdownItems = function (_a) {
+    var label = _a.label, value = _a.value, disabled = _a.disabled, start_icon = _a.start_icon, _b = _a.active, active = _b === void 0 ? false : _b, end_icon = _a.end_icon, onSelect = _a.onSelect;
+    var _c = useState(false), hover = _c[0], setHover = _c[1];
+    var onMouseEnterHandler = function () {
+        setHover(true);
+    };
+    var onMouseLeaveHandler = function () {
+        setHover(false);
+    };
+    return (_jsxs("div", __assign({ onClick: function () {
+            !disabled && onSelect && onSelect(value);
+        }, className: "h-10 flex items-center px-2  ".concat(disabled ? "cursor-not-allowed" : "hover:bg-Gray-50 cursor-pointer"), onMouseEnter: onMouseEnterHandler, onMouseLeave: onMouseLeaveHandler }, { children: [Boolean(start_icon) && (_jsx("div", __assign({ className: "mr-2 ".concat(disabled
+                    ? "text-Gray-200"
+                    : hover
+                        ? "text-Gray-700"
+                        : "text-Gray-500") }, { children: _jsx("span", { className: start_icon }) }))), _jsx("div", __assign({ className: "flex-1 ".concat(disabled ? "text-Gray-200" : "text-Gray-700") }, { children: _jsx(Typography, __assign({ variant: hover && !disabled ? "Medium" : "Regular", type: "Text md" }, { children: label })) })), Boolean(end_icon) && (_jsx("div", __assign({ className: "ml-2 ".concat(!disabled && (hover || active)
+                    ? "text-Primary-700"
+                    : "text-Gray-200") }, { children: _jsx("span", { className: end_icon }) })))] })));
+};
+export default DropdownItems;
+//# sourceMappingURL=DropdownItem.js.map

package/dist/esm/components/dropdownField/DropdownItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../../src/components/dropdownField/DropdownItem.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,IAAM,aAAa,GAAG,UAAC,EAQF;QAPnB,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,QAAQ,cAAA,EACR,QAAQ,cAAA;IAEF,IAAA,KAAoB,QAAQ,CAAU,KAAK,CAAC,EAA3C,KAAK,QAAA,EAAE,QAAQ,QAA4B,CAAC;IAEnD,IAAM,mBAAmB,GAAG;QAC1B,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC;IACF,IAAM,mBAAmB,GAAG;QAC1B,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,wBACE,OAAO,EAAE;YACP,CAAC,QAAQ,IAAI,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,EACD,SAAS,EAAE,uCACT,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,iCAAiC,CACnE,EACF,YAAY,EAAE,mBAAmB,EACjC,YAAY,EAAE,mBAAmB,iBAEhC,OAAO,CAAC,UAAU,CAAC,IAAI,CACtB,uBACE,SAAS,EAAE,eACT,QAAQ;oBACN,CAAC,CAAC,eAAe;oBACjB,CAAC,CAAC,KAAK;wBACP,CAAC,CAAC,eAAe;wBACjB,CAAC,CAAC,eAAe,CACnB,gBAEF,eAAM,SAAS,EAAE,UAAU,GAAS,IAChC,CACP,EACD,uBAAK,SAAS,EAAE,iBAAU,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAE,gBACtE,KAAC,UAAU,aACT,OAAO,EAAE,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAClD,IAAI,EAAC,SAAS,gBAEb,KAAK,IACK,IACT,EACL,OAAO,CAAC,QAAQ,CAAC,IAAI,CACpB,uBACE,SAAS,EAAE,eACT,CAAC,QAAQ,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC;oBAC5B,CAAC,CAAC,kBAAkB;oBACpB,CAAC,CAAC,eAAe,CACnB,gBAEF,eAAM,SAAS,EAAE,QAAQ,GAAS,IAC9B,CACP,KACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,24 @@
+export { default as InputField } from "./inputField/InputField";
+export { default as InputFieldSplit } from "./inputFieldSplit/InputFieldSplit";
+export { default as Typography } from "./typography/Typography";
+export { default as TextAreaField } from "./textAreaField/TextAreaField";
+export { default as OtpField } from "./otpField/OtpField";
+export { default as ButtonGroups } from "./buttonGroups/ButtonGroups";
+export { default as ProgressBar } from "./progressBar/ProgressBar";
+export { default as ProgressCircle } from "./progressCircle/ProgressCircle";
+export { default as Button } from "./button/Button";
+export { default as Checkbox } from "./checkbox/Checkbox";
+export { default as Tooltip } from "./tooltip/Tooltip";
+export { default as Avatar } from "./avatar/Avatar";
+export { default as Badge } from "./Badges/Badge";
+export { default as DropdownField } from "./dropdownField/DropdownField";
+export { default as DropdownItem } from "./dropdownField/DropdownItem";
+export { default as Card } from "./card/Card";
+export { default as CollapsibleCard } from "./collapsibleCard/CollapsibleCard";
+export { default as RadioBtn } from "./radioBtn/RadioBtn";
+export { default as ToggleSwitch } from "./toggleSwitch/ToggleSwitch";
+export { default as CheckboxGroupItem } from "./checkboxGroup/CheckboxGroupItem";
+export { default as CheckboxGroup } from "./checkboxGroup/CheckboxGroup";
+export { default as Slider } from "./slider/Slider";
+export { default as BadgeGroup } from "./badgeGroup/BadgeGroup";
+export { default as MessageToast } from "./messageToast/MessageToast";

package/dist/esm/components/index.js

@@ -0,0 +1,25 @@
+export { default as InputField } from "./inputField/InputField";
+export { default as InputFieldSplit } from "./inputFieldSplit/InputFieldSplit";
+export { default as Typography } from "./typography/Typography";
+export { default as TextAreaField } from "./textAreaField/TextAreaField";
+export { default as OtpField } from "./otpField/OtpField";
+export { default as ButtonGroups } from "./buttonGroups/ButtonGroups";
+export { default as ProgressBar } from "./progressBar/ProgressBar";
+export { default as ProgressCircle } from "./progressCircle/ProgressCircle";
+export { default as Button } from "./button/Button";
+export { default as Checkbox } from "./checkbox/Checkbox";
+export { default as Tooltip } from "./tooltip/Tooltip";
+export { default as Avatar } from "./avatar/Avatar";
+export { default as Badge } from "./Badges/Badge";
+export { default as DropdownField } from "./dropdownField/DropdownField";
+export { default as DropdownItem } from "./dropdownField/DropdownItem";
+export { default as Card } from "./card/Card";
+export { default as CollapsibleCard } from "./collapsibleCard/CollapsibleCard";
+export { default as RadioBtn } from "./radioBtn/RadioBtn";
+export { default as ToggleSwitch } from "./toggleSwitch/ToggleSwitch";
+export { default as CheckboxGroupItem } from "./checkboxGroup/CheckboxGroupItem";
+export { default as CheckboxGroup } from "./checkboxGroup/CheckboxGroup";
+export { default as Slider } from "./slider/Slider";
+export { default as BadgeGroup } from "./badgeGroup/BadgeGroup";
+export { default as MessageToast } from "./messageToast/MessageToast";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAC,MAAM,6BAA6B,CAAC"}

package/dist/esm/components/inputField/InputField.d.ts

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