bianic-ui 0.3.2 → 0.3.4

package/dist/cjs/index.js

@@ -2847,7 +2847,7 @@ var reactExports = react.exports;
 var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
 
 var Button = function (_a) {
-    var label = _a.label, variant = _a.variant, size = _a.size; _a.state; var rounded = _a.rounded, left = _a.left, right = _a.right, rest = __rest(_a, ["label", "variant", "size", "state", "rounded", "left", "right"]);
+    var label = _a.label, variant = _a.variant, size = _a.size, rounded = _a.rounded, left = _a.left, right = _a.right, rest = __rest(_a, ["label", "variant", "size", "rounded", "left", "right"]);
     var radius; // size
     var text;
     var border = "";
@@ -2890,7 +2890,7 @@ var Button = function (_a) {
     }
     else if (variant === "subtle") {
         color = "bg-bia-gray-disabled";
-        text = "hover:bg-bia-gray-hover text-bia-darkgray";
+        text = "hover:bg-bia-gray-hover text-primary-cool";
     }
     else {
         color = "hover:bg-bia-gray-hover bg-bia-gray active:bg-bia-gray-active";
@@ -2942,6 +2942,10 @@ var Button = function (_a) {
         text += " text-xs";
         padding = "py-[0.13rem] px-1";
     }
+    else if (size === "tiny-round") {
+        text += " text-xs";
+        padding = "p-1";
+    }
     else {
         text += " text-sm";
         padding = "py-[0.62rem] px-[0.63rem]";
@@ -3030,7 +3034,7 @@ var Dump = function () {
 };
 
 var TextInput = function (_a) {
-    _a.variant; var label = _a.label; _a.important; var descText = _a.descText, errText = _a.errText, icon = _a.icon, rest = __rest(_a, ["variant", "label", "important", "descText", "errText", "icon"]);
+    _a.variant; var label = _a.label; _a.important; var descText = _a.descText, errText = _a.errText, icon = _a.icon, inputSize = _a.inputSize, rest = __rest(_a, ["variant", "label", "important", "descText", "errText", "icon", "inputSize"]);
     var iconPic;
     var iconColor;
     var pad = true;
@@ -3051,13 +3055,13 @@ var TextInput = function (_a) {
     }
     if (rest.type === "password") {
         iconPic = React.createElement("button", { type: "button", onClick: function () { } },
-            React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" },
+            React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: inputSize === "small" ? "14" : "18", height: inputSize === "small" ? "14" : "18", viewBox: "0 0 18 18", fill: "none" },
                 React.createElement("path", { d: "M15 8.99994C15 7.64244 12.18 6.01119 8.99475 5.99994C5.83125 5.98869 3 7.63344 3 8.99994C3 10.3687 5.8155 12.0044 8.99775 11.9999C12.189 11.9954 15 10.3649 15 8.99994ZM9 13.4999C5.2185 13.5052 1.5 11.4854 1.5 8.99994C1.5 6.51444 5.238 4.48719 9 4.49994C12.762 4.51269 16.5 6.51444 16.5 8.99994C16.5 11.4854 12.7815 13.4947 9 13.4999ZM9 11.9999C8.20435 11.9999 7.44129 11.6839 6.87868 11.1213C6.31607 10.5587 6 9.79559 6 8.99994C6 8.20429 6.31607 7.44123 6.87868 6.87862C7.44129 6.31601 8.20435 5.99994 9 5.99994C9.79565 5.99994 10.5587 6.31601 11.1213 6.87862C11.6839 7.44123 12 8.20429 12 8.99994C12 9.79559 11.6839 10.5587 11.1213 11.1213C10.5587 11.6839 9.79565 11.9999 9 11.9999ZM9 10.4999C9.39782 10.4999 9.77936 10.3419 10.0607 10.0606C10.342 9.77929 10.5 9.39776 10.5 8.99994C10.5 8.60211 10.342 8.22058 10.0607 7.93928C9.77936 7.65797 9.39782 7.49994 9 7.49994C8.60218 7.49994 8.22064 7.65797 7.93934 7.93928C7.65804 8.22058 7.5 8.60211 7.5 8.99994C7.5 9.39776 7.65804 9.77929 7.93934 10.0606C8.22064 10.3419 8.60218 10.4999 9 10.4999Z", fill: iconColor })));
     }
     else if (rest.type === "number" || rest.type === "date") {
         pad = false;
     }
-    else if (icon === undefined) {
+    else if (!icon) {
         iconPic =
             React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" },
                 React.createElement("path", { d: "M4.5 3C4.10218 3 3.72064 3.15804 3.43934 3.43934C3.15804 3.72064 3 4.10218 3 4.5V13.5C3 13.8978 3.15804 14.2794 3.43934 14.5607C3.72064 14.842 4.10218 15 4.5 15H13.5C13.8978 15 14.2794 14.842 14.5607 14.5607C14.842 14.2794 15 13.8978 15 13.5V4.5C15 4.10218 14.842 3.72064 14.5607 3.43934C14.2794 3.15804 13.8978 3 13.5 3H4.5ZM4.5 1.5H13.5C14.2956 1.5 15.0587 1.81607 15.6213 2.37868C16.1839 2.94129 16.5 3.70435 16.5 4.5V13.5C16.5 14.2956 16.1839 15.0587 15.6213 15.6213C15.0587 16.1839 14.2956 16.5 13.5 16.5H4.5C3.70435 16.5 2.94129 16.1839 2.37868 15.6213C1.81607 15.0587 1.5 14.2956 1.5 13.5V4.5C1.5 3.70435 1.81607 2.94129 2.37868 2.37868C2.94129 1.81607 3.70435 1.5 4.5 1.5V1.5Z", fill: iconColor }));
@@ -3066,52 +3070,119 @@ var TextInput = function (_a) {
         iconPic = icon;
     }
     return (React.createElement("div", { className: "field-group w-full flex flex-col" },
-        React.createElement("label", { htmlFor: rest.id, className: "label pb-2" },
+        React.createElement("label", { htmlFor: rest.id, className: "label text-xs pb-2" },
             label,
             rest.required && React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
-        React.createElement("div", { className: "w-full h-full" },
-            React.createElement("input", __assign({ className: "field bg-primary-light disabled:bg-[#ebecf0]  disabled:text-bia-gray-active read-only:border-bia-gray-disabled read-only:pointer-events-none p-2 ".concat(pad && "pe-8", " w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none rounded") }, rest)),
-            React.createElement("div", { className: "absolute inset-y-0 right-2 pl-3 flex items-center ".concat(rest.type === "password" ? "" : "pointer-events-none") }, iconPic)),
+        React.createElement("div", { className: "w-full relative" },
+            React.createElement("input", __assign({ className: "field bg-primary-light disabled:bg-[#ebecf0]  disabled:text-bia-gray-active read-only:border-bia-gray-disabled read-only:pointer-events-none ".concat(inputSize === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " ").concat(pad && "pe-8", " w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none rounded") }, rest)),
+            React.createElement("div", { className: "absolute inset-y-0 ".concat(inputSize === "small" ? "right-[7px]" : "right-[10px]", " pl-3 flex items-center ").concat(rest.type === "password" ? "" : "pointer-events-none") }, iconPic)),
         React.createElement("span", { className: "desc text-primary-cool text-xs" }, descText)));
 };
 
 var Radio = function (_a) {
-    var label = _a.label; _a.data; __rest(_a, ["label", "data"]);
+    var label = _a.label; _a.data; var InputSize = _a.InputSize, rest = __rest(_a, ["label", "data", "InputSize"]);
     return (React.createElement("div", { className: "flex items-center" },
-        React.createElement("div", { className: "bg-white rounded-full w-6 h-6 flex flex-shrink-0 justify-center items-center relative" },
-            React.createElement("input", { "aria-labelledby": "label1", type: "radio", name: "radio", className: "peer checkbox box-content appearance-none focus:opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue hover:border-bia-blue-hover border-2 absolute cursor-pointer w-full h-full checked:border-none" }),
-            React.createElement("div", { className: "check-icon hidden peer-checked:block border-2 border-bia-blue peer-checked:hover:border-bia-blue-hover bg-primary-light outline-2 peer-checked:hover:outline-bia-blue-hover outline-bia-blue rounded-full w-full h-full z-1" },
-                React.createElement("div", { className: "w-full h-full bg-bia-blue peer-checked:hover:bg-bia-blue-hover rounded-full border-primary-light border-2" }))),
+        React.createElement("div", { className: "bg-white rounded-full ".concat(InputSize ? " w-4 h-4" : "w-[22px] h-[22px]", " flex flex-shrink-0 justify-center items-center relative") },
+            React.createElement("input", __assign({ "aria-labelledby": "label1", type: "radio", className: "peer checkbox box-content appearance-none focus:opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue hover:border-bia-blue-hover border-2 absolute cursor-pointer w-full h-full" }, rest)),
+            React.createElement("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-light peer-checked:hover:border-bia-blue-hover peer-checked:bg-bia-blue peer-checked:peer-hover:bg-bia-blue-hover outline-2 peer-checked:hover:outline-bia-blue-hover outline-bia-blue rounded-full w-full h-full z-1" })),
+        React.createElement("label", { id: "label1", className: "ml-2 ".concat(InputSize === "small" ? "text-xs" : "text-sm", " leading-4 font-normal text-gray-800") }, label)));
+};
+
+var TextArea = function (_a) {
+    var label = _a.label; _a.important; var descText = _a.descText; _a.errText; var rest = __rest(_a, ["label", "important", "descText", "errText"]);
+    var inputRow = 4;
+    if (rest.rows) {
+        inputRow = rest.rows;
+    }
+    return (React.createElement("div", { className: "field-group w-full flex flex-col" },
+        React.createElement("label", { htmlFor: rest.id, className: "label text-xs pb-2" },
+            label,
+            rest.required && React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
+        React.createElement("div", { className: "w-full h-full" },
+            React.createElement("textarea", __assign({ className: "field bg-primary-light disabled:bg-[#ebecf0]  disabled:text-bia-gray-active read-only:border-bia-gray-disabled read-only:pointer-events-none p-2 w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none rounded" }, rest, { rows: inputRow }))),
+        React.createElement("span", { className: "desc text-primary-cool text-xs" }, descText)));
+};
+
+var Checkbox = function (_a) {
+    var label = _a.label, inputSize = _a.inputSize, rest = __rest(_a, ["label", "inputSize"]);
+    return (React.createElement("div", { className: "flex items-center" },
+        React.createElement("div", { className: "bg-white rounded-full ".concat(inputSize ? " w-4 h-4" : "w-[22px] h-[22px]", " flex flex-shrink-0 justify-center items-center relative") },
+            React.createElement("input", __assign({ "aria-labelledby": "label1", type: "checkbox", className: "peer checkbox box-content appearance-none focus:opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue hover:border-bia-blue-hover border-2 absolute cursor-pointer w-full h-full" }, rest, { checked: rest.data === rest.value })),
+            React.createElement("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-light peer-checked:hover:border-bia-blue-hover peer-checked:bg-bia-blue peer-checked:peer-hover:bg-bia-blue-hover outline-2 peer-checked:hover:outline-bia-blue-hover outline-bia-blue rounded-full w-full h-full z-1" },
+                React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: " fill-bia-gray peer-checked:group-[]:fill-primary-light peer-checked:peer-hover:group-[]:fill-primary-light peer-hover:group-[]:fill-bia-blue-hover", viewBox: "-5 -7 24 24", width: "24" },
+                    React.createElement("path", { d: "M5.486 9.73a.997.997 0 0 1-.707-.292L.537 5.195A1 1 0 1 1 1.95 3.78l3.535 3.535L11.85.952a1 1 0 0 1 1.415 1.414L6.193 9.438a.997.997 0 0 1-.707.292z" })))),
+        React.createElement("label", { id: "label1", className: "ml-2 text-sm leading-4 font-normal text-gray-800" }, label)));
+};
+
+var SelectInput = function (_a) {
+    var label = _a.label, descText = _a.descText, isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, options = _a.options, selected = _a.selected, setSelected = _a.setSelected, inputSize = _a.inputSize, rest = __rest(_a, ["label", "descText", "isOpen", "setIsOpen", "options", "selected", "setSelected", "inputSize"]);
+    var selectIcon = React.createElement("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M9.05324 9.98541L12.7657 6.27291C12.8349 6.20128 12.9177 6.14414 13.0092 6.10484C13.1007 6.06553 13.1991 6.04484 13.2987 6.04397C13.3983 6.04311 13.497 6.06208 13.5892 6.0998C13.6814 6.13751 13.7651 6.1932 13.8355 6.26362C13.906 6.33403 13.9616 6.41777 13.9994 6.50995C14.0371 6.60212 14.056 6.70088 14.0552 6.80046C14.0543 6.90005 14.0336 6.99846 13.9943 7.08996C13.955 7.18147 13.8979 7.26423 13.8262 7.33341L9.58349 11.5762C9.44284 11.7168 9.25211 11.7958 9.05324 11.7958C8.85436 11.7958 8.66363 11.7168 8.52298 11.5762L4.28024 7.33341C4.2086 7.26423 4.15147 7.18147 4.11216 7.08996C4.07285 6.99846 4.05216 6.90005 4.0513 6.80046C4.05043 6.70088 4.06941 6.60212 4.10712 6.50995C4.14483 6.41777 4.20052 6.33403 4.27094 6.26362C4.34136 6.1932 4.4251 6.13751 4.51727 6.0998C4.60944 6.06208 4.7082 6.04311 4.80779 6.04397C4.90737 6.04484 5.00579 6.06553 5.09729 6.10484C5.18879 6.14414 5.27155 6.20128 5.34074 6.27291L9.05324 9.98541Z", fill: "#8C8CA6" }));
+    return (React.createElement("div", { className: "field-group w-full flex flex-col" },
+        React.createElement("label", { htmlFor: rest.id, className: "label text-xs pb-2" },
+            label,
+            React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
+        React.createElement("div", { className: "group w-full relative", onMouseLeave: function () { return setIsOpen(false); } },
+            React.createElement("input", __assign({ className: "field bg-primary-light disabled:bg-[#ebecf0]  disabled:text-bia-gray-active read-only:border-bia-gray-disabled ".concat(inputSize === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " pe-8 w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none cursor-pointer rounded"), onClick: function () { return setIsOpen(!isOpen); }, value: selected.label }, rest, { readOnly: true })),
+            React.createElement("div", { className: "absolute inset-y-0 ".concat(inputSize === "small" ? "right-[7px]" : "right-[10px]", " pl-3 flex items-center pointer-events-none") }, selectIcon),
+            isOpen && React.createElement("div", { className: "absolute border w-full bg-primary-light border-gray-100 rounded-md shadow-lg z-10" },
+                React.createElement("ul", null, options.map(function (option) { return (React.createElement("li", { className: "".concat(inputSize === "small" ? "text-xs px-[10px] pt-[6.5px] pb-[5.5px]" : "text-sm p-[10px]", " hover:bg-bia-blue-pastel"), onClick: function () { setSelected(option); setIsOpen(false); } }, option.label)); })))),
+        React.createElement("span", { className: "desc text-primary-cool text-xs" }, descText)));
+};
+
+var LiveSearch = function (_a) {
+    var isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, value = _a.value, setValue = _a.setValue, inputSize = _a.inputSize, rest = __rest(_a, ["isOpen", "setIsOpen", "value", "setValue", "inputSize"]);
+    var icon = React.createElement("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M7.87489 12.3749C8.46584 12.3749 9.051 12.2585 9.59696 12.0323C10.1429 11.8062 10.639 11.4747 11.0569 11.0569C11.4747 10.639 11.8062 10.1429 12.0323 9.59696C12.2585 9.051 12.3749 8.46584 12.3749 7.87489C12.3749 7.28394 12.2585 6.69878 12.0323 6.15281C11.8062 5.60685 11.4747 5.11077 11.0569 4.69291C10.639 4.27504 10.1429 3.94358 9.59696 3.71743C9.051 3.49129 8.46584 3.37489 7.87489 3.37489C6.68142 3.37489 5.53682 3.84899 4.69291 4.69291C3.84899 5.53682 3.37489 6.68142 3.37489 7.87489C3.37489 9.06836 3.84899 10.213 4.69291 11.0569C5.53682 11.9008 6.68142 12.3749 7.87489 12.3749ZM12.6149 11.5544L15.2999 14.2394C15.3715 14.3086 15.4285 14.3914 15.4678 14.483C15.507 14.5745 15.5276 14.6729 15.5284 14.7725C15.5292 14.8721 15.5102 14.9708 15.4724 15.063C15.4346 15.1551 15.3789 15.2388 15.3084 15.3092C15.238 15.3796 15.1542 15.4352 15.062 15.4728C14.9698 15.5105 14.871 15.5294 14.7714 15.5284C14.6718 15.5275 14.5734 15.5068 14.482 15.4674C14.3905 15.428 14.3078 15.3708 14.2386 15.2991L11.5536 12.6141C10.348 13.55 8.83098 13.9913 7.31145 13.848C5.79192 13.7048 4.38409 12.9879 3.37455 11.8432C2.36501 10.6985 1.82965 9.2121 1.87746 7.68658C1.92526 6.16107 2.55264 4.71111 3.63187 3.63187C4.71111 2.55264 6.16107 1.92526 7.68658 1.87746C9.2121 1.82965 10.6985 2.36501 11.8432 3.37455C12.9879 4.38409 13.7048 5.79192 13.848 7.31145C13.9913 8.83098 13.55 10.348 12.6141 11.5536L12.6149 11.5544Z", fill: "#8C8CA6" }));
+    return (React.createElement("div", { className: "field-group w-full flex flex-col" },
+        React.createElement("label", { htmlFor: rest.id, className: "label text-xs pb-2" },
+            rest.label,
+            React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
+        React.createElement("div", { className: "group w-full relative", onMouseLeave: function () { return setIsOpen(false); } },
+            React.createElement("input", __assign({ className: "field bg-primary-light disabled:bg-[#ebecf0]  disabled:text-bia-gray-active read-only:border-bia-gray-disabled read-only:pointer-events-none ".concat(inputSize === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " pe-8 w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none rounded"), onClick: function () { return setIsOpen(!isOpen); }, value: value.label }, rest)),
+            React.createElement("div", { className: "absolute inset-y-0 ".concat(inputSize === "small" ? "right-[7px]" : "right-[10px]", " pl-3 flex items-center") }, icon),
+            isOpen && React.createElement("div", { className: "absolute border w-full max-h-60 bg-primary-light border-gray-100 rounded-md shadow-lg z-10 overflow-y-auto" },
+                React.createElement("ul", null, rest.searchData.map(function (option) { return (React.createElement("li", { className: "".concat(inputSize === "small" ? "text-xs px-[10px] pt-[6.5px] pb-[5.5px]" : "text-sm p-[10px]", " hover:bg-bia-blue-pastel"), onClick: function () { setValue(option); setIsOpen(false); } }, option.label)); })))),
+        React.createElement("span", { className: "desc text-primary-cool text-xs" }, rest.descText)));
+};
+
+var Toggle = function (_a) {
+    var label = _a.label, inputSize = _a.inputSize, onClick = _a.onClick, rest = __rest(_a, ["label", "inputSize", "onClick"]);
+    return (React.createElement("div", { className: "flex items-center" },
+        React.createElement("div", { className: " rounded-full ".concat(inputSize === "small" ? " w-[28px] h-[16px]" : "w-[42px] h-[22px]", " py-[2px] flex flex-shrink-0 ").concat(rest.data === rest.value ? "justify-end" : "justify-start", " items-center relative cursor-pointer"), onClick: onClick },
+            React.createElement("input", __assign({ "aria-labelledby": "label1", type: "checkbox", className: "peer checkbox ".concat(inputSize === "small" ? " px-2 py-1" : "p-2", " appearance-none opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue bg-primary-light checked:bg-bia-blue checked:hover:bg-bia-blue-hover cursor-pointer hover:border-bia-blue-hover peer-hover:border-bia-blue-hover border-2 absolute w-full h-full") }, rest, { checked: rest.data === rest.value })),
+            React.createElement("div", { className: "peer check-icon flex m-[2px] text-bia-grey group justify-center border-2 peer-checked:border-bia-blue border-primary-light peer-checked:hover:bg-primary-light peer-checked:bg-primary-light bg-bia-gray peer-checked:peer-hover:bg-primary-light peer-hover:bg-bia-blue-hover outline-2 rounded-full w-5/12 h-full z-10" })),
         React.createElement("label", { id: "label1", className: "ml-2 text-sm leading-4 font-normal text-gray-800" }, label)));
 };
 
 var Display = function (_a) {
     var rest = __rest(_a, []);
-    return (React.createElement("h1", __assign({ className: "title text-[9rem] font-bold font-['Humnst777 Cn BT']" }, rest), rest.children));
+    return (React.createElement("h1", __assign({ className: "title text-[9rem] font-bold font-humnst777" }, rest), rest.children));
 };
 
 var Heading = function (_a) {
     var variant = _a.variant, rest = __rest(_a, ["variant"]);
+    var mar = "my-3";
     if (variant === "1") {
-        return (React.createElement("h1", __assign({ className: "title text-5xl font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h1", __assign({ className: "title text-5xl ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else if (variant === "2") {
-        return (React.createElement("h2", __assign({ className: "title text-4xl font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h2", __assign({ className: "title text-4xl ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else if (variant === "3") {
-        return (React.createElement("h3", __assign({ className: "title text-[1.75rem] font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h3", __assign({ className: "title text-[1.75rem] ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else if (variant === "4") {
-        return (React.createElement("h4", __assign({ className: "title text-2xl font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h4", __assign({ className: "title text-2xl ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else if (variant === "5") {
-        return (React.createElement("h5", __assign({ className: "title text-lg font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h5", __assign({ className: "title text-lg ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else if (variant === "6") {
-        return (React.createElement("h6", __assign({ className: "title text-base font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h6", __assign({ className: "title text-base ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
     else {
-        return (React.createElement("h1", __assign({ className: "title text-5xl font-bold font-['Humnst777 Cn BT'] ".concat(rest.className) }, rest), rest.children));
+        return (React.createElement("h1", __assign({ className: "title text-5xl ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
 };
 
@@ -3217,11 +3288,66 @@ var Text = function (_a) {
     return (React.createElement("span", __assign({ className: "text ".concat(font, " ").concat(fontSize, " ").concat(fontWeight, " ").concat(fontLeading) }, rest), rest.children));
 };
 
+var ModalBody = function (_a) {
+    var rest = __rest(_a, []);
+    var size = ""; // default size
+    var closeIcon = React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M7.7664 6.94168L9.82848 4.87902C9.88419 4.82521 9.92863 4.76084 9.95921 4.68967C9.98978 4.6185 10.0059 4.54196 10.0065 4.4645C10.0072 4.38705 9.99246 4.31023 9.96313 4.23854C9.9338 4.16685 9.89048 4.10172 9.83571 4.04695C9.78094 3.99218 9.71581 3.94887 9.64412 3.91954C9.57243 3.89021 9.49562 3.87545 9.41816 3.87612C9.34071 3.87679 9.26416 3.89289 9.19299 3.92346C9.12182 3.95403 9.05746 3.99847 9.00365 4.05418L6.94098 6.11627L4.8789 4.05418C4.82508 3.99847 4.76072 3.95403 4.68955 3.92346C4.61838 3.89289 4.54183 3.87679 4.46438 3.87612C4.38692 3.87545 4.31011 3.89021 4.23842 3.91954C4.16673 3.94887 4.1016 3.99218 4.04683 4.04695C3.99206 4.10172 3.94875 4.16685 3.91942 4.23854C3.89008 4.31023 3.87533 4.38705 3.876 4.4645C3.87667 4.54196 3.89276 4.6185 3.92334 4.68967C3.95391 4.76084 3.99835 4.82521 4.05406 4.87902L6.11615 6.9411L4.05406 9.00377C3.99835 9.05758 3.95391 9.12195 3.92334 9.19312C3.89276 9.26429 3.87667 9.34083 3.876 9.41828C3.87533 9.49574 3.89008 9.57255 3.91942 9.64424C3.94875 9.71593 3.99206 9.78106 4.04683 9.83583C4.1016 9.8906 4.16673 9.93392 4.23842 9.96325C4.31011 9.99258 4.38692 10.0073 4.46438 10.0067C4.54183 10.006 4.61838 9.9899 4.68955 9.95933C4.76072 9.92876 4.82508 9.88432 4.8789 9.8286L6.94098 7.76652L9.00365 9.8286C9.05746 9.88432 9.12182 9.92876 9.19299 9.95933C9.26416 9.9899 9.34071 10.006 9.41816 10.0067C9.49562 10.0073 9.57243 9.99258 9.64412 9.96325C9.71581 9.93392 9.78094 9.8906 9.83571 9.83583C9.89048 9.78106 9.9338 9.71593 9.96313 9.64424C9.99246 9.57255 10.0072 9.49574 10.0065 9.41828C10.0059 9.34083 9.98978 9.26429 9.95921 9.19312C9.92863 9.12195 9.88419 9.05758 9.82848 9.00377L7.7664 6.9411V6.94168Z", fill: "#8C8CA6" }));
+    if (rest.modalSize === "small") {
+        size = "w-[300px]";
+    }
+    else if (rest.modalSize === "large") {
+        size = "w-[800px]";
+    }
+    else if (rest.modalSize === "extra-large") {
+        size = "w-[1140px]";
+    }
+    else {
+        size = "w-[540px]";
+    }
+    return (React.createElement("div", { className: "fixed ".concat(rest.isShow ? "" : " hidden", " flex items-center justify-center inset-0 bg-primary-dark bg-opacity-25 overflow-y-auto h-screen w-screen z-20") },
+        React.createElement("div", { className: "backscreen fixed flex items-center justify-center inset-0 bg-primary-dark bg-opacity-25 overflow-y-auto h-screen w-screen z-20", onClick: function () { return rest.setIsShow(false); } }),
+        React.createElement("div", { className: "modal container absolute mx-auto grid grid-cols-5 ".concat(size, " bg-primary-light shadow p-5 pb-[30px] rounded-[5px] gap-5 z-30 ") },
+            React.createElement("div", { className: "modal modal-header col-span-5 flex flex-row justify-between" },
+                React.createElement("div", { className: "Modal modal-title text-lg font-bold font-humnst777" }, rest.title),
+                React.createElement("div", null,
+                    React.createElement(Button, { onClick: function () { return rest.setIsShow(false); }, variant: "subtle", size: "tiny-round", left: closeIcon, rounded: true }))),
+            rest.children)));
+};
+
+var ModalContent = function (_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement("div", { className: "modal modal-content col-span-5 text-xs font-normal" }, rest.children));
+};
+
+var ModalFooter = function (_a) {
+    var rest = __rest(_a, []);
+    var pos;
+    if (rest.position === "left") {
+        pos = "col-span-2";
+    }
+    else if (rest.position === "right") {
+        pos = "col-span-3 justify-end";
+    }
+    else {
+        pos = "col-span-5";
+    }
+    return (React.createElement("div", { className: "modal flex flex-row ".concat(pos, " gap-[0.63rem] modal-footer") }, rest.children));
+};
+
 exports.Button = Button;
+exports.Checkbox = Checkbox;
 exports.Color = Dump;
 exports.Display = Display;
 exports.Heading = Heading;
+exports.LiveSearch = LiveSearch;
+exports.ModalBody = ModalBody;
+exports.ModalContent = ModalContent;
+exports.ModalFooter = ModalFooter;
 exports.P = P;
 exports.Radio = Radio;
+exports.SelectInput = SelectInput;
 exports.Text = Text;
+exports.TextArea = TextArea;
 exports.TextInput = TextInput;
+exports.Toggle = Toggle;

package/dist/cjs/lib.css

@@ -1,3 +1,3 @@
 /*
 ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
-*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-y-0{bottom:0;top:0}.right-2{right:.5rem}.ml-2{margin-left:.5rem}.box-content{box-sizing:content-box}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-6{height:1.5rem}.h-full{height:100%}.w-6{width:1.5rem}.w-full{width:100%}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[5px\]{gap:5px}.rounded{border-radius:.25rem}.rounded-\[0\.19rem\]{border-radius:.19rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-solid{border-style:solid}.border-\[\#cbd0e0\]{--tw-border-opacity:1;border-color:rgb(203 208 224/var(--tw-border-opacity))}.border-bia-blue{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.border-bia-darkgray{--tw-border-opacity:1;border-color:rgb(139 139 166/var(--tw-border-opacity))}.border-bia-gray{--tw-border-opacity:1;border-color:rgb(218 222 235/var(--tw-border-opacity))}.border-bia-green{--tw-border-opacity:1;border-color:rgb(33 186 69/var(--tw-border-opacity))}.border-bia-orange{--tw-border-opacity:1;border-color:rgb(255 123 0/var(--tw-border-opacity))}.border-bia-red{--tw-border-opacity:1;border-color:rgb(219 40 40/var(--tw-border-opacity))}.border-bia-teal{--tw-border-opacity:1;border-color:rgb(0 181 173/var(--tw-border-opacity))}.border-primary-light{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-bia-blue{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.bg-bia-blue-active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.bg-bia-blue-disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.bg-bia-blue-pastel{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.bg-bia-darkgray{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-bia-darkgray-active{--tw-bg-opacity:1;background-color:rgb(126 126 149/var(--tw-bg-opacity))}.bg-bia-darkgray-disabled{--tw-bg-opacity:1;background-color:rgb(197 197 211/var(--tw-bg-opacity))}.bg-bia-darkgray-hover{--tw-bg-opacity:1;background-color:rgb(152 152 175/var(--tw-bg-opacity))}.bg-bia-darkgray-pastel{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.bg-bia-gray{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-bia-gray-active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.bg-bia-gray-disabled{--tw-bg-opacity:1;background-color:rgb(237 239 245/var(--tw-bg-opacity))}.bg-bia-gray-hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.bg-bia-gray-pastel{--tw-bg-opacity:1;background-color:rgb(251 252 253/var(--tw-bg-opacity))}.bg-bia-green{--tw-bg-opacity:1;background-color:rgb(33 186 69/var(--tw-bg-opacity))}.bg-bia-green-active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.bg-bia-green-disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.bg-bia-green-hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.bg-bia-green-pastel{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.bg-bia-marquetteblue{--tw-bg-opacity:1;background-color:rgb(101 90 175/var(--tw-bg-opacity))}.bg-bia-marquetteblue-active{--tw-bg-opacity:1;background-color:rgb(91 81 157/var(--tw-bg-opacity))}.bg-bia-marquetteblue-disabled{--tw-bg-opacity:1;background-color:rgb(178 172 215/var(--tw-bg-opacity))}.bg-bia-marquetteblue-hover{--tw-bg-opacity:1;background-color:rgb(116 106 183/var(--tw-bg-opacity))}.bg-bia-marquetteblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 237 247/var(--tw-bg-opacity))}.bg-bia-olympicblue{--tw-bg-opacity:1;background-color:rgb(84 138 231/var(--tw-bg-opacity))}.bg-bia-olympicblue-active{--tw-bg-opacity:1;background-color:rgb(76 124 208/var(--tw-bg-opacity))}.bg-bia-olympicblue-disabled{--tw-bg-opacity:1;background-color:rgb(169 196 243/var(--tw-bg-opacity))}.bg-bia-olympicblue-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-olympicblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 243 253/var(--tw-bg-opacity))}.bg-bia-orange{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-orange-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-orange-disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.bg-bia-orange-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-orange-pastel{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.bg-bia-purple{--tw-bg-opacity:1;background-color:rgb(168 79 232/var(--tw-bg-opacity))}.bg-bia-purple-active{--tw-bg-opacity:1;background-color:rgb(151 71 209/var(--tw-bg-opacity))}.bg-bia-purple-disabled{--tw-bg-opacity:1;background-color:rgb(211 167 244/var(--tw-bg-opacity))}.bg-bia-purple-hover{--tw-bg-opacity:1;background-color:rgb(177 97 234/var(--tw-bg-opacity))}.bg-bia-purple-pastel{--tw-bg-opacity:1;background-color:rgb(246 237 253/var(--tw-bg-opacity))}.bg-bia-red{--tw-bg-opacity:1;background-color:rgb(219 40 40/var(--tw-bg-opacity))}.bg-bia-red-active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.bg-bia-red-disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.bg-bia-red-hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.bg-bia-red-pastel{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.bg-bia-sky{--tw-bg-opacity:1;background-color:rgb(84 160 249/var(--tw-bg-opacity))}.bg-bia-sky-active{--tw-bg-opacity:1;background-color:rgb(55 145 229/var(--tw-bg-opacity))}.bg-bia-sky-disabled{--tw-bg-opacity:1;background-color:rgb(158 208 255/var(--tw-bg-opacity))}.bg-bia-sky-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-sky-pastel{--tw-bg-opacity:1;background-color:rgb(236 246 255/var(--tw-bg-opacity))}.bg-bia-teal{--tw-bg-opacity:1;background-color:rgb(0 181 173/var(--tw-bg-opacity))}.bg-bia-teal-active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.bg-bia-teal-disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.bg-bia-teal-hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.bg-bia-teal-pastel{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.bg-bia-verdantgreen{--tw-bg-opacity:1;background-color:rgb(85 207 69/var(--tw-bg-opacity))}.bg-bia-verdantgreen-active{--tw-bg-opacity:1;background-color:rgb(76 186 62/var(--tw-bg-opacity))}.bg-bia-verdantgreen-disabled{--tw-bg-opacity:1;background-color:rgb(170 231 162/var(--tw-bg-opacity))}.bg-bia-verdantgreen-hover{--tw-bg-opacity:1;background-color:rgb(102 212 88/var(--tw-bg-opacity))}.bg-bia-verdantgreen-pastel{--tw-bg-opacity:1;background-color:rgb(238 250 236/var(--tw-bg-opacity))}.bg-bia-yellow{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-yellow-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-yellow-disabled{--tw-bg-opacity:1;background-color:rgb(251 216 128/var(--tw-bg-opacity))}.bg-bia-yellow-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-yellow-pastel{--tw-bg-opacity:1;background-color:rgb(254 247 229/var(--tw-bg-opacity))}.bg-primary-cool{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-primary-dark{--tw-bg-opacity:1;background-color:rgb(47 47 47/var(--tw-bg-opacity))}.bg-primary-light{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-primary-warm{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-\[0\.81rem\]{padding:.81rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-\[0\.63rem\]{padding-left:.63rem;padding-right:.63rem}.py-\[0\.13rem\]{padding-bottom:.13rem;padding-top:.13rem}.py-\[0\.44rem\]{padding-bottom:.44rem;padding-top:.44rem}.py-\[0\.62rem\]{padding-bottom:.62rem;padding-top:.62rem}.pb-2{padding-bottom:.5rem}.pe-8{padding-inline-end:2rem}.pl-3{padding-left:.75rem}.text-justify{text-align:justify}.align-middle{vertical-align:middle}.font-\[\'Arial\'\]{font-family:Arial}.font-\[\'Consolas\'\]{font-family:Consolas}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[11px\]{font-size:11px}.text-\[22px\]{font-size:22px}.text-\[9rem\]{font-size:9rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-4{line-height:1rem}.leading-\[0\.875rem\]{line-height:.875rem}.leading-\[150\%\]{line-height:150%}.leading-\[21px\]{line-height:21px}.leading-none{line-height:1}.text-bia-blue{--tw-text-opacity:1;color:rgb(93 93 234/var(--tw-text-opacity))}.text-bia-blue-active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.text-bia-blue-disabled{--tw-text-opacity:1;color:rgb(174 174 245/var(--tw-text-opacity))}.text-bia-blue-hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.text-bia-blue-pastel{--tw-text-opacity:1;color:rgb(239 239 253/var(--tw-text-opacity))}.text-bia-darkgray{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-bia-green{--tw-text-opacity:1;color:rgb(33 186 69/var(--tw-text-opacity))}.text-bia-orange{--tw-text-opacity:1;color:rgb(255 123 0/var(--tw-text-opacity))}.text-bia-red{--tw-text-opacity:1;color:rgb(219 40 40/var(--tw-text-opacity))}.text-bia-red-active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.text-bia-red-disabled{--tw-text-opacity:1;color:rgb(237 147 147/var(--tw-text-opacity))}.text-bia-red-hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.text-bia-red-pastel{--tw-text-opacity:1;color:rgb(251 233 233/var(--tw-text-opacity))}.text-bia-teal{--tw-text-opacity:1;color:rgb(0 181 173/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-primary-cool{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-primary-dark{--tw-text-opacity:1;color:rgb(47 47 47/var(--tw-text-opacity))}.text-primary-light{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 6px 18px 1px rgba(0,0,0,.5);--tw-shadow-colored:0 6px 18px 1px var(--tw-shadow-color)}.shadow-bia-blue-disabled{--tw-shadow-color:#aeaef5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-gray-disabled{--tw-shadow-color:#edeff5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-green-disabled{--tw-shadow-color:#90dca2;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-orange-disabled{--tw-shadow-color:#ffbd80;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-red-disabled{--tw-shadow-color:#ed9393;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-teal-disabled{--tw-shadow-color:#80dad6;--tw-shadow:var(--tw-shadow-colored)}.outline-2{outline-width:2px}.outline-bia-blue{outline-color:#5d5dea}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.checked\:border-none:checked{border-style:none}.checked\:border-bia-blue:checked{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.read-only\:pointer-events-none:-moz-read-only{pointer-events:none}.read-only\:pointer-events-none:read-only{pointer-events:none}.read-only\:border-bia-gray-disabled:-moz-read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.read-only\:border-bia-gray-disabled:read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.focus-within\:absolute:focus-within{position:absolute}.focus-within\:left-0:focus-within{left:0}.focus-within\:top-0:focus-within{top:0}.focus-within\:overflow-visible:focus-within{overflow:visible}.hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.hover\:border-bia-green-hover:hover{--tw-border-opacity:1;border-color:rgb(55 193 88/var(--tw-border-opacity))}.hover\:border-bia-orange-hover:hover{--tw-border-opacity:1;border-color:rgb(255 136 25/var(--tw-border-opacity))}.hover\:border-bia-red-hover:hover{--tw-border-opacity:1;border-color:rgb(223 62 62/var(--tw-border-opacity))}.hover\:border-bia-teal-hover:hover{--tw-border-opacity:1;border-color:rgb(25 188 181/var(--tw-border-opacity))}.hover\:bg-bia-blue-hover:hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.hover\:bg-bia-darkgray-pastel:hover{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.hover\:bg-bia-gray-hover:hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.hover\:bg-bia-green-hover:hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.hover\:bg-bia-orange-hover:hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.hover\:bg-bia-red-hover:hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.hover\:bg-bia-teal-hover:hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.hover\:text-bia-blue-hover:hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.hover\:text-bia-green-hover:hover{--tw-text-opacity:1;color:rgb(55 193 88/var(--tw-text-opacity))}.hover\:text-bia-orange-hover:hover{--tw-text-opacity:1;color:rgb(255 136 25/var(--tw-text-opacity))}.hover\:text-bia-red-hover:hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.hover\:text-bia-teal-hover:hover{--tw-text-opacity:1;color:rgb(25 188 181/var(--tw-text-opacity))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-bia-blue:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(93 93 234/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:border-bia-blue-active:active{--tw-border-opacity:1;border-color:rgb(84 84 211/var(--tw-border-opacity))}.active\:border-bia-green-active:active{--tw-border-opacity:1;border-color:rgb(30 167 62/var(--tw-border-opacity))}.active\:border-bia-orange-active:active{--tw-border-opacity:1;border-color:rgb(229 111 0/var(--tw-border-opacity))}.active\:border-bia-red-active:active{--tw-border-opacity:1;border-color:rgb(197 36 36/var(--tw-border-opacity))}.active\:border-bia-teal-active:active{--tw-border-opacity:1;border-color:rgb(0 163 156/var(--tw-border-opacity))}.active\:bg-bia-blue-active:active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.active\:bg-bia-blue-pastel:active{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.active\:bg-bia-gray-active:active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.active\:bg-bia-green-active:active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.active\:bg-bia-green-pastel:active{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.active\:bg-bia-orange-active:active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.active\:bg-bia-orange-pastel:active{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.active\:bg-bia-red-active:active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.active\:bg-bia-red-pastel:active{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.active\:bg-bia-teal-active:active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.active\:bg-bia-teal-pastel:active{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.active\:text-bia-blue-active:active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.active\:text-bia-green-active:active{--tw-text-opacity:1;color:rgb(30 167 62/var(--tw-text-opacity))}.active\:text-bia-orange-active:active{--tw-text-opacity:1;color:rgb(229 111 0/var(--tw-text-opacity))}.active\:text-bia-red-active:active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.active\:text-bia-teal-active:active{--tw-text-opacity:1;color:rgb(0 163 156/var(--tw-text-opacity))}.enabled\:hover\:rounded-b-none:hover:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:hover\:border-b-bia-blue:hover:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.enabled\:focus\:rounded-b-none:focus:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:focus\:border-b-bia-blue:focus:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.disabled\:bg-\[\#ebecf0\]:disabled{--tw-bg-opacity:1;background-color:rgb(235 236 240/var(--tw-bg-opacity))}.disabled\:bg-bia-blue-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.disabled\:bg-bia-green-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.disabled\:bg-bia-orange-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.disabled\:bg-bia-red-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.disabled\:bg-bia-teal-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.disabled\:text-bia-gray-active:disabled{--tw-text-opacity:1;color:rgb(196 200 211/var(--tw-text-opacity))}.peer:checked~.peer-checked\:block{display:block}.peer:checked~.peer-checked\:hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:checked~.peer-checked\:hover\:bg-bia-blue-hover:hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:hover\:outline-bia-blue-hover:hover{outline-color:#6d6dec}
+*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.right-\[10px\]{right:10px}.right-\[7px\]{right:7px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-5{grid-column:span 5/span 5}.m-\[2px\]{margin:2px}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-bottom:.75rem;margin-top:.75rem}.ml-2{margin-left:.5rem}.box-content{box-sizing:content-box}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-\[16px\]{height:16px}.h-\[22px\]{height:22px}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:15rem}.w-4{width:1rem}.w-5\/12{width:41.666667%}.w-\[1140px\]{width:1140px}.w-\[22px\]{width:22px}.w-\[28px\]{width:28px}.w-\[300px\]{width:300px}.w-\[42px\]{width:42px}.w-\[540px\]{width:540px}.w-\[800px\]{width:800px}.w-full{width:100%}.w-screen{width:100vw}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-5{gap:1.25rem}.gap-\[0\.63rem\]{gap:.63rem}.gap-\[5px\]{gap:5px}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[0\.19rem\]{border-radius:.19rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-solid{border-style:solid}.border-\[\#cbd0e0\]{--tw-border-opacity:1;border-color:rgb(203 208 224/var(--tw-border-opacity))}.border-bia-blue{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.border-bia-darkgray{--tw-border-opacity:1;border-color:rgb(139 139 166/var(--tw-border-opacity))}.border-bia-gray{--tw-border-opacity:1;border-color:rgb(218 222 235/var(--tw-border-opacity))}.border-bia-green{--tw-border-opacity:1;border-color:rgb(33 186 69/var(--tw-border-opacity))}.border-bia-orange{--tw-border-opacity:1;border-color:rgb(255 123 0/var(--tw-border-opacity))}.border-bia-red{--tw-border-opacity:1;border-color:rgb(219 40 40/var(--tw-border-opacity))}.border-bia-teal{--tw-border-opacity:1;border-color:rgb(0 181 173/var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-primary-light{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-bia-blue{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.bg-bia-blue-active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.bg-bia-blue-disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.bg-bia-blue-pastel{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.bg-bia-darkgray{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-bia-darkgray-active{--tw-bg-opacity:1;background-color:rgb(126 126 149/var(--tw-bg-opacity))}.bg-bia-darkgray-disabled{--tw-bg-opacity:1;background-color:rgb(197 197 211/var(--tw-bg-opacity))}.bg-bia-darkgray-hover{--tw-bg-opacity:1;background-color:rgb(152 152 175/var(--tw-bg-opacity))}.bg-bia-darkgray-pastel{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.bg-bia-gray{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-bia-gray-active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.bg-bia-gray-disabled{--tw-bg-opacity:1;background-color:rgb(237 239 245/var(--tw-bg-opacity))}.bg-bia-gray-hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.bg-bia-gray-pastel{--tw-bg-opacity:1;background-color:rgb(251 252 253/var(--tw-bg-opacity))}.bg-bia-green{--tw-bg-opacity:1;background-color:rgb(33 186 69/var(--tw-bg-opacity))}.bg-bia-green-active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.bg-bia-green-disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.bg-bia-green-hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.bg-bia-green-pastel{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.bg-bia-marquetteblue{--tw-bg-opacity:1;background-color:rgb(101 90 175/var(--tw-bg-opacity))}.bg-bia-marquetteblue-active{--tw-bg-opacity:1;background-color:rgb(91 81 157/var(--tw-bg-opacity))}.bg-bia-marquetteblue-disabled{--tw-bg-opacity:1;background-color:rgb(178 172 215/var(--tw-bg-opacity))}.bg-bia-marquetteblue-hover{--tw-bg-opacity:1;background-color:rgb(116 106 183/var(--tw-bg-opacity))}.bg-bia-marquetteblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 237 247/var(--tw-bg-opacity))}.bg-bia-olympicblue{--tw-bg-opacity:1;background-color:rgb(84 138 231/var(--tw-bg-opacity))}.bg-bia-olympicblue-active{--tw-bg-opacity:1;background-color:rgb(76 124 208/var(--tw-bg-opacity))}.bg-bia-olympicblue-disabled{--tw-bg-opacity:1;background-color:rgb(169 196 243/var(--tw-bg-opacity))}.bg-bia-olympicblue-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-olympicblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 243 253/var(--tw-bg-opacity))}.bg-bia-orange{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-orange-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-orange-disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.bg-bia-orange-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-orange-pastel{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.bg-bia-purple{--tw-bg-opacity:1;background-color:rgb(168 79 232/var(--tw-bg-opacity))}.bg-bia-purple-active{--tw-bg-opacity:1;background-color:rgb(151 71 209/var(--tw-bg-opacity))}.bg-bia-purple-disabled{--tw-bg-opacity:1;background-color:rgb(211 167 244/var(--tw-bg-opacity))}.bg-bia-purple-hover{--tw-bg-opacity:1;background-color:rgb(177 97 234/var(--tw-bg-opacity))}.bg-bia-purple-pastel{--tw-bg-opacity:1;background-color:rgb(246 237 253/var(--tw-bg-opacity))}.bg-bia-red{--tw-bg-opacity:1;background-color:rgb(219 40 40/var(--tw-bg-opacity))}.bg-bia-red-active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.bg-bia-red-disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.bg-bia-red-hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.bg-bia-red-pastel{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.bg-bia-sky{--tw-bg-opacity:1;background-color:rgb(84 160 249/var(--tw-bg-opacity))}.bg-bia-sky-active{--tw-bg-opacity:1;background-color:rgb(55 145 229/var(--tw-bg-opacity))}.bg-bia-sky-disabled{--tw-bg-opacity:1;background-color:rgb(158 208 255/var(--tw-bg-opacity))}.bg-bia-sky-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-sky-pastel{--tw-bg-opacity:1;background-color:rgb(236 246 255/var(--tw-bg-opacity))}.bg-bia-teal{--tw-bg-opacity:1;background-color:rgb(0 181 173/var(--tw-bg-opacity))}.bg-bia-teal-active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.bg-bia-teal-disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.bg-bia-teal-hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.bg-bia-teal-pastel{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.bg-bia-verdantgreen{--tw-bg-opacity:1;background-color:rgb(85 207 69/var(--tw-bg-opacity))}.bg-bia-verdantgreen-active{--tw-bg-opacity:1;background-color:rgb(76 186 62/var(--tw-bg-opacity))}.bg-bia-verdantgreen-disabled{--tw-bg-opacity:1;background-color:rgb(170 231 162/var(--tw-bg-opacity))}.bg-bia-verdantgreen-hover{--tw-bg-opacity:1;background-color:rgb(102 212 88/var(--tw-bg-opacity))}.bg-bia-verdantgreen-pastel{--tw-bg-opacity:1;background-color:rgb(238 250 236/var(--tw-bg-opacity))}.bg-bia-yellow{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-yellow-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-yellow-disabled{--tw-bg-opacity:1;background-color:rgb(251 216 128/var(--tw-bg-opacity))}.bg-bia-yellow-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-yellow-pastel{--tw-bg-opacity:1;background-color:rgb(254 247 229/var(--tw-bg-opacity))}.bg-primary-cool{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-primary-dark{--tw-bg-opacity:1;background-color:rgb(47 47 47/var(--tw-bg-opacity))}.bg-primary-light{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-primary-warm{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-opacity-25{--tw-bg-opacity:0.25}.fill-bia-gray{fill:#dadeeb}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-5{padding:1.25rem}.p-\[0\.81rem\]{padding:.81rem}.p-\[10px\]{padding:10px}.p-\[6px\]{padding:6px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\[0\.63rem\]{padding-left:.63rem;padding-right:.63rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\[0\.13rem\]{padding-bottom:.13rem;padding-top:.13rem}.py-\[0\.44rem\]{padding-bottom:.44rem;padding-top:.44rem}.py-\[0\.62rem\]{padding-bottom:.62rem;padding-top:.62rem}.py-\[2px\]{padding-bottom:2px;padding-top:2px}.pb-2{padding-bottom:.5rem}.pb-\[30px\]{padding-bottom:30px}.pb-\[5\.5px\]{padding-bottom:5.5px}.pe-8{padding-inline-end:2rem}.pl-3{padding-left:.75rem}.pt-\[6\.5px\]{padding-top:6.5px}.text-justify{text-align:justify}.align-middle{vertical-align:middle}.font-\[\'Arial\'\]{font-family:Arial}.font-\[\'Consolas\'\]{font-family:Consolas}.font-humnst777{font-family:Humnst777,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[11px\]{font-size:11px}.text-\[22px\]{font-size:22px}.text-\[9rem\]{font-size:9rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-4{line-height:1rem}.leading-\[0\.875rem\]{line-height:.875rem}.leading-\[150\%\]{line-height:150%}.leading-\[21px\]{line-height:21px}.leading-none{line-height:1}.text-bia-blue{--tw-text-opacity:1;color:rgb(93 93 234/var(--tw-text-opacity))}.text-bia-blue-active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.text-bia-blue-disabled{--tw-text-opacity:1;color:rgb(174 174 245/var(--tw-text-opacity))}.text-bia-blue-hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.text-bia-blue-pastel{--tw-text-opacity:1;color:rgb(239 239 253/var(--tw-text-opacity))}.text-bia-darkgray{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-bia-green{--tw-text-opacity:1;color:rgb(33 186 69/var(--tw-text-opacity))}.text-bia-orange{--tw-text-opacity:1;color:rgb(255 123 0/var(--tw-text-opacity))}.text-bia-red{--tw-text-opacity:1;color:rgb(219 40 40/var(--tw-text-opacity))}.text-bia-red-active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.text-bia-red-disabled{--tw-text-opacity:1;color:rgb(237 147 147/var(--tw-text-opacity))}.text-bia-red-hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.text-bia-red-pastel{--tw-text-opacity:1;color:rgb(251 233 233/var(--tw-text-opacity))}.text-bia-teal{--tw-text-opacity:1;color:rgb(0 181 173/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-primary-cool{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-primary-dark{--tw-text-opacity:1;color:rgb(47 47 47/var(--tw-text-opacity))}.text-primary-light{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity))}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 6px 18px 1px rgba(0,0,0,.5);--tw-shadow-colored:0 6px 18px 1px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-bia-blue-disabled{--tw-shadow-color:#aeaef5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-gray-disabled{--tw-shadow-color:#edeff5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-green-disabled{--tw-shadow-color:#90dca2;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-orange-disabled{--tw-shadow-color:#ffbd80;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-red-disabled{--tw-shadow-color:#ed9393;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-teal-disabled{--tw-shadow-color:#80dad6;--tw-shadow:var(--tw-shadow-colored)}.outline-2{outline-width:2px}.outline-bia-blue{outline-color:#5d5dea}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Humnst777;src:url(https://res.cloudinary.com/dudxirl1c/raw/upload/v1699259772/w7srqk016qudhpzn2h6v.ttf)}.checked\:border-bia-blue:checked{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.checked\:bg-bia-blue:checked{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.read-only\:pointer-events-none:-moz-read-only{pointer-events:none}.read-only\:pointer-events-none:read-only{pointer-events:none}.read-only\:border-bia-gray-disabled:-moz-read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.read-only\:border-bia-gray-disabled:read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.focus-within\:absolute:focus-within{position:absolute}.focus-within\:left-0:focus-within{left:0}.focus-within\:top-0:focus-within{top:0}.focus-within\:overflow-visible:focus-within{overflow:visible}.hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.hover\:border-bia-green-hover:hover{--tw-border-opacity:1;border-color:rgb(55 193 88/var(--tw-border-opacity))}.hover\:border-bia-orange-hover:hover{--tw-border-opacity:1;border-color:rgb(255 136 25/var(--tw-border-opacity))}.hover\:border-bia-red-hover:hover{--tw-border-opacity:1;border-color:rgb(223 62 62/var(--tw-border-opacity))}.hover\:border-bia-teal-hover:hover{--tw-border-opacity:1;border-color:rgb(25 188 181/var(--tw-border-opacity))}.hover\:bg-bia-blue-hover:hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.hover\:bg-bia-blue-pastel:hover{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.hover\:bg-bia-darkgray-pastel:hover{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.hover\:bg-bia-gray-hover:hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.hover\:bg-bia-green-hover:hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.hover\:bg-bia-orange-hover:hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.hover\:bg-bia-red-hover:hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.hover\:bg-bia-teal-hover:hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.hover\:text-bia-blue-hover:hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.hover\:text-bia-green-hover:hover{--tw-text-opacity:1;color:rgb(55 193 88/var(--tw-text-opacity))}.hover\:text-bia-orange-hover:hover{--tw-text-opacity:1;color:rgb(255 136 25/var(--tw-text-opacity))}.hover\:text-bia-red-hover:hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.hover\:text-bia-teal-hover:hover{--tw-text-opacity:1;color:rgb(25 188 181/var(--tw-text-opacity))}.checked\:hover\:bg-bia-blue-hover:hover:checked{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-bia-blue:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(93 93 234/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:border-bia-blue-active:active{--tw-border-opacity:1;border-color:rgb(84 84 211/var(--tw-border-opacity))}.active\:border-bia-green-active:active{--tw-border-opacity:1;border-color:rgb(30 167 62/var(--tw-border-opacity))}.active\:border-bia-orange-active:active{--tw-border-opacity:1;border-color:rgb(229 111 0/var(--tw-border-opacity))}.active\:border-bia-red-active:active{--tw-border-opacity:1;border-color:rgb(197 36 36/var(--tw-border-opacity))}.active\:border-bia-teal-active:active{--tw-border-opacity:1;border-color:rgb(0 163 156/var(--tw-border-opacity))}.active\:bg-bia-blue-active:active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.active\:bg-bia-blue-pastel:active{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.active\:bg-bia-gray-active:active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.active\:bg-bia-green-active:active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.active\:bg-bia-green-pastel:active{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.active\:bg-bia-orange-active:active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.active\:bg-bia-orange-pastel:active{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.active\:bg-bia-red-active:active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.active\:bg-bia-red-pastel:active{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.active\:bg-bia-teal-active:active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.active\:bg-bia-teal-pastel:active{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.active\:text-bia-blue-active:active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.active\:text-bia-green-active:active{--tw-text-opacity:1;color:rgb(30 167 62/var(--tw-text-opacity))}.active\:text-bia-orange-active:active{--tw-text-opacity:1;color:rgb(229 111 0/var(--tw-text-opacity))}.active\:text-bia-red-active:active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.active\:text-bia-teal-active:active{--tw-text-opacity:1;color:rgb(0 163 156/var(--tw-text-opacity))}.enabled\:hover\:rounded-b-none:hover:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:hover\:border-b-bia-blue:hover:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.enabled\:focus\:rounded-b-none:focus:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:focus\:border-b-bia-blue:focus:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.disabled\:bg-\[\#ebecf0\]:disabled{--tw-bg-opacity:1;background-color:rgb(235 236 240/var(--tw-bg-opacity))}.disabled\:bg-bia-blue-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.disabled\:bg-bia-green-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.disabled\:bg-bia-orange-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.disabled\:bg-bia-red-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.disabled\:bg-bia-teal-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.disabled\:text-bia-gray-active:disabled{--tw-text-opacity:1;color:rgb(196 200 211/var(--tw-text-opacity))}.peer:checked~.peer-checked\:border-bia-blue{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.peer:checked~.peer-checked\:bg-bia-blue{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:bg-primary-light{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:checked~.peer-checked\:hover\:bg-primary-light:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:hover\:outline-bia-blue-hover:hover{outline-color:#6d6dec}.peer:checked~.group .peer-checked\:group-\[\]\:fill-primary-light{fill:#fff}.peer:hover~.peer-hover\:border-bia-blue-hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:hover~.peer-hover\:bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.peer:hover~.group .peer-hover\:group-\[\]\:fill-bia-blue-hover{fill:#6d6dec}.peer:checked:hover~.peer-checked\:peer-hover\:bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.peer:checked:hover~.peer-checked\:peer-hover\:bg-primary-light{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.peer:checked:hover~.group .peer-checked\:peer-hover\:group-\[\]\:fill-primary-light{fill:#fff}

package/dist/cjs/types/components/Button/Button.d.ts

@@ -1,12 +1,11 @@
 import React, { ComponentPropsWithoutRef } from "react";
 export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
-    label: string;
-    variant: string;
-    size: string;
-    state: string;
-    rounded: boolean;
-    left: string;
-    right: string;
+    label?: string;
+    variant?: string;
+    size?: string;
+    rounded?: boolean;
+    left?: any;
+    right?: any;
 }
-declare const Button: ({ label, variant, size, state, rounded, left, right, ...rest }: ButtonProps) => React.JSX.Element;
+declare const Button: ({ label, variant, size, rounded, left, right, ...rest }: ButtonProps) => React.JSX.Element;
 export default Button;

package/dist/cjs/types/components/Forms/Checkbox.d.ts

@@ -0,0 +1,8 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface CheckboxProps extends ComponentPropsWithoutRef<"input"> {
+    label: string;
+    inputSize: string;
+    data: string;
+}
+declare const Checkbox: ({ label, inputSize, ...rest }: CheckboxProps) => React.JSX.Element;
+export default Checkbox;

package/dist/cjs/types/components/Forms/LiveSearch.d.ts

@@ -0,0 +1,13 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface LiveSearchProps extends ComponentPropsWithoutRef<"input"> {
+    label: string;
+    inputSize: string;
+    searchData: any;
+    isOpen: boolean;
+    setIsOpen: any;
+    value: any;
+    setValue: any;
+    descText: string;
+}
+declare const LiveSearch: ({ isOpen, setIsOpen, value, setValue, inputSize, ...rest }: LiveSearchProps) => React.JSX.Element;
+export default LiveSearch;

package/dist/cjs/types/components/Forms/Radio.d.ts

@@ -1,7 +1,8 @@
-import React, { ComponentPropsWithRef } from "react";
-export interface RadioProps extends ComponentPropsWithRef<"input"> {
+import React, { ComponentPropsWithoutRef } from "react";
+export interface RadioProps extends ComponentPropsWithoutRef<"input"> {
     data: any;
     label: string;
+    InputSize: string;
 }
-declare const Radio: ({ label, data, ...rest }: RadioProps) => React.JSX.Element;
+declare const Radio: ({ label, data, InputSize, ...rest }: RadioProps) => React.JSX.Element;
 export default Radio;

package/dist/cjs/types/components/Forms/SelectInput.d.ts

@@ -0,0 +1,13 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface SelectInputProps extends ComponentPropsWithoutRef<"input"> {
+    label: string;
+    descText: string;
+    isOpen: boolean;
+    setIsOpen: any;
+    options: any;
+    selected: object;
+    setSelected: any;
+    inputSize: string;
+}
+declare const SelectInput: ({ label, descText, isOpen, setIsOpen, options, selected, setSelected, inputSize, ...rest }: SelectInputProps) => React.JSX.Element;
+export default SelectInput;

package/dist/cjs/types/components/Forms/TextArea.d.ts

@@ -0,0 +1,10 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface TextAreaProps extends ComponentPropsWithoutRef<"textarea"> {
+    state: string;
+    label: string;
+    important: boolean;
+    descText: string;
+    errText: string;
+}
+declare const TextArea: ({ label, important, descText, errText, ...rest }: TextAreaProps) => React.JSX.Element;
+export default TextArea;

package/dist/cjs/types/components/Forms/TextInput.d.ts

@@ -8,6 +8,7 @@ export interface TextInputProps extends ComponentPropsWithoutRef<"input"> {
     errText: string;
     placeholder: string;
     icon: string;
+    inputSize: string;
 }
-declare const TextInput: ({ variant, label, important, descText, errText, icon, ...rest }: TextInputProps) => React.JSX.Element;
+declare const TextInput: ({ variant, label, important, descText, errText, icon, inputSize, ...rest }: TextInputProps) => React.JSX.Element;
 export default TextInput;

package/dist/cjs/types/components/Forms/Toggle.d.ts

@@ -0,0 +1,8 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface CheckboxProps extends ComponentPropsWithoutRef<"input"> {
+    label: string;
+    inputSize: string;
+    data: string;
+}
+declare const Toggle: ({ label, inputSize, onClick, ...rest }: CheckboxProps) => React.JSX.Element;
+export default Toggle;

package/dist/cjs/types/components/Forms/index.d.ts

@@ -1,2 +1,7 @@
 export { default as TextInput } from "./TextInput";
 export { default as Radio } from "./Radio";
+export { default as TextArea } from "./TextArea";
+export { default as Checkbox } from "./Checkbox";
+export { default as SelectInput } from "./SelectInput";
+export { default as LiveSearch } from "./LiveSearch";
+export { default as Toggle } from "./Toggle";

package/dist/cjs/types/components/Modal/Modal.d.ts

@@ -0,0 +1,10 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface ModalProps extends ComponentPropsWithoutRef<"div"> {
+    modalSize: string;
+    title: string;
+    isShow: boolean;
+    setIsShow: any;
+    atribut: any;
+}
+declare const Modal: ({ ...rest }: ModalProps) => React.JSX.Element;
+export default Modal;

package/dist/cjs/types/components/Modal/ModalBody.d.ts

@@ -0,0 +1,10 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface ModalProps extends ComponentPropsWithoutRef<"div"> {
+    modalSize: string;
+    title: string;
+    isShow: boolean;
+    setIsShow: any;
+    atribut: any;
+}
+declare const ModalBody: ({ ...rest }: ModalProps) => React.JSX.Element;
+export default ModalBody;

package/dist/cjs/types/components/Modal/ModalContent.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { ComponentPropsWithoutRef } from "react";
+export interface ModalContentProps extends ComponentPropsWithoutRef<"div"> {
+}
+declare const ModalContent: ({ ...rest }: ModalContentProps) => React.JSX.Element;
+export default ModalContent;

package/dist/cjs/types/components/Modal/ModalFooter.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ComponentPropsWithoutRef } from "react";
+export interface ModalFooterProps extends ComponentPropsWithoutRef<"div"> {
+    position?: string;
+}
+declare const ModalFooter: ({ ...rest }: ModalFooterProps) => React.JSX.Element;
+export default ModalFooter;

package/dist/cjs/types/components/Modal/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ModalBody } from "./ModalBody";
+export { default as ModalContent } from "./ModalContent";
+export { default as ModalFooter } from "./ModalFooter";

package/dist/cjs/types/components/Table/Table.d.ts

@@ -0,0 +1,6 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface TableProps extends ComponentPropsWithoutRef<"table"> {
+    label: string;
+}
+declare const Table: ({ label, className, children, ...rest }: TableProps) => React.JSX.Element;
+export default Table;

package/dist/cjs/types/components/index.d.ts

@@ -1,4 +1,5 @@
 export { default as Button } from "./Button";
 export { default as Color } from "./Dump";
-export { TextInput, Radio } from "./Forms";
+export { TextInput, Radio, TextArea, Checkbox, SelectInput, LiveSearch, Toggle } from "./Forms";
 export { Display, P, Heading, Text } from "./Typography";
+export { ModalBody, ModalContent, ModalFooter } from "./Modal";