@julseb-lib/react 0.1.33 → 0.1.35

package/dist/index.js

@@ -2664,31 +2664,37 @@ import { useState as useState10, useEffect as useEffect8, createContext, useCont
 import { jsx as jsx18 } from "react/jsx-runtime";
 var ThemeContext = createContext(null);
 var ThemeProviderWrapper = ({ children }) => {
-  const storedTheme = localStorage.getItem("theme");
-  const [theme, setTheme] = useState10(storedTheme != null ? storedTheme : "light");
+  const [theme, setTheme] = useState10("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");
+    }
   };
   useEffect8(() => {
-    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();
@@ -10843,86 +10849,9 @@ var MarkdownContainer = (_a) => {
   );
 };
 
-// src/lib/components/CodeContainer/CodeContainer.tsx
-import { useState as useState26 } from "react";
-import SyntaxHighlighter from "react-syntax-highlighter";
-import atomOneDark from "react-syntax-highlighter/dist/esm/styles/hljs/atom-one-dark.js";
-import { BiCheck as BiCheck2, BiClipboard } from "react-icons/bi";
-import { jsx as jsx120, jsxs as jsxs50 } from "react/jsx-runtime";
-var CodeContainer = (_a) => {
-  var _b = _a, {
-    className,
-    element,
-    ref,
-    children,
-    highlighterProps,
-    textColor,
-    backgroundColor,
-    style = atomOneDark,
-    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] = useState26(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__ */ jsxs50(
-    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__ */ jsx120(SyntaxHighlighter, { style, children }),
-        !hideCopyButton && /* @__PURE__ */ jsx120(
-          ButtonIcon,
-          {
-            className: clsx("size-8", "copy-button"),
-            onClick: copyToClipboard,
-            icon: hasCopied ? (_a2 = icons == null ? void 0 : icons.copied) != null ? _a2 : /* @__PURE__ */ jsx120(BiCheck2, { size: 16 }) : (_b2 = icons == null ? void 0 : icons.copy) != null ? _b2 : /* @__PURE__ */ jsx120(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
-import { useState as useState27, useRef as useRef19, useEffect as useEffect16 } from "react";
-import { jsx as jsx121 } from "react/jsx-runtime";
+import { useState as useState26, useRef as useRef19, useEffect as useEffect16 } from "react";
+import { jsx as jsx120 } from "react/jsx-runtime";
 var Fade = (_a) => {
   var _b = _a, {
     className,
@@ -10936,7 +10865,7 @@ var Fade = (_a) => {
     "children"
   ]);
   const Element = element;
-  const [isVisible, setIsVisible] = useState27(true);
+  const [isVisible, setIsVisible] = useState26(true);
   const fadeRef = useRef19(null);
   useEffect16(() => {
     const observer = new IntersectionObserver((entries) => {
@@ -10944,7 +10873,7 @@ var Fade = (_a) => {
     });
     observer.observe(fadeRef.current);
   }, []);
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx120(
     Element,
     __spreadProps(__spreadValues({
       ref: useMergeRefs([ref, fadeRef]),
@@ -10962,15 +10891,15 @@ var Fade = (_a) => {
 };
 
 // src/lib/components/BackToTop/BackToTop.tsx
-import { useEffect as useEffect17, useState as useState28 } from "react";
+import { useEffect as useEffect17, useState as useState27 } from "react";
 import { BiUpArrowAlt } from "react-icons/bi";
 import { scrollToTop as scrollToTop2 } from "@julseb-lib/utils";
-import { jsx as jsx122 } from "react/jsx-runtime";
+import { jsx as jsx121 } from "react/jsx-runtime";
 var BackToTop = (_a) => {
   var _b = _a, {
     className,
     ref,
-    icon = /* @__PURE__ */ jsx122(BiUpArrowAlt, {}),
+    icon = /* @__PURE__ */ jsx121(BiUpArrowAlt, {}),
     color = "primary",
     tooltip = "Back to top",
     showTooltip
@@ -10982,7 +10911,7 @@ var BackToTop = (_a) => {
     "tooltip",
     "showTooltip"
   ]);
-  const [isVisible, setIsVisible] = useState28(false);
+  const [isVisible, setIsVisible] = useState27(false);
   useEffect17(() => {
     const scrollFn = () => {
       if (window.scrollY >= 200) {
@@ -11003,7 +10932,7 @@ var BackToTop = (_a) => {
       document.documentElement.classList.remove("smooth");
     }, 1e3);
   };
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx121(
     ButtonIcon,
     __spreadValues({
       ref,
@@ -11032,7 +10961,7 @@ var BackToTop = (_a) => {
 import { useEffect as useEffect18, useRef as useRef20 } from "react";
 import { BiX as BiX5 } from "react-icons/bi";
 import { disableScroll as disableScroll2, enableScroll as enableScroll2, stringifyPx } from "@julseb-lib/utils";
-import { jsx as jsx123, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs50 } from "react/jsx-runtime";
 var Drawer = (_a) => {
   var _b = _a, {
     className,
@@ -11079,7 +11008,7 @@ var Drawer = (_a) => {
     if (!enableScrollingOpen && isOpen) disableScroll2();
     else enableScroll2();
   }, [enableScrollingOpen, isOpen]);
-  return /* @__PURE__ */ jsxs51(
+  return /* @__PURE__ */ jsxs50(
     Element,
     __spreadProps(__spreadValues({
       ref,
@@ -11092,7 +11021,7 @@ var Drawer = (_a) => {
       )
     }, rest), {
       children: [
-        /* @__PURE__ */ jsx123(
+        /* @__PURE__ */ jsx122(
           "div",
           {
             className: clsx(
@@ -11105,7 +11034,7 @@ var Drawer = (_a) => {
             onClick: () => setIsOpen(false)
           }
         ),
-        /* @__PURE__ */ jsxs51(
+        /* @__PURE__ */ jsxs50(
           "div",
           {
             className: clsx(
@@ -11123,10 +11052,10 @@ var Drawer = (_a) => {
             ref: el,
             children: [
               children,
-              !hideCloseButton && /* @__PURE__ */ jsx123(
+              !hideCloseButton && /* @__PURE__ */ jsx122(
                 ButtonIcon,
                 {
-                  icon: /* @__PURE__ */ jsx123(BiX5, { size: 24 }),
+                  icon: /* @__PURE__ */ jsx122(BiX5, { size: 24 }),
                   color: "white",
                   variant: "transparent",
                   className: "top-2 right-2 absolute size-12",
@@ -11142,12 +11071,12 @@ var Drawer = (_a) => {
 };
 
 // src/lib/components/Header/Header.tsx
-import { useState as useState29, useEffect as useEffect19, useRef as useRef21 } from "react";
+import { useState as useState28, useEffect as useEffect19, useRef as useRef21 } from "react";
 import { enableScroll as enableScroll3, disableScroll as disableScroll3 } from "@julseb-lib/utils";
 
 // src/lib/components/Header/HeaderSearch.tsx
 import { stringifyPx as stringifyPx2 } from "@julseb-lib/utils";
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 var HeaderSearch = ({ search, handleClose }) => {
   if (!search) return null;
   const {
@@ -11164,7 +11093,7 @@ var HeaderSearch = ({ search, handleClose }) => {
     maxWidth: maxWidth2 = 400,
     clearSearch
   } = search;
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx123(
     "form",
     {
       onSubmit: (e) => {
@@ -11173,7 +11102,7 @@ var HeaderSearch = ({ search, handleClose }) => {
       },
       className: clsx("w-full max-w-(--form-max-width)", "search-form"),
       style: { ["--form-max-width"]: stringifyPx2(maxWidth2) },
-      children: /* @__PURE__ */ jsx124(
+      children: /* @__PURE__ */ jsx123(
         Input,
         {
           type: "search",
@@ -11195,7 +11124,7 @@ var HeaderSearch = ({ search, handleClose }) => {
 };
 
 // src/lib/components/Header/Header.tsx
-import { Fragment as Fragment13, jsx as jsx125, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx124, jsxs as jsxs51 } from "react/jsx-runtime";
 var Header = (_a) => {
   var _b = _a, {
     className,
@@ -11239,8 +11168,8 @@ var Header = (_a) => {
   const Element = element;
   const isMobile = useMaxWidth(16 * 48);
   const el = useRef21(null);
-  const [isOpen, setIsOpen] = useState29(false);
-  const [isHidden, setIsHidden] = useState29(false);
+  const [isOpen, setIsOpen] = useState28(false);
+  const [isHidden, setIsHidden] = useState28(false);
   const handleOpen = () => {
     if (!enableScrollingOpen) disableScroll3();
     setIsOpen(true);
@@ -11274,9 +11203,9 @@ var Header = (_a) => {
   };
   const searchProps = { search, handleClose };
   const navProps = {
-    children: /* @__PURE__ */ jsxs52(Fragment13, { children: [
+    children: /* @__PURE__ */ jsxs51(Fragment13, { children: [
       links ? links.map((link) => link) : nav ? nav : children,
-      isMobile && /* @__PURE__ */ jsx125(HeaderSearch, __spreadValues({}, searchProps))
+      isMobile && /* @__PURE__ */ jsx124(HeaderSearch, __spreadValues({}, searchProps))
     ] }),
     className: clsx(
       "z-999 flex gap-2 [&>a]:outline-none transition-all duration-200 ease-in-out",
@@ -11305,7 +11234,7 @@ var Header = (_a) => {
   useClickOutside(el, () => {
     if (isOpen) handleClose();
   });
-  return /* @__PURE__ */ jsxs52(
+  return /* @__PURE__ */ jsxs51(
     Element,
     __spreadProps(__spreadValues({
       ref,
@@ -11323,8 +11252,8 @@ var Header = (_a) => {
       )
     }, rest), {
       children: [
-        burgerPosition === "left" && /* @__PURE__ */ jsx125(Burger, __spreadValues({}, burgerProps)),
-        /* @__PURE__ */ jsx125(
+        burgerPosition === "left" && /* @__PURE__ */ jsx124(Burger, __spreadValues({}, burgerProps)),
+        /* @__PURE__ */ jsx124(
           "span",
           {
             className: clsx(
@@ -11334,10 +11263,10 @@ var Header = (_a) => {
             children: logo
           }
         ),
-        navDesktopPosition === "left" && /* @__PURE__ */ jsx125("nav", __spreadValues({}, navProps)),
-        !isMobile && navDesktopPosition === "right" && /* @__PURE__ */ jsx125(HeaderSearch, __spreadValues({}, searchProps)),
-        burgerPosition === "right" && /* @__PURE__ */ jsx125(Burger, __spreadValues({}, burgerProps)),
-        isMobile && navMobileVariant === "drawer" && /* @__PURE__ */ jsx125(
+        navDesktopPosition === "left" && /* @__PURE__ */ jsx124("nav", __spreadValues({}, navProps)),
+        !isMobile && navDesktopPosition === "right" && /* @__PURE__ */ jsx124(HeaderSearch, __spreadValues({}, searchProps)),
+        burgerPosition === "right" && /* @__PURE__ */ jsx124(Burger, __spreadValues({}, burgerProps)),
+        isMobile && navMobileVariant === "drawer" && /* @__PURE__ */ jsx124(
           "div",
           {
             className: clsx(
@@ -11349,8 +11278,8 @@ var Header = (_a) => {
             onClick: handleClose
           }
         ),
-        navDesktopPosition === "right" && /* @__PURE__ */ jsx125("nav", __spreadValues({}, navProps)),
-        !isMobile && navDesktopPosition === "left" && /* @__PURE__ */ jsx125(HeaderSearch, __spreadValues({}, searchProps))
+        navDesktopPosition === "right" && /* @__PURE__ */ jsx124("nav", __spreadValues({}, navProps)),
+        !isMobile && navDesktopPosition === "left" && /* @__PURE__ */ jsx124(HeaderSearch, __spreadValues({}, searchProps))
       ]
     })
   );
@@ -11359,7 +11288,7 @@ var Header = (_a) => {
 // src/lib/components/Footer/Footer.tsx
 import { Children as Children4, Fragment as Fragment14 } from "react";
 import { uuid as uuid14 } from "@julseb-lib/utils";
-import { jsx as jsx126, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx125, jsxs as jsxs52 } from "react/jsx-runtime";
 var Footer = (_a) => {
   var _b = _a, {
     className,
@@ -11389,7 +11318,7 @@ var Footer = (_a) => {
   var _a2;
   const Element = element;
   const childrenArray = Children4.toArray(children);
-  return /* @__PURE__ */ jsxs53(
+  return /* @__PURE__ */ jsxs52(
     Element,
     __spreadProps(__spreadValues({
       ref,
@@ -11403,9 +11332,9 @@ var Footer = (_a) => {
     }, rest), {
       children: [
         logo,
-        /* @__PURE__ */ jsx126("div", { className: "flex items-container gap-2", children: (_a2 = items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ jsxs53(Fragment14, { children: [
+        /* @__PURE__ */ jsx125("div", { className: "flex items-container gap-2", children: (_a2 = items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ jsxs52(Fragment14, { children: [
           item,
-          i !== items.length - 1 && !hideLinksSeparator && /* @__PURE__ */ jsx126(
+          i !== items.length - 1 && !hideLinksSeparator && /* @__PURE__ */ jsx125(
             "span",
             {
               className: clsx(
@@ -11414,7 +11343,7 @@ var Footer = (_a) => {
               children: linksSeparator === "dot" ? "\u2022" : "-"
             }
           )
-        ] }, uuid14()))) != null ? _a2 : childrenArray.map((child, i) => /* @__PURE__ */ jsxs53(Fragment14, { children: [
+        ] }, uuid14()))) != null ? _a2 : childrenArray.map((child, i) => /* @__PURE__ */ jsxs52(Fragment14, { children: [
           child,
           i !== childrenArray.length - 1 && !hideLinksSeparator && (linksSeparator === "dot" ? "\u2022" : "-")
         ] }, uuid14())) })
@@ -11424,7 +11353,7 @@ var Footer = (_a) => {
 };
 
 // src/lib/components/Meta/Meta.tsx
-import { Fragment as Fragment15, jsx as jsx127, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx126, jsxs as jsxs53 } from "react/jsx-runtime";
 var Meta = ({
   children,
   title,
@@ -11446,59 +11375,59 @@ var Meta = ({
   category,
   twitterCard = "summary"
 }) => {
-  return /* @__PURE__ */ jsxs54(Fragment15, { children: [
-    /* @__PURE__ */ jsx127("meta", { charSet: "utf-8" }),
-    /* @__PURE__ */ jsx127(
+  return /* @__PURE__ */ jsxs53(Fragment15, { children: [
+    /* @__PURE__ */ jsx126("meta", { charSet: "utf-8" }),
+    /* @__PURE__ */ jsx126(
       "meta",
       {
         name: "viewport",
         content: "width=device-width, initial-scale=1"
       }
     ),
-    title && /* @__PURE__ */ jsxs54(Fragment15, { children: [
-      /* @__PURE__ */ jsx127("title", { children: title }),
-      /* @__PURE__ */ jsx127("meta", { property: "og:title", content: title }),
-      /* @__PURE__ */ jsx127("meta", { name: "twitter:title", content: title })
+    title && /* @__PURE__ */ jsxs53(Fragment15, { children: [
+      /* @__PURE__ */ jsx126("title", { children: title }),
+      /* @__PURE__ */ jsx126("meta", { property: "og:title", content: title }),
+      /* @__PURE__ */ jsx126("meta", { name: "twitter:title", content: title })
     ] }),
-    description && /* @__PURE__ */ jsxs54(Fragment15, { children: [
-      /* @__PURE__ */ jsx127("meta", { name: "description", content: description }),
-      /* @__PURE__ */ jsx127("meta", { property: "og:description", content: description }),
-      /* @__PURE__ */ jsx127("meta", { name: "twitter:description", content: description })
+    description && /* @__PURE__ */ jsxs53(Fragment15, { children: [
+      /* @__PURE__ */ jsx126("meta", { name: "description", content: description }),
+      /* @__PURE__ */ jsx126("meta", { property: "og:description", content: description }),
+      /* @__PURE__ */ jsx126("meta", { name: "twitter:description", content: description })
     ] }),
-    siteName && /* @__PURE__ */ jsxs54(Fragment15, { children: [
-      /* @__PURE__ */ jsx127("meta", { name: "application-name", content: siteName }),
-      /* @__PURE__ */ jsx127("meta", { property: "og:site_name", content: siteName })
+    siteName && /* @__PURE__ */ jsxs53(Fragment15, { children: [
+      /* @__PURE__ */ jsx126("meta", { name: "application-name", content: siteName }),
+      /* @__PURE__ */ jsx126("meta", { property: "og:site_name", content: siteName })
     ] }),
-    author && /* @__PURE__ */ jsxs54(Fragment15, { children: [
-      /* @__PURE__ */ jsx127("meta", { name: "author", content: author }),
-      /* @__PURE__ */ jsx127("meta", { name: "twitter:creator", content: author })
+    author && /* @__PURE__ */ jsxs53(Fragment15, { children: [
+      /* @__PURE__ */ jsx126("meta", { name: "author", content: author }),
+      /* @__PURE__ */ jsx126("meta", { name: "twitter:creator", content: author })
     ] }),
-    url && /* @__PURE__ */ jsxs54(Fragment15, { children: [
-      /* @__PURE__ */ jsx127("meta", { property: "og:url", content: url }),
-      /* @__PURE__ */ jsx127("meta", { name: "twitter:site", content: url })
+    url && /* @__PURE__ */ jsxs53(Fragment15, { children: [
+      /* @__PURE__ */ jsx126("meta", { property: "og:url", content: url }),
+      /* @__PURE__ */ jsx126("meta", { name: "twitter:site", content: url })
     ] }),
-    cover && /* @__PURE__ */ jsxs54(Fragment15, { children: [
-      /* @__PURE__ */ jsx127("meta", { property: "og:image", content: cover }),
-      /* @__PURE__ */ jsx127("meta", { name: "twitter:image", content: cover })
+    cover && /* @__PURE__ */ jsxs53(Fragment15, { children: [
+      /* @__PURE__ */ jsx126("meta", { property: "og:image", content: cover }),
+      /* @__PURE__ */ jsx126("meta", { name: "twitter:image", content: cover })
     ] }),
-    authorUrl && /* @__PURE__ */ jsx127("link", { rel: "author", href: authorUrl }),
-    manifest && /* @__PURE__ */ jsx127("link", { rel: "manifest", href: manifest }),
-    generator && /* @__PURE__ */ jsx127("meta", { name: "generator", content: generator }),
-    keywords && /* @__PURE__ */ jsx127("meta", { name: "keywords", content: keywords == null ? void 0 : keywords.join(",") }),
-    creator && /* @__PURE__ */ jsx127("meta", { name: "creator", content: creator }),
-    publisher && /* @__PURE__ */ jsx127("meta", { name: "publisher", content: publisher }),
-    category && /* @__PURE__ */ jsx127("meta", { name: "category", content: category }),
-    language && /* @__PURE__ */ jsx127("meta", { property: "og:locale", content: language }),
-    email && /* @__PURE__ */ jsx127("meta", { property: "og:email", content: email }),
-    type && /* @__PURE__ */ jsx127("meta", { property: "og:type", content: type }),
-    twitterCard && /* @__PURE__ */ jsx127("meta", { name: "twitter:card", content: twitterCard }),
-    favicon && /* @__PURE__ */ jsx127("link", { rel: "icon", href: favicon }),
+    authorUrl && /* @__PURE__ */ jsx126("link", { rel: "author", href: authorUrl }),
+    manifest && /* @__PURE__ */ jsx126("link", { rel: "manifest", href: manifest }),
+    generator && /* @__PURE__ */ jsx126("meta", { name: "generator", content: generator }),
+    keywords && /* @__PURE__ */ jsx126("meta", { name: "keywords", content: keywords == null ? void 0 : keywords.join(",") }),
+    creator && /* @__PURE__ */ jsx126("meta", { name: "creator", content: creator }),
+    publisher && /* @__PURE__ */ jsx126("meta", { name: "publisher", content: publisher }),
+    category && /* @__PURE__ */ jsx126("meta", { name: "category", content: category }),
+    language && /* @__PURE__ */ jsx126("meta", { property: "og:locale", content: language }),
+    email && /* @__PURE__ */ jsx126("meta", { property: "og:email", content: email }),
+    type && /* @__PURE__ */ jsx126("meta", { property: "og:type", content: type }),
+    twitterCard && /* @__PURE__ */ jsx126("meta", { name: "twitter:card", content: twitterCard }),
+    favicon && /* @__PURE__ */ jsx126("link", { rel: "icon", href: favicon }),
     children
   ] });
 };
 
 // src/lib/components/PageLayout/PageLayout.tsx
-import { Fragment as Fragment16, jsx as jsx128, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx127, jsxs as jsxs54 } from "react/jsx-runtime";
 var PageLayout = ({
   children,
   meta,
@@ -11509,19 +11438,19 @@ var PageLayout = ({
   noWrapper,
   noMain
 }) => {
-  return /* @__PURE__ */ jsxs55(Fragment16, { children: [
-    meta && /* @__PURE__ */ jsx128(Meta, __spreadValues({}, meta)),
-    header && /* @__PURE__ */ jsx128(Header, __spreadValues({}, header)),
-    !noWrapper && /* @__PURE__ */ jsx128(Wrapper, __spreadProps(__spreadValues({}, wrapperProps), { children: !noMain ? /* @__PURE__ */ jsx128(Main, __spreadProps(__spreadValues({}, mainProps), { children })) : children })),
-    footer && /* @__PURE__ */ jsx128(Footer, __spreadValues({}, footer))
+  return /* @__PURE__ */ jsxs54(Fragment16, { children: [
+    meta && /* @__PURE__ */ jsx127(Meta, __spreadValues({}, meta)),
+    header && /* @__PURE__ */ jsx127(Header, __spreadValues({}, header)),
+    !noWrapper && /* @__PURE__ */ jsx127(Wrapper, __spreadProps(__spreadValues({}, wrapperProps), { children: !noMain ? /* @__PURE__ */ jsx127(Main, __spreadProps(__spreadValues({}, mainProps), { children })) : children })),
+    footer && /* @__PURE__ */ jsx127(Footer, __spreadValues({}, footer))
   ] });
 };
 
 // src/lib/components/SrOnly/SrOnly.tsx
-import { jsx as jsx129 } from "react/jsx-runtime";
+import { jsx as jsx128 } from "react/jsx-runtime";
 var SrOnly = ({ element = "div", ref, children }) => {
   const Element = element;
-  return /* @__PURE__ */ jsx129(Element, { ref, className: clsx("sr-only"), children });
+  return /* @__PURE__ */ jsx128(Element, { ref, className: clsx("sr-only"), children });
 };
 export {
   Accordion,
@@ -11538,7 +11467,6 @@ export {
   ButtonGroup,
   ButtonIcon,
   COLORS,
-  CodeContainer,
   Cover,
   DROP_SHADOWS,
   DragList,