@julseb-lib/react 1.1.24 → 1.1.26

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-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, ad as FC$1, a8 as LibCountry, ac as ReactElement, t as LibLoaderVariant } from './global-DDESDwEf.cjs';
-export { aw as designTokens } from './global-DDESDwEf.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';
@@ -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.
  *
@@ -176,7 +180,7 @@ declare function scrollToTop(): void;
  *
  * @see https://doc-julseb-lib-react.vercel.app/helpers/hooks#useClickOutside
  */
-declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: () => void, isActive?: boolean, delay?: number) => void;
+declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (e?: MouseEvent) => void, isActive?: boolean, delay?: number) => void;
 
 type CopiedValue = string | null;
 type CopyFn = (text: string) => Promise<boolean>;
@@ -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>;
 };
 
 /**
@@ -870,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.
@@ -2488,6 +2494,7 @@ declare const Alert: FC$2<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.
  *
@@ -3444,4 +3451,4 @@ declare const PageLayout: FC$2<ILibPageLayout>;
  */
 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, 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, 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 };
+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 };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-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, ad as FC$1, a8 as LibCountry, ac as ReactElement, t as LibLoaderVariant } from './global-DDESDwEf.js';
-export { aw as designTokens } from './global-DDESDwEf.js';
+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.js';
+export { av as designTokens } from './global-CXiIaXyy.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ClassNameValue } from 'tailwind-merge';
 import { LibMdEditorOptions } from './types/components-items-props.js';
@@ -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.
  *
@@ -176,7 +180,7 @@ declare function scrollToTop(): void;
  *
  * @see https://doc-julseb-lib-react.vercel.app/helpers/hooks#useClickOutside
  */
-declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: () => void, isActive?: boolean, delay?: number) => void;
+declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (e?: MouseEvent) => void, isActive?: boolean, delay?: number) => void;
 
 type CopiedValue = string | null;
 type CopyFn = (text: string) => Promise<boolean>;
@@ -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>;
 };
 
 /**
@@ -870,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.
@@ -2488,6 +2494,7 @@ declare const Alert: FC$2<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.
  *
@@ -3444,4 +3451,4 @@ declare const PageLayout: FC$2<ILibPageLayout>;
  */
 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, 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, 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 };
+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 };