@julseb-lib/react 1.0.24 → 1.0.26

package/dist/index.cjs

@@ -128,28 +128,28 @@ __export(index_exports, {
   Tooltip: () => Tooltip,
   URL_REGEX: () => URL_REGEX,
   Wrapper: () => Wrapper,
-  addDay: () => import_utils149.addDay,
-  addMonth: () => import_utils149.addMonth,
-  addYear: () => import_utils149.addYear,
-  calculateAverage: () => import_utils149.calculateAverage,
-  calculateTotalSum: () => import_utils149.calculateTotalSum,
-  capitalize: () => import_utils149.capitalize,
+  addDay: () => import_utils144.addDay,
+  addMonth: () => import_utils144.addMonth,
+  addYear: () => import_utils144.addYear,
+  calculateAverage: () => import_utils144.calculateAverage,
+  calculateTotalSum: () => import_utils144.calculateTotalSum,
+  capitalize: () => import_utils144.capitalize,
   clsx: () => clsx,
-  convertDate: () => import_utils149.convertDate,
-  convertDateShort: () => import_utils149.convertDateShort,
-  convertPrice: () => import_utils149.convertPrice,
-  convertToEmail: () => import_utils149.convertToEmail,
-  convertYoutube: () => import_utils149.convertYoutube,
+  convertDate: () => import_utils144.convertDate,
+  convertDateShort: () => import_utils144.convertDateShort,
+  convertPrice: () => import_utils144.convertPrice,
+  convertToEmail: () => import_utils144.convertToEmail,
+  convertYoutube: () => import_utils144.convertYoutube,
   countries: () => countries,
-  deleteDuplicates: () => import_utils149.deleteDuplicates,
+  deleteDuplicates: () => import_utils144.deleteDuplicates,
   designTokens: () => designTokens,
-  detectLanguage: () => import_utils149.detectLanguage,
-  disableScroll: () => import_utils149.disableScroll,
-  emailRegex: () => import_utils149.emailRegex,
-  enableScroll: () => import_utils149.enableScroll,
-  filterObject: () => import_utils149.filterObject,
-  formatDate: () => import_utils149.formatDate,
-  formatHour: () => import_utils149.formatHour,
+  detectLanguage: () => detectLanguage,
+  disableScroll: () => disableScroll,
+  emailRegex: () => import_utils144.emailRegex,
+  enableScroll: () => enableScroll,
+  filterObject: () => import_utils144.filterObject,
+  formatDate: () => import_utils144.formatDate,
+  formatHour: () => import_utils144.formatHour,
   genAlignContent: () => genAlignContent,
   genAlignItems: () => genAlignItems,
   genBgAllColors: () => genBgAllColors,
@@ -184,43 +184,43 @@ __export(index_exports, {
   genTextColorHover: () => genTextColorHover,
   genTextColorShort: () => genTextColorShort,
   genVAlign: () => genVAlign,
-  generateNumbers: () => import_utils149.generateNumbers,
-  getFirstName: () => import_utils149.getFirstName,
-  getInitials: () => import_utils149.getInitials,
-  getLastName: () => import_utils149.getLastName,
-  getNextDay: () => import_utils149.getNextDay,
-  getPercentage: () => import_utils149.getPercentage,
-  getRandom: () => import_utils149.getRandom,
-  getRandomAvatar: () => import_utils149.getRandomAvatar,
-  getRandomDate: () => import_utils149.getRandomDate,
-  getRandomNumber: () => import_utils149.getRandomNumber,
-  getRandomString: () => import_utils149.getRandomString,
-  getRandomTime: () => import_utils149.getRandomTime,
-  getTimeNow: () => import_utils149.getTimeNow,
-  getToday: () => import_utils149.getToday,
-  getTomorrow: () => import_utils149.getTomorrow,
-  getYesterday: () => import_utils149.getYesterday,
-  hexToRgb: () => import_utils149.hexToRgb,
+  generateNumbers: () => import_utils144.generateNumbers,
+  getFirstName: () => import_utils144.getFirstName,
+  getInitials: () => import_utils144.getInitials,
+  getLastName: () => import_utils144.getLastName,
+  getNextDay: () => import_utils144.getNextDay,
+  getPercentage: () => import_utils144.getPercentage,
+  getRandom: () => import_utils144.getRandom,
+  getRandomAvatar: () => import_utils144.getRandomAvatar,
+  getRandomDate: () => import_utils144.getRandomDate,
+  getRandomNumber: () => import_utils144.getRandomNumber,
+  getRandomString: () => import_utils144.getRandomString,
+  getRandomTime: () => import_utils144.getRandomTime,
+  getTimeNow: () => import_utils144.getTimeNow,
+  getToday: () => import_utils144.getToday,
+  getTomorrow: () => import_utils144.getTomorrow,
+  getYesterday: () => import_utils144.getYesterday,
+  hexToRgb: () => import_utils144.hexToRgb,
   libMarkdownEditorOptions: () => libMarkdownEditorOptions,
   libOptionsMarkdown: () => libOptionsMarkdown,
   linkifyText: () => linkifyText,
-  passwordRegex: () => import_utils149.passwordRegex,
-  rgbToHex: () => import_utils149.rgbToHex,
-  scrollToTop: () => import_utils149.scrollToTop,
-  slugify: () => import_utils149.slugify,
-  sortByFrequency: () => import_utils149.sortByFrequency,
-  stringifyPx: () => import_utils149.stringifyPx,
-  toCamelCase: () => import_utils149.toCamelCase,
-  toConstantCase: () => import_utils149.toConstantCase,
-  toDotCase: () => import_utils149.toDotCase,
-  toKebabCase: () => import_utils149.toKebabCase,
-  toPascalCase: () => import_utils149.toPascalCase,
-  toPathCase: () => import_utils149.toPathCase,
-  toSentenceCase: () => import_utils149.toSentenceCase,
-  toSnakeCase: () => import_utils149.toSnakeCase,
-  toTitleCase: () => import_utils149.toTitleCase,
+  passwordRegex: () => import_utils144.passwordRegex,
+  rgbToHex: () => import_utils144.rgbToHex,
+  scrollToTop: () => scrollToTop,
+  slugify: () => import_utils144.slugify,
+  sortByFrequency: () => import_utils144.sortByFrequency,
+  stringifyPx: () => import_utils144.stringifyPx,
+  toCamelCase: () => import_utils144.toCamelCase,
+  toConstantCase: () => import_utils144.toConstantCase,
+  toDotCase: () => import_utils144.toDotCase,
+  toKebabCase: () => import_utils144.toKebabCase,
+  toPascalCase: () => import_utils144.toPascalCase,
+  toPathCase: () => import_utils144.toPathCase,
+  toSentenceCase: () => import_utils144.toSentenceCase,
+  toSnakeCase: () => import_utils144.toSnakeCase,
+  toTitleCase: () => import_utils144.toTitleCase,
   toast: () => toast,
-  unslugify: () => import_utils149.unslugify,
+  unslugify: () => import_utils144.unslugify,
   useClickOutside: () => useClickOutside,
   useCopyToClipboard: () => useCopyToClipboard,
   useDebounce: () => useDebounce,
@@ -237,7 +237,7 @@ __export(index_exports, {
   usePagination: () => usePagination,
   useTouchScreen: () => useTouchScreen,
   useTranslation: () => useTranslation,
-  uuid: () => import_utils149.uuid
+  uuid: () => import_utils144.uuid
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -2181,8 +2181,46 @@ var genRingColorChildren = {
   white: "[&>*]:focus:ring-1 [&>*]:focus:ring-gray-500"
 };
 
+// src/lib/utils/detect-language.ts
+function detectLanguage() {
+  if (window && typeof window !== "undefined") {
+    if (localStorage.getItem("language") !== null) {
+      return localStorage.getItem("language");
+    } else if (localStorage.getItem("lang") !== null) {
+      return localStorage.getItem("lang");
+    } else {
+      if (navigator && typeof navigator !== "undefined") {
+        return navigator.language;
+      }
+    }
+  }
+}
+
+// src/lib/utils/disable-scroll.ts
+function disableScroll() {
+  const body = document.body;
+  body.style.height = "100vh";
+  body.style.overflow = "hidden";
+  return;
+}
+
+// src/lib/utils/enable-scroll.ts
+function enableScroll() {
+  const body = document.body;
+  body.style.height = "";
+  body.style.overflow = "";
+  return;
+}
+
+// src/lib/utils/scroll-to-top.ts
+function scrollToTop() {
+  if (typeof window !== "undefined") {
+    return window.scrollTo(0, 0);
+  }
+}
+
 // src/lib/index.ts
-var import_utils149 = require("@julseb-lib/utils");
+var import_utils144 = require("@julseb-lib/utils");
 
 // src/lib/hooks/useClickOutside.tsx
 var import_react4 = require("react");
@@ -2429,7 +2467,6 @@ var usePaginatedData = (data, page, defaultLimit = 20) => {
 };
 
 // src/lib/hooks/usePagination.tsx
-var import_utils19 = require("@julseb-lib/utils");
 var usePagination = ({
   currentPage,
   setCurrentPage,
@@ -2437,11 +2474,11 @@ var usePagination = ({
 }) => {
   const handlePrev = () => {
     setCurrentPage(currentPage - 1);
-    (0, import_utils19.scrollToTop)();
+    scrollToTop();
   };
   const handleNext = () => {
     setCurrentPage(currentPage + 1);
-    (0, import_utils19.scrollToTop)();
+    scrollToTop();
   };
   const handlePage = (n) => {
     if (n < 1) {
@@ -2453,7 +2490,7 @@ var usePagination = ({
       return;
     }
     setCurrentPage(n);
-    (0, import_utils19.scrollToTop)();
+    scrollToTop();
   };
   return { handlePrev, handleNext, handlePage };
 };
@@ -2473,7 +2510,6 @@ var useTouchScreen = () => {
 
 // src/lib/hooks/useTranslation.tsx
 var import_react15 = require("react");
-var import_utils20 = require("@julseb-lib/utils");
 var useTranslation = (translations) => {
   const [language, setLanguage] = (0, import_react15.useState)("en");
   const languages = Object.keys(translations);
@@ -3011,7 +3047,7 @@ var genFlexWrap = {
 
 // src/lib/components/Key/Key.tsx
 var import_react23 = require("react");
-var import_utils27 = require("@julseb-lib/utils");
+var import_utils26 = require("@julseb-lib/utils");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var Key = ({
   className,
@@ -3047,7 +3083,7 @@ var Key = ({
       children: childrenArray.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react23.Fragment, { children: [
         child,
         withSeparator && i !== childrenArray.length - 1 && " + "
-      ] }, (0, import_utils27.uuid)()))
+      ] }, (0, import_utils26.uuid)()))
     }
   );
 };
@@ -3073,11 +3109,11 @@ var import_react26 = require("react");
 
 // src/lib/lib-utils/get-highlighted-text.tsx
 var import_react24 = require("react");
-var import_utils29 = require("@julseb-lib/utils");
+var import_utils28 = require("@julseb-lib/utils");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var getHighlightedText = (text, value, highlightStyle, className) => {
   const parts = text?.toString().split(new RegExp(`(${value})`, "gi"));
-  return parts.map((part) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react24.Fragment, { children: (0, import_utils29.slugify)(part) === (0, import_utils29.slugify)(value) ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return parts.map((part) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react24.Fragment, { children: (0, import_utils28.slugify)(part) === (0, import_utils28.slugify)(value) ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     Text,
     {
       tag: "strong",
@@ -3085,7 +3121,7 @@ var getHighlightedText = (text, value, highlightStyle, className) => {
       style: highlightStyle,
       children: part
     }
-  ) : part }, (0, import_utils29.uuid)()));
+  ) : part }, (0, import_utils28.uuid)()));
 };
 
 // src/lib/lib-utils/transfom-search-keys.ts
@@ -3178,7 +3214,7 @@ var Highlight = ({
 
 // src/lib/components/Linkify/Linkify.tsx
 var import_react27 = require("react");
-var import_utils32 = require("@julseb-lib/utils");
+var import_utils31 = require("@julseb-lib/utils");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var URL_REGEX2 = /^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/gm;
 var Linkify = ({
@@ -3205,7 +3241,7 @@ var Linkify = ({
         }
       ),
       " "
-    ] }, (0, import_utils32.uuid)()) : word + " "
+    ] }, (0, import_utils31.uuid)()) : word + " "
   ) });
 };
 
@@ -3636,6 +3672,7 @@ var Avatar = ({
 }) => {
   const Element = element;
   const avatarProps = {
+    element,
     className,
     ref,
     children,
@@ -66359,7 +66396,7 @@ var Select = ({
 var import_react64 = require("react");
 var import_fuse = __toESM(require("fuse.js"), 1);
 var import_bi14 = require("react-icons/bi");
-var import_utils80 = require("@julseb-lib/utils");
+var import_utils79 = require("@julseb-lib/utils");
 var import_jsx_runtime318 = require("react/jsx-runtime");
 var Autocomplete = ({
   className,
@@ -66490,7 +66527,7 @@ var Autocomplete = ({
                   }
                 )
               },
-              (0, import_utils80.uuid)()
+              (0, import_utils79.uuid)()
             )) }) : /* @__PURE__ */ (0, import_jsx_runtime318.jsx)(
               Text,
               {
@@ -66510,7 +66547,7 @@ var Autocomplete = ({
 // src/lib/components/Rating/Rating.tsx
 var import_react65 = require("react");
 var import_bi15 = require("react-icons/bi");
-var import_utils82 = require("@julseb-lib/utils");
+var import_utils81 = require("@julseb-lib/utils");
 var import_jsx_runtime319 = require("react/jsx-runtime");
 var Rating = ({
   className,
@@ -66547,7 +66584,7 @@ var Rating = ({
           id,
           className: clsx("flex", genGap[gap], "rating", className),
           ...rest,
-          children: (0, import_utils82.generateNumbers)(0, 4).map((n) => {
+          children: (0, import_utils81.generateNumbers)(0, 4).map((n) => {
             const Element = readOnly ? "span" : "button";
             return /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(
               Element,
@@ -66762,7 +66799,7 @@ var Form = ({
 
 // src/lib/components/ListGroup/ListGroup.tsx
 var import_react71 = require("react");
-var import_utils89 = require("@julseb-lib/utils");
+var import_utils88 = require("@julseb-lib/utils");
 
 // src/lib/components/ListGroup/ListGroupTitle.tsx
 var import_react69 = require("react");
@@ -66901,7 +66938,7 @@ var ListGroup = ({
           ListGroupItem,
           {
             ...item,
-            key: (0, import_utils89.uuid)(),
+            key: (0, import_utils88.uuid)(),
             title: item.title,
             number: showNumbers ? i + 1 : void 0,
             body: item.body,
@@ -66916,7 +66953,7 @@ var ListGroup = ({
 
 // src/lib/components/Breadcrumbs/Breadcrumbs.tsx
 var import_react73 = require("react");
-var import_utils91 = require("@julseb-lib/utils");
+var import_utils90 = require("@julseb-lib/utils");
 var import_jsx_runtime326 = require("react/jsx-runtime");
 var Breadcrumbs = ({
   className,
@@ -66952,14 +66989,14 @@ var Breadcrumbs = ({
             children: separator
           }
         ) : separator)
-      ] }, (0, import_utils91.uuid)()))
+      ] }, (0, import_utils90.uuid)()))
     }
   );
 };
 
 // src/lib/components/Accordion/Accordion.tsx
 var import_react77 = require("react");
-var import_utils96 = require("@julseb-lib/utils");
+var import_utils95 = require("@julseb-lib/utils");
 
 // src/lib/components/Accordion/AccordionItem.tsx
 var import_react76 = require("react");
@@ -67119,7 +67156,7 @@ var Accordion = ({
           defaultOpen: item.defaultOpen,
           children: item.content
         },
-        (0, import_utils96.uuid)()
+        (0, import_utils95.uuid)()
       )) ?? children
     }
   );
@@ -67127,7 +67164,7 @@ var Accordion = ({
 
 // src/lib/components/Dropdown/Dropdown.tsx
 var import_react79 = require("react");
-var import_utils99 = require("@julseb-lib/utils");
+var import_utils98 = require("@julseb-lib/utils");
 
 // src/lib/components/Dropdown/DropdownItem.tsx
 var import_react78 = require("react");
@@ -67194,7 +67231,7 @@ var Dropdown = ({
         DropdownItem,
         {
           ...item,
-          key: (0, import_utils99.uuid)(),
+          key: (0, import_utils98.uuid)(),
           element: item.element ?? "button",
           content: void 0
         },
@@ -67448,7 +67485,6 @@ var Alert = ({
 // src/lib/components/Modal/Modal.tsx
 var import_react83 = require("react");
 var import_bi18 = require("react-icons/bi");
-var import_utils104 = require("@julseb-lib/utils");
 var import_jsx_runtime337 = require("react/jsx-runtime");
 var Modal = ({
   className,
@@ -67468,7 +67504,7 @@ var Modal = ({
   const handleClose = () => {
     if (isOpen) {
       setIsOpen(false);
-      (0, import_utils104.enableScroll)();
+      enableScroll();
     }
   };
   useClickOutside(el, handleClose);
@@ -67906,7 +67942,7 @@ var Paginator = ({
 
 // src/lib/components/ProgressBar/ProgressBar.tsx
 var import_react90 = require("react");
-var import_utils111 = require("@julseb-lib/utils");
+var import_utils109 = require("@julseb-lib/utils");
 var import_jsx_runtime343 = require("react/jsx-runtime");
 var ProgressBar = ({
   className,
@@ -67919,7 +67955,7 @@ var ProgressBar = ({
   id,
   ...rest
 }) => {
-  const percent = (0, import_utils111.getPercentage)(value, Number(max));
+  const percent = (0, import_utils109.getPercentage)(value, Number(max));
   return /* @__PURE__ */ (0, import_jsx_runtime343.jsx)(
     "meter",
     {
@@ -68073,7 +68109,7 @@ var genStrokeColor = {
 
 // src/lib/components/Tabs/Tabs.tsx
 var import_react96 = require("react");
-var import_utils118 = require("@julseb-lib/utils");
+var import_utils116 = require("@julseb-lib/utils");
 
 // src/lib/components/Tabs/TabsContainer.tsx
 var import_react92 = require("react");
@@ -68225,7 +68261,7 @@ var Tabs = ({
           TabsButton,
           {
             ...item,
-            key: item.id ?? (0, import_utils118.uuid)(),
+            key: item.id ?? (0, import_utils116.uuid)(),
             isActive: tab === i,
             onClick: () => setTab(i),
             variant,
@@ -68237,7 +68273,7 @@ var Tabs = ({
           TabsContent,
           {
             ...item,
-            key: (0, import_utils118.uuid)(),
+            key: (0, import_utils116.uuid)(),
             isActive: tab === i
           },
           item.content
@@ -68249,7 +68285,7 @@ var Tabs = ({
 
 // src/lib/components/Slideshow/Slideshow.tsx
 var import_react100 = require("react");
-var import_utils123 = require("@julseb-lib/utils");
+var import_utils121 = require("@julseb-lib/utils");
 
 // src/lib/components/Slideshow/SlideshowButton.tsx
 var import_react98 = require("react");
@@ -68299,7 +68335,7 @@ var SlideshowButton = ({
 
 // src/lib/components/Slideshow/SlideshowPagination.tsx
 var import_react99 = require("react");
-var import_utils121 = require("@julseb-lib/utils");
+var import_utils119 = require("@julseb-lib/utils");
 var import_jsx_runtime351 = require("react/jsx-runtime");
 var SlideshowPagination = ({
   className,
@@ -68350,7 +68386,7 @@ var SlideshowPagination = ({
           )
         },
         i
-      )) : (0, import_utils121.generateNumbers)(0, contentLength - 1).map((n) => /* @__PURE__ */ (0, import_jsx_runtime351.jsx)(
+      )) : (0, import_utils119.generateNumbers)(0, contentLength - 1).map((n) => /* @__PURE__ */ (0, import_jsx_runtime351.jsx)(
         "button",
         {
           className: clsx(
@@ -68580,7 +68616,7 @@ var Slideshow = ({
                     borderRadius,
                     draggable: false
                   },
-                  (0, import_utils123.uuid)()
+                  (0, import_utils121.uuid)()
                 )) : childrenArray.map((child) => /* @__PURE__ */ (0, import_jsx_runtime352.jsx)(
                   "div",
                   {
@@ -68591,7 +68627,7 @@ var Slideshow = ({
                     ),
                     children: child
                   },
-                  (0, import_utils123.uuid)()
+                  (0, import_utils121.uuid)()
                 ))
               }
             )
@@ -68701,7 +68737,6 @@ var Cover = ({
 
 // src/lib/components/PageLoading/PageLoading.tsx
 var import_react102 = require("react");
-var import_utils126 = require("@julseb-lib/utils");
 var import_jsx_runtime354 = require("react/jsx-runtime");
 var PageLoading = ({
   className,
@@ -68715,7 +68750,7 @@ var PageLoading = ({
 }) => {
   const Element = element;
   (0, import_react102.useEffect)(() => {
-    if (stopScrolling) (0, import_utils126.disableScroll)();
+    if (stopScrolling) disableScroll();
   }, [stopScrolling]);
   return /* @__PURE__ */ (0, import_jsx_runtime354.jsx)(
     Element,
@@ -69088,7 +69123,7 @@ var MarkdownEditorTitles = ({
 
 // src/lib/components/MarkdownEditor/MarkdownButtons.tsx
 var import_react106 = require("react");
-var import_utils130 = require("@julseb-lib/utils");
+var import_utils127 = require("@julseb-lib/utils");
 var import_jsx_runtime359 = require("react/jsx-runtime");
 var MarkdownButtons = ({
   options,
@@ -69106,8 +69141,8 @@ var MarkdownButtons = ({
         className: clsx("size-6", "md-button"),
         icon,
         onClick: () => addCode(button.code),
-        tooltip: button.displayName ?? (0, import_utils130.toSentenceCase)(button.name),
-        "aria-label": button.displayName ?? (0, import_utils130.toSentenceCase)(button.name),
+        tooltip: button.displayName ?? (0, import_utils127.toSentenceCase)(button.name),
+        "aria-label": button.displayName ?? (0, import_utils127.toSentenceCase)(button.name),
         variant: "transparent",
         showTooltip: { offset: "2xs" }
       },
@@ -69118,7 +69153,7 @@ var MarkdownButtons = ({
 
 // src/lib/components/MarkdownEditor/MarkdownViewButtons.tsx
 var import_react107 = require("react");
-var import_utils132 = require("@julseb-lib/utils");
+var import_utils129 = require("@julseb-lib/utils");
 var import_jsx_runtime360 = require("react/jsx-runtime");
 var MarkdownViewButtons = ({
   options,
@@ -69142,8 +69177,8 @@ var MarkdownViewButtons = ({
         variant: view === button.name ? "plain" : "transparent",
         icon,
         onClick: () => setView(button.name),
-        "aria-label": button.displayName ?? (0, import_utils132.toSentenceCase)(button.name),
-        tooltip: button.displayName ?? (0, import_utils132.toSentenceCase)(button.name),
+        "aria-label": button.displayName ?? (0, import_utils129.toSentenceCase)(button.name),
+        tooltip: button.displayName ?? (0, import_utils129.toSentenceCase)(button.name),
         showTooltip: { offset: "2xs" }
       },
       button.name
@@ -69369,7 +69404,6 @@ var Fade = ({
 // src/lib/components/BackToTop/BackToTop.tsx
 var import_react111 = require("react");
 var import_bi24 = require("react-icons/bi");
-var import_utils137 = require("@julseb-lib/utils");
 var import_jsx_runtime364 = require("react/jsx-runtime");
 var BackToTop = ({
   className,
@@ -69395,7 +69429,7 @@ var BackToTop = ({
   const smoothScroll = () => {
     document.body.classList.add("smooth");
     document.documentElement.classList.add("smooth");
-    setTimeout(() => (0, import_utils137.scrollToTop)(), 100);
+    setTimeout(() => scrollToTop(), 100);
     setTimeout(() => {
       document.body.classList.remove("smooth");
       document.documentElement.classList.remove("smooth");
@@ -69432,7 +69466,7 @@ var BackToTop = ({
 // src/lib/components/Drawer/Drawer.tsx
 var import_react112 = require("react");
 var import_bi25 = require("react-icons/bi");
-var import_utils139 = require("@julseb-lib/utils");
+var import_utils135 = require("@julseb-lib/utils");
 var import_jsx_runtime365 = require("react/jsx-runtime");
 var Drawer = ({
   className,
@@ -69460,8 +69494,8 @@ var Drawer = ({
     if (!disableEsc && isOpen) setIsOpen(false);
   });
   (0, import_react112.useEffect)(() => {
-    if (!enableScrollingOpen && isOpen) (0, import_utils139.disableScroll)();
-    else (0, import_utils139.enableScroll)();
+    if (!enableScrollingOpen && isOpen) disableScroll();
+    else enableScroll();
   }, [enableScrollingOpen, isOpen]);
   return /* @__PURE__ */ (0, import_jsx_runtime365.jsxs)(
     Element,
@@ -69503,7 +69537,7 @@ var Drawer = ({
               position === "left" ? "left-[calc(var(--drawer-max-width)*-1)] [&.open]:left-0" : "right-[calc(var(--drawer-max-width)*-1)] [&.open]:right-0",
               "drawer-content"
             ),
-            style: { ["--drawer-max-width"]: (0, import_utils139.stringifyPx)(maxWidth2) },
+            style: { ["--drawer-max-width"]: (0, import_utils135.stringifyPx)(maxWidth2) },
             ref: el,
             children: [
               children,
@@ -69527,11 +69561,10 @@ var Drawer = ({
 
 // src/lib/components/Header/Header.tsx
 var import_react114 = require("react");
-var import_utils143 = require("@julseb-lib/utils");
 
 // src/lib/components/Header/HeaderSearch.tsx
 var import_react113 = require("react");
-var import_utils141 = require("@julseb-lib/utils");
+var import_utils137 = require("@julseb-lib/utils");
 var import_jsx_runtime366 = require("react/jsx-runtime");
 var HeaderSearch = ({ search, handleClose }) => {
   if (!search) return null;
@@ -69557,7 +69590,7 @@ var HeaderSearch = ({ search, handleClose }) => {
         handleClose();
       },
       className: clsx("w-full max-w-(--form-max-width)", "search-form"),
-      style: { ["--form-max-width"]: (0, import_utils141.stringifyPx)(maxWidth2) },
+      style: { ["--form-max-width"]: (0, import_utils137.stringifyPx)(maxWidth2) },
       children: /* @__PURE__ */ (0, import_jsx_runtime366.jsx)("search", { children: /* @__PURE__ */ (0, import_jsx_runtime366.jsx)(
         Input,
         {
@@ -69610,11 +69643,11 @@ var Header = ({
   const [isOpen, setIsOpen] = (0, import_react114.useState)(false);
   const [isHidden, setIsHidden] = (0, import_react114.useState)(false);
   const handleOpen = () => {
-    if (!enableScrollingOpen) (0, import_utils143.disableScroll)();
+    if (!enableScrollingOpen) disableScroll();
     setIsOpen(true);
   };
   const handleClose = () => {
-    if (!enableScrollingOpen) (0, import_utils143.enableScroll)();
+    if (!enableScrollingOpen) enableScroll();
     setTimeout(() => setIsOpen(false), 10);
   };
   (0, import_react114.useEffect)(() => {
@@ -69729,7 +69762,7 @@ var Header = ({
 
 // src/lib/components/Footer/Footer.tsx
 var import_react115 = require("react");
-var import_utils145 = require("@julseb-lib/utils");
+var import_utils140 = require("@julseb-lib/utils");
 var import_jsx_runtime368 = require("react/jsx-runtime");
 var Footer = ({
   className,
@@ -69775,10 +69808,10 @@ var Footer = ({
               children: linksSeparator === "dot" ? "\u2022" : "-"
             }
           )
-        ] }, (0, import_utils145.uuid)())) ?? childrenArray.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime368.jsxs)(import_react115.Fragment, { children: [
+        ] }, (0, import_utils140.uuid)())) ?? childrenArray.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime368.jsxs)(import_react115.Fragment, { children: [
           child,
           i !== childrenArray.length - 1 && !hideLinksSeparator && (linksSeparator === "dot" ? "\u2022" : "-")
-        ] }, (0, import_utils145.uuid)())) })
+        ] }, (0, import_utils140.uuid)())) })
       ]
     }
   );