@julseb-lib/react 0.1.42 → 0.1.43

package/dist/index.d.cts

@@ -7,12 +7,13 @@ 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, 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, ILibCodeContainer } from './types/components-props.cjs';
 import * as react_toastify from 'react-toastify';
 import { ToastContainerProps, ToastOptions } from 'react-toastify';
 import 'csstype';
 import 'fuse.js';
 import './types/require-at-least-one.cjs';
+import 'prism-react-renderer';
 
 declare const URL_REGEX: RegExp;
 declare const linkifyText: (text: string, blank?: boolean) => (string | react_jsx_runtime.JSX.Element)[];
@@ -1452,7 +1453,8 @@ declare const InputContainer: FC$1<ILibInputContainer>;
  * @prop {React.ReactNode} [props.icon] - Icon element to display inside the input.
  * @prop {string} [props.placeholder] - Placeholder text for the input.
  * @prop {boolean} [props.disabled] - Whether the input is disabled.
- * @prop {React.ReactNode} [props.children] - Child elements for select and textarea types.
+ * @prop {React.ReactNode} [props.children] - Child elements for select type.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the input element.
  *
  * @returns {JSX.Element} The rendered Input component.
@@ -1488,6 +1490,7 @@ declare const Input: FC$1<ILibInput>;
  * @prop {"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"} [props.borderRadius="md"] - Border radius of the image container.
  * @prop {boolean} [props.disabled] - Whether the input is disabled.
  * @prop {string} [props.id] - Unique identifier for the input element.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the file input element.
  *
  * @returns {JSX.Element} The rendered InputImage component.
@@ -1567,6 +1570,7 @@ declare const InputCheck: FC$1<ILibInputCheck>;
  * @prop {LibValidation} [props.validation] - Validation state and configuration object.
  * @prop {"rounded" | "pill"} [props.inputVariant] - Visual variant of the input.
  * @prop {"light" | "dark"} [props.inputBackground] - Background theme of the input.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the input element.
  *
  * @returns {JSX.Element} The rendered InputPhone component.
@@ -1617,6 +1621,7 @@ declare const InputPhone: FC$1<ILibInputPhone>;
  * @prop {number} [props.min=1] - Minimum allowed value for the counter.
  * @prop {number} [props.max=100] - Maximum allowed value for the counter.
  * @prop {number} [props.step=1] - Increment/decrement step value.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the input or span element.
  *
  * @returns {JSX.Element} The rendered InputCounter component.
@@ -1655,6 +1660,7 @@ declare const InputCounter: FC$1<ILibInputCounter>;
  * @prop {number} [props.min=0] - Minimum value for the slider range.
  * @prop {number} [props.max=100] - Maximum value for the slider range.
  * @prop {number} [props.value] - Current value of the slider.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the input element.
  *
  * @returns {JSX.Element} The rendered InputSlider component.
@@ -1695,6 +1701,7 @@ declare const InputSlider: FC$1<ILibInputSlider>;
  * @prop {string} [props.id] - Unique identifier for the select element.
  * @prop {LibValidation} [props.validation] - Validation state and configuration object.
  * @prop {boolean} [props.disabled] - Whether the select is disabled.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the button element.
  *
  * @returns {JSX.Element} The rendered Select component.
@@ -1740,6 +1747,7 @@ declare const Select: FC$1<ILibSelect>;
  * @prop {string} [props.textNoResult="No result."] - Text to display when no search results are found.
  * @prop {boolean} [props.disabled] - Whether the autocomplete is disabled.
  * @prop {LibValidation} [props.validation] - Validation state and configuration object.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the input element.
  *
  * @returns {JSX.Element} The rendered Autocomplete component.
@@ -1779,6 +1787,7 @@ declare const Autocomplete: FC$1<ILibAutocomplete>;
  * @prop {string} [props.helperBottom] - Helper text to display at the bottom of the rating.
  * @prop {string} [props.id] - Unique identifier for the rating element.
  * @prop {LibValidation} [props.validation] - Validation state and configuration object.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the rating container.
  *
  * @returns {JSX.Element} The rendered Rating component.
@@ -1816,6 +1825,7 @@ declare const Rating: FC$1<ILibRating>;
  * @prop {boolean} [props.hideValues] - Whether to hide the input values (password mode).
  * @prop {boolean} [props.disabled] - Whether the pin inputs are disabled.
  * @prop {"light" | "dark"} [props.inputBackground] - Background theme of the input fields.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the pin input container.
  *
  * @returns {JSX.Element} The rendered InputPin component.
@@ -1853,6 +1863,7 @@ declare const InputPin: FC$1<ILibInputPin>;
  * @prop {LibValidation} [props.validation] - Validation state and configuration object.
  * @prop {string} [props.legend] - Legend text to display as the fieldset title.
  * @prop {"xs" | "sm" | "md" | "lg" | "xl" | "full"} [props.borderRadius="md"] - Border radius size for the fieldset.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the fieldset element.
  *
  * @returns {JSX.Element} The rendered Fieldset component.
@@ -2894,6 +2905,7 @@ declare const Sticky: FC$1<ILibSticky>;
  * @prop {LibMarkdownEditorOptions} [props.options] - Configuration for which toolbar buttons to show.
  * @prop {string} [props.textButtonTitles="Titles"] - Text for the titles dropdown button.
  * @prop {object} [props.icons] - Custom icons for toolbar buttons.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  *
  * @returns {JSX.Element} The rendered MarkdownEditor component.
  *
@@ -3196,4 +3208,25 @@ 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, 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 };
+/**
+ * A container component for displaying syntax-highlighted code blocks with copy-to-clipboard functionality.
+ *
+ * @component
+ *
+ * @example
+ * <CodeContainer language="tsx" theme={themes.oneDark}>
+ *   {`const foo = "bar"`}
+ * </CodeContainer>
+ *
+ * @extends HighlightProps
+ *
+ * @prop {string} [props.children] - The code string to be highlighted and displayed. If starting with "$ ", it will be removed before copying. Default: undefined.
+ * @prop {...HighlightProps} [props.<other>] - All other props from `HighlightProps` except "children" and "code".
+ *
+ * @returns {JSX.Element} The rendered code block with syntax highlighting and a copy button.
+ *
+ * @see https://doc-julseb-lib-react.vercel.app/components/CodeContainer
+ */
+declare const CodeContainer: FC$1<ILibCodeContainer>;
+
+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 };

package/dist/index.d.ts

@@ -7,12 +7,13 @@ 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, 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, ILibCodeContainer } from './types/components-props.js';
 import * as react_toastify from 'react-toastify';
 import { ToastContainerProps, ToastOptions } from 'react-toastify';
 import 'csstype';
 import 'fuse.js';
 import './types/require-at-least-one.js';
+import 'prism-react-renderer';
 
 declare const URL_REGEX: RegExp;
 declare const linkifyText: (text: string, blank?: boolean) => (string | react_jsx_runtime.JSX.Element)[];
@@ -1452,7 +1453,8 @@ declare const InputContainer: FC$1<ILibInputContainer>;
  * @prop {React.ReactNode} [props.icon] - Icon element to display inside the input.
  * @prop {string} [props.placeholder] - Placeholder text for the input.
  * @prop {boolean} [props.disabled] - Whether the input is disabled.
- * @prop {React.ReactNode} [props.children] - Child elements for select and textarea types.
+ * @prop {React.ReactNode} [props.children] - Child elements for select type.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the input element.
  *
  * @returns {JSX.Element} The rendered Input component.
@@ -1488,6 +1490,7 @@ declare const Input: FC$1<ILibInput>;
  * @prop {"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"} [props.borderRadius="md"] - Border radius of the image container.
  * @prop {boolean} [props.disabled] - Whether the input is disabled.
  * @prop {string} [props.id] - Unique identifier for the input element.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the file input element.
  *
  * @returns {JSX.Element} The rendered InputImage component.
@@ -1567,6 +1570,7 @@ declare const InputCheck: FC$1<ILibInputCheck>;
  * @prop {LibValidation} [props.validation] - Validation state and configuration object.
  * @prop {"rounded" | "pill"} [props.inputVariant] - Visual variant of the input.
  * @prop {"light" | "dark"} [props.inputBackground] - Background theme of the input.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the input element.
  *
  * @returns {JSX.Element} The rendered InputPhone component.
@@ -1617,6 +1621,7 @@ declare const InputPhone: FC$1<ILibInputPhone>;
  * @prop {number} [props.min=1] - Minimum allowed value for the counter.
  * @prop {number} [props.max=100] - Maximum allowed value for the counter.
  * @prop {number} [props.step=1] - Increment/decrement step value.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the input or span element.
  *
  * @returns {JSX.Element} The rendered InputCounter component.
@@ -1655,6 +1660,7 @@ declare const InputCounter: FC$1<ILibInputCounter>;
  * @prop {number} [props.min=0] - Minimum value for the slider range.
  * @prop {number} [props.max=100] - Maximum value for the slider range.
  * @prop {number} [props.value] - Current value of the slider.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the input element.
  *
  * @returns {JSX.Element} The rendered InputSlider component.
@@ -1695,6 +1701,7 @@ declare const InputSlider: FC$1<ILibInputSlider>;
  * @prop {string} [props.id] - Unique identifier for the select element.
  * @prop {LibValidation} [props.validation] - Validation state and configuration object.
  * @prop {boolean} [props.disabled] - Whether the select is disabled.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the button element.
  *
  * @returns {JSX.Element} The rendered Select component.
@@ -1740,6 +1747,7 @@ declare const Select: FC$1<ILibSelect>;
  * @prop {string} [props.textNoResult="No result."] - Text to display when no search results are found.
  * @prop {boolean} [props.disabled] - Whether the autocomplete is disabled.
  * @prop {LibValidation} [props.validation] - Validation state and configuration object.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the input element.
  *
  * @returns {JSX.Element} The rendered Autocomplete component.
@@ -1779,6 +1787,7 @@ declare const Autocomplete: FC$1<ILibAutocomplete>;
  * @prop {string} [props.helperBottom] - Helper text to display at the bottom of the rating.
  * @prop {string} [props.id] - Unique identifier for the rating element.
  * @prop {LibValidation} [props.validation] - Validation state and configuration object.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the rating container.
  *
  * @returns {JSX.Element} The rendered Rating component.
@@ -1816,6 +1825,7 @@ declare const Rating: FC$1<ILibRating>;
  * @prop {boolean} [props.hideValues] - Whether to hide the input values (password mode).
  * @prop {boolean} [props.disabled] - Whether the pin inputs are disabled.
  * @prop {"light" | "dark"} [props.inputBackground] - Background theme of the input fields.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the pin input container.
  *
  * @returns {JSX.Element} The rendered InputPin component.
@@ -1853,6 +1863,7 @@ declare const InputPin: FC$1<ILibInputPin>;
  * @prop {LibValidation} [props.validation] - Validation state and configuration object.
  * @prop {string} [props.legend] - Legend text to display as the fieldset title.
  * @prop {"xs" | "sm" | "md" | "lg" | "xl" | "full"} [props.borderRadius="md"] - Border radius size for the fieldset.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  * @prop {any} [props.rest] - Additional props spread to the fieldset element.
  *
  * @returns {JSX.Element} The rendered Fieldset component.
@@ -2894,6 +2905,7 @@ declare const Sticky: FC$1<ILibSticky>;
  * @prop {LibMarkdownEditorOptions} [props.options] - Configuration for which toolbar buttons to show.
  * @prop {string} [props.textButtonTitles="Titles"] - Text for the titles dropdown button.
  * @prop {object} [props.icons] - Custom icons for toolbar buttons.
+ * @prop {string} [containerClassName] - Additional CSS classes for the container.
  *
  * @returns {JSX.Element} The rendered MarkdownEditor component.
  *
@@ -3196,4 +3208,25 @@ 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, 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 };
+/**
+ * A container component for displaying syntax-highlighted code blocks with copy-to-clipboard functionality.
+ *
+ * @component
+ *
+ * @example
+ * <CodeContainer language="tsx" theme={themes.oneDark}>
+ *   {`const foo = "bar"`}
+ * </CodeContainer>
+ *
+ * @extends HighlightProps
+ *
+ * @prop {string} [props.children] - The code string to be highlighted and displayed. If starting with "$ ", it will be removed before copying. Default: undefined.
+ * @prop {...HighlightProps} [props.<other>] - All other props from `HighlightProps` except "children" and "code".
+ *
+ * @returns {JSX.Element} The rendered code block with syntax highlighting and a copy button.
+ *
+ * @see https://doc-julseb-lib-react.vercel.app/components/CodeContainer
+ */
+declare const CodeContainer: FC$1<ILibCodeContainer>;
+
+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 };