@julseb-lib/react 1.1.23 → 1.1.25

package/dist/{global-HQSlLJiW.d.cts → global-CXiIaXyy.d.cts}

@@ -1,8 +1,79 @@
-import { Dispatch, SetStateAction, ReactNode, HTMLAttributes, ElementType, RefObject, CSSProperties as CSSProperties$1, ReactElement as ReactElement$1, FunctionComponent } from 'react';
+import { Dispatch, SetStateAction, ReactNode, FunctionComponent, HTMLAttributes, ElementType, RefObject, CSSProperties as CSSProperties$1, ReactElement as ReactElement$1 } from 'react';
 import { Property } from 'csstype';
 
 declare const designTokens: {
     readonly libColors: {
+        /**
+         * 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
+         */
         readonly "primary-50": "#eff6ff";
         readonly "primary-100": "#dbeafe";
         readonly "primary-200": "#bfdbfe";
@@ -77,6 +148,20 @@ declare const designTokens: {
         readonly font: "font";
     };
     readonly libColorsShort: {
+        /**
+         * Shorthand for each color (value is <color>-500)
+         * Primary — #3b82f6
+         * Secondary — #06b6d4
+         * Success — #22c55e
+         * Danger — #ef4444
+         * Warning — #f59e42
+         * Gray — #6b7280
+         * Black — #000000
+         * White — #ffffff
+         * Current - currentColor
+         * Transparent - transparent
+         * Background: #ffffff in light mode, #000000 in dark mode
+         */
         readonly primary: "primary";
         readonly secondary: "secondary";
         readonly success: "success";
@@ -90,6 +175,16 @@ declare const designTokens: {
         readonly background: "background";
     };
     readonly libColorsHover: {
+        /**
+         * 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
+         */
         readonly primary: "primary";
         readonly secondary: "secondary";
         readonly success: "success";
@@ -99,6 +194,15 @@ declare const designTokens: {
         readonly white: "white";
     };
     readonly libOverlays: {
+        /**
+         * Overlay colors
+         * Black 50 - rgba(0, 0, 0, 0.5)
+         * Black 80 - rgba(0, 0, 0, 0.8)
+         * White 50 - rgba(255, 255, 255, 0.5)
+         * White 80 - rgba(255, 255, 255, 0.8)
+         * Gradient Black - linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.56) 100%)
+         * Gradient White - linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.35) 100%)
+         */
         readonly "black-50": "black-50";
         readonly "black-80": "black-80";
         readonly "white-50": "white-50";
@@ -107,41 +211,77 @@ declare const designTokens: {
         readonly "gradient-white": "gradient-white";
     };
     readonly libFontFamilies: {
+        /**
+         * Font Families
+         * Body - Lato
+         * Code - monospace
+         */
         readonly body: "body";
         readonly code: "code";
     };
     readonly libSpacers: {
-        /** 4px */ readonly "2xs": "2xs";
-        /** 8px */ readonly xs: "xs";
-        /** 12px */ readonly sm: "sm";
-        /** 16px */ readonly md: "md";
-        /** 24px */ readonly lg: "lg";
-        /** 32px */ readonly xl: "xl";
-        /** 48px */ readonly "2xl": "2xl";
-    };
-    readonly libBreakpoints: {
+        /** Spacers
+         * 2xs - 4px
+         * xs - 8px
+         * sm - 12px
+         * md - 16px
+         * lg - 24px
+         * xl - 32px
+         * 2xl - 48px
+         */
+        readonly "2xs": "2xs";
+        readonly xs: "xs";
         readonly sm: "sm";
         readonly md: "md";
         readonly lg: "lg";
         readonly xl: "xl";
         readonly "2xl": "2xl";
     };
-    readonly libContainer: {
-        readonly "3xs": "3xs";
-        readonly "2xs": "2xs";
-        readonly xs: "xs";
+    readonly libBreakpoints: {
+        /**
+         * Tailwind Breakpoints
+         * sm - 640px
+         * md - 768px
+         * lg - 1024px
+         * xl - 1280px
+         * 2xl - 1536px
+         */
         readonly sm: "sm";
         readonly md: "md";
         readonly lg: "lg";
         readonly xl: "xl";
         readonly "2xl": "2xl";
-        readonly "3xl": "3xl";
-        readonly "4xl": "4xl";
-        readonly "5xl": "5xl";
-        readonly "6xl": "6xl";
-        readonly "7xl": "7xl";
     };
     readonly libFontSizes: {
+        /**
+         * 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)
+         */
         readonly xs: "xs";
         readonly sm: "sm";
         readonly base: "base";
@@ -155,31 +295,33 @@ declare const designTokens: {
         readonly "7xl": "7xl";
         readonly "8xl": "8xl";
         readonly "9xl": "9xl";
-    };
-    readonly libLineHeights: {
-        readonly xs: "xs--line-height";
-        readonly sm: "sm--line-height";
-        readonly base: "base--line-height";
-        readonly lg: "lg--line-height";
-        readonly xl: "xl--line-height";
-        readonly "2xl": "2xl--line-height";
-        readonly "3xl": "3xl--line-height";
-        readonly "4xl": "4xl--line-height";
-        readonly "5xl": "5xl--line-height";
-        readonly "6xl": "6xl--line-height";
-        readonly "7xl": "7xl--line-height";
-        readonly "8xl": "8xl--line-height";
-        readonly "9xl": "9xl--line-height";
+        readonly "display-h1": "display-h1";
+        readonly "display-h2": "display-h2";
+        readonly "display-h3": "display-h3";
+        readonly "display-h4": "display-h4";
+        readonly "display-h5": "display-h5";
+        readonly h1: "h1";
+        readonly h2: "h2";
+        readonly h3: "h3";
+        readonly h4: "h4";
+        readonly h5: "h5";
+        readonly h6: "h6";
+        readonly body: "body";
+        readonly small: "small";
     };
     readonly libFontWeights: {
+        /**
+         * Font weights for Lato
+         * Thin - 100
+         * Light - 300
+         * Normal - 400
+         * Bold - 700
+         * Black - 900
+         */
         readonly thin: "thin";
-        readonly extralight: "extralight";
         readonly light: "light";
         readonly normal: "normal";
-        readonly medium: "medium";
-        readonly semibold: "semibold";
         readonly bold: "bold";
-        readonly extrabold: "extrabold";
         readonly black: "black";
     };
     readonly libTracking: {
@@ -864,20 +1006,12 @@ type LibFontFamilies = keyof typeof designTokens.libFontFamilies;
 type LibFontSizes = keyof typeof designTokens.libFontSizes;
 /**
  * @description All font weight tokens available in the library.
- * @type {"thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black"}
+ * @type {"thin" | "light" | "regular" | "bold" | "black"}
  * @example
  * fontWeight="regular"
  * fontWeight="bold"
  */
 type LibFontWeights = keyof typeof designTokens.libFontWeights;
-/**
- * @description All line height tokens available in the library.
- * @type {"xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl"}
- * @example
- * lineHeight="normal"
- * lineHeight="tight"
- */
-type LibLineHeights = keyof typeof designTokens.libLineHeights;
 /**
  * @description All box shadow tokens available in the library.
  * @type {"2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "none"}
@@ -1469,4 +1603,4 @@ type CountryCode = keyof typeof designTokens.libCountryCodes;
 type ClassNames = string | Array<string>;
 type CSSProperties = CSSProperties$1;
 
-export { type LibDrawerPosition as $, type LibTextTag as A, type LibPosition as B, type LibZIndex as C, type LibMinHeight as D, type LibKeySize as E, type LibMaxWidth as F, type LibSkeletonAnimation as G, type LibTooltipPosition as H, type LibTooltipTrigger as I, type LibComponentBase as J, type LibAccordionVariant as K, type LibColors as L, type LibAccordionIcon as M, type LibTagVariant as N, type LibToastStatus as O, type LibCheckInputVariant as P, type LibInputListDirection as Q, type LibTabsJustify as R, type LibTabsVariant as S, type LibSlideshowPagination as T, type LibSlideshowPaginationPosition as U, type LibSlideshowButtonsPosition as V, type LibSlideshowButtonsSize as W, type LibTableVariant as X, type LibMdEditorViews as Y, type LibMdEditorTitles as Z, type LibMdEditorButtons as _, type LibColorsShort as a, type LibNavBurgerPosition as a0, type LibNavMobileVariant as a1, type LibHeaderPosition as a2, type LibFooterDirection as a3, type LibFooterLinksSeparator as a4, type LibValueInputPin as a5, type TranslateLang as a6, type ILibBackgroundImage as a7, type LibCountry as a8, type LibBackToTopPosition as a9, type LibTooltipPositionOptions as aa, type ReactChildren as ab, type ReactElement as ac, type FC as ad, type DispatchState as ae, type Classes as af, type CssTextAlign as ag, type CssVerticalAlign as ah, type CssJustifyItems as ai, type CssAlignItems as aj, type CssJustifyContent as ak, type CssAlignContent as al, type CssFlexDirection as am, type CssFlexWrap as an, type CssObjectFit as ao, type CssBorderStyle as ap, type CssOutlineStyle as aq, type LibMainSize as ar, type LibAsideSize as as, type CountryCode as at, type ClassNames as au, type CSSProperties as av, designTokens as aw, type LibAllColors as b, type LibColorsHover as c, type LibColorsHoverAndCurrent as d, type LibOverlays as e, type LibAllColorsAndOverlays as f, type LibFontFamilies as g, type LibFontSizes as h, type LibFontWeights as i, type LibLineHeights as j, type LibShadows as k, type LibSpacers as l, type LibRadiuses as m, type LibTransitions as n, type LibValidationStatus as o, type LibInputValidation as p, type LibThemeNames as q, type LibInputVariant as r, type LibInputType as s, type LibLoaderVariant as t, type LibButtonVariant as u, type LibButtonVariantExtended as v, type LibButtonSize as w, type LibInputBackground as x, type LibTextTagDisplay as y, type LibTextTagNoDisplay as z };
+export { type LibNavBurgerPosition as $, type LibPosition as A, type LibZIndex as B, type LibMinHeight as C, type LibKeySize as D, type LibMaxWidth as E, type LibSkeletonAnimation as F, type LibTooltipPosition as G, type LibTooltipTrigger as H, type LibComponentBase as I, type LibAccordionVariant as J, type LibAccordionIcon as K, type LibColors as L, type LibTagVariant as M, type LibToastStatus as N, type LibCheckInputVariant as O, type LibInputListDirection as P, type LibTabsJustify as Q, type LibTabsVariant as R, type LibSlideshowPagination as S, type LibSlideshowPaginationPosition as T, type LibSlideshowButtonsPosition as U, type LibSlideshowButtonsSize as V, type LibTableVariant as W, type LibMdEditorViews as X, type LibMdEditorTitles as Y, type LibMdEditorButtons as Z, type LibDrawerPosition as _, type LibColorsShort as a, type LibNavMobileVariant as a0, type LibHeaderPosition as a1, type LibFooterDirection as a2, type LibFooterLinksSeparator as a3, type LibValueInputPin as a4, type TranslateLang as a5, type ILibBackgroundImage as a6, type LibCountry as a7, type LibBackToTopPosition as a8, type LibTooltipPositionOptions as a9, type ReactChildren as aa, type ReactElement as ab, type FC as ac, type DispatchState as ad, type Classes as ae, type CssTextAlign as af, type CssVerticalAlign as ag, type CssJustifyItems as ah, type CssAlignItems as ai, type CssJustifyContent as aj, type CssAlignContent as ak, type CssFlexDirection as al, type CssFlexWrap as am, type CssObjectFit as an, type CssBorderStyle as ao, type CssOutlineStyle as ap, type LibMainSize as aq, type LibAsideSize as ar, type CountryCode as as, type ClassNames as at, type CSSProperties as au, designTokens as av, type LibAllColors as b, type LibColorsHover as c, type LibColorsHoverAndCurrent as d, type LibOverlays as e, type LibAllColorsAndOverlays as f, type LibFontFamilies as g, type LibFontSizes as h, type LibFontWeights as i, type LibShadows as j, type LibSpacers as k, type LibRadiuses as l, type LibTransitions as m, type LibValidationStatus as n, type LibInputValidation as o, type LibThemeNames as p, type LibInputVariant as q, type LibInputType as r, type LibLoaderVariant as s, type LibButtonVariant as t, type LibButtonVariantExtended as u, type LibButtonSize as v, type LibInputBackground as w, type LibTextTagDisplay as x, type LibTextTagNoDisplay as y, type LibTextTag as z };

package/dist/{global-HQSlLJiW.d.ts → global-CXiIaXyy.d.ts}

@@ -1,8 +1,79 @@
-import { Dispatch, SetStateAction, ReactNode, HTMLAttributes, ElementType, RefObject, CSSProperties as CSSProperties$1, ReactElement as ReactElement$1, FunctionComponent } from 'react';
+import { Dispatch, SetStateAction, ReactNode, FunctionComponent, HTMLAttributes, ElementType, RefObject, CSSProperties as CSSProperties$1, ReactElement as ReactElement$1 } from 'react';
 import { Property } from 'csstype';
 
 declare const designTokens: {
     readonly libColors: {
+        /**
+         * 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
+         */
         readonly "primary-50": "#eff6ff";
         readonly "primary-100": "#dbeafe";
         readonly "primary-200": "#bfdbfe";
@@ -77,6 +148,20 @@ declare const designTokens: {
         readonly font: "font";
     };
     readonly libColorsShort: {
+        /**
+         * Shorthand for each color (value is <color>-500)
+         * Primary — #3b82f6
+         * Secondary — #06b6d4
+         * Success — #22c55e
+         * Danger — #ef4444
+         * Warning — #f59e42
+         * Gray — #6b7280
+         * Black — #000000
+         * White — #ffffff
+         * Current - currentColor
+         * Transparent - transparent
+         * Background: #ffffff in light mode, #000000 in dark mode
+         */
         readonly primary: "primary";
         readonly secondary: "secondary";
         readonly success: "success";
@@ -90,6 +175,16 @@ declare const designTokens: {
         readonly background: "background";
     };
     readonly libColorsHover: {
+        /**
+         * 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
+         */
         readonly primary: "primary";
         readonly secondary: "secondary";
         readonly success: "success";
@@ -99,6 +194,15 @@ declare const designTokens: {
         readonly white: "white";
     };
     readonly libOverlays: {
+        /**
+         * Overlay colors
+         * Black 50 - rgba(0, 0, 0, 0.5)
+         * Black 80 - rgba(0, 0, 0, 0.8)
+         * White 50 - rgba(255, 255, 255, 0.5)
+         * White 80 - rgba(255, 255, 255, 0.8)
+         * Gradient Black - linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.56) 100%)
+         * Gradient White - linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.35) 100%)
+         */
         readonly "black-50": "black-50";
         readonly "black-80": "black-80";
         readonly "white-50": "white-50";
@@ -107,41 +211,77 @@ declare const designTokens: {
         readonly "gradient-white": "gradient-white";
     };
     readonly libFontFamilies: {
+        /**
+         * Font Families
+         * Body - Lato
+         * Code - monospace
+         */
         readonly body: "body";
         readonly code: "code";
     };
     readonly libSpacers: {
-        /** 4px */ readonly "2xs": "2xs";
-        /** 8px */ readonly xs: "xs";
-        /** 12px */ readonly sm: "sm";
-        /** 16px */ readonly md: "md";
-        /** 24px */ readonly lg: "lg";
-        /** 32px */ readonly xl: "xl";
-        /** 48px */ readonly "2xl": "2xl";
-    };
-    readonly libBreakpoints: {
+        /** Spacers
+         * 2xs - 4px
+         * xs - 8px
+         * sm - 12px
+         * md - 16px
+         * lg - 24px
+         * xl - 32px
+         * 2xl - 48px
+         */
+        readonly "2xs": "2xs";
+        readonly xs: "xs";
         readonly sm: "sm";
         readonly md: "md";
         readonly lg: "lg";
         readonly xl: "xl";
         readonly "2xl": "2xl";
     };
-    readonly libContainer: {
-        readonly "3xs": "3xs";
-        readonly "2xs": "2xs";
-        readonly xs: "xs";
+    readonly libBreakpoints: {
+        /**
+         * Tailwind Breakpoints
+         * sm - 640px
+         * md - 768px
+         * lg - 1024px
+         * xl - 1280px
+         * 2xl - 1536px
+         */
         readonly sm: "sm";
         readonly md: "md";
         readonly lg: "lg";
         readonly xl: "xl";
         readonly "2xl": "2xl";
-        readonly "3xl": "3xl";
-        readonly "4xl": "4xl";
-        readonly "5xl": "5xl";
-        readonly "6xl": "6xl";
-        readonly "7xl": "7xl";
     };
     readonly libFontSizes: {
+        /**
+         * 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)
+         */
         readonly xs: "xs";
         readonly sm: "sm";
         readonly base: "base";
@@ -155,31 +295,33 @@ declare const designTokens: {
         readonly "7xl": "7xl";
         readonly "8xl": "8xl";
         readonly "9xl": "9xl";
-    };
-    readonly libLineHeights: {
-        readonly xs: "xs--line-height";
-        readonly sm: "sm--line-height";
-        readonly base: "base--line-height";
-        readonly lg: "lg--line-height";
-        readonly xl: "xl--line-height";
-        readonly "2xl": "2xl--line-height";
-        readonly "3xl": "3xl--line-height";
-        readonly "4xl": "4xl--line-height";
-        readonly "5xl": "5xl--line-height";
-        readonly "6xl": "6xl--line-height";
-        readonly "7xl": "7xl--line-height";
-        readonly "8xl": "8xl--line-height";
-        readonly "9xl": "9xl--line-height";
+        readonly "display-h1": "display-h1";
+        readonly "display-h2": "display-h2";
+        readonly "display-h3": "display-h3";
+        readonly "display-h4": "display-h4";
+        readonly "display-h5": "display-h5";
+        readonly h1: "h1";
+        readonly h2: "h2";
+        readonly h3: "h3";
+        readonly h4: "h4";
+        readonly h5: "h5";
+        readonly h6: "h6";
+        readonly body: "body";
+        readonly small: "small";
     };
     readonly libFontWeights: {
+        /**
+         * Font weights for Lato
+         * Thin - 100
+         * Light - 300
+         * Normal - 400
+         * Bold - 700
+         * Black - 900
+         */
         readonly thin: "thin";
-        readonly extralight: "extralight";
         readonly light: "light";
         readonly normal: "normal";
-        readonly medium: "medium";
-        readonly semibold: "semibold";
         readonly bold: "bold";
-        readonly extrabold: "extrabold";
         readonly black: "black";
     };
     readonly libTracking: {
@@ -864,20 +1006,12 @@ type LibFontFamilies = keyof typeof designTokens.libFontFamilies;
 type LibFontSizes = keyof typeof designTokens.libFontSizes;
 /**
  * @description All font weight tokens available in the library.
- * @type {"thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black"}
+ * @type {"thin" | "light" | "regular" | "bold" | "black"}
  * @example
  * fontWeight="regular"
  * fontWeight="bold"
  */
 type LibFontWeights = keyof typeof designTokens.libFontWeights;
-/**
- * @description All line height tokens available in the library.
- * @type {"xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl"}
- * @example
- * lineHeight="normal"
- * lineHeight="tight"
- */
-type LibLineHeights = keyof typeof designTokens.libLineHeights;
 /**
  * @description All box shadow tokens available in the library.
  * @type {"2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "none"}
@@ -1469,4 +1603,4 @@ type CountryCode = keyof typeof designTokens.libCountryCodes;
 type ClassNames = string | Array<string>;
 type CSSProperties = CSSProperties$1;
 
-export { type LibDrawerPosition as $, type LibTextTag as A, type LibPosition as B, type LibZIndex as C, type LibMinHeight as D, type LibKeySize as E, type LibMaxWidth as F, type LibSkeletonAnimation as G, type LibTooltipPosition as H, type LibTooltipTrigger as I, type LibComponentBase as J, type LibAccordionVariant as K, type LibColors as L, type LibAccordionIcon as M, type LibTagVariant as N, type LibToastStatus as O, type LibCheckInputVariant as P, type LibInputListDirection as Q, type LibTabsJustify as R, type LibTabsVariant as S, type LibSlideshowPagination as T, type LibSlideshowPaginationPosition as U, type LibSlideshowButtonsPosition as V, type LibSlideshowButtonsSize as W, type LibTableVariant as X, type LibMdEditorViews as Y, type LibMdEditorTitles as Z, type LibMdEditorButtons as _, type LibColorsShort as a, type LibNavBurgerPosition as a0, type LibNavMobileVariant as a1, type LibHeaderPosition as a2, type LibFooterDirection as a3, type LibFooterLinksSeparator as a4, type LibValueInputPin as a5, type TranslateLang as a6, type ILibBackgroundImage as a7, type LibCountry as a8, type LibBackToTopPosition as a9, type LibTooltipPositionOptions as aa, type ReactChildren as ab, type ReactElement as ac, type FC as ad, type DispatchState as ae, type Classes as af, type CssTextAlign as ag, type CssVerticalAlign as ah, type CssJustifyItems as ai, type CssAlignItems as aj, type CssJustifyContent as ak, type CssAlignContent as al, type CssFlexDirection as am, type CssFlexWrap as an, type CssObjectFit as ao, type CssBorderStyle as ap, type CssOutlineStyle as aq, type LibMainSize as ar, type LibAsideSize as as, type CountryCode as at, type ClassNames as au, type CSSProperties as av, designTokens as aw, type LibAllColors as b, type LibColorsHover as c, type LibColorsHoverAndCurrent as d, type LibOverlays as e, type LibAllColorsAndOverlays as f, type LibFontFamilies as g, type LibFontSizes as h, type LibFontWeights as i, type LibLineHeights as j, type LibShadows as k, type LibSpacers as l, type LibRadiuses as m, type LibTransitions as n, type LibValidationStatus as o, type LibInputValidation as p, type LibThemeNames as q, type LibInputVariant as r, type LibInputType as s, type LibLoaderVariant as t, type LibButtonVariant as u, type LibButtonVariantExtended as v, type LibButtonSize as w, type LibInputBackground as x, type LibTextTagDisplay as y, type LibTextTagNoDisplay as z };
+export { type LibNavBurgerPosition as $, type LibPosition as A, type LibZIndex as B, type LibMinHeight as C, type LibKeySize as D, type LibMaxWidth as E, type LibSkeletonAnimation as F, type LibTooltipPosition as G, type LibTooltipTrigger as H, type LibComponentBase as I, type LibAccordionVariant as J, type LibAccordionIcon as K, type LibColors as L, type LibTagVariant as M, type LibToastStatus as N, type LibCheckInputVariant as O, type LibInputListDirection as P, type LibTabsJustify as Q, type LibTabsVariant as R, type LibSlideshowPagination as S, type LibSlideshowPaginationPosition as T, type LibSlideshowButtonsPosition as U, type LibSlideshowButtonsSize as V, type LibTableVariant as W, type LibMdEditorViews as X, type LibMdEditorTitles as Y, type LibMdEditorButtons as Z, type LibDrawerPosition as _, type LibColorsShort as a, type LibNavMobileVariant as a0, type LibHeaderPosition as a1, type LibFooterDirection as a2, type LibFooterLinksSeparator as a3, type LibValueInputPin as a4, type TranslateLang as a5, type ILibBackgroundImage as a6, type LibCountry as a7, type LibBackToTopPosition as a8, type LibTooltipPositionOptions as a9, type ReactChildren as aa, type ReactElement as ab, type FC as ac, type DispatchState as ad, type Classes as ae, type CssTextAlign as af, type CssVerticalAlign as ag, type CssJustifyItems as ah, type CssAlignItems as ai, type CssJustifyContent as aj, type CssAlignContent as ak, type CssFlexDirection as al, type CssFlexWrap as am, type CssObjectFit as an, type CssBorderStyle as ao, type CssOutlineStyle as ap, type LibMainSize as aq, type LibAsideSize as ar, type CountryCode as as, type ClassNames as at, type CSSProperties as au, designTokens as av, type LibAllColors as b, type LibColorsHover as c, type LibColorsHoverAndCurrent as d, type LibOverlays as e, type LibAllColorsAndOverlays as f, type LibFontFamilies as g, type LibFontSizes as h, type LibFontWeights as i, type LibShadows as j, type LibSpacers as k, type LibRadiuses as l, type LibTransitions as m, type LibValidationStatus as n, type LibInputValidation as o, type LibThemeNames as p, type LibInputVariant as q, type LibInputType as r, type LibLoaderVariant as s, type LibButtonVariant as t, type LibButtonVariantExtended as u, type LibButtonSize as v, type LibInputBackground as w, type LibTextTagDisplay as x, type LibTextTagNoDisplay as y, type LibTextTag as z };