master-components-react-ts 2.1.3 → 2.1.6

package/dist/components/Popup/Popup.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import style from "./Popup.module.scss.js";
 import { IconCheckCircle } from "../../assets/Icons/IconCheckCircle.js";
 import { IconSave } from "../../assets/Icons/IconSave.js";
@@ -25,13 +25,13 @@ const Popup = ({
     if (!options || !options?.type) return;
     switch (String(options?.type)) {
       case "delete": {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(IconTrash, {});
+        return /* @__PURE__ */ jsx(IconTrash, {});
       }
       case "unsaved": {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(IconSave, {});
+        return /* @__PURE__ */ jsx(IconSave, {});
       }
       case "success": {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(IconCheckCircle, {});
+        return /* @__PURE__ */ jsx(IconCheckCircle, {});
       }
     }
   };
@@ -55,7 +55,7 @@ const Popup = ({
       document.removeEventListener("click", handleClick);
     };
   }, []);
-  return visible && /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return visible && /* @__PURE__ */ jsx(
     "div",
     {
       ref: componentRef,
@@ -64,7 +64,7 @@ const Popup = ({
                     ${style.modalOverlay}
                     ${options && options?.mode === "drawer" ? style.popupDrawerMode : ""}
                 `,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      children: /* @__PURE__ */ jsxs(
         "div",
         {
           style: popupContainerStyle ?? {},
@@ -75,14 +75,14 @@ const Popup = ({
                         ${widthType === "horizontal" ? style.horizontal : ""}
                     `,
           children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.closeButton, style: closeButtonStyle ?? {}, onClick: ClickClose, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsx("div", { className: style.closeButton, style: closeButtonStyle ?? {}, onClick: ClickClose, children: /* @__PURE__ */ jsx(
               IconCloseBlack,
               {
                 color: "#131314"
               }
             ) }),
-            (options?.title || options?.description || options?.type) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${style.popupHeader}`, style: popupHeaderStyle ?? {}, children: [
-              _getType() && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.typeIcon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            (options?.title || options?.description || options?.type) && /* @__PURE__ */ jsxs("div", { className: `${style.popupHeader}`, style: popupHeaderStyle ?? {}, children: [
+              _getType() && /* @__PURE__ */ jsx("div", { className: style.typeIcon, children: /* @__PURE__ */ jsx(
                 "div",
                 {
                   style: { backgroundColor: options?.type === "success" ? "#DCFAE6" : options?.type === "unsaved" ? "#FEF0C7" : "#FEE4E2" },
@@ -90,18 +90,18 @@ const Popup = ({
                   children: _getType()
                 }
               ) }),
-              options && options?.title && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.popupTitle, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { style: popupTitleStyle ?? {}, children: [
+              options && options?.title && /* @__PURE__ */ jsx("div", { className: style.popupTitle, children: /* @__PURE__ */ jsxs("h2", { style: popupTitleStyle ?? {}, children: [
                 " ",
                 options?.title ?? "",
                 " "
               ] }) }),
-              options && options?.description && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.popupDescription, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+              options && options?.description && /* @__PURE__ */ jsx("div", { className: style.popupDescription, children: /* @__PURE__ */ jsxs("p", { children: [
                 " ",
                 options?.description ?? "",
                 " "
               ] }) })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.templateWrapper, style: templateWrapperStyle ?? {}, children: [
+            /* @__PURE__ */ jsxs("div", { className: style.templateWrapper, style: templateWrapperStyle ?? {}, children: [
               template && template,
               children && children
             ] })

package/dist/components/Radio/Radio.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import style from "./Radio.module.scss.js";
 import { useState } from "react";
 import { useNamespace } from "../../context/NamespaceContext.js";
@@ -23,21 +23,21 @@ const Radio = ({ checked, change, disabled, required, withUncheckState = false,
     let color = disabled ? "#95969C" : radioType === "error" ? "#E3292F" : "#0058FF";
     if (checked) {
       if (disabled) {
-        icon = /* @__PURE__ */ jsxRuntimeExports.jsx(IconRadioCheckedDisabled, { color });
+        icon = /* @__PURE__ */ jsx(IconRadioCheckedDisabled, { color });
       } else {
-        icon = /* @__PURE__ */ jsxRuntimeExports.jsx(IconRadioChecked, { color });
+        icon = /* @__PURE__ */ jsx(IconRadioChecked, { color });
       }
     } else {
       if (disabled) {
-        icon = /* @__PURE__ */ jsxRuntimeExports.jsx(IconRadioUncheckedDisabled, { color });
+        icon = /* @__PURE__ */ jsx(IconRadioUncheckedDisabled, { color });
       } else {
-        icon = /* @__PURE__ */ jsxRuntimeExports.jsx(IconRadioUnchecked, { color });
+        icon = /* @__PURE__ */ jsx(IconRadioUnchecked, { color });
       }
     }
     return icon;
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.radioWrapper, style: { cursor: disabled ? "not-allowed" : "pointer" }, onClick: onChange, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "radio", checked: true, readOnly: true, hidden: true, disabled: disabled ?? false, required }),
+  return /* @__PURE__ */ jsxs("div", { className: style.radioWrapper, style: { cursor: disabled ? "not-allowed" : "pointer" }, onClick: onChange, children: [
+    /* @__PURE__ */ jsx("input", { type: "radio", checked: true, readOnly: true, hidden: true, disabled: disabled ?? false, required }),
     RadioIcon()
   ] });
 };

package/dist/components/Skeleton/Skeleton.js

@@ -1,7 +1,7 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import style from "./Skeleton.module.scss.js";
 const Skeleton = ({ type = "text", customStyle, children }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: customStyle ?? {}, className: ` ${style.skeleton} ${style[type] || ""}`, children });
+  return /* @__PURE__ */ jsx("div", { style: customStyle ?? {}, className: ` ${style.skeleton} ${style[type] || ""}`, children });
 };
 export {
   Skeleton as default

package/dist/components/Textarea/Textarea.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
 import style from "./Textarea.module.scss.js";
 import { IconCloseBackground } from "../../assets/Icons/IconCloseBackground.js";
@@ -102,19 +102,19 @@ const Textarea = ({
       onChange("");
     }
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       style: textareaContainerStyle ?? {},
       className: `${style.textareaContainer} ${inputState.error ? style.error : ""} ${disabled ? style.disabled : null}`,
       children: [
-        label && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: textareaLabelStyle, className: style.textAreaLabel, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: label }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: requiredStyle ?? {}, className: style.required, children: required && "*" }),
+        label && /* @__PURE__ */ jsxs("div", { style: textareaLabelStyle, className: style.textAreaLabel, children: [
+          /* @__PURE__ */ jsx("p", { children: label }),
+          /* @__PURE__ */ jsx("span", { style: requiredStyle ?? {}, className: style.required, children: required && "*" }),
           labelSlot && iconSlot(labelSlot)
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${style.wrap} ${withResize ? style.resize : ""}`, ref: TextareaRef, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxs("div", { className: `${style.wrap} ${withResize ? style.resize : ""}`, ref: TextareaRef, children: [
+          /* @__PURE__ */ jsx(
             "textarea",
             {
               className: `${style.textarea} ${Focused ? style.focused : ""} ${disabled ? style.disabled : ""}  ${withFocus && Focused ? !inputState.error ? style.focused : style.errorFocused : ""} ${withActive && Active ? !inputState.error ? style.active : style.errorActive : ""} ${inputState.error ? style.error : ""} ${inputState.success ? style.success : ""}`,
@@ -133,9 +133,9 @@ const Textarea = ({
               onMouseLeave: () => setActive(false)
             }
           ),
-          withClose && value && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.textareaIconClose, onClick: HandleClose, children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconCloseBackground, {}) })
+          withClose && value && /* @__PURE__ */ jsx("div", { className: style.textareaIconClose, onClick: HandleClose, children: /* @__PURE__ */ jsx(IconCloseBackground, {}) })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: textareaFooterStyle ?? {}, className: style.textareaFooter, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+        /* @__PURE__ */ jsx("div", { style: textareaFooterStyle ?? {}, className: style.textareaFooter, children: /* @__PURE__ */ jsxs("p", { children: [
           value?.length,
           "/",
           maxLength

package/dist/components/TimePicker/TimePicker.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
 import style from "./TimePicker.module.scss.js";
 import FormInput from "../FormInput/FormInput.js";
@@ -101,8 +101,8 @@ const TimePicker = ({
       document.removeEventListener("wheel", ScrollHandler);
     };
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${style.timepickerWrapper} ${IsFocused ? style.focused : ""}`, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: ComponentRef, className: style.timepickerInputWrapper, onClick: () => (setIsFocused((state) => !state), CalculatePos()), onFocus: Focus, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxs("div", { className: `${style.timepickerWrapper} ${IsFocused ? style.focused : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { ref: ComponentRef, className: style.timepickerInputWrapper, onClick: () => (setIsFocused((state) => !state), CalculatePos()), onFocus: Focus, children: /* @__PURE__ */ jsx(
       FormInput,
       {
         ...rest,
@@ -112,8 +112,8 @@ const TimePicker = ({
         value: Value,
         toggleFocus: true,
         formInputStyle: { cursor: "pointer" },
-        rightSlot: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${style.dropdownRightIcon} ${IsFocused ? style.focused : ""}`, children: [
-          Value && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        rightSlot: /* @__PURE__ */ jsxs("div", { className: `${style.dropdownRightIcon} ${IsFocused ? style.focused : ""}`, children: [
+          Value && /* @__PURE__ */ jsx(
             "div",
             {
               onClick: (e) => {
@@ -121,18 +121,18 @@ const TimePicker = ({
                 Clear();
               },
               className: style.dropdownRightIconClose,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconCloseCircle, {})
+              children: /* @__PURE__ */ jsx(IconCloseCircle, {})
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.dropdownRightIconArrow, children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconArrowUp, {}) })
+          /* @__PURE__ */ jsx("div", { className: style.dropdownRightIconArrow, children: /* @__PURE__ */ jsx(IconArrowUp, {}) })
         ] }),
         readOnly: true,
         forDropdown: true
       }
     ) }),
-    IsFocused && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: DropdownRef, className: style.timepickerDropdownWrapper, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.timepickerDropdownHeader, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.timepickerDropdownHeaderButtons, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+    IsFocused && /* @__PURE__ */ jsxs("div", { ref: DropdownRef, className: style.timepickerDropdownWrapper, children: [
+      /* @__PURE__ */ jsx("div", { className: style.timepickerDropdownHeader, children: /* @__PURE__ */ jsxs("div", { className: style.timepickerDropdownHeaderButtons, children: [
+        /* @__PURE__ */ jsx(
           "p",
           {
             className: TimeType === "12" ? style.active : "",
@@ -143,7 +143,7 @@ const TimePicker = ({
             children: "AM -PM"
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsx(
           "p",
           {
             className: TimeType === "24" ? style.active : "",
@@ -155,15 +155,15 @@ const TimePicker = ({
           }
         )
       ] }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.timepickerDropdownBody, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.timepickerDropdownBodyHours, children: (TimeType === "12" ? hours12 : hours24).map((hour) => /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: Hours === hour || Value?.split(":")[0] === hour ? style.active : "", onClick: () => setHours(hour), children: hour }, hour)) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.timepickerDropdownBodyMinutes, children: minutes.map((minute) => /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: Minutes === minute || Value?.split(":")[1] === minute ? style.active : "", onClick: () => setMinutes(minute), children: minute }, minute)) }),
-        TimeType === "12" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.timepickerDropdownBodyAmPm, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: AmPm === "AM" ? style.active : "", onClick: () => setAmPm("AM"), children: "AM" }, "AM"),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: AmPm === "PM" ? style.active : "", onClick: () => setAmPm("PM"), children: "PM" }, "PM")
+      /* @__PURE__ */ jsxs("div", { className: style.timepickerDropdownBody, children: [
+        /* @__PURE__ */ jsx("div", { className: style.timepickerDropdownBodyHours, children: (TimeType === "12" ? hours12 : hours24).map((hour) => /* @__PURE__ */ jsx("p", { className: Hours === hour || Value?.split(":")[0] === hour ? style.active : "", onClick: () => setHours(hour), children: hour }, hour)) }),
+        /* @__PURE__ */ jsx("div", { className: style.timepickerDropdownBodyMinutes, children: minutes.map((minute) => /* @__PURE__ */ jsx("p", { className: Minutes === minute || Value?.split(":")[1] === minute ? style.active : "", onClick: () => setMinutes(minute), children: minute }, minute)) }),
+        TimeType === "12" && /* @__PURE__ */ jsxs("div", { className: style.timepickerDropdownBodyAmPm, children: [
+          /* @__PURE__ */ jsx("p", { className: AmPm === "AM" ? style.active : "", onClick: () => setAmPm("AM"), children: "AM" }, "AM"),
+          /* @__PURE__ */ jsx("p", { className: AmPm === "PM" ? style.active : "", onClick: () => setAmPm("PM"), children: "PM" }, "PM")
         ] })
       ] }),
-      withConfirm && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.timepickerDropdownFooter, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MainButton, { label: "Confirm time", onClick: () => onChange?.(Value) }) })
+      withConfirm && /* @__PURE__ */ jsx("div", { className: style.timepickerDropdownFooter, children: /* @__PURE__ */ jsx(MainButton, { label: "Confirm time", onClick: () => onChange?.(Value) }) })
     ] })
   ] });
 };

package/dist/components/Toggle/Toggle.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import style from "./Toggle.module.scss.js";
 const Toggle = ({ checked, change, disabled = false, size = "md", toggleType = "default", required = false }) => {
   const onChange = () => {
@@ -6,12 +6,12 @@ const Toggle = ({ checked, change, disabled = false, size = "md", toggleType = "
       change?.(!checked);
     }
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       onClick: onChange,
       className: `${style.toggleWrapper}  ${toggleType === "error" ? style.error : ""} ${style[size]} ${checked ? style.checked : ""} ${disabled ? style.disabled : ""}`,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.toggleState, children: /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "checkbox", checked, readOnly: true, disabled: disabled ?? false, hidden: true, required }) })
+      children: /* @__PURE__ */ jsx("div", { className: style.toggleState, children: /* @__PURE__ */ jsx("input", { type: "checkbox", checked, readOnly: true, disabled: disabled ?? false, hidden: true, required }) })
     }
   );
 };

package/dist/components/Tooltip/Tooltip.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
 import style from "./Tooltip.module.scss.js";
 const Tooltip = ({
@@ -110,7 +110,7 @@ const Tooltip = ({
       }
     }
   }, [Active]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       ref: ComponentRef,
@@ -121,7 +121,7 @@ const Tooltip = ({
       style: tooltipContainerStyle ?? {},
       children: [
         children,
-        Active && tooltipSlot ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Active && tooltipSlot ? /* @__PURE__ */ jsx(
           "div",
           {
             style: tooltipContentStyle ?? {},
@@ -130,7 +130,7 @@ const Tooltip = ({
             className: `${style.tooltipContent} ${placement ? style[placement] : style.bottom}`,
             children: tooltipSlot
           }
-        ) : Active && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        ) : Active && /* @__PURE__ */ jsxs(
           "div",
           {
             style: tooltipContentStyle ?? {},
@@ -139,8 +139,8 @@ const Tooltip = ({
             className: `${style.tooltipContent} ${placement ? style[placement] : style.bottom}`,
             children: [
               customText && typeof customText === "string" && customText,
-              title && title.length > 0 && typeof title === "string" && /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: style.tooltipTitle, style: tooltipTitlestyle ?? {}, children: title }),
-              text && text.length > 0 && typeof text === "string" && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: style.tooltipText, style: tooltipTextStyle ?? {}, children: text })
+              title && title.length > 0 && typeof title === "string" && /* @__PURE__ */ jsx("h2", { className: style.tooltipTitle, style: tooltipTitlestyle ?? {}, children: title }),
+              text && text.length > 0 && typeof text === "string" && /* @__PURE__ */ jsx("p", { className: style.tooltipText, style: tooltipTextStyle ?? {}, children: text })
             ]
           }
         )

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "master-components-react-ts",
   "private": false,
-  "version": "2.1.3",
+  "version": "2.1.6",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -15,9 +15,12 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    }
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./style.css": "./dist/style.css"
   },
+  "style": "dist/style.css",
   "scripts": {
     "dev": "vite --port 3737 --strictPort",
     "build": "tsc && tsc-alias && vite build",

package/dist/_virtual/jsx-runtime.js

@@ -1,4 +0,0 @@
-var jsxRuntime = { exports: {} };
-export {
-  jsxRuntime as __module
-};

package/dist/_virtual/react-jsx-runtime.production.js

@@ -1,4 +0,0 @@
-var reactJsxRuntime_production = {};
-export {
-  reactJsxRuntime_production as __exports
-};

package/dist/assets/components/ActionDropdown/ActionDropdown.module-CJpBa8kB.css

@@ -1,85 +0,0 @@
-@font-face {
-  font-family: "Inter-Regular";
-  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
-}
-@font-face {
-  font-family: "Inter-SemiBold";
-  src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
-}
-@font-face {
-  font-family: "Inter-Medium";
-  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
-}
-.ActionDropdown-module__actionDropdownContainer {
-  width: 100%;
-}
-.ActionDropdown-module__actionDropdownContainer.ActionDropdown-module__collapsed .ActionDropdown-module__actionDropdownIcon {
-  transform: rotate(180deg);
-}
-.ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent {
-  width: 100%;
-  border-radius: 6px;
-  background: #f2f2f2;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  cursor: pointer;
-  user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-}
-.ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownTitle {
-  width: 90%;
-  white-space: nowrap;
-  overflow: hidden;
-  color: #131314;
-  font-feature-settings: "liga" off, "clig" off;
-  text-overflow: ellipsis;
-  font-family: "Inter-Regular", sans-serif;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 24px;
-  letter-spacing: 0.1px;
-  border-right: 1px solid #ffffff;
-  padding: 8px 16px;
-}
-.ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownIcon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 8px;
-  width: 40px;
-  height: 40px;
-  transition: transform 0.2s ease-in-out;
-}
-.ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList {
-  width: 100%;
-  border-radius: 12px;
-  border: 1px solid #e6e6e6;
-  background: #fff;
-  box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
-  height: 250px;
-  overflow: auto;
-  padding: 8px;
-}
-.ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem {
-  width: 100%;
-  border-radius: 4px;
-  background: #fff;
-  padding: 6px 10px;
-  overflow: hidden;
-  color: #131314;
-  font-feature-settings: "liga" off, "clig" off;
-  text-overflow: ellipsis;
-  font-family: "Inter-Regular", sans-serif;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 24px;
-  letter-spacing: 0.1px;
-  cursor: pointer;
-}
-.ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem:hover, .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem.ActionDropdown-module__selected {
-  border-radius: 4px;
-  background: #f2f2f2;
-}

package/dist/assets/components/Checkbox/Checkbox.module-_XqqEodq.css

@@ -1,82 +0,0 @@
-@font-face {
-  font-family: "Inter-Regular";
-  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
-}
-@font-face {
-  font-family: "Inter-SemiBold";
-  src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
-}
-@font-face {
-  font-family: "Inter-Medium";
-  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
-}
-.Checkbox-module__checkboxWrapper {
-  overflow: hidden;
-  border: 2px solid #c1c2c7;
-  background: #ffffff;
-  position: relative;
-  padding: 5px 4px;
-  border-radius: 3px;
-  cursor: pointer;
-  transition: 0.2;
-  display: grid;
-  place-items: center;
-  width: 18px;
-  height: 18px;
-  user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-}
-.Checkbox-module__checkboxWrapper .Checkbox-module__checkMark {
-  display: grid;
-  place-items: center;
-}
-.Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg {
-  width: 0.625rem;
-  user-select: none;
-  pointer-events: none;
-}
-.Checkbox-module__checkboxWrapper.Checkbox-module__error {
-  border-color: #e3292f;
-}
-.Checkbox-module__checkboxWrapper.Checkbox-module__error.Checkbox-module__checked {
-  background: #e3292f;
-  border: none;
-}
-.Checkbox-module__checkboxWrapper.Checkbox-module__checked {
-  background: #0058ff;
-  border: none;
-}
-.Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled {
-  background: #95969c;
-}
-.Checkbox-module__checkboxWrapper.Checkbox-module__disabled {
-  cursor: not-allowed;
-  border-color: #c1c2c7 !important;
-}
-
-.Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked {
-  background: #32b45f;
-  border: 0.0625rem solid #32b45f;
-}
-.Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked:hover {
-  background: #24994d;
-  border: 0.0625rem solid #24994d;
-}
-
-.Checkbox-module__dark {
-  background: #373a41;
-  border: unset;
-}
-.Checkbox-module__dark.Checkbox-module__checked {
-  background: #0158ff;
-  border: 0.0625rem solid #0158ff;
-}
-.Checkbox-module__dark.Checkbox-module__checked.Checkbox-module__disabled svg path {
-  stroke: #d5d7da;
-}
-.Checkbox-module__dark.Checkbox-module__disabled {
-  background: #8d8d8d !important;
-  border: 0.0625rem solid #373a41 !important;
-}