@julseb-lib/react 1.1.32 → 1.1.34

package/README.md

@@ -38,22 +38,22 @@ pnpm install @julseb-lib/react
 Access comprehensive TypeScript definitions:
 
 ```typescript
-import type { 
-  ILibButton, 
-  ILibText, 
-  LibAllColors,
-  LibSpacers 
-} from '@julseb-lib/react/types'
+import type {
+	ILibButton,
+	ILibText,
+	LibAllColors,
+	LibSpacers,
+} from "@julseb-lib/react/types"
 ```
 
 Component-specific prop types:
 
 ```typescript
-import type { 
-  ILibButton,
-  ILibInput,
-  ILibModal 
-} from '@julseb-lib/react/component-props'
+import type {
+	ILibButton,
+	ILibInput,
+	ILibModal,
+} from "@julseb-lib/react/component-props"
 ```
 
 ## Styling & Customization
@@ -64,12 +64,12 @@ The library uses CSS custom properties for theming:
 
 ```css
 :root {
-  --color-primary-500: #3b82f6;
-  --color-secondary-500: #06b6d4;
-  --spacer-xs: 8px;
-  --spacer-sm: 16px;
-  --radius-sm: 4px;
-  --radius-md: 8px;
+	--color-primary-500: #3b82f6;
+	--color-secondary-500: #06b6d4;
+	--spacer-xs: 8px;
+	--spacer-sm: 16px;
+	--radius-sm: 4px;
+	--radius-md: 8px;
 }
 ```
 
@@ -107,13 +107,13 @@ function ContactForm() {
   return (
     <form>
       <Flexbox direction="column" gap="md">
-        <Input 
+        <Input
           label="Email"
           type="email"
           required
           validation="Please enter a valid email"
         />
-        <Input 
+        <Input
           label="Message"
           element="textarea"
           rows={4}
@@ -141,9 +141,9 @@ function App() {
       <Button onClick={() => setIsOpen(true)}>
         Open Modal
       </Button>
-      
-      <Modal 
-        isOpen={isOpen} 
+
+      <Modal
+        isOpen={isOpen}
         onClose={() => setIsOpen(false)}
         title="Contact Form"
       >
@@ -190,8 +190,8 @@ MIT © [Julien Sebag](https://julien-sebag.com)
 
 ### Links
 
-[Documentation](https://doc-julseb-lib-react.vercel.app/)
+[Documentation](https://julseb-lib.vercel.app/components/)
 
 [GitHub Repository](https://github.com/JulSeb42/julseb-lib-react)
 
-[NPM Package](https://www.npmjs.com/package/@julseb-lib/react)
+[NPM Package](https://www.npmjs.com/package/@julseb-lib/react)

package/dist/{Image-4MLJ7FPA.js → Image-N6SBVL55.js}

@@ -1,6 +1,6 @@
 import {
   Image
-} from "./chunk-PXJ4JXEH.js";
+} from "./chunk-AXOMYMGN.js";
 
 // src/lib/components/LazyImage/Image.tsx
 import { jsx } from "react/jsx-runtime";
@@ -11,4 +11,4 @@ var Image_default = Image2;
 export {
   Image_default as default
 };
-//# sourceMappingURL=Image-4MLJ7FPA.js.map
+//# sourceMappingURL=Image-N6SBVL55.js.map

package/dist/{chunk-PXJ4JXEH.js → chunk-AXOMYMGN.js}

@@ -329,6 +329,15 @@ var designTokens = {
     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",
@@ -337,6 +346,15 @@ var designTokens = {
     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",
@@ -345,6 +363,18 @@ var designTokens = {
     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",
@@ -356,6 +386,7 @@ var designTokens = {
     "4xl": "4xl",
     full: "full"
   },
+  /** Box shadow size values. */
   libShadows: {
     "2xs": "2xs",
     xs: "xs",
@@ -366,11 +397,13 @@ var designTokens = {
     "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",
@@ -379,6 +412,7 @@ var designTokens = {
     xl: "xl",
     "2xl": "2xl"
   },
+  /** Text shadow size values. */
   libTextShadow: {
     "2xs": "2xs",
     xs: "xs",
@@ -386,17 +420,20 @@ var designTokens = {
     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",
@@ -406,6 +443,7 @@ var designTokens = {
     "2xl": "2xl",
     "3xl": "3xl"
   },
+  /** CSS perspective distance values for 3D transforms. */
   libPerspective: {
     dramatic: "dramatic",
     near: "near",
@@ -413,8 +451,11 @@ var designTokens = {
     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",
@@ -426,6 +467,7 @@ var designTokens = {
     ol: "ol",
     dl: "dl"
   },
+  /** CSS transition property targets. */
   libTransitions: {
     none: "none",
     all: "all",
@@ -435,27 +477,33 @@ var designTokens = {
     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",
@@ -470,11 +518,13 @@ var designTokens = {
     "-40": "-40",
     "-50": "-50"
   },
+  /** CSS position property values. */
   libPosition: {
     relative: "relative",
     absolute: "absolute",
     fixed: "fixed"
   },
+  /** Minimum height sizing values. */
   libMinHeights: {
     px: "px",
     full: "full",
@@ -491,7 +541,9 @@ var designTokens = {
     fit: "fit",
     lh: "lh"
   },
+  /** Keyboard Key component size variants. */
   libKeySizes: { large: "large", small: "small" },
+  /** Maximum width sizing values. */
   libMaxWidths: {
     "3xs": "3xs",
     "2xs": "2xs",
@@ -520,23 +572,32 @@ var designTokens = {
     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",
@@ -555,14 +616,19 @@ var designTokens = {
     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",
@@ -570,27 +636,36 @@ var designTokens = {
     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",
@@ -606,12 +681,19 @@ var designTokens = {
     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",
@@ -1572,7 +1654,7 @@ var Table = ({
               className: clsx(
                 "flex gap-6 overflow-x-scroll",
                 (variant === "bordered" || variant === "border-bottom") && [
-                  "border-b border-b-gray-200"
+                  "not-last:border-b not-last:border-b-gray-200"
                 ],
                 variant === "stripped" && [
                   j % 2 === 0 && "bg-gray-100"
@@ -2407,4 +2489,4 @@ export {
   genFontWeight,
   Image
 };
-//# sourceMappingURL=chunk-PXJ4JXEH.js.map
+//# sourceMappingURL=chunk-AXOMYMGN.js.map