@julseb-lib/react 0.1.32 → 0.1.34

package/dist/index.d.cts

@@ -7,12 +7,11 @@ import { LibMdEditorOptions } from './types/components-items-props.cjs';
 export { addDay, addMonth, addYear, calculateAverage, calculateTotalSum, capitalize, convertDate, convertDateShort, convertPrice, convertToEmail, convertYoutube, deleteDuplicates, detectLanguage, disableScroll, emailRegex, enableScroll, filterObject, formatDate, formatHour, generateNumbers, getFirstName, getInitials, getLastName, getNextDay, getPercentage, getRandom, getRandomAvatar, getRandomDate, getRandomNumber, getRandomString, getRandomTime, getTimeNow, getToday, getTomorrow, getYesterday, hexToRgb, passwordRegex, rgbToHex, scrollToTop, slugify, sortByFrequency, stringifyPx, toCamelCase, toConstantCase, toDotCase, toKebabCase, toPascalCase, toPathCase, toSentenceCase, toSnakeCase, toTitleCase, unslugify, uuid } from '@julseb-lib/utils';
 import * as react from 'react';
 import { RefObject, ChangeEvent, RefCallback, Ref, FC as FC$1 } from 'react';
-import { ILibText, ILibWrapper, ILibMain, ILibAside, ILibSection, ILibGrid, ILibFlexbox, ILibKey, ILibHighlight, ILibLinkify, ILibHr, ILibSkeleton, ILibSkeletonCard, ILibTooltip, ILibImage, ILibMasonry, ILibBadge, ILibAvatar, ILibLoader, ILibBurger, ILibButton, ILibButtonIcon, ILibButtonGroup, ILibTag, ILibInputContainer, ILibInput, ILibInputImage, ILibInputCheck, ILibInputPhone, ILibInputCounter, ILibInputSlider, ILibSelect, ILibAutocomplete, ILibRating, ILibInputPin, ILibFieldset, ILibForm, ILibListGroup, ILibListGroupTitle, ILibListGroupItem, ILibBreadcrumbs, ILibAccordion, ILibAccordionItem, ILibDropdown, ILibDropdownItem, ILibToast, ILibAlert, ILibModal, ILibDragList, ILibDragListItem, ILibPagination, ILibPaginationButton, ILibPaginator, ILibProgressBar, ILibProgressCircle, ILibTabs, ILibTabsContainer, ILibTabsButtonsContainer, ILibTabsButton, ILibTabContent, ILibSlideshow, ILibCover, ILibTable, ILibPageLoading, ILibSticky, ILibMarkdownEditor, ILibMarkdownContainer, ILibCodeContainer, ILibFade, ILibBackToTop, ILibDrawer, ILibHeader, ILibFooter, ILibMeta, ILibPageLayout, ILibSrOnly } from './types/components-props.cjs';
+import { ILibText, ILibWrapper, ILibMain, ILibAside, ILibSection, ILibGrid, ILibFlexbox, ILibKey, ILibHighlight, ILibLinkify, ILibHr, ILibSkeleton, ILibSkeletonCard, ILibTooltip, ILibImage, ILibMasonry, ILibBadge, ILibAvatar, ILibLoader, ILibBurger, ILibButton, ILibButtonIcon, ILibButtonGroup, ILibTag, ILibInputContainer, ILibInput, ILibInputImage, ILibInputCheck, ILibInputPhone, ILibInputCounter, ILibInputSlider, ILibSelect, ILibAutocomplete, ILibRating, ILibInputPin, ILibFieldset, ILibForm, ILibListGroup, ILibListGroupTitle, ILibListGroupItem, ILibBreadcrumbs, ILibAccordion, ILibAccordionItem, ILibDropdown, ILibDropdownItem, ILibToast, ILibAlert, ILibModal, ILibDragList, ILibDragListItem, ILibPagination, ILibPaginationButton, ILibPaginator, ILibProgressBar, ILibProgressCircle, ILibTabs, ILibTabsContainer, ILibTabsButtonsContainer, ILibTabsButton, ILibTabContent, ILibSlideshow, ILibCover, ILibTable, ILibPageLoading, ILibSticky, ILibMarkdownEditor, ILibMarkdownContainer, ILibFade, ILibBackToTop, ILibDrawer, ILibHeader, ILibFooter, ILibMeta, ILibPageLayout, ILibSrOnly } from './types/components-props.cjs';
 import * as react_toastify from 'react-toastify';
 import { ToastContainerProps, ToastOptions } from 'react-toastify';
 import 'csstype';
 import 'fuse.js';
-import 'react-syntax-highlighter';
 import './types/require-at-least-one.cjs';
 
 declare const URL_REGEX: RegExp;
@@ -2926,37 +2925,6 @@ declare const MarkdownEditor: FC$1<ILibMarkdownEditor>;
  */
 declare const MarkdownContainer: FC$1<ILibMarkdownContainer>;
 
-/**
- * CodeContainer component for displaying syntax-highlighted code with optional copy functionality.
- *
- * @component
- *
- * @example
- * <CodeContainer>
- *   const hello = "world";
- *   console.log(hello);
- * </CodeContainer>
- *
- * @extends HTMLDivElement
- *
- * @prop {string} [props.className] - Additional CSS classes to apply to the code container.
- * @prop {React.ElementType} [props.element] - HTML element type to render as the container.
- * @prop {React.Ref<HTMLDivElement>} [props.ref] - Ref to the code container element.
- * @prop {React.ReactNode} [props.children] - Code content to display and highlight.
- * @prop {object} [props.highlighterProps] - Additional props to pass to the syntax highlighter.
- * @prop {LibAllColors} [props.textColor] - Text color for the code content.
- * @prop {LibAllColors} [props.backgroundColor] - Background color for the code content.
- * @prop {object} [props.style=atomOneDark] - Custom styles for the syntax highlighter.
- * @prop {boolean} [props.hideCopyButton] - Whether to hide the copy to clipboard button.
- * @prop {object} [props.tooltipTexts] - Custom tooltip texts for copy button states.
- * @prop {object} [props.icons] - Custom icons for copy button states.
- *
- * @returns {JSX.Element} The rendered CodeContainer component.
- *
- * @see https://doc-julseb-lib-react.vercel.app/components/code-container
- */
-declare const CodeContainer: FC$1<ILibCodeContainer>;
-
 /**
  * Fade component for creating smooth fade-in animations when elements enter the viewport.
  *
@@ -3228,4 +3196,4 @@ declare const PageLayout: FC$1<ILibPageLayout>;
  */
 declare const SrOnly: FC$1<ILibSrOnly>;
 
-export { Accordion, AccordionItem, Alert, Aside, Autocomplete, Avatar, BackToTop, Badge, Breadcrumbs, Burger, Button, ButtonGroup, ButtonIcon, COLORS, CodeContainer, Cover, DROP_SHADOWS, DragList, DragListItem, Drawer, Dropdown, DropdownItem, FONT_FAMILIES, FONT_SIZES, FONT_WEIGHTS, Fade, Fieldset, Flexbox, Footer, Form, Grid, Header, Highlight, Hr, ICON_MULTIPLIER, INPUT_HEIGHT, INSET_SHADOWS, Image, Input, InputCheck, InputContainer, InputCounter, InputImage, InputPhone, InputPin, InputSlider, Key, LAYOUTS, LINE_HEIGHTS, Linkify, ListGroup, ListGroupItem, ListGroupTitle, Loader, MEDIA, Main, MarkdownContainer, MarkdownEditor, Masonry, Meta, Modal, OVERLAYS, PageLayout, PageLoading, Pagination, PaginationButton, Paginator, ProgressBar, ProgressCircle, RADIUS, Rating, SHADOWS, SPACERS, Section, Select, Skeleton, SkeletonCard, Slideshow, SrOnly, Sticky, TEXT_BASE_CLASSES, TEXT_SHADOWS, TRANSITIONS, Table, Tabs, TabsButton, TabsButtonsContainer, TabsContainer, TabsContent, Tag, Text, ThemeProviderWrapper, Toast, ToastContainer, Tooltip, URL_REGEX, Wrapper, clsx, genAlignContent, genAlignItems, genBgAllColors, genBgAllColorsAndOverlays, genBgColor, genBgColor50, genBgColorGhostHover, genBgColorHover, genBgColorShort, genBgOverlay, genBorderAllColors, genBorderColor, genBorderColorHover, genBorderColorShort, genBorderRadius, genBoxShadow, genButtonColor, genButtonDisabled, genColGap, genGap, genJustifyContent, genJustifyItems, genLinkColor, genMaxWidth, genObjectFit, genRingColor, genRingColorChildren, genRowGap, genTextAlign, genTextAllColor, genTextColor, genTextColorHover, genTextColorShort, genVAlign, libMarkdownEditorOptions, libOptionsMarkdown, linkifyText, toast, useClickOutside, useCopyToClipboard, useDebounce, useExportData, useFetch, useForm, useIsOverflow, useKeyPress, useLibTheme, useMaxWidth, useMergeRefs, useMinWidth, usePaginatedData, usePagination, useTouchScreen, useTranslation };
+export { Accordion, AccordionItem, Alert, Aside, Autocomplete, Avatar, BackToTop, Badge, Breadcrumbs, Burger, Button, ButtonGroup, ButtonIcon, COLORS, Cover, DROP_SHADOWS, DragList, DragListItem, Drawer, Dropdown, DropdownItem, FONT_FAMILIES, FONT_SIZES, FONT_WEIGHTS, Fade, Fieldset, Flexbox, Footer, Form, Grid, Header, Highlight, Hr, ICON_MULTIPLIER, INPUT_HEIGHT, INSET_SHADOWS, Image, Input, InputCheck, InputContainer, InputCounter, InputImage, InputPhone, InputPin, InputSlider, Key, LAYOUTS, LINE_HEIGHTS, Linkify, ListGroup, ListGroupItem, ListGroupTitle, Loader, MEDIA, Main, MarkdownContainer, MarkdownEditor, Masonry, Meta, Modal, OVERLAYS, PageLayout, PageLoading, Pagination, PaginationButton, Paginator, ProgressBar, ProgressCircle, RADIUS, Rating, SHADOWS, SPACERS, Section, Select, Skeleton, SkeletonCard, Slideshow, SrOnly, Sticky, TEXT_BASE_CLASSES, TEXT_SHADOWS, TRANSITIONS, Table, Tabs, TabsButton, TabsButtonsContainer, TabsContainer, TabsContent, Tag, Text, ThemeProviderWrapper, Toast, ToastContainer, Tooltip, URL_REGEX, Wrapper, clsx, genAlignContent, genAlignItems, genBgAllColors, genBgAllColorsAndOverlays, genBgColor, genBgColor50, genBgColorGhostHover, genBgColorHover, genBgColorShort, genBgOverlay, genBorderAllColors, genBorderColor, genBorderColorHover, genBorderColorShort, genBorderRadius, genBoxShadow, genButtonColor, genButtonDisabled, genColGap, genGap, genJustifyContent, genJustifyItems, genLinkColor, genMaxWidth, genObjectFit, genRingColor, genRingColorChildren, genRowGap, genTextAlign, genTextAllColor, genTextColor, genTextColorHover, genTextColorShort, genVAlign, libMarkdownEditorOptions, libOptionsMarkdown, linkifyText, toast, useClickOutside, useCopyToClipboard, useDebounce, useExportData, useFetch, useForm, useIsOverflow, useKeyPress, useLibTheme, useMaxWidth, useMergeRefs, useMinWidth, usePaginatedData, usePagination, useTouchScreen, useTranslation };

package/dist/index.d.ts

@@ -7,12 +7,11 @@ import { LibMdEditorOptions } from './types/components-items-props.js';
 export { addDay, addMonth, addYear, calculateAverage, calculateTotalSum, capitalize, convertDate, convertDateShort, convertPrice, convertToEmail, convertYoutube, deleteDuplicates, detectLanguage, disableScroll, emailRegex, enableScroll, filterObject, formatDate, formatHour, generateNumbers, getFirstName, getInitials, getLastName, getNextDay, getPercentage, getRandom, getRandomAvatar, getRandomDate, getRandomNumber, getRandomString, getRandomTime, getTimeNow, getToday, getTomorrow, getYesterday, hexToRgb, passwordRegex, rgbToHex, scrollToTop, slugify, sortByFrequency, stringifyPx, toCamelCase, toConstantCase, toDotCase, toKebabCase, toPascalCase, toPathCase, toSentenceCase, toSnakeCase, toTitleCase, unslugify, uuid } from '@julseb-lib/utils';
 import * as react from 'react';
 import { RefObject, ChangeEvent, RefCallback, Ref, FC as FC$1 } from 'react';
-import { ILibText, ILibWrapper, ILibMain, ILibAside, ILibSection, ILibGrid, ILibFlexbox, ILibKey, ILibHighlight, ILibLinkify, ILibHr, ILibSkeleton, ILibSkeletonCard, ILibTooltip, ILibImage, ILibMasonry, ILibBadge, ILibAvatar, ILibLoader, ILibBurger, ILibButton, ILibButtonIcon, ILibButtonGroup, ILibTag, ILibInputContainer, ILibInput, ILibInputImage, ILibInputCheck, ILibInputPhone, ILibInputCounter, ILibInputSlider, ILibSelect, ILibAutocomplete, ILibRating, ILibInputPin, ILibFieldset, ILibForm, ILibListGroup, ILibListGroupTitle, ILibListGroupItem, ILibBreadcrumbs, ILibAccordion, ILibAccordionItem, ILibDropdown, ILibDropdownItem, ILibToast, ILibAlert, ILibModal, ILibDragList, ILibDragListItem, ILibPagination, ILibPaginationButton, ILibPaginator, ILibProgressBar, ILibProgressCircle, ILibTabs, ILibTabsContainer, ILibTabsButtonsContainer, ILibTabsButton, ILibTabContent, ILibSlideshow, ILibCover, ILibTable, ILibPageLoading, ILibSticky, ILibMarkdownEditor, ILibMarkdownContainer, ILibCodeContainer, ILibFade, ILibBackToTop, ILibDrawer, ILibHeader, ILibFooter, ILibMeta, ILibPageLayout, ILibSrOnly } from './types/components-props.js';
+import { ILibText, ILibWrapper, ILibMain, ILibAside, ILibSection, ILibGrid, ILibFlexbox, ILibKey, ILibHighlight, ILibLinkify, ILibHr, ILibSkeleton, ILibSkeletonCard, ILibTooltip, ILibImage, ILibMasonry, ILibBadge, ILibAvatar, ILibLoader, ILibBurger, ILibButton, ILibButtonIcon, ILibButtonGroup, ILibTag, ILibInputContainer, ILibInput, ILibInputImage, ILibInputCheck, ILibInputPhone, ILibInputCounter, ILibInputSlider, ILibSelect, ILibAutocomplete, ILibRating, ILibInputPin, ILibFieldset, ILibForm, ILibListGroup, ILibListGroupTitle, ILibListGroupItem, ILibBreadcrumbs, ILibAccordion, ILibAccordionItem, ILibDropdown, ILibDropdownItem, ILibToast, ILibAlert, ILibModal, ILibDragList, ILibDragListItem, ILibPagination, ILibPaginationButton, ILibPaginator, ILibProgressBar, ILibProgressCircle, ILibTabs, ILibTabsContainer, ILibTabsButtonsContainer, ILibTabsButton, ILibTabContent, ILibSlideshow, ILibCover, ILibTable, ILibPageLoading, ILibSticky, ILibMarkdownEditor, ILibMarkdownContainer, ILibFade, ILibBackToTop, ILibDrawer, ILibHeader, ILibFooter, ILibMeta, ILibPageLayout, ILibSrOnly } from './types/components-props.js';
 import * as react_toastify from 'react-toastify';
 import { ToastContainerProps, ToastOptions } from 'react-toastify';
 import 'csstype';
 import 'fuse.js';
-import 'react-syntax-highlighter';
 import './types/require-at-least-one.js';
 
 declare const URL_REGEX: RegExp;
@@ -2926,37 +2925,6 @@ declare const MarkdownEditor: FC$1<ILibMarkdownEditor>;
  */
 declare const MarkdownContainer: FC$1<ILibMarkdownContainer>;
 
-/**
- * CodeContainer component for displaying syntax-highlighted code with optional copy functionality.
- *
- * @component
- *
- * @example
- * <CodeContainer>
- *   const hello = "world";
- *   console.log(hello);
- * </CodeContainer>
- *
- * @extends HTMLDivElement
- *
- * @prop {string} [props.className] - Additional CSS classes to apply to the code container.
- * @prop {React.ElementType} [props.element] - HTML element type to render as the container.
- * @prop {React.Ref<HTMLDivElement>} [props.ref] - Ref to the code container element.
- * @prop {React.ReactNode} [props.children] - Code content to display and highlight.
- * @prop {object} [props.highlighterProps] - Additional props to pass to the syntax highlighter.
- * @prop {LibAllColors} [props.textColor] - Text color for the code content.
- * @prop {LibAllColors} [props.backgroundColor] - Background color for the code content.
- * @prop {object} [props.style=atomOneDark] - Custom styles for the syntax highlighter.
- * @prop {boolean} [props.hideCopyButton] - Whether to hide the copy to clipboard button.
- * @prop {object} [props.tooltipTexts] - Custom tooltip texts for copy button states.
- * @prop {object} [props.icons] - Custom icons for copy button states.
- *
- * @returns {JSX.Element} The rendered CodeContainer component.
- *
- * @see https://doc-julseb-lib-react.vercel.app/components/code-container
- */
-declare const CodeContainer: FC$1<ILibCodeContainer>;
-
 /**
  * Fade component for creating smooth fade-in animations when elements enter the viewport.
  *
@@ -3228,4 +3196,4 @@ declare const PageLayout: FC$1<ILibPageLayout>;
  */
 declare const SrOnly: FC$1<ILibSrOnly>;
 
-export { Accordion, AccordionItem, Alert, Aside, Autocomplete, Avatar, BackToTop, Badge, Breadcrumbs, Burger, Button, ButtonGroup, ButtonIcon, COLORS, CodeContainer, Cover, DROP_SHADOWS, DragList, DragListItem, Drawer, Dropdown, DropdownItem, FONT_FAMILIES, FONT_SIZES, FONT_WEIGHTS, Fade, Fieldset, Flexbox, Footer, Form, Grid, Header, Highlight, Hr, ICON_MULTIPLIER, INPUT_HEIGHT, INSET_SHADOWS, Image, Input, InputCheck, InputContainer, InputCounter, InputImage, InputPhone, InputPin, InputSlider, Key, LAYOUTS, LINE_HEIGHTS, Linkify, ListGroup, ListGroupItem, ListGroupTitle, Loader, MEDIA, Main, MarkdownContainer, MarkdownEditor, Masonry, Meta, Modal, OVERLAYS, PageLayout, PageLoading, Pagination, PaginationButton, Paginator, ProgressBar, ProgressCircle, RADIUS, Rating, SHADOWS, SPACERS, Section, Select, Skeleton, SkeletonCard, Slideshow, SrOnly, Sticky, TEXT_BASE_CLASSES, TEXT_SHADOWS, TRANSITIONS, Table, Tabs, TabsButton, TabsButtonsContainer, TabsContainer, TabsContent, Tag, Text, ThemeProviderWrapper, Toast, ToastContainer, Tooltip, URL_REGEX, Wrapper, clsx, genAlignContent, genAlignItems, genBgAllColors, genBgAllColorsAndOverlays, genBgColor, genBgColor50, genBgColorGhostHover, genBgColorHover, genBgColorShort, genBgOverlay, genBorderAllColors, genBorderColor, genBorderColorHover, genBorderColorShort, genBorderRadius, genBoxShadow, genButtonColor, genButtonDisabled, genColGap, genGap, genJustifyContent, genJustifyItems, genLinkColor, genMaxWidth, genObjectFit, genRingColor, genRingColorChildren, genRowGap, genTextAlign, genTextAllColor, genTextColor, genTextColorHover, genTextColorShort, genVAlign, libMarkdownEditorOptions, libOptionsMarkdown, linkifyText, toast, useClickOutside, useCopyToClipboard, useDebounce, useExportData, useFetch, useForm, useIsOverflow, useKeyPress, useLibTheme, useMaxWidth, useMergeRefs, useMinWidth, usePaginatedData, usePagination, useTouchScreen, useTranslation };
+export { Accordion, AccordionItem, Alert, Aside, Autocomplete, Avatar, BackToTop, Badge, Breadcrumbs, Burger, Button, ButtonGroup, ButtonIcon, COLORS, Cover, DROP_SHADOWS, DragList, DragListItem, Drawer, Dropdown, DropdownItem, FONT_FAMILIES, FONT_SIZES, FONT_WEIGHTS, Fade, Fieldset, Flexbox, Footer, Form, Grid, Header, Highlight, Hr, ICON_MULTIPLIER, INPUT_HEIGHT, INSET_SHADOWS, Image, Input, InputCheck, InputContainer, InputCounter, InputImage, InputPhone, InputPin, InputSlider, Key, LAYOUTS, LINE_HEIGHTS, Linkify, ListGroup, ListGroupItem, ListGroupTitle, Loader, MEDIA, Main, MarkdownContainer, MarkdownEditor, Masonry, Meta, Modal, OVERLAYS, PageLayout, PageLoading, Pagination, PaginationButton, Paginator, ProgressBar, ProgressCircle, RADIUS, Rating, SHADOWS, SPACERS, Section, Select, Skeleton, SkeletonCard, Slideshow, SrOnly, Sticky, TEXT_BASE_CLASSES, TEXT_SHADOWS, TRANSITIONS, Table, Tabs, TabsButton, TabsButtonsContainer, TabsContainer, TabsContent, Tag, Text, ThemeProviderWrapper, Toast, ToastContainer, Tooltip, URL_REGEX, Wrapper, clsx, genAlignContent, genAlignItems, genBgAllColors, genBgAllColorsAndOverlays, genBgColor, genBgColor50, genBgColorGhostHover, genBgColorHover, genBgColorShort, genBgOverlay, genBorderAllColors, genBorderColor, genBorderColorHover, genBorderColorShort, genBorderRadius, genBoxShadow, genButtonColor, genButtonDisabled, genColGap, genGap, genJustifyContent, genJustifyItems, genLinkColor, genMaxWidth, genObjectFit, genRingColor, genRingColorChildren, genRowGap, genTextAlign, genTextAllColor, genTextColor, genTextColorHover, genTextColorShort, genVAlign, libMarkdownEditorOptions, libOptionsMarkdown, linkifyText, toast, useClickOutside, useCopyToClipboard, useDebounce, useExportData, useFetch, useForm, useIsOverflow, useKeyPress, useLibTheme, useMaxWidth, useMergeRefs, useMinWidth, usePaginatedData, usePagination, useTouchScreen, useTranslation };

package/dist/index.js

@@ -10843,86 +10843,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 +10859,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 +10867,7 @@ var Fade = (_a) => {
     });
     observer.observe(fadeRef.current);
   }, []);
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx120(
     Element,
     __spreadProps(__spreadValues({
       ref: useMergeRefs([ref, fadeRef]),
@@ -10962,15 +10885,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 +10905,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 +10926,7 @@ var BackToTop = (_a) => {
       document.documentElement.classList.remove("smooth");
     }, 1e3);
   };
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx121(
     ButtonIcon,
     __spreadValues({
       ref,
@@ -11032,7 +10955,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 +11002,7 @@ var Drawer = (_a) => {
     if (!enableScrollingOpen && isOpen) disableScroll2();
     else enableScroll2();
   }, [enableScrollingOpen, isOpen]);
-  return /* @__PURE__ */ jsxs51(
+  return /* @__PURE__ */ jsxs50(
     Element,
     __spreadProps(__spreadValues({
       ref,
@@ -11092,7 +11015,7 @@ var Drawer = (_a) => {
       )
     }, rest), {
       children: [
-        /* @__PURE__ */ jsx123(
+        /* @__PURE__ */ jsx122(
           "div",
           {
             className: clsx(
@@ -11105,7 +11028,7 @@ var Drawer = (_a) => {
             onClick: () => setIsOpen(false)
           }
         ),
-        /* @__PURE__ */ jsxs51(
+        /* @__PURE__ */ jsxs50(
           "div",
           {
             className: clsx(
@@ -11123,10 +11046,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 +11065,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 +11087,7 @@ var HeaderSearch = ({ search, handleClose }) => {
     maxWidth: maxWidth2 = 400,
     clearSearch
   } = search;
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx123(
     "form",
     {
       onSubmit: (e) => {
@@ -11173,7 +11096,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 +11118,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 +11162,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 +11197,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 +11228,7 @@ var Header = (_a) => {
   useClickOutside(el, () => {
     if (isOpen) handleClose();
   });
-  return /* @__PURE__ */ jsxs52(
+  return /* @__PURE__ */ jsxs51(
     Element,
     __spreadProps(__spreadValues({
       ref,
@@ -11323,8 +11246,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 +11257,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 +11272,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 +11282,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 +11312,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 +11326,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 +11337,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 +11347,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 +11369,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 +11432,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 +11461,6 @@ export {
   ButtonGroup,
   ButtonIcon,
   COLORS,
-  CodeContainer,
   Cover,
   DROP_SHADOWS,
   DragList,