@julseb-lib/react 1.1.1 → 1.1.3

package/dist/index.css

@@ -315,11 +315,83 @@ body {
 	color: var(--color-font);
 	max-width: 100dvw;
 	line-height: var(--leading-normal);
+}
 
-	&.dark {
-		--color-background: var(--color-black);
-		--color-font: var(--color-white);
-	}
+.dark {
+	--color-primary-50: var(--color-blue-950);
+	--color-primary-100: var(--color-blue-900);
+	--color-primary-200: var(--color-blue-800);
+	--color-primary-300: var(--color-blue-700);
+	--color-primary-400: var(--color-blue-600);
+	--color-primary-500: var(--color-blue-500);
+	--color-primary-600: var(--color-blue-400);
+	--color-primary-700: var(--color-blue-300);
+	--color-primary-800: var(--color-blue-200);
+	--color-primary-900: var(--color-blue-100);
+	--color-primary-950: var(--color-blue-50);
+
+	--color-secondary-50: var(--color-cyan-950);
+	--color-secondary-100: var(--color-cyan-900);
+	--color-secondary-200: var(--color-cyan-800);
+	--color-secondary-300: var(--color-cyan-700);
+	--color-secondary-400: var(--color-cyan-600);
+	--color-secondary-500: var(--color-cyan-500);
+	--color-secondary-600: var(--color-cyan-400);
+	--color-secondary-700: var(--color-cyan-300);
+	--color-secondary-800: var(--color-cyan-200);
+	--color-secondary-900: var(--color-cyan-100);
+	--color-secondary-950: var(--color-cyan-50);
+
+	--color-success-50: var(--color-green-950);
+	--color-success-100: var(--color-green-900);
+	--color-success-200: var(--color-green-800);
+	--color-success-300: var(--color-green-700);
+	--color-success-400: var(--color-green-600);
+	--color-success-500: var(--color-green-500);
+	--color-success-600: var(--color-green-400);
+	--color-success-700: var(--color-green-300);
+	--color-success-800: var(--color-green-200);
+	--color-success-900: var(--color-green-100);
+	--color-success-950: var(--color-green-50);
+
+	--color-danger-50: var(--color-red-950);
+	--color-danger-100: var(--color-red-900);
+	--color-danger-200: var(--color-red-800);
+	--color-danger-300: var(--color-red-700);
+	--color-danger-400: var(--color-red-600);
+	--color-danger-500: var(--color-red-500);
+	--color-danger-600: var(--color-red-400);
+	--color-danger-700: var(--color-red-300);
+	--color-danger-800: var(--color-red-200);
+	--color-danger-900: var(--color-red-100);
+	--color-danger-950: var(--color-red-50);
+
+	--color-warning-50: var(--color-amber-950);
+	--color-warning-100: var(--color-amber-900);
+	--color-warning-200: var(--color-amber-800);
+	--color-warning-300: var(--color-amber-700);
+	--color-warning-400: var(--color-amber-600);
+	--color-warning-500: var(--color-amber-500);
+	--color-warning-600: var(--color-amber-400);
+	--color-warning-700: var(--color-amber-300);
+	--color-warning-800: var(--color-amber-200);
+	--color-warning-900: var(--color-amber-100);
+	--color-warning-950: var(--color-amber-50);
+
+	--color-gray-50: var(--color-neutral-950);
+	--color-gray-100: var(--color-neutral-900);
+	--color-gray-200: var(--color-neutral-800);
+	--color-gray-300: var(--color-neutral-700);
+	--color-gray-400: var(--color-neutral-600);
+	--color-gray-500: var(--color-neutral-500);
+	--color-gray-600: var(--color-neutral-400);
+	--color-gray-700: var(--color-neutral-300);
+	--color-gray-800: var(--color-neutral-200);
+	--color-gray-900: var(--color-neutral-100);
+	--color-gray-950: var(--color-neutral-50);
+
+	--color-background: var(--color-black);
+	--color-font: var(--color-white);
 }
 
 .smooth {

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { c as LibColorsHover, ag as CssTextAlign, L as LibColors, a as LibColorsShort, b as LibAllColors, q as LibThemeNames, 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, a8 as LibCountry, ac as ReactElement, t as LibLoaderVariant } from './global-DrPydXbS.cjs';
+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-DrPydXbS.cjs';
 export { aw as designTokens } from './global-DrPydXbS.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ClassNameValue } from 'tailwind-merge';
@@ -30,7 +30,7 @@ declare const genTextAllColor: Record<LibAllColors, string>;
 
 declare const genBgColor: Record<LibColors, string>;
 declare const genBgColorShort: Record<LibColorsShort, string>;
-declare const genBgColor50: (theme: LibThemeNames) => Record<"primary" | "secondary" | "success" | "danger" | "warning" | "gray" | "white", string>;
+declare const genBgColor50: Record<Exclude<LibColorsShort, "black" | "transparent" | "background" | "current">, string>;
 declare const genBgColorHover: Record<LibColorsHover, string>;
 declare const genBgColorGhostHover: Record<LibColorsHover, string>;
 declare const genBgOverlay: Record<LibOverlays, string>;
@@ -66,7 +66,7 @@ declare const genBoxShadow: Record<LibShadows, string>;
 
 declare const genVAlign: Record<CssVerticalAlign, string>;
 
-declare const markdownComponents: Components;
+declare const libMarkdownComponents: Components;
 declare const libMarkdownEditorOptions: LibMdEditorOptions;
 
 declare const genRingColor: Record<LibColorsHover, string>;
@@ -3113,8 +3113,6 @@ declare const MarkdownEditor: FC$1<ILibMarkdownEditor>;
  *
  * @extends HTMLDivElement
  *
- * @prop {string} [className] - Additional CSS classes to apply to the markdown container.
- * @prop {React.Ref<HTMLDivElement>} [ref] - Ref to the markdown container element.
  * @prop {string} [children] - Markdown content to parse and render.
  * @prop {object} [components=markdownComponents] - Custom React components to override default Markdown rendering.
  * @prop {(element: React.ElementType, props: any) => boolean} [allowElement] - Function to filter which elements are allowed.
@@ -3429,4 +3427,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, 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, libMarkdownEditorOptions, linkifyText, markdownComponents, 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, 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 };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { c as LibColorsHover, ag as CssTextAlign, L as LibColors, a as LibColorsShort, b as LibAllColors, q as LibThemeNames, 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, a8 as LibCountry, ac as ReactElement, t as LibLoaderVariant } from './global-DrPydXbS.js';
+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-DrPydXbS.js';
 export { aw as designTokens } from './global-DrPydXbS.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ClassNameValue } from 'tailwind-merge';
@@ -30,7 +30,7 @@ declare const genTextAllColor: Record<LibAllColors, string>;
 
 declare const genBgColor: Record<LibColors, string>;
 declare const genBgColorShort: Record<LibColorsShort, string>;
-declare const genBgColor50: (theme: LibThemeNames) => Record<"primary" | "secondary" | "success" | "danger" | "warning" | "gray" | "white", string>;
+declare const genBgColor50: Record<Exclude<LibColorsShort, "black" | "transparent" | "background" | "current">, string>;
 declare const genBgColorHover: Record<LibColorsHover, string>;
 declare const genBgColorGhostHover: Record<LibColorsHover, string>;
 declare const genBgOverlay: Record<LibOverlays, string>;
@@ -66,7 +66,7 @@ declare const genBoxShadow: Record<LibShadows, string>;
 
 declare const genVAlign: Record<CssVerticalAlign, string>;
 
-declare const markdownComponents: Components;
+declare const libMarkdownComponents: Components;
 declare const libMarkdownEditorOptions: LibMdEditorOptions;
 
 declare const genRingColor: Record<LibColorsHover, string>;
@@ -3113,8 +3113,6 @@ declare const MarkdownEditor: FC$1<ILibMarkdownEditor>;
  *
  * @extends HTMLDivElement
  *
- * @prop {string} [className] - Additional CSS classes to apply to the markdown container.
- * @prop {React.Ref<HTMLDivElement>} [ref] - Ref to the markdown container element.
  * @prop {string} [children] - Markdown content to parse and render.
  * @prop {object} [components=markdownComponents] - Custom React components to override default Markdown rendering.
  * @prop {(element: React.ElementType, props: any) => boolean} [allowElement] - Function to filter which elements are allowed.
@@ -3429,4 +3427,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, 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, libMarkdownEditorOptions, linkifyText, markdownComponents, 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, 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 };