@julseb-lib/react 0.0.87 → 0.0.89

package/dist/lib/components/Youtube/types.ts

@@ -2,8 +2,9 @@ import type { IframeHTMLAttributes } from "react"
 import type { LibComponentBase } from "../../types"
 
 export interface ILibYoutube
-    extends Exclude<LibComponentBase<HTMLIFrameElement>, "as">,
-        IframeHTMLAttributes<HTMLIFrameElement> {
-    aspectRatio?: string
-    children?: never
+	extends Exclude<LibComponentBase<HTMLIFrameElement>, "as">,
+		IframeHTMLAttributes<HTMLIFrameElement> {
+	src: string
+	aspectRatio?: string
+	children?: never
 }

package/dist/lib/index.ts

@@ -3,68 +3,69 @@
 export { ThemeProvider } from "styled-components"
 // import {} from "styled-components/cssprop"
 export * from "./utils"
+export * from "./design-tokens"
 export {
-    addDay,
-    addMonth,
-    addYear,
-    calculateAverage,
-    calculateTotalSum,
-    capitalize,
-    convertDate,
-    convertDateShort,
-    convertPrice,
-    convertToEmail,
-    convertYoutube,
-    deleteDuplicates,
-    detectLanguage,
-    disableScroll,
-    enableScroll,
-    filterObject,
-    formatDate,
-    formatHour,
-    generateNumbers,
-    getFirstName,
-    getInitials,
-    getLastName,
-    getNextDay,
-    getPercentage,
-    getRandom,
-    getRandomAvatar,
-    getRandomDate,
-    getRandomNumber,
-    getRandomString,
-    getRandomTime,
-    getTimeNow,
-    getToday,
-    getTomorrow,
-    getYesterday,
-    hexToRgb,
-    emailRegex,
-    passwordRegex,
-    rgbToHex,
-    scrollToTop,
-    slugify,
-    sortByFrequency,
-    stringifyPx,
-    toCamelCase,
-    toConstantCase,
-    toDotCase,
-    toKebabCase,
-    toPascalCase,
-    toPathCase,
-    toSentenceCase,
-    toSnakeCase,
-    toTitleCase,
-    unslugify,
-    uuid,
+	addDay,
+	addMonth,
+	addYear,
+	calculateAverage,
+	calculateTotalSum,
+	capitalize,
+	convertDate,
+	convertDateShort,
+	convertPrice,
+	convertToEmail,
+	convertYoutube,
+	deleteDuplicates,
+	detectLanguage,
+	disableScroll,
+	enableScroll,
+	filterObject,
+	formatDate,
+	formatHour,
+	generateNumbers,
+	getFirstName,
+	getInitials,
+	getLastName,
+	getNextDay,
+	getPercentage,
+	getRandom,
+	getRandomAvatar,
+	getRandomDate,
+	getRandomNumber,
+	getRandomString,
+	getRandomTime,
+	getTimeNow,
+	getToday,
+	getTomorrow,
+	getYesterday,
+	hexToRgb,
+	emailRegex,
+	passwordRegex,
+	rgbToHex,
+	scrollToTop,
+	slugify,
+	sortByFrequency,
+	stringifyPx,
+	toCamelCase,
+	toConstantCase,
+	toDotCase,
+	toKebabCase,
+	toPascalCase,
+	toPathCase,
+	toSentenceCase,
+	toSnakeCase,
+	toTitleCase,
+	unslugify,
+	uuid,
 } from "@julseb-lib/utils"
 
 export * from "./Variables"
 export * from "./Mixins"
 
 export {
-    optionsMarkdown,
-    markdownEditorOptions,
+	optionsMarkdown,
+	markdownEditorOptions,
 } from "./utils/options-markdown"
 
 export * from "./hooks"

package/dist/lib/types/global.ts

@@ -1,15 +1,16 @@
 import type {
-    HTMLAttributes,
-    ElementType,
-    ReactNode,
-    Dispatch,
-    SetStateAction,
-    MouseEventHandler,
-    Ref,
+	HTMLAttributes,
+	ElementType,
+	ReactNode,
+	Dispatch,
+	SetStateAction,
+	MouseEventHandler,
+	Ref,
+	ReactElement,
 } from "react"
 import type { Property } from "csstype"
 import type { DefaultTheme } from "styled-components"
-import type { designTokens } from "./design-tokens"
+import type { designTokens } from "../design-tokens"
 import type { RequireAtLeastOne } from "./require-at-least-one"
 
 export type LibColors = keyof typeof designTokens.libColors
@@ -19,9 +20,9 @@ export type LibColorsHover = keyof typeof designTokens.colorsHover
 export type LibColorsHoverAndCurrent = LibColorsHover | "currentColor"
 export type LibOverlays = keyof typeof designTokens.overlays
 export type LibAllColorsAndOverlays =
-    | keyof typeof designTokens.libColors
-    | keyof typeof designTokens.colorsShort
-    | keyof typeof designTokens.overlays
+	| keyof typeof designTokens.libColors
+	| keyof typeof designTokens.colorsShort
+	| keyof typeof designTokens.overlays
 export type LibFontFamilies = keyof typeof designTokens.fontFamilies
 export type LibFontSizes = keyof typeof designTokens.fontSizes
 export type LibFontWeights = keyof typeof designTokens.fontWeights | number
@@ -32,12 +33,12 @@ export type LibRadiuses = keyof typeof designTokens.radiuses | number
 export type LibTransitions = keyof typeof designTokens.transitions
 export type LibValidationStatus = boolean | undefined
 export type LibThemeNames = keyof typeof designTokens.theme
-export type LibIcon = string | JSX.Element
+export type LibIcon = string | ReactElement
 export type LibInputVariant = keyof typeof designTokens.inputVariants
 export type LibInputBackground = keyof typeof designTokens.inputBackgrounds
 export type LibPositionExtract = Extract<
-    Property.Position,
-    "relative" | "absolute" | "fixed"
+	Property.Position,
+	"relative" | "absolute" | "fixed"
 >
 
 /* Component base */
@@ -47,9 +48,9 @@ export type LibPositionExtract = Extract<
  * @prop as?: ElementType
  */
 export interface LibComponentBase<T> extends HTMLAttributes<T> {
-    "data-testid"?: string
-    as?: ElementType
-    ref?: Ref<T>
+	"data-testid"?: string
+	as?: ElementType
+	ref?: Ref<T>
 }
 
 /* Box shadow */
@@ -59,12 +60,12 @@ export interface LibComponentBase<T> extends HTMLAttributes<T> {
  * @type { default: "xxl" | "xl" | "l" | "m" | "s" | "xs"; hover: "xxl" | "xl" | "l" | "m" | "s" | "xs"; active: "xxl" | "xl" | "l" | "m" | "s" | "xs" }
  */
 export type ILibBoxShadow =
-    | LibShadows
-    | {
-          default: LibShadows
-          hover: LibShadows
-          active: LibShadows
-      }
+	| LibShadows
+	| {
+			default: LibShadows
+			hover: LibShadows
+			active: LibShadows
+	  }
 
 /* Border radius */
 /**
@@ -73,15 +74,15 @@ export type ILibBoxShadow =
  * @type { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }
  */
 export type ILibRadius =
-    | LibRadiuses
-    | number
-    | null
-    | {
-          topLeft?: LibRadiuses | number | null
-          topRight?: LibRadiuses | number | null
-          bottomLeft?: LibRadiuses | number | null
-          bottomRight?: LibRadiuses | number | null
-      }
+	| LibRadiuses
+	| number
+	| null
+	| {
+			topLeft?: LibRadiuses | number | null
+			topRight?: LibRadiuses | number | null
+			bottomLeft?: LibRadiuses | number | null
+			bottomRight?: LibRadiuses | number | null
+	  }
 
 /* Padding */
 /**
@@ -90,15 +91,15 @@ export type ILibRadius =
  * @type { left?: LibSpacers | "auto"; top?: LibSpacers | "auto"; right?: LibSpacers | "auto"; bottom?: LibSpacers | "auto"; leftRight?: LibSpacers | "auto"; topBottom?: LibSpacers | "auto" }
  */
 export type ILibPadding =
-    | LibSpacers
-    | {
-          left?: LibSpacers | "auto"
-          top?: LibSpacers | "auto"
-          right?: LibSpacers | "auto"
-          bottom?: LibSpacers | "auto"
-          leftRight?: LibSpacers | "auto"
-          topBottom?: LibSpacers | "auto"
-      }
+	| LibSpacers
+	| {
+			left?: LibSpacers | "auto"
+			top?: LibSpacers | "auto"
+			right?: LibSpacers | "auto"
+			bottom?: LibSpacers | "auto"
+			leftRight?: LibSpacers | "auto"
+			topBottom?: LibSpacers | "auto"
+	  }
 
 /* Margins */
 /**
@@ -107,18 +108,18 @@ export type ILibPadding =
  * @type { left?: LibSpacers | "auto"; top?: LibSpacers | "auto"; right?: LibSpacers | "auto"; bottom?: LibSpacers | "auto"; leftRight?: LibSpacers | "auto"; topBottom?: LibSpacers | "auto" }
  */
 export type ILibMargin =
-    | LibSpacers
-    | undefined
-    | "auto"
-    | "0 auto"
-    | {
-          left?: LibSpacers | "auto"
-          top?: LibSpacers | "auto"
-          right?: LibSpacers | "auto"
-          bottom?: LibSpacers | "auto"
-          leftRight?: LibSpacers | "auto"
-          topBottom?: LibSpacers | "auto"
-      }
+	| LibSpacers
+	| undefined
+	| "auto"
+	| "0 auto"
+	| {
+			left?: LibSpacers | "auto"
+			top?: LibSpacers | "auto"
+			right?: LibSpacers | "auto"
+			bottom?: LibSpacers | "auto"
+			leftRight?: LibSpacers | "auto"
+			topBottom?: LibSpacers | "auto"
+	  }
 
 /* Border */
 /**
@@ -128,9 +129,9 @@ export type ILibMargin =
  * @prop color?: Any color from the library
  */
 export type ILibBorder = {
-    style?: CssBorderStyle
-    width?: LibSpacers
-    color?: LibAllColors
+	style?: CssBorderStyle
+	width?: LibSpacers
+	color?: LibAllColors
 }
 
 /* Outline */
@@ -141,9 +142,9 @@ export type ILibBorder = {
  * @prop color?: Any color from the library
  */
 export type ILibOutline = {
-    style?: CssOutlineStyle
-    width?: LibSpacers
-    color?: LibAllColors
+	style?: CssOutlineStyle
+	width?: LibSpacers
+	color?: LibAllColors
 }
 
 /* Position */
@@ -156,12 +157,12 @@ export type ILibOutline = {
  * @prop bottom?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
  */
 export interface ILibPosition {
-    position?: LibPositionExtract
-    left?: LibSpacers
-    top?: LibSpacers
-    right?: LibSpacers
-    bottom?: LibSpacers
-    zIndex?: number
+	position?: LibPositionExtract
+	left?: LibSpacers
+	top?: LibSpacers
+	right?: LibSpacers
+	bottom?: LibSpacers
+	zIndex?: number
 }
 
 /* Links & buttons */
@@ -199,24 +200,24 @@ export type LibLinkBlank = LibLink & { blank?: boolean }
 export type LibLinkBlankRequired = LibLinkRequired & { blank?: boolean }
 
 type LibButtonLinkClick = {
-    onClick?: MouseEventHandler<HTMLButtonElement>
-    disabled?: boolean
-    to?: never
-    href?: never
+	onClick?: MouseEventHandler<HTMLButtonElement>
+	disabled?: boolean
+	to?: never
+	href?: never
 }
 
 type LibButtonLinkTo = {
-    onClick?: never
-    disabled?: never
-    to?: string | "prev"
-    href?: never
+	onClick?: never
+	disabled?: never
+	to?: string | "prev"
+	href?: never
 }
 
 type LibButtonLinkHref = {
-    onClick?: never
-    disabled?: never
-    to?: never
-    href?: string
+	onClick?: never
+	disabled?: never
+	to?: never
+	href?: string
 }
 
 /**
@@ -227,9 +228,9 @@ type LibButtonLinkHref = {
  * @prop href?: string => only if onClick and to are not defined
  */
 export type LibButtonLink =
-    | LibButtonLinkClick
-    | LibButtonLinkTo
-    | LibButtonLinkHref
+	| LibButtonLinkClick
+	| LibButtonLinkTo
+	| LibButtonLinkHref
 
 /**
  * @description Props for buttons and links, onClick, to or href are required
@@ -239,8 +240,8 @@ export type LibButtonLink =
  * @prop href?: string => only if onClick and to are not defined
  */
 export type LibButtonLinkRequired = RequireAtLeastOne<
-    LibButtonLink,
-    "onClick" | "to" | "href"
+	LibButtonLink,
+	"onClick" | "to" | "href"
 >
 
 /**
@@ -252,9 +253,9 @@ export type LibButtonLinkRequired = RequireAtLeastOne<
  * @prop blank?: boolean => only if to or href are defined
  */
 export type LibButtonLinkBlank =
-    | (LibButtonLinkClick & { blank?: never })
-    | (LibButtonLinkTo & { blank?: boolean })
-    | (LibButtonLinkHref & { blank?: boolean })
+	| (LibButtonLinkClick & { blank?: never })
+	| (LibButtonLinkTo & { blank?: boolean })
+	| (LibButtonLinkHref & { blank?: boolean })
 
 /**
  * @description Props for buttons and links, onClick, to or href are required
@@ -265,8 +266,8 @@ export type LibButtonLinkBlank =
  * @prop blank?: boolean => only if to or href are defined
  */
 export type LibButtonLinkBlankRequired = RequireAtLeastOne<
-    LibButtonLinkBlank,
-    "to" | "href" | "onClick"
+	LibButtonLinkBlank,
+	"to" | "href" | "onClick"
 >
 
 /* useTranslation hook */
@@ -275,9 +276,9 @@ export type LibButtonLinkBlankRequired = RequireAtLeastOne<
  * @prop [language: string]: { [key: string]: string }
  */
 export type TranslateLang = {
-    [language: string]: {
-        [key: string]: string
-    }
+	[language: string]: {
+		[key: string]: string
+	}
 }
 
 /* BackgroundImage */
@@ -291,12 +292,12 @@ export type TranslateLang = {
  * @prop size?: CssBackgroundSize
  */
 export interface ILibBackgroundImage {
-    img: string
-    clip?: Property.BackgroundClip
-    origin?: Property.BackgroundOrigin
-    position?: Property.BackgroundPosition
-    repeat?: Property.BackgroundRepeat
-    size?: Property.BackgroundSize
+	img: string
+	clip?: Property.BackgroundClip
+	origin?: Property.BackgroundOrigin
+	position?: Property.BackgroundPosition
+	repeat?: Property.BackgroundRepeat
+	size?: Property.BackgroundSize
 }
 
 /* Input phone */
@@ -308,19 +309,19 @@ export interface ILibBackgroundImage {
  * @prop flag: string
  */
 export type LibCountry = {
-    name: string
-    dial_code: string
-    code: CountryCode
-    flag: string
+	name: string
+	dial_code: string
+	code: CountryCode
+	flag: string
 }
 
 /* BackToTop */
 export interface LibBackToTopPosition {
-    left?: LibSpacers | "unset"
-    top?: LibSpacers | "unset"
-    right?: LibSpacers | "unset"
-    bottom?: LibSpacers | "unset"
-    zIndex?: number
+	left?: LibSpacers | "unset"
+	top?: LibSpacers | "unset"
+	right?: LibSpacers | "unset"
+	bottom?: LibSpacers | "unset"
+	zIndex?: number
 }
 
 /**
@@ -330,9 +331,9 @@ export interface LibBackToTopPosition {
  * @prop toggleTheme: () => void
  */
 export interface ILibThemeContext {
-    theme: DefaultTheme
-    selectedTheme: LibThemeNames | undefined
-    toggleTheme: () => void
+	theme: DefaultTheme
+	selectedTheme: LibThemeNames | undefined
+	toggleTheme: () => void
 }
 
 export type ReactChildren = ReactNode | Array<ReactNode>
@@ -358,20 +359,20 @@ export type LibMainSize = keyof typeof designTokens.mainSizes | number
 export type LibAsideSize = keyof typeof designTokens.asideSizes | number
 export type LibAccordionVariant = keyof typeof designTokens.accordionVariants
 export type LibAccordionIcon =
-    | keyof typeof designTokens.accordionIcons
-    | JSX.Element
+	| keyof typeof designTokens.accordionIcons
+	| ReactElement
 export type LibAvatarBadgePosition =
-    keyof typeof designTokens.avatarBadgePosition
+	keyof typeof designTokens.avatarBadgePosition
 export type LibBreadcrumbSeparator =
-    | keyof typeof designTokens.breadcrumbSeparators
-    | JSX.Element
+	| keyof typeof designTokens.breadcrumbSeparators
+	| ReactElement
 export type LibButtonIconVariant = Extract<
-    LibButtonVariant,
-    "plain" | "transparent" | "ghost"
+	LibButtonVariant,
+	"plain" | "transparent" | "ghost"
 >
 export type LibImageBackgroundOverlay = Exclude<
-    LibAllColorsAndOverlays,
-    "gradient-black" | "gradient-white"
+	LibAllColorsAndOverlays,
+	"gradient-black" | "gradient-white"
 >
 export type LibInputType = keyof typeof designTokens.inputTypes
 export type LibInputCheckVariant = keyof typeof designTokens.checkInputVariants
@@ -383,20 +384,20 @@ export type LibTextDisplayTag = keyof typeof designTokens.textDisplayTags
 export type LibTextTag = keyof typeof designTokens.textTags
 export type LibTextAllTag = LibTextDisplayTag | LibTextTag
 export type LibTextIconTag = Exclude<
-    LibTextAllTag,
-    "strong" | "em" | "ul" | "ol" | "dl"
+	LibTextAllTag,
+	"strong" | "em" | "ul" | "ol" | "dl"
 >
 export type LibTooltipTrigger = keyof typeof designTokens.tooltipTriggers
 export type LibTabVariant = keyof typeof designTokens.tabsVariants
 export type LibTabJustify = keyof typeof designTokens.tabsJustify
 export type LibSlideshowPagination =
-    keyof typeof designTokens.slideshowPagination
+	keyof typeof designTokens.slideshowPagination
 export type LibSlideshowPaginationPosition =
-    keyof typeof designTokens.slideshowPaginationPosition
+	keyof typeof designTokens.slideshowPaginationPosition
 export type LibSlideshowButtonPosition =
-    keyof typeof designTokens.slideshowButtonsPositions
+	keyof typeof designTokens.slideshowButtonsPositions
 export type LibSlideshowButtonSize =
-    keyof typeof designTokens.slideshowButtonsSizes
+	keyof typeof designTokens.slideshowButtonsSizes
 export type LibTableVariant = keyof typeof designTokens.tableVariants
 export type LibMessageType = keyof typeof designTokens.messageType
 export type LibMdEditorEditor = keyof typeof designTokens.markdownEditorEditor
@@ -412,24 +413,24 @@ export type LibIconMenuPosition = LibPositionExtract
 export type LibToastStatus = keyof typeof designTokens.toastStatus
 export type LibToasterPosition = keyof typeof designTokens.toasterPositions
 export type LibInputListDirection =
-    keyof typeof designTokens.listInputDirections
+	keyof typeof designTokens.listInputDirections
 export type LibButtonVariant = keyof typeof designTokens.buttonVariants
 export type LibButtonSize = keyof typeof designTokens.buttonSizes
 export type LibTooltipPosition = keyof typeof designTokens.tooltipPositions
 export type CountryCode = keyof typeof designTokens.countryCodes
 export type LibFooterDirection = keyof typeof designTokens.footerDirections
 export type LibFooterLinksSeparator = keyof typeof designTokens.footerSeparators
-export type LibInputPrefixAndSuffix = string | JSX.Element
+export type LibInputPrefixAndSuffix = string | ReactElement
 export type LibButtonGroupToggleSelect =
-    keyof typeof designTokens.buttonGroupToggleSelects
+	keyof typeof designTokens.buttonGroupToggleSelects
 export type LibValueInputPin = { [n: number]: number | "" | undefined }
 export type LibDrawerPosition = keyof typeof designTokens.drawerPositions
 export type LibPageLayoutTemplate =
-    keyof typeof designTokens.pageLayoutTemplates
+	keyof typeof designTokens.pageLayoutTemplates
 export type LibTimepickerSteps = keyof typeof designTokens.timepickerSteps
 export type LibTimepickerHours = keyof typeof designTokens.hours
 export type LibTimepickerHalfTimes = keyof typeof designTokens.halfHours
 export type LibTimepickerQuarterTimes = keyof typeof designTokens.quarterHours
 export type LibTimepickerMinutes = keyof typeof designTokens.minutes
 export type LibMessagingDateFormat =
-    keyof typeof designTokens.messagingDateFormats
+	keyof typeof designTokens.messagingDateFormats

package/dist/lib/types/index.ts

@@ -1,4 +1,3 @@
-export * from "./design-tokens"
 export * from "./global"
 export * from "./require-at-least-one"
 export * from "./component-items"

package/license.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Julien Sebag
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@julseb-lib/react",
-	"version": "0.0.87",
+	"version": "0.0.89",
 	"type": "module",
 	"license": "MIT",
 	"scripts": {