@mw-kit/mw-ui 1.8.12 → 1.8.14

package/dist/index.js

@@ -7767,10 +7767,10 @@ var Button = (props) => {
 var Button_default = Button;
 
 // src/components/Filters/AppliedFilters/components/Menu/index.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 
 // src/components/Input/index.tsx
-var import_react39 = __toESM(require("react"));
+var import_react40 = __toESM(require("react"));
 
 // src/components/Input/components/Checkbox/index.tsx
 var import_react7 = __toESM(require("react"));
@@ -10332,17 +10332,25 @@ var Button3 = (props) => {
   };
   const htmlProps = filterObject(props, ["size", "appearance", "color", "loading", "content"]);
   const loaderSize = sizes[defaultValues.$size].lineHeight;
-  return /* @__PURE__ */ (0, import_jsx_runtime306.jsxs)(Button2, { ...defaultValues, ...htmlProps, children: [
-    children || content,
-    props.loading && /* @__PURE__ */ (0, import_jsx_runtime306.jsx)(
-      Loader_default2,
-      {
-        color: defaultValues.$appearance === "solid" ? "white" : "blue",
-        size: loaderSize,
-        borderSize: `calc(${loaderSize} * 0.0757)`
-      }
-    )
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime306.jsxs)(
+    Button2,
+    {
+      ...defaultValues,
+      ...htmlProps,
+      formNoValidate: "formNoValidate" in props ? props.formNoValidate : props.type === "submit",
+      children: [
+        children || content,
+        props.loading && /* @__PURE__ */ (0, import_jsx_runtime306.jsx)(
+          Loader_default2,
+          {
+            color: defaultValues.$appearance === "solid" ? "white" : "blue",
+            size: loaderSize,
+            borderSize: `calc(${loaderSize} * 0.0757)`
+          }
+        )
+      ]
+    }
+  );
 };
 var Button_default2 = Button3;
 
@@ -12572,9 +12580,7 @@ var SelectedArea = import_styled_components30.default.div`
   z-index: 1;
 
   > span {
-    width: ${({ $percent: percent }) => percent}%;
-    display: block;
-    box-sizing: border-box;
+    background-color: ${({ theme: theme4 }) => theme4.colors.blue};
     height: 100%;
   }
 `;
@@ -12965,8 +12971,7 @@ var Range = import_react27.default.forwardRef(
     const viewMode = isViewMode() || props.viewMode;
     const { min, max, strict, markers, step, position, value } = getMarkers(props);
     const range = max - min;
-    const percent = 100 / range;
-    const spans = value - min;
+    const percent = (value - min) * 100 / range;
     if (value < min || value > max) {
       throw new Error(
         `Value must be between "${min}" and "${max}". "${value}" given`
@@ -13143,7 +13148,14 @@ var Range = import_react27.default.forwardRef(
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(SelectedArea_default, { $percent: percent, children: Array(spans).fill(1).map((_value, index) => /* @__PURE__ */ (0, import_jsx_runtime319.jsx)("span", {}, index)) })
+                /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(SelectedArea_default, { children: /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(
+                  "span",
+                  {
+                    style: {
+                      width: `calc(${percent}% - (${bulletSize * percent / 100}px)`
+                    }
+                  }
+                ) })
               ] })
             ] }),
             maxLabel && /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(MinMaxLabelContainer_default, { children: maxLabel })
@@ -13157,7 +13169,7 @@ Range.displayName = "input";
 var Range_default = Range;
 
 // src/components/Input/components/Select/index.tsx
-var import_react35 = __toESM(require("react"));
+var import_react36 = __toESM(require("react"));
 
 // src/components/Input/components/Select/hooks/Select/index.tsx
 var import_react31 = __toESM(require("react"));
@@ -13392,7 +13404,10 @@ var useSelect = (props, [highlight, setHighlight], [options, setOptions], setOpe
 var Select_default = useSelect;
 
 // src/components/Input/components/Select/hooks/SelectMultiple/index.tsx
-var import_react34 = __toESM(require("react"));
+var import_react35 = __toESM(require("react"));
+
+// src/components/Input/components/Select/hooks/SelectMultiple/components/Footer/index.tsx
+var import_react33 = __toESM(require("react"));
 
 // src/components/Input/components/Select/hooks/SelectMultiple/context.ts
 var import_react32 = __toESM(require("react"));
@@ -13407,9 +13422,16 @@ var Footer2 = () => {
   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],
@@ -13420,22 +13442,35 @@ var Footer2 = () => {
     setValue(value2, data);
     setOpen(false);
   };
-  const isDirty = checked.length !== value.length || checked.some((e) => !value.includes(e.value));
-  return /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(
-    Button_default2,
-    {
-      type: "button",
-      content: "Aplicar",
-      onClick,
-      style: { marginRight: "-3.5px" },
-      disabled: !isDirty
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime322.jsxs)(import_react33.default.Fragment, { children: [
+    error && /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(
+      "span",
+      {
+        style: {
+          padding: "7px",
+          color: "#d32f2f",
+          fontSize: "12px",
+          flex: 1
+        },
+        children: error
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(
+      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
-var import_react33 = __toESM(require("react"));
+var import_react34 = __toESM(require("react"));
 
 // src/components/Link/index.tsx
 var import_styled_components42 = __toESM(require("styled-components"));
@@ -13502,8 +13537,10 @@ 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;
@@ -13511,19 +13548,20 @@ 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;
     });
   };
@@ -13536,8 +13574,8 @@ var CheckAll = () => {
     /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(
       Link_default2,
       {
-        children: checked.length >= maxCheck ? "Desmarcar todos" : "Selecionar todos",
-        onClick
+        children: checked.length >= maxAllowed ? "Desmarcar todos" : "Selecionar todos",
+        onClick: error ? void 0 : onClick
       }
     )
   ] });
@@ -13545,13 +13583,15 @@ var CheckAll = () => {
 var Header3 = () => {
   const context = useContext3();
   if (!context.props.search) {
-    return /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(import_react33.default.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(import_react34.default.Fragment, {});
   }
   const {
-    searchInput: [searchInput, setSearchInput]
+    searchInput: [searchInput, setSearchInput],
+    limits
   } = context;
+  const showSelectAll = context.props.selectAll && limits.max === void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime324.jsxs)(HeaderContainer2, { children: [
-    context.props.selectAll && /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(CheckAll, {}),
+    showSelectAll && /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(CheckAll, {}),
     /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(
       Input_default,
       {
@@ -13576,22 +13616,30 @@ var import_jsx_runtime325 = require("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__ */ (0, import_jsx_runtime325.jsx)(
     Checkbox_default,
     {
       type: "checkbox",
-      checked: checked.findIndex((e) => e.value === value) !== -1,
+      checked: isChecked,
       label: typeof LabelComponent !== "function" ? LabelComponent : /* @__PURE__ */ (0, import_jsx_runtime325.jsx)(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 || {
@@ -13616,24 +13664,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
 var import_jsx_runtime326 = require("react/jsx-runtime");
-var getOptions2 = (options, value) => {
+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__ */ (0, import_jsx_runtime326.jsx)(
         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
     };
@@ -13652,10 +13720,17 @@ var parseValue = (value) => {
 };
 var useSelectMultiple = (props, [highlight, setHighlight], [options, setOptions]) => {
   const initial = parseValue(props.value);
-  const [checked, setChecked] = (0, import_react34.useState)([
+  const [checked, setChecked] = (0, import_react35.useState)([
     ...initial
   ]);
-  const parsedOptions = getOptions2(options, initial);
+  const limits = resolveLimits(props.minSelected, props.maxSelected);
+  const { max, enabled } = limits;
+  (0, import_react35.useEffect)(() => {
+    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]);
@@ -13667,6 +13742,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,
           {
@@ -13687,7 +13765,7 @@ var useSelectMultiple = (props, [highlight, setHighlight], [options, setOptions]
     onReset,
     menu: {
       itemSpacing: void 0,
-      before: /* @__PURE__ */ (0, import_jsx_runtime326.jsxs)(import_react34.default.Fragment, { children: [
+      before: /* @__PURE__ */ (0, import_jsx_runtime326.jsxs)(import_react35.default.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime326.jsx)(Header_default2, {}),
         /* @__PURE__ */ (0, import_jsx_runtime326.jsx)(
           HiddenInput,
@@ -13707,7 +13785,13 @@ var useSelectMultiple = (props, [highlight, setHighlight], [options, setOptions]
       return /* @__PURE__ */ (0, import_jsx_runtime326.jsx)(
         context_default3.Provider,
         {
-          value: { ...base, props, options, checked: [checked, setChecked] },
+          value: {
+            ...base,
+            props,
+            options,
+            checked: [checked, setChecked],
+            limits
+          },
           children
         }
       );
@@ -13736,12 +13820,12 @@ var SelectMultiple_default = useSelectMultiple;
 
 // src/components/Input/components/Select/index.tsx
 var import_jsx_runtime327 = require("react/jsx-runtime");
-var Select = import_react35.default.forwardRef(
+var Select = import_react36.default.forwardRef(
   (props, ref) => {
     const { position, loader: loader2, initialLoader } = props;
-    const [options, setOptions] = (0, import_react35.useState)(initialLoader || []);
-    const [highlight, setHighlight] = (0, import_react35.useState)(-1);
-    const [open, setOpen] = (0, import_react35.useState)(false);
+    const [options, setOptions] = (0, import_react36.useState)(initialLoader || []);
+    const [highlight, setHighlight] = (0, import_react36.useState)(-1);
+    const [open, setOpen] = (0, import_react36.useState)(false);
     const hook = props.type === "select-multiple" ? SelectMultiple_default : Select_default;
     const {
       parsedOptions,
@@ -13757,11 +13841,11 @@ var Select = import_react35.default.forwardRef(
       [options, setOptions],
       setOpen
     );
-    const [_loading, setLoading] = (0, import_react35.useState)(true);
-    const [search, _setSearch] = (0, import_react35.useState)("");
-    const [searchInput, setSearchInput] = (0, import_react35.useState)("");
-    const [page, setPage] = (0, import_react35.useState)(1);
-    const [lastPage, setLastPage] = (0, import_react35.useState)(false);
+    const [_loading, setLoading] = (0, import_react36.useState)(true);
+    const [search, _setSearch] = (0, import_react36.useState)("");
+    const [searchInput, setSearchInput] = (0, import_react36.useState)("");
+    const [page, setPage] = (0, import_react36.useState)(1);
+    const [lastPage, setLastPage] = (0, import_react36.useState)(false);
     const loading = props.loading || _loading;
     const setSearch = (value) => {
       _setSearch(value);
@@ -13782,7 +13866,9 @@ var Select = import_react35.default.forwardRef(
       "selectAll",
       "setValue",
       "type",
-      "value"
+      "value",
+      "minSelected",
+      "maxSelected"
     ]);
     const _onScrollEnd = props.onScrollEnd || (() => {
     });
@@ -13792,7 +13878,7 @@ var Select = import_react35.default.forwardRef(
       }
       _onScrollEnd(e);
     };
-    const onSubmit = (0, import_react35.useCallback)(async () => {
+    const onSubmit = (0, import_react36.useCallback)(async () => {
       setLoading(true);
       const optionsResult = await loader2(search, page);
       if (optionsResult === null) return;
@@ -13808,22 +13894,22 @@ var Select = import_react35.default.forwardRef(
       setLastPage(lastPage2);
       setLoading(false);
     }, [loader2, search, page, initialLoader]);
-    (0, import_react35.useEffect)(() => {
+    (0, import_react36.useEffect)(() => {
       const timeoutId = setTimeout(() => onSubmit(), 250);
       return () => clearTimeout(timeoutId);
     }, [onSubmit]);
-    (0, import_react35.useEffect)(() => {
+    (0, import_react36.useEffect)(() => {
       if (open) return;
       setSearch("");
       onReset();
     }, [props.value, open]);
-    (0, import_react35.useEffect)(() => {
+    (0, import_react36.useEffect)(() => {
       setSearchInput(search);
     }, [search]);
-    (0, import_react35.useEffect)(() => {
+    (0, import_react36.useEffect)(() => {
       if (page === 1) setHighlight(-1);
     }, [page]);
-    (0, import_react35.useEffect)(() => {
+    (0, import_react36.useEffect)(() => {
       const timeoutId = setTimeout(() => setSearch(searchInput), 1e3);
       return () => clearTimeout(timeoutId);
     }, [searchInput]);
@@ -13915,7 +14001,7 @@ Select.displayName = "Select";
 var Select_default2 = Select;
 
 // src/components/Input/components/Switch/index.tsx
-var import_react36 = __toESM(require("react"));
+var import_react37 = __toESM(require("react"));
 
 // src/components/Input/components/Switch/styles.ts
 var import_styled_components44 = __toESM(require("styled-components"));
@@ -14075,7 +14161,7 @@ var Switch = (props) => {
             $keepSpace: true,
             children: label[props.checked ? "after" : "before"]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime328.jsxs)(import_react36.default.Fragment, { children: [
+        ) : /* @__PURE__ */ (0, import_jsx_runtime328.jsxs)(import_react37.default.Fragment, { children: [
           label.before && /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(LabelContainer7, { children: label.before }),
           /* @__PURE__ */ (0, import_jsx_runtime328.jsx)("input", { ...htmlProps, type: "checkbox" }),
           /* @__PURE__ */ (0, import_jsx_runtime328.jsx)("span", {}),
@@ -14088,10 +14174,10 @@ var Switch = (props) => {
 var Switch_default = Switch;
 
 // src/components/Input/components/Tags/index.tsx
-var import_react38 = __toESM(require("react"));
+var import_react39 = __toESM(require("react"));
 
 // src/components/Input/components/Tags/components/Input/index.tsx
-var import_react37 = __toESM(require("react"));
+var import_react38 = __toESM(require("react"));
 
 // src/components/Input/components/Tags/components/Input/styles.ts
 var import_styled_components45 = __toESM(require("styled-components"));
@@ -14128,7 +14214,7 @@ var Input4 = import_styled_components45.default.input`
 
 // src/components/Input/components/Tags/components/Input/index.tsx
 var import_jsx_runtime329 = require("react/jsx-runtime");
-var Input5 = import_react37.default.forwardRef(
+var Input5 = import_react38.default.forwardRef(
   (props, ref) => {
     const [value, setValue] = props.value;
     const _onKeyDown = props.onKeyDown || (() => {
@@ -14286,11 +14372,11 @@ var TagContainer = import_styled_components48.default.div`
 
 // src/components/Input/components/Tags/index.tsx
 var import_jsx_runtime332 = require("react/jsx-runtime");
-var Tags = import_react38.default.forwardRef(
+var Tags = import_react39.default.forwardRef(
   (props, ref) => {
     var _a;
     const { value, setValue } = props;
-    const [inputValue, setInputValue] = ((_a = props.input) == null ? void 0 : _a.value) ? props.input.value : (0, import_react38.useState)("");
+    const [inputValue, setInputValue] = ((_a = props.input) == null ? void 0 : _a.value) ? props.input.value : (0, import_react39.useState)("");
     const paddingless = props.paddingless || false;
     const borderless = props.borderless || false;
     const maxTags = props.maxTags || Number.POSITIVE_INFINITY;
@@ -14358,7 +14444,7 @@ var Tags_default = Tags;
 
 // src/components/Input/index.tsx
 var import_jsx_runtime333 = require("react/jsx-runtime");
-var Component3 = import_react39.default.forwardRef(
+var Component3 = import_react40.default.forwardRef(
   (props, ref) => {
     switch (props.type) {
       case "date": {
@@ -14502,9 +14588,9 @@ var AppliedFiltersMenu = (props) => {
     close,
     appliedFilters: [appliedFilters, setAppliedFilters]
   } = props;
-  const [search, setSearch] = (0, import_react40.useState)("");
-  const [searched, setSearched] = (0, import_react40.useState)("");
-  (0, import_react40.useEffect)(() => {
+  const [search, setSearch] = (0, import_react41.useState)("");
+  const [searched, setSearched] = (0, import_react41.useState)("");
+  (0, import_react41.useEffect)(() => {
     setSearch("");
     setSearched("");
   }, [open]);
@@ -14684,13 +14770,13 @@ var Card = ({ borderType, size: size3, ...rest }) => {
 var Card_default = Card;
 
 // src/components/Filters/Filters/components/Menu/index.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 
 // src/components/Filters/Filters/components/Submenu/index.tsx
-var import_react42 = __toESM(require("react"));
+var import_react43 = __toESM(require("react"));
 
 // src/components/Filters/Filters/components/Submenu/components/Header/index.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 
 // src/components/Filters/Filters/components/Submenu/components/Header/styles.ts
 var import_styled_components51 = __toESM(require("styled-components"));
@@ -14724,12 +14810,12 @@ var Header5 = (props) => {
     allowEmptySearch,
     withSearch
   } = props;
-  const [search, setSearch] = (0, import_react41.useState)("");
+  const [search, setSearch] = (0, import_react42.useState)("");
   const setSearched = allowEmptySearch ? _setSearched : (value) => {
     if (value === "") return;
     _setSearched(value);
   };
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     setSearch(searched);
   }, [searched]);
   const onSubmit = () => {
@@ -14841,13 +14927,13 @@ var getInstance = (props) => {
 var Submenu = (props) => {
   const { item, close, setAppliedFilters, closeParent } = props;
   const { open, isDynamic, itemSpacing, label, allowEmptySearch, getOptions: getOptions3 } = getInstance(props);
-  const [options, setOptions] = (0, import_react42.useState)([]);
-  const [page, setPage] = (0, import_react42.useState)(1);
-  const [search, _setSearch] = (0, import_react42.useState)("");
-  const [lastPage, setLastPage] = (0, import_react42.useState)(false);
-  const [loading, setLoading] = (0, import_react42.useState)(false);
-  const [, setFirstRender] = (0, import_react42.useState)(true);
-  const onSearch = (0, import_react42.useCallback)(async () => {
+  const [options, setOptions] = (0, import_react43.useState)([]);
+  const [page, setPage] = (0, import_react43.useState)(1);
+  const [search, _setSearch] = (0, import_react43.useState)("");
+  const [lastPage, setLastPage] = (0, import_react43.useState)(false);
+  const [loading, setLoading] = (0, import_react43.useState)(false);
+  const [, setFirstRender] = (0, import_react43.useState)(true);
+  const onSearch = (0, import_react43.useCallback)(async () => {
     const { options: newOptions, lastPage: lastPage2 } = await getOptions3(search, page);
     setLastPage(lastPage2);
     setOptions([...newOptions]);
@@ -14862,12 +14948,12 @@ var Submenu = (props) => {
       onSearch();
     }
   };
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     setOptions([]);
     setSearch("", false);
     setFirstRender(true);
   }, [item]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     setFirstRender((firstRender) => {
       if (!item || isDynamic && firstRender) {
         setLoading(false);
@@ -14948,9 +15034,9 @@ var Submenu = (props) => {
       loading,
       emptyContent: isDynamic && options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime338.jsx)(EmptyMessage, { children: (() => {
         if (search !== "") {
-          return /* @__PURE__ */ (0, import_jsx_runtime338.jsx)(import_react42.default.Fragment, { children: "Nenhum resultado foi encontrado" });
+          return /* @__PURE__ */ (0, import_jsx_runtime338.jsx)(import_react43.default.Fragment, { children: "Nenhum resultado foi encontrado" });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime338.jsxs)(import_react42.default.Fragment, { children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime338.jsxs)(import_react43.default.Fragment, { children: [
           "Utilize a busca para pesquisar por ",
           /* @__PURE__ */ (0, import_jsx_runtime338.jsx)("br", {}),
           label.text
@@ -14971,7 +15057,7 @@ var Submenu_default = Submenu;
 var import_jsx_runtime339 = require("react/jsx-runtime");
 var FiltersMenu = (props) => {
   const { open, close } = props;
-  const [active, setActive] = (0, import_react43.useState)(-1);
+  const [active, setActive] = (0, import_react44.useState)(-1);
   const items = props.items.map((item) => {
     return {
       label: typeof item.label === "string" ? item.label : item.label.element,
@@ -14985,7 +15071,7 @@ var FiltersMenu = (props) => {
     };
   });
   const selected = active >= 0 && active < props.items.length ? props.items[active] : void 0;
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (open) return;
     setActive(-1);
   }, [open]);
@@ -15061,14 +15147,14 @@ var Filters = Object.assign(
 var Filters_default = Filters;
 
 // src/components/Grid/components/Col/index.tsx
-var import_react45 = __toESM(require("react"));
+var import_react46 = __toESM(require("react"));
 
 // src/components/Grid/components/Row/context.ts
-var import_react44 = __toESM(require("react"));
-var Provider5 = import_react44.default.createContext({
+var import_react45 = __toESM(require("react"));
+var Provider5 = import_react45.default.createContext({
   cols: {}
 });
-var useContext4 = () => import_react44.default.useContext(Provider5);
+var useContext4 = () => import_react45.default.useContext(Provider5);
 var context_default4 = Provider5;
 
 // src/components/Grid/components/Col/styles.ts
@@ -15241,7 +15327,7 @@ var Col = import_styled_components53.default.div`
 
 // src/components/Grid/components/Col/index.tsx
 var import_jsx_runtime341 = require("react/jsx-runtime");
-var Col2 = import_react45.default.forwardRef((props, ref) => {
+var Col2 = import_react46.default.forwardRef((props, ref) => {
   const context = useContext4();
   const colProps = { ...context.cols, ...props };
   const htmlProps = filterObject(colProps, [
@@ -15278,15 +15364,15 @@ Col2.displayName = "Col";
 var Col_default = Col2;
 
 // src/components/Grid/components/Grid/index.tsx
-var import_react47 = __toESM(require("react"));
+var import_react48 = __toESM(require("react"));
 
 // src/components/Grid/components/Grid/context.ts
-var import_react46 = __toESM(require("react"));
-var Provider6 = import_react46.default.createContext({
+var import_react47 = __toESM(require("react"));
+var Provider6 = import_react47.default.createContext({
   rows: {},
   cols: {}
 });
-var useContext5 = () => import_react46.default.useContext(Provider6);
+var useContext5 = () => import_react47.default.useContext(Provider6);
 var context_default5 = Provider6;
 
 // src/components/Grid/components/Grid/styles.ts
@@ -15319,7 +15405,7 @@ var Grid = import_styled_components54.default.div`
 
 // src/components/Grid/components/Grid/index.tsx
 var import_jsx_runtime342 = require("react/jsx-runtime");
-var Grid2 = import_react47.default.forwardRef((props, ref) => {
+var Grid2 = import_react48.default.forwardRef((props, ref) => {
   const cols = props.cols || {};
   const rows = props.rows || {};
   const gridProps = filterObject(props, [
@@ -15342,7 +15428,7 @@ Grid2.displayName = "Grid";
 var Grid_default2 = Grid2;
 
 // src/components/Grid/components/Row/index.tsx
-var import_react48 = __toESM(require("react"));
+var import_react49 = __toESM(require("react"));
 
 // src/components/Grid/components/Row/styles.ts
 var import_styled_components55 = __toESM(require("styled-components"));
@@ -15469,7 +15555,7 @@ var Row = import_styled_components55.default.div`
 
 // src/components/Grid/components/Row/index.tsx
 var import_jsx_runtime343 = require("react/jsx-runtime");
-var Row2 = import_react48.default.forwardRef((props, ref) => {
+var Row2 = import_react49.default.forwardRef((props, ref) => {
   const context = useContext5();
   const cols = { ...context.cols, ...props.cols || {} };
   const rowProps = { ...props, ...context.rows };
@@ -15513,15 +15599,15 @@ var Grid3 = Object.assign(Grid_default2, {
 var Grid_default3 = Grid3;
 
 // src/components/Modal/component.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 
 // src/addons/Portal/index.ts
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_react_dom = require("react-dom");
 var Portal = (props) => {
   const { id, opened, children } = props;
   const portalRoot = document.createElement("div");
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (opened) {
       portalRoot.id = id + "-root";
       document.body.appendChild(portalRoot);
@@ -15658,7 +15744,7 @@ var Modal = (props) => {
       setOpen(false);
     }
   };
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     const onEscDown = (event) => {
       if (closeOnEsc && event.key === "Escape") {
         event.preventDefault();
@@ -15860,7 +15946,7 @@ var Modal2 = Object.assign(component_default, {
 var Modal_default = Modal2;
 
 // src/components/Placeholder/components/Template1/index.tsx
-var import_react51 = __toESM(require("react"));
+var import_react52 = __toESM(require("react"));
 
 // src/components/Placeholder/components/Template1/styles.ts
 var import_styled_components60 = __toESM(require("styled-components"));
@@ -15920,7 +16006,7 @@ var MainLine = (0, import_styled_components60.default)(HeaderLine)`
 // src/components/Placeholder/components/Template1/index.tsx
 var import_jsx_runtime348 = require("react/jsx-runtime");
 var Template1 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime348.jsx)(import_react51.default.Fragment, {});
+  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime348.jsx)(import_react52.default.Fragment, {});
   return /* @__PURE__ */ (0, import_jsx_runtime348.jsxs)(Container15, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime348.jsxs)(Header7, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime348.jsx)(HeaderImage, {}),
@@ -15941,7 +16027,7 @@ var Template1 = (props) => {
 var Template1_default = Template1;
 
 // src/components/Placeholder/components/Template2/index.tsx
-var import_react52 = __toESM(require("react"));
+var import_react53 = __toESM(require("react"));
 
 // src/components/Placeholder/components/Template2/styles.ts
 var import_styled_components62 = __toESM(require("styled-components"));
@@ -16011,7 +16097,7 @@ var HeaderLine3 = (0, import_styled_components62.default)(HeaderLine2)``;
 // src/components/Placeholder/components/Template2/index.tsx
 var import_jsx_runtime349 = require("react/jsx-runtime");
 var Template2 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime349.jsx)(import_react52.default.Fragment, {});
+  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime349.jsx)(import_react53.default.Fragment, {});
   return /* @__PURE__ */ (0, import_jsx_runtime349.jsxs)(Template2Container, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime349.jsxs)(Header8, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime349.jsx)(HeaderImage2, {}),
@@ -16029,7 +16115,7 @@ var Template2 = (props) => {
 var Template2_default = Template2;
 
 // src/components/Placeholder/components/Template3/index.tsx
-var import_react53 = __toESM(require("react"));
+var import_react54 = __toESM(require("react"));
 
 // src/components/Placeholder/components/Template3/styles.ts
 var import_styled_components63 = __toESM(require("styled-components"));
@@ -16048,7 +16134,7 @@ var Template3Line = (0, import_styled_components63.default)(HeaderLine2)`
 // src/components/Placeholder/components/Template3/index.tsx
 var import_jsx_runtime350 = require("react/jsx-runtime");
 var Template3 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime350.jsx)(import_react53.default.Fragment, {});
+  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime350.jsx)(import_react54.default.Fragment, {});
   return /* @__PURE__ */ (0, import_jsx_runtime350.jsxs)(Template3Container, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime350.jsx)(Template3Line, { $size: "large", $height: "7px", $color: "#DADADA" }),
     /* @__PURE__ */ (0, import_jsx_runtime350.jsx)(Template3Line, { $size: "small", $height: "7px", $color: "#DADADA" }),
@@ -16060,7 +16146,7 @@ var Template3 = (props) => {
 var Template3_default = Template3;
 
 // src/components/Placeholder/components/Template4/index.tsx
-var import_react54 = __toESM(require("react"));
+var import_react55 = __toESM(require("react"));
 
 // src/components/Placeholder/components/Template4/styles.ts
 var import_styled_components64 = __toESM(require("styled-components"));
@@ -16108,7 +16194,7 @@ var CustomLine = (0, import_styled_components64.default)(HeaderLine4)`
 // src/components/Placeholder/components/Template4/index.tsx
 var import_jsx_runtime351 = require("react/jsx-runtime");
 var Template4 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime351.jsx)(import_react54.default.Fragment, {});
+  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime351.jsx)(import_react55.default.Fragment, {});
   return /* @__PURE__ */ (0, import_jsx_runtime351.jsxs)(Template4Container, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime351.jsx)(
       CustomLine,
@@ -16187,7 +16273,7 @@ var Template4 = (props) => {
 var Template4_default = Template4;
 
 // src/components/Placeholder/components/Template5/index.tsx
-var import_react55 = __toESM(require("react"));
+var import_react56 = __toESM(require("react"));
 
 // src/components/Placeholder/components/Template5/styles.ts
 var import_styled_components65 = __toESM(require("styled-components"));
@@ -16246,7 +16332,7 @@ var MainContent3 = import_styled_components65.default.div`
 // src/components/Placeholder/components/Template5/index.tsx
 var import_jsx_runtime352 = require("react/jsx-runtime");
 var Template5 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime352.jsx)(import_react55.default.Fragment, {});
+  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime352.jsx)(import_react56.default.Fragment, {});
   return /* @__PURE__ */ (0, import_jsx_runtime352.jsxs)(Container19, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime352.jsx)(Circle, {}),
     /* @__PURE__ */ (0, import_jsx_runtime352.jsxs)(MainContent3, { children: [
@@ -16292,7 +16378,7 @@ var Template5 = (props) => {
 var Template5_default = Template5;
 
 // src/components/Placeholder/components/Template6/index.tsx
-var import_react56 = __toESM(require("react"));
+var import_react57 = __toESM(require("react"));
 
 // src/components/Placeholder/components/Template6/styles.ts
 var import_styled_components66 = __toESM(require("styled-components"));
@@ -16350,7 +16436,7 @@ var CustomLine3 = (0, import_styled_components66.default)(HeaderLine6)`
 // src/components/Placeholder/components/Template6/index.tsx
 var import_jsx_runtime353 = require("react/jsx-runtime");
 var Template6 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime353.jsx)(import_react56.default.Fragment, {});
+  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime353.jsx)(import_react57.default.Fragment, {});
   return /* @__PURE__ */ (0, import_jsx_runtime353.jsx)(Container20, { children: /* @__PURE__ */ (0, import_jsx_runtime353.jsxs)(Header9, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime353.jsx)(
       CustomLine3,
@@ -16384,7 +16470,7 @@ var Template6 = (props) => {
 var Template6_default = Template6;
 
 // src/components/Placeholder/components/Template7/index.tsx
-var import_react57 = __toESM(require("react"));
+var import_react58 = __toESM(require("react"));
 
 // src/components/Placeholder/components/Template7/styles.ts
 var import_styled_components67 = __toESM(require("styled-components"));
@@ -16452,7 +16538,7 @@ var Circle2 = import_styled_components67.default.div`
 // src/components/Placeholder/components/Template7/index.tsx
 var import_jsx_runtime354 = require("react/jsx-runtime");
 var Template7 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime354.jsx)(import_react57.default.Fragment, {});
+  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime354.jsx)(import_react58.default.Fragment, {});
   return /* @__PURE__ */ (0, import_jsx_runtime354.jsxs)(Container21, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime354.jsx)(Header10, { children: /* @__PURE__ */ (0, import_jsx_runtime354.jsx)(
       CustomLine4,
@@ -16475,7 +16561,7 @@ var Template7 = (props) => {
 var Template7_default = Template7;
 
 // src/components/Placeholder/components/Template8/index.tsx
-var import_react58 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 
 // src/components/Placeholder/components/Template8/styles.ts
 var import_styled_components68 = __toESM(require("styled-components"));
@@ -16536,7 +16622,7 @@ var Main4 = import_styled_components68.default.div`
 // src/components/Placeholder/components/Template8/index.tsx
 var import_jsx_runtime355 = require("react/jsx-runtime");
 var Template8 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime355.jsx)(import_react58.default.Fragment, {});
+  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime355.jsx)(import_react59.default.Fragment, {});
   return /* @__PURE__ */ (0, import_jsx_runtime355.jsxs)(Container22, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime355.jsx)(Header11, { children: /* @__PURE__ */ (0, import_jsx_runtime355.jsx)(
       CustomLine5,
@@ -16572,7 +16658,7 @@ var Template8 = (props) => {
 var Template8_default = Template8;
 
 // src/components/Placeholder/components/Template9/index.tsx
-var import_react59 = __toESM(require("react"));
+var import_react60 = __toESM(require("react"));
 
 // src/components/Placeholder/components/Template9/styles.ts
 var import_styled_components69 = __toESM(require("styled-components"));
@@ -16640,7 +16726,7 @@ var Circle3 = import_styled_components69.default.div`
 // src/components/Placeholder/components/Template9/index.tsx
 var import_jsx_runtime356 = require("react/jsx-runtime");
 var Template82 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime356.jsx)(import_react59.default.Fragment, {});
+  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime356.jsx)(import_react60.default.Fragment, {});
   return /* @__PURE__ */ (0, import_jsx_runtime356.jsxs)(Container23, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime356.jsxs)(Header12, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime356.jsx)(
@@ -16668,7 +16754,7 @@ var Template82 = (props) => {
 var Template9_default = Template82;
 
 // src/components/Placeholder/components/Template10/index.tsx
-var import_react60 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 
 // src/components/Placeholder/components/Template10/styles.ts
 var import_styled_components70 = __toESM(require("styled-components"));
@@ -16740,7 +16826,7 @@ var Circle4 = import_styled_components70.default.div`
 // src/components/Placeholder/components/Template10/index.tsx
 var import_jsx_runtime357 = require("react/jsx-runtime");
 var Template10 = (props) => {
-  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime357.jsx)(import_react60.default.Fragment, {});
+  if (!props.loading) return /* @__PURE__ */ (0, import_jsx_runtime357.jsx)(import_react61.default.Fragment, {});
   return /* @__PURE__ */ (0, import_jsx_runtime357.jsxs)(Container24, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime357.jsxs)(Header13, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime357.jsx)(
@@ -16954,13 +17040,13 @@ var ProgressBar = ({ type, value, ...props }) => {
 var ProgressBar_default = ProgressBar;
 
 // src/components/Tabs/index.tsx
-var import_react66 = __toESM(require("react"));
+var import_react67 = __toESM(require("react"));
 
 // src/components/Tabs/components/ScrollButtons/index.tsx
-var import_react62 = __toESM(require("react"));
+var import_react63 = __toESM(require("react"));
 
 // src/components/Tabs/components/ScrollButton/index.tsx
-var import_react61 = require("react");
+var import_react62 = require("react");
 
 // src/components/Tabs/components/ScrollButton/styled.ts
 var import_styled_components72 = __toESM(require("styled-components"));
@@ -16991,7 +17077,7 @@ var import_jsx_runtime360 = require("react/jsx-runtime");
 var ScrollButton = (props) => {
   const { mode, visible, scrollRef } = props;
   const icon = `chevron_${mode}`;
-  const onClick = (0, import_react61.useCallback)(() => {
+  const onClick = (0, import_react62.useCallback)(() => {
     if (!scrollRef) return;
     scrollRef.scrollBy({
       left: mode === "left" ? -(scrollRef.scrollWidth + 1) : scrollRef.scrollWidth,
@@ -17035,10 +17121,10 @@ var Container27 = import_styled_components73.default.div`
 var import_jsx_runtime361 = require("react/jsx-runtime");
 var ScrollButtons = (props) => {
   const { activeTabIndex, tabsLength } = props;
-  const [ref, setRef] = (0, import_react62.useState)(null);
-  const [showLeftArrow, setShowLeftArrow] = (0, import_react62.useState)(false);
-  const [showRightArrow, setShowRightArrow] = (0, import_react62.useState)(false);
-  const checkScrollPosition = (0, import_react62.useCallback)(() => {
+  const [ref, setRef] = (0, import_react63.useState)(null);
+  const [showLeftArrow, setShowLeftArrow] = (0, import_react63.useState)(false);
+  const [showRightArrow, setShowRightArrow] = (0, import_react63.useState)(false);
+  const checkScrollPosition = (0, import_react63.useCallback)(() => {
     if (!ref) return;
     if (ref.scrollWidth > ref.offsetWidth) {
       const { scrollLeft, scrollWidth, clientWidth } = ref;
@@ -17049,12 +17135,12 @@ var ScrollButtons = (props) => {
       setShowRightArrow(false);
     }
   }, [ref]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     checkScrollPosition();
     window.addEventListener("resize", checkScrollPosition);
     return () => window.removeEventListener("resize", checkScrollPosition);
   }, [checkScrollPosition, tabsLength]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     if (!ref) return;
     if (ref.scrollWidth <= ref.offsetWidth) return;
     const element = ref.children[activeTabIndex];
@@ -17064,7 +17150,7 @@ var ScrollButtons = (props) => {
       inline: "nearest"
     });
   }, [activeTabIndex, ref]);
-  return /* @__PURE__ */ (0, import_jsx_runtime361.jsxs)(import_react62.default.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime361.jsxs)(import_react63.default.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime361.jsx)(ScrollButton_default, { scrollRef: ref, mode: "left", visible: showLeftArrow }),
     /* @__PURE__ */ (0, import_jsx_runtime361.jsx)(
       Container27,
@@ -17087,7 +17173,7 @@ var ScrollButtons = (props) => {
 var ScrollButtons_default = ScrollButtons;
 
 // src/components/Tabs/components/TabItem/index.tsx
-var import_react65 = __toESM(require("react"));
+var import_react66 = __toESM(require("react"));
 
 // src/components/Tabs/functions.ts
 var sortTabs = (tabs, sorted = []) => {
@@ -17135,7 +17221,7 @@ var buildComponent = (component, provider) => {
 };
 
 // src/components/Tabs/components/TabItem/components/Close/index.tsx
-var import_react63 = require("react");
+var import_react64 = require("react");
 
 // src/components/Tabs/components/TabItem/components/Close/styles.ts
 var import_styled_components74 = __toESM(require("styled-components"));
@@ -17173,7 +17259,7 @@ var Close2 = (props) => {
     options: [options, setOptions]
   } = props;
   const onClose = props.onClose || (() => true);
-  const onClickClose = (0, import_react63.useCallback)(
+  const onClickClose = (0, import_react64.useCallback)(
     async (event) => {
       if (options.length === 1) return;
       const newOptions = [...options];
@@ -17202,7 +17288,7 @@ var Close2 = (props) => {
 var Close_default = Close2;
 
 // src/components/Tabs/components/TabItem/components/LabelItem/index.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 
 // src/components/Tabs/components/TabItem/components/LabelItem/styled.ts
 var import_styled_components75 = __toESM(require("styled-components"));
@@ -17258,7 +17344,7 @@ var StyledTab = import_styled_components75.default.div`
 var import_jsx_runtime363 = require("react/jsx-runtime");
 var LabelItem = (props) => {
   const { children, onClick, primary, hasSiblings, internal } = props;
-  const [ref, setRef] = (0, import_react64.useState)(null);
+  const [ref, setRef] = (0, import_react65.useState)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime363.jsx)(
     StyledTab,
     {
@@ -17314,7 +17400,7 @@ var Container28 = import_styled_components76.default.div`
 
 // src/components/Tabs/components/TabItem/index.tsx
 var import_jsx_runtime364 = require("react/jsx-runtime");
-var VoidClose = () => /* @__PURE__ */ (0, import_jsx_runtime364.jsx)(import_react65.default.Fragment, {});
+var VoidClose = () => /* @__PURE__ */ (0, import_jsx_runtime364.jsx)(import_react66.default.Fragment, {});
 var TabItem = (props) => {
   const {
     active: [active, setActive],
@@ -17324,7 +17410,7 @@ var TabItem = (props) => {
     alwaysOpen
   } = props;
   const CloseComponent = alwaysOpen || tabs.length < 2 ? VoidClose : Close_default;
-  return /* @__PURE__ */ (0, import_jsx_runtime364.jsx)(import_react65.default.Fragment, { children: sortedTabs.map(({ index, ...tab }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime364.jsx)(import_react66.default.Fragment, { children: sortedTabs.map(({ index, ...tab }) => {
     const isActive = index === active;
     const hasSiblings = hasChildren(tabs, tab.group);
     const canClose = !props.internal && (!tab.primary || !hasSiblings);
@@ -17420,11 +17506,11 @@ var Tabs = import_styled_components77.default.div`
 
 // src/components/Tabs/index.tsx
 var import_jsx_runtime365 = require("react/jsx-runtime");
-var VoidProvider = (props) => /* @__PURE__ */ (0, import_jsx_runtime365.jsx)(import_react66.default.Fragment, { children: props.children });
+var VoidProvider = (props) => /* @__PURE__ */ (0, import_jsx_runtime365.jsx)(import_react67.default.Fragment, { children: props.children });
 var Component4 = (props) => {
   const components = props.components || {};
-  const [options, setOptions] = typeof props.options[1] === "function" ? props.options : (0, import_react66.useState)(props.options);
-  const [active, setActive] = Array.isArray(props.active) ? props.active : (0, import_react66.useState)(props.active);
+  const [options, setOptions] = typeof props.options[1] === "function" ? props.options : (0, import_react67.useState)(props.options);
+  const [active, setActive] = Array.isArray(props.active) ? props.active : (0, import_react67.useState)(props.active);
   const sortedTabs = sortTabs(options.map((tab, index) => ({ ...tab, index })));
   const activeTabIndex = sortedTabs.findIndex((tab) => tab.index === active);
   const divProps = filterObject(props, [
@@ -17438,7 +17524,7 @@ var Component4 = (props) => {
     "delimiter",
     "spacing"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime365.jsxs)(import_react66.default.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime365.jsxs)(import_react67.default.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime365.jsx)(
       Tabs,
       {
@@ -17471,7 +17557,7 @@ var Component4 = (props) => {
     ),
     options.map((tab, index) => {
       if (tab.component === void 0) {
-        return /* @__PURE__ */ (0, import_jsx_runtime365.jsx)(import_react66.default.Fragment, {}, index);
+        return /* @__PURE__ */ (0, import_jsx_runtime365.jsx)(import_react67.default.Fragment, {}, index);
       }
       const Component5 = components[tab.component];
       const Provider7 = Component5.provider || VoidProvider;
@@ -17649,7 +17735,7 @@ var Toast = ({
 var Toast_default = Toast;
 
 // src/components/Zoom/index.tsx
-var import_react67 = __toESM(require("react"));
+var import_react68 = __toESM(require("react"));
 
 // src/components/Zoom/styles.ts
 var import_styled_components80 = __toESM(require("styled-components"));
@@ -17724,8 +17810,8 @@ var ModalContent = import_styled_components80.default.div`
 var import_jsx_runtime368 = require("react/jsx-runtime");
 var Zoom = (props) => {
   const { src, width, height, ...imgProps } = props;
-  const [modalOpened, setModalOpened] = (0, import_react67.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime368.jsxs)(import_react67.default.Fragment, { children: [
+  const [modalOpened, setModalOpened] = (0, import_react68.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime368.jsxs)(import_react68.default.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime368.jsxs)(
       Container31,
       {