@julseb-lib/react 1.1.33 → 1.1.35

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

@@ -1,6 +1,13 @@
 import { Dispatch, SetStateAction, ReactNode, FunctionComponent, HTMLAttributes, ElementType, RefObject, CSSProperties as CSSProperties$1, ReactElement as ReactElement$1 } from 'react';
 import { Property } from 'csstype';
 
+/**
+ * Design tokens used across the component library for consistent styling and theming.
+ * Includes color palettes, font sizes, spacers, breakpoints, radii, shadows, and more.
+ *
+ * @type {object}
+ * @see https://julseb-lib.vercel.app/docs/design-tokens
+ */
 declare const designTokens: {
     readonly libColors: {
         /**
@@ -209,6 +216,8 @@ declare const designTokens: {
         readonly "white-80": "white-80";
         readonly "gradient-black": "gradient-black";
         readonly "gradient-white": "gradient-white";
+        readonly "gradient-theme-bg": "gradient-theme-bg";
+        readonly "gradient-theme-text": "gradient-theme-text";
     };
     readonly libFontFamilies: {
         /**
@@ -324,6 +333,15 @@ declare const designTokens: {
         readonly bold: "bold";
         readonly black: "black";
     };
+    /**
+     * Letter spacing (tracking) values.
+     * Tighter — -0.05em
+     * Tight — -0.025em
+     * Normal — 0em
+     * Wide — 0.025em
+     * Wider — 0.05em
+     * Widest — 0.1em
+     */
     readonly libTracking: {
         readonly tighter: "tighter";
         readonly tight: "tight";
@@ -332,6 +350,15 @@ declare const designTokens: {
         readonly wider: "wider";
         readonly widest: "widest";
     };
+    /**
+     * Line height (leading) values.
+     * Tight — 1.25
+     * Snug — 1.375
+     * Normal — 1.5
+     * Relaxed — 1.625
+     * Loose — 2
+     * None — 1
+     */
     readonly libLeading: {
         readonly tight: "tight";
         readonly snug: "snug";
@@ -340,6 +367,18 @@ declare const designTokens: {
         readonly loose: "loose";
         readonly none: "none";
     };
+    /**
+     * Border radius values.
+     * xs — 0.125rem
+     * sm — 0.25rem
+     * md — 0.375rem
+     * lg — 0.5rem
+     * xl — 0.75rem
+     * 2xl — 1rem
+     * 3xl — 1.5rem
+     * 4xl — 2rem
+     * full — 9999px
+     */
     readonly libRadius: {
         readonly xs: "xs";
         readonly sm: "sm";
@@ -351,6 +390,7 @@ declare const designTokens: {
         readonly "4xl": "4xl";
         readonly full: "full";
     };
+    /** Box shadow size values. */
     readonly libShadows: {
         readonly "2xs": "2xs";
         readonly xs: "xs";
@@ -361,11 +401,13 @@ declare const designTokens: {
         readonly "2xl": "2xl";
         readonly none: "none";
     };
+    /** Inset (inner) shadow size values. */
     readonly libInsetShadows: {
         readonly "2xs": "2xs";
         readonly xs: "xs";
         readonly sm: "sm";
     };
+    /** Drop shadow filter size values. */
     readonly libDropShadows: {
         readonly xs: "xs";
         readonly sm: "sm";
@@ -374,6 +416,7 @@ declare const designTokens: {
         readonly xl: "xl";
         readonly "2xl": "2xl";
     };
+    /** Text shadow size values. */
     readonly libTextShadow: {
         readonly "2xs": "2xs";
         readonly xs: "xs";
@@ -381,17 +424,20 @@ declare const designTokens: {
         readonly md: "md";
         readonly lg: "lg";
     };
+    /** CSS transition timing function values. */
     readonly libTransitionTimingFunctions: {
         readonly "--ease-in": "--ease-in";
         readonly "--ease-out": "--ease-out";
         readonly "--ease-in-out": "--ease-in-out";
     };
+    /** CSS animation presets. */
     readonly libAnimate: {
         readonly spin: "spin";
         readonly ping: "ping";
         readonly pulse: "pulse";
         readonly bounce: "bounce";
     };
+    /** Blur filter size values. */
     readonly libBlur: {
         readonly xs: "xs";
         readonly sm: "sm";
@@ -401,6 +447,7 @@ declare const designTokens: {
         readonly "2xl": "2xl";
         readonly "3xl": "3xl";
     };
+    /** CSS perspective distance values for 3D transforms. */
     readonly libPerspective: {
         readonly dramatic: "dramatic";
         readonly near: "near";
@@ -408,7 +455,9 @@ declare const designTokens: {
         readonly midrange: "midrange";
         readonly distant: "distant";
     };
+    /** Video aspect ratio token (16:9). */
     readonly libAspectVideo: {};
+    /** Display heading tags (h1–h5) reference. */
     readonly libTextDisplayTags: {
         h1: string;
         h2: string;
@@ -416,6 +465,7 @@ declare const designTokens: {
         h4: string;
         h5: string;
     };
+    /** Text-level HTML element tags (h6, p, strong, em, small, blockquote, ul, ol, dl). */
     readonly libTextTags: {
         readonly h6: "h6";
         readonly p: "p";
@@ -427,6 +477,7 @@ declare const designTokens: {
         readonly ol: "ol";
         readonly dl: "dl";
     };
+    /** CSS transition property targets. */
     readonly libTransitions: {
         readonly none: "none";
         readonly all: "all";
@@ -436,27 +487,33 @@ declare const designTokens: {
         readonly shadow: "shadow";
         readonly transform: "transform";
     };
+    /** Color theme modes. */
     readonly libThemes: {
         readonly light: "light";
         readonly dark: "dark";
     };
+    /** Input field border radius variants. */
     readonly libInputVariants: {
         readonly rounded: "rounded";
         readonly pill: "pill";
     };
+    /** Input field background color modes. */
     readonly libInputBackgrounds: {
         readonly light: "light";
         readonly dark: "dark";
     };
+    /** Main content area width presets. */
     readonly libMainSizes: {
         readonly default: "default";
         readonly large: "large";
         readonly form: "form";
     };
+    /** Aside panel width presets. */
     readonly libAsideSizes: {
         readonly default: "default";
         readonly small: "small";
     };
+    /** Z-index layer values (0–50, with negative counterparts). */
     readonly libZIndex: {
         readonly "0": "0";
         readonly "10": "10";
@@ -471,11 +528,13 @@ declare const designTokens: {
         readonly "-40": "-40";
         readonly "-50": "-50";
     };
+    /** CSS position property values. */
     readonly libPosition: {
         readonly relative: "relative";
         readonly absolute: "absolute";
         readonly fixed: "fixed";
     };
+    /** Minimum height sizing values. */
     readonly libMinHeights: {
         readonly px: "px";
         readonly full: "full";
@@ -492,10 +551,12 @@ declare const designTokens: {
         readonly fit: "fit";
         readonly lh: "lh";
     };
+    /** Keyboard Key component size variants. */
     readonly libKeySizes: {
         readonly large: "large";
         readonly small: "small";
     };
+    /** Maximum width sizing values. */
     readonly libMaxWidths: {
         readonly "3xs": "3xs";
         readonly "2xs": "2xs";
@@ -524,43 +585,52 @@ declare const designTokens: {
         readonly max: "max";
         readonly fit: "fit";
     };
+    /** Skeleton loading animation styles. */
     readonly libSkeletonAnimations: {
         readonly pulse: "pulse";
         readonly shine: "shine";
         readonly none: "none";
     };
+    /** Tooltip positioning options. */
     readonly libTooltipPositions: {
         readonly top: "top";
         readonly bottom: "bottom";
         readonly left: "left";
         readonly right: "right";
     };
+    /** Tooltip trigger interaction modes. */
     readonly libTooltipTriggers: {
         readonly hover: "hover";
         readonly click: "click";
     };
+    /** Loader spinner visual variants. */
     readonly libLoaderVariants: {
         readonly 1: 1;
         readonly 2: 2;
         readonly 3: 3;
     };
+    /** Button visual style variants. */
     readonly libButtonVariants: {
         readonly plain: "plain";
         readonly ghost: "ghost";
         readonly transparent: "transparent";
     };
+    /** Button size presets. */
     readonly libButtonSize: {
         readonly default: "default";
         readonly small: "small";
     };
+    /** ButtonGroup toggle selection modes (single or multi). */
     readonly libButtonGroupToggle: {
         readonly single: "single";
         readonly multi: "multi";
     };
+    /** Tag visual style variants. */
     readonly libTagVariant: {
         readonly plain: "plain";
         readonly outline: "outline";
     };
+    /** HTML input type values supported by the Input component. */
     readonly libInputTypes: {
         readonly color: "color";
         readonly date: "date";
@@ -579,23 +649,28 @@ declare const designTokens: {
         readonly select: "select";
         readonly textarea: "textarea";
     };
+    /** Checkbox/radio input visual variants (tile, toggle, selector). */
     readonly libCheckInputVariants: {
         readonly tile: "tile";
         readonly toggle: "toggle";
         readonly selector: "selector";
     };
+    /** Dropdown list expansion direction. */
     readonly libListInputDirections: {
         readonly up: "up";
         readonly down: "down";
     };
+    /** Accordion visual style variants. */
     readonly libAccordionVariant: {
         readonly basic: "basic";
         readonly rounded: "rounded";
     };
+    /** Accordion expand/collapse icon styles. */
     readonly libAccordionIcon: {
         readonly plus: "plus";
         readonly chevron: "chevron";
     };
+    /** Toast notification status types. */
     readonly libToastStatus: {
         readonly success: "success";
         readonly error: "error";
@@ -603,42 +678,51 @@ declare const designTokens: {
         readonly info: "info";
         readonly loading: "loading";
     };
+    /** Tabs button alignment options. */
     readonly libTabsJustify: {
         readonly start: "start";
         readonly stretch: "stretch";
     };
+    /** Tabs visual style variants. */
     readonly libTabsVariant: {
         readonly basic: "basic";
         readonly rounded: "rounded";
     };
+    /** Slideshow pagination indicator styles. */
     readonly libSlideshowPagination: {
         readonly dots: "dots";
         readonly "dots-outline": "dots-outline";
         readonly bars: "bars";
         readonly thumbnails: "thumbnails";
     };
+    /** Slideshow pagination placement (inside or outside the slide area). */
     readonly libSlideshowPaginationPosition: {
         readonly inside: "inside";
         readonly outside: "outside";
     };
+    /** Slideshow navigation button alignment. */
     readonly libSlideshowButtonsPositions: {
         readonly left: "left";
         readonly right: "right";
     };
+    /** Slideshow navigation button size presets. */
     readonly libSlideshowButtonsSizes: {
         readonly small: "small";
         readonly large: "large";
     };
+    /** Table visual style variants. */
     readonly libTableVariants: {
         readonly bordered: "bordered";
         readonly stripped: "stripped";
         readonly "border-bottom": "border-bottom";
     };
+    /** Markdown editor view modes (code, live preview, preview only). */
     readonly libMdEditorViews: {
         readonly viewCode: "viewCode";
         readonly viewLive: "viewLive";
         readonly viewPreview: "viewPreview";
     };
+    /** Markdown editor toolbar formatting buttons. */
     readonly libMdEditorButtons: {
         readonly bold: "bold";
         readonly italic: "italic";
@@ -654,6 +738,7 @@ declare const designTokens: {
         readonly comment: "comment";
         readonly image: "image";
     };
+    /** Markdown editor heading level options (h1–h6). */
     readonly libMdEditorTitles: {
         readonly h6: "h6";
         readonly h1: string;
@@ -662,27 +747,33 @@ declare const designTokens: {
         readonly h4: string;
         readonly h5: string;
     };
+    /** Drawer panel slide-in positions. */
     readonly libDrawerPositions: {
         readonly left: "left";
         readonly right: "right";
     };
+    /** Mobile navigation burger button position. */
     readonly libNavBurgerPositions: {
         readonly left: "left";
         readonly right: "right";
     };
+    /** Mobile navigation display variants. */
     readonly libNavMobileVariants: {
         readonly full: "full";
         readonly top: "top";
         readonly drawer: "drawer";
     };
+    /** Footer links layout direction. */
     readonly libFooterDirection: {
         readonly horizontal: "horizontal";
         readonly vertical: "vertical";
     };
+    /** Footer links separator character styles. */
     readonly libFooterLinksSeparator: {
         readonly dot: "dot";
         readonly dash: "dash";
     };
+    /** ISO 3166-1 alpha-2 country codes for the InputPhone component. */
     readonly libCountryCodes: {
         readonly af: "af";
         readonly ax: "ax";