@julseb-lib/react 0.1.19 → 0.1.21

package/dist/global-Bck2LNL3.d.ts

@@ -0,0 +1,1472 @@
+import { Dispatch, SetStateAction, ReactNode, HTMLAttributes, ElementType, RefObject, CSSProperties as CSSProperties$1, ReactElement as ReactElement$1, FunctionComponent } from 'react';
+import { Property } from 'csstype';
+
+declare const designTokens: {
+    readonly libColors: {
+        readonly "primary-50": "#eff6ff";
+        readonly "primary-100": "#dbeafe";
+        readonly "primary-200": "#bfdbfe";
+        readonly "primary-300": "#93c5fd";
+        readonly "primary-400": "#60a5fa";
+        readonly "primary-500": "#3b82f6";
+        readonly "primary-600": "#2563eb";
+        readonly "primary-700": "#1d4ed8";
+        readonly "primary-800": "#1e40af";
+        readonly "primary-900": "#1e3a8a";
+        readonly "primary-950": "#172554";
+        readonly "secondary-50": "#ecfeff";
+        readonly "secondary-100": "#cffafe";
+        readonly "secondary-200": "#a5f3fc";
+        readonly "secondary-300": "#67e8f9";
+        readonly "secondary-400": "#22d3ee";
+        readonly "secondary-500": "#06b6d4";
+        readonly "secondary-600": "#0891b2";
+        readonly "secondary-700": "#0e7490";
+        readonly "secondary-800": "#155e75";
+        readonly "secondary-900": "#164e63";
+        readonly "secondary-950": "#083344";
+        readonly "success-50": "#f0fdf4";
+        readonly "success-100": "#dcfce7";
+        readonly "success-200": "#bbf7d0";
+        readonly "success-300": "#86efac";
+        readonly "success-400": "#4ade80";
+        readonly "success-500": "#22c55e";
+        readonly "success-600": "#16a34a";
+        readonly "success-700": "#15803d";
+        readonly "success-800": "#166534";
+        readonly "success-900": "#14532d";
+        readonly "success-950": "#052e16";
+        readonly "danger-50": "#fef2f2";
+        readonly "danger-100": "#fee2e2";
+        readonly "danger-200": "#fecaca";
+        readonly "danger-300": "#fca5a5";
+        readonly "danger-400": "#f87171";
+        readonly "danger-500": "#ef4444";
+        readonly "danger-600": "#dc2626";
+        readonly "danger-700": "#b91c1c";
+        readonly "danger-800": "#991b1b";
+        readonly "danger-900": "#7f1d1d";
+        readonly "danger-950": "#450a0a";
+        readonly "warning-50": "#fffbeb";
+        readonly "warning-100": "#fef3c7";
+        readonly "warning-200": "#fde68a";
+        readonly "warning-300": "#fcd34d";
+        readonly "warning-400": "#fbbf24";
+        readonly "warning-500": "#f59e42";
+        readonly "warning-600": "#d97706";
+        readonly "warning-700": "#b45309";
+        readonly "warning-800": "#92400e";
+        readonly "warning-900": "#78350f";
+        readonly "warning-950": "#451a03";
+        readonly "gray-50": "#f9fafb";
+        readonly "gray-100": "#f3f4f6";
+        readonly "gray-200": "#e5e7eb";
+        readonly "gray-300": "#d1d5db";
+        readonly "gray-400": "#9ca3af";
+        readonly "gray-500": "#6b7280";
+        readonly "gray-600": "#4b5563";
+        readonly "gray-700": "#374151";
+        readonly "gray-800": "#1f2937";
+        readonly "gray-900": "#111827";
+        readonly "gray-950": "#030712";
+        readonly black: "#000000";
+        readonly white: "#ffffff";
+        readonly current: "currentColor";
+        readonly transparent: "transparent";
+        readonly background: "background";
+        readonly font: "font";
+    };
+    readonly libColorsShort: {
+        readonly primary: "primary";
+        readonly secondary: "secondary";
+        readonly success: "success";
+        readonly danger: "danger";
+        readonly warning: "warning";
+        readonly gray: "gray";
+        readonly black: "black";
+        readonly white: "white";
+        readonly current: "current";
+        readonly transparent: "transparent";
+        readonly background: "background";
+    };
+    readonly libColorsHover: {
+        readonly primary: "primary";
+        readonly secondary: "secondary";
+        readonly success: "success";
+        readonly danger: "danger";
+        readonly warning: "warning";
+        readonly gray: "gray";
+        readonly white: "white";
+    };
+    readonly libOverlays: {
+        readonly "black-50": "black-50";
+        readonly "black-80": "black-80";
+        readonly "white-50": "white-50";
+        readonly "white-80": "white-80";
+        readonly "gradient-black": "gradient-black";
+        readonly "gradient-white": "gradient-white";
+    };
+    readonly libFontFamilies: {
+        readonly body: "body";
+        readonly code: "code";
+    };
+    readonly libSpacers: {
+        /** 4px */ readonly "2xs": "2xs";
+        /** 8px */ readonly xs: "xs";
+        /** 12px */ readonly sm: "sm";
+        /** 16px */ readonly md: "md";
+        /** 24px */ readonly lg: "lg";
+        /** 32px */ readonly xl: "xl";
+        /** 48px */ readonly "2xl": "2xl";
+    };
+    readonly libBreakpoints: {
+        readonly sm: "sm";
+        readonly md: "md";
+        readonly lg: "lg";
+        readonly xl: "xl";
+        readonly "2xl": "2xl";
+    };
+    readonly libContainer: {
+        readonly "3xs": "3xs";
+        readonly "2xs": "2xs";
+        readonly xs: "xs";
+        readonly sm: "sm";
+        readonly md: "md";
+        readonly lg: "lg";
+        readonly xl: "xl";
+        readonly "2xl": "2xl";
+        readonly "3xl": "3xl";
+        readonly "4xl": "4xl";
+        readonly "5xl": "5xl";
+        readonly "6xl": "6xl";
+        readonly "7xl": "7xl";
+    };
+    readonly libFontSizes: {
+        readonly xs: "xs";
+        readonly sm: "sm";
+        readonly base: "base";
+        readonly lg: "lg";
+        readonly xl: "xl";
+        readonly "2xl": "2xl";
+        readonly "3xl": "3xl";
+        readonly "4xl": "4xl";
+        readonly "5xl": "5xl";
+        readonly "6xl": "6xl";
+        readonly "7xl": "7xl";
+        readonly "8xl": "8xl";
+        readonly "9xl": "9xl";
+    };
+    readonly libLineHeights: {
+        readonly xs: "xs--line-height";
+        readonly sm: "sm--line-height";
+        readonly base: "base--line-height";
+        readonly lg: "lg--line-height";
+        readonly xl: "xl--line-height";
+        readonly "2xl": "2xl--line-height";
+        readonly "3xl": "3xl--line-height";
+        readonly "4xl": "4xl--line-height";
+        readonly "5xl": "5xl--line-height";
+        readonly "6xl": "6xl--line-height";
+        readonly "7xl": "7xl--line-height";
+        readonly "8xl": "8xl--line-height";
+        readonly "9xl": "9xl--line-height";
+    };
+    readonly libFontWeights: {
+        readonly thin: "thin";
+        readonly extralight: "extralight";
+        readonly light: "light";
+        readonly normal: "normal";
+        readonly medium: "medium";
+        readonly semibold: "semibold";
+        readonly bold: "bold";
+        readonly extrabold: "extrabold";
+        readonly black: "black";
+    };
+    readonly libTracking: {
+        readonly tighter: "tighter";
+        readonly tight: "tight";
+        readonly normal: "normal";
+        readonly wide: "wide";
+        readonly wider: "wider";
+        readonly widest: "widest";
+    };
+    readonly libLeading: {
+        readonly tight: "tight";
+        readonly snug: "snug";
+        readonly normal: "normal";
+        readonly relaxed: "relaxed";
+        readonly loose: "loose";
+        readonly none: "none";
+    };
+    readonly libRadius: {
+        readonly xs: "xs";
+        readonly sm: "sm";
+        readonly md: "md";
+        readonly lg: "lg";
+        readonly xl: "xl";
+        readonly "2xl": "2xl";
+        readonly "3xl": "3xl";
+        readonly "4xl": "4xl";
+        readonly full: "full";
+    };
+    readonly libShadows: {
+        readonly "2xs": "2xs";
+        readonly xs: "xs";
+        readonly sm: "sm";
+        readonly md: "md";
+        readonly lg: "lg";
+        readonly xl: "xl";
+        readonly "2xl": "2xl";
+        readonly none: "none";
+    };
+    readonly libInsetShadows: {
+        readonly "2xs": "2xs";
+        readonly xs: "xs";
+        readonly sm: "sm";
+    };
+    readonly libDropShadows: {
+        readonly xs: "xs";
+        readonly sm: "sm";
+        readonly md: "md";
+        readonly lg: "lg";
+        readonly xl: "xl";
+        readonly "2xl": "2xl";
+    };
+    readonly libTextShadow: {
+        readonly "2xs": "2xs";
+        readonly xs: "xs";
+        readonly sm: "sm";
+        readonly md: "md";
+        readonly lg: "lg";
+    };
+    readonly libTransitionTimingFunctions: {
+        readonly "--ease-in": "--ease-in";
+        readonly "--ease-out": "--ease-out";
+        readonly "--ease-in-out": "--ease-in-out";
+    };
+    readonly libAnimate: {
+        readonly spin: "spin";
+        readonly ping: "ping";
+        readonly pulse: "pulse";
+        readonly bounce: "bounce";
+    };
+    readonly libBlur: {
+        readonly xs: "xs";
+        readonly sm: "sm";
+        readonly md: "md";
+        readonly lg: "lg";
+        readonly xl: "xl";
+        readonly "2xl": "2xl";
+        readonly "3xl": "3xl";
+    };
+    readonly libPerspective: {
+        readonly dramatic: "dramatic";
+        readonly near: "near";
+        readonly normal: "normal";
+        readonly midrange: "midrange";
+        readonly distant: "distant";
+    };
+    readonly libAspectVideo: {};
+    readonly libTextDisplayTags: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+    };
+    readonly libTextTags: {
+        readonly h6: "h6";
+        readonly p: "p";
+        readonly strong: "strong";
+        readonly em: "em";
+        readonly small: "small";
+        readonly blockquote: "blockquote";
+        readonly ul: "ul";
+        readonly ol: "ol";
+        readonly dl: "dl";
+    };
+    readonly libTransitions: {
+        readonly none: "none";
+        readonly all: "all";
+        readonly default: "default";
+        readonly colors: "colors";
+        readonly opacity: "opacity";
+        readonly shadow: "shadow";
+        readonly transform: "transform";
+    };
+    readonly libThemes: {
+        readonly light: "light";
+        readonly dark: "dark";
+    };
+    readonly libInputVariants: {
+        readonly rounded: "rounded";
+        readonly pill: "pill";
+    };
+    readonly libInputBackgrounds: {
+        readonly light: "light";
+        readonly dark: "dark";
+    };
+    readonly libMainSizes: {
+        readonly default: "default";
+        readonly large: "large";
+        readonly form: "form";
+    };
+    readonly libAsideSizes: {
+        readonly default: "default";
+        readonly small: "small";
+    };
+    readonly libZIndex: {
+        readonly "0": "0";
+        readonly "10": "10";
+        readonly "20": "20";
+        readonly "30": "30";
+        readonly "40": "40";
+        readonly "50": "50";
+        readonly "-0": "-0";
+        readonly "-10": "-10";
+        readonly "-20": "-20";
+        readonly "-30": "-30";
+        readonly "-40": "-40";
+        readonly "-50": "-50";
+    };
+    readonly libPosition: {
+        readonly relative: "relative";
+        readonly absolute: "absolute";
+        readonly fixed: "fixed";
+    };
+    readonly libMinHeights: {
+        readonly px: "px";
+        readonly full: "full";
+        readonly screen: "screen";
+        readonly dvh: "dvh";
+        readonly dvw: "dvw";
+        readonly lvh: "lvh";
+        readonly lvw: "lvw";
+        readonly svw: "svw";
+        readonly svh: "svh";
+        readonly auto: "auto";
+        readonly min: "min";
+        readonly max: "max";
+        readonly fit: "fit";
+        readonly lh: "lh";
+    };
+    readonly libKeySizes: {
+        readonly large: "large";
+        readonly small: "small";
+    };
+    readonly libMaxWidths: {
+        readonly "3xs": "3xs";
+        readonly "2xs": "2xs";
+        readonly xs: "xs";
+        readonly sm: "sm";
+        readonly md: "md";
+        readonly lg: "lg";
+        readonly xl: "xl";
+        readonly "2xl": "2xl";
+        readonly "3xl": "3xl";
+        readonly "4xl": "4xl";
+        readonly "5xl": "5xl";
+        readonly "6xl": "6xl";
+        readonly "7xl": "7xl";
+        readonly none: "none";
+        readonly px: "px";
+        readonly full: "full";
+        readonly dvw: "dvw";
+        readonly dvh: "dvh";
+        readonly lvw: "lvw";
+        readonly lvh: "lvh";
+        readonly svw: "svw";
+        readonly svh: "svh";
+        readonly screen: "screen";
+        readonly min: "min";
+        readonly max: "max";
+        readonly fit: "fit";
+    };
+    readonly libSkeletonAnimations: {
+        readonly pulse: "pulse";
+        readonly shine: "shine";
+        readonly none: "none";
+    };
+    readonly libTooltipPositions: {
+        readonly top: "top";
+        readonly bottom: "bottom";
+        readonly left: "left";
+        readonly right: "right";
+    };
+    readonly libTooltipTriggers: {
+        readonly hover: "hover";
+        readonly click: "click";
+    };
+    readonly libLoaderVariants: {
+        readonly 1: 1;
+        readonly 2: 2;
+        readonly 3: 3;
+    };
+    readonly libButtonVariants: {
+        readonly plain: "plain";
+        readonly ghost: "ghost";
+        readonly transparent: "transparent";
+    };
+    readonly libButtonSize: {
+        readonly default: "default";
+        readonly small: "small";
+    };
+    readonly libButtonGroupToggle: {
+        readonly single: "single";
+        readonly multi: "multi";
+    };
+    readonly libTagVariant: {
+        readonly plain: "plain";
+        readonly outline: "outline";
+    };
+    readonly libInputTypes: {
+        readonly color: "color";
+        readonly date: "date";
+        readonly "datetime-local": "datetime-local";
+        readonly month: "month";
+        readonly week: "week";
+        readonly file: "file";
+        readonly password: "password";
+        readonly search: "search";
+        readonly email: "email";
+        readonly number: "number";
+        readonly tel: "tel";
+        readonly text: "text";
+        readonly url: "url";
+        readonly time: "time";
+        readonly select: "select";
+        readonly textarea: "textarea";
+    };
+    readonly libCheckInputVariants: {
+        readonly tile: "tile";
+        readonly toggle: "toggle";
+        readonly selector: "selector";
+    };
+    readonly libListInputDirections: {
+        readonly up: "up";
+        readonly down: "down";
+    };
+    readonly libAccordionVariant: {
+        readonly basic: "basic";
+        readonly rounded: "rounded";
+    };
+    readonly libAccordionIcon: {
+        readonly plus: "plus";
+        readonly chevron: "chevron";
+    };
+    readonly libToastStatus: {
+        readonly success: "success";
+        readonly error: "error";
+        readonly warning: "warning";
+        readonly info: "info";
+        readonly loading: "loading";
+    };
+    readonly libTabsJustify: {
+        readonly start: "start";
+        readonly stretch: "stretch";
+    };
+    readonly libTabsVariant: {
+        readonly basic: "basic";
+        readonly rounded: "rounded";
+    };
+    readonly libSlideshowPagination: {
+        readonly dots: "dots";
+        readonly "dots-outline": "dots-outline";
+        readonly bars: "bars";
+        readonly thumbnails: "thumbnails";
+    };
+    readonly libSlideshowPaginationPosition: {
+        readonly inside: "inside";
+        readonly outside: "outside";
+    };
+    readonly libSlideshowButtonsPositions: {
+        readonly left: "left";
+        readonly right: "right";
+    };
+    readonly libSlideshowButtonsSizes: {
+        readonly small: "small";
+        readonly large: "large";
+    };
+    readonly libTableVariants: {
+        readonly bordered: "bordered";
+        readonly stripped: "stripped";
+        readonly "border-bottom": "border-bottom";
+    };
+    readonly libMdEditorViews: {
+        readonly code: "code";
+        readonly live: "live";
+        readonly preview: "preview";
+    };
+    readonly libMdEditorButtons: {
+        readonly bold: "bold";
+        readonly italic: "italic";
+        readonly strikethrough: "strikethrough";
+        readonly underline: "underline";
+        readonly ul: "ul";
+        readonly ol: "ol";
+        readonly link: "link";
+        readonly quote: "quote";
+        readonly hr: "hr";
+        readonly code: "code";
+        readonly codeBlock: "codeBlock";
+        readonly comment: "comment";
+        readonly image: "image";
+    };
+    readonly libMdEditorTitles: {
+        readonly h6: "h6";
+        readonly h1: string;
+        readonly h2: string;
+        readonly h3: string;
+        readonly h4: string;
+        readonly h5: string;
+    };
+    readonly libDrawerPositions: {
+        readonly left: "left";
+        readonly right: "right";
+    };
+    readonly libNavBurgerPositions: {
+        readonly left: "left";
+        readonly right: "right";
+    };
+    readonly libNavMobileVariants: {
+        readonly full: "full";
+        readonly top: "top";
+        readonly drawer: "drawer";
+    };
+    readonly libFooterDirection: {
+        readonly horizontal: "horizontal";
+        readonly vertical: "vertical";
+    };
+    readonly libFooterLinksSeparator: {
+        readonly dot: "dot";
+        readonly dash: "dash";
+    };
+    readonly libCountryCodes: {
+        readonly af: "af";
+        readonly ax: "ax";
+        readonly al: "al";
+        readonly dz: "dz";
+        readonly as: "as";
+        readonly ad: "ad";
+        readonly ao: "ao";
+        readonly ai: "ai";
+        readonly aq: "aq";
+        readonly ag: "ag";
+        readonly ar: "ar";
+        readonly am: "am";
+        readonly aw: "aw";
+        readonly au: "au";
+        readonly at: "at";
+        readonly az: "az";
+        readonly bs: "bs";
+        readonly bh: "bh";
+        readonly bd: "bd";
+        readonly bb: "bb";
+        readonly by: "by";
+        readonly be: "be";
+        readonly bz: "bz";
+        readonly bj: "bj";
+        readonly bm: "bm";
+        readonly bt: "bt";
+        readonly bo: "bo";
+        readonly ba: "ba";
+        readonly bw: "bw";
+        readonly br: "br";
+        readonly io: "io";
+        readonly bn: "bn";
+        readonly bg: "bg";
+        readonly bf: "bf";
+        readonly bi: "bi";
+        readonly kh: "kh";
+        readonly cm: "cm";
+        readonly ca: "ca";
+        readonly cv: "cv";
+        readonly ky: "ky";
+        readonly cf: "cf";
+        readonly td: "td";
+        readonly cl: "cl";
+        readonly cn: "cn";
+        readonly cx: "cx";
+        readonly cc: "cc";
+        readonly co: "co";
+        readonly km: "km";
+        readonly cg: "cg";
+        readonly cd: "cd";
+        readonly ck: "ck";
+        readonly cr: "cr";
+        readonly ci: "ci";
+        readonly hr: "hr";
+        readonly cu: "cu";
+        readonly cy: "cy";
+        readonly cz: "cz";
+        readonly dk: "dk";
+        readonly dj: "dj";
+        readonly dm: "dm";
+        readonly do: "do";
+        readonly ec: "ec";
+        readonly eg: "eg";
+        readonly sv: "sv";
+        readonly gq: "gq";
+        readonly er: "er";
+        readonly ee: "ee";
+        readonly et: "et";
+        readonly fk: "fk";
+        readonly fo: "fo";
+        readonly fj: "fj";
+        readonly fi: "fi";
+        readonly fr: "fr";
+        readonly gf: "gf";
+        readonly pf: "pf";
+        readonly ga: "ga";
+        readonly gm: "gm";
+        readonly ge: "ge";
+        readonly de: "de";
+        readonly gh: "gh";
+        readonly gi: "gi";
+        readonly gr: "gr";
+        readonly gl: "gl";
+        readonly gd: "gd";
+        readonly gp: "gp";
+        readonly gu: "gu";
+        readonly gt: "gt";
+        readonly gg: "gg";
+        readonly gn: "gn";
+        readonly gw: "gw";
+        readonly gy: "gy";
+        readonly ht: "ht";
+        readonly va: "va";
+        readonly hn: "hn";
+        readonly hk: "hk";
+        readonly hu: "hu";
+        readonly is: "is";
+        readonly in: "in";
+        readonly id: "id";
+        readonly ir: "ir";
+        readonly iq: "iq";
+        readonly ie: "ie";
+        readonly im: "im";
+        readonly il: "il";
+        readonly it: "it";
+        readonly jm: "jm";
+        readonly jp: "jp";
+        readonly je: "je";
+        readonly jo: "jo";
+        readonly kz: "kz";
+        readonly ke: "ke";
+        readonly ki: "ki";
+        readonly kp: "kp";
+        readonly kr: "kr";
+        readonly kw: "kw";
+        readonly kg: "kg";
+        readonly la: "la";
+        readonly lv: "lv";
+        readonly lb: "lb";
+        readonly ls: "ls";
+        readonly lr: "lr";
+        readonly ly: "ly";
+        readonly li: "li";
+        readonly lt: "lt";
+        readonly lu: "lu";
+        readonly mo: "mo";
+        readonly mk: "mk";
+        readonly mg: "mg";
+        readonly mw: "mw";
+        readonly my: "my";
+        readonly mv: "mv";
+        readonly ml: "ml";
+        readonly mt: "mt";
+        readonly mh: "mh";
+        readonly mq: "mq";
+        readonly mr: "mr";
+        readonly mu: "mu";
+        readonly yt: "yt";
+        readonly mx: "mx";
+        readonly fm: "fm";
+        readonly md: "md";
+        readonly mc: "mc";
+        readonly mn: "mn";
+        readonly me: "me";
+        readonly ms: "ms";
+        readonly ma: "ma";
+        readonly mz: "mz";
+        readonly mm: "mm";
+        readonly na: "na";
+        readonly nr: "nr";
+        readonly np: "np";
+        readonly nl: "nl";
+        readonly nc: "nc";
+        readonly nz: "nz";
+        readonly ni: "ni";
+        readonly ne: "ne";
+        readonly ng: "ng";
+        readonly nu: "nu";
+        readonly nf: "nf";
+        readonly mp: "mp";
+        readonly no: "no";
+        readonly om: "om";
+        readonly pk: "pk";
+        readonly pw: "pw";
+        readonly ps: "ps";
+        readonly pa: "pa";
+        readonly pg: "pg";
+        readonly py: "py";
+        readonly pe: "pe";
+        readonly ph: "ph";
+        readonly pn: "pn";
+        readonly pl: "pl";
+        readonly pt: "pt";
+        readonly pr: "pr";
+        readonly qa: "qa";
+        readonly ro: "ro";
+        readonly ru: "ru";
+        readonly rw: "rw";
+        readonly re: "re";
+        readonly bl: "bl";
+        readonly sh: "sh";
+        readonly kn: "kn";
+        readonly lc: "lc";
+        readonly mf: "mf";
+        readonly pm: "pm";
+        readonly vc: "vc";
+        readonly ws: "ws";
+        readonly sm: "sm";
+        readonly st: "st";
+        readonly sa: "sa";
+        readonly sn: "sn";
+        readonly rs: "rs";
+        readonly sc: "sc";
+        readonly sl: "sl";
+        readonly sg: "sg";
+        readonly sk: "sk";
+        readonly si: "si";
+        readonly sb: "sb";
+        readonly so: "so";
+        readonly za: "za";
+        readonly ss: "ss";
+        readonly gs: "gs";
+        readonly es: "es";
+        readonly lk: "lk";
+        readonly sd: "sd";
+        readonly sr: "sr";
+        readonly sj: "sj";
+        readonly sz: "sz";
+        readonly se: "se";
+        readonly ch: "ch";
+        readonly sy: "sy";
+        readonly tw: "tw";
+        readonly tj: "tj";
+        readonly tz: "tz";
+        readonly th: "th";
+        readonly tl: "tl";
+        readonly tg: "tg";
+        readonly tk: "tk";
+        readonly to: "to";
+        readonly tt: "tt";
+        readonly tn: "tn";
+        readonly tr: "tr";
+        readonly tm: "tm";
+        readonly tc: "tc";
+        readonly tv: "tv";
+        readonly ug: "ug";
+        readonly ua: "ua";
+        readonly ae: "ae";
+        readonly gb: "gb";
+        readonly us: "us";
+        readonly uy: "uy";
+        readonly uz: "uz";
+        readonly vu: "vu";
+        readonly ve: "ve";
+        readonly vn: "vn";
+        readonly vg: "vg";
+        readonly vi: "vi";
+        readonly wf: "wf";
+        readonly ye: "ye";
+        readonly zm: "zm";
+        readonly zw: "zw";
+    };
+};
+
+/**
+ * @description All color tokens available in the library.
+ * @type {keyof typeof designTokens.libColors}
+ * @example
+ * color="danger-300"
+ * color="gray-100"
+ */
+type LibColors = keyof typeof designTokens.libColors;
+/**
+ * @description All color short tokens available in the library. This returns the color-500.
+ * @type {"primary" | "secondary" | "success" | "danger" | "warning" | "gray" | "black" | "white" | "current" | "transparent" | "background"}
+ * @example
+ * color="primary"
+ * color="gray"
+ */
+type LibColorsShort = keyof typeof designTokens.libColorsShort;
+/**
+ * @description All color tokens and color short tokens available in the library.
+ * @type {keyof typeof designTokens.libColors | "primary" | "secondary" | "success" | "danger" | "warning" | "gray" | "black" | "white" | "current" | "transparent" | "background"}
+ * @example
+ * color="danger-300"
+ * color="primary"
+ * color="gray-100"
+ */
+type LibAllColors = LibColors | LibColorsShort;
+/**
+ * @description All hover color tokens available in the library.
+ * @type {"primary" | "secondary" | "success" | "danger" | "warning" | "white"}
+ * @example
+ * color="primary"
+ * color="gray"
+ */
+type LibColorsHover = keyof typeof designTokens.libColorsHover;
+/**
+ * @description All hover color tokens plus "current" for currentColor support.
+ * @type {"primary" | "secondary" | "success" | "danger" | "warning" | "white" | "current"}
+ * @example
+ * color="primary"
+ * color="gray"
+ * color="current"
+ */
+type LibColorsHoverAndCurrent = LibColorsHover | "current";
+/**
+ * @description All overlay tokens available in the library.
+ * @type {"black-50" | "black-80" | "white-50" | "white-80" | "gradient-black" | "gradient-white"}
+ * @example
+ * overlay="overlay-100"
+ * overlay="overlay-dark"
+ */
+type LibOverlays = keyof typeof designTokens.libOverlays;
+/**
+ * @description All color and overlay tokens available in the library.
+ * @type {Any color from the library | Any overlay from the library}
+ * @example
+ * color="primary"
+ * color="gray-100"
+ * overlay="overlay-100"
+ * overlay="overlay-dark"
+ */
+type LibAllColorsAndOverlays = LibAllColors | keyof typeof designTokens.libOverlays;
+/**
+ * @description All font family tokens available in the library.
+ * @type {"body"|"code"}
+ * @example
+ * fontFamily="body"
+ * fontFamily="code"
+ */
+type LibFontFamilies = keyof typeof designTokens.libFontFamilies;
+/**
+ * @description All font size tokens available in the library.
+ * @type {"xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl"}
+ * @example
+ * fontSize="md"
+ * fontSize="xl"
+ */
+type LibFontSizes = keyof typeof designTokens.libFontSizes;
+/**
+ * @description All font weight tokens available in the library.
+ * @type {"thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black"}
+ * @example
+ * fontWeight="regular"
+ * fontWeight="bold"
+ */
+type LibFontWeights = keyof typeof designTokens.libFontWeights;
+/**
+ * @description All line height tokens available in the library.
+ * @type {"xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl"}
+ * @example
+ * lineHeight="normal"
+ * lineHeight="tight"
+ */
+type LibLineHeights = keyof typeof designTokens.libLineHeights;
+/**
+ * @description All box shadow tokens available in the library.
+ * @type {"2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "none"}
+ * @example
+ * boxShadow="md"
+ * boxShadow="xl"
+ */
+type LibShadows = keyof typeof designTokens.libShadows;
+/**
+ * @description All spacer tokens available in the library, plus "0px".
+ * @type {"2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "0px"}
+ * @example
+ * padding="md"
+ * margin="xl"
+ * gap="xs"
+ * padding="0px"
+ */
+type LibSpacers = keyof typeof designTokens.libSpacers | "0px";
+/**
+ * @description All border radius tokens available in the library.
+ * @type {"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full"}
+ * @example
+ * radius="m"
+ * radius="xl"
+ */
+type LibRadiuses = keyof typeof designTokens.libRadius;
+/**
+ * @description All transition tokens available in the library.
+ * @type {"none" | "all" | "default" | "colors" | "opacity" | "shadow" | "transform"}
+ * @example
+ * transition="all"
+ * transition="colors"
+ */
+type LibTransitions = keyof typeof designTokens.libTransitions;
+/**
+ * @description Validation status for form components.
+ * @type {boolean | undefined}
+ * @example
+ * validation={true}   // valid
+ * validation={false}  // invalid
+ * validation={undefined} // not validated
+ */
+type LibValidationStatus = boolean | undefined;
+/**
+ * @description Validation for input components.
+ * @type {Object}
+ * @example
+ * validation={{ status: false, message: "Name is required" }}
+ */
+type LibInputValidation = {
+    status: LibValidationStatus;
+    message?: ReactChildren;
+    iconPassed?: ReactElement;
+    iconNotPassed?: ReactElement;
+};
+/**
+ * @description All theme names available in the library.
+ * @type {"light"|"dark"}
+ * @example
+ * theme="light"
+ * theme="dark"
+ */
+type LibThemeNames = keyof typeof designTokens.libThemes;
+/**
+ * @description All input variant tokens available in the library.
+ * @type {"rounded" | "rounded-sm" | "rounded-md" | "rounded-lg" | "rounded-xl" | "rounded-2xl" | "rounded-3xl" | "rounded-full" | "pill"}
+ * @example
+ * variant="rounded"
+ * variant="rounded-lg"
+ * variant="pill"
+ */
+type LibInputVariant = keyof typeof designTokens.libInputVariants;
+/**
+ * @description All input type tokens available in the library for form inputs.
+ * @type {"color" | "date" | "datetime-local" | "month" | "week" | "file" | "password" | "search" | "email" | "number" | "tel" | "text" | "url" | "time" | "select" | "textarea"}
+ * @example
+ * type="email"
+ * type="password"
+ * type="select"
+ */
+type LibInputType = keyof typeof designTokens.libInputTypes;
+/**
+ * @description All loader variant tokens available in the library.
+ * @type {1 | 2 | 3}
+ * @example
+ * variant={3}
+ */
+type LibLoaderVariant = keyof typeof designTokens.libLoaderVariants;
+/**
+ * @description All button variant tokens available in the library.
+ * @type {"plain" | "ghost" | "transparent"}
+ * @example
+ * variant="plain"
+ * variant="ghost"
+ * variant="transparent"
+ */
+type LibButtonVariant = keyof typeof designTokens.libButtonVariants;
+/**
+ * @description All button variant tokens available in the library.
+ * @type {"plain" | "ghost" | "outline" | "transparent"}
+ * @example
+ * variant="plain"
+ * variant="ghost"
+ * variant="outline"
+ */
+type LibButtonVariantExtended = keyof typeof designTokens.libButtonVariants | "outline";
+/**
+ * @description All button size tokens available in the library.
+ * @type {"default" | "small"}
+ * @example
+ * variant="small"
+ */
+type LibButtonSize = keyof typeof designTokens.libButtonSize;
+/**
+ * @description All input background tokens available in the library.
+ * @type {"light" | "dark"}
+ * @example
+ * inputBackground="light"
+ * inputBackground="dark"
+ */
+type LibInputBackground = keyof typeof designTokens.libInputBackgrounds;
+/**
+ * @description All display text tag tokens available in the library (headings from 1 to 5).
+ * @type {"h1" | "h2" | "h3" | "h4" | "h5"}
+ * @example
+ * tag="h1"
+ * tag="h2"
+ */
+type LibTextDisplay = keyof typeof designTokens.libTextDisplayTags;
+/**
+ * @description All text tags without the display prop tokens available in the library (paragraphs, lists, etc.).
+ * @type {"h6" | "p" | "strong" | "em" | "small" | "blockquote" | "ul" | "ol" | "dl"}
+ * @example
+ * tag="p"
+ * tag="ul"
+ * tag="blockquote"
+ */
+type LibTextNoDisplay = keyof typeof designTokens.libTextTags;
+/**
+ * @description All text tag tokens available in the library (display and non-display).
+ * @type {"h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "strong" | "em" | "small" | "blockquote" | "ul" | "ol" | "dl"}
+ * @example
+ * tag="h1"
+ * tag="p"
+ * tag="ul"
+ */
+type LibText = LibTextDisplay | LibTextNoDisplay;
+/**
+ * @description All CSS position tokens available in the library.
+ * @type {"relative" | "absolute" | "fixed"}
+ * @example
+ * position="relative"
+ * position="absolute"
+ * position="fixed"
+ */
+type LibPosition = keyof typeof designTokens.libPosition;
+/**
+ * @description All z-index tokens available in the library.
+ * @type {"0" | "10" | "20" | "30" | "40" | "50" | "-0" | "-10" | "-20" | "-30" | "-40" | "-50"}
+ * @example
+ * zIndex="10"
+ * zIndex="999"
+ */
+type LibZIndex = keyof typeof designTokens.libZIndex;
+/**
+ * @description All min heights available in the library
+ * @type {"px" | "full" | "screen" | "dvh" | "dvw" | "lvh" | "lvw" | "svw" | "svh" | "auto" | "min" | "max" | "fit" | "lh"}
+ * @example
+ * minHeight="min-h-full"
+ * minHeight="min-h-screen"
+ */
+type LibMinHeight = keyof typeof designTokens.libMinHeights;
+/**
+ * @description All key sizes for the Key component.
+ * @type {"large" | "small"}
+ * @example
+ * keySize="large"
+ * keySize="small"
+ */
+type LibKeySize = keyof typeof designTokens.libKeySizes;
+/**
+ * @description All max widths from the library.
+ * @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"}
+ * @example
+ * maxWidth="md"
+ * maxWidth="full"
+ */
+type LibMaxWidth = keyof typeof designTokens.libMaxWidths;
+/**
+ * @description All skeleton animation tokens available in the library.
+ * @type {"pulse" | "shine"}
+ * @example
+ * skeletonAnimation="pulse"
+ * skeletonAnimation="shine"
+ */
+type LibSkeletonAnimation = keyof typeof designTokens.libSkeletonAnimations;
+/**
+ * @description All tooltip position tokens available in the library.
+ * @type {"top" | "bottom" | "left" | "right"}
+ * @example
+ * tooltipPosition="top"
+ * tooltipPosition="right"
+ */
+type LibTooltipPosition = keyof typeof designTokens.libTooltipPositions;
+/**
+ * @description All tooltip trigger tokens available in the library.
+ * @type {"hover" | "click"}
+ * @example
+ * tooltipTrigger="hover"
+ * tooltipTrigger="click"
+ */
+type LibTooltipTrigger = keyof typeof designTokens.libTooltipTriggers;
+/**
+ * @description Props common to nearly all components.
+ *
+ * @template T - The HTML element type.
+ * @prop {ElementType} [element] - The HTML element or React component to render as.
+ * @prop {RefObject<T>} [ref] - Ref for the rendered element.
+ * @extends HTMLAttributes<T>
+ */
+interface LibComponentBase<T> extends HTMLAttributes<T> {
+    element?: ElementType;
+    ref?: RefObject<T>;
+}
+/**
+ * @description All variants available for Accordion item.
+ * @type {"basic" | "rounded"}
+ * @example
+ * variant="basic"
+ * variant="rounded"
+ */
+type LibAccordionVariant = keyof typeof designTokens.libAccordionVariant;
+/**
+ * @description All icons available for Accordion item.
+ * @type {"plus" | "chevron"}
+ * @example
+ * icon="plus"
+ * icon="chevron"
+ */
+type LibAccordionIcon = keyof typeof designTokens.libAccordionIcon;
+/**
+ * @description Variants for Tag component.
+ * @type {"plain" | "outline"}
+ * @example
+ * variant="plain"
+ */
+type LibTagVariant = keyof typeof designTokens.libTagVariant;
+/**
+ * @description Variants for Toast component.
+ * @type {"success" | "error" | "warning" | "info" | "loading"}
+ * @example
+ * status="error"
+ */
+type LibToastStatus = keyof typeof designTokens.libToastStatus;
+/**
+ * @description Variants for InputCheck component.
+ * @type {"tile" | "toggle" | "selector"}
+ * @example
+ * variant="toggle"
+ */
+type LibCheckInputVariant = keyof typeof designTokens.libCheckInputVariants;
+/**
+ * @description List direction variants for inputs with list.
+ * @type {"up" | "down"}
+ * @example
+ * variant="up"
+ */
+type LibInputListDirection = keyof typeof designTokens.libListInputDirections;
+/**
+ * @description All tab justification tokens available in the library for positioning tabs within their container.
+ * @type {"start" | "stretch"}
+ * @example
+ * justify="stretch"
+ */
+type LibTabsJustify = keyof typeof designTokens.libTabsJustify;
+/**
+ * @description All tab variant tokens available in the library for styling tab components.
+ * @type {"basic" | "rounded"}
+ * @example
+ * variant="basic"
+ */
+type LibTabsVariant = keyof typeof designTokens.libTabsVariant;
+/**
+ * @description All slideshow pagination variant tokens available in the library for styling pagination controls.
+ * @type {"dots" | "dots-outline" | "bars" | "thumbnails"}
+ * @example
+ * pagination="dots"
+ * pagination="bars"
+ * pagination="thumbnails"
+ */
+type LibSlideshowPagination = keyof typeof designTokens.libSlideshowPagination;
+/**
+ * @description All slideshow pagination position tokens available in the library for positioning pagination controls.
+ * @type {"inside" | "outside"}
+ * @example
+ * paginationPosition="inside"
+ * paginationPosition="outside"
+ */
+type LibSlideshowPaginationPosition = keyof typeof designTokens.libSlideshowPaginationPosition;
+/**
+ * @description All slideshow navigation buttons position tokens available in the library for positioning previous/next controls.
+ * @type {"left" | "right"}
+ * @example
+ * buttonsPosition="left"
+ * buttonsPosition="right"
+ */
+type LibSlideshowButtonsPosition = keyof typeof designTokens.libSlideshowButtonsPositions;
+/**
+ * @description All slideshow navigation buttons size tokens available in the library for sizing previous/next controls.
+ * @type {"small" | "large"}
+ * @example
+ * buttonsSize="small"
+ * buttonsSize="large"
+ */
+type LibSlideshowButtonsSize = keyof typeof designTokens.libSlideshowButtonsSizes;
+/**
+ * @description All table variant tokens available in the library for styling table components.
+ * @type {"bordered" | "stripped" | "border-bottom"}
+ * @example
+ * variant="bordered"
+ * variant="stripped"
+ * variant="border-bottom"
+ */
+type LibTableVariant = keyof typeof designTokens.libTableVariants;
+/**
+ * @description All markdown editor view tokens available in the library for switching between different editor display modes.
+ * @type {"code" | "live" | "preview"}
+ * @example
+ * view="code"
+ * view="live"
+ * view="preview"
+ */
+type LibMdEditorViews = keyof typeof designTokens.libMdEditorViews;
+/**
+ * @description All markdown editor title tokens available in the library for heading levels in the editor.
+ * @type {"h1" | "h2" | "h3" | "h4" | "h5" | "h6"}
+ * @example
+ * titles={{
+ *     h1: true,
+ * 	   h3: false,
+ * }}
+ */
+type LibMdEditorTitles = keyof typeof designTokens.libMdEditorTitles;
+/**
+ * @description All markdown editor button tokens available in the library for controlling toolbar button visibility.
+ * @type {"bold" | "italic" | "strikethrough" | "underline" | "ul" | "ol" | "link" | "quote" | "hr" | "code" | "codeBlock" | "comment" | "image"}
+ * @example
+ * buttons={{
+ *     bold: false,
+ * 	   italic: true,
+ * }}
+ */
+type LibMdEditorButtons = keyof typeof designTokens.libMdEditorButtons;
+/**
+ * @description All drawer position tokens available in the library for positioning drawer components within the viewport.
+ * @type {"left" | "right" }
+ * @example
+ * position="left"
+ * position="right"
+ */
+type LibDrawerPosition = keyof typeof designTokens.libDrawerPositions;
+/**
+ * @description All navigation burger position tokens available in the library for positioning burger menu buttons within the navigation.
+ * @type {"left" | "right"}
+ * @example
+ * position="left"
+ * position="right"
+ */
+type LibNavBurgerPosition = keyof typeof designTokens.libNavBurgerPositions;
+/**
+ * @description All navigation mobile variant tokens available in the library for styling mobile navigation components.
+ * @type {"drawer" | "full" | "top"}
+ * @example
+ * variant="drawer"
+ * variant="full"
+ */
+type LibNavMobileVariant = keyof typeof designTokens.libNavMobileVariants;
+/**
+ * @description All header position tokens available in the library for positioning header components within the viewport.
+ * @type {"relative" | "absolute" | "fixed"}
+ * @example
+ * position="relative"
+ * position="absolute"
+ * position="fixed"
+ */
+type LibHeaderPosition = Extract<Property.Position, "relative" | "absolute" | "fixed">;
+/**
+ * @description All footer direction tokens available in the library for controlling the layout direction of footer content.
+ * @type {"horizontal" | "vertical"}
+ * @example
+ * direction="horizontal"
+ * direction="vertical"
+ */
+type LibFooterDirection = keyof typeof designTokens.libFooterDirection;
+/**
+ * @description All footer links separator tokens available in the library for controlling the visual separator between footer links.
+ * @type {"dot" | "dash"}
+ * @example
+ * separator="dot"
+ * separator="dash"
+ */
+type LibFooterLinksSeparator = keyof typeof designTokens.libFooterLinksSeparator;
+/**
+ * @description Type of values for InputPin component representing a collection of pin input values.
+ * @type {object}
+ * @example
+ * values={{
+ *   0: 1,
+ *   1: 2,
+ *   2: 3,
+ *   3: 4
+ * }}
+ *
+ * values={{
+ *   0: "",
+ *   1: 5,
+ *   2: undefined,
+ *   3: 9
+ * }}
+ *
+ * @prop {number | "" | undefined} [index] - Value at each pin position, can be a number, empty string, or undefined.
+ */
+type LibValueInputPin = {
+    [n: number]: number | "" | undefined;
+};
+/**
+ * @description Configuration object for translation data used in useTranslation hook for internationalization support.
+ * @type {object}
+ * @example
+ * translateLang={{
+ *   en: {
+ *     "hello": "Hello",
+ *     "welcome": "Welcome to our app",
+ *     "button.save": "Save"
+ *   },
+ *   fr: {
+ *     "hello": "Bonjour",
+ *     "welcome": "Bienvenue dans notre application",
+ *     "button.save": "Enregistrer"
+ *   }
+ * }}
+ *
+ * @prop {Object.<string, Object.<string, string>>} [language] - Language code as key containing translation key-value pairs.
+ */
+type TranslateLang = {
+    [language: string]: {
+        [key: string]: string;
+    };
+};
+/**
+ * @description Configuration object for background image styling and positioning properties.
+ * @type {object}
+ * @example
+ * backgroundImage={{
+ *   img: "/images/hero-bg.jpg",
+ *   position: "center",
+ *   size: "cover",
+ *   repeat: "no-repeat"
+ * }}
+ *
+ * backgroundImage={{
+ *   img: "url('/pattern.png')",
+ *   clip: "padding",
+ *   origin: "border",
+ *   repeat: "repeat-x"
+ * }}
+ *
+ * @prop {string} img - URL or path to the background image.
+ * @prop {"border" | "padding" | "content" | "text"} [clip] - Defines how far the background extends within the element.
+ * @prop {"border" | "padding" | "content"} [origin] - Sets the origin position of the background image.
+ * @prop {"top-left" | "top" | "top-right" | "left" | "center" | "right" | "bottom-left" | "bottom" | "bottom-right"} [position] - Position of the background image within the element.
+ * @prop {"repeat" | "repeat-x" | "repeat-y" | "repeat-space" | "repeat-round" | "no-repeat"} [repeat] - How the background image should be repeated.
+ * @prop {"auto" | "cover" | "contain"} [size] - Size of the background image.
+ */
+interface ILibBackgroundImage {
+    img: string;
+    clip?: "border" | "padding" | "content" | "text";
+    origin?: "border" | "padding" | "content";
+    position?: "top-left" | "top" | "top-right" | "left" | "center" | "right" | "bottom-left" | "bottom" | "bottom-right";
+    repeat?: "repeat" | "repeat-x" | "repeat-y" | "repeat-space" | "repeat-round" | "no-repeat";
+    size?: "auto" | "cover" | "contain";
+}
+/**
+ * @description Configuration object for country data used in InputPhone component and other internationalization features.
+ * @type {object}
+ * @use Import `countries` object
+ * @example
+ * country={countries[2]}
+ *
+ * @prop {string} name - Full name of the country.
+ * @prop {string} dial_code - International dialing code with + prefix.
+ * @prop {CountryCode} code - ISO 3166-1 alpha-2 country code.
+ * @prop {string} flag - Image flag for the country.
+ */
+type LibCountry = {
+    name: string;
+    dial_code: string;
+    code: CountryCode;
+    flag: string;
+};
+/**
+ * @description Configuration object for positioning the BackToTop component within the viewport.
+ * @type {object}
+ * @example
+ * position={{
+ *   right: "md",
+ *   bottom: "lg",
+ *   zIndex: "50"
+ * }}
+ *
+ * position={{
+ *   left: "sm",
+ *   top: "unset",
+ *   bottom: "xl"
+ * }}
+ *
+ * @prop {LibSpacers | "unset"} [left] - Distance from the left edge of the viewport.
+ * @prop {LibSpacers | "unset"} [top] - Distance from the top edge of the viewport.
+ * @prop {LibSpacers | "unset"} [right] - Distance from the right edge of the viewport.
+ * @prop {LibSpacers | "unset"} [bottom] - Distance from the bottom edge of the viewport.
+ * @prop {LibZIndex} [zIndex] - Z-index value for layering the component above other elements.
+ */
+interface LibBackToTopPosition {
+    left?: LibSpacers | "unset";
+    top?: LibSpacers | "unset";
+    right?: LibSpacers | "unset";
+    bottom?: LibSpacers | "unset";
+    zIndex?: LibZIndex;
+}
+/**
+ * @description Configuration object for positioning and styling tooltip components with advanced customization options.
+ * @type {object}
+ * @example
+ * tooltipOptions={{
+ *   position: "top",
+ *   offset: "md",
+ *   backgroundColor: "black",
+ *   textColor: "white",
+ *   hideArrow: false
+ * }}
+ *
+ * tooltipOptions={{
+ *   position: "right",
+ *   offset: "lg",
+ *   backgroundColor: "primary-500",
+ *   textColor: "white",
+ *   hideArrow: true,
+ *   className: "custom-tooltip"
+ * }}
+ *
+ * @prop {LibTooltipPosition} [position] - Position of the tooltip relative to its trigger element.
+ * @prop {LibSpacers} [offset] - Distance between the tooltip and its trigger element.
+ * @prop {LibAllColorsAndOverlays} [backgroundColor] - Background color or overlay for the tooltip.
+ * @prop {LibAllColors} [textColor] - Text color for the tooltip content.
+ * @prop {boolean} [hideArrow] - Whether to hide the arrow pointing to the trigger element.
+ * @prop {ClassNames} [className] - Additional CSS classes to apply to the tooltip.
+ * @prop {CSSProperties} [style] - Custom inline styles for the tooltip.
+ */
+interface LibTooltipPositionOptions {
+    position?: LibTooltipPosition;
+    offset?: LibSpacers;
+    backgroundColor?: LibAllColorsAndOverlays;
+    textColor?: LibAllColors;
+    hideArrow?: boolean;
+    className?: ClassNames;
+    style?: CSSProperties;
+    tooltipClassName?: ClassNames;
+    tooltipStyle?: CSSProperties;
+}
+type ReactChildren = ReactNode | Array<ReactNode>;
+type ReactElement = ReactElement$1;
+type FC = FunctionComponent;
+type DispatchState<T> = Dispatch<SetStateAction<T>>;
+type Classes = string | Array<string>;
+type CssTextAlign = "left" | "center" | "right" | "justify" | "start" | "end";
+type CssVerticalAlign = "align-baseline" | "align-top" | "align-middle" | "align-bottom" | "align-text-top" | "align-text-bottom" | "align-sub" | "align-super";
+type CssJustifyItems = "start" | "end" | "end-safe" | "center" | "center-safe" | "stretch" | "normal";
+type CssAlignItems = "start" | "end" | "end-safe" | "center" | "center-safe" | "baseline" | "baseline-start" | "stretch";
+type CssJustifyContent = "start" | "end" | "end-safe" | "center" | "center-sage" | "space-between" | "space-around" | "space-evenly" | "stretch" | "baseline" | "normal";
+type CssAlignContent = "normal" | "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | "baseline" | "stretch";
+type CssFlexDirection = "row" | "row-reverse" | "col" | "col-reverse";
+type CssFlexWrap = "nowrap" | "wrap" | "wrap-reverse";
+type CssObjectFit = "contain" | "cover" | "fill" | "none" | "scale-down";
+type CssBorderStyle = "solid" | "dashed" | "dotted" | "double" | "hidden" | "none";
+type CssOutlineStyle = "solid" | "dashed" | "dotted" | "double" | "none" | "hidden";
+type LibMainSize = keyof typeof designTokens.libMainSizes;
+type LibAsideSize = keyof typeof designTokens.libAsideSizes;
+type CountryCode = keyof typeof designTokens.libCountryCodes;
+type ClassNames = string | Array<string>;
+type CSSProperties = CSSProperties$1;
+
+export { type LibDrawerPosition as $, type LibText as A, type LibPosition as B, type LibZIndex as C, type LibMinHeight as D, type LibKeySize as E, type LibMaxWidth as F, type LibSkeletonAnimation as G, type LibTooltipPosition as H, type LibTooltipTrigger as I, type LibComponentBase as J, type LibAccordionVariant as K, type LibColors as L, type LibAccordionIcon as M, type LibTagVariant as N, type LibToastStatus as O, type LibCheckInputVariant as P, type LibInputListDirection as Q, type LibTabsJustify as R, type LibTabsVariant as S, type LibSlideshowPagination as T, type LibSlideshowPaginationPosition as U, type LibSlideshowButtonsPosition as V, type LibSlideshowButtonsSize as W, type LibTableVariant as X, type LibMdEditorViews as Y, type LibMdEditorTitles as Z, type LibMdEditorButtons as _, type LibColorsShort as a, type LibNavBurgerPosition as a0, type LibNavMobileVariant as a1, type LibHeaderPosition as a2, type LibFooterDirection as a3, type LibFooterLinksSeparator as a4, type LibValueInputPin as a5, type TranslateLang as a6, type ILibBackgroundImage as a7, type LibCountry as a8, type LibBackToTopPosition as a9, type LibTooltipPositionOptions as aa, type ReactChildren as ab, type ReactElement as ac, type FC as ad, type DispatchState as ae, type Classes as af, type CssTextAlign as ag, type CssVerticalAlign as ah, type CssJustifyItems as ai, type CssAlignItems as aj, type CssJustifyContent as ak, type CssAlignContent as al, type CssFlexDirection as am, type CssFlexWrap as an, type CssObjectFit as ao, type CssBorderStyle as ap, type CssOutlineStyle as aq, type LibMainSize as ar, type LibAsideSize as as, type CountryCode as at, type ClassNames as au, type CSSProperties as av, designTokens as aw, type LibAllColors as b, type LibColorsHover as c, type LibColorsHoverAndCurrent as d, type LibOverlays as e, type LibAllColorsAndOverlays as f, type LibFontFamilies as g, type LibFontSizes as h, type LibFontWeights as i, type LibLineHeights as j, type LibShadows as k, type LibSpacers as l, type LibRadiuses as m, type LibTransitions as n, type LibValidationStatus as o, type LibInputValidation as p, type LibThemeNames as q, type LibInputVariant as r, type LibInputType as s, type LibLoaderVariant as t, type LibButtonVariant as u, type LibButtonVariantExtended as v, type LibButtonSize as w, type LibInputBackground as x, type LibTextDisplay as y, type LibTextNoDisplay as z };