@mw-kit/mw-ui 1.8.13 → 1.8.14

package/dist/index.mjs

@@ -7710,10 +7710,10 @@ var Button = (props) => {
 var Button_default = Button;
 
 // src/components/Filters/AppliedFilters/components/Menu/index.tsx
-import { useEffect as useEffect14, useState as useState20 } from "react";
+import { useEffect as useEffect15, useState as useState20 } from "react";
 
 // src/components/Input/index.tsx
-import React36 from "react";
+import React37 from "react";
 
 // src/components/Input/components/Checkbox/index.tsx
 import React5 from "react";
@@ -13112,7 +13112,7 @@ Range.displayName = "input";
 var Range_default = Range;
 
 // src/components/Input/components/Select/index.tsx
-import React32, { useCallback as useCallback3, useEffect as useEffect13, useState as useState18 } from "react";
+import React33, { useCallback as useCallback3, useEffect as useEffect14, useState as useState18 } from "react";
 
 // src/components/Input/components/Select/hooks/Select/index.tsx
 import React28 from "react";
@@ -13347,7 +13347,10 @@ var useSelect = (props, [highlight, setHighlight], [options, setOptions], setOpe
 var Select_default = useSelect;
 
 // src/components/Input/components/Select/hooks/SelectMultiple/index.tsx
-import React31, { useState as useState17 } from "react";
+import React32, { useEffect as useEffect13, useState as useState17 } from "react";
+
+// src/components/Input/components/Select/hooks/SelectMultiple/components/Footer/index.tsx
+import React30 from "react";
 
 // src/components/Input/components/Select/hooks/SelectMultiple/context.ts
 import React29 from "react";
@@ -13356,15 +13359,22 @@ var useContext3 = () => React29.useContext(Provider4);
 var context_default3 = Provider4;
 
 // src/components/Input/components/Select/hooks/SelectMultiple/components/Footer/index.tsx
-import { jsx as jsx322 } from "react/jsx-runtime";
+import { jsx as jsx322, jsxs as jsxs159 } from "react/jsx-runtime";
 var Footer2 = () => {
   const context = useContext3();
   const {
     props: { value, setValue },
     checked: [checked],
-    setOpen
+    setOpen,
+    limits
   } = context;
+  const { min, max, enabled, error } = limits;
+  const isDirty = checked.length !== value.length || checked.some((e) => !value.includes(e.value));
+  const belowMin = enabled && typeof min === "number" ? checked.length < min : false;
+  const aboveMax = enabled && typeof max === "number" ? checked.length > max : false;
+  const disabled = !!error || !isDirty || belowMin || aboveMax;
   const onClick = () => {
+    if (disabled) return;
     const [value2, data] = checked.reduce(
       (r, e) => [
         [...r[0], e.value],
@@ -13375,22 +13385,35 @@ var Footer2 = () => {
     setValue(value2, data);
     setOpen(false);
   };
-  const isDirty = checked.length !== value.length || checked.some((e) => !value.includes(e.value));
-  return /* @__PURE__ */ jsx322(
-    Button_default2,
-    {
-      type: "button",
-      content: "Aplicar",
-      onClick,
-      style: { marginRight: "-3.5px" },
-      disabled: !isDirty
-    }
-  );
+  return /* @__PURE__ */ jsxs159(React30.Fragment, { children: [
+    error && /* @__PURE__ */ jsx322(
+      "span",
+      {
+        style: {
+          padding: "7px",
+          color: "#d32f2f",
+          fontSize: "12px",
+          flex: 1
+        },
+        children: error
+      }
+    ),
+    /* @__PURE__ */ jsx322(
+      Button_default2,
+      {
+        type: "button",
+        content: "Aplicar",
+        onClick,
+        style: { marginRight: "-3.5px" },
+        disabled
+      }
+    )
+  ] });
 };
 var Footer_default = Footer2;
 
 // src/components/Input/components/Select/hooks/SelectMultiple/components/Header/index.tsx
-import React30 from "react";
+import React31 from "react";
 
 // src/components/Link/index.tsx
 import styled39, { css as css29 } from "styled-components";
@@ -13452,13 +13475,15 @@ var SelectAllContainer = styled40.div`
 `;
 
 // src/components/Input/components/Select/hooks/SelectMultiple/components/Header/index.tsx
-import { jsx as jsx324, jsxs as jsxs159 } from "react/jsx-runtime";
+import { jsx as jsx324, jsxs as jsxs160 } from "react/jsx-runtime";
 var CheckAll = () => {
   const context = useContext3();
   const {
     checked: [checked, setChecked],
-    options
+    options,
+    limits
   } = context;
+  const { max, enabled, error } = limits;
   const maxCheck = options.reduce((count, o, idx) => {
     var _a;
     if (o.disabled) return count;
@@ -13466,24 +13491,25 @@ var CheckAll = () => {
     if (rule) return count;
     return count + 1;
   }, 0);
+  const maxAllowed = enabled && typeof max === "number" ? Math.min(max, maxCheck) : maxCheck;
   const onClick = () => {
     setChecked((prev) => {
-      if (prev.length >= maxCheck) return [];
-      const checked2 = options.reduce(
-        (checked3, o, idx) => {
-          var _a;
-          if (o.disabled) return checked3;
-          const rule = (_a = o.rules) == null ? void 0 : _a.some((rule2) => rule2(idx, o.data) !== true);
-          if (rule) return checked3;
-          return [...checked3, { value: o.value, data: o.data }];
-        },
-        []
-      );
+      if (prev.length >= maxAllowed) return [];
+      if (maxAllowed <= 0) return [];
+      const checked2 = [];
+      options.forEach((o, idx) => {
+        var _a;
+        if (checked2.length >= maxAllowed) return;
+        if (o.disabled) return;
+        const rule = (_a = o.rules) == null ? void 0 : _a.some((rule2) => rule2(idx, o.data) !== true);
+        if (rule) return;
+        checked2.push({ value: o.value, data: o.data });
+      });
       return checked2;
     });
   };
-  return /* @__PURE__ */ jsxs159(SelectAllContainer, { children: [
-    /* @__PURE__ */ jsxs159("b", { children: [
+  return /* @__PURE__ */ jsxs160(SelectAllContainer, { children: [
+    /* @__PURE__ */ jsxs160("b", { children: [
       "Selecionados (",
       checked.length,
       ")"
@@ -13491,8 +13517,8 @@ var CheckAll = () => {
     /* @__PURE__ */ jsx324(
       Link_default2,
       {
-        children: checked.length >= maxCheck ? "Desmarcar todos" : "Selecionar todos",
-        onClick
+        children: checked.length >= maxAllowed ? "Desmarcar todos" : "Selecionar todos",
+        onClick: error ? void 0 : onClick
       }
     )
   ] });
@@ -13500,13 +13526,15 @@ var CheckAll = () => {
 var Header3 = () => {
   const context = useContext3();
   if (!context.props.search) {
-    return /* @__PURE__ */ jsx324(React30.Fragment, {});
+    return /* @__PURE__ */ jsx324(React31.Fragment, {});
   }
   const {
-    searchInput: [searchInput, setSearchInput]
+    searchInput: [searchInput, setSearchInput],
+    limits
   } = context;
-  return /* @__PURE__ */ jsxs159(HeaderContainer2, { children: [
-    context.props.selectAll && /* @__PURE__ */ jsx324(CheckAll, {}),
+  const showSelectAll = context.props.selectAll && limits.max === void 0;
+  return /* @__PURE__ */ jsxs160(HeaderContainer2, { children: [
+    showSelectAll && /* @__PURE__ */ jsx324(CheckAll, {}),
     /* @__PURE__ */ jsx324(
       Input_default,
       {
@@ -13531,22 +13559,30 @@ import { jsx as jsx325 } from "react/jsx-runtime";
 var Label6 = (props) => {
   const context = useContext3();
   const {
-    checked: [checked, setChecked]
+    checked: [checked, setChecked],
+    limits
   } = context;
+  const { max, enabled } = limits;
   const { disabled, value } = props.option;
+  const isChecked = checked.findIndex((e) => e.value === value) !== -1;
+  const disabledByLimit = enabled && typeof max === "number" && checked.length >= max && !isChecked;
+  const finalDisabled = disabled || disabledByLimit || !!limits.error;
   const LabelComponent = props.label;
   return /* @__PURE__ */ jsx325(
     Checkbox_default,
     {
       type: "checkbox",
-      checked: checked.findIndex((e) => e.value === value) !== -1,
+      checked: isChecked,
       label: typeof LabelComponent !== "function" ? LabelComponent : /* @__PURE__ */ jsx325(LabelComponent, { ...props.option }),
-      disabled,
+      disabled: finalDisabled,
       onChange: (event) => {
-        const isChecked = event.target.checked;
+        const isChecked2 = event.target.checked;
         setChecked((prev) => {
           const newState = prev.filter((v) => v.value !== value);
-          if (isChecked) {
+          if (isChecked2) {
+            if (enabled && typeof max === "number" && prev.length >= max) {
+              return prev;
+            }
             const e = props.value.find((e2) => e2.value === value);
             newState.push(
               e || {
@@ -13571,24 +13607,44 @@ var Label6 = (props) => {
 };
 var Label_default2 = Label6;
 
+// src/components/Input/components/Select/hooks/SelectMultiple/utils.ts
+var resolveLimits = (minSelected, maxSelected) => {
+  const min = typeof minSelected === "number" && minSelected >= 0 ? minSelected : void 0;
+  const max = typeof maxSelected === "number" && maxSelected >= 0 ? maxSelected : void 0;
+  const enabled = min !== void 0 || max !== void 0;
+  if (!enabled) {
+    return { enabled };
+  }
+  if (min !== void 0 && max !== void 0 && min > max) {
+    return {
+      enabled: false,
+      error: "minSelected cannot be greater than maxSelected"
+    };
+  }
+  return { min, max, enabled };
+};
+
 // src/components/Input/components/Select/hooks/SelectMultiple/index.tsx
-import { jsx as jsx326, jsxs as jsxs160 } from "react/jsx-runtime";
-var getOptions2 = (options, value) => {
+import { jsx as jsx326, jsxs as jsxs161 } from "react/jsx-runtime";
+var getOptions2 = (options, value, checked, limits) => {
+  const limitReached = limits.enabled && typeof limits.max === "number" && checked.length >= limits.max && !limits.error;
   return options.map((option) => {
     const { label, onClick } = option;
     const data = { data: option.data, value: option.value };
+    const isChecked = checked.some((c) => c.value === option.value);
+    const disabled = option.disabled || (!!limits.error || limitReached && !isChecked);
     const parsed = {
       label: (option2) => /* @__PURE__ */ jsx326(
         Label_default2,
         {
-          option: { ...data, disabled: option2.disabled },
+          option: { ...data, disabled: disabled || option2.disabled },
           label,
           value
         }
       ),
       onClick,
       data,
-      disabled: option.disabled,
+      disabled,
       rules: option.rules,
       keepOpen: true
     };
@@ -13610,7 +13666,14 @@ var useSelectMultiple = (props, [highlight, setHighlight], [options, setOptions]
   const [checked, setChecked] = useState17([
     ...initial
   ]);
-  const parsedOptions = getOptions2(options, initial);
+  const limits = resolveLimits(props.minSelected, props.maxSelected);
+  const { max, enabled } = limits;
+  useEffect13(() => {
+    if (limits.error) {
+      console.error(`[SelectMultiple]: ${limits.error}`);
+    }
+  }, [limits.error]);
+  const parsedOptions = getOptions2(options, initial, checked, limits);
   const inputContent = getInputContent2(props.value);
   const onReset = () => {
     setChecked([...initial]);
@@ -13622,6 +13685,9 @@ var useSelectMultiple = (props, [highlight, setHighlight], [options, setOptions]
     setChecked((prev) => {
       const index2 = prev.findIndex((e) => e.value === option.value);
       if (index2 < 0) {
+        if (enabled && typeof max === "number" && prev.length >= max) {
+          return prev;
+        }
         return [
           ...prev,
           {
@@ -13642,7 +13708,7 @@ var useSelectMultiple = (props, [highlight, setHighlight], [options, setOptions]
     onReset,
     menu: {
       itemSpacing: void 0,
-      before: /* @__PURE__ */ jsxs160(React31.Fragment, { children: [
+      before: /* @__PURE__ */ jsxs161(React32.Fragment, { children: [
         /* @__PURE__ */ jsx326(Header_default2, {}),
         /* @__PURE__ */ jsx326(
           HiddenInput,
@@ -13662,7 +13728,13 @@ var useSelectMultiple = (props, [highlight, setHighlight], [options, setOptions]
       return /* @__PURE__ */ jsx326(
         context_default3.Provider,
         {
-          value: { ...base, props, options, checked: [checked, setChecked] },
+          value: {
+            ...base,
+            props,
+            options,
+            checked: [checked, setChecked],
+            limits
+          },
           children
         }
       );
@@ -13690,8 +13762,8 @@ var useSelectMultiple = (props, [highlight, setHighlight], [options, setOptions]
 var SelectMultiple_default = useSelectMultiple;
 
 // src/components/Input/components/Select/index.tsx
-import { jsx as jsx327, jsxs as jsxs161 } from "react/jsx-runtime";
-var Select = React32.forwardRef(
+import { jsx as jsx327, jsxs as jsxs162 } from "react/jsx-runtime";
+var Select = React33.forwardRef(
   (props, ref) => {
     const { position, loader: loader2, initialLoader } = props;
     const [options, setOptions] = useState18(initialLoader || []);
@@ -13737,7 +13809,9 @@ var Select = React32.forwardRef(
       "selectAll",
       "setValue",
       "type",
-      "value"
+      "value",
+      "minSelected",
+      "maxSelected"
     ]);
     const _onScrollEnd = props.onScrollEnd || (() => {
     });
@@ -13763,22 +13837,22 @@ var Select = React32.forwardRef(
       setLastPage(lastPage2);
       setLoading(false);
     }, [loader2, search, page, initialLoader]);
-    useEffect13(() => {
+    useEffect14(() => {
       const timeoutId = setTimeout(() => onSubmit(), 250);
       return () => clearTimeout(timeoutId);
     }, [onSubmit]);
-    useEffect13(() => {
+    useEffect14(() => {
       if (open) return;
       setSearch("");
       onReset();
     }, [props.value, open]);
-    useEffect13(() => {
+    useEffect14(() => {
       setSearchInput(search);
     }, [search]);
-    useEffect13(() => {
+    useEffect14(() => {
       if (page === 1) setHighlight(-1);
     }, [page]);
-    useEffect13(() => {
+    useEffect14(() => {
       const timeoutId = setTimeout(() => setSearch(searchInput), 1e3);
       return () => clearTimeout(timeoutId);
     }, [searchInput]);
@@ -13791,7 +13865,7 @@ var Select = React32.forwardRef(
         setOpen,
         searchInput: [searchInput, setSearchInput]
       },
-      /* @__PURE__ */ jsxs161(
+      /* @__PURE__ */ jsxs162(
         RelativeContainer7,
         {
           ref: onClickOut_default(() => setOpen(false)),
@@ -13870,7 +13944,7 @@ Select.displayName = "Select";
 var Select_default2 = Select;
 
 // src/components/Input/components/Switch/index.tsx
-import React33 from "react";
+import React34 from "react";
 
 // src/components/Input/components/Switch/styles.ts
 import styled41, { css as css31 } from "styled-components";
@@ -13986,7 +14060,7 @@ var Label7 = styled41.label`
 `;
 
 // src/components/Input/components/Switch/index.tsx
-import { jsx as jsx328, jsxs as jsxs162 } from "react/jsx-runtime";
+import { jsx as jsx328, jsxs as jsxs163 } from "react/jsx-runtime";
 var Switch = (props) => {
   const { isRequired, isInvalid: isInvalid2, isViewMode, isDisabled } = Form_default.useContext(
     props.name
@@ -14008,7 +14082,7 @@ var Switch = (props) => {
     "breakLabel"
   ]);
   htmlProps.disabled = props.disabled || props.htmlDisabled;
-  return /* @__PURE__ */ jsxs162(
+  return /* @__PURE__ */ jsxs163(
     Label7,
     {
       ...props.labelProps || {},
@@ -14030,7 +14104,7 @@ var Switch = (props) => {
             $keepSpace: true,
             children: label[props.checked ? "after" : "before"]
           }
-        ) : /* @__PURE__ */ jsxs162(React33.Fragment, { children: [
+        ) : /* @__PURE__ */ jsxs163(React34.Fragment, { children: [
           label.before && /* @__PURE__ */ jsx328(LabelContainer7, { children: label.before }),
           /* @__PURE__ */ jsx328("input", { ...htmlProps, type: "checkbox" }),
           /* @__PURE__ */ jsx328("span", {}),
@@ -14043,10 +14117,10 @@ var Switch = (props) => {
 var Switch_default = Switch;
 
 // src/components/Input/components/Tags/index.tsx
-import React35, { useState as useState19 } from "react";
+import React36, { useState as useState19 } from "react";
 
 // src/components/Input/components/Tags/components/Input/index.tsx
-import React34 from "react";
+import React35 from "react";
 
 // src/components/Input/components/Tags/components/Input/styles.ts
 import styled42 from "styled-components";
@@ -14083,7 +14157,7 @@ var Input4 = styled42.input`
 
 // src/components/Input/components/Tags/components/Input/index.tsx
 import { jsx as jsx329 } from "react/jsx-runtime";
-var Input5 = React34.forwardRef(
+var Input5 = React35.forwardRef(
   (props, ref) => {
     const [value, setValue] = props.value;
     const _onKeyDown = props.onKeyDown || (() => {
@@ -14168,9 +14242,9 @@ var Tag = styled44.div`
 `;
 
 // src/components/Input/components/Tags/components/Tag/index.tsx
-import { jsx as jsx331, jsxs as jsxs163 } from "react/jsx-runtime";
+import { jsx as jsx331, jsxs as jsxs164 } from "react/jsx-runtime";
 var Tag2 = ({ invalid, onClose, ...props }) => {
-  return /* @__PURE__ */ jsxs163(Tag, { ...props, $invalid: invalid, children: [
+  return /* @__PURE__ */ jsxs164(Tag, { ...props, $invalid: invalid, children: [
     props.children,
     /* @__PURE__ */ jsx331("div", { onClick: onClose, children: /* @__PURE__ */ jsx331(
       Icon_default,
@@ -14240,8 +14314,8 @@ var TagContainer = styled45.div`
 `;
 
 // src/components/Input/components/Tags/index.tsx
-import { jsx as jsx332, jsxs as jsxs164 } from "react/jsx-runtime";
-var Tags = React35.forwardRef(
+import { jsx as jsx332, jsxs as jsxs165 } from "react/jsx-runtime";
+var Tags = React36.forwardRef(
   (props, ref) => {
     var _a;
     const { value, setValue } = props;
@@ -14270,9 +14344,9 @@ var Tags = React35.forwardRef(
       prev.splice(index, 1);
       setValue([...prev]);
     };
-    return /* @__PURE__ */ jsxs164(Label10, { $disabled: props.disabled, $width: props.width, children: [
+    return /* @__PURE__ */ jsxs165(Label10, { $disabled: props.disabled, $width: props.width, children: [
       /* @__PURE__ */ jsx332(Label_default3, { required: props.required, children: props.label }),
-      /* @__PURE__ */ jsxs164(
+      /* @__PURE__ */ jsxs165(
         TagContainer,
         {
           $invalid: props.invalid,
@@ -14313,7 +14387,7 @@ var Tags_default = Tags;
 
 // src/components/Input/index.tsx
 import { jsx as jsx333 } from "react/jsx-runtime";
-var Component3 = React36.forwardRef(
+var Component3 = React37.forwardRef(
   (props, ref) => {
     switch (props.type) {
       case "date": {
@@ -14450,7 +14524,7 @@ var Item = styled46.div`
 `;
 
 // src/components/Filters/AppliedFilters/components/Menu/index.tsx
-import { jsx as jsx334, jsxs as jsxs165 } from "react/jsx-runtime";
+import { jsx as jsx334, jsxs as jsxs166 } from "react/jsx-runtime";
 var AppliedFiltersMenu = (props) => {
   const {
     open,
@@ -14459,7 +14533,7 @@ var AppliedFiltersMenu = (props) => {
   } = props;
   const [search, setSearch] = useState20("");
   const [searched, setSearched] = useState20("");
-  useEffect14(() => {
+  useEffect15(() => {
     setSearch("");
     setSearched("");
   }, [open]);
@@ -14485,9 +14559,9 @@ var AppliedFiltersMenu = (props) => {
       height: "261px",
       transition: { properties: { height: {} } },
       ...props.containerProps || {},
-      children: /* @__PURE__ */ jsxs165("div", { children: [
-        /* @__PURE__ */ jsxs165(Header4, { children: [
-          /* @__PURE__ */ jsxs165("div", { children: [
+      children: /* @__PURE__ */ jsxs166("div", { children: [
+        /* @__PURE__ */ jsxs166(Header4, { children: [
+          /* @__PURE__ */ jsxs166("div", { children: [
             /* @__PURE__ */ jsx334(Title, { children: "Filtros Aplicados" }),
             /* @__PURE__ */ jsx334(Link_default2, { onClick: onClear, children: "Limpar Todos" })
           ] }),
@@ -14527,8 +14601,8 @@ var AppliedFiltersMenu = (props) => {
             },
             name
           }, index) => {
-            return /* @__PURE__ */ jsxs165(Item, { children: [
-              /* @__PURE__ */ jsxs165("div", { children: [
+            return /* @__PURE__ */ jsxs166(Item, { children: [
+              /* @__PURE__ */ jsxs166("div", { children: [
                 /* @__PURE__ */ jsx334("div", { children: filter }),
                 /* @__PURE__ */ jsx334("div", { children: option })
               ] }),
@@ -14553,12 +14627,12 @@ var AppliedFiltersMenu = (props) => {
 var Menu_default3 = AppliedFiltersMenu;
 
 // src/components/Filters/AppliedFilters/index.tsx
-import { jsx as jsx335, jsxs as jsxs166 } from "react/jsx-runtime";
+import { jsx as jsx335, jsxs as jsxs167 } from "react/jsx-runtime";
 var AppliedFilters = Object.assign(
   (props) => {
     const { appliedFilters, containerProps } = props;
     const buttonProps = filterObject(props, ["appliedFilters"]);
-    return /* @__PURE__ */ jsxs166(
+    return /* @__PURE__ */ jsxs167(
       Button_default,
       {
         ...buttonProps,
@@ -14639,13 +14713,13 @@ var Card = ({ borderType, size: size3, ...rest }) => {
 var Card_default = Card;
 
 // src/components/Filters/Filters/components/Menu/index.tsx
-import { useEffect as useEffect17, useState as useState23 } from "react";
+import { useEffect as useEffect18, useState as useState23 } from "react";
 
 // src/components/Filters/Filters/components/Submenu/index.tsx
-import React39, { useCallback as useCallback4, useEffect as useEffect16, useState as useState22 } from "react";
+import React40, { useCallback as useCallback4, useEffect as useEffect17, useState as useState22 } from "react";
 
 // src/components/Filters/Filters/components/Submenu/components/Header/index.tsx
-import { useEffect as useEffect15, useState as useState21 } from "react";
+import { useEffect as useEffect16, useState as useState21 } from "react";
 
 // src/components/Filters/Filters/components/Submenu/components/Header/styles.ts
 import styled48 from "styled-components";
@@ -14671,7 +14745,7 @@ var Container13 = styled48.div`
 `;
 
 // src/components/Filters/Filters/components/Submenu/components/Header/index.tsx
-import { jsx as jsx337, jsxs as jsxs167 } from "react/jsx-runtime";
+import { jsx as jsx337, jsxs as jsxs168 } from "react/jsx-runtime";
 var Header5 = (props) => {
   const {
     title,
@@ -14684,7 +14758,7 @@ var Header5 = (props) => {
     if (value === "") return;
     _setSearched(value);
   };
-  useEffect15(() => {
+  useEffect16(() => {
     setSearch(searched);
   }, [searched]);
   const onSubmit = () => {
@@ -14694,7 +14768,7 @@ var Header5 = (props) => {
     setSearch("");
     setSearched("");
   };
-  return /* @__PURE__ */ jsxs167(Container13, { children: [
+  return /* @__PURE__ */ jsxs168(Container13, { children: [
     /* @__PURE__ */ jsx337(EllipsisContainer_default, { children: isString(title) ? title : title.element }),
     withSearch && /* @__PURE__ */ jsx337(
       Input_default4,
@@ -14733,7 +14807,7 @@ var EmptyMessage = styled49.div`
 `;
 
 // src/components/Filters/Filters/components/Submenu/index.tsx
-import { jsx as jsx338, jsxs as jsxs168 } from "react/jsx-runtime";
+import { jsx as jsx338, jsxs as jsxs169 } from "react/jsx-runtime";
 var getInstance = (props) => {
   const { item } = props;
   if (!item) {
@@ -14817,12 +14891,12 @@ var Submenu = (props) => {
       onSearch();
     }
   };
-  useEffect16(() => {
+  useEffect17(() => {
     setOptions([]);
     setSearch("", false);
     setFirstRender(true);
   }, [item]);
-  useEffect16(() => {
+  useEffect17(() => {
     setFirstRender((firstRender) => {
       if (!item || isDynamic && firstRender) {
         setLoading(false);
@@ -14903,9 +14977,9 @@ var Submenu = (props) => {
       loading,
       emptyContent: isDynamic && options.length === 0 ? /* @__PURE__ */ jsx338(EmptyMessage, { children: (() => {
         if (search !== "") {
-          return /* @__PURE__ */ jsx338(React39.Fragment, { children: "Nenhum resultado foi encontrado" });
+          return /* @__PURE__ */ jsx338(React40.Fragment, { children: "Nenhum resultado foi encontrado" });
         }
-        return /* @__PURE__ */ jsxs168(React39.Fragment, { children: [
+        return /* @__PURE__ */ jsxs169(React40.Fragment, { children: [
           "Utilize a busca para pesquisar por ",
           /* @__PURE__ */ jsx338("br", {}),
           label.text
@@ -14940,7 +15014,7 @@ var FiltersMenu = (props) => {
     };
   });
   const selected = active >= 0 && active < props.items.length ? props.items[active] : void 0;
-  useEffect17(() => {
+  useEffect18(() => {
     if (open) return;
     setActive(-1);
   }, [open]);
@@ -15016,14 +15090,14 @@ var Filters = Object.assign(
 var Filters_default = Filters;
 
 // src/components/Grid/components/Col/index.tsx
-import React42 from "react";
+import React43 from "react";
 
 // src/components/Grid/components/Row/context.ts
-import React41 from "react";
-var Provider5 = React41.createContext({
+import React42 from "react";
+var Provider5 = React42.createContext({
   cols: {}
 });
-var useContext4 = () => React41.useContext(Provider5);
+var useContext4 = () => React42.useContext(Provider5);
 var context_default4 = Provider5;
 
 // src/components/Grid/components/Col/styles.ts
@@ -15196,7 +15270,7 @@ var Col = styled50.div`
 
 // src/components/Grid/components/Col/index.tsx
 import { jsx as jsx341 } from "react/jsx-runtime";
-var Col2 = React42.forwardRef((props, ref) => {
+var Col2 = React43.forwardRef((props, ref) => {
   const context = useContext4();
   const colProps = { ...context.cols, ...props };
   const htmlProps = filterObject(colProps, [
@@ -15233,15 +15307,15 @@ Col2.displayName = "Col";
 var Col_default = Col2;
 
 // src/components/Grid/components/Grid/index.tsx
-import React44 from "react";
+import React45 from "react";
 
 // src/components/Grid/components/Grid/context.ts
-import React43 from "react";
-var Provider6 = React43.createContext({
+import React44 from "react";
+var Provider6 = React44.createContext({
   rows: {},
   cols: {}
 });
-var useContext5 = () => React43.useContext(Provider6);
+var useContext5 = () => React44.useContext(Provider6);
 var context_default5 = Provider6;
 
 // src/components/Grid/components/Grid/styles.ts
@@ -15274,7 +15348,7 @@ var Grid = styled51.div`
 
 // src/components/Grid/components/Grid/index.tsx
 import { jsx as jsx342 } from "react/jsx-runtime";
-var Grid2 = React44.forwardRef((props, ref) => {
+var Grid2 = React45.forwardRef((props, ref) => {
   const cols = props.cols || {};
   const rows = props.rows || {};
   const gridProps = filterObject(props, [
@@ -15297,7 +15371,7 @@ Grid2.displayName = "Grid";
 var Grid_default2 = Grid2;
 
 // src/components/Grid/components/Row/index.tsx
-import React45 from "react";
+import React46 from "react";
 
 // src/components/Grid/components/Row/styles.ts
 import styled52, { css as css37 } from "styled-components";
@@ -15424,7 +15498,7 @@ var Row = styled52.div`
 
 // src/components/Grid/components/Row/index.tsx
 import { jsx as jsx343 } from "react/jsx-runtime";
-var Row2 = React45.forwardRef((props, ref) => {
+var Row2 = React46.forwardRef((props, ref) => {
   const context = useContext5();
   const cols = { ...context.cols, ...props.cols || {} };
   const rowProps = { ...props, ...context.rows };
@@ -15468,15 +15542,15 @@ var Grid3 = Object.assign(Grid_default2, {
 var Grid_default3 = Grid3;
 
 // src/components/Modal/component.tsx
-import { useEffect as useEffect19 } from "react";
+import { useEffect as useEffect20 } from "react";
 
 // src/addons/Portal/index.ts
-import { useEffect as useEffect18 } from "react";
+import { useEffect as useEffect19 } from "react";
 import { createPortal } from "react-dom";
 var Portal = (props) => {
   const { id, opened, children } = props;
   const portalRoot = document.createElement("div");
-  useEffect18(() => {
+  useEffect19(() => {
     if (opened) {
       portalRoot.id = id + "-root";
       document.body.appendChild(portalRoot);
@@ -15589,7 +15663,7 @@ var Container14 = styled53.div`
 `;
 
 // src/components/Modal/component.tsx
-import { jsx as jsx344, jsxs as jsxs169 } from "react/jsx-runtime";
+import { jsx as jsx344, jsxs as jsxs170 } from "react/jsx-runtime";
 var Modal = (props) => {
   const {
     openState,
@@ -15613,7 +15687,7 @@ var Modal = (props) => {
       setOpen(false);
     }
   };
-  useEffect19(() => {
+  useEffect20(() => {
     const onEscDown = (event) => {
       if (closeOnEsc && event.key === "Escape") {
         event.preventDefault();
@@ -15626,7 +15700,7 @@ var Modal = (props) => {
     };
   }, []);
   const _size = size3 ? heights[size3] : heights.default;
-  return /* @__PURE__ */ jsx344(Portal_default, { opened: open || false, id: "modal", children: /* @__PURE__ */ jsx344(Background, { onClick: onClickOutside, children: /* @__PURE__ */ jsxs169(
+  return /* @__PURE__ */ jsx344(Portal_default, { opened: open || false, id: "modal", children: /* @__PURE__ */ jsx344(Background, { onClick: onClickOutside, children: /* @__PURE__ */ jsxs170(
     Container14,
     {
       $size: size3 || "small",
@@ -15643,7 +15717,7 @@ var Modal = (props) => {
             borderSize: "3px"
           }
         ) : children || content }),
-        /* @__PURE__ */ jsxs169(Footer3, { children: [
+        /* @__PURE__ */ jsxs170(Footer3, { children: [
           /* @__PURE__ */ jsx344(FooterMessage, { children: footerMessage && (typeof footerMessage === "string" ? /* @__PURE__ */ jsx344("span", { children: footerMessage }) : footerMessage) }),
           /* @__PURE__ */ jsx344(FooterButtons, { children: footer ? footer.map(({ children: children2, ...buttonProps }, index) => /* @__PURE__ */ jsx344(Button_default2, { ...buttonProps, children: children2 }, index)) : /* @__PURE__ */ jsx344(
             Button_default2,
@@ -15815,7 +15889,7 @@ var Modal2 = Object.assign(component_default, {
 var Modal_default = Modal2;
 
 // src/components/Placeholder/components/Template1/index.tsx
-import React47 from "react";
+import React48 from "react";
 
 // src/components/Placeholder/components/Template1/styles.ts
 import styled57, { css as css39 } from "styled-components";
@@ -15873,18 +15947,18 @@ var MainLine = styled57(HeaderLine)`
 `;
 
 // src/components/Placeholder/components/Template1/index.tsx
-import { jsx as jsx348, jsxs as jsxs170 } from "react/jsx-runtime";
+import { jsx as jsx348, jsxs as jsxs171 } from "react/jsx-runtime";
 var Template1 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ jsx348(React47.Fragment, {});
-  return /* @__PURE__ */ jsxs170(Container15, { children: [
-    /* @__PURE__ */ jsxs170(Header7, { children: [
+  if (!props.loading) return /* @__PURE__ */ jsx348(React48.Fragment, {});
+  return /* @__PURE__ */ jsxs171(Container15, { children: [
+    /* @__PURE__ */ jsxs171(Header7, { children: [
       /* @__PURE__ */ jsx348(HeaderImage, {}),
-      /* @__PURE__ */ jsxs170(HeaderContent, { children: [
+      /* @__PURE__ */ jsxs171(HeaderContent, { children: [
         /* @__PURE__ */ jsx348(HeaderLine, { $size: "medium", $height: "9px", $color: "#E6E6E6" }),
         /* @__PURE__ */ jsx348(HeaderLine, { $size: "small", $height: "9px", $color: "#E6E6E6" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs170(MainContent, { children: [
+    /* @__PURE__ */ jsxs171(MainContent, { children: [
       /* @__PURE__ */ jsx348(MainLine, { $size: "medium", $height: "9px", $color: "#E6E6E6" }),
       /* @__PURE__ */ jsx348(MainLine, { $size: "small", $height: "9px", $color: "#E6E6E6" }),
       /* @__PURE__ */ jsx348(MainLine, { $size: "mini", $height: "9px", $color: "#E6E6E6" }),
@@ -15896,7 +15970,7 @@ var Template1 = (props) => {
 var Template1_default = Template1;
 
 // src/components/Placeholder/components/Template2/index.tsx
-import React48 from "react";
+import React49 from "react";
 
 // src/components/Placeholder/components/Template2/styles.ts
 import styled59 from "styled-components";
@@ -15964,18 +16038,18 @@ var MainLine2 = styled59(HeaderLine2)`
 var HeaderLine3 = styled59(HeaderLine2)``;
 
 // src/components/Placeholder/components/Template2/index.tsx
-import { jsx as jsx349, jsxs as jsxs171 } from "react/jsx-runtime";
+import { jsx as jsx349, jsxs as jsxs172 } from "react/jsx-runtime";
 var Template2 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ jsx349(React48.Fragment, {});
-  return /* @__PURE__ */ jsxs171(Template2Container, { children: [
-    /* @__PURE__ */ jsxs171(Header8, { children: [
+  if (!props.loading) return /* @__PURE__ */ jsx349(React49.Fragment, {});
+  return /* @__PURE__ */ jsxs172(Template2Container, { children: [
+    /* @__PURE__ */ jsxs172(Header8, { children: [
       /* @__PURE__ */ jsx349(HeaderImage2, {}),
-      /* @__PURE__ */ jsxs171(HeaderContent2, { children: [
+      /* @__PURE__ */ jsxs172(HeaderContent2, { children: [
         /* @__PURE__ */ jsx349(HeaderLine3, { $size: "mini", $height: "9px", $color: "#E6E6E6" }),
         /* @__PURE__ */ jsx349(HeaderLine3, { $size: "mini", $height: "9px", $color: "#E6E6E6" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs171(MainContent2, { children: [
+    /* @__PURE__ */ jsxs172(MainContent2, { children: [
       /* @__PURE__ */ jsx349(MainLine2, { $size: "mini", $height: "9px", $color: "#E6E6E6" }),
       /* @__PURE__ */ jsx349(MainLine2, { $size: "mini", $height: "9px", $color: "#E6E6E6" })
     ] })
@@ -15984,7 +16058,7 @@ var Template2 = (props) => {
 var Template2_default = Template2;
 
 // src/components/Placeholder/components/Template3/index.tsx
-import React49 from "react";
+import React50 from "react";
 
 // src/components/Placeholder/components/Template3/styles.ts
 import styled60 from "styled-components";
@@ -16001,10 +16075,10 @@ var Template3Line = styled60(HeaderLine2)`
 `;
 
 // src/components/Placeholder/components/Template3/index.tsx
-import { jsx as jsx350, jsxs as jsxs172 } from "react/jsx-runtime";
+import { jsx as jsx350, jsxs as jsxs173 } from "react/jsx-runtime";
 var Template3 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ jsx350(React49.Fragment, {});
-  return /* @__PURE__ */ jsxs172(Template3Container, { children: [
+  if (!props.loading) return /* @__PURE__ */ jsx350(React50.Fragment, {});
+  return /* @__PURE__ */ jsxs173(Template3Container, { children: [
     /* @__PURE__ */ jsx350(Template3Line, { $size: "large", $height: "7px", $color: "#DADADA" }),
     /* @__PURE__ */ jsx350(Template3Line, { $size: "small", $height: "7px", $color: "#DADADA" }),
     /* @__PURE__ */ jsx350(Template3Line, { $size: "medium", $height: "7px", $color: "#DADADA" }),
@@ -16015,7 +16089,7 @@ var Template3 = (props) => {
 var Template3_default = Template3;
 
 // src/components/Placeholder/components/Template4/index.tsx
-import React50 from "react";
+import React51 from "react";
 
 // src/components/Placeholder/components/Template4/styles.ts
 import styled61, { css as css41 } from "styled-components";
@@ -16061,10 +16135,10 @@ var CustomLine = styled61(HeaderLine4)`
 `;
 
 // src/components/Placeholder/components/Template4/index.tsx
-import { jsx as jsx351, jsxs as jsxs173 } from "react/jsx-runtime";
+import { jsx as jsx351, jsxs as jsxs174 } from "react/jsx-runtime";
 var Template4 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ jsx351(React50.Fragment, {});
-  return /* @__PURE__ */ jsxs173(Template4Container, { children: [
+  if (!props.loading) return /* @__PURE__ */ jsx351(React51.Fragment, {});
+  return /* @__PURE__ */ jsxs174(Template4Container, { children: [
     /* @__PURE__ */ jsx351(
       CustomLine,
       {
@@ -16142,7 +16216,7 @@ var Template4 = (props) => {
 var Template4_default = Template4;
 
 // src/components/Placeholder/components/Template5/index.tsx
-import React51 from "react";
+import React52 from "react";
 
 // src/components/Placeholder/components/Template5/styles.ts
 import styled62, { css as css42 } from "styled-components";
@@ -16199,12 +16273,12 @@ var MainContent3 = styled62.div`
 `;
 
 // src/components/Placeholder/components/Template5/index.tsx
-import { jsx as jsx352, jsxs as jsxs174 } from "react/jsx-runtime";
+import { jsx as jsx352, jsxs as jsxs175 } from "react/jsx-runtime";
 var Template5 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ jsx352(React51.Fragment, {});
-  return /* @__PURE__ */ jsxs174(Container19, { children: [
+  if (!props.loading) return /* @__PURE__ */ jsx352(React52.Fragment, {});
+  return /* @__PURE__ */ jsxs175(Container19, { children: [
     /* @__PURE__ */ jsx352(Circle, {}),
-    /* @__PURE__ */ jsxs174(MainContent3, { children: [
+    /* @__PURE__ */ jsxs175(MainContent3, { children: [
       /* @__PURE__ */ jsx352(
         CustomLine2,
         {
@@ -16247,7 +16321,7 @@ var Template5 = (props) => {
 var Template5_default = Template5;
 
 // src/components/Placeholder/components/Template6/index.tsx
-import React52 from "react";
+import React53 from "react";
 
 // src/components/Placeholder/components/Template6/styles.ts
 import styled63, { css as css43 } from "styled-components";
@@ -16303,10 +16377,10 @@ var CustomLine3 = styled63(HeaderLine6)`
 `;
 
 // src/components/Placeholder/components/Template6/index.tsx
-import { jsx as jsx353, jsxs as jsxs175 } from "react/jsx-runtime";
+import { jsx as jsx353, jsxs as jsxs176 } from "react/jsx-runtime";
 var Template6 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ jsx353(React52.Fragment, {});
-  return /* @__PURE__ */ jsx353(Container20, { children: /* @__PURE__ */ jsxs175(Header9, { children: [
+  if (!props.loading) return /* @__PURE__ */ jsx353(React53.Fragment, {});
+  return /* @__PURE__ */ jsx353(Container20, { children: /* @__PURE__ */ jsxs176(Header9, { children: [
     /* @__PURE__ */ jsx353(
       CustomLine3,
       {
@@ -16339,7 +16413,7 @@ var Template6 = (props) => {
 var Template6_default = Template6;
 
 // src/components/Placeholder/components/Template7/index.tsx
-import React53 from "react";
+import React54 from "react";
 
 // src/components/Placeholder/components/Template7/styles.ts
 import styled64, { css as css44 } from "styled-components";
@@ -16405,10 +16479,10 @@ var Circle2 = styled64.div`
 `;
 
 // src/components/Placeholder/components/Template7/index.tsx
-import { jsx as jsx354, jsxs as jsxs176 } from "react/jsx-runtime";
+import { jsx as jsx354, jsxs as jsxs177 } from "react/jsx-runtime";
 var Template7 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ jsx354(React53.Fragment, {});
-  return /* @__PURE__ */ jsxs176(Container21, { children: [
+  if (!props.loading) return /* @__PURE__ */ jsx354(React54.Fragment, {});
+  return /* @__PURE__ */ jsxs177(Container21, { children: [
     /* @__PURE__ */ jsx354(Header10, { children: /* @__PURE__ */ jsx354(
       CustomLine4,
       {
@@ -16418,7 +16492,7 @@ var Template7 = (props) => {
         $size: "large"
       }
     ) }),
-    /* @__PURE__ */ jsxs176(Main3, { children: [
+    /* @__PURE__ */ jsxs177(Main3, { children: [
       /* @__PURE__ */ jsx354(Circle2, {}),
       /* @__PURE__ */ jsx354(Circle2, {}),
       /* @__PURE__ */ jsx354(Circle2, {}),
@@ -16430,7 +16504,7 @@ var Template7 = (props) => {
 var Template7_default = Template7;
 
 // src/components/Placeholder/components/Template8/index.tsx
-import React54 from "react";
+import React55 from "react";
 
 // src/components/Placeholder/components/Template8/styles.ts
 import styled65, { css as css45 } from "styled-components";
@@ -16489,10 +16563,10 @@ var Main4 = styled65.div`
 `;
 
 // src/components/Placeholder/components/Template8/index.tsx
-import { jsx as jsx355, jsxs as jsxs177 } from "react/jsx-runtime";
+import { jsx as jsx355, jsxs as jsxs178 } from "react/jsx-runtime";
 var Template8 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ jsx355(React54.Fragment, {});
-  return /* @__PURE__ */ jsxs177(Container22, { children: [
+  if (!props.loading) return /* @__PURE__ */ jsx355(React55.Fragment, {});
+  return /* @__PURE__ */ jsxs178(Container22, { children: [
     /* @__PURE__ */ jsx355(Header11, { children: /* @__PURE__ */ jsx355(
       CustomLine5,
       {
@@ -16502,7 +16576,7 @@ var Template8 = (props) => {
         $size: "large"
       }
     ) }),
-    /* @__PURE__ */ jsxs177(Main4, { children: [
+    /* @__PURE__ */ jsxs178(Main4, { children: [
       /* @__PURE__ */ jsx355(
         CustomLine5,
         {
@@ -16527,7 +16601,7 @@ var Template8 = (props) => {
 var Template8_default = Template8;
 
 // src/components/Placeholder/components/Template9/index.tsx
-import React55 from "react";
+import React56 from "react";
 
 // src/components/Placeholder/components/Template9/styles.ts
 import styled66, { css as css46 } from "styled-components";
@@ -16593,11 +16667,11 @@ var Circle3 = styled66.div`
 `;
 
 // src/components/Placeholder/components/Template9/index.tsx
-import { jsx as jsx356, jsxs as jsxs178 } from "react/jsx-runtime";
+import { jsx as jsx356, jsxs as jsxs179 } from "react/jsx-runtime";
 var Template82 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ jsx356(React55.Fragment, {});
-  return /* @__PURE__ */ jsxs178(Container23, { children: [
-    /* @__PURE__ */ jsxs178(Header12, { children: [
+  if (!props.loading) return /* @__PURE__ */ jsx356(React56.Fragment, {});
+  return /* @__PURE__ */ jsxs179(Container23, { children: [
+    /* @__PURE__ */ jsxs179(Header12, { children: [
       /* @__PURE__ */ jsx356(
         CustomLine6,
         {
@@ -16623,7 +16697,7 @@ var Template82 = (props) => {
 var Template9_default = Template82;
 
 // src/components/Placeholder/components/Template10/index.tsx
-import React56 from "react";
+import React57 from "react";
 
 // src/components/Placeholder/components/Template10/styles.ts
 import styled67, { css as css47 } from "styled-components";
@@ -16693,11 +16767,11 @@ var Circle4 = styled67.div`
 `;
 
 // src/components/Placeholder/components/Template10/index.tsx
-import { jsx as jsx357, jsxs as jsxs179 } from "react/jsx-runtime";
+import { jsx as jsx357, jsxs as jsxs180 } from "react/jsx-runtime";
 var Template10 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ jsx357(React56.Fragment, {});
-  return /* @__PURE__ */ jsxs179(Container24, { children: [
-    /* @__PURE__ */ jsxs179(Header13, { children: [
+  if (!props.loading) return /* @__PURE__ */ jsx357(React57.Fragment, {});
+  return /* @__PURE__ */ jsxs180(Container24, { children: [
+    /* @__PURE__ */ jsxs180(Header13, { children: [
       /* @__PURE__ */ jsx357(
         CustomLine7,
         {
@@ -16717,7 +16791,7 @@ var Template10 = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs179(Main6, { children: [
+    /* @__PURE__ */ jsxs180(Main6, { children: [
       /* @__PURE__ */ jsx357(
         GraphLine,
         {
@@ -16895,11 +16969,11 @@ var Progress = styled68.div`
 `;
 
 // src/components/ProgressBar/index.tsx
-import { jsx as jsx359, jsxs as jsxs180 } from "react/jsx-runtime";
+import { jsx as jsx359, jsxs as jsxs181 } from "react/jsx-runtime";
 var ProgressBar = ({ type, value, ...props }) => {
-  return /* @__PURE__ */ jsxs180(Container25, { $disabled: value === null, children: [
+  return /* @__PURE__ */ jsxs181(Container25, { $disabled: value === null, children: [
     /* @__PURE__ */ jsx359(Progress, { ...props, $type: type, children: /* @__PURE__ */ jsx359("span", { style: { width: `${value || 0}%` } }) }),
-    /* @__PURE__ */ jsxs180("span", { children: [
+    /* @__PURE__ */ jsxs181("span", { children: [
       " ",
       value === null ? "-" : value,
       "%"
@@ -16909,10 +16983,10 @@ var ProgressBar = ({ type, value, ...props }) => {
 var ProgressBar_default = ProgressBar;
 
 // src/components/Tabs/index.tsx
-import React62, { useState as useState26 } from "react";
+import React63, { useState as useState26 } from "react";
 
 // src/components/Tabs/components/ScrollButtons/index.tsx
-import React58, { useCallback as useCallback6, useEffect as useEffect20, useState as useState24 } from "react";
+import React59, { useCallback as useCallback6, useEffect as useEffect21, useState as useState24 } from "react";
 
 // src/components/Tabs/components/ScrollButton/index.tsx
 import { useCallback as useCallback5 } from "react";
@@ -16987,7 +17061,7 @@ var Container27 = styled70.div`
 `;
 
 // src/components/Tabs/components/ScrollButtons/index.tsx
-import { jsx as jsx361, jsxs as jsxs181 } from "react/jsx-runtime";
+import { jsx as jsx361, jsxs as jsxs182 } from "react/jsx-runtime";
 var ScrollButtons = (props) => {
   const { activeTabIndex, tabsLength } = props;
   const [ref, setRef] = useState24(null);
@@ -17004,12 +17078,12 @@ var ScrollButtons = (props) => {
       setShowRightArrow(false);
     }
   }, [ref]);
-  useEffect20(() => {
+  useEffect21(() => {
     checkScrollPosition();
     window.addEventListener("resize", checkScrollPosition);
     return () => window.removeEventListener("resize", checkScrollPosition);
   }, [checkScrollPosition, tabsLength]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!ref) return;
     if (ref.scrollWidth <= ref.offsetWidth) return;
     const element = ref.children[activeTabIndex];
@@ -17019,7 +17093,7 @@ var ScrollButtons = (props) => {
       inline: "nearest"
     });
   }, [activeTabIndex, ref]);
-  return /* @__PURE__ */ jsxs181(React58.Fragment, { children: [
+  return /* @__PURE__ */ jsxs182(React59.Fragment, { children: [
     /* @__PURE__ */ jsx361(ScrollButton_default, { scrollRef: ref, mode: "left", visible: showLeftArrow }),
     /* @__PURE__ */ jsx361(
       Container27,
@@ -17042,7 +17116,7 @@ var ScrollButtons = (props) => {
 var ScrollButtons_default = ScrollButtons;
 
 // src/components/Tabs/components/TabItem/index.tsx
-import React61 from "react";
+import React62 from "react";
 
 // src/components/Tabs/functions.ts
 var sortTabs = (tabs, sorted = []) => {
@@ -17268,8 +17342,8 @@ var Container28 = styled73.div`
 `;
 
 // src/components/Tabs/components/TabItem/index.tsx
-import { jsx as jsx364, jsxs as jsxs182 } from "react/jsx-runtime";
-var VoidClose = () => /* @__PURE__ */ jsx364(React61.Fragment, {});
+import { jsx as jsx364, jsxs as jsxs183 } from "react/jsx-runtime";
+var VoidClose = () => /* @__PURE__ */ jsx364(React62.Fragment, {});
 var TabItem = (props) => {
   const {
     active: [active, setActive],
@@ -17279,11 +17353,11 @@ var TabItem = (props) => {
     alwaysOpen
   } = props;
   const CloseComponent = alwaysOpen || tabs.length < 2 ? VoidClose : Close_default;
-  return /* @__PURE__ */ jsx364(React61.Fragment, { children: sortedTabs.map(({ index, ...tab }) => {
+  return /* @__PURE__ */ jsx364(React62.Fragment, { children: sortedTabs.map(({ index, ...tab }) => {
     const isActive = index === active;
     const hasSiblings = hasChildren(tabs, tab.group);
     const canClose = !props.internal && (!tab.primary || !hasSiblings);
-    return /* @__PURE__ */ jsxs182(
+    return /* @__PURE__ */ jsxs183(
       Container28,
       {
         ...isActive ? { className: "active" } : {},
@@ -17374,8 +17448,8 @@ var Tabs = styled74.div`
 `;
 
 // src/components/Tabs/index.tsx
-import { jsx as jsx365, jsxs as jsxs183 } from "react/jsx-runtime";
-var VoidProvider = (props) => /* @__PURE__ */ jsx365(React62.Fragment, { children: props.children });
+import { jsx as jsx365, jsxs as jsxs184 } from "react/jsx-runtime";
+var VoidProvider = (props) => /* @__PURE__ */ jsx365(React63.Fragment, { children: props.children });
 var Component4 = (props) => {
   const components = props.components || {};
   const [options, setOptions] = typeof props.options[1] === "function" ? props.options : useState26(props.options);
@@ -17393,7 +17467,7 @@ var Component4 = (props) => {
     "delimiter",
     "spacing"
   ]);
-  return /* @__PURE__ */ jsxs183(React62.Fragment, { children: [
+  return /* @__PURE__ */ jsxs184(React63.Fragment, { children: [
     /* @__PURE__ */ jsx365(
       Tabs,
       {
@@ -17426,7 +17500,7 @@ var Component4 = (props) => {
     ),
     options.map((tab, index) => {
       if (tab.component === void 0) {
-        return /* @__PURE__ */ jsx365(React62.Fragment, {}, index);
+        return /* @__PURE__ */ jsx365(React63.Fragment, {}, index);
       }
       const Component5 = components[tab.component];
       const Provider7 = Component5.provider || VoidProvider;
@@ -17581,7 +17655,7 @@ var IconContent = styled76.div`
 `;
 
 // src/components/Toast/index.tsx
-import { jsx as jsx367, jsxs as jsxs184 } from "react/jsx-runtime";
+import { jsx as jsx367, jsxs as jsxs185 } from "react/jsx-runtime";
 var Toast = ({
   size: size3,
   color,
@@ -17590,11 +17664,11 @@ var Toast = ({
   onClose: handlClose,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs184(Container30, { ...props, $size: size3, $color: color, children: [
+  return /* @__PURE__ */ jsxs185(Container30, { ...props, $size: size3, $color: color, children: [
     /* @__PURE__ */ jsx367(IconContainer3, { children: /* @__PURE__ */ jsx367(Icon_default, { type: "feather", icon: "x", onClick: handlClose }) }),
-    /* @__PURE__ */ jsxs184(IconContent, { children: [
+    /* @__PURE__ */ jsxs185(IconContent, { children: [
       /* @__PURE__ */ jsx367("h4", { children: title }),
-      /* @__PURE__ */ jsxs184("p", { children: [
+      /* @__PURE__ */ jsxs185("p", { children: [
         " ",
         description
       ] })
@@ -17604,7 +17678,7 @@ var Toast = ({
 var Toast_default = Toast;
 
 // src/components/Zoom/index.tsx
-import React63, { useState as useState27 } from "react";
+import React64, { useState as useState27 } from "react";
 
 // src/components/Zoom/styles.ts
 import styled77 from "styled-components";
@@ -17676,12 +17750,12 @@ var ModalContent = styled77.div`
 `;
 
 // src/components/Zoom/index.tsx
-import { jsx as jsx368, jsxs as jsxs185 } from "react/jsx-runtime";
+import { jsx as jsx368, jsxs as jsxs186 } from "react/jsx-runtime";
 var Zoom = (props) => {
   const { src, width, height, ...imgProps } = props;
   const [modalOpened, setModalOpened] = useState27(false);
-  return /* @__PURE__ */ jsxs185(React63.Fragment, { children: [
-    /* @__PURE__ */ jsxs185(
+  return /* @__PURE__ */ jsxs186(React64.Fragment, { children: [
+    /* @__PURE__ */ jsxs186(
       Container31,
       {
         ...imgProps,