@julseb-lib/react 1.1.23 → 1.1.25

package/dist/index.d.cts

@@ -1,12 +1,12 @@
-import { c as LibColorsHover, ag as CssTextAlign, L as LibColors, a as LibColorsShort, b as LibAllColors, e as LibOverlays, f as LibAllColorsAndOverlays, l as LibSpacers, al as CssAlignContent, aj as CssAlignItems, ak as CssJustifyContent, ai as CssJustifyItems, F as LibMaxWidth, m as LibRadiuses, ao as CssObjectFit, v as LibButtonVariantExtended, k as LibShadows, ah as CssVerticalAlign, ae as DispatchState, a6 as TranslateLang, ab as ReactChildren, q as LibThemeNames, a8 as LibCountry, ac as ReactElement, t as LibLoaderVariant } from './global-HQSlLJiW.cjs';
-export { aw as designTokens } from './global-HQSlLJiW.cjs';
+import { c as LibColorsHover, af as CssTextAlign, L as LibColors, a as LibColorsShort, b as LibAllColors, e as LibOverlays, f as LibAllColorsAndOverlays, k as LibSpacers, ak as CssAlignContent, ai as CssAlignItems, aj as CssJustifyContent, ah as CssJustifyItems, E as LibMaxWidth, l as LibRadiuses, an as CssObjectFit, u as LibButtonVariantExtended, j as LibShadows, ag as CssVerticalAlign, h as LibFontSizes, i as LibFontWeights, ad as DispatchState, a5 as TranslateLang, aa as ReactChildren, p as LibThemeNames, ac as FC$1, a7 as LibCountry, ab as ReactElement, s as LibLoaderVariant } from './global-CXiIaXyy.cjs';
+export { av as designTokens } from './global-CXiIaXyy.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ClassNameValue } from 'tailwind-merge';
 import { LibMdEditorOptions } from './types/components-items-props.cjs';
 import { Components } from 'react-markdown';
 export { addDay, addMonth, addYear, calculateAverage, calculateTotalSum, capitalize, convertDate, convertDateShort, convertPrice, convertTime, convertToEmail, convertYoutube, decrypt, deleteDuplicates, emailRegex, encrypt, filterObject, formatDate, formatHour, generateNumbers, getFirstName, getInitials, getLastName, getNextDay, getPercentage, getRandom, getRandomAvatar, getRandomDate, getRandomNumber, getRandomString, getRandomTime, getTimeNow, getToday, getTomorrow, getYesterday, hexToRgb, passwordRegex, rgbToHex, 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 { RefObject, ChangeEvent, RefCallback, Ref, FC as FC$2 } from 'react';
 import { ILibText, ILibWrapper, ILibMain, ILibAside, ILibSection, ILibGrid, ILibFlexbox, ILibKey, ILibHighlight, ILibLinkify, ILibHr, ILibSkeleton, ILibSkeletonCard, ILibTooltip, ILibImage, ILibLazyImage, 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, ILibTabsContent, ILibSlideshow, ILibCarousel, ILibCover, ILibTable, ILibPageLoading, ILibSticky, ILibMarkdownEditor, ILibMarkdownContainer, ILibCodeContainer, 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';
@@ -154,6 +154,10 @@ declare function enableScroll(): void;
  */
 declare function scrollToTop(): void;
 
+declare const genFontSize: Record<LibFontSizes, string>;
+
+declare const genFontWeight: Record<LibFontWeights, string>;
+
 /**
  * Hook to trigger a function when clicking outside a referenced element.
  *
@@ -556,7 +560,7 @@ declare const usePagination: ({ currentPage, setCurrentPage, totalPages, }: ILib
  */
 declare const useTextLineCount: (text: string, fontSize?: number) => {
     visualLines: number;
-    elementRef: react.RefObject<HTMLInputElement | HTMLTextAreaElement | null>;
+    elementRef: react.RefObject<HTMLTextAreaElement | HTMLInputElement | null>;
 };
 
 /**
@@ -831,6 +835,22 @@ declare const ThemeProviderWrapper: ({ children, defaultTheme, }: ILibThemeProvi
  */
 declare const useLibTheme: () => ILibThemeContext;
 
+type ILibModalOpenContext = {
+    hasModalOpen: boolean;
+    setHasModalOpen: DispatchState<boolean>;
+};
+declare const ModalOpenProviderWrapper: FC$1<{
+    children: ReactChildren;
+}>;
+/**
+ * Custom hook to know if there is a modal open inside our app, and set `z-index` accordingly when needed
+ *
+ * @returns {ILibModalOpenContext} If there is a modal open, and a switch to set a modal as open or not
+ * @example
+ * const { hasModalOpen, setHasModalOpen } = useModalOpen()
+ */
+declare const useModalOpen: () => ILibModalOpenContext;
+
 declare const TEXT_BASE_CLASSES: string;
 /**
  * Text component for rendering semantic HTML text elements with consistent styles.
@@ -854,8 +874,10 @@ declare const TEXT_BASE_CLASSES: string;
  * @prop {string} [props.color="currentColor"] - Any color from the library.
  * @prop {"red"|"orange"|"amber"|"yellow"|"lime"|"green"|"emerald"|"teal"|"cyan"|"sky"|"blue"|"indigo"|"violet"|"purple"|"fuchsia"|"pink"|"rose"|"slate"} [props.linkColor="blue"] - Any hover color.
  * @prop {"text-left"|"text-center"|"text-right"|"text-justify"|"text-start"|"text-end"} [props.textAlign="left"] - Text alignment.
- * @prop {boolean} [props.display=false] - Whether to use display block.
+ * @prop {boolean} [props.display=false] - Whether to use display text, available only for titles from h1 to h5.
  * @prop {string} [props.className] - Additional class names to apply.
+ * @prop {"thin"|"light"|"normal"|"bold"|"black"} [props.fontWeight] - Font weight of the text. Accepts: thin (100), light (300), normal (400), bold (700), black (900).
+ * @prop {"xs"|"sm"|"base"|"lg"|"xl"|"2xl"|"3xl"|"4xl"|"5xl"|"6xl"|"7xl"|"8xl"|"9xl"|"display-h1"|"display-h2"|"display-h3"|"display-h4"|"display-h5"|"h1"|"h2"|"h3"|"h4"|"h5"|"h6"|"body"|"small"} [props.fontSize] - Font size of the text. Accepts Tailwind and theme sizes: xs, sm, base, lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl, 8xl, 9xl, display-h1, display-h2, display-h3, display-h4, display-h5, h1, h2, h3, h4, h5, h6, body, small.
  * @prop {RefObject<any>} [props.ref] - Ref for the rendered element.
  * @prop {ReactNode} props.children - Text content.
  * @prop {object} [props.rest] - Additional props spread to the rendered element.
@@ -864,7 +886,7 @@ declare const TEXT_BASE_CLASSES: string;
  *
  * @see https://doc-julseb-lib-react.vercel.app/styles/text
  */
-declare const Text: FC$1<ILibText>;
+declare const Text: FC$2<ILibText>;
 
 /**
  * Wrapper component for providing a responsive layout container.
@@ -891,7 +913,7 @@ declare const Text: FC$1<ILibText>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/styles/wrapper
  */
-declare const Wrapper: FC$1<ILibWrapper>;
+declare const Wrapper: FC$2<ILibWrapper>;
 
 /**
  * Main component for rendering the primary content area.
@@ -917,7 +939,7 @@ declare const Wrapper: FC$1<ILibWrapper>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/styles/main
  */
-declare const Main: FC$1<ILibMain>;
+declare const Main: FC$2<ILibMain>;
 
 /**
  * Aside component for rendering a sidebar or secondary content area.
@@ -941,7 +963,7 @@ declare const Main: FC$1<ILibMain>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/styles/aside
  */
-declare const Aside: FC$1<ILibAside>;
+declare const Aside: FC$2<ILibAside>;
 
 /**
  * Section component for grouping related content in a flexible layout.
@@ -965,7 +987,7 @@ declare const Aside: FC$1<ILibAside>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/layouts/section
  */
-declare const Section: FC$1<ILibSection>;
+declare const Section: FC$2<ILibSection>;
 
 /**
  * Grid component for flexible CSS grid layouts.
@@ -998,7 +1020,7 @@ declare const Section: FC$1<ILibSection>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/layouts/grid
  */
-declare const Grid: FC$1<ILibGrid>;
+declare const Grid: FC$2<ILibGrid>;
 
 /**
  * Flexbox component for flexible layouts using CSS flexbox.
@@ -1031,7 +1053,7 @@ declare const Grid: FC$1<ILibGrid>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/layouts/flexbox
  */
-declare const Flexbox: FC$1<ILibFlexbox>;
+declare const Flexbox: FC$2<ILibFlexbox>;
 
 /**
  * Key component for displaying keyboard keys or shortcuts.
@@ -1050,7 +1072,7 @@ declare const Flexbox: FC$1<ILibFlexbox>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/layouts/key
  */
-declare const Key: FC$1<ILibKey>;
+declare const Key: FC$2<ILibKey>;
 
 /**
  * Highlight component for emphasizing parts of text.
@@ -1068,7 +1090,7 @@ declare const Key: FC$1<ILibKey>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/layouts/highlight
  */
-declare const Highlight: FC$1<ILibHighlight>;
+declare const Highlight: FC$2<ILibHighlight>;
 
 /**
  * Linkify component that automatically detects URLs in the provided text and wraps them in anchor tags.
@@ -1094,7 +1116,7 @@ declare const Highlight: FC$1<ILibHighlight>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/linkify
  */
-declare const Linkify: FC$1<ILibLinkify>;
+declare const Linkify: FC$2<ILibLinkify>;
 
 /**
  * Hr component for rendering a horizontal rule with custom color, width, and border radius.
@@ -1114,7 +1136,7 @@ declare const Linkify: FC$1<ILibLinkify>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/hr
  */
-declare const Hr: FC$1<ILibHr>;
+declare const Hr: FC$2<ILibHr>;
 
 /**
  * Skeleton component for displaying a loading placeholder.
@@ -1133,7 +1155,7 @@ declare const Hr: FC$1<ILibHr>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/layouts/skeleton
  */
-declare const Skeleton: FC$1<ILibSkeleton>;
+declare const Skeleton: FC$2<ILibSkeleton>;
 
 /**
  * SkeletonCard component for displaying a loading placeholder in the shape of a card.
@@ -1203,7 +1225,7 @@ declare const SkeletonCard: FC<ILibSkeletonCard>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/tooltip
  */
-declare const Tooltip: FC$1<ILibTooltip>;
+declare const Tooltip: FC$2<ILibTooltip>;
 
 /**
  * Image component for displaying images with optional styling, captions, and accessibility features.
@@ -1225,7 +1247,7 @@ declare const Tooltip: FC$1<ILibTooltip>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/layouts/image
  */
-declare const Image: FC$1<ILibImage>;
+declare const Image: FC$2<ILibImage>;
 
 /**
  * LazyImage component for lazy-loading images with a skeleton placeholder.
@@ -1253,7 +1275,7 @@ declare const Image: FC$1<ILibImage>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/lazy-image
  */
-declare const LazyImage: FC$1<ILibLazyImage>;
+declare const LazyImage: FC$2<ILibLazyImage>;
 
 /**
  * Masonry component for displaying content in a responsive masonry grid layout.
@@ -1282,7 +1304,7 @@ declare const LazyImage: FC$1<ILibLazyImage>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/masonry
  */
-declare const Masonry: FC$1<ILibMasonry>;
+declare const Masonry: FC$2<ILibMasonry>;
 
 /**
  * Badge component for displaying a colored label or status.
@@ -1307,7 +1329,7 @@ declare const Masonry: FC$1<ILibMasonry>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/badge
  */
-declare const Badge: FC$1<ILibBadge>;
+declare const Badge: FC$2<ILibBadge>;
 
 /**
  * Avatar component for displaying a user image, initials, or icon, with optional badge and custom styles.
@@ -1336,7 +1358,7 @@ declare const Badge: FC$1<ILibBadge>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/avatar
  */
-declare const Avatar: FC$1<ILibAvatar>;
+declare const Avatar: FC$2<ILibAvatar>;
 
 /**
  * Loader component for displaying a loading indicator with multiple style variants and color options.
@@ -1359,7 +1381,7 @@ declare const Avatar: FC$1<ILibAvatar>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/loader
  */
-declare const Loader: FC$1<ILibLoader>;
+declare const Loader: FC$2<ILibLoader>;
 
 /**
  * Burger component for displaying a hamburger menu icon with open/closed states and hover effects.
@@ -1390,7 +1412,7 @@ declare const Loader: FC$1<ILibLoader>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/burger
  */
-declare const Burger: FC$1<ILibBurger>;
+declare const Burger: FC$2<ILibBurger>;
 
 /**
  * Button component for user interactions with multiple variants, colors, and loading states.
@@ -1418,7 +1440,7 @@ declare const Burger: FC$1<ILibBurger>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/button
  */
-declare const Button: FC$1<ILibButton>;
+declare const Button: FC$2<ILibButton>;
 
 /**
  * ButtonIcon component for displaying an icon button with optional tooltip and loading states.
@@ -1458,7 +1480,7 @@ declare const Button: FC$1<ILibButton>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/button-icon
  */
-declare const ButtonIcon: FC$1<ILibButtonIcon>;
+declare const ButtonIcon: FC$2<ILibButtonIcon>;
 
 /**
  * ButtonGroup component for displaying a group of related buttons with consistent styling and optional separators.
@@ -1492,7 +1514,7 @@ declare const ButtonIcon: FC$1<ILibButtonIcon>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/button-group
  */
-declare const ButtonGroup: FC$1<ILibButtonGroup>;
+declare const ButtonGroup: FC$2<ILibButtonGroup>;
 
 /**
  * Tag component for displaying labeled content with customizable colors, variants, and styling options.
@@ -1522,7 +1544,7 @@ declare const ButtonGroup: FC$1<ILibButtonGroup>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/tag
  */
-declare const Tag: FC$1<ILibTag>;
+declare const Tag: FC$2<ILibTag>;
 
 /**
  * InputContainer component for wrapping input elements with labels, helper text, validation messages, and character counters.
@@ -1560,7 +1582,7 @@ declare const Tag: FC$1<ILibTag>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/input
  */
-declare const InputContainer: FC$1<ILibInputContainer>;
+declare const InputContainer: FC$2<ILibInputContainer>;
 
 /**
  * Input component with multiple types and variants for form data collection.
@@ -1602,7 +1624,7 @@ declare const InputContainer: FC$1<ILibInputContainer>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/input
  */
-declare const Input: FC$1<ILibInput>;
+declare const Input: FC$2<ILibInput>;
 
 /**
  * InputImage component for uploading and displaying image files with hover interactions and validation states.
@@ -1638,7 +1660,7 @@ declare const Input: FC$1<ILibInput>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/input-image
  */
-declare const InputImage: FC$1<ILibInputImage>;
+declare const InputImage: FC$2<ILibInputImage>;
 
 /**
  * InputCheck component for creating interactive checkbox, radio, and toggle inputs with multiple visual variants.
@@ -1675,7 +1697,7 @@ declare const InputImage: FC$1<ILibInputImage>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/input-check
  */
-declare const InputCheck: FC$1<ILibInputCheck>;
+declare const InputCheck: FC$2<ILibInputCheck>;
 
 /**
  * InputPhone component for phone number input with country selection dropdown and search functionality.
@@ -1718,7 +1740,7 @@ declare const InputCheck: FC$1<ILibInputCheck>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/input-phone
  */
-declare const InputPhone: FC$1<ILibInputPhone>;
+declare const InputPhone: FC$2<ILibInputPhone>;
 
 declare const countries: Array<LibCountry>;
 
@@ -1773,7 +1795,7 @@ declare const countries: Array<LibCountry>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/input-counter
  */
-declare const InputCounter: FC$1<ILibInputCounter>;
+declare const InputCounter: FC$2<ILibInputCounter>;
 
 /**
  * InputSlider component for creating range input sliders with customizable appearance, tooltips, and min/max value display.
@@ -1812,7 +1834,7 @@ declare const InputCounter: FC$1<ILibInputCounter>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/input-slider
  */
-declare const InputSlider: FC$1<ILibInputSlider>;
+declare const InputSlider: FC$2<ILibInputSlider>;
 
 /**
  * Select component for creating dropdown selection inputs with keyboard navigation, validation states, and customizable styling.
@@ -1853,7 +1875,7 @@ declare const InputSlider: FC$1<ILibInputSlider>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/select
  */
-declare const Select: FC$1<ILibSelect>;
+declare const Select: FC$2<ILibSelect>;
 
 /**
  * Autocomplete component for text input with fuzzy search functionality, keyboard navigation, and customizable dropdown results.
@@ -1899,7 +1921,7 @@ declare const Select: FC$1<ILibSelect>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/autocomplete
  */
-declare const Autocomplete: FC$1<ILibAutocomplete>;
+declare const Autocomplete: FC$2<ILibAutocomplete>;
 
 /**
  * Rating component for displaying and selecting star ratings with customizable icons, read-only mode, and validation states.
@@ -1941,7 +1963,7 @@ declare const Autocomplete: FC$1<ILibAutocomplete>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/rating
  */
-declare const Rating: FC$1<ILibRating>;
+declare const Rating: FC$2<ILibRating>;
 
 /**
  * InputPin component for creating PIN code or verification code inputs with multiple individual input fields.
@@ -1979,7 +2001,7 @@ declare const Rating: FC$1<ILibRating>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/input-pin
  */
-declare const InputPin: FC$1<ILibInputPin>;
+declare const InputPin: FC$2<ILibInputPin>;
 
 /**
  * Fieldset component for grouping related form controls with a legend, validation states, and customizable styling.
@@ -2017,7 +2039,7 @@ declare const InputPin: FC$1<ILibInputPin>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/fieldset
  */
-declare const Fieldset: FC$1<ILibFieldset>;
+declare const Fieldset: FC$2<ILibFieldset>;
 
 /**
  * Form component for creating forms with built-in submit and secondary action buttons, loading states, and validation support.
@@ -2051,7 +2073,7 @@ declare const Fieldset: FC$1<ILibFieldset>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/form
  */
-declare const Form: FC$1<ILibForm>;
+declare const Form: FC$2<ILibForm>;
 
 /**
  * ListGroup component for displaying a structured list of items with optional title, numbering, and separators.
@@ -2083,7 +2105,7 @@ declare const Form: FC$1<ILibForm>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/list-group
  */
-declare const ListGroup: FC$1<ILibListGroup>;
+declare const ListGroup: FC$2<ILibListGroup>;
 
 /**
  * ListGroupTitle component for rendering a styled header/title for list groups with optional fixed positioning and shadow effects.
@@ -2114,7 +2136,7 @@ declare const ListGroup: FC$1<ILibListGroup>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/list-group
  */
-declare const ListGroupTitle: FC$1<ILibListGroupTitle>;
+declare const ListGroupTitle: FC$2<ILibListGroupTitle>;
 
 /**
  * ListGroupItem component for rendering individual items within a list group with optional numbering, content, and separators.
@@ -2145,7 +2167,7 @@ declare const ListGroupTitle: FC$1<ILibListGroupTitle>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/list-group
  */
-declare const ListGroupItem: FC$1<ILibListGroupItem>;
+declare const ListGroupItem: FC$2<ILibListGroupItem>;
 
 /**
  * Breadcrumbs component for displaying navigational breadcrumb trails.
@@ -2175,7 +2197,7 @@ declare const ListGroupItem: FC$1<ILibListGroupItem>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/breadcrumbs
  */
-declare const Breadcrumbs: FC$1<ILibBreadcrumbs>;
+declare const Breadcrumbs: FC$2<ILibBreadcrumbs>;
 
 /**
  * Accordion component for creating collapsible content sections with customizable styling and expandable items.
@@ -2205,7 +2227,7 @@ declare const Breadcrumbs: FC$1<ILibBreadcrumbs>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/accordion
  */
-declare const Accordion: FC$1<ILibAccordion>;
+declare const Accordion: FC$2<ILibAccordion>;
 
 /**
  * AccordionItem component for creating individual collapsible sections with title, content, and customizable styling.
@@ -2233,7 +2255,7 @@ declare const Accordion: FC$1<ILibAccordion>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/accordion
  */
-declare const AccordionItem: FC$1<ILibAccordionItem>;
+declare const AccordionItem: FC$2<ILibAccordionItem>;
 
 /**
  * Dropdown component for creating contextual menus and popover content with customizable positioning and animations.
@@ -2269,7 +2291,7 @@ declare const AccordionItem: FC$1<ILibAccordionItem>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/dropdown
  */
-declare const Dropdown: FC$1<ILibDropdown>;
+declare const Dropdown: FC$2<ILibDropdown>;
 
 /**
  * DropdownItem component for rendering individual items within dropdown menus with hover states and customizable content.
@@ -2294,7 +2316,7 @@ declare const Dropdown: FC$1<ILibDropdown>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/dropdown
  */
-declare const DropdownItem: FC$1<ILibDropdownItem>;
+declare const DropdownItem: FC$2<ILibDropdownItem>;
 
 /**
  * Toast component for displaying temporary notification messages with different status types and optional close functionality.
@@ -2326,7 +2348,7 @@ declare const DropdownItem: FC$1<ILibDropdownItem>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/toast
  */
-declare const Toast: FC$1<ILibToast>;
+declare const Toast: FC$2<ILibToast>;
 
 /**
  * ToastContainer component for managing and displaying toast notifications with customizable positioning and behavior.
@@ -2359,7 +2381,7 @@ declare const Toast: FC$1<ILibToast>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/toast
  */
-declare const ToastContainer: FC$1<ToastContainerProps>;
+declare const ToastContainer: FC$2<ToastContainerProps>;
 
 /**
  * Toast utility functions for displaying different types of notification messages with customizable options and automatic styling.
@@ -2441,7 +2463,7 @@ declare const toast: {
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/alert
  */
-declare const Alert: FC$1<ILibAlert>;
+declare const Alert: FC$2<ILibAlert>;
 
 /**
  * Modal component for displaying overlay content with backdrop, close functionality, and keyboard navigation support.
@@ -2472,12 +2494,13 @@ declare const Alert: FC$1<ILibAlert>;
  * @prop {boolean} [props.hideCloseButton] - Whether to hide the close button in the modal.
  * @prop {React.ReactNode} [props.closeIcon=<BiX size={32} />] - Custom close icon for the modal.
  * @prop {string} [props.labelClose="Close modal"] - Aria label for the close button.
+ * @prop {boolean} [props.enableScrollWhenOpen] - Enable page scrolling when modal is open.
  *
  * @returns {JSX.Element} The rendered Modal component.
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/modal
  */
-declare const Modal: FC$1<ILibModal>;
+declare const Modal: FC$2<ILibModal>;
 
 /**
  * DragList component for creating draggable and reorderable lists with customizable items and separators.
@@ -2508,7 +2531,7 @@ declare const Modal: FC$1<ILibModal>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/drag-list
  */
-declare const DragList: FC$1<ILibDragList>;
+declare const DragList: FC$2<ILibDragList>;
 
 /**
  * DragListItem component for rendering individual draggable items within a drag list with drag handles and content.
@@ -2542,7 +2565,7 @@ declare const DragList: FC$1<ILibDragList>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/drag-list
  */
-declare const DragListItem: FC$1<ILibDragListItem>;
+declare const DragListItem: FC$2<ILibDragListItem>;
 
 /**
  * Pagination component for navigating through multiple pages of content with customizable styling and navigation controls.
@@ -2577,7 +2600,7 @@ declare const DragListItem: FC$1<ILibDragListItem>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/pagination
  */
-declare const Pagination: FC$1<ILibPagination>;
+declare const Pagination: FC$2<ILibPagination>;
 
 /**
  * PaginationButton component for rendering individual page navigation buttons with active states and styling.
@@ -2607,7 +2630,7 @@ declare const Pagination: FC$1<ILibPagination>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/pagination
  */
-declare const PaginationButton: FC$1<ILibPaginationButton>;
+declare const PaginationButton: FC$2<ILibPaginationButton>;
 
 /**
  * Paginator component for simple page navigation with input field and next/previous buttons.
@@ -2650,7 +2673,7 @@ declare const PaginationButton: FC$1<ILibPaginationButton>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/paginator
  */
-declare const Paginator: FC$1<ILibPaginator>;
+declare const Paginator: FC$2<ILibPaginator>;
 
 /**
  * ProgressBar component for displaying progress with customizable colors and animations using a meter element.
@@ -2679,7 +2702,7 @@ declare const Paginator: FC$1<ILibPaginator>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/progress-bar
  */
-declare const ProgressBar: FC$1<ILibProgressBar>;
+declare const ProgressBar: FC$2<ILibProgressBar>;
 
 /**
  * ProgressCircle component for displaying circular progress with customizable colors and smooth animations using SVG.
@@ -2711,7 +2734,7 @@ declare const ProgressBar: FC$1<ILibProgressBar>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/progress-circle
  */
-declare const ProgressCircle: FC$1<ILibProgressCircle>;
+declare const ProgressCircle: FC$2<ILibProgressCircle>;
 
 /**
  * Tabs component for creating tabbed interfaces with automatic state management and customizable styling.
@@ -2746,7 +2769,7 @@ declare const ProgressCircle: FC$1<ILibProgressCircle>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/tabs
  */
-declare const Tabs: FC$1<ILibTabs>;
+declare const Tabs: FC$2<ILibTabs>;
 
 /**
  * TabsContainer component for wrapping tab navigation and content panels with customizable styling.
@@ -2774,7 +2797,7 @@ declare const Tabs: FC$1<ILibTabs>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/tabs
  */
-declare const TabsContainer: FC$1<ILibTabsContainer>;
+declare const TabsContainer: FC$2<ILibTabsContainer>;
 
 /**
  * TabsButtonsContainer component for wrapping tab navigation buttons with customizable layout and styling.
@@ -2801,7 +2824,7 @@ declare const TabsContainer: FC$1<ILibTabsContainer>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/tabs
  */
-declare const TabsButtonsContainer: FC$1<ILibTabsButtonsContainer>;
+declare const TabsButtonsContainer: FC$2<ILibTabsButtonsContainer>;
 
 /**
  * TabsButton component for individual tab navigation buttons with active states and customizable styling.
@@ -2832,7 +2855,7 @@ declare const TabsButtonsContainer: FC$1<ILibTabsButtonsContainer>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/tabs
  */
-declare const TabsButton: FC$1<ILibTabsButton>;
+declare const TabsButton: FC$2<ILibTabsButton>;
 
 /**
  * TabsContent component for displaying individual tab panel content with conditional rendering based on active state.
@@ -2857,7 +2880,7 @@ declare const TabsButton: FC$1<ILibTabsButton>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/tabs
  */
-declare const TabsContent: FC$1<ILibTabsContent>;
+declare const TabsContent: FC$2<ILibTabsContent>;
 
 /**
  * Slideshow component for displaying images or content with navigation controls, pagination, and touch/swipe support.
@@ -2894,7 +2917,7 @@ declare const TabsContent: FC$1<ILibTabsContent>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/slideshow
  */
-declare const Slideshow: FC$1<ILibSlideshow>;
+declare const Slideshow: FC$2<ILibSlideshow>;
 
 /**
  * A carousel component that displays a continuous scrolling animation of items (images or custom content).
@@ -2927,7 +2950,7 @@ declare const Slideshow: FC$1<ILibSlideshow>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/carousel
  */
-declare const Carousel: FC$1<ILibCarousel>;
+declare const Carousel: FC$2<ILibCarousel>;
 
 /**
  * Cover component for creating full-screen layouts with background images, overlays, and content positioning.
@@ -2961,7 +2984,7 @@ declare const Carousel: FC$1<ILibCarousel>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/cover
  */
-declare const Cover: FC$1<ILibCover>;
+declare const Cover: FC$2<ILibCover>;
 
 /**
  * Table component for creating structured data tables with customizable styling, variants, and automatic link detection.
@@ -2998,7 +3021,7 @@ declare const Cover: FC$1<ILibCover>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/table
  */
-declare const Table: FC$1<ILibTable>;
+declare const Table: FC$2<ILibTable>;
 
 /**
  * PageLoading component for displaying a full-screen loading overlay with customizable background and loader.
@@ -3027,7 +3050,7 @@ declare const Table: FC$1<ILibTable>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/page-loading
  */
-declare const PageLoading: FC$1<ILibPageLoading>;
+declare const PageLoading: FC$2<ILibPageLoading>;
 
 /**
  * Sticky component for creating elements that stick to a specified position during scroll.
@@ -3051,7 +3074,7 @@ declare const PageLoading: FC$1<ILibPageLoading>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/sticky
  */
-declare const Sticky: FC$1<ILibSticky>;
+declare const Sticky: FC$2<ILibSticky>;
 
 /**
  * MarkdownEditor component for creating rich text content with live preview and customizable toolbar.
@@ -3095,7 +3118,7 @@ declare const Sticky: FC$1<ILibSticky>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/markdown-editor
  */
-declare const MarkdownEditor: FC$1<ILibMarkdownEditor>;
+declare const MarkdownEditor: FC$2<ILibMarkdownEditor>;
 
 /**
  * MarkdownContainer component for rendering markdown content with customizable parsing options and styling.
@@ -3124,7 +3147,7 @@ declare const MarkdownEditor: FC$1<ILibMarkdownEditor>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/markdown-container
  */
-declare const MarkdownContainer: FC$1<ILibMarkdownContainer>;
+declare const MarkdownContainer: FC$2<ILibMarkdownContainer>;
 
 /**
  * A container component for displaying syntax-highlighted code blocks with copy-to-clipboard functionality.
@@ -3148,7 +3171,7 @@ declare const MarkdownContainer: FC$1<ILibMarkdownContainer>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/code-container
  */
-declare const CodeContainer: FC$1<ILibCodeContainer>;
+declare const CodeContainer: FC$2<ILibCodeContainer>;
 
 /**
  * Fade component for creating smooth fade-in animations when elements enter the viewport.
@@ -3171,7 +3194,7 @@ declare const CodeContainer: FC$1<ILibCodeContainer>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/fade
  */
-declare const Fade: FC$1<ILibFade>;
+declare const Fade: FC$2<ILibFade>;
 
 /**
  * BackToTop component for providing a smooth scroll-to-top functionality with customizable styling and positioning.
@@ -3198,7 +3221,7 @@ declare const Fade: FC$1<ILibFade>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/back-to-top
  */
-declare const BackToTop: FC$1<ILibBackToTop>;
+declare const BackToTop: FC$2<ILibBackToTop>;
 
 /**
  * Drawer component for creating slide-out panels with customizable positioning, styling, and overlay functionality.
@@ -3240,7 +3263,7 @@ declare const BackToTop: FC$1<ILibBackToTop>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/drawer
  */
-declare const Drawer: FC$1<ILibDrawer>;
+declare const Drawer: FC$2<ILibDrawer>;
 
 /**
  * Header component for creating responsive navigation headers with customizable positioning, mobile menu variants, and search functionality.
@@ -3289,7 +3312,7 @@ declare const Drawer: FC$1<ILibDrawer>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/header
  */
-declare const Header: FC$1<ILibHeader>;
+declare const Header: FC$2<ILibHeader>;
 
 /**
  * Footer component for displaying a page footer with logo, links, and customizable layout options.
@@ -3327,7 +3350,7 @@ declare const Header: FC$1<ILibHeader>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/footer
  */
-declare const Footer: FC$1<ILibFooter>;
+declare const Footer: FC$2<ILibFooter>;
 
 /**
  * Meta component for managing HTML head metadata including SEO, Open Graph, and Twitter Card properties.
@@ -3373,7 +3396,7 @@ declare const Footer: FC$1<ILibFooter>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/meta
  */
-declare const Meta: FC$1<ILibMeta>;
+declare const Meta: FC$2<ILibMeta>;
 
 /**
  * PageLayout component for creating a complete page structure with optional header, footer, wrapper, and meta tags.
@@ -3404,7 +3427,7 @@ declare const Meta: FC$1<ILibMeta>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/page-layout
  */
-declare const PageLayout: FC$1<ILibPageLayout>;
+declare const PageLayout: FC$2<ILibPageLayout>;
 
 /**
  * SrOnly component for creating screen reader only content that is visually hidden but accessible to assistive technologies.
@@ -3426,6 +3449,6 @@ declare const PageLayout: FC$1<ILibPageLayout>;
  *
  * @see https://doc-julseb-lib-react.vercel.app/components/sr-only
  */
-declare const SrOnly: FC$1<ILibSrOnly>;
+declare const SrOnly: FC$2<ILibSrOnly>;
 
-export { Accordion, AccordionItem, Alert, Aside, Autocomplete, Avatar, BackToTop, Badge, Breadcrumbs, Burger, Button, ButtonGroup, ButtonIcon, COLORS, Carousel, 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, LazyImage, Linkify, ListGroup, ListGroupItem, ListGroupTitle, Loader, MEDIA, Main, MarkdownContainer, MarkdownEditor, Masonry, Meta, Modal, OVERLAYS, PageLayout, PageLoading, Pagination, PaginationButton, Paginator, ProgressBar, ProgressCircle, RADIUSES, 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, countries, detectLanguage, disableScroll, enableScroll, 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, libMarkdownComponents, libMarkdownEditorOptions, linkifyText, scrollToTop, toast, useClickOutside, useCopyToClipboard, useDebounce, useExportData, useFetch, useForm, useIsOverflow, useKeyPress, useLibTheme, useMaxWidth, useMergeRefs, useMinWidth, usePaginatedData, usePagination, useTextLineCount, useTouchScreen, useTranslation };
+export { Accordion, AccordionItem, Alert, Aside, Autocomplete, Avatar, BackToTop, Badge, Breadcrumbs, Burger, Button, ButtonGroup, ButtonIcon, COLORS, Carousel, 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, LazyImage, Linkify, ListGroup, ListGroupItem, ListGroupTitle, Loader, MEDIA, Main, MarkdownContainer, MarkdownEditor, Masonry, Meta, Modal, ModalOpenProviderWrapper, OVERLAYS, PageLayout, PageLoading, Pagination, PaginationButton, Paginator, ProgressBar, ProgressCircle, RADIUSES, 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, countries, detectLanguage, disableScroll, enableScroll, genAlignContent, genAlignItems, genBgAllColors, genBgAllColorsAndOverlays, genBgColor, genBgColor50, genBgColorGhostHover, genBgColorHover, genBgColorShort, genBgOverlay, genBorderAllColors, genBorderColor, genBorderColorHover, genBorderColorShort, genBorderRadius, genBoxShadow, genButtonColor, genButtonDisabled, genColGap, genFontSize, genFontWeight, genGap, genJustifyContent, genJustifyItems, genLinkColor, genMaxWidth, genObjectFit, genRingColor, genRingColorChildren, genRowGap, genTextAlign, genTextAllColor, genTextColor, genTextColorHover, genTextColorShort, genVAlign, libMarkdownComponents, libMarkdownEditorOptions, linkifyText, scrollToTop, toast, useClickOutside, useCopyToClipboard, useDebounce, useExportData, useFetch, useForm, useIsOverflow, useKeyPress, useLibTheme, useMaxWidth, useMergeRefs, useMinWidth, useModalOpen, usePaginatedData, usePagination, useTextLineCount, useTouchScreen, useTranslation };