@julseb-lib/react 1.1.24 → 1.1.26

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

@@ -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.js';
+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.js';
 import { LibButtonGroupButtonItem, LibListGroupItem, LibAccordionItem, LibDropdownItem, LibDragListItem, LibTabItem, LibMdEditorOptions } from './components-items-props.js';
 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;

package/dist/types/global.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/types/global.ts"],"sourcesContent":["import type {\n\tHTMLAttributes,\n\tElementType,\n\tReactNode,\n\tDispatch,\n\tSetStateAction,\n\tFunctionComponent,\n\tRefObject,\n\tCSSProperties as CSS,\n\tReactElement as ReactEl,\n} from \"react\"\nimport type { Property } from \"csstype\"\nimport type { designTokens } from \"../utils/design-tokens\"\n\n/**\n * @description All color tokens available in the library.\n * @type {keyof typeof designTokens.libColors}\n * @example\n * color=\"danger-300\"\n * color=\"gray-100\"\n */\nexport type LibColors = keyof typeof designTokens.libColors\n\n/**\n * @description All color short tokens available in the library. This returns the color-500.\n * @type {\"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"gray\" | \"black\" | \"white\" | \"current\" | \"transparent\" | \"background\"}\n * @example\n * color=\"primary\"\n * color=\"gray\"\n */\nexport type LibColorsShort = keyof typeof designTokens.libColorsShort\n\n/**\n * @description All color tokens and color short tokens available in the library.\n * @type {keyof typeof designTokens.libColors | \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"gray\" | \"black\" | \"white\" | \"current\" | \"transparent\" | \"background\"}\n * @example\n * color=\"danger-300\"\n * color=\"primary\"\n * color=\"gray-100\"\n */\nexport type LibAllColors = LibColors | LibColorsShort\n\n/**\n * @description All hover color tokens available in the library.\n * @type {\"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\"}\n * @example\n * color=\"primary\"\n * color=\"gray\"\n */\nexport type LibColorsHover = keyof typeof designTokens.libColorsHover\n\n/**\n * @description All hover color tokens plus \"current\" for currentColor support.\n * @type {\"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"current\"}\n * @example\n * color=\"primary\"\n * color=\"gray\"\n * color=\"current\"\n */\nexport type LibColorsHoverAndCurrent = LibColorsHover | \"current\"\n\n/**\n * @description All overlay tokens available in the library.\n * @type {\"black-50\" | \"black-80\" | \"white-50\" | \"white-80\" | \"gradient-black\" | \"gradient-white\"}\n * @example\n * overlay=\"overlay-100\"\n * overlay=\"overlay-dark\"\n */\nexport type LibOverlays = keyof typeof designTokens.libOverlays\n\n/**\n * @description All color and overlay tokens available in the library.\n * @type {Any color from the library | Any overlay from the library}\n * @example\n * color=\"primary\"\n * color=\"gray-100\"\n * overlay=\"overlay-100\"\n * overlay=\"overlay-dark\"\n */\nexport type LibAllColorsAndOverlays =\n\t| LibAllColors\n\t| keyof typeof designTokens.libOverlays\n\n/**\n * @description All font family tokens available in the library.\n * @type {\"body\"|\"code\"}\n * @example\n * fontFamily=\"body\"\n * fontFamily=\"code\"\n */\nexport type LibFontFamilies = keyof typeof designTokens.libFontFamilies\n\n/**\n * @description All font size tokens available in the library.\n * @type {\"xs\" | \"sm\" | \"base\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\"}\n * @example\n * fontSize=\"md\"\n * fontSize=\"xl\"\n */\nexport type LibFontSizes = keyof typeof designTokens.libFontSizes\n\n/**\n * @description All font weight tokens available in the library.\n * @type {\"thin\" | \"extralight\" | \"light\" | \"normal\" | \"medium\" | \"semibold\" | \"bold\" | \"extrabold\" | \"black\"}\n * @example\n * fontWeight=\"regular\"\n * fontWeight=\"bold\"\n */\nexport type LibFontWeights = keyof typeof designTokens.libFontWeights\n\n/**\n * @description All line height tokens available in the library.\n * @type {\"xs\" | \"sm\" | \"base\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\"}\n * @example\n * lineHeight=\"normal\"\n * lineHeight=\"tight\"\n */\nexport type LibLineHeights = keyof typeof designTokens.libLineHeights\n\n/**\n * @description All box shadow tokens available in the library.\n * @type {\"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"none\"}\n * @example\n * boxShadow=\"md\"\n * boxShadow=\"xl\"\n */\nexport type LibShadows = keyof typeof designTokens.libShadows\n\n/**\n * @description All spacer tokens available in the library, plus \"0px\".\n * @type {\"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"0px\"}\n * @example\n * padding=\"md\"\n * margin=\"xl\"\n * gap=\"xs\"\n * padding=\"0px\"\n */\nexport type LibSpacers = keyof typeof designTokens.libSpacers | \"0px\"\n\n/**\n * @description All border radius tokens available in the library.\n * @type {\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"full\"}\n * @example\n * radius=\"m\"\n * radius=\"xl\"\n */\nexport type LibRadiuses = keyof typeof designTokens.libRadius\n\n/**\n * @description All transition tokens available in the library.\n * @type {\"none\" | \"all\" | \"default\" | \"colors\" | \"opacity\" | \"shadow\" | \"transform\"}\n * @example\n * transition=\"all\"\n * transition=\"colors\"\n */\nexport type LibTransitions = keyof typeof designTokens.libTransitions\n\n/**\n * @description Validation status for form components.\n * @type {boolean | undefined}\n * @example\n * validation={true}   // valid\n * validation={false}  // invalid\n * validation={undefined} // not validated\n */\nexport type LibValidationStatus = boolean | undefined\n\n/**\n * @description Validation for input components.\n * @type {Object}\n * @example\n * validation={{ status: false, message: \"Name is required\" }}\n */\nexport type LibInputValidation = {\n\tstatus: LibValidationStatus\n\tmessage?: ReactChildren\n\ticonPassed?: ReactElement\n\ticonNotPassed?: ReactElement\n}\n\n/**\n * @description All theme names available in the library.\n * @type {\"light\"|\"dark\"}\n * @example\n * theme=\"light\"\n * theme=\"dark\"\n */\nexport type LibThemeNames = keyof typeof designTokens.libThemes\n\n/**\n * @description All input variant tokens available in the library.\n * @type {\"rounded\" | \"rounded-sm\" | \"rounded-md\" | \"rounded-lg\" | \"rounded-xl\" | \"rounded-2xl\" | \"rounded-3xl\" | \"rounded-full\" | \"pill\"}\n * @example\n * variant=\"rounded\"\n * variant=\"rounded-lg\"\n * variant=\"pill\"\n */\nexport type LibInputVariant = keyof typeof designTokens.libInputVariants\n\n/**\n * @description All input type tokens available in the library for form inputs.\n * @type {\"color\" | \"date\" | \"datetime-local\" | \"month\" | \"week\" | \"file\" | \"password\" | \"search\" | \"email\" | \"number\" | \"tel\" | \"text\" | \"url\" | \"time\" | \"select\" | \"textarea\"}\n * @example\n * type=\"email\"\n * type=\"password\"\n * type=\"select\"\n */\nexport type LibInputType = keyof typeof designTokens.libInputTypes\n\n/**\n * @description All loader variant tokens available in the library.\n * @type {1 | 2 | 3}\n * @example\n * variant={3}\n */\nexport type LibLoaderVariant = keyof typeof designTokens.libLoaderVariants\n\n/**\n * @description All button variant tokens available in the library.\n * @type {\"plain\" | \"ghost\" | \"transparent\"}\n * @example\n * variant=\"plain\"\n * variant=\"ghost\"\n * variant=\"transparent\"\n */\nexport type LibButtonVariant = keyof typeof designTokens.libButtonVariants\n\n/**\n * @description All button variant tokens available in the library.\n * @type {\"plain\" | \"ghost\" | \"outline\" | \"transparent\"}\n * @example\n * variant=\"plain\"\n * variant=\"ghost\"\n * variant=\"outline\"\n */\nexport type LibButtonVariantExtended =\n\t| keyof typeof designTokens.libButtonVariants\n\t| \"outline\"\n\n/**\n * @description All button size tokens available in the library.\n * @type {\"default\" | \"small\"}\n * @example\n * variant=\"small\"\n */\nexport type LibButtonSize = keyof typeof designTokens.libButtonSize\n\n/**\n * @description All input background tokens available in the library.\n * @type {\"light\" | \"dark\"}\n * @example\n * inputBackground=\"light\"\n * inputBackground=\"dark\"\n */\nexport type LibInputBackground = keyof typeof designTokens.libInputBackgrounds\n\n/**\n * @description All display text tag tokens available in the library (headings from 1 to 5).\n * @type {\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\"}\n * @example\n * tag=\"h1\"\n * tag=\"h2\"\n */\nexport type LibTextTagDisplay = keyof typeof designTokens.libTextDisplayTags\n\n/**\n * @description All text tags without the display prop tokens available in the library (paragraphs, lists, etc.).\n * @type {\"h6\" | \"p\" | \"strong\" | \"em\" | \"small\" | \"blockquote\" | \"ul\" | \"ol\" | \"dl\"}\n * @example\n * tag=\"p\"\n * tag=\"ul\"\n * tag=\"blockquote\"\n */\nexport type LibTextTagNoDisplay = keyof typeof designTokens.libTextTags\n\n/**\n * @description All text tag tokens available in the library (display and non-display).\n * @type {\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"strong\" | \"em\" | \"small\" | \"blockquote\" | \"ul\" | \"ol\" | \"dl\"}\n * @example\n * tag=\"h1\"\n * tag=\"p\"\n * tag=\"ul\"\n */\nexport type LibTextTag = LibTextTagDisplay | LibTextTagNoDisplay\n\n/**\n * @description All CSS position tokens available in the library.\n * @type {\"relative\" | \"absolute\" | \"fixed\"}\n * @example\n * position=\"relative\"\n * position=\"absolute\"\n * position=\"fixed\"\n */\nexport type LibPosition = keyof typeof designTokens.libPosition\n\n/**\n * @description All z-index tokens available in the library.\n * @type {\"0\" | \"10\" | \"20\" | \"30\" | \"40\" | \"50\" | \"-0\" | \"-10\" | \"-20\" | \"-30\" | \"-40\" | \"-50\"}\n * @example\n * zIndex=\"10\"\n * zIndex=\"999\"\n */\nexport type LibZIndex = keyof typeof designTokens.libZIndex\n\n/**\n * @description All min heights available in the library\n * @type {\"px\" | \"full\" | \"screen\" | \"dvh\" | \"dvw\" | \"lvh\" | \"lvw\" | \"svw\" | \"svh\" | \"auto\" | \"min\" | \"max\" | \"fit\" | \"lh\"}\n * @example\n * minHeight=\"min-h-full\"\n * minHeight=\"min-h-screen\"\n */\nexport type LibMinHeight = keyof typeof designTokens.libMinHeights\n\n/**\n * @description All key sizes for the Key component.\n * @type {\"large\" | \"small\"}\n * @example\n * keySize=\"large\"\n * keySize=\"small\"\n */\nexport type LibKeySize = keyof typeof designTokens.libKeySizes\n\n/**\n * @description All max widths from the library.\n * @type {\"3xs\" | \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"none\" | \"px\" | \"full\" | \"dvw\" | \"dvh\" | \"lvw\" | \"lvh\" | \"svw\" | \"svh\" | \"screen\" | \"min\" | \"max\" | \"fit\"}\n * @example\n * maxWidth=\"md\"\n * maxWidth=\"full\"\n */\nexport type LibMaxWidth = keyof typeof designTokens.libMaxWidths\n\n/**\n * @description All skeleton animation tokens available in the library.\n * @type {\"pulse\" | \"shine\"}\n * @example\n * skeletonAnimation=\"pulse\"\n * skeletonAnimation=\"shine\"\n */\nexport type LibSkeletonAnimation =\n\tkeyof typeof designTokens.libSkeletonAnimations\n\n/**\n * @description All tooltip position tokens available in the library.\n * @type {\"top\" | \"bottom\" | \"left\" | \"right\"}\n * @example\n * tooltipPosition=\"top\"\n * tooltipPosition=\"right\"\n */\nexport type LibTooltipPosition = keyof typeof designTokens.libTooltipPositions\n\n/**\n * @description All tooltip trigger tokens available in the library.\n * @type {\"hover\" | \"click\"}\n * @example\n * tooltipTrigger=\"hover\"\n * tooltipTrigger=\"click\"\n */\nexport type LibTooltipTrigger = keyof typeof designTokens.libTooltipTriggers\n\n/**\n * @description Props common to nearly all components.\n *\n * @template T - The HTML element type.\n * @prop {ElementType} [element] - The HTML element or React component to render as.\n * @prop {RefObject<T>} [ref] - Ref for the rendered element.\n * @extends HTMLAttributes<T>\n */\nexport interface LibComponentBase<T> extends HTMLAttributes<T> {\n\telement?: ElementType\n\tref?: RefObject<T>\n}\n\n/**\n * @description All variants available for Accordion item.\n * @type {\"basic\" | \"rounded\"}\n * @example\n * variant=\"basic\"\n * variant=\"rounded\"\n */\nexport type LibAccordionVariant = keyof typeof designTokens.libAccordionVariant\n\n/**\n * @description All icons available for Accordion item.\n * @type {\"plus\" | \"chevron\"}\n * @example\n * icon=\"plus\"\n * icon=\"chevron\"\n */\nexport type LibAccordionIcon = keyof typeof designTokens.libAccordionIcon\n\n/**\n * @description Variants for Tag component.\n * @type {\"plain\" | \"outline\"}\n * @example\n * variant=\"plain\"\n */\nexport type LibTagVariant = keyof typeof designTokens.libTagVariant\n\n/**\n * @description Variants for Toast component.\n * @type {\"success\" | \"error\" | \"warning\" | \"info\" | \"loading\"}\n * @example\n * status=\"error\"\n */\nexport type LibToastStatus = keyof typeof designTokens.libToastStatus\n\n/**\n * @description Variants for InputCheck component.\n * @type {\"tile\" | \"toggle\" | \"selector\"}\n * @example\n * variant=\"toggle\"\n */\nexport type LibCheckInputVariant =\n\tkeyof typeof designTokens.libCheckInputVariants\n\n/**\n * @description List direction variants for inputs with list.\n * @type {\"up\" | \"down\"}\n * @example\n * variant=\"up\"\n */\nexport type LibInputListDirection =\n\tkeyof typeof designTokens.libListInputDirections\n\n/**\n * @description All tab justification tokens available in the library for positioning tabs within their container.\n * @type {\"start\" | \"stretch\"}\n * @example\n * justify=\"stretch\"\n */\nexport type LibTabsJustify = keyof typeof designTokens.libTabsJustify\n\n/**\n * @description All tab variant tokens available in the library for styling tab components.\n * @type {\"basic\" | \"rounded\"}\n * @example\n * variant=\"basic\"\n */\nexport type LibTabsVariant = keyof typeof designTokens.libTabsVariant\n\n/**\n * @description All slideshow pagination variant tokens available in the library for styling pagination controls.\n * @type {\"dots\" | \"dots-outline\" | \"bars\" | \"thumbnails\"}\n * @example\n * pagination=\"dots\"\n * pagination=\"bars\"\n * pagination=\"thumbnails\"\n */\nexport type LibSlideshowPagination =\n\tkeyof typeof designTokens.libSlideshowPagination\n\n/**\n * @description All slideshow pagination position tokens available in the library for positioning pagination controls.\n * @type {\"inside\" | \"outside\"}\n * @example\n * paginationPosition=\"inside\"\n * paginationPosition=\"outside\"\n */\nexport type LibSlideshowPaginationPosition =\n\tkeyof typeof designTokens.libSlideshowPaginationPosition\n\n/**\n * @description All slideshow navigation buttons position tokens available in the library for positioning previous/next controls.\n * @type {\"left\" | \"right\"}\n * @example\n * buttonsPosition=\"left\"\n * buttonsPosition=\"right\"\n */\nexport type LibSlideshowButtonsPosition =\n\tkeyof typeof designTokens.libSlideshowButtonsPositions\n\n/**\n * @description All slideshow navigation buttons size tokens available in the library for sizing previous/next controls.\n * @type {\"small\" | \"large\"}\n * @example\n * buttonsSize=\"small\"\n * buttonsSize=\"large\"\n */\nexport type LibSlideshowButtonsSize =\n\tkeyof typeof designTokens.libSlideshowButtonsSizes\n\n/**\n * @description All table variant tokens available in the library for styling table components.\n * @type {\"bordered\" | \"stripped\" | \"border-bottom\"}\n * @example\n * variant=\"bordered\"\n * variant=\"stripped\"\n * variant=\"border-bottom\"\n */\nexport type LibTableVariant = keyof typeof designTokens.libTableVariants\n\n/**\n * @description All markdown editor view tokens available in the library for switching between different editor display modes.\n * @type {\"code\" | \"live\" | \"preview\"}\n * @example\n * view=\"code\"\n * view=\"live\"\n * view=\"preview\"\n */\nexport type LibMdEditorViews = keyof typeof designTokens.libMdEditorViews\n\n/**\n * @description All markdown editor title tokens available in the library for heading levels in the editor.\n * @type {\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"}\n * @example\n * titles={{\n *     h1: true,\n * \t   h3: false,\n * }}\n */\nexport type LibMdEditorTitles = keyof typeof designTokens.libMdEditorTitles\n\n/**\n * @description All markdown editor button tokens available in the library for controlling toolbar button visibility.\n * @type {\"bold\" | \"italic\" | \"strikethrough\" | \"underline\" | \"ul\" | \"ol\" | \"link\" | \"quote\" | \"hr\" | \"code\" | \"codeBlock\" | \"comment\" | \"image\"}\n * @example\n * buttons={{\n *     bold: false,\n * \t   italic: true,\n * }}\n */\nexport type LibMdEditorButtons = keyof typeof designTokens.libMdEditorButtons\n\n/**\n * @description All drawer position tokens available in the library for positioning drawer components within the viewport.\n * @type {\"left\" | \"right\" }\n * @example\n * position=\"left\"\n * position=\"right\"\n */\nexport type LibDrawerPosition = keyof typeof designTokens.libDrawerPositions\n\n/**\n * @description All navigation burger position tokens available in the library for positioning burger menu buttons within the navigation.\n * @type {\"left\" | \"right\"}\n * @example\n * position=\"left\"\n * position=\"right\"\n */\nexport type LibNavBurgerPosition =\n\tkeyof typeof designTokens.libNavBurgerPositions\n\n/**\n * @description All navigation mobile variant tokens available in the library for styling mobile navigation components.\n * @type {\"drawer\" | \"full\" | \"top\"}\n * @example\n * variant=\"drawer\"\n * variant=\"full\"\n */\nexport type LibNavMobileVariant = keyof typeof designTokens.libNavMobileVariants\n\n/**\n * @description All header position tokens available in the library for positioning header components within the viewport.\n * @type {\"relative\" | \"absolute\" | \"fixed\"}\n * @example\n * position=\"relative\"\n * position=\"absolute\"\n * position=\"fixed\"\n */\nexport type LibHeaderPosition = Extract<\n\tProperty.Position,\n\t\"relative\" | \"absolute\" | \"fixed\"\n>\n\n/**\n * @description All footer direction tokens available in the library for controlling the layout direction of footer content.\n * @type {\"horizontal\" | \"vertical\"}\n * @example\n * direction=\"horizontal\"\n * direction=\"vertical\"\n */\nexport type LibFooterDirection = keyof typeof designTokens.libFooterDirection\n\n/**\n * @description All footer links separator tokens available in the library for controlling the visual separator between footer links.\n * @type {\"dot\" | \"dash\"}\n * @example\n * separator=\"dot\"\n * separator=\"dash\"\n */\nexport type LibFooterLinksSeparator =\n\tkeyof typeof designTokens.libFooterLinksSeparator\n\n/**\n * @description Type of values for InputPin component representing a collection of pin input values.\n * @type {object}\n * @example\n * values={{\n *   0: 1,\n *   1: 2,\n *   2: 3,\n *   3: 4\n * }}\n *\n * values={{\n *   0: \"\",\n *   1: 5,\n *   2: undefined,\n *   3: 9\n * }}\n *\n * @prop {number | \"\" | undefined} [index] - Value at each pin position, can be a number, empty string, or undefined.\n */\nexport type LibValueInputPin = { [n: number]: number | \"\" | undefined }\n\n/**\n * @description Configuration object for translation data used in useTranslation hook for internationalization support.\n * @type {object}\n * @example\n * translateLang={{\n *   en: {\n *     \"hello\": \"Hello\",\n *     \"welcome\": \"Welcome to our app\",\n *     \"button.save\": \"Save\"\n *   },\n *   fr: {\n *     \"hello\": \"Bonjour\",\n *     \"welcome\": \"Bienvenue dans notre application\",\n *     \"button.save\": \"Enregistrer\"\n *   }\n * }}\n *\n * @prop {Object.<string, Object.<string, string>>} [language] - Language code as key containing translation key-value pairs.\n */\nexport type TranslateLang = {\n\t[language: string]: {\n\t\t[key: string]: string\n\t}\n}\n\n/**\n * @description Configuration object for background image styling and positioning properties.\n * @type {object}\n * @example\n * backgroundImage={{\n *   img: \"/images/hero-bg.jpg\",\n *   position: \"center\",\n *   size: \"cover\",\n *   repeat: \"no-repeat\"\n * }}\n *\n * backgroundImage={{\n *   img: \"url('/pattern.png')\",\n *   clip: \"padding\",\n *   origin: \"border\",\n *   repeat: \"repeat-x\"\n * }}\n *\n * @prop {string} img - URL or path to the background image.\n * @prop {\"border\" | \"padding\" | \"content\" | \"text\"} [clip] - Defines how far the background extends within the element.\n * @prop {\"border\" | \"padding\" | \"content\"} [origin] - Sets the origin position of the background image.\n * @prop {\"top-left\" | \"top\" | \"top-right\" | \"left\" | \"center\" | \"right\" | \"bottom-left\" | \"bottom\" | \"bottom-right\"} [position] - Position of the background image within the element.\n * @prop {\"repeat\" | \"repeat-x\" | \"repeat-y\" | \"repeat-space\" | \"repeat-round\" | \"no-repeat\"} [repeat] - How the background image should be repeated.\n * @prop {\"auto\" | \"cover\" | \"contain\"} [size] - Size of the background image.\n */\nexport interface ILibBackgroundImage {\n\timg: string\n\tclip?: \"border\" | \"padding\" | \"content\" | \"text\"\n\torigin?: \"border\" | \"padding\" | \"content\"\n\tposition?:\n\t\t| \"top-left\"\n\t\t| \"top\"\n\t\t| \"top-right\"\n\t\t| \"left\"\n\t\t| \"center\"\n\t\t| \"right\"\n\t\t| \"bottom-left\"\n\t\t| \"bottom\"\n\t\t| \"bottom-right\"\n\trepeat?:\n\t\t| \"repeat\"\n\t\t| \"repeat-x\"\n\t\t| \"repeat-y\"\n\t\t| \"repeat-space\"\n\t\t| \"repeat-round\"\n\t\t| \"no-repeat\"\n\tsize?: \"auto\" | \"cover\" | \"contain\"\n}\n\n/**\n * @description Configuration object for country data used in InputPhone component and other internationalization features.\n * @type {object}\n * @use Import `countries` object\n * @example\n * country={countries[2]}\n *\n * @prop {string} name - Full name of the country.\n * @prop {string} dial_code - International dialing code with + prefix.\n * @prop {CountryCode} code - ISO 3166-1 alpha-2 country code.\n * @prop {string} flag - Image flag for the country.\n */\nexport type LibCountry = {\n\tname: string\n\tdial_code: string\n\tcode: CountryCode\n\tflag: ReactElement\n}\n\n/**\n * @description Configuration object for positioning the BackToTop component within the viewport.\n * @type {object}\n * @example\n * position={{\n *   right: \"md\",\n *   bottom: \"lg\",\n *   zIndex: \"50\"\n * }}\n *\n * position={{\n *   left: \"sm\",\n *   top: \"unset\",\n *   bottom: \"xl\"\n * }}\n *\n * @prop {LibSpacers | \"unset\"} [left] - Distance from the left edge of the viewport.\n * @prop {LibSpacers | \"unset\"} [top] - Distance from the top edge of the viewport.\n * @prop {LibSpacers | \"unset\"} [right] - Distance from the right edge of the viewport.\n * @prop {LibSpacers | \"unset\"} [bottom] - Distance from the bottom edge of the viewport.\n * @prop {LibZIndex} [zIndex] - Z-index value for layering the component above other elements.\n */\nexport interface LibBackToTopPosition {\n\tleft?: LibSpacers | \"unset\"\n\ttop?: LibSpacers | \"unset\"\n\tright?: LibSpacers | \"unset\"\n\tbottom?: LibSpacers | \"unset\"\n\tzIndex?: LibZIndex\n}\n\n/**\n * @description Configuration object for positioning and styling tooltip components with advanced customization options.\n * @type {object}\n * @example\n * tooltipOptions={{\n *   position: \"top\",\n *   offset: \"md\",\n *   backgroundColor: \"black\",\n *   textColor: \"white\",\n *   hideArrow: false\n * }}\n *\n * tooltipOptions={{\n *   position: \"right\",\n *   offset: \"lg\",\n *   backgroundColor: \"primary-500\",\n *   textColor: \"white\",\n *   hideArrow: true,\n *   className: \"custom-tooltip\"\n * }}\n *\n * @prop {LibTooltipPosition} [position] - Position of the tooltip relative to its trigger element.\n * @prop {LibSpacers} [offset] - Distance between the tooltip and its trigger element.\n * @prop {LibAllColorsAndOverlays} [backgroundColor] - Background color or overlay for the tooltip.\n * @prop {LibAllColors} [textColor] - Text color for the tooltip content.\n * @prop {boolean} [hideArrow] - Whether to hide the arrow pointing to the trigger element.\n * @prop {ClassNames} [className] - Additional CSS classes to apply to the tooltip.\n * @prop {CSSProperties} [style] - Custom inline styles for the tooltip.\n */\nexport interface LibTooltipPositionOptions {\n\tposition?: LibTooltipPosition\n\toffset?: LibSpacers\n\tbackgroundColor?: LibAllColorsAndOverlays\n\ttextColor?: LibAllColors\n\thideArrow?: boolean\n\tclassName?: ClassNames\n\tstyle?: CSSProperties\n\ttooltipClassName?: ClassNames\n\ttooltipStyle?: CSSProperties\n}\n\nexport type ReactChildren = ReactNode | Array<ReactNode>\nexport type ReactElement = ReactEl\nexport type FC<T = {}> = FunctionComponent<T>\nexport type DispatchState<T> = Dispatch<SetStateAction<T>>\nexport type Classes = string | Array<string>\n\nexport type CssTextAlign =\n\t| \"left\"\n\t| \"center\"\n\t| \"right\"\n\t| \"justify\"\n\t| \"start\"\n\t| \"end\"\nexport type CssVerticalAlign =\n\t| \"align-baseline\"\n\t| \"align-top\"\n\t| \"align-middle\"\n\t| \"align-bottom\"\n\t| \"align-text-top\"\n\t| \"align-text-bottom\"\n\t| \"align-sub\"\n\t| \"align-super\"\nexport type CssJustifyItems =\n\t| \"start\"\n\t| \"end\"\n\t| \"end-safe\"\n\t| \"center\"\n\t| \"center-safe\"\n\t| \"stretch\"\n\t| \"normal\"\nexport type CssAlignItems =\n\t| \"start\"\n\t| \"end\"\n\t| \"end-safe\"\n\t| \"center\"\n\t| \"center-safe\"\n\t| \"baseline\"\n\t| \"baseline-start\"\n\t| \"stretch\"\nexport type CssJustifyContent =\n\t| \"start\"\n\t| \"end\"\n\t| \"end-safe\"\n\t| \"center\"\n\t| \"center-safe\"\n\t| \"space-between\"\n\t| \"space-around\"\n\t| \"space-evenly\"\n\t| \"stretch\"\n\t| \"baseline\"\n\t| \"normal\"\nexport type CssAlignContent =\n\t| \"normal\"\n\t| \"center\"\n\t| \"start\"\n\t| \"end\"\n\t| \"space-between\"\n\t| \"space-around\"\n\t| \"space-evenly\"\n\t| \"baseline\"\n\t| \"stretch\"\nexport type CssFlexDirection = \"row\" | \"row-reverse\" | \"col\" | \"col-reverse\"\nexport type CssFlexWrap = \"nowrap\" | \"wrap\" | \"wrap-reverse\"\nexport type CssObjectFit = \"contain\" | \"cover\" | \"fill\" | \"none\" | \"scale-down\"\nexport type CssBorderStyle =\n\t| \"solid\"\n\t| \"dashed\"\n\t| \"dotted\"\n\t| \"double\"\n\t| \"hidden\"\n\t| \"none\"\nexport type CssOutlineStyle =\n\t| \"solid\"\n\t| \"dashed\"\n\t| \"dotted\"\n\t| \"double\"\n\t| \"none\"\n\t| \"hidden\"\n\nexport type LibMainSize = keyof typeof designTokens.libMainSizes\nexport type LibAsideSize = keyof typeof designTokens.libAsideSizes\nexport type CountryCode = keyof typeof designTokens.libCountryCodes\nexport type ClassNames = string | Array<string>\nexport type CSSProperties = CSS\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../src/lib/types/global.ts"],"sourcesContent":["import type {\n\tHTMLAttributes,\n\tElementType,\n\tReactNode,\n\tDispatch,\n\tSetStateAction,\n\tFunctionComponent,\n\tRefObject,\n\tCSSProperties as CSS,\n\tReactElement as ReactEl,\n} from \"react\"\nimport type { Property } from \"csstype\"\nimport type { designTokens } from \"../utils/design-tokens\"\n\n/**\n * @description All color tokens available in the library.\n * @type {keyof typeof designTokens.libColors}\n * @example\n * color=\"danger-300\"\n * color=\"gray-100\"\n */\nexport type LibColors = keyof typeof designTokens.libColors\n\n/**\n * @description All color short tokens available in the library. This returns the color-500.\n * @type {\"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"gray\" | \"black\" | \"white\" | \"current\" | \"transparent\" | \"background\"}\n * @example\n * color=\"primary\"\n * color=\"gray\"\n */\nexport type LibColorsShort = keyof typeof designTokens.libColorsShort\n\n/**\n * @description All color tokens and color short tokens available in the library.\n * @type {keyof typeof designTokens.libColors | \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"gray\" | \"black\" | \"white\" | \"current\" | \"transparent\" | \"background\"}\n * @example\n * color=\"danger-300\"\n * color=\"primary\"\n * color=\"gray-100\"\n */\nexport type LibAllColors = LibColors | LibColorsShort\n\n/**\n * @description All hover color tokens available in the library.\n * @type {\"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\"}\n * @example\n * color=\"primary\"\n * color=\"gray\"\n */\nexport type LibColorsHover = keyof typeof designTokens.libColorsHover\n\n/**\n * @description All hover color tokens plus \"current\" for currentColor support.\n * @type {\"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"current\"}\n * @example\n * color=\"primary\"\n * color=\"gray\"\n * color=\"current\"\n */\nexport type LibColorsHoverAndCurrent = LibColorsHover | \"current\"\n\n/**\n * @description All overlay tokens available in the library.\n * @type {\"black-50\" | \"black-80\" | \"white-50\" | \"white-80\" | \"gradient-black\" | \"gradient-white\"}\n * @example\n * overlay=\"overlay-100\"\n * overlay=\"overlay-dark\"\n */\nexport type LibOverlays = keyof typeof designTokens.libOverlays\n\n/**\n * @description All color and overlay tokens available in the library.\n * @type {Any color from the library | Any overlay from the library}\n * @example\n * color=\"primary\"\n * color=\"gray-100\"\n * overlay=\"overlay-100\"\n * overlay=\"overlay-dark\"\n */\nexport type LibAllColorsAndOverlays =\n\t| LibAllColors\n\t| keyof typeof designTokens.libOverlays\n\n/**\n * @description All font family tokens available in the library.\n * @type {\"body\"|\"code\"}\n * @example\n * fontFamily=\"body\"\n * fontFamily=\"code\"\n */\nexport type LibFontFamilies = keyof typeof designTokens.libFontFamilies\n\n/**\n * @description All font size tokens available in the library.\n * @type {\"xs\" | \"sm\" | \"base\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\" | \"9xl\"}\n * @example\n * fontSize=\"md\"\n * fontSize=\"xl\"\n */\nexport type LibFontSizes = keyof typeof designTokens.libFontSizes\n\n/**\n * @description All font weight tokens available in the library.\n * @type {\"thin\" | \"light\" | \"regular\" | \"bold\" | \"black\"}\n * @example\n * fontWeight=\"regular\"\n * fontWeight=\"bold\"\n */\nexport type LibFontWeights = keyof typeof designTokens.libFontWeights\n\n/**\n * @description All box shadow tokens available in the library.\n * @type {\"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"none\"}\n * @example\n * boxShadow=\"md\"\n * boxShadow=\"xl\"\n */\nexport type LibShadows = keyof typeof designTokens.libShadows\n\n/**\n * @description All spacer tokens available in the library, plus \"0px\".\n * @type {\"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"0px\"}\n * @example\n * padding=\"md\"\n * margin=\"xl\"\n * gap=\"xs\"\n * padding=\"0px\"\n */\nexport type LibSpacers = keyof typeof designTokens.libSpacers | \"0px\"\n\n/**\n * @description All border radius tokens available in the library.\n * @type {\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"full\"}\n * @example\n * radius=\"m\"\n * radius=\"xl\"\n */\nexport type LibRadiuses = keyof typeof designTokens.libRadius\n\n/**\n * @description All transition tokens available in the library.\n * @type {\"none\" | \"all\" | \"default\" | \"colors\" | \"opacity\" | \"shadow\" | \"transform\"}\n * @example\n * transition=\"all\"\n * transition=\"colors\"\n */\nexport type LibTransitions = keyof typeof designTokens.libTransitions\n\n/**\n * @description Validation status for form components.\n * @type {boolean | undefined}\n * @example\n * validation={true}   // valid\n * validation={false}  // invalid\n * validation={undefined} // not validated\n */\nexport type LibValidationStatus = boolean | undefined\n\n/**\n * @description Validation for input components.\n * @type {Object}\n * @example\n * validation={{ status: false, message: \"Name is required\" }}\n */\nexport type LibInputValidation = {\n\tstatus: LibValidationStatus\n\tmessage?: ReactChildren\n\ticonPassed?: ReactElement\n\ticonNotPassed?: ReactElement\n}\n\n/**\n * @description All theme names available in the library.\n * @type {\"light\"|\"dark\"}\n * @example\n * theme=\"light\"\n * theme=\"dark\"\n */\nexport type LibThemeNames = keyof typeof designTokens.libThemes\n\n/**\n * @description All input variant tokens available in the library.\n * @type {\"rounded\" | \"rounded-sm\" | \"rounded-md\" | \"rounded-lg\" | \"rounded-xl\" | \"rounded-2xl\" | \"rounded-3xl\" | \"rounded-full\" | \"pill\"}\n * @example\n * variant=\"rounded\"\n * variant=\"rounded-lg\"\n * variant=\"pill\"\n */\nexport type LibInputVariant = keyof typeof designTokens.libInputVariants\n\n/**\n * @description All input type tokens available in the library for form inputs.\n * @type {\"color\" | \"date\" | \"datetime-local\" | \"month\" | \"week\" | \"file\" | \"password\" | \"search\" | \"email\" | \"number\" | \"tel\" | \"text\" | \"url\" | \"time\" | \"select\" | \"textarea\"}\n * @example\n * type=\"email\"\n * type=\"password\"\n * type=\"select\"\n */\nexport type LibInputType = keyof typeof designTokens.libInputTypes\n\n/**\n * @description All loader variant tokens available in the library.\n * @type {1 | 2 | 3}\n * @example\n * variant={3}\n */\nexport type LibLoaderVariant = keyof typeof designTokens.libLoaderVariants\n\n/**\n * @description All button variant tokens available in the library.\n * @type {\"plain\" | \"ghost\" | \"transparent\"}\n * @example\n * variant=\"plain\"\n * variant=\"ghost\"\n * variant=\"transparent\"\n */\nexport type LibButtonVariant = keyof typeof designTokens.libButtonVariants\n\n/**\n * @description All button variant tokens available in the library.\n * @type {\"plain\" | \"ghost\" | \"outline\" | \"transparent\"}\n * @example\n * variant=\"plain\"\n * variant=\"ghost\"\n * variant=\"outline\"\n */\nexport type LibButtonVariantExtended =\n\t| keyof typeof designTokens.libButtonVariants\n\t| \"outline\"\n\n/**\n * @description All button size tokens available in the library.\n * @type {\"default\" | \"small\"}\n * @example\n * variant=\"small\"\n */\nexport type LibButtonSize = keyof typeof designTokens.libButtonSize\n\n/**\n * @description All input background tokens available in the library.\n * @type {\"light\" | \"dark\"}\n * @example\n * inputBackground=\"light\"\n * inputBackground=\"dark\"\n */\nexport type LibInputBackground = keyof typeof designTokens.libInputBackgrounds\n\n/**\n * @description All display text tag tokens available in the library (headings from 1 to 5).\n * @type {\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\"}\n * @example\n * tag=\"h1\"\n * tag=\"h2\"\n */\nexport type LibTextTagDisplay = keyof typeof designTokens.libTextDisplayTags\n\n/**\n * @description All text tags without the display prop tokens available in the library (paragraphs, lists, etc.).\n * @type {\"h6\" | \"p\" | \"strong\" | \"em\" | \"small\" | \"blockquote\" | \"ul\" | \"ol\" | \"dl\"}\n * @example\n * tag=\"p\"\n * tag=\"ul\"\n * tag=\"blockquote\"\n */\nexport type LibTextTagNoDisplay = keyof typeof designTokens.libTextTags\n\n/**\n * @description All text tag tokens available in the library (display and non-display).\n * @type {\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"strong\" | \"em\" | \"small\" | \"blockquote\" | \"ul\" | \"ol\" | \"dl\"}\n * @example\n * tag=\"h1\"\n * tag=\"p\"\n * tag=\"ul\"\n */\nexport type LibTextTag = LibTextTagDisplay | LibTextTagNoDisplay\n\n/**\n * @description All CSS position tokens available in the library.\n * @type {\"relative\" | \"absolute\" | \"fixed\"}\n * @example\n * position=\"relative\"\n * position=\"absolute\"\n * position=\"fixed\"\n */\nexport type LibPosition = keyof typeof designTokens.libPosition\n\n/**\n * @description All z-index tokens available in the library.\n * @type {\"0\" | \"10\" | \"20\" | \"30\" | \"40\" | \"50\" | \"-0\" | \"-10\" | \"-20\" | \"-30\" | \"-40\" | \"-50\"}\n * @example\n * zIndex=\"10\"\n * zIndex=\"999\"\n */\nexport type LibZIndex = keyof typeof designTokens.libZIndex\n\n/**\n * @description All min heights available in the library\n * @type {\"px\" | \"full\" | \"screen\" | \"dvh\" | \"dvw\" | \"lvh\" | \"lvw\" | \"svw\" | \"svh\" | \"auto\" | \"min\" | \"max\" | \"fit\" | \"lh\"}\n * @example\n * minHeight=\"min-h-full\"\n * minHeight=\"min-h-screen\"\n */\nexport type LibMinHeight = keyof typeof designTokens.libMinHeights\n\n/**\n * @description All key sizes for the Key component.\n * @type {\"large\" | \"small\"}\n * @example\n * keySize=\"large\"\n * keySize=\"small\"\n */\nexport type LibKeySize = keyof typeof designTokens.libKeySizes\n\n/**\n * @description All max widths from the library.\n * @type {\"3xs\" | \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"none\" | \"px\" | \"full\" | \"dvw\" | \"dvh\" | \"lvw\" | \"lvh\" | \"svw\" | \"svh\" | \"screen\" | \"min\" | \"max\" | \"fit\"}\n * @example\n * maxWidth=\"md\"\n * maxWidth=\"full\"\n */\nexport type LibMaxWidth = keyof typeof designTokens.libMaxWidths\n\n/**\n * @description All skeleton animation tokens available in the library.\n * @type {\"pulse\" | \"shine\"}\n * @example\n * skeletonAnimation=\"pulse\"\n * skeletonAnimation=\"shine\"\n */\nexport type LibSkeletonAnimation =\n\tkeyof typeof designTokens.libSkeletonAnimations\n\n/**\n * @description All tooltip position tokens available in the library.\n * @type {\"top\" | \"bottom\" | \"left\" | \"right\"}\n * @example\n * tooltipPosition=\"top\"\n * tooltipPosition=\"right\"\n */\nexport type LibTooltipPosition = keyof typeof designTokens.libTooltipPositions\n\n/**\n * @description All tooltip trigger tokens available in the library.\n * @type {\"hover\" | \"click\"}\n * @example\n * tooltipTrigger=\"hover\"\n * tooltipTrigger=\"click\"\n */\nexport type LibTooltipTrigger = keyof typeof designTokens.libTooltipTriggers\n\n/**\n * @description Props common to nearly all components.\n *\n * @template T - The HTML element type.\n * @prop {ElementType} [element] - The HTML element or React component to render as.\n * @prop {RefObject<T>} [ref] - Ref for the rendered element.\n * @extends HTMLAttributes<T>\n */\nexport interface LibComponentBase<T> extends HTMLAttributes<T> {\n\telement?: ElementType\n\tref?: RefObject<T>\n}\n\n/**\n * @description All variants available for Accordion item.\n * @type {\"basic\" | \"rounded\"}\n * @example\n * variant=\"basic\"\n * variant=\"rounded\"\n */\nexport type LibAccordionVariant = keyof typeof designTokens.libAccordionVariant\n\n/**\n * @description All icons available for Accordion item.\n * @type {\"plus\" | \"chevron\"}\n * @example\n * icon=\"plus\"\n * icon=\"chevron\"\n */\nexport type LibAccordionIcon = keyof typeof designTokens.libAccordionIcon\n\n/**\n * @description Variants for Tag component.\n * @type {\"plain\" | \"outline\"}\n * @example\n * variant=\"plain\"\n */\nexport type LibTagVariant = keyof typeof designTokens.libTagVariant\n\n/**\n * @description Variants for Toast component.\n * @type {\"success\" | \"error\" | \"warning\" | \"info\" | \"loading\"}\n * @example\n * status=\"error\"\n */\nexport type LibToastStatus = keyof typeof designTokens.libToastStatus\n\n/**\n * @description Variants for InputCheck component.\n * @type {\"tile\" | \"toggle\" | \"selector\"}\n * @example\n * variant=\"toggle\"\n */\nexport type LibCheckInputVariant =\n\tkeyof typeof designTokens.libCheckInputVariants\n\n/**\n * @description List direction variants for inputs with list.\n * @type {\"up\" | \"down\"}\n * @example\n * variant=\"up\"\n */\nexport type LibInputListDirection =\n\tkeyof typeof designTokens.libListInputDirections\n\n/**\n * @description All tab justification tokens available in the library for positioning tabs within their container.\n * @type {\"start\" | \"stretch\"}\n * @example\n * justify=\"stretch\"\n */\nexport type LibTabsJustify = keyof typeof designTokens.libTabsJustify\n\n/**\n * @description All tab variant tokens available in the library for styling tab components.\n * @type {\"basic\" | \"rounded\"}\n * @example\n * variant=\"basic\"\n */\nexport type LibTabsVariant = keyof typeof designTokens.libTabsVariant\n\n/**\n * @description All slideshow pagination variant tokens available in the library for styling pagination controls.\n * @type {\"dots\" | \"dots-outline\" | \"bars\" | \"thumbnails\"}\n * @example\n * pagination=\"dots\"\n * pagination=\"bars\"\n * pagination=\"thumbnails\"\n */\nexport type LibSlideshowPagination =\n\tkeyof typeof designTokens.libSlideshowPagination\n\n/**\n * @description All slideshow pagination position tokens available in the library for positioning pagination controls.\n * @type {\"inside\" | \"outside\"}\n * @example\n * paginationPosition=\"inside\"\n * paginationPosition=\"outside\"\n */\nexport type LibSlideshowPaginationPosition =\n\tkeyof typeof designTokens.libSlideshowPaginationPosition\n\n/**\n * @description All slideshow navigation buttons position tokens available in the library for positioning previous/next controls.\n * @type {\"left\" | \"right\"}\n * @example\n * buttonsPosition=\"left\"\n * buttonsPosition=\"right\"\n */\nexport type LibSlideshowButtonsPosition =\n\tkeyof typeof designTokens.libSlideshowButtonsPositions\n\n/**\n * @description All slideshow navigation buttons size tokens available in the library for sizing previous/next controls.\n * @type {\"small\" | \"large\"}\n * @example\n * buttonsSize=\"small\"\n * buttonsSize=\"large\"\n */\nexport type LibSlideshowButtonsSize =\n\tkeyof typeof designTokens.libSlideshowButtonsSizes\n\n/**\n * @description All table variant tokens available in the library for styling table components.\n * @type {\"bordered\" | \"stripped\" | \"border-bottom\"}\n * @example\n * variant=\"bordered\"\n * variant=\"stripped\"\n * variant=\"border-bottom\"\n */\nexport type LibTableVariant = keyof typeof designTokens.libTableVariants\n\n/**\n * @description All markdown editor view tokens available in the library for switching between different editor display modes.\n * @type {\"code\" | \"live\" | \"preview\"}\n * @example\n * view=\"code\"\n * view=\"live\"\n * view=\"preview\"\n */\nexport type LibMdEditorViews = keyof typeof designTokens.libMdEditorViews\n\n/**\n * @description All markdown editor title tokens available in the library for heading levels in the editor.\n * @type {\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"}\n * @example\n * titles={{\n *     h1: true,\n * \t   h3: false,\n * }}\n */\nexport type LibMdEditorTitles = keyof typeof designTokens.libMdEditorTitles\n\n/**\n * @description All markdown editor button tokens available in the library for controlling toolbar button visibility.\n * @type {\"bold\" | \"italic\" | \"strikethrough\" | \"underline\" | \"ul\" | \"ol\" | \"link\" | \"quote\" | \"hr\" | \"code\" | \"codeBlock\" | \"comment\" | \"image\"}\n * @example\n * buttons={{\n *     bold: false,\n * \t   italic: true,\n * }}\n */\nexport type LibMdEditorButtons = keyof typeof designTokens.libMdEditorButtons\n\n/**\n * @description All drawer position tokens available in the library for positioning drawer components within the viewport.\n * @type {\"left\" | \"right\" }\n * @example\n * position=\"left\"\n * position=\"right\"\n */\nexport type LibDrawerPosition = keyof typeof designTokens.libDrawerPositions\n\n/**\n * @description All navigation burger position tokens available in the library for positioning burger menu buttons within the navigation.\n * @type {\"left\" | \"right\"}\n * @example\n * position=\"left\"\n * position=\"right\"\n */\nexport type LibNavBurgerPosition =\n\tkeyof typeof designTokens.libNavBurgerPositions\n\n/**\n * @description All navigation mobile variant tokens available in the library for styling mobile navigation components.\n * @type {\"drawer\" | \"full\" | \"top\"}\n * @example\n * variant=\"drawer\"\n * variant=\"full\"\n */\nexport type LibNavMobileVariant = keyof typeof designTokens.libNavMobileVariants\n\n/**\n * @description All header position tokens available in the library for positioning header components within the viewport.\n * @type {\"relative\" | \"absolute\" | \"fixed\"}\n * @example\n * position=\"relative\"\n * position=\"absolute\"\n * position=\"fixed\"\n */\nexport type LibHeaderPosition = Extract<\n\tProperty.Position,\n\t\"relative\" | \"absolute\" | \"fixed\"\n>\n\n/**\n * @description All footer direction tokens available in the library for controlling the layout direction of footer content.\n * @type {\"horizontal\" | \"vertical\"}\n * @example\n * direction=\"horizontal\"\n * direction=\"vertical\"\n */\nexport type LibFooterDirection = keyof typeof designTokens.libFooterDirection\n\n/**\n * @description All footer links separator tokens available in the library for controlling the visual separator between footer links.\n * @type {\"dot\" | \"dash\"}\n * @example\n * separator=\"dot\"\n * separator=\"dash\"\n */\nexport type LibFooterLinksSeparator =\n\tkeyof typeof designTokens.libFooterLinksSeparator\n\n/**\n * @description Type of values for InputPin component representing a collection of pin input values.\n * @type {object}\n * @example\n * values={{\n *   0: 1,\n *   1: 2,\n *   2: 3,\n *   3: 4\n * }}\n *\n * values={{\n *   0: \"\",\n *   1: 5,\n *   2: undefined,\n *   3: 9\n * }}\n *\n * @prop {number | \"\" | undefined} [index] - Value at each pin position, can be a number, empty string, or undefined.\n */\nexport type LibValueInputPin = { [n: number]: number | \"\" | undefined }\n\n/**\n * @description Configuration object for translation data used in useTranslation hook for internationalization support.\n * @type {object}\n * @example\n * translateLang={{\n *   en: {\n *     \"hello\": \"Hello\",\n *     \"welcome\": \"Welcome to our app\",\n *     \"button.save\": \"Save\"\n *   },\n *   fr: {\n *     \"hello\": \"Bonjour\",\n *     \"welcome\": \"Bienvenue dans notre application\",\n *     \"button.save\": \"Enregistrer\"\n *   }\n * }}\n *\n * @prop {Object.<string, Object.<string, string>>} [language] - Language code as key containing translation key-value pairs.\n */\nexport type TranslateLang = {\n\t[language: string]: {\n\t\t[key: string]: string\n\t}\n}\n\n/**\n * @description Configuration object for background image styling and positioning properties.\n * @type {object}\n * @example\n * backgroundImage={{\n *   img: \"/images/hero-bg.jpg\",\n *   position: \"center\",\n *   size: \"cover\",\n *   repeat: \"no-repeat\"\n * }}\n *\n * backgroundImage={{\n *   img: \"url('/pattern.png')\",\n *   clip: \"padding\",\n *   origin: \"border\",\n *   repeat: \"repeat-x\"\n * }}\n *\n * @prop {string} img - URL or path to the background image.\n * @prop {\"border\" | \"padding\" | \"content\" | \"text\"} [clip] - Defines how far the background extends within the element.\n * @prop {\"border\" | \"padding\" | \"content\"} [origin] - Sets the origin position of the background image.\n * @prop {\"top-left\" | \"top\" | \"top-right\" | \"left\" | \"center\" | \"right\" | \"bottom-left\" | \"bottom\" | \"bottom-right\"} [position] - Position of the background image within the element.\n * @prop {\"repeat\" | \"repeat-x\" | \"repeat-y\" | \"repeat-space\" | \"repeat-round\" | \"no-repeat\"} [repeat] - How the background image should be repeated.\n * @prop {\"auto\" | \"cover\" | \"contain\"} [size] - Size of the background image.\n */\nexport interface ILibBackgroundImage {\n\timg: string\n\tclip?: \"border\" | \"padding\" | \"content\" | \"text\"\n\torigin?: \"border\" | \"padding\" | \"content\"\n\tposition?:\n\t\t| \"top-left\"\n\t\t| \"top\"\n\t\t| \"top-right\"\n\t\t| \"left\"\n\t\t| \"center\"\n\t\t| \"right\"\n\t\t| \"bottom-left\"\n\t\t| \"bottom\"\n\t\t| \"bottom-right\"\n\trepeat?:\n\t\t| \"repeat\"\n\t\t| \"repeat-x\"\n\t\t| \"repeat-y\"\n\t\t| \"repeat-space\"\n\t\t| \"repeat-round\"\n\t\t| \"no-repeat\"\n\tsize?: \"auto\" | \"cover\" | \"contain\"\n}\n\n/**\n * @description Configuration object for country data used in InputPhone component and other internationalization features.\n * @type {object}\n * @use Import `countries` object\n * @example\n * country={countries[2]}\n *\n * @prop {string} name - Full name of the country.\n * @prop {string} dial_code - International dialing code with + prefix.\n * @prop {CountryCode} code - ISO 3166-1 alpha-2 country code.\n * @prop {string} flag - Image flag for the country.\n */\nexport type LibCountry = {\n\tname: string\n\tdial_code: string\n\tcode: CountryCode\n\tflag: ReactElement\n}\n\n/**\n * @description Configuration object for positioning the BackToTop component within the viewport.\n * @type {object}\n * @example\n * position={{\n *   right: \"md\",\n *   bottom: \"lg\",\n *   zIndex: \"50\"\n * }}\n *\n * position={{\n *   left: \"sm\",\n *   top: \"unset\",\n *   bottom: \"xl\"\n * }}\n *\n * @prop {LibSpacers | \"unset\"} [left] - Distance from the left edge of the viewport.\n * @prop {LibSpacers | \"unset\"} [top] - Distance from the top edge of the viewport.\n * @prop {LibSpacers | \"unset\"} [right] - Distance from the right edge of the viewport.\n * @prop {LibSpacers | \"unset\"} [bottom] - Distance from the bottom edge of the viewport.\n * @prop {LibZIndex} [zIndex] - Z-index value for layering the component above other elements.\n */\nexport interface LibBackToTopPosition {\n\tleft?: LibSpacers | \"unset\"\n\ttop?: LibSpacers | \"unset\"\n\tright?: LibSpacers | \"unset\"\n\tbottom?: LibSpacers | \"unset\"\n\tzIndex?: LibZIndex\n}\n\n/**\n * @description Configuration object for positioning and styling tooltip components with advanced customization options.\n * @type {object}\n * @example\n * tooltipOptions={{\n *   position: \"top\",\n *   offset: \"md\",\n *   backgroundColor: \"black\",\n *   textColor: \"white\",\n *   hideArrow: false\n * }}\n *\n * tooltipOptions={{\n *   position: \"right\",\n *   offset: \"lg\",\n *   backgroundColor: \"primary-500\",\n *   textColor: \"white\",\n *   hideArrow: true,\n *   className: \"custom-tooltip\"\n * }}\n *\n * @prop {LibTooltipPosition} [position] - Position of the tooltip relative to its trigger element.\n * @prop {LibSpacers} [offset] - Distance between the tooltip and its trigger element.\n * @prop {LibAllColorsAndOverlays} [backgroundColor] - Background color or overlay for the tooltip.\n * @prop {LibAllColors} [textColor] - Text color for the tooltip content.\n * @prop {boolean} [hideArrow] - Whether to hide the arrow pointing to the trigger element.\n * @prop {ClassNames} [className] - Additional CSS classes to apply to the tooltip.\n * @prop {CSSProperties} [style] - Custom inline styles for the tooltip.\n */\nexport interface LibTooltipPositionOptions {\n\tposition?: LibTooltipPosition\n\toffset?: LibSpacers\n\tbackgroundColor?: LibAllColorsAndOverlays\n\ttextColor?: LibAllColors\n\thideArrow?: boolean\n\tclassName?: ClassNames\n\tstyle?: CSSProperties\n\ttooltipClassName?: ClassNames\n\ttooltipStyle?: CSSProperties\n}\n\nexport type ReactChildren = ReactNode | Array<ReactNode>\nexport type ReactElement = ReactEl\n// eslint-disable-next-line\nexport type FC<T = {}> = FunctionComponent<T>\nexport type DispatchState<T> = Dispatch<SetStateAction<T>>\nexport type Classes = string | Array<string>\n\nexport type CssTextAlign =\n\t| \"left\"\n\t| \"center\"\n\t| \"right\"\n\t| \"justify\"\n\t| \"start\"\n\t| \"end\"\nexport type CssVerticalAlign =\n\t| \"align-baseline\"\n\t| \"align-top\"\n\t| \"align-middle\"\n\t| \"align-bottom\"\n\t| \"align-text-top\"\n\t| \"align-text-bottom\"\n\t| \"align-sub\"\n\t| \"align-super\"\nexport type CssJustifyItems =\n\t| \"start\"\n\t| \"end\"\n\t| \"end-safe\"\n\t| \"center\"\n\t| \"center-safe\"\n\t| \"stretch\"\n\t| \"normal\"\nexport type CssAlignItems =\n\t| \"start\"\n\t| \"end\"\n\t| \"end-safe\"\n\t| \"center\"\n\t| \"center-safe\"\n\t| \"baseline\"\n\t| \"baseline-start\"\n\t| \"stretch\"\nexport type CssJustifyContent =\n\t| \"start\"\n\t| \"end\"\n\t| \"end-safe\"\n\t| \"center\"\n\t| \"center-safe\"\n\t| \"space-between\"\n\t| \"space-around\"\n\t| \"space-evenly\"\n\t| \"stretch\"\n\t| \"baseline\"\n\t| \"normal\"\nexport type CssAlignContent =\n\t| \"normal\"\n\t| \"center\"\n\t| \"start\"\n\t| \"end\"\n\t| \"space-between\"\n\t| \"space-around\"\n\t| \"space-evenly\"\n\t| \"baseline\"\n\t| \"stretch\"\nexport type CssFlexDirection = \"row\" | \"row-reverse\" | \"col\" | \"col-reverse\"\nexport type CssFlexWrap = \"nowrap\" | \"wrap\" | \"wrap-reverse\"\nexport type CssObjectFit = \"contain\" | \"cover\" | \"fill\" | \"none\" | \"scale-down\"\nexport type CssBorderStyle =\n\t| \"solid\"\n\t| \"dashed\"\n\t| \"dotted\"\n\t| \"double\"\n\t| \"hidden\"\n\t| \"none\"\nexport type CssOutlineStyle =\n\t| \"solid\"\n\t| \"dashed\"\n\t| \"dotted\"\n\t| \"double\"\n\t| \"none\"\n\t| \"hidden\"\n\nexport type LibMainSize = keyof typeof designTokens.libMainSizes\nexport type LibAsideSize = keyof typeof designTokens.libAsideSizes\nexport type CountryCode = keyof typeof designTokens.libCountryCodes\nexport type ClassNames = string | Array<string>\nexport type CSSProperties = CSS\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/types/global.d.cts

@@ -1,3 +1,3 @@
 import 'react';
 import 'csstype';
-export { av as CSSProperties, au as ClassNames, af as Classes, at as CountryCode, al as CssAlignContent, aj as CssAlignItems, ap as CssBorderStyle, am as CssFlexDirection, an as CssFlexWrap, ak as CssJustifyContent, ai as CssJustifyItems, ao as CssObjectFit, aq as CssOutlineStyle, ag as CssTextAlign, ah as CssVerticalAlign, ae as DispatchState, ad as FC, a7 as ILibBackgroundImage, M as LibAccordionIcon, K as LibAccordionVariant, b as LibAllColors, f as LibAllColorsAndOverlays, as as LibAsideSize, a9 as LibBackToTopPosition, w as LibButtonSize, u as LibButtonVariant, v as LibButtonVariantExtended, P as LibCheckInputVariant, L as LibColors, c as LibColorsHover, d as LibColorsHoverAndCurrent, a as LibColorsShort, J as LibComponentBase, a8 as LibCountry, $ as LibDrawerPosition, g as LibFontFamilies, h as LibFontSizes, i as LibFontWeights, a3 as LibFooterDirection, a4 as LibFooterLinksSeparator, a2 as LibHeaderPosition, x as LibInputBackground, Q as LibInputListDirection, s as LibInputType, p as LibInputValidation, r as LibInputVariant, E as LibKeySize, j as LibLineHeights, t as LibLoaderVariant, ar as LibMainSize, F as LibMaxWidth, _ as LibMdEditorButtons, Z as LibMdEditorTitles, Y as LibMdEditorViews, D as LibMinHeight, a0 as LibNavBurgerPosition, a1 as LibNavMobileVariant, e as LibOverlays, B as LibPosition, m as LibRadiuses, k as LibShadows, G as LibSkeletonAnimation, V as LibSlideshowButtonsPosition, W as LibSlideshowButtonsSize, T as LibSlideshowPagination, U as LibSlideshowPaginationPosition, l as LibSpacers, X as LibTableVariant, R as LibTabsJustify, S as LibTabsVariant, N as LibTagVariant, A as LibTextTag, y as LibTextTagDisplay, z as LibTextTagNoDisplay, q as LibThemeNames, O as LibToastStatus, H as LibTooltipPosition, aa as LibTooltipPositionOptions, I as LibTooltipTrigger, n as LibTransitions, o as LibValidationStatus, a5 as LibValueInputPin, C as LibZIndex, ab as ReactChildren, ac as ReactElement, a6 as TranslateLang } from '../global-DDESDwEf.cjs';
+export { au as CSSProperties, at as ClassNames, ae as Classes, as as CountryCode, ak as CssAlignContent, ai as CssAlignItems, ao as CssBorderStyle, al as CssFlexDirection, am as CssFlexWrap, aj as CssJustifyContent, ah as CssJustifyItems, an as CssObjectFit, ap as CssOutlineStyle, af as CssTextAlign, ag as CssVerticalAlign, ad as DispatchState, ac as FC, a6 as ILibBackgroundImage, K as LibAccordionIcon, J as LibAccordionVariant, b as LibAllColors, f as LibAllColorsAndOverlays, ar as LibAsideSize, a8 as LibBackToTopPosition, v as LibButtonSize, t as LibButtonVariant, u as LibButtonVariantExtended, O as LibCheckInputVariant, L as LibColors, c as LibColorsHover, d as LibColorsHoverAndCurrent, a as LibColorsShort, I as LibComponentBase, a7 as LibCountry, _ as LibDrawerPosition, g as LibFontFamilies, h as LibFontSizes, i as LibFontWeights, a2 as LibFooterDirection, a3 as LibFooterLinksSeparator, a1 as LibHeaderPosition, w as LibInputBackground, P as LibInputListDirection, r as LibInputType, o as LibInputValidation, q as LibInputVariant, D as LibKeySize, s as LibLoaderVariant, aq as LibMainSize, E as LibMaxWidth, Z as LibMdEditorButtons, Y as LibMdEditorTitles, X as LibMdEditorViews, C as LibMinHeight, $ as LibNavBurgerPosition, a0 as LibNavMobileVariant, e as LibOverlays, A as LibPosition, l as LibRadiuses, j as LibShadows, F as LibSkeletonAnimation, U as LibSlideshowButtonsPosition, V as LibSlideshowButtonsSize, S as LibSlideshowPagination, T as LibSlideshowPaginationPosition, k as LibSpacers, W as LibTableVariant, Q as LibTabsJustify, R as LibTabsVariant, M as LibTagVariant, z as LibTextTag, x as LibTextTagDisplay, y as LibTextTagNoDisplay, p as LibThemeNames, N as LibToastStatus, G as LibTooltipPosition, a9 as LibTooltipPositionOptions, H as LibTooltipTrigger, m as LibTransitions, n as LibValidationStatus, a4 as LibValueInputPin, B as LibZIndex, aa as ReactChildren, ab as ReactElement, a5 as TranslateLang } from '../global-CXiIaXyy.cjs';

package/dist/types/global.d.ts

@@ -1,3 +1,3 @@
 import 'react';
 import 'csstype';
-export { av as CSSProperties, au as ClassNames, af as Classes, at as CountryCode, al as CssAlignContent, aj as CssAlignItems, ap as CssBorderStyle, am as CssFlexDirection, an as CssFlexWrap, ak as CssJustifyContent, ai as CssJustifyItems, ao as CssObjectFit, aq as CssOutlineStyle, ag as CssTextAlign, ah as CssVerticalAlign, ae as DispatchState, ad as FC, a7 as ILibBackgroundImage, M as LibAccordionIcon, K as LibAccordionVariant, b as LibAllColors, f as LibAllColorsAndOverlays, as as LibAsideSize, a9 as LibBackToTopPosition, w as LibButtonSize, u as LibButtonVariant, v as LibButtonVariantExtended, P as LibCheckInputVariant, L as LibColors, c as LibColorsHover, d as LibColorsHoverAndCurrent, a as LibColorsShort, J as LibComponentBase, a8 as LibCountry, $ as LibDrawerPosition, g as LibFontFamilies, h as LibFontSizes, i as LibFontWeights, a3 as LibFooterDirection, a4 as LibFooterLinksSeparator, a2 as LibHeaderPosition, x as LibInputBackground, Q as LibInputListDirection, s as LibInputType, p as LibInputValidation, r as LibInputVariant, E as LibKeySize, j as LibLineHeights, t as LibLoaderVariant, ar as LibMainSize, F as LibMaxWidth, _ as LibMdEditorButtons, Z as LibMdEditorTitles, Y as LibMdEditorViews, D as LibMinHeight, a0 as LibNavBurgerPosition, a1 as LibNavMobileVariant, e as LibOverlays, B as LibPosition, m as LibRadiuses, k as LibShadows, G as LibSkeletonAnimation, V as LibSlideshowButtonsPosition, W as LibSlideshowButtonsSize, T as LibSlideshowPagination, U as LibSlideshowPaginationPosition, l as LibSpacers, X as LibTableVariant, R as LibTabsJustify, S as LibTabsVariant, N as LibTagVariant, A as LibTextTag, y as LibTextTagDisplay, z as LibTextTagNoDisplay, q as LibThemeNames, O as LibToastStatus, H as LibTooltipPosition, aa as LibTooltipPositionOptions, I as LibTooltipTrigger, n as LibTransitions, o as LibValidationStatus, a5 as LibValueInputPin, C as LibZIndex, ab as ReactChildren, ac as ReactElement, a6 as TranslateLang } from '../global-DDESDwEf.js';
+export { au as CSSProperties, at as ClassNames, ae as Classes, as as CountryCode, ak as CssAlignContent, ai as CssAlignItems, ao as CssBorderStyle, al as CssFlexDirection, am as CssFlexWrap, aj as CssJustifyContent, ah as CssJustifyItems, an as CssObjectFit, ap as CssOutlineStyle, af as CssTextAlign, ag as CssVerticalAlign, ad as DispatchState, ac as FC, a6 as ILibBackgroundImage, K as LibAccordionIcon, J as LibAccordionVariant, b as LibAllColors, f as LibAllColorsAndOverlays, ar as LibAsideSize, a8 as LibBackToTopPosition, v as LibButtonSize, t as LibButtonVariant, u as LibButtonVariantExtended, O as LibCheckInputVariant, L as LibColors, c as LibColorsHover, d as LibColorsHoverAndCurrent, a as LibColorsShort, I as LibComponentBase, a7 as LibCountry, _ as LibDrawerPosition, g as LibFontFamilies, h as LibFontSizes, i as LibFontWeights, a2 as LibFooterDirection, a3 as LibFooterLinksSeparator, a1 as LibHeaderPosition, w as LibInputBackground, P as LibInputListDirection, r as LibInputType, o as LibInputValidation, q as LibInputVariant, D as LibKeySize, s as LibLoaderVariant, aq as LibMainSize, E as LibMaxWidth, Z as LibMdEditorButtons, Y as LibMdEditorTitles, X as LibMdEditorViews, C as LibMinHeight, $ as LibNavBurgerPosition, a0 as LibNavMobileVariant, e as LibOverlays, A as LibPosition, l as LibRadiuses, j as LibShadows, F as LibSkeletonAnimation, U as LibSlideshowButtonsPosition, V as LibSlideshowButtonsSize, S as LibSlideshowPagination, T as LibSlideshowPaginationPosition, k as LibSpacers, W as LibTableVariant, Q as LibTabsJustify, R as LibTabsVariant, M as LibTagVariant, z as LibTextTag, x as LibTextTagDisplay, y as LibTextTagNoDisplay, p as LibThemeNames, N as LibToastStatus, G as LibTooltipPosition, a9 as LibTooltipPositionOptions, H as LibTooltipTrigger, m as LibTransitions, n as LibValidationStatus, a4 as LibValueInputPin, B as LibZIndex, aa as ReactChildren, ab as ReactElement, a5 as TranslateLang } from '../global-CXiIaXyy.js';