@julseb-lib/react 1.1.24 → 1.1.25

package/dist/types/components-items-props.d.cts

@@ -1,5 +1,5 @@
 import { ElementType, RefObject, ButtonHTMLAttributes } from 'react';
-import { au as ClassNames, ab as ReactChildren } from '../global-DDESDwEf.cjs';
+import { at as ClassNames, aa as ReactChildren } from '../global-CXiIaXyy.cjs';
 import 'csstype';
 
 /**

package/dist/types/components-items-props.d.ts

@@ -1,5 +1,5 @@
 import { ElementType, RefObject, ButtonHTMLAttributes } from 'react';
-import { au as ClassNames, ab as ReactChildren } from '../global-DDESDwEf.js';
+import { at as ClassNames, aa as ReactChildren } from '../global-CXiIaXyy.js';
 import 'csstype';
 
 /**

package/dist/types/components-props.d.cts

@@ -1,5 +1,5 @@
 import { ElementType, CSSProperties, ReactElement as ReactElement$1, ImgHTMLAttributes, ButtonHTMLAttributes, RefObject, InputHTMLAttributes, MouseEventHandler, SelectHTMLAttributes, TextareaHTMLAttributes, Ref, FormHTMLAttributes, DragEvent, MeterHTMLAttributes, ReactNode, FormEvent } from 'react';
-import { J as LibComponentBase, b as LibAllColors, c as LibColorsHover, ag as CssTextAlign, y as LibTextTagDisplay, z as LibTextTagNoDisplay, l as LibSpacers, D as LibMinHeight, ar as LibMainSize, as as LibAsideSize, ai as CssJustifyItems, aj as CssAlignItems, ak as CssJustifyContent, al as CssAlignContent, am as CssFlexDirection, an as CssFlexWrap, ab as ReactChildren, E as LibKeySize, a as LibColorsShort, au as ClassNames, F as LibMaxWidth, m as LibRadiuses, G as LibSkeletonAnimation, H as LibTooltipPosition, I as LibTooltipTrigger, f as LibAllColorsAndOverlays, av as CSSProperties$1, af as Classes, ao as CssObjectFit, t as LibLoaderVariant, v as LibButtonVariantExtended, w as LibButtonSize, ac as ReactElement$2, u as LibButtonVariant, aa as LibTooltipPositionOptions, N as LibTagVariant, r as LibInputVariant, x as LibInputBackground, Q as LibInputListDirection, p as LibInputValidation, P as LibCheckInputVariant, a8 as LibCountry, ae as DispatchState, at as CountryCode, a5 as LibValueInputPin, k as LibShadows, K as LibAccordionVariant, M as LibAccordionIcon, O as LibToastStatus, R as LibTabsJustify, S as LibTabsVariant, W as LibSlideshowButtonsSize, U as LibSlideshowPaginationPosition, T as LibSlideshowPagination, e as LibOverlays, X as LibTableVariant, ah as CssVerticalAlign, Y as LibMdEditorViews, $ as LibDrawerPosition, a0 as LibNavBurgerPosition, a1 as LibNavMobileVariant, a2 as LibHeaderPosition, a4 as LibFooterLinksSeparator, a3 as LibFooterDirection } from '../global-DDESDwEf.cjs';
+import { I as LibComponentBase, b as LibAllColors, c as LibColorsHover, af as CssTextAlign, h as LibFontSizes, i as LibFontWeights, x as LibTextTagDisplay, y as LibTextTagNoDisplay, k as LibSpacers, C as LibMinHeight, aq as LibMainSize, ar as LibAsideSize, ah as CssJustifyItems, ai as CssAlignItems, aj as CssJustifyContent, ak as CssAlignContent, al as CssFlexDirection, am as CssFlexWrap, aa as ReactChildren, D as LibKeySize, a as LibColorsShort, at as ClassNames, E as LibMaxWidth, l as LibRadiuses, F as LibSkeletonAnimation, G as LibTooltipPosition, H as LibTooltipTrigger, f as LibAllColorsAndOverlays, au as CSSProperties$1, ae as Classes, an as CssObjectFit, s as LibLoaderVariant, u as LibButtonVariantExtended, v as LibButtonSize, ab as ReactElement$2, t as LibButtonVariant, a9 as LibTooltipPositionOptions, M as LibTagVariant, q as LibInputVariant, w as LibInputBackground, P as LibInputListDirection, o as LibInputValidation, O as LibCheckInputVariant, a7 as LibCountry, ad as DispatchState, as as CountryCode, a4 as LibValueInputPin, j as LibShadows, J as LibAccordionVariant, K as LibAccordionIcon, N as LibToastStatus, Q as LibTabsJustify, R as LibTabsVariant, V as LibSlideshowButtonsSize, T as LibSlideshowPaginationPosition, S as LibSlideshowPagination, e as LibOverlays, W as LibTableVariant, ag as CssVerticalAlign, X as LibMdEditorViews, _ as LibDrawerPosition, $ as LibNavBurgerPosition, a0 as LibNavMobileVariant, a1 as LibHeaderPosition, a3 as LibFooterLinksSeparator, a2 as LibFooterDirection } from '../global-CXiIaXyy.cjs';
 import { LibButtonGroupButtonItem, LibListGroupItem, LibAccordionItem, LibDropdownItem, LibDragListItem, LibTabItem, LibMdEditorOptions } from './components-items-props.cjs';
 import { IFuseOptions } from 'fuse.js';
 import { ExtraProps, HooksOptions, Options, Components, AllowElement, UrlTransform } from 'react-markdown';
@@ -9,19 +9,154 @@ import 'csstype';
 
 interface ILibTextBase extends LibComponentBase<HTMLHeadingElement & HTMLParagraphElement & HTMLQuoteElement & HTMLDListElement & HTMLOListElement & HTMLUListElement> {
     element?: ElementType;
+    /**
+     * All the colors in the lib
+     * Primary 50 — #eff6ff
+     * Primary 100 — #dbeafe
+     * Primary 200 — #bfdbfe
+     * Primary 300 — #93c5fd
+     * Primary 400 — #60a5fa
+     * Primary 500 — #3b82f6
+     * Primary 600 — #2563eb
+     * Primary 700 — #1d4ed8
+     * Primary 800 — #1e40af
+     * Primary 900 — #1e3a8a
+     * Primary 950 — #172554
+     * Secondary 50 — #ecfeff
+     * Secondary 100 — #cffafe
+     * Secondary 200 — #a5f3fc
+     * Secondary 300 — #67e8f9
+     * Secondary 400 — #22d3ee
+     * Secondary 500 — #06b6d4
+     * Secondary 600 — #0891b2
+     * Secondary 700 — #0e7490
+     * Secondary 800 — #155e75
+     * Secondary 900 — #164e63
+     * Secondary 950 — #083344
+     * Success 50 — #f0fdf4
+     * Success 100 — #dcfce7
+     * Success 200 — #bbf7d0
+     * Success 300 — #86efac
+     * Success 400 — #4ade80
+     * Success 500 — #22c55e
+     * Success 600 — #16a34a
+     * Success 700 — #15803d
+     * Success 800 — #166534
+     * Success 900 — #14532d
+     * Success 950 — #052e16
+     * Danger 50 — #fef2f2
+     * Danger 100 — #fee2e2
+     * Danger 200 — #fecaca
+     * Danger 300 — #fca5a5
+     * Danger 400 — #f87171
+     * Danger 500 — #ef4444
+     * Danger 600 — #dc2626
+     * Danger 700 — #b91c1c
+     * Danger 800 — #991b1b
+     * Danger 900 — #7f1d1d
+     * Danger 950 — #450a0a
+     * Warning 50 — #fffbeb
+     * Warning 100 — #fef3c7
+     * Warning 200 — #fde68a
+     * Warning 300 — #fcd34d
+     * Warning 400 — #fbbf24
+     * Warning 500 — #f59e42
+     * Warning 600 — #d97706
+     * Warning 700 — #b45309
+     * Warning 800 — #92400e
+     * Warning 900 — #78350f
+     * Warning 950 — #451a03
+     * Gray 50 — #f9fafb
+     * Gray 100 — #f3f4f6
+     * Gray 200 — #e5e7eb
+     * Gray 300 — #d1d5db
+     * Gray 400 — #9ca3af
+     * Gray 500 — #6b7280
+     * Gray 600 — #4b5563
+     * Gray 700 — #374151
+     * Gray 800 — #1f2937
+     * Gray 900 — #111827
+     * Gray 950 — #030712
+     * Black — #000000
+     * White — #ffffff
+     */
     color?: LibAllColors;
+    /**
+     * Colors used when an item is hovered
+     * Primary: Default Primary 500 — #3b82f6; Hover: Primary 300 — #93c5fd; Active: Primary 600 — #2563eb
+     * Secondary: Default: Secondary 500 — #06b6d4; Hover: Secondary 300 — #67e8f9; Active: Secondary 600 — #0891b2
+     * Success: Default: Success 500 — #22c55e; Hover: Success 300 — #86efac; Active: Success 600 — #16a34a
+     * Danger: Default: Danger 500 — #ef4444; Hover: Danger 300 — #fca5a5; Active: Danger 600 — #dc2626
+     * Warning: Default: Warning 500 — #f59e42; Hover: Warning 300 — #fcd34d; Active: Warning 600 — #d97706
+     * Gray: Default: Gray 500 — #6b7280; Hover: Gray 300 — #d1d5db; Active: Gray 600 — #4b5563
+     * White: Default: White - #ffffff; Hover: Gray 300 - #d1d5db; Active: Gray 100 - #f3f4f6
+     */
     linkColor?: LibColorsHover;
     textAlign?: CssTextAlign;
+    /**
+     * Tailwind & Lib Font Sizes
+     * xs - 12px (0.75rem)
+     * sm - 14px (0.875rem)
+     * base - 16px (1rem)
+     * lg - 18px (1.125rem)
+     * xl - 20px (1.25rem)
+     * 2xl - 24px (1.5rem)
+     * 3xl - 30px (1.875rem)
+     * 4xl - 36px (2.25rem)
+     * 5xl - 48px (3rem)
+     * 6xl - 60px (3.75rem)
+     * 7xl - 72px (4.5rem)
+     * 8xl - 96px (6rem)
+     * 9xl - 128px (8rem)
+     * display-h1 - 80px (5rem)
+     * display-h2 - 64px (4rem)
+     * display-h3 - 56px (3.5rem)
+     * display-h4 - 48px (3rem)
+     * display-h5 - 40px (2.5rem)
+     * h1 - 40px (2.5rem)
+     * h2 - 32px (2rem)
+     * h3 - 28.8px (1.8rem)
+     * h4 - 24px (1.5rem)
+     * h5 - 20.8px (1.3rem)
+     * h6 - 17.6px (1.1rem)
+     * body - 16px (1rem)
+     * small - 14px (0.875rem)
+     */
+    fontSize?: LibFontSizes;
+    /**
+     * Font weights for Lato
+     * Thin - 100
+     * Light - 300
+     * Normal - 400
+     * Bold - 700
+     * Black - 900
+     */
+    fontWeight?: LibFontWeights;
 }
 interface TextDisplay extends ILibTextBase {
     tag?: LibTextTagDisplay;
     display?: boolean;
+    dtFontWeight?: never;
 }
 interface TextNoDisplay extends ILibTextBase {
-    tag?: LibTextTagNoDisplay;
+    tag?: Exclude<LibTextTagNoDisplay, "dl">;
     display?: never;
+    dtFontWeight?: never;
 }
-type ILibText = TextDisplay | TextNoDisplay;
+interface TextDescriptionList extends ILibTextBase {
+    tag?: Extract<LibTextTagNoDisplay, "dl">;
+    display?: never;
+    /**
+     * Font weights for Lato
+     * Thin - 100
+     * Light - 300
+     * Normal - 400
+     * Bold - 700
+     * Black - 900
+     */
+    dtFontWeight?: LibFontWeights;
+}
+type ILibText = TextDisplay | TextNoDisplay | TextDescriptionList;
 
 interface ILibWrapper extends LibComponentBase<HTMLDivElement> {
     gap?: LibSpacers;
@@ -30,7 +165,90 @@ interface ILibWrapper extends LibComponentBase<HTMLDivElement> {
 }
 
 interface ILibMain extends LibComponentBase<HTMLDivElement> {
+    /**
+     * The space between items.
+     *
+     * Possible values:
+     * - 2xs: 4px
+     * - xs: 8px
+     * - sm: 12px
+     * - md: 16px
+     * - lg: 24px
+     * - xl: 32px
+     * - 2xl: 48px
+     */
     gap?: LibSpacers;
+    /**
+     * All the colors in the lib
+     * Primary 50 — #eff6ff
+     * Primary 100 — #dbeafe
+     * Primary 200 — #bfdbfe
+     * Primary 300 — #93c5fd
+     * Primary 400 — #60a5fa
+     * Primary 500 — #3b82f6
+     * Primary 600 — #2563eb
+     * Primary 700 — #1d4ed8
+     * Primary 800 — #1e40af
+     * Primary 900 — #1e3a8a
+     * Primary 950 — #172554
+     * Secondary 50 — #ecfeff
+     * Secondary 100 — #cffafe
+     * Secondary 200 — #a5f3fc
+     * Secondary 300 — #67e8f9
+     * Secondary 400 — #22d3ee
+     * Secondary 500 — #06b6d4
+     * Secondary 600 — #0891b2
+     * Secondary 700 — #0e7490
+     * Secondary 800 — #155e75
+     * Secondary 900 — #164e63
+     * Secondary 950 — #083344
+     * Success 50 — #f0fdf4
+     * Success 100 — #dcfce7
+     * Success 200 — #bbf7d0
+     * Success 300 — #86efac
+     * Success 400 — #4ade80
+     * Success 500 — #22c55e
+     * Success 600 — #16a34a
+     * Success 700 — #15803d
+     * Success 800 — #166534
+     * Success 900 — #14532d
+     * Success 950 — #052e16
+     * Danger 50 — #fef2f2
+     * Danger 100 — #fee2e2
+     * Danger 200 — #fecaca
+     * Danger 300 — #fca5a5
+     * Danger 400 — #f87171
+     * Danger 500 — #ef4444
+     * Danger 600 — #dc2626
+     * Danger 700 — #b91c1c
+     * Danger 800 — #991b1b
+     * Danger 900 — #7f1d1d
+     * Danger 950 — #450a0a
+     * Warning 50 — #fffbeb
+     * Warning 100 — #fef3c7
+     * Warning 200 — #fde68a
+     * Warning 300 — #fcd34d
+     * Warning 400 — #fbbf24
+     * Warning 500 — #f59e42
+     * Warning 600 — #d97706
+     * Warning 700 — #b45309
+     * Warning 800 — #92400e
+     * Warning 900 — #78350f
+     * Warning 950 — #451a03
+     * Gray 50 — #f9fafb
+     * Gray 100 — #f3f4f6
+     * Gray 200 — #e5e7eb
+     * Gray 300 — #d1d5db
+     * Gray 400 — #9ca3af
+     * Gray 500 — #6b7280
+     * Gray 600 — #4b5563
+     * Gray 700 — #374151
+     * Gray 800 — #1f2937
+     * Gray 900 — #111827
+     * Gray 950 — #030712
+     * Black — #000000
+     * White — #ffffff
+     */
     backgroundColor?: LibAllColors;
     size?: LibMainSize;
 }
@@ -38,6 +256,18 @@ interface ILibMain extends LibComponentBase<HTMLDivElement> {
 interface ILibAside extends LibComponentBase<HTMLDivElement> {
     size?: LibAsideSize;
     backgroundColor?: LibAllColors;
+    /**
+     * The space between items.
+     *
+     * Possible values:
+     * - 2xs: 4px
+     * - xs: 8px
+     * - sm: 12px
+     * - md: 16px
+     * - lg: 24px
+     * - xl: 32px
+     * - 2xl: 48px
+     */
     gap?: LibSpacers;
 }
 
@@ -48,8 +278,44 @@ interface ILibSection extends LibComponentBase<HTMLDivElement> {
 interface ILibGrid extends LibComponentBase<HTMLDivElement> {
     inline?: boolean;
     cols?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    /**
+     * The space between items.
+     *
+     * Possible values:
+     * - 2xs: 4px
+     * - xs: 8px
+     * - sm: 12px
+     * - md: 16px
+     * - lg: 24px
+     * - xl: 32px
+     * - 2xl: 48px
+     */
     gap?: LibSpacers;
+    /**
+     * The space between column items.
+     *
+     * Possible values:
+     * - 2xs: 4px
+     * - xs: 8px
+     * - sm: 12px
+     * - md: 16px
+     * - lg: 24px
+     * - xl: 32px
+     * - 2xl: 48px
+     */
     colGap?: LibSpacers;
+    /**
+     * The space between row items.
+     *
+     * Possible values:
+     * - 2xs: 4px
+     * - xs: 8px
+     * - sm: 12px
+     * - md: 16px
+     * - lg: 24px
+     * - xl: 32px
+     * - 2xl: 48px
+     */
     rowGap?: LibSpacers;
     justifyItems?: CssJustifyItems;
     alignItems?: CssAlignItems;
@@ -58,6 +324,7 @@ interface ILibGrid extends LibComponentBase<HTMLDivElement> {
 }
 
 interface ILibFlexbox extends LibComponentBase<HTMLDivElement> {
+    /** Set display as `inline-flex` */
     inline?: boolean;
     flexDirection?: CssFlexDirection;
     flexWrap?: CssFlexWrap;
@@ -65,8 +332,44 @@ interface ILibFlexbox extends LibComponentBase<HTMLDivElement> {
     alignItems?: CssAlignItems;
     justifyItems?: CssJustifyItems;
     alignContent?: CssAlignContent;
+    /**
+     * The space between flex items.
+     *
+     * Possible values:
+     * - 2xs: 4px
+     * - xs: 8px
+     * - sm: 12px
+     * - md: 16px
+     * - lg: 24px
+     * - xl: 32px
+     * - 2xl: 48px
+     */
     gap?: LibSpacers;
+    /**
+     * The column space between flex items.
+     *
+     * Possible values:
+     * - 2xs: 4px
+     * - xs: 8px
+     * - sm: 12px
+     * - md: 16px
+     * - lg: 24px
+     * - xl: 32px
+     * - 2xl: 48px
+     */
     colGap?: LibSpacers;
+    /**
+     * The row space between flex items.
+     *
+     * Possible values:
+     * - 2xs: 4px
+     * - xs: 8px
+     * - sm: 12px
+     * - md: 16px
+     * - lg: 24px
+     * - xl: 32px
+     * - 2xl: 48px
+     */
     rowGap?: LibSpacers;
 }
 
@@ -139,8 +442,44 @@ interface ILibLazyImage extends ILibImage {
 
 interface ILibMasonry extends LibComponentBase<HTMLDivElement> {
     col?: number;
+    /**
+     * The space between items.
+     *
+     * Possible values:
+     * - 2xs: 4px
+     * - xs: 8px
+     * - sm: 12px
+     * - md: 16px
+     * - lg: 24px
+     * - xl: 32px
+     * - 2xl: 48px
+     */
     gap?: LibSpacers;
+    /**
+     * The space between row items.
+     *
+     * Possible values:
+     * - 2xs: 4px
+     * - xs: 8px
+     * - sm: 12px
+     * - md: 16px
+     * - lg: 24px
+     * - xl: 32px
+     * - 2xl: 48px
+     */
     rowGap?: LibSpacers;
+    /**
+     * The space between col items.
+     *
+     * Possible values:
+     * - 2xs: 4px
+     * - xs: 8px
+     * - sm: 12px
+     * - md: 16px
+     * - lg: 24px
+     * - xl: 32px
+     * - 2xl: 48px
+     */
     colGap?: LibSpacers;
 }
 
@@ -507,6 +846,18 @@ type ILibRatingBase = Omit<LibComponentBase<HTMLDivElement>, "element"> & Omit<I
     };
     iconsSize?: number;
     accentColor?: LibColorsHover;
+    /**
+     * The space between items.
+     *
+     * Possible values:
+     * - 2xs: 4px
+     * - xs: 8px
+     * - sm: 12px
+     * - md: 16px
+     * - lg: 24px
+     * - xl: 32px
+     * - 2xl: 48px
+     */
     gap?: LibSpacers;
     children?: never;
 };
@@ -984,6 +1335,18 @@ interface ILibDrawer extends LibComponentBase<HTMLDivElement> {
     backgroundColor?: LibAllColors;
     contentColor?: LibAllColors;
     linksColor?: LibColorsHover;
+    /**
+     * The space between items.
+     *
+     * Possible values:
+     * - 2xs: 4px
+     * - xs: 8px
+     * - sm: 12px
+     * - md: 16px
+     * - lg: 24px
+     * - xl: 32px
+     * - 2xl: 48px
+     */
     gap?: LibSpacers;
     maxWidth?: string | number;
     overlayColor?: LibAllColorsAndOverlays;