@julseb-lib/react 0.0.84 → 0.0.86

package/dist/lib/lib-utils/colors-maps.ts

@@ -1,98 +1,96 @@
-/*=============================================== Colors maps ===============================================*/
-
 import { COLORS_LIGHT, COLORS_DARK, OVERLAYS } from "../Variables"
 import type { LibAllColors, LibColorsShort, LibOverlays } from "../types"
 
 type Color = COLORS_LIGHT | COLORS_DARK
 
 export const colorsLightShortMap = new Map<LibColorsShort, Color>([
-    ["primary", COLORS_LIGHT.PRIMARY_500],
-    ["secondary", COLORS_LIGHT.SECONDARY_500],
-    ["success", COLORS_LIGHT.SUCCESS_500],
-    ["danger", COLORS_LIGHT.DANGER_500],
-    ["warning", COLORS_LIGHT.WARNING_500],
-    ["gray", COLORS_LIGHT.GRAY_500],
-    ["black", COLORS_LIGHT.BLACK],
-    ["white", COLORS_LIGHT.WHITE],
+    /** rgb(27, 69, 104) */ ["primary", COLORS_LIGHT.PRIMARY_500],
+    /** rgb(38, 109, 211) */ ["secondary", COLORS_LIGHT.SECONDARY_500],
+    /** rgb(9, 129, 74) */ ["success", COLORS_LIGHT.SUCCESS_500],
+    /** rgb(179, 0, 27) */ ["danger", COLORS_LIGHT.DANGER_500],
+    /** rgb(196, 73, 0) */ ["warning", COLORS_LIGHT.WARNING_500],
+    /** rgb(118, 118, 118) */ ["gray", COLORS_LIGHT.GRAY_500],
+    /** rgb(0, 0, 0) */ ["black", COLORS_LIGHT.BLACK],
+    /** rgb(255, 255, 255) */ ["white", COLORS_LIGHT.WHITE],
 ])
 
 export const allColorsLightMap = new Map<LibAllColors, Color>([
     ...colorsLightShortMap,
-    ["gray-50", COLORS_LIGHT.GRAY_50],
-    ["gray-100", COLORS_LIGHT.GRAY_100],
-    ["gray-200", COLORS_LIGHT.GRAY_200],
-    ["gray-300", COLORS_LIGHT.GRAY_300],
-    ["gray-400", COLORS_LIGHT.GRAY_400],
-    ["gray-500", COLORS_LIGHT.GRAY_500],
-    ["gray-600", COLORS_LIGHT.GRAY_600],
-    ["gray-700", COLORS_LIGHT.GRAY_700],
-    ["gray-800", COLORS_LIGHT.GRAY_800],
-    ["gray-900", COLORS_LIGHT.GRAY_900],
-    ["primary-50", COLORS_LIGHT.PRIMARY_50],
-    ["primary-100", COLORS_LIGHT.PRIMARY_100],
-    ["primary-200", COLORS_LIGHT.PRIMARY_200],
-    ["primary-300", COLORS_LIGHT.PRIMARY_300],
-    ["primary-400", COLORS_LIGHT.PRIMARY_400],
-    ["primary-500", COLORS_LIGHT.PRIMARY_500],
-    ["primary-600", COLORS_LIGHT.PRIMARY_600],
-    ["primary-700", COLORS_LIGHT.PRIMARY_700],
-    ["primary-800", COLORS_LIGHT.PRIMARY_800],
-    ["primary-900", COLORS_LIGHT.PRIMARY_900],
-    ["secondary-50", COLORS_LIGHT.SECONDARY_50],
-    ["secondary-100", COLORS_LIGHT.SECONDARY_100],
-    ["secondary-200", COLORS_LIGHT.SECONDARY_200],
-    ["secondary-300", COLORS_LIGHT.SECONDARY_300],
-    ["secondary-400", COLORS_LIGHT.SECONDARY_400],
-    ["secondary-500", COLORS_LIGHT.SECONDARY_500],
-    ["secondary-600", COLORS_LIGHT.SECONDARY_600],
-    ["secondary-700", COLORS_LIGHT.SECONDARY_700],
-    ["secondary-800", COLORS_LIGHT.SECONDARY_800],
-    ["secondary-900", COLORS_LIGHT.SECONDARY_900],
-    ["success-50", COLORS_LIGHT.SUCCESS_50],
-    ["success-100", COLORS_LIGHT.SUCCESS_100],
-    ["success-200", COLORS_LIGHT.SUCCESS_200],
-    ["success-300", COLORS_LIGHT.SUCCESS_300],
-    ["success-400", COLORS_LIGHT.SUCCESS_400],
-    ["success-500", COLORS_LIGHT.SUCCESS_500],
-    ["success-600", COLORS_LIGHT.SUCCESS_600],
-    ["success-700", COLORS_LIGHT.SUCCESS_700],
-    ["success-800", COLORS_LIGHT.SUCCESS_800],
-    ["success-900", COLORS_LIGHT.SUCCESS_900],
-    ["danger-50", COLORS_LIGHT.DANGER_50],
-    ["danger-100", COLORS_LIGHT.DANGER_100],
-    ["danger-200", COLORS_LIGHT.DANGER_200],
-    ["danger-300", COLORS_LIGHT.DANGER_300],
-    ["danger-400", COLORS_LIGHT.DANGER_400],
-    ["danger-500", COLORS_LIGHT.DANGER_500],
-    ["danger-600", COLORS_LIGHT.DANGER_600],
-    ["danger-700", COLORS_LIGHT.DANGER_700],
-    ["danger-800", COLORS_LIGHT.DANGER_800],
-    ["danger-900", COLORS_LIGHT.DANGER_900],
-    ["warning-50", COLORS_LIGHT.WARNING_50],
-    ["warning-100", COLORS_LIGHT.WARNING_100],
-    ["warning-200", COLORS_LIGHT.WARNING_200],
-    ["warning-300", COLORS_LIGHT.WARNING_300],
-    ["warning-400", COLORS_LIGHT.WARNING_400],
-    ["warning-500", COLORS_LIGHT.WARNING_500],
-    ["warning-600", COLORS_LIGHT.WARNING_600],
-    ["warning-700", COLORS_LIGHT.WARNING_700],
-    ["warning-800", COLORS_LIGHT.WARNING_800],
-    ["warning-900", COLORS_LIGHT.WARNING_900],
-    ["background", COLORS_LIGHT.BACKGROUND],
-    ["font", COLORS_LIGHT.FONT],
-    ["currentColor", COLORS_LIGHT.CURRENT_COLOR],
-    ["transparent", COLORS_LIGHT.TRANSPARENT],
+    /** rgb(248, 248, 248) */ ["gray-50", COLORS_LIGHT.GRAY_50],
+    /** rgb(228, 228, 228) */ ["gray-100", COLORS_LIGHT.GRAY_100],
+    /** rgb(200, 200, 200) */ ["gray-200", COLORS_LIGHT.GRAY_200],
+    /** rgb(173, 173, 173) */ ["gray-300", COLORS_LIGHT.GRAY_300],
+    /** rgb(145, 145, 145) */ ["gray-400", COLORS_LIGHT.GRAY_400],
+    /** rgb(118, 118, 118) */ ["gray-500", COLORS_LIGHT.GRAY_500],
+    /** rgb(94, 94, 94) */ ["gray-600", COLORS_LIGHT.GRAY_600],
+    /** rgb(71, 71, 71) */ ["gray-700", COLORS_LIGHT.GRAY_700],
+    /** rgb(47, 47, 47) */ ["gray-800", COLORS_LIGHT.GRAY_800],
+    /** rgb(24, 24, 24) */ ["gray-900", COLORS_LIGHT.GRAY_900],
+    /** rgb(244, 246, 247) */ ["primary-50", COLORS_LIGHT.PRIMARY_50],
+    /** rgb(209, 218, 225) */ ["primary-100", COLORS_LIGHT.PRIMARY_100],
+    /** rgb(164, 181, 195) */ ["primary-200", COLORS_LIGHT.PRIMARY_200],
+    /** rgb(118, 143, 164) */ ["primary-300", COLORS_LIGHT.PRIMARY_300],
+    /** rgb(73, 106, 134) */ ["primary-400", COLORS_LIGHT.PRIMARY_400],
+    /** rgb(27, 69, 104) */ ["primary-500", COLORS_LIGHT.PRIMARY_500],
+    /** rgb(22, 55, 83) */ ["primary-600", COLORS_LIGHT.PRIMARY_600],
+    /** rgb(16, 41, 62) */ ["primary-700", COLORS_LIGHT.PRIMARY_700],
+    /** rgb(11, 28, 42) */ ["primary-800", COLORS_LIGHT.PRIMARY_800],
+    /** rgb(5, 14, 21) */ ["primary-900", COLORS_LIGHT.PRIMARY_900],
+    /** rgb(244, 248, 253) */ ["secondary-50", COLORS_LIGHT.SECONDARY_50],
+    /** rgb(212, 226, 246) */ ["secondary-100", COLORS_LIGHT.SECONDARY_100],
+    /** rgb(168, 197, 237) */ ["secondary-200", COLORS_LIGHT.SECONDARY_200],
+    /** rgb(125, 167, 229) */ ["secondary-300", COLORS_LIGHT.SECONDARY_300],
+    /** rgb(81, 138, 220) */ ["secondary-400", COLORS_LIGHT.SECONDARY_400],
+    /** rgb(38, 109, 211) */ ["secondary-500", COLORS_LIGHT.SECONDARY_500],
+    /** rgb(30, 87, 169) */ ["secondary-600", COLORS_LIGHT.SECONDARY_600],
+    /** rgb(23, 65, 127) */ ["secondary-700", COLORS_LIGHT.SECONDARY_700],
+    /** rgb(15, 44, 84) */ ["secondary-800", COLORS_LIGHT.SECONDARY_800],
+    /** rgb(8, 22, 42) */ ["secondary-900", COLORS_LIGHT.SECONDARY_900],
+    /** rgb(243, 249, 246) */ ["success-50", COLORS_LIGHT.SUCCESS_50],
+    /** rgb(206, 230, 219) */ ["success-100", COLORS_LIGHT.SUCCESS_100],
+    /** rgb(157, 205, 183) */ ["success-200", COLORS_LIGHT.SUCCESS_200],
+    /** rgb(107, 179, 146) */ ["success-300", COLORS_LIGHT.SUCCESS_300],
+    /** rgb(58, 154, 110) */ ["success-400", COLORS_LIGHT.SUCCESS_400],
+    /** rgb(9, 129, 74) */ ["success-500", COLORS_LIGHT.SUCCESS_500],
+    /** rgb(7, 103, 59) */ ["success-600", COLORS_LIGHT.SUCCESS_600],
+    /** rgb(5, 77, 44) */ ["success-700", COLORS_LIGHT.SUCCESS_700],
+    /** rgb(4, 52, 30) */ ["success-800", COLORS_LIGHT.SUCCESS_800],
+    /** rgb(2, 26, 15) */ ["success-900", COLORS_LIGHT.SUCCESS_900],
+    /** rgb(251, 242, 244) */ ["danger-50", COLORS_LIGHT.DANGER_50],
+    /** rgb(240, 204, 209) */ ["danger-100", COLORS_LIGHT.DANGER_100],
+    /** rgb(225, 153, 164) */ ["danger-200", COLORS_LIGHT.DANGER_200],
+    /** rgb(209, 102, 118) */ ["danger-300", COLORS_LIGHT.DANGER_300],
+    /** rgb(194, 51, 73) */ ["danger-400", COLORS_LIGHT.DANGER_400],
+    /** rgb(179, 0, 27) */ ["danger-500", COLORS_LIGHT.DANGER_500],
+    /** rgb(143, 0, 22) */ ["danger-600", COLORS_LIGHT.DANGER_600],
+    /** rgb(107, 0, 16) */ ["danger-700", COLORS_LIGHT.DANGER_700],
+    /** rgb(72, 0, 11) */ ["danger-800", COLORS_LIGHT.DANGER_800],
+    /** rgb(36, 0, 5) */ ["danger-900", COLORS_LIGHT.DANGER_900],
+    /** rgb(252, 246, 242) */ ["warning-50", COLORS_LIGHT.WARNING_50],
+    /** rgb(243, 219, 204) */ ["warning-100", COLORS_LIGHT.WARNING_100],
+    /** rgb(231, 182, 153) */ ["warning-200", COLORS_LIGHT.WARNING_200],
+    /** rgb(220, 146, 102) */ ["warning-300", COLORS_LIGHT.WARNING_300],
+    /** rgb(208, 109, 51) */ ["warning-400", COLORS_LIGHT.WARNING_400],
+    /** rgb(196, 73, 0) */ ["warning-500", COLORS_LIGHT.WARNING_500],
+    /** rgb(157, 58, 0) */ ["warning-600", COLORS_LIGHT.WARNING_600],
+    /** rgb(118, 44, 0) */ ["warning-700", COLORS_LIGHT.WARNING_700],
+    /** rgb(78, 29, 0) */ ["warning-800", COLORS_LIGHT.WARNING_800],
+    /** rgb(39, 15, 0) */ ["warning-900", COLORS_LIGHT.WARNING_900],
+    /** rgb(255, 255, 255) */ ["background", COLORS_LIGHT.BACKGROUND],
+    /** rgb(0, 0, 0) */ ["font", COLORS_LIGHT.FONT],
+    /** currentColor */ ["currentColor", COLORS_LIGHT.CURRENT_COLOR],
+    /** transparent */ ["transparent", COLORS_LIGHT.TRANSPARENT],
 ])
 
 export const colorsDarkShortMap = new Map<LibColorsShort, COLORS_DARK>([
-    ["primary", COLORS_DARK.PRIMARY_500],
-    ["secondary", COLORS_DARK.SECONDARY_500],
-    ["success", COLORS_DARK.SUCCESS_500],
-    ["danger", COLORS_DARK.DANGER_500],
-    ["warning", COLORS_DARK.WARNING_500],
-    ["gray", COLORS_DARK.GRAY_500],
-    ["black", COLORS_DARK.BLACK],
-    ["white", COLORS_DARK.WHITE],
+    /** rgb(38,44,54) */ ["primary", COLORS_DARK.PRIMARY_500],
+    /** rgb(57,62,70) */ ["secondary", COLORS_DARK.SECONDARY_500],
+    /** rgb(6,167,125) */ ["success", COLORS_DARK.SUCCESS_500],
+    /** rgb(191,67,66) */ ["danger", COLORS_DARK.DANGER_500],
+    /** rgb(249,200,70) */ ["warning", COLORS_DARK.WARNING_500],
+    /** rgb(145,145,145) */ ["gray", COLORS_DARK.GRAY_500],
+    /** rgb(0, 0, 0) */ ["black", COLORS_DARK.BLACK],
+    /** rgb(255, 255, 255) */ ["white", COLORS_DARK.WHITE],
 ])
 
 export const allColorsDarkMap = new Map<
@@ -100,70 +98,70 @@ export const allColorsDarkMap = new Map<
     COLORS_DARK | "currentColor" | "transparent"
 >([
     ...colorsDarkShortMap,
-    ["gray-50", COLORS_DARK.GRAY_50],
-    ["gray-100", COLORS_DARK.GRAY_100],
-    ["gray-200", COLORS_DARK.GRAY_200],
-    ["gray-300", COLORS_DARK.GRAY_300],
-    ["gray-400", COLORS_DARK.GRAY_400],
-    ["gray-500", COLORS_DARK.GRAY_500],
-    ["gray-600", COLORS_DARK.GRAY_600],
-    ["gray-700", COLORS_DARK.GRAY_700],
-    ["gray-800", COLORS_DARK.GRAY_800],
-    ["gray-900", COLORS_DARK.GRAY_900],
-    ["primary-50", COLORS_DARK.PRIMARY_50],
-    ["primary-100", COLORS_DARK.PRIMARY_100],
-    ["primary-200", COLORS_DARK.PRIMARY_200],
-    ["primary-300", COLORS_DARK.PRIMARY_300],
-    ["primary-400", COLORS_DARK.PRIMARY_400],
-    ["primary-500", COLORS_DARK.PRIMARY_500],
-    ["primary-600", COLORS_DARK.PRIMARY_600],
-    ["primary-700", COLORS_DARK.PRIMARY_700],
-    ["primary-800", COLORS_DARK.PRIMARY_800],
-    ["primary-900", COLORS_DARK.PRIMARY_900],
-    ["secondary-50", COLORS_DARK.SECONDARY_50],
-    ["secondary-100", COLORS_DARK.SECONDARY_100],
-    ["secondary-200", COLORS_DARK.SECONDARY_200],
-    ["secondary-300", COLORS_DARK.SECONDARY_300],
-    ["secondary-400", COLORS_DARK.SECONDARY_400],
-    ["secondary-500", COLORS_DARK.SECONDARY_500],
-    ["secondary-600", COLORS_DARK.SECONDARY_600],
-    ["secondary-700", COLORS_DARK.SECONDARY_700],
-    ["secondary-800", COLORS_DARK.SECONDARY_800],
-    ["secondary-900", COLORS_DARK.SECONDARY_900],
-    ["success-50", COLORS_DARK.SUCCESS_50],
-    ["success-100", COLORS_DARK.SUCCESS_100],
-    ["success-200", COLORS_DARK.SUCCESS_200],
-    ["success-300", COLORS_DARK.SUCCESS_300],
-    ["success-400", COLORS_DARK.SUCCESS_400],
-    ["success-500", COLORS_DARK.SUCCESS_500],
-    ["success-600", COLORS_DARK.SUCCESS_600],
-    ["success-700", COLORS_DARK.SUCCESS_700],
-    ["success-800", COLORS_DARK.SUCCESS_800],
-    ["success-900", COLORS_DARK.SUCCESS_900],
-    ["danger-50", COLORS_DARK.DANGER_50],
-    ["danger-100", COLORS_DARK.DANGER_100],
-    ["danger-200", COLORS_DARK.DANGER_200],
-    ["danger-300", COLORS_DARK.DANGER_300],
-    ["danger-400", COLORS_DARK.DANGER_400],
-    ["danger-500", COLORS_DARK.DANGER_500],
-    ["danger-600", COLORS_DARK.DANGER_600],
-    ["danger-700", COLORS_DARK.DANGER_700],
-    ["danger-800", COLORS_DARK.DANGER_800],
-    ["danger-900", COLORS_DARK.DANGER_900],
-    ["warning-50", COLORS_DARK.WARNING_50],
-    ["warning-100", COLORS_DARK.WARNING_100],
-    ["warning-200", COLORS_DARK.WARNING_200],
-    ["warning-300", COLORS_DARK.WARNING_300],
-    ["warning-400", COLORS_DARK.WARNING_400],
-    ["warning-500", COLORS_DARK.WARNING_500],
-    ["warning-600", COLORS_DARK.WARNING_600],
-    ["warning-700", COLORS_DARK.WARNING_700],
-    ["warning-800", COLORS_DARK.WARNING_800],
-    ["warning-900", COLORS_DARK.WARNING_900],
-    ["background", COLORS_DARK.BACKGROUND],
-    ["font", COLORS_DARK.FONT],
-    ["currentColor", "currentColor"],
-    ["transparent", "transparent"],
+    /** rgb(0,0,0) */ ["primary-50", COLORS_DARK.PRIMARY_50],
+    /** rgb(4,5,6) */ ["primary-100", COLORS_DARK.PRIMARY_100],
+    /** rgb(13,14,18) */ ["primary-200", COLORS_DARK.PRIMARY_200],
+    /** rgb(21,24,30) */ ["primary-300", COLORS_DARK.PRIMARY_300],
+    /** rgb(29,34,42) */ ["primary-400", COLORS_DARK.PRIMARY_400],
+    /** rgb(38,44,54) */ ["primary-500", COLORS_DARK.PRIMARY_500],
+    /** rgb(46,54,66) */ ["primary-600", COLORS_DARK.PRIMARY_600],
+    /** rgb(54,64,78) */ ["primary-700", COLORS_DARK.PRIMARY_700],
+    /** rgb(63,74,90) */ ["primary-800", COLORS_DARK.PRIMARY_800],
+    /** rgb(71,84,102) */ ["primary-900", COLORS_DARK.PRIMARY_900],
+    /** rgb(16,17,19) */ ["secondary-50", COLORS_DARK.SECONDARY_50],
+    /** rgb(21,22,25) */ ["secondary-100", COLORS_DARK.SECONDARY_100],
+    /** rgb(30,32,37) */ ["secondary-200", COLORS_DARK.SECONDARY_200],
+    /** rgb(39,42,48) */ ["secondary-300", COLORS_DARK.SECONDARY_300],
+    /** rgb(48,52,59) */ ["secondary-400", COLORS_DARK.SECONDARY_400],
+    /** rgb(57,62,70) */ ["secondary-500", COLORS_DARK.SECONDARY_500],
+    /** rgb(66,72,82) */ ["secondary-600", COLORS_DARK.SECONDARY_600],
+    /** rgb(75,82,93) */ ["secondary-700", COLORS_DARK.SECONDARY_700],
+    /** rgb(84,92,104) */ ["secondary-800", COLORS_DARK.SECONDARY_800],
+    /** rgb(93,102,116) */ ["secondary-900", COLORS_DARK.SECONDARY_900],
+    /** rgb(1,45,34) */ ["success-50", COLORS_DARK.SUCCESS_50],
+    /** rgb(2,69,52) */ ["success-100", COLORS_DARK.SUCCESS_100],
+    /** rgb(3,94,70) */ ["success-200", COLORS_DARK.SUCCESS_200],
+    /** rgb(4,118,88) */ ["success-300", COLORS_DARK.SUCCESS_300],
+    /** rgb(5,143,107) */ ["success-400", COLORS_DARK.SUCCESS_400],
+    /** rgb(6,167,125) */ ["success-500", COLORS_DARK.SUCCESS_500],
+    /** rgb(7,192,144) */ ["success-600", COLORS_DARK.SUCCESS_600],
+    /** rgb(8,217,162) */ ["success-700", COLORS_DARK.SUCCESS_700],
+    /** rgb(9,241,181) */ ["success-800", COLORS_DARK.SUCCESS_800],
+    /** rgb(29,247,190) */ ["success-900", COLORS_DARK.SUCCESS_900],
+    /** rgb(95,33,33) */ ["danger-50", COLORS_DARK.DANGER_50],
+    /** rgb(114,39,39) */ ["danger-100", COLORS_DARK.DANGER_100],
+    /** rgb(133,46,45) */ ["danger-200", COLORS_DARK.DANGER_200],
+    /** rgb(152,53,52) */ ["danger-300", COLORS_DARK.DANGER_300],
+    /** rgb(171,59,58) */ ["danger-400", COLORS_DARK.DANGER_400],
+    /** rgb(191,67,66) */ ["danger-500", COLORS_DARK.DANGER_500],
+    /** rgb(197,84,84) */ ["danger-600", COLORS_DARK.DANGER_600],
+    /** rgb(203,103,103) */ ["danger-700", COLORS_DARK.DANGER_700],
+    /** rgb(209,122,122) */ ["danger-800", COLORS_DARK.DANGER_800],
+    /** rgb(216,141,141) */ ["danger-900", COLORS_DARK.DANGER_900],
+    /** rgb(64,47,2) */ ["warning-50", COLORS_DARK.WARNING_50],
+    /** rgb(114,84,4) */ ["warning-100", COLORS_DARK.WARNING_100],
+    /** rgb(163,120,5) */ ["warning-200", COLORS_DARK.WARNING_200],
+    /** rgb(212,156,7) */ ["warning-300", COLORS_DARK.WARNING_300],
+    /** rgb(247,186,23) */ ["warning-400", COLORS_DARK.WARNING_400],
+    /** rgb(249,200,70) */ ["warning-500", COLORS_DARK.WARNING_500],
+    /** rgb(250,208,97) */ ["warning-600", COLORS_DARK.WARNING_600],
+    /** rgb(251,215,122) */ ["warning-700", COLORS_DARK.WARNING_700],
+    /** rgb(252,222,146) */ ["warning-800", COLORS_DARK.WARNING_800],
+    /** rgb(253,229,171) */ ["warning-900", COLORS_DARK.WARNING_900],
+    /** rgb(24,24,24) */ ["gray-50", COLORS_DARK.GRAY_50],
+    /** rgb(47,47,47) */ ["gray-100", COLORS_DARK.GRAY_100],
+    /** rgb(71,71,71) */ ["gray-200", COLORS_DARK.GRAY_200],
+    /** rgb(94,94,94) */ ["gray-300", COLORS_DARK.GRAY_300],
+    /** rgb(118,118,118) */ ["gray-400", COLORS_DARK.GRAY_400],
+    /** rgb(145,145,145) */ ["gray-500", COLORS_DARK.GRAY_500],
+    /** rgb(173,173,173) */ ["gray-600", COLORS_DARK.GRAY_600],
+    /** rgb(200,200,200) */ ["gray-700", COLORS_DARK.GRAY_700],
+    /** rgb(228,228,228) */ ["gray-800", COLORS_DARK.GRAY_800],
+    /** rgb(248,248,248) */ ["gray-900", COLORS_DARK.GRAY_900],
+    /** rgb(18,18,18) */ ["background", COLORS_DARK.BACKGROUND],
+    /** rgb(255, 255, 255) */ ["font", COLORS_DARK.FONT],
+    /** currentColor */ ["currentColor", "currentColor"],
+    /** transparent */ ["transparent", "transparent"],
 ])
 
 export const overlaysMap = new Map<LibOverlays, OVERLAYS>([

package/dist/lib/lib-utils/generate-lib-tokens.ts

@@ -1,5 +1,3 @@
-/*=============================================== Generate Lib tokens ===============================================*/
-
 import { rgbToHex, toConstantCase } from "@julseb-lib/utils"
 
 interface Token {

package/dist/lib/lib-utils/get-highlighted-text.tsx

@@ -1,5 +1,3 @@
-/*=============================================== GetHighlightedText ===============================================*/
-
 import { Fragment, type CSSProperties } from "react"
 import { uuid, slugify } from "@julseb-lib/utils"
 import { Text } from ".."

package/dist/lib/lib-utils/get-icon-size-from-font.ts

@@ -1,5 +1,3 @@
-/*=============================================== Get icon size from font-size ===============================================*/
-
 import { LIB_TOKENS } from ".."
 import type { LibFontSizes } from "../types"
 

package/dist/lib/lib-utils/index.ts

@@ -1,5 +1,3 @@
-/*=============================================== LibUtils ===============================================*/
-
 // ! Those utils will not be exported in the library, they're here only for building components
 
 export * from "./get-highlighted-text"

package/dist/lib/lib-utils/round-icon-size.ts

@@ -1,5 +1,3 @@
-/*=============================================== Round icon size ===============================================*/
-
 import { ICON_MULTIPLIER } from "../Variables"
 
 export const roundIconSize = (size: number) => {

package/dist/lib/lib-utils/transfom-search-keys.ts

@@ -1,6 +1,4 @@
-/*=============================================== Transform search keys ===============================================*/
-
-export const transformSearchKeys = (keys: Array<string>) => {
+export const transformSearchKeys = (keys: Array<string>): Array<string> => {
     return keys.map(key =>
         key.includes("Key")
             ? key.replace("Key", "")

package/dist/lib/modules-declare.d.ts

@@ -4,6 +4,7 @@ import type { COLORS_LIGHT, COLORS_DARK } from "./Variables"
 
 declare module "*.svg" {
     const content: FunctionComponent<SVGAttributes<SVGElement>>
+    // @ts-ignore
     // eslint-disable-next-line
     export default content
 }

package/dist/lib/types/component-items.ts

@@ -1,6 +1,4 @@
-/*=============================================== Components items types ===============================================*/
-
-import type { ForwardedRef, ReactNode } from "react"
+import type { ReactNode, Ref } from "react"
 import type {
     LibButtonLinkBlank,
     LibAllColors,
@@ -14,8 +12,6 @@ import type {
     LibColorsHover,
 } from "./"
 
-/*====================== Base ======================*/
-
 /**
  * @description Base props for any ComponentItem
  * @type T => HTMLElementType
@@ -28,11 +24,9 @@ interface LibComponentItemBase<T> {
     "data-testid"?: string
     className?: string
     id?: string
-    ref?: ForwardedRef<T>
+    ref?: Ref<T>
 }
 
-/*====================== ButtonGroupButtons ======================*/
-
 type ButtonGroupItemsBase = LibComponentItemBase<HTMLButtonElement> &
     LibButtonLinkBlank & {
         "aria-label"?: string
@@ -83,8 +77,6 @@ type ButtonGroupItemIcon = ButtonGroupItemsBase & {
  */
 export type LibButtonGroupButtonItem = ButtonGroupItemText | ButtonGroupItemIcon
 
-/*====================== ButtonGroupToggles ======================*/
-
 interface LibButtonGroupToggleBase
     extends LibComponentItemBase<HTMLInputElement> {
     id: string
@@ -127,8 +119,6 @@ export type LibButtonGroupToggle =
     | ButtonGroupToggleWithIcon
     | ButtonGroupToggleWithText
 
-/*====================== ListGroup ======================*/
-
 // ! DO NOT EXPORT
 
 type ListGroupItemBadgeColor = {
@@ -193,8 +183,6 @@ type ListGroupItemWithDate = ListGroupItemBase & {
  */
 export type LibListGroupItem = ListGroupItemWithBadge | ListGroupItemWithDate
 
-/*====================== AccordionItem ======================*/
-
 /**
  * @description Props for Accordion component items: https://documentation-components-react.vercel.app/components/accordion
  * @prop data-testid?: string
@@ -211,8 +199,6 @@ export interface LibAccordionItem extends LibComponentItemBase<HTMLDivElement> {
     defaultOpen?: boolean
 }
 
-/*====================== DropdownItem ======================*/
-
 /**
  * @description Props for Dropdown component items: https://documentation-components-react.vercel.app/components/dropdown
  * @extends LibButtonLinkBlankRequired
@@ -233,8 +219,6 @@ export type LibDropdownItem = LibButtonLinkBlankRequired &
         gap?: LibSpacers
     }
 
-/*====================== Toast ======================*/
-
 /**
  * @description Props for Toaster component items: https://documentation-components-react.vercel.app/components/toast
  * @prop data-testid?: string
@@ -300,8 +284,6 @@ export interface LibToast extends LibComponentItemBase<HTMLDivElement> {
     options?: LibToastOptions
 }
 
-/*====================== Step ======================*/
-
 /**
  * @description Props for Step component items: https://documentation-components-react.vercel.app/components/stepper
  * @extends LibButtonLinkBlank
@@ -321,8 +303,6 @@ export type LibStep = LibButtonLinkBlank &
         text: string
     }
 
-/*====================== BreadcrumbItem ======================*/
-
 /**
  * @description Props for Breadcrumbs component items: https://documentation-components-react.vercel.app/components/breadcrumbs
  * @extends LibButtonLinkBlank
@@ -337,8 +317,6 @@ export type LibBreadcrumbItem = LibButtonLinkBlank &
         text: string | JSX.Element
     }
 
-/*====================== TabsItem ======================*/
-
 /**
  * @description Props for Tabs component items: https://documentation-components-react.vercel.app/components/tabs
  * @prop data-testid?: string
@@ -354,8 +332,6 @@ export interface LibTabItem
     content: ReactNode
 }
 
-/*====================== Message ======================*/
-
 /**
  * @description Props for Message component: https://documentation-components-react.vercel.app/components/messaging
  * @prop data-testid?: string
@@ -374,8 +350,6 @@ export interface LibMessage extends LibComponentItemBase<HTMLDivElement> {
     time?: string
 }
 
-/*====================== MarkdownEditorOptions ======================*/
-
 /**
  * @description Buttons showing in MarkdownEditor
  * @prop titles?: boolean
@@ -416,8 +390,6 @@ export interface LibMarkdownEditorOptions {
     editorPreview?: boolean
 }
 
-/*====================== HeaderLinks ======================*/
-
 /**
  * @description Props for links in Header component items: https://documentation-components-react.vercel.app/components/header
  * @extends LibButtonLinkBlankRequired
@@ -434,8 +406,6 @@ export type LibHeaderLink = LibButtonLinkBlankRequired &
         end?: boolean
     }
 
-/*====================== IconMenuItem ======================*/
-
 /**
  * @description Props for Items in IconMenu component items: https://documentation-components-react.vercel.app/icon-menu
  * @extends LibButtonLinkBlankRequired
@@ -454,8 +424,6 @@ export type LibIconMenuItem = LibButtonLinkBlankRequired &
         iconSize?: number
     }
 
-/*====================== FooterLink ======================*/
-
 /**
  * @description Props for links in Footer component items: https://documentation-components-react.vercel.app/components/footer
  * @extends LibButtonLinkBlankRequired
@@ -470,8 +438,6 @@ export type LibFooterLink = LibButtonLinkBlankRequired &
         text: ReactChildren
     }
 
-/*====================== DragListItem ======================*/
-
 type LibDragListItemBase = LibComponentItemBase<HTMLDivElement> & {
     id: string
 }
@@ -517,8 +483,6 @@ export type LibDragListItem =
     | DragListItemWithContentAndDate
     | DragListItemWithElement
 
-/*====================== HelperBottom ======================*/
-
 interface HelperBottomWithText {
     text: string
     textColor?: LibAllColors

package/dist/lib/types/components-props.ts

@@ -1,5 +1,3 @@
-/*=============================================== Export all components types & props ===============================================*/
-
 export type { IStyleSheetManager } from "styled-components"
 export * from "../components/Text/types"
 export * from "../components/Wrapper/types"
@@ -79,4 +77,5 @@ export * from "../components/Fieldset/types"
 export * from "../components/Datepicker/types"
 export * from "../components/Timepicker/types"
 export * from "../components/Link/types"
+export * from "../components/Meta/types"
 /* Prepend here - DO NOT REMOVE */

package/dist/lib/types/{type-values.ts → design-tokens.ts}

@@ -1,5 +1,3 @@
-/*=============================================== Type values ===============================================*/
-
 const textDisplayTags = {
     h1: "h1",
     h2: "h2",
@@ -20,7 +18,7 @@ const textTags = {
     dl: "dl",
 } as const
 
-export const typeValues = {
+export const designTokens = {
     libColors: {
         black: "black",
         white: "white",
@@ -180,6 +178,7 @@ export const typeValues = {
         error: "error",
         warning: "warning",
         info: "info",
+        loading: "loading",
     },
 
     toasterPositions: {

package/dist/lib/types/generate-int-range.ts

@@ -1,5 +1,3 @@
-/*=============================================== Integer range ===============================================*/
-
 type Enumerate<
     N extends number,
     Acc extends Array<number> = []