@julseb-lib/react 0.1.33 → 0.1.35

package/dist/index.cjs

@@ -94,7 +94,6 @@ __export(index_exports, {
   ButtonGroup: () => ButtonGroup,
   ButtonIcon: () => ButtonIcon,
   COLORS: () => COLORS,
-  CodeContainer: () => CodeContainer,
   Cover: () => Cover,
   DROP_SHADOWS: () => DROP_SHADOWS,
   DragList: () => DragList,
@@ -177,27 +176,27 @@ __export(index_exports, {
   Tooltip: () => Tooltip,
   URL_REGEX: () => URL_REGEX,
   Wrapper: () => Wrapper,
-  addDay: () => import_utils151.addDay,
-  addMonth: () => import_utils151.addMonth,
-  addYear: () => import_utils151.addYear,
-  calculateAverage: () => import_utils151.calculateAverage,
-  calculateTotalSum: () => import_utils151.calculateTotalSum,
-  capitalize: () => import_utils151.capitalize,
+  addDay: () => import_utils150.addDay,
+  addMonth: () => import_utils150.addMonth,
+  addYear: () => import_utils150.addYear,
+  calculateAverage: () => import_utils150.calculateAverage,
+  calculateTotalSum: () => import_utils150.calculateTotalSum,
+  capitalize: () => import_utils150.capitalize,
   clsx: () => clsx,
-  convertDate: () => import_utils151.convertDate,
-  convertDateShort: () => import_utils151.convertDateShort,
-  convertPrice: () => import_utils151.convertPrice,
-  convertToEmail: () => import_utils151.convertToEmail,
-  convertYoutube: () => import_utils151.convertYoutube,
-  deleteDuplicates: () => import_utils151.deleteDuplicates,
+  convertDate: () => import_utils150.convertDate,
+  convertDateShort: () => import_utils150.convertDateShort,
+  convertPrice: () => import_utils150.convertPrice,
+  convertToEmail: () => import_utils150.convertToEmail,
+  convertYoutube: () => import_utils150.convertYoutube,
+  deleteDuplicates: () => import_utils150.deleteDuplicates,
   designTokens: () => designTokens,
-  detectLanguage: () => import_utils151.detectLanguage,
-  disableScroll: () => import_utils151.disableScroll,
-  emailRegex: () => import_utils151.emailRegex,
-  enableScroll: () => import_utils151.enableScroll,
-  filterObject: () => import_utils151.filterObject,
-  formatDate: () => import_utils151.formatDate,
-  formatHour: () => import_utils151.formatHour,
+  detectLanguage: () => import_utils150.detectLanguage,
+  disableScroll: () => import_utils150.disableScroll,
+  emailRegex: () => import_utils150.emailRegex,
+  enableScroll: () => import_utils150.enableScroll,
+  filterObject: () => import_utils150.filterObject,
+  formatDate: () => import_utils150.formatDate,
+  formatHour: () => import_utils150.formatHour,
   genAlignContent: () => genAlignContent,
   genAlignItems: () => genAlignItems,
   genBgAllColors: () => genBgAllColors,
@@ -232,43 +231,43 @@ __export(index_exports, {
   genTextColorHover: () => genTextColorHover,
   genTextColorShort: () => genTextColorShort,
   genVAlign: () => genVAlign,
-  generateNumbers: () => import_utils151.generateNumbers,
-  getFirstName: () => import_utils151.getFirstName,
-  getInitials: () => import_utils151.getInitials,
-  getLastName: () => import_utils151.getLastName,
-  getNextDay: () => import_utils151.getNextDay,
-  getPercentage: () => import_utils151.getPercentage,
-  getRandom: () => import_utils151.getRandom,
-  getRandomAvatar: () => import_utils151.getRandomAvatar,
-  getRandomDate: () => import_utils151.getRandomDate,
-  getRandomNumber: () => import_utils151.getRandomNumber,
-  getRandomString: () => import_utils151.getRandomString,
-  getRandomTime: () => import_utils151.getRandomTime,
-  getTimeNow: () => import_utils151.getTimeNow,
-  getToday: () => import_utils151.getToday,
-  getTomorrow: () => import_utils151.getTomorrow,
-  getYesterday: () => import_utils151.getYesterday,
-  hexToRgb: () => import_utils151.hexToRgb,
+  generateNumbers: () => import_utils150.generateNumbers,
+  getFirstName: () => import_utils150.getFirstName,
+  getInitials: () => import_utils150.getInitials,
+  getLastName: () => import_utils150.getLastName,
+  getNextDay: () => import_utils150.getNextDay,
+  getPercentage: () => import_utils150.getPercentage,
+  getRandom: () => import_utils150.getRandom,
+  getRandomAvatar: () => import_utils150.getRandomAvatar,
+  getRandomDate: () => import_utils150.getRandomDate,
+  getRandomNumber: () => import_utils150.getRandomNumber,
+  getRandomString: () => import_utils150.getRandomString,
+  getRandomTime: () => import_utils150.getRandomTime,
+  getTimeNow: () => import_utils150.getTimeNow,
+  getToday: () => import_utils150.getToday,
+  getTomorrow: () => import_utils150.getTomorrow,
+  getYesterday: () => import_utils150.getYesterday,
+  hexToRgb: () => import_utils150.hexToRgb,
   libMarkdownEditorOptions: () => libMarkdownEditorOptions,
   libOptionsMarkdown: () => libOptionsMarkdown,
   linkifyText: () => linkifyText,
-  passwordRegex: () => import_utils151.passwordRegex,
-  rgbToHex: () => import_utils151.rgbToHex,
-  scrollToTop: () => import_utils151.scrollToTop,
-  slugify: () => import_utils151.slugify,
-  sortByFrequency: () => import_utils151.sortByFrequency,
-  stringifyPx: () => import_utils151.stringifyPx,
-  toCamelCase: () => import_utils151.toCamelCase,
-  toConstantCase: () => import_utils151.toConstantCase,
-  toDotCase: () => import_utils151.toDotCase,
-  toKebabCase: () => import_utils151.toKebabCase,
-  toPascalCase: () => import_utils151.toPascalCase,
-  toPathCase: () => import_utils151.toPathCase,
-  toSentenceCase: () => import_utils151.toSentenceCase,
-  toSnakeCase: () => import_utils151.toSnakeCase,
-  toTitleCase: () => import_utils151.toTitleCase,
+  passwordRegex: () => import_utils150.passwordRegex,
+  rgbToHex: () => import_utils150.rgbToHex,
+  scrollToTop: () => import_utils150.scrollToTop,
+  slugify: () => import_utils150.slugify,
+  sortByFrequency: () => import_utils150.sortByFrequency,
+  stringifyPx: () => import_utils150.stringifyPx,
+  toCamelCase: () => import_utils150.toCamelCase,
+  toConstantCase: () => import_utils150.toConstantCase,
+  toDotCase: () => import_utils150.toDotCase,
+  toKebabCase: () => import_utils150.toKebabCase,
+  toPascalCase: () => import_utils150.toPascalCase,
+  toPathCase: () => import_utils150.toPathCase,
+  toSentenceCase: () => import_utils150.toSentenceCase,
+  toSnakeCase: () => import_utils150.toSnakeCase,
+  toTitleCase: () => import_utils150.toTitleCase,
   toast: () => toast,
-  unslugify: () => import_utils151.unslugify,
+  unslugify: () => import_utils150.unslugify,
   useClickOutside: () => useClickOutside,
   useCopyToClipboard: () => useCopyToClipboard,
   useDebounce: () => useDebounce,
@@ -285,7 +284,7 @@ __export(index_exports, {
   usePagination: () => usePagination,
   useTouchScreen: () => useTouchScreen,
   useTranslation: () => useTranslation,
-  uuid: () => import_utils151.uuid
+  uuid: () => import_utils150.uuid
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -2319,7 +2318,7 @@ var genRingColorChildren = {
 };
 
 // src/lib/index.ts
-var import_utils151 = require("@julseb-lib/utils");
+var import_utils150 = require("@julseb-lib/utils");
 
 // src/lib/hooks/useClickOutside.tsx
 var import_react2 = require("react");
@@ -2843,31 +2842,37 @@ var import_react14 = require("react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var ThemeContext = (0, import_react14.createContext)(null);
 var ThemeProviderWrapper = ({ children }) => {
-  const storedTheme = localStorage.getItem("theme");
-  const [theme, setTheme] = (0, import_react14.useState)(storedTheme != null ? storedTheme : "light");
+  const [theme, setTheme] = (0, import_react14.useState)("light");
   const docEl = document.documentElement;
   const switchToLight = () => {
-    docEl.classList.add("light");
-    docEl.classList.remove("dark");
-    setTheme("light");
-    localStorage.setItem("theme", "light");
+    if (typeof window !== "undefined") {
+      docEl.classList.add("light");
+      docEl.classList.remove("dark");
+      setTheme("light");
+      localStorage.setItem("theme", "light");
+    }
   };
   const switchToDark = () => {
-    docEl.classList.remove("light");
-    docEl.classList.add("dark");
-    setTheme("dark");
-    localStorage.setItem("theme", "dark");
+    if (typeof window !== "undefined") {
+      docEl.classList.remove("light");
+      docEl.classList.add("dark");
+      setTheme("dark");
+      localStorage.setItem("theme", "dark");
+    }
   };
   (0, import_react14.useEffect)(() => {
-    if (storedTheme) {
-      if (theme === "light") switchToLight();
-      else switchToDark();
-    } else {
-      if (window.matchMedia("(prefers-color-scheme: dark)").matches)
-        switchToDark();
-      else switchToLight();
+    if (typeof window !== "undefined") {
+      const storedTheme = localStorage.getItem("theme");
+      if (storedTheme) {
+        if (theme === "light") switchToLight();
+        else switchToDark();
+      } else {
+        if (window.matchMedia("(prefers-color-scheme: dark)").matches)
+          switchToDark();
+        else switchToLight();
+      }
     }
-  }, [theme, localStorage.getItem("theme"), docEl]);
+  }, [theme, docEl]);
   const switchTheme = () => {
     if (theme === "light") switchToDark();
     else switchToLight();
@@ -11002,86 +11007,9 @@ var MarkdownContainer = (_a) => {
   );
 };
 
-// src/lib/components/CodeContainer/CodeContainer.tsx
+// src/lib/components/Fade/Fade.tsx
 var import_react51 = require("react");
-var import_react_syntax_highlighter = __toESM(require("react-syntax-highlighter"), 1);
-var import_atom_one_dark = __toESM(require("react-syntax-highlighter/dist/esm/styles/hljs/atom-one-dark.js"), 1);
-var import_bi25 = require("react-icons/bi");
 var import_jsx_runtime121 = require("react/jsx-runtime");
-var CodeContainer = (_a) => {
-  var _b = _a, {
-    className,
-    element,
-    ref,
-    children,
-    highlighterProps,
-    textColor,
-    backgroundColor,
-    style = import_atom_one_dark.default,
-    hideCopyButton,
-    tooltipTexts,
-    icons
-  } = _b, rest = __objRest(_b, [
-    "className",
-    "element",
-    "ref",
-    "children",
-    "highlighterProps",
-    "textColor",
-    "backgroundColor",
-    "style",
-    "hideCopyButton",
-    "tooltipTexts",
-    "icons"
-  ]);
-  var _a2, _b2, _c, _d;
-  const Element = element != null ? element : textColor || backgroundColor ? "pre" : "div";
-  const [hasCopied, setHasCopied] = (0, import_react51.useState)(false);
-  const copyToClipboard = () => {
-    if (children) {
-      let copyString = children.toString();
-      if (copyString[0] === "$") {
-        copyString = copyString.replace("$ ", "");
-      }
-      navigator.clipboard.writeText(copyString);
-      setHasCopied(true);
-    }
-    setTimeout(() => setHasCopied(false), 1e3);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
-    Element,
-    __spreadProps(__spreadValues({
-      ref,
-      className: clsx(
-        "relative outline-none",
-        "code-container-wrapper",
-        "[&>pre]:bg-gray-800! [&>pre]:p-4!",
-        textColor && genTextAllColor[textColor],
-        genRingColor["primary"],
-        className
-      )
-    }, rest), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_react_syntax_highlighter.default, { style, children }),
-        !hideCopyButton && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
-          ButtonIcon,
-          {
-            className: clsx("size-8", "copy-button"),
-            onClick: copyToClipboard,
-            icon: hasCopied ? (_a2 = icons == null ? void 0 : icons.copied) != null ? _a2 : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_bi25.BiCheck, { size: 16 }) : (_b2 = icons == null ? void 0 : icons.copy) != null ? _b2 : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_bi25.BiClipboard, { size: 16 }),
-            tooltip: hasCopied ? (_c = tooltipTexts == null ? void 0 : tooltipTexts.copied) != null ? _c : "Copied!" : (_d = tooltipTexts == null ? void 0 : tooltipTexts.copy) != null ? _d : "Copy",
-            color: hasCopied ? "success" : "primary",
-            showTooltip: { className: "absolute top-4 right-4" }
-          }
-        )
-      ]
-    })
-  );
-};
-
-// src/lib/components/Fade/Fade.tsx
-var import_react52 = require("react");
-var import_jsx_runtime122 = require("react/jsx-runtime");
 var Fade = (_a) => {
   var _b = _a, {
     className,
@@ -11095,15 +11023,15 @@ var Fade = (_a) => {
     "children"
   ]);
   const Element = element;
-  const [isVisible, setIsVisible] = (0, import_react52.useState)(true);
-  const fadeRef = (0, import_react52.useRef)(null);
-  (0, import_react52.useEffect)(() => {
+  const [isVisible, setIsVisible] = (0, import_react51.useState)(true);
+  const fadeRef = (0, import_react51.useRef)(null);
+  (0, import_react51.useEffect)(() => {
     const observer = new IntersectionObserver((entries) => {
       entries.forEach((entry) => setIsVisible(entry.isIntersecting));
     });
     observer.observe(fadeRef.current);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     Element,
     __spreadProps(__spreadValues({
       ref: useMergeRefs([ref, fadeRef]),
@@ -11121,15 +11049,15 @@ var Fade = (_a) => {
 };
 
 // src/lib/components/BackToTop/BackToTop.tsx
-var import_react53 = require("react");
-var import_bi26 = require("react-icons/bi");
-var import_utils140 = require("@julseb-lib/utils");
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_react52 = require("react");
+var import_bi25 = require("react-icons/bi");
+var import_utils139 = require("@julseb-lib/utils");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 var BackToTop = (_a) => {
   var _b = _a, {
     className,
     ref,
-    icon = /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_bi26.BiUpArrowAlt, {}),
+    icon = /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_bi25.BiUpArrowAlt, {}),
     color = "primary",
     tooltip = "Back to top",
     showTooltip
@@ -11141,8 +11069,8 @@ var BackToTop = (_a) => {
     "tooltip",
     "showTooltip"
   ]);
-  const [isVisible, setIsVisible] = (0, import_react53.useState)(false);
-  (0, import_react53.useEffect)(() => {
+  const [isVisible, setIsVisible] = (0, import_react52.useState)(false);
+  (0, import_react52.useEffect)(() => {
     const scrollFn = () => {
       if (window.scrollY >= 200) {
         setIsVisible(true);
@@ -11156,13 +11084,13 @@ var BackToTop = (_a) => {
   const smoothScroll = () => {
     document.body.classList.add("smooth");
     document.documentElement.classList.add("smooth");
-    setTimeout(() => (0, import_utils140.scrollToTop)(), 100);
+    setTimeout(() => (0, import_utils139.scrollToTop)(), 100);
     setTimeout(() => {
       document.body.classList.remove("smooth");
       document.documentElement.classList.remove("smooth");
     }, 1e3);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
     ButtonIcon,
     __spreadValues({
       ref,
@@ -11188,10 +11116,10 @@ var BackToTop = (_a) => {
 };
 
 // src/lib/components/Drawer/Drawer.tsx
-var import_react54 = require("react");
-var import_bi27 = require("react-icons/bi");
-var import_utils142 = require("@julseb-lib/utils");
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_react53 = require("react");
+var import_bi26 = require("react-icons/bi");
+var import_utils141 = require("@julseb-lib/utils");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 var Drawer = (_a) => {
   var _b = _a, {
     className,
@@ -11229,16 +11157,16 @@ var Drawer = (_a) => {
     "hideCloseButton"
   ]);
   const Element = element;
-  const el = (0, import_react54.useRef)(null);
+  const el = (0, import_react53.useRef)(null);
   useClickOutside(el, () => isOpen && setIsOpen(false));
   useKeyPress("Escape", () => {
     if (!disableEsc && isOpen) setIsOpen(false);
   });
-  (0, import_react54.useEffect)(() => {
-    if (!enableScrollingOpen && isOpen) (0, import_utils142.disableScroll)();
-    else (0, import_utils142.enableScroll)();
+  (0, import_react53.useEffect)(() => {
+    if (!enableScrollingOpen && isOpen) (0, import_utils141.disableScroll)();
+    else (0, import_utils141.enableScroll)();
   }, [enableScrollingOpen, isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
     Element,
     __spreadProps(__spreadValues({
       ref,
@@ -11251,7 +11179,7 @@ var Drawer = (_a) => {
       )
     }, rest), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
           "div",
           {
             className: clsx(
@@ -11264,7 +11192,7 @@ var Drawer = (_a) => {
             onClick: () => setIsOpen(false)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
           "div",
           {
             className: clsx(
@@ -11278,14 +11206,14 @@ var Drawer = (_a) => {
               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_utils142.stringifyPx)(maxWidth2) },
+            style: { ["--drawer-max-width"]: (0, import_utils141.stringifyPx)(maxWidth2) },
             ref: el,
             children: [
               children,
-              !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+              !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                 ButtonIcon,
                 {
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_bi27.BiX, { size: 24 }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_bi26.BiX, { size: 24 }),
                   color: "white",
                   variant: "transparent",
                   className: "top-2 right-2 absolute size-12",
@@ -11301,12 +11229,12 @@ var Drawer = (_a) => {
 };
 
 // src/lib/components/Header/Header.tsx
-var import_react55 = require("react");
-var import_utils146 = require("@julseb-lib/utils");
+var import_react54 = require("react");
+var import_utils145 = require("@julseb-lib/utils");
 
 // src/lib/components/Header/HeaderSearch.tsx
-var import_utils144 = require("@julseb-lib/utils");
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_utils143 = require("@julseb-lib/utils");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 var HeaderSearch = ({ search, handleClose }) => {
   if (!search) return null;
   const {
@@ -11323,7 +11251,7 @@ var HeaderSearch = ({ search, handleClose }) => {
     maxWidth: maxWidth2 = 400,
     clearSearch
   } = search;
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     "form",
     {
       onSubmit: (e) => {
@@ -11331,8 +11259,8 @@ var HeaderSearch = ({ search, handleClose }) => {
         handleClose();
       },
       className: clsx("w-full max-w-(--form-max-width)", "search-form"),
-      style: { ["--form-max-width"]: (0, import_utils144.stringifyPx)(maxWidth2) },
-      children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+      style: { ["--form-max-width"]: (0, import_utils143.stringifyPx)(maxWidth2) },
+      children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
         Input,
         {
           type: "search",
@@ -11354,7 +11282,7 @@ var HeaderSearch = ({ search, handleClose }) => {
 };
 
 // src/lib/components/Header/Header.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 var Header = (_a) => {
   var _b = _a, {
     className,
@@ -11397,18 +11325,18 @@ var Header = (_a) => {
   ]);
   const Element = element;
   const isMobile = useMaxWidth(16 * 48);
-  const el = (0, import_react55.useRef)(null);
-  const [isOpen, setIsOpen] = (0, import_react55.useState)(false);
-  const [isHidden, setIsHidden] = (0, import_react55.useState)(false);
+  const el = (0, import_react54.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react54.useState)(false);
+  const [isHidden, setIsHidden] = (0, import_react54.useState)(false);
   const handleOpen = () => {
-    if (!enableScrollingOpen) (0, import_utils146.disableScroll)();
+    if (!enableScrollingOpen) (0, import_utils145.disableScroll)();
     setIsOpen(true);
   };
   const handleClose = () => {
-    if (!enableScrollingOpen) (0, import_utils146.enableScroll)();
+    if (!enableScrollingOpen) (0, import_utils145.enableScroll)();
     setTimeout(() => setIsOpen(false), 10);
   };
-  (0, import_react55.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     const handleHideScroll = () => {
       const hidePosition = typeof hideOnScroll === "number" ? hideOnScroll : 400;
       if (window.pageYOffset >= hidePosition) {
@@ -11433,9 +11361,9 @@ var Header = (_a) => {
   };
   const searchProps = { search, handleClose };
   const navProps = {
-    children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
+    children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, { children: [
       links ? links.map((link) => link) : nav ? nav : children,
-      isMobile && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(HeaderSearch, __spreadValues({}, searchProps))
+      isMobile && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(HeaderSearch, __spreadValues({}, searchProps))
     ] }),
     className: clsx(
       "z-999 flex gap-2 [&>a]:outline-none transition-all duration-200 ease-in-out",
@@ -11464,7 +11392,7 @@ var Header = (_a) => {
   useClickOutside(el, () => {
     if (isOpen) handleClose();
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
     Element,
     __spreadProps(__spreadValues({
       ref,
@@ -11482,8 +11410,8 @@ var Header = (_a) => {
       )
     }, rest), {
       children: [
-        burgerPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Burger, __spreadValues({}, burgerProps)),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        burgerPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Burger, __spreadValues({}, burgerProps)),
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
           "span",
           {
             className: clsx(
@@ -11493,10 +11421,10 @@ var Header = (_a) => {
             children: logo
           }
         ),
-        navDesktopPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("nav", __spreadValues({}, navProps)),
-        !isMobile && navDesktopPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(HeaderSearch, __spreadValues({}, searchProps)),
-        burgerPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Burger, __spreadValues({}, burgerProps)),
-        isMobile && navMobileVariant === "drawer" && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        navDesktopPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("nav", __spreadValues({}, navProps)),
+        !isMobile && navDesktopPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(HeaderSearch, __spreadValues({}, searchProps)),
+        burgerPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Burger, __spreadValues({}, burgerProps)),
+        isMobile && navMobileVariant === "drawer" && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
           "div",
           {
             className: clsx(
@@ -11508,17 +11436,17 @@ var Header = (_a) => {
             onClick: handleClose
           }
         ),
-        navDesktopPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("nav", __spreadValues({}, navProps)),
-        !isMobile && navDesktopPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(HeaderSearch, __spreadValues({}, searchProps))
+        navDesktopPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("nav", __spreadValues({}, navProps)),
+        !isMobile && navDesktopPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(HeaderSearch, __spreadValues({}, searchProps))
       ]
     })
   );
 };
 
 // src/lib/components/Footer/Footer.tsx
-var import_react56 = require("react");
-var import_utils148 = require("@julseb-lib/utils");
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_react55 = require("react");
+var import_utils147 = require("@julseb-lib/utils");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 var Footer = (_a) => {
   var _b = _a, {
     className,
@@ -11547,8 +11475,8 @@ var Footer = (_a) => {
   ]);
   var _a2;
   const Element = element;
-  const childrenArray = import_react56.Children.toArray(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+  const childrenArray = import_react55.Children.toArray(children);
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
     Element,
     __spreadProps(__spreadValues({
       ref,
@@ -11562,9 +11490,9 @@ var Footer = (_a) => {
     }, rest), {
       children: [
         logo,
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex items-container gap-2", children: (_a2 = items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_react56.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "flex items-container gap-2", children: (_a2 = items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_react55.Fragment, { children: [
           item,
-          i !== items.length - 1 && !hideLinksSeparator && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+          i !== items.length - 1 && !hideLinksSeparator && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
             "span",
             {
               className: clsx(
@@ -11573,17 +11501,17 @@ var Footer = (_a) => {
               children: linksSeparator === "dot" ? "\u2022" : "-"
             }
           )
-        ] }, (0, import_utils148.uuid)()))) != null ? _a2 : childrenArray.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_react56.Fragment, { children: [
+        ] }, (0, import_utils147.uuid)()))) != null ? _a2 : childrenArray.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_react55.Fragment, { children: [
           child,
           i !== childrenArray.length - 1 && !hideLinksSeparator && (linksSeparator === "dot" ? "\u2022" : "-")
-        ] }, (0, import_utils148.uuid)())) })
+        ] }, (0, import_utils147.uuid)())) })
       ]
     })
   );
 };
 
 // src/lib/components/Meta/Meta.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 var Meta = ({
   children,
   title,
@@ -11605,59 +11533,59 @@ var Meta = ({
   category,
   twitterCard = "summary"
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_jsx_runtime128.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { charSet: "utf-8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { charSet: "utf-8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       "meta",
       {
         name: "viewport",
         content: "width=device-width, initial-scale=1"
       }
     ),
-    title && /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_jsx_runtime128.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("title", { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { property: "og:title", content: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { name: "twitter:title", content: title })
+    title && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("title", { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { property: "og:title", content: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { name: "twitter:title", content: title })
     ] }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_jsx_runtime128.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { name: "description", content: description }),
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { property: "og:description", content: description }),
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { name: "twitter:description", content: description })
+    description && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { name: "description", content: description }),
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { property: "og:description", content: description }),
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { name: "twitter:description", content: description })
     ] }),
-    siteName && /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_jsx_runtime128.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { name: "application-name", content: siteName }),
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { property: "og:site_name", content: siteName })
+    siteName && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { name: "application-name", content: siteName }),
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { property: "og:site_name", content: siteName })
     ] }),
-    author && /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_jsx_runtime128.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { name: "author", content: author }),
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { name: "twitter:creator", content: author })
+    author && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { name: "author", content: author }),
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { name: "twitter:creator", content: author })
     ] }),
-    url && /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_jsx_runtime128.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { property: "og:url", content: url }),
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { name: "twitter:site", content: url })
+    url && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { property: "og:url", content: url }),
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { name: "twitter:site", content: url })
     ] }),
-    cover && /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_jsx_runtime128.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { property: "og:image", content: cover }),
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { name: "twitter:image", content: cover })
+    cover && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { property: "og:image", content: cover }),
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { name: "twitter:image", content: cover })
     ] }),
-    authorUrl && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("link", { rel: "author", href: authorUrl }),
-    manifest && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("link", { rel: "manifest", href: manifest }),
-    generator && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { name: "generator", content: generator }),
-    keywords && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { name: "keywords", content: keywords == null ? void 0 : keywords.join(",") }),
-    creator && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { name: "creator", content: creator }),
-    publisher && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { name: "publisher", content: publisher }),
-    category && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { name: "category", content: category }),
-    language && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { property: "og:locale", content: language }),
-    email && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { property: "og:email", content: email }),
-    type && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { property: "og:type", content: type }),
-    twitterCard && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("meta", { name: "twitter:card", content: twitterCard }),
-    favicon && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("link", { rel: "icon", href: favicon }),
+    authorUrl && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("link", { rel: "author", href: authorUrl }),
+    manifest && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("link", { rel: "manifest", href: manifest }),
+    generator && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { name: "generator", content: generator }),
+    keywords && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { name: "keywords", content: keywords == null ? void 0 : keywords.join(",") }),
+    creator && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { name: "creator", content: creator }),
+    publisher && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { name: "publisher", content: publisher }),
+    category && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { name: "category", content: category }),
+    language && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { property: "og:locale", content: language }),
+    email && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { property: "og:email", content: email }),
+    type && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { property: "og:type", content: type }),
+    twitterCard && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("meta", { name: "twitter:card", content: twitterCard }),
+    favicon && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("link", { rel: "icon", href: favicon }),
     children
   ] });
 };
 
 // src/lib/components/PageLayout/PageLayout.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var PageLayout = ({
   children,
   meta,
@@ -11668,19 +11596,19 @@ var PageLayout = ({
   noWrapper,
   noMain
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
-    meta && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Meta, __spreadValues({}, meta)),
-    header && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Header, __spreadValues({}, header)),
-    !noWrapper && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Wrapper, __spreadProps(__spreadValues({}, wrapperProps), { children: !noMain ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Main, __spreadProps(__spreadValues({}, mainProps), { children })) : children })),
-    footer && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Footer, __spreadValues({}, footer))
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_jsx_runtime128.Fragment, { children: [
+    meta && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Meta, __spreadValues({}, meta)),
+    header && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Header, __spreadValues({}, header)),
+    !noWrapper && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Wrapper, __spreadProps(__spreadValues({}, wrapperProps), { children: !noMain ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Main, __spreadProps(__spreadValues({}, mainProps), { children })) : children })),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Footer, __spreadValues({}, footer))
   ] });
 };
 
 // src/lib/components/SrOnly/SrOnly.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 var SrOnly = ({ element = "div", ref, children }) => {
   const Element = element;
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Element, { ref, className: clsx("sr-only"), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Element, { ref, className: clsx("sr-only"), children });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -11698,7 +11626,6 @@ var SrOnly = ({ element = "div", ref, children }) => {
   ButtonGroup,
   ButtonIcon,
   COLORS,
-  CodeContainer,
   Cover,
   DROP_SHADOWS,
   DragList,