bianic-ui 0.3.3 → 0.4.0

package/dist/esm/index.js

@@ -2930,25 +2930,25 @@ var Button = function (_a) {
     // size
     if (size === "large") {
         text += " text-2xl";
-        padding = "p-[0.81rem]";
+        padding = "p-[13px]";
     }
     else if (size === "small") {
         text += " text-xs";
-        padding = "py-[0.44rem] px-[0.63rem]";
+        padding = "p-[7px]";
     }
     else if (size === "tiny") {
         text += " text-xs";
-        padding = "py-[0.13rem] px-1";
+        padding = "p-[4px]";
     }
     else {
         text += " text-sm";
-        padding = "py-[0.62rem] px-[0.63rem]";
+        padding = "p-[11px]";
     }
     // state
     if (rest.disabled) {
         shadow = "";
     }
-    return React.createElement("button", __assign({}, rest, { className: "button flex p- justify-center align-middle gap-[5px] font-semibold font-['Segoe UI'] ".concat(radius, " ").concat(text, " ").concat(padding, " ").concat(color, " ").concat(border, " ").concat(shadow) }),
+    return React.createElement("button", __assign({}, rest, { className: "button inline-flex p- justify-center align-middle gap-[5px] font-semibold font-['Segoe UI'] ".concat(radius, " ").concat(text, " ").concat(padding, " ").concat(color, " ").concat(border, " ").concat(shadow) }),
         left,
         label,
         right);
@@ -3074,22 +3074,26 @@ var TextInput = function (_a) {
 };
 
 var Radio = function (_a) {
-    var label = _a.label; _a.data; var size = _a.size, rest = __rest(_a, ["label", "data", "size"]);
+    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 ".concat(size ? " w-4 h-4" : "w-[22px] h-[22px]", " flex flex-shrink-0 justify-center items-center relative") },
+        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(size === "small" ? "text-xs" : "text-sm", " leading-4 font-normal text-gray-800") }, label)));
+        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: 4 }))),
+            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)));
 };
 
@@ -3097,7 +3101,7 @@ 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)),
+            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" })))),
@@ -3105,21 +3109,46 @@ var Checkbox = function (_a) {
 };
 
 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, size = _a.size, rest = __rest(_a, ["label", "descText", "isOpen", "setIsOpen", "options", "selected", "setSelected", "size"]);
+    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 h-full relative", onMouseLeave: function () { return setIsOpen(false); } },
-            React.createElement("button", __assign({ className: "field w-full ".concat(size === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " border rounded appearance-none group-hover:border-b-bia-blue group-hover:rounded-b-none ").concat(isOpen ? "border-b-bia-blue rounded-b-none" : "border-[#cbd0e0]", " "), onClick: function () { return setIsOpen(!isOpen); } }, rest),
-                selected.label,
-                " ",
-                selected.value),
+        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(size === "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("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" }, rest), rest.children));
@@ -3127,7 +3156,7 @@ var Display = function (_a) {
 
 var Heading = function (_a) {
     var variant = _a.variant, rest = __rest(_a, ["variant"]);
-    var mar = "my-[50%]";
+    var mar = "my-3";
     if (variant === "1") {
         return (React.createElement("h1", __assign({ className: "title text-5xl ".concat(mar, " font-bold font-humnst777 ").concat(rest.className) }, rest), rest.children));
     }
@@ -3253,11 +3282,11 @@ var Text = function (_a) {
     return (React.createElement("span", __assign({ className: "text ".concat(font, " ").concat(fontSize, " ").concat(fontWeight, " ").concat(fontLeading) }, rest), rest.children));
 };
 
-var Modal = function (_a) {
+var ModalBody = function (_a) {
     var rest = __rest(_a, []);
     var size = ""; // default size
-    var closeIcon = React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -2 6 6", width: "14", fill: "currentColor" },
-        React.createElement("path", { d: "M7.314 5.9l3.535-3.536A1 1 0 1 0 9.435.95L5.899 4.485 2.364.95A1 1 0 1 0 .95 2.364l3.535 3.535L.95 9.435a1 1 0 1 0 1.414 1.414l3.535-3.535 3.536 3.535a1 1 0 1 0 1.414-1.414L7.314 5.899z" }));
+    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]";
     }
@@ -3270,11 +3299,13 @@ var Modal = function (_a) {
     else {
         size = "w-[540px]";
     }
-    return (React.createElement("div", { className: "backscreen 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-30") },
-        React.createElement("div", { className: "modal absolute grid grid-cols-5 ".concat(size, " bg-primary-light shadow p-5 pb-[30px] rounded-[5px] gap-5 ") },
+    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(Button, { onClick: function () { return rest.setIsShow(false); }, variant: "subtle", size: "tiny", left: closeIcon, rounded: true })),
+                React.createElement("div", null,
+                    React.createElement(Button, { onClick: function () { return rest.setIsShow(false); }, variant: "subtle", size: "tiny-round", left: closeIcon, rounded: true }))),
             rest.children)));
 };
 
@@ -3298,4 +3329,69 @@ var ModalFooter = function (_a) {
     return (React.createElement("div", { className: "modal flex flex-row ".concat(pos, " gap-[0.63rem] modal-footer") }, rest.children));
 };
 
-export { Button, Checkbox, Dump as Color, Display, Heading, Modal, ModalContent, ModalFooter, P, Radio, SelectInput, Text, TextArea, TextInput };
+var Table = function (_a) {
+    _a.desc; var tableSize = _a.tableSize, className = _a.className, children = _a.children, rest = __rest(_a, ["desc", "tableSize", "className", "children"]);
+    var text;
+    if (tableSize === "small") {
+        text = "p-2 text-xs";
+    }
+    else if (tableSize === "tiny") {
+        text = "text-xs";
+    }
+    else {
+        text = "p-2 text-sm";
+    }
+    return (React.createElement("table", __assign({ className: "table table-auto w-full ".concat(text, " font-['Segoe UI'] leading-[21px] ").concat(className, "}") }, rest), children));
+};
+
+var TableRow = function (_a) {
+    _a.colNum; var className = _a.className, children = _a.children, rest = __rest(_a, ["colNum", "className", "children"]);
+    return (React.createElement("tr", __assign({ className: "table-row odd:bg-primary-light even:bg-[#f4f6f8] ".concat(className) }, rest), children));
+};
+
+var TableCol = function (_a) {
+    var variant = _a.variant, lined = _a.lined, color = _a.color, alignment = _a.alignment, className = _a.className, children = _a.children, rest = __rest(_a, ["variant", "lined", "color", "alignment", "className", "children"]);
+    var contentAlign;
+    var padding = "p-[10px]";
+    var borderBottom = lined ? "border-b border-bia-gray" : "";
+    var background;
+    if (color === "gray") {
+        background = "bg-[#f4f6f8]";
+    }
+    else if (color === "white") {
+        background = "bg-primary-light";
+    }
+    else {
+        background = "";
+    }
+    if (alignment === "middle") {
+        contentAlign = "text-center";
+    }
+    else if (alignment === "right") {
+        contentAlign = "text-right";
+    }
+    else if (alignment === "left") {
+        contentAlign = "text-left";
+    }
+    else {
+        variant === "head" ? contentAlign = "text-center" : contentAlign = "text-left";
+    }
+    if (variant === "head") {
+        return (React.createElement("th", __assign({ className: "table-head bg-[#f4f6f8] ".concat(padding, " ").concat(borderBottom, " ").concat(background, " ").concat(contentAlign, " ").concat(className) }, rest), children));
+    }
+    else {
+        return (React.createElement("td", __assign({ className: "table-col ".concat(padding, " ").concat(borderBottom, " ").concat(background, " ").concat(color, " ").concat(contentAlign, " ").concat(className) }, rest), children));
+    }
+};
+
+var TableHead = function (_a) {
+    var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);
+    return (React.createElement("thead", __assign({ className: "table-row ".concat(className) }, rest), children));
+};
+
+var TableBody = function (_a) {
+    var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);
+    return (React.createElement("tbody", __assign({ className: "table-body ".concat(className) }, rest), children));
+};
+
+export { Button, Checkbox, Dump as Color, Display, Heading, LiveSearch, ModalBody, ModalContent, ModalFooter, P, Radio, SelectInput, Table, TableBody, TableCol, TableHead, TableRow, Text, TextArea, TextInput, Toggle };

package/dist/esm/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-0{inset:0}.inset-y-0{bottom:0;top:0}.right-\[10px\]{right:10px}.right-\[7px\]{right:7px}.z-10{z-index:10}.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}.my-\[50\%\]{margin-bottom:50%;margin-top:50%}.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-\[22px\]{height:22px}.h-full{height:100%}.h-screen{height:100vh}.w-4{width:1rem}.w-\[1140px\]{width:1140px}.w-\[22px\]{width:22px}.w-\[300px\]{width:300px}.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-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}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.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))}.border-b-bia-blue{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/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-\[0\.63rem\]{padding-left:.63rem;padding-right:.63rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.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}.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))}.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))}.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))}.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))}.group:hover .group-hover\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.group:hover .group-hover\:border-b-bia-blue{--tw-border-opacity:1;border-bottom-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\: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\:outline-bia-blue-hover:hover{outline-color:#6d6dec}.peer:checked~.group .peer-checked\:group-\[\]\:fill-primary-light{fill:#fff}.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~.group .peer-checked\:peer-hover\:group-\[\]\:fill-primary-light{fill:#fff}
+*/*,: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}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.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}.table-auto{table-layout:auto}.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-b{border-bottom-width:1px}.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-\[\#f4f6f8\]{--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-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-\[10px\]{padding:10px}.p-\[11px\]{padding:11px}.p-\[13px\]{padding:13px}.p-\[4px\]{padding:4px}.p-\[6px\]{padding:6px}.p-\[7px\]{padding:7px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.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-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.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)}.odd\:bg-primary-light:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.even\:bg-\[\#f4f6f8\]:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-opacity))}.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/esm/types/components/Button/Button.d.ts

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

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

@@ -2,6 +2,7 @@ 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/esm/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/esm/types/components/Forms/Radio.d.ts

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

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

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

package/dist/esm/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/esm/types/components/Forms/index.d.ts

@@ -3,3 +3,5 @@ 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/esm/types/components/Modal/Modal.d.ts

@@ -4,6 +4,7 @@ export interface ModalProps extends ComponentPropsWithoutRef<"div"> {
     title: string;
     isShow: boolean;
     setIsShow: any;
+    atribut: any;
 }
 declare const Modal: ({ ...rest }: ModalProps) => React.JSX.Element;
 export default Modal;

package/dist/esm/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/esm/types/components/Modal/index.d.ts

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

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

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

package/dist/esm/types/components/Table/TableBody.d.ts

@@ -0,0 +1,5 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface TableBodyProps extends ComponentPropsWithoutRef<"tbody"> {
+}
+declare const TableBody: ({ className, children, ...rest }: TableBodyProps) => React.JSX.Element;
+export default TableBody;

package/dist/esm/types/components/Table/TableCol.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface TableColProps extends ComponentPropsWithoutRef<"td"> {
+    variant: string;
+    alignment: string;
+    lined: boolean;
+    color: string;
+}
+declare const TableCol: ({ variant, lined, color, alignment, className, children, ...rest }: TableColProps) => React.JSX.Element;
+export default TableCol;

package/dist/esm/types/components/Table/TableHead.d.ts

@@ -0,0 +1,5 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface TableHeadProps extends ComponentPropsWithoutRef<"thead"> {
+}
+declare const TableHead: ({ className, children, ...rest }: TableHeadProps) => React.JSX.Element;
+export default TableHead;

package/dist/esm/types/components/Table/TableRow.d.ts

@@ -0,0 +1,6 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface TableRowProps extends ComponentPropsWithoutRef<"tr"> {
+    colNum: number;
+}
+declare const TableRow: ({ colNum, className, children, ...rest }: TableRowProps) => React.JSX.Element;
+export default TableRow;

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

@@ -0,0 +1,5 @@
+export { default as Table } from "./Table";
+export { default as TableRow } from "./TableRow";
+export { default as TableCol } from "./TableCol";
+export { default as TableHead } from "./TableHead";
+export { default as TableBody } from "./TableBody";

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

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