@julseb-lib/react 1.1.33 → 1.1.34

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

@@ -1,6 +1,7 @@
 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. */
 declare const designTokens: {
     readonly libColors: {
         /**
@@ -324,6 +325,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 +342,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 +359,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 +382,7 @@ declare const designTokens: {
         readonly "4xl": "4xl";
         readonly full: "full";
     };
+    /** Box shadow size values. */
     readonly libShadows: {
         readonly "2xs": "2xs";
         readonly xs: "xs";
@@ -361,11 +393,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 +408,7 @@ declare const designTokens: {
         readonly xl: "xl";
         readonly "2xl": "2xl";
     };
+    /** Text shadow size values. */
     readonly libTextShadow: {
         readonly "2xs": "2xs";
         readonly xs: "xs";
@@ -381,17 +416,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 +439,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 +447,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 +457,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 +469,7 @@ declare const designTokens: {
         readonly ol: "ol";
         readonly dl: "dl";
     };
+    /** CSS transition property targets. */
     readonly libTransitions: {
         readonly none: "none";
         readonly all: "all";
@@ -436,27 +479,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 +520,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 +543,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 +577,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 +641,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 +670,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 +730,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 +739,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";

package/dist/index.cjs

@@ -366,6 +366,15 @@ var init_design_tokens = __esm({
         bold: "bold",
         black: "black"
       },
+      /**
+       * Letter spacing (tracking) values.
+       * Tighter — -0.05em
+       * Tight — -0.025em
+       * Normal — 0em
+       * Wide — 0.025em
+       * Wider — 0.05em
+       * Widest — 0.1em
+       */
       libTracking: {
         tighter: "tighter",
         tight: "tight",
@@ -374,6 +383,15 @@ var init_design_tokens = __esm({
         wider: "wider",
         widest: "widest"
       },
+      /**
+       * Line height (leading) values.
+       * Tight — 1.25
+       * Snug — 1.375
+       * Normal — 1.5
+       * Relaxed — 1.625
+       * Loose — 2
+       * None — 1
+       */
       libLeading: {
         tight: "tight",
         snug: "snug",
@@ -382,6 +400,18 @@ var init_design_tokens = __esm({
         loose: "loose",
         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
+       */
       libRadius: {
         xs: "xs",
         sm: "sm",
@@ -393,6 +423,7 @@ var init_design_tokens = __esm({
         "4xl": "4xl",
         full: "full"
       },
+      /** Box shadow size values. */
       libShadows: {
         "2xs": "2xs",
         xs: "xs",
@@ -403,11 +434,13 @@ var init_design_tokens = __esm({
         "2xl": "2xl",
         none: "none"
       },
+      /** Inset (inner) shadow size values. */
       libInsetShadows: {
         "2xs": "2xs",
         xs: "xs",
         sm: "sm"
       },
+      /** Drop shadow filter size values. */
       libDropShadows: {
         xs: "xs",
         sm: "sm",
@@ -416,6 +449,7 @@ var init_design_tokens = __esm({
         xl: "xl",
         "2xl": "2xl"
       },
+      /** Text shadow size values. */
       libTextShadow: {
         "2xs": "2xs",
         xs: "xs",
@@ -423,17 +457,20 @@ var init_design_tokens = __esm({
         md: "md",
         lg: "lg"
       },
+      /** CSS transition timing function values. */
       libTransitionTimingFunctions: {
         "--ease-in": "--ease-in",
         "--ease-out": "--ease-out",
         "--ease-in-out": "--ease-in-out"
       },
+      /** CSS animation presets. */
       libAnimate: {
         spin: "spin",
         ping: "ping",
         pulse: "pulse",
         bounce: "bounce"
       },
+      /** Blur filter size values. */
       libBlur: {
         xs: "xs",
         sm: "sm",
@@ -443,6 +480,7 @@ var init_design_tokens = __esm({
         "2xl": "2xl",
         "3xl": "3xl"
       },
+      /** CSS perspective distance values for 3D transforms. */
       libPerspective: {
         dramatic: "dramatic",
         near: "near",
@@ -450,8 +488,11 @@ var init_design_tokens = __esm({
         midrange: "midrange",
         distant: "distant"
       },
+      /** Video aspect ratio token (16:9). */
       libAspectVideo: {},
+      /** Display heading tags (h1–h5) reference. */
       libTextDisplayTags,
+      /** Text-level HTML element tags (h6, p, strong, em, small, blockquote, ul, ol, dl). */
       libTextTags: {
         h6: "h6",
         p: "p",
@@ -463,6 +504,7 @@ var init_design_tokens = __esm({
         ol: "ol",
         dl: "dl"
       },
+      /** CSS transition property targets. */
       libTransitions: {
         none: "none",
         all: "all",
@@ -472,27 +514,33 @@ var init_design_tokens = __esm({
         shadow: "shadow",
         transform: "transform"
       },
+      /** Color theme modes. */
       libThemes: {
         light: "light",
         dark: "dark"
       },
+      /** Input field border radius variants. */
       libInputVariants: {
         rounded: "rounded",
         pill: "pill"
       },
+      /** Input field background color modes. */
       libInputBackgrounds: {
         light: "light",
         dark: "dark"
       },
+      /** Main content area width presets. */
       libMainSizes: {
         default: "default",
         large: "large",
         form: "form"
       },
+      /** Aside panel width presets. */
       libAsideSizes: {
         default: "default",
         small: "small"
       },
+      /** Z-index layer values (0–50, with negative counterparts). */
       libZIndex: {
         "0": "0",
         "10": "10",
@@ -507,11 +555,13 @@ var init_design_tokens = __esm({
         "-40": "-40",
         "-50": "-50"
       },
+      /** CSS position property values. */
       libPosition: {
         relative: "relative",
         absolute: "absolute",
         fixed: "fixed"
       },
+      /** Minimum height sizing values. */
       libMinHeights: {
         px: "px",
         full: "full",
@@ -528,7 +578,9 @@ var init_design_tokens = __esm({
         fit: "fit",
         lh: "lh"
       },
+      /** Keyboard Key component size variants. */
       libKeySizes: { large: "large", small: "small" },
+      /** Maximum width sizing values. */
       libMaxWidths: {
         "3xs": "3xs",
         "2xs": "2xs",
@@ -557,23 +609,32 @@ var init_design_tokens = __esm({
         max: "max",
         fit: "fit"
       },
+      /** Skeleton loading animation styles. */
       libSkeletonAnimations: { pulse: "pulse", shine: "shine", none: "none" },
+      /** Tooltip positioning options. */
       libTooltipPositions: {
         top: "top",
         bottom: "bottom",
         left: "left",
         right: "right"
       },
+      /** Tooltip trigger interaction modes. */
       libTooltipTriggers: { hover: "hover", click: "click" },
+      /** Loader spinner visual variants. */
       libLoaderVariants: { 1: 1, 2: 2, 3: 3 },
+      /** Button visual style variants. */
       libButtonVariants: {
         plain: "plain",
         ghost: "ghost",
         transparent: "transparent"
       },
+      /** Button size presets. */
       libButtonSize: { default: "default", small: "small" },
+      /** ButtonGroup toggle selection modes (single or multi). */
       libButtonGroupToggle: { single: "single", multi: "multi" },
+      /** Tag visual style variants. */
       libTagVariant: { plain: "plain", outline: "outline" },
+      /** HTML input type values supported by the Input component. */
       libInputTypes: {
         color: "color",
         date: "date",
@@ -592,14 +653,19 @@ var init_design_tokens = __esm({
         select: "select",
         textarea: "textarea"
       },
+      /** Checkbox/radio input visual variants (tile, toggle, selector). */
       libCheckInputVariants: {
         tile: "tile",
         toggle: "toggle",
         selector: "selector"
       },
+      /** Dropdown list expansion direction. */
       libListInputDirections: { up: "up", down: "down" },
+      /** Accordion visual style variants. */
       libAccordionVariant: { basic: "basic", rounded: "rounded" },
+      /** Accordion expand/collapse icon styles. */
       libAccordionIcon: { plus: "plus", chevron: "chevron" },
+      /** Toast notification status types. */
       libToastStatus: {
         success: "success",
         error: "error",
@@ -607,27 +673,36 @@ var init_design_tokens = __esm({
         info: "info",
         loading: "loading"
       },
+      /** Tabs button alignment options. */
       libTabsJustify: { start: "start", stretch: "stretch" },
+      /** Tabs visual style variants. */
       libTabsVariant: { basic: "basic", rounded: "rounded" },
+      /** Slideshow pagination indicator styles. */
       libSlideshowPagination: {
         dots: "dots",
         "dots-outline": "dots-outline",
         bars: "bars",
         thumbnails: "thumbnails"
       },
+      /** Slideshow pagination placement (inside or outside the slide area). */
       libSlideshowPaginationPosition: { inside: "inside", outside: "outside" },
+      /** Slideshow navigation button alignment. */
       libSlideshowButtonsPositions: { left: "left", right: "right" },
+      /** Slideshow navigation button size presets. */
       libSlideshowButtonsSizes: { small: "small", large: "large" },
+      /** Table visual style variants. */
       libTableVariants: {
         bordered: "bordered",
         stripped: "stripped",
         "border-bottom": "border-bottom"
       },
+      /** Markdown editor view modes (code, live preview, preview only). */
       libMdEditorViews: {
         viewCode: "viewCode",
         viewLive: "viewLive",
         viewPreview: "viewPreview"
       },
+      /** Markdown editor toolbar formatting buttons. */
       libMdEditorButtons: {
         bold: "bold",
         italic: "italic",
@@ -643,12 +718,19 @@ var init_design_tokens = __esm({
         comment: "comment",
         image: "image"
       },
+      /** Markdown editor heading level options (h1–h6). */
       libMdEditorTitles: { ...libTextDisplayTags, h6: "h6" },
+      /** Drawer panel slide-in positions. */
       libDrawerPositions: { left: "left", right: "right" },
+      /** Mobile navigation burger button position. */
       libNavBurgerPositions: { left: "left", right: "right" },
+      /** Mobile navigation display variants. */
       libNavMobileVariants: { full: "full", top: "top", drawer: "drawer" },
+      /** Footer links layout direction. */
       libFooterDirection: { horizontal: "horizontal", vertical: "vertical" },
+      /** Footer links separator character styles. */
       libFooterLinksSeparator: { dot: "dot", dash: "dash" },
+      /** ISO 3166-1 alpha-2 country codes for the InputPhone component. */
       libCountryCodes: {
         af: "af",
         ax: "ax",