@julseb-lib/react 0.0.13 → 0.0.19

package/dist/lib/components/InputSlider/styles.tsx

@@ -1,7 +1,7 @@
 /*=============================================== InputSlider styles ===============================================*/
 
 import styled, { css } from "styled-components"
-import { getPercentage } from "ts-utils-julseb"
+import { getPercentage } from "@julseb-lib/utils"
 import {
     BREAKPOINTS,
     OVERLAYS,

package/dist/lib/components/LibIcon/LibIcon.tsx

@@ -12,14 +12,14 @@ import type { ILibLibIcon } from "./types"
  * @prop color?: Any color from the library
  * @prop className?: string
  */
-export function LibIcon({
+export const LibIcon = ({
     "data-testid": testid,
     icon,
     size,
     color,
     className,
     baseUrl,
-}: ILibLibIcon) {
+}: ILibLibIcon) => {
     if (typeof icon !== "string") return icon
 
     return (

package/dist/lib/components/Linkify/Linkify.tsx

@@ -1,7 +1,7 @@
 /*=============================================== Linkify component ===============================================*/
 
 import { forwardRef, Fragment } from "react"
-import { uuid } from "ts-utils-julseb"
+import { uuid } from "@julseb-lib/utils"
 import { Text } from "../../"
 import type { ILibLinkify } from "./types"
 

package/dist/lib/components/ListGroup/ListGroup.tsx

@@ -2,7 +2,7 @@
 
 import { forwardRef, useRef } from "react"
 import classNames from "classnames"
-import { uuid } from "ts-utils-julseb"
+import { uuid } from "@julseb-lib/utils"
 import { useMergeRefs } from "../../hooks"
 import { ListGroupTitle } from "./ListGroupTitle"
 import { ListGroupItem } from "./ListGroupItem"

package/dist/lib/components/ListGroup/styles.tsx

@@ -1,7 +1,7 @@
 /*=============================================== ListGroup styles ===============================================*/
 
 import styled, { css } from "styled-components"
-import { stringifyPx } from "ts-utils-julseb"
+import { stringifyPx } from "@julseb-lib/utils"
 import {
     BREAKPOINTS,
     FONT_SIZES,

package/dist/lib/components/Loader/styles.tsx

@@ -1,7 +1,7 @@
 /*=============================================== Loader styles ===============================================*/
 
 import styled, { css, keyframes } from "styled-components"
-import { stringifyPx } from "ts-utils-julseb"
+import { stringifyPx } from "@julseb-lib/utils"
 import { Mixins, RADIUSES, setDefaultTheme } from "../../"
 import type { LibAllColors } from "../../types"
 

package/dist/lib/components/Main/styles.tsx

@@ -1,7 +1,7 @@
 /*=============================================== Main styles ===============================================*/
 
 import styled, { css } from "styled-components"
-import { stringifyPx } from "ts-utils-julseb"
+import { stringifyPx } from "@julseb-lib/utils"
 import { setDefaultTheme, Mixins, BREAKPOINTS, SPACERS, LAYOUTS } from "../../"
 import type { LibMainSize } from "../../types"
 

package/dist/lib/components/MarkdownEditor/MarkdownEditor.tsx

@@ -29,7 +29,7 @@ import type { ILibMarkdownEditor } from "./types"
  * @prop label?: string
  * @prop labelComment?: string
  * @prop helper?: string
- * @prop helperBottom?: string | { text: string; textColor?: Any color from the library; fontStyle?: CssFontStyle; icon?: string | JSX.Element; iconColor?: Any color from the library; iconSize?: number }
+ * @prop helperBottom?: string | { text: string => only if element is not defined; element: ReactChildren => only if text is not defined; textColor?: Any color from the library; fontStyle?: CssFontStyle; icon?: string | JSX.Element; iconColor?: Any color from the library; iconSize?: number }
  * @prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }
  * @prop iconBaseUrl?: string
  * @prop inputBackground?: "light" | "dark"

package/dist/lib/components/MarkdownEditor/MdEditorButtons/EditorButtonTitles.tsx

@@ -6,14 +6,14 @@ import { mdTitlesButtons } from "../markdown-buttons"
 import { TitlesDropdown, TitleDropdownItem } from "../styles"
 import type { ILibMarkdownEditorTitles } from "../subtypes"
 
-export function EditorButtonTitles({
+export const EditorButtonTitles = ({
     "data-testid": testid,
     showButtons,
     className,
     textButtonTitles,
     inputRef,
     addCode,
-}: ILibMarkdownEditorTitles) {
+}: ILibMarkdownEditorTitles) => {
     const [isTextOpen, setIsTextOpen] = useState(false)
 
     if (showButtons?.titles === false) return null

package/dist/lib/components/MarkdownEditor/MdEditorButtons/EditorButtons.tsx

@@ -1,14 +1,14 @@
 /*=============================================== EditorButtons component ===============================================*/
 
 import classNames from "classnames"
-import { uuid, toSentenceCase } from "ts-utils-julseb"
+import { uuid, toSentenceCase } from "@julseb-lib/utils"
 import { Flexbox } from "../../../"
 import type { LibMdEditorEditor } from "../../../types"
 import { mdEditorButtons } from "../markdown-buttons"
 import { IconButton } from "../styles"
 import type { ILibMdEditorButtons } from "../subtypes"
 
-export function EditorButtons({
+export const EditorButtons = ({
     "data-testid": testid,
     className,
     showButtons,
@@ -17,7 +17,7 @@ export function EditorButtons({
     iconsBaseUrl,
     editor,
     setEditor,
-}: ILibMdEditorButtons) {
+}: ILibMdEditorButtons) => {
     return (
         <Flexbox
             data-testid={

package/dist/lib/components/MarkdownEditor/MdEditorButtons/MarkdownButtons.tsx

@@ -1,6 +1,6 @@
 /*=============================================== MarkdownButtons component ===============================================*/
 
-import { uuid, toSentenceCase } from "ts-utils-julseb"
+import { uuid, toSentenceCase } from "@julseb-lib/utils"
 import { roundIconSize } from "../../../lib-utils"
 import { mdButtons } from "../markdown-buttons"
 import { IconButton } from "../styles"

package/dist/lib/components/Masonry/Masonry.tsx

@@ -1,7 +1,7 @@
 /*=============================================== Masonry component ===============================================*/
 
 import { forwardRef, useEffect, useRef, useState, useCallback } from "react"
-import { uuid } from "ts-utils-julseb"
+import { uuid } from "@julseb-lib/utils"
 import { useMergeRefs } from "../../"
 import { useEventListener, fillCols } from "./utils"
 import { StyledMasonry, Col } from "./styles"

package/dist/lib/components/Messaging/Message.tsx

@@ -7,7 +7,7 @@ import {
     convertDate,
     getYesterday,
     capitalize,
-} from "ts-utils-julseb"
+} from "@julseb-lib/utils"
 import { Flexbox, Text, linkifyText } from "../../"
 import { StyledMessage } from "./styles"
 import type { ILibMessage } from "./types"

package/dist/lib/components/Messaging/Messaging.tsx

@@ -1,7 +1,7 @@
 /*=============================================== Messaging component ===============================================*/
 
 import { forwardRef, useState } from "react"
-import { getToday, uuid, stringifyPx } from "ts-utils-julseb"
+import { getToday, uuid, stringifyPx } from "@julseb-lib/utils"
 import { Hr } from "../../"
 import { appendStyles } from "../../lib-utils"
 import { MessagesContainer } from "./MessagesContainer"

package/dist/lib/components/Modal/Modal.tsx

@@ -2,7 +2,7 @@
 
 import { forwardRef, useCallback, useRef } from "react"
 import classNames from "classnames"
-import { enableScroll, getRandomString, stringifyPx } from "ts-utils-julseb"
+import { enableScroll, getRandomString, stringifyPx } from "@julseb-lib/utils"
 import { useKeyPress, useClickOutside } from "../../"
 import { roundIconSize, appendStyles } from "../../lib-utils"
 import { Close } from "../../icons"

package/dist/lib/components/PageLayout/PageLayout.tsx

@@ -27,7 +27,7 @@ import type { ILibPageLayout } from "./types"
  * @prop main?: ILibMain => imported from Main component, only if template is set to single
  * @prop mainMinHeight?: string | number => only if template is set to single
  */
-export function PageLayout({
+export const PageLayout = ({
     children,
     isLoading,
     pageLoading,
@@ -40,7 +40,7 @@ export function PageLayout({
     template = "single",
     main,
     mainMinHeight = "85vh",
-}: ILibPageLayout) {
+}: ILibPageLayout) => {
     return (
         <>
             {helmet && (

package/dist/lib/components/PageLoading/PageLoading.tsx

@@ -1,7 +1,7 @@
 /*=============================================== PageLoading component ===============================================*/
 
 import { forwardRef, useEffect } from "react"
-import { disableScroll } from "ts-utils-julseb"
+import { disableScroll } from "@julseb-lib/utils"
 import { Loader } from "../../"
 import { StyledPageLoading } from "./styles"
 import type { ILibPageLoading } from "./types"

package/dist/lib/components/ProgressBar/ProgressBar.tsx

@@ -2,7 +2,7 @@
 
 import { forwardRef } from "react"
 import classNames from "classnames"
-import { getPercentage, getRandomString } from "ts-utils-julseb"
+import { getPercentage, getRandomString } from "@julseb-lib/utils"
 import { appendStyles } from "../../lib-utils"
 import { StyledProgressBar } from "./styles"
 import type { ILibProgressBar } from "./types"

package/dist/lib/components/ProgressCircle/Circle.tsx

@@ -4,12 +4,12 @@ import classNames from "classnames"
 import { StyledCircle } from "./styles"
 import type { ILibProgressCircle } from "./types"
 
-export function Circle({
+export const Circle = ({
     className,
     value,
     color = "primary",
     noAnimation,
-}: ILibProgressCircle) {
+}: ILibProgressCircle) => {
     const r = 70
     const circ = 2 * Math.PI * r
     const strokePct = ((100 - value) * circ) / 100

package/dist/lib/components/ProgressCircle/Value.tsx

@@ -4,12 +4,12 @@ import { SrOnly } from "../../"
 import { Value as StyledValue } from "./styles"
 import type { ILibProgressCircleValue } from "./subtypes"
 
-export function Value({
+export const Value = ({
     "data-testid": testid,
     className,
     showValue,
     value,
-}: ILibProgressCircleValue) {
+}: ILibProgressCircleValue) => {
     if (!showValue)
         return (
             <SrOnly

package/dist/lib/components/Rating/Rating.tsx

@@ -1,7 +1,7 @@
 /*=============================================== Rating component ===============================================*/
 
 import { forwardRef, useCallback } from "react"
-import { generateNumbers } from "ts-utils-julseb"
+import { generateNumbers } from "@julseb-lib/utils"
 import { Flexbox } from "../../"
 import { roundIconSize } from "../../lib-utils"
 import { InputContainer } from "../InputComponents"
@@ -24,7 +24,7 @@ import type { ILibRating } from "./types"
  * @prop label?: string
  * @prop labelComment?: string
  * @prop helper?: string
- * @prop helperBottom?: string | { text: string; textColor?: Any color from the library; fontStyle?: CssFontStyle; icon?: string | JSX.Element; iconColor?: Any color from the library; iconSize?: number }
+ * @prop helperBottom?: string | { text: string => only if element is not defined; element: ReactChildren => only if text is not defined; textColor?: Any color from the library; fontStyle?: CssFontStyle; icon?: string | JSX.Element; iconColor?: Any color from the library; iconSize?: number }
  * @prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }
  * @prop iconBaseUrl?: string
  * @prop containerStyle?: CSSProperties

package/dist/lib/components/ResetScroll/ResetScroll.tsx

@@ -7,7 +7,7 @@ import { useLocation } from "react-router-dom"
  * @description Scrolls to the top of the page every time the path changes, add it in your PageLayout
  * @link https://documentation-components-react.vercel.app/helpers/reset-scroll
  */
-export function ResetScroll() {
+export const ResetScroll = () => {
     const { pathname, search } = useLocation()
 
     useEffect(() => {

package/dist/lib/components/Select/Select.tsx

@@ -39,7 +39,7 @@ import type { ILibSelectButton } from "./subtypes"
  * @prop label?: string
  * @prop labelComment?: string
  * @prop helper?: string
- * @prop helperBottom?: string | { text: string; textColor?: Any color from the library; fontStyle?: CssFontStyle; icon?: string | JSX.Element; iconColor?: Any color from the library; iconSize?: number }
+ * @prop helperBottom?: string | { text: string => only if element is not defined; element: ReactChildren => only if text is not defined; textColor?: Any color from the library; fontStyle?: CssFontStyle; icon?: string | JSX.Element; iconColor?: Any color from the library; iconSize?: number }
  * @prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }
  * @prop iconBaseUrl?: string
  * @prop inputBackground?: "light" | "dark"

package/dist/lib/components/Skeleton/styles.tsx

@@ -1,7 +1,7 @@
 /*=============================================== Skeleton styles ===============================================*/
 
 import styled, { css, keyframes } from "styled-components"
-import { stringifyPx } from "ts-utils-julseb"
+import { stringifyPx } from "@julseb-lib/utils"
 import { setDefaultTheme, Flexbox, Mixins } from "../../"
 import type { ILibBorder, ILibPadding, LibSkeletonAnimation } from "../../types"
 import type { ILibSkeletonCommonStyles } from "./subtypes"

package/dist/lib/components/Slideshow/Slideshow.tsx

@@ -1,7 +1,7 @@
 /*=============================================== Slideshow component ===============================================*/
 
 import { forwardRef, useState, useCallback, useEffect } from "react"
-import { uuid } from "ts-utils-julseb"
+import { uuid } from "@julseb-lib/utils"
 import { Image } from "../../"
 import { SlideshowButton } from "./SlideshowButton"
 import { SlideshowPagination } from "./SlideshowPagination"

package/dist/lib/components/Slideshow/SlideshowButton.tsx

@@ -8,13 +8,13 @@ import type { ILibSlideshowButton } from "./subtypes"
 const DEFAULT_ICON_SIZE_SMALL = 24
 const DEFAULT_ICON_SIZE_LARGE = 32
 
-export function SlideshowButton({
+export const SlideshowButton = ({
     "data-testid": testid,
     className,
     onClick,
     position,
     controls,
-}: ILibSlideshowButton) {
+}: ILibSlideshowButton) => {
     const {
         "data-testid": controlTestid,
         className: controlClassName,

package/dist/lib/components/Slideshow/SlideshowPagination.tsx

@@ -1,7 +1,7 @@
 /*=============================================== SlideshowNav ===============================================*/
 
 import classNames from "classnames"
-import { uuid, generateNumbers } from "ts-utils-julseb"
+import { uuid, generateNumbers } from "@julseb-lib/utils"
 import { Image } from "../.."
 import {
     SlideshowThumbnail,
@@ -10,7 +10,7 @@ import {
 } from "./styles"
 import type { ILibSlideshowPagination } from "./subtypes"
 
-export function SlideshowPagination({
+export const SlideshowPagination = ({
     "data-testid": testid,
     className,
     pagination,
@@ -18,7 +18,7 @@ export function SlideshowPagination({
     setActive,
     contentLength,
     activeSlide,
-}: ILibSlideshowPagination) {
+}: ILibSlideshowPagination) => {
     const {
         position = "outside",
         hideOnTouch,

package/dist/lib/components/Slideshow/styles.tsx

@@ -1,7 +1,7 @@
 /*=============================================== Slideshow styles ===============================================*/
 
 import styled, { css } from "styled-components"
-import { stringifyPx } from "ts-utils-julseb"
+import { stringifyPx } from "@julseb-lib/utils"
 import {
     setDefaultTheme,
     Mixins,

package/dist/lib/components/Stepper/Stepper.tsx

@@ -1,7 +1,7 @@
 /*=============================================== Stepper component ===============================================*/
 
 import { forwardRef } from "react"
-import { uuid } from "ts-utils-julseb"
+import { uuid } from "@julseb-lib/utils"
 import { Step } from "./Step"
 import { StyledStepper } from "./styles"
 import type { ILibStepper } from "./types"

package/dist/lib/components/Table/Table.tsx

@@ -1,7 +1,7 @@
 /*=============================================== Table component ===============================================*/
 
 import { forwardRef } from "react"
-import { uuid } from "ts-utils-julseb"
+import { uuid } from "@julseb-lib/utils"
 import { Linkify } from "../../"
 import { THead } from "./THead"
 import { TBody } from "./TBody"

package/dist/lib/components/Tabs/Tabs.tsx

@@ -2,7 +2,7 @@
 
 import { forwardRef, useState } from "react"
 import { useSearchParams } from "react-router-dom"
-import { uuid } from "ts-utils-julseb"
+import { uuid } from "@julseb-lib/utils"
 import { Text } from "../../"
 import { TabsContainer } from "./TabsContainer"
 import { TabsButtonsContainer } from "./TabsButtonsContainer"

package/dist/lib/components/TextIcon/styles.tsx

@@ -1,7 +1,7 @@
 /*=============================================== TextIcon styles ===============================================*/
 
 import styled from "styled-components"
-import { stringifyPx } from "ts-utils-julseb"
+import { stringifyPx } from "@julseb-lib/utils"
 import { Mixins, setDefaultTheme } from "../../"
 import { getIconHeight } from "./utils"
 import type { LibSpacers, LibTextIconTag } from "../../types"

package/dist/lib/components/Timepicker/Timepicker.tsx

@@ -41,7 +41,7 @@ import type { ILibTimepicker } from "./types"
  * @prop label?: string
  * @prop labelComment?: string
  * @prop helper?: string
- * @prop helperBottom?: string | { text: string; textColor?: Any color from the library; fontStyle?: CssFontStyle; icon?: string | JSX.Element; iconColor?: Any color from the library; iconSize?: number }
+ * @prop helperBottom?: string | { text: string => only if element is not defined; element: ReactChildren => only if text is not defined; textColor?: Any color from the library; fontStyle?: CssFontStyle; icon?: string | JSX.Element; iconColor?: Any color from the library; iconSize?: number }
  * @prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }
  * @prop iconBaseUrl?: string
  * @prop inputBackground?: "light" | "dark"

package/dist/lib/components/Toast/Toast.tsx

@@ -2,7 +2,7 @@
 
 import { forwardRef, useEffect, useCallback, useRef, useState } from "react"
 import classNames from "classnames"
-import { uuid } from "ts-utils-julseb"
+import { uuid } from "@julseb-lib/utils"
 import { Text, useToast, useMergeRefs } from "../.."
 import { LibIcon } from "../LibIcon"
 import { Close } from "../../icons"

package/dist/lib/components/Toast/Toaster.tsx

@@ -1,7 +1,7 @@
 /*=============================================== Toaster component ===============================================*/
 
 import { forwardRef } from "react"
-import { uuid } from "ts-utils-julseb"
+import { uuid } from "@julseb-lib/utils"
 import { Loader } from "../Loader"
 import { Toast } from "./Toast"
 import type { LibAllColors } from "../../types"

package/dist/lib/components/Video/styles.tsx

@@ -1,7 +1,7 @@
 /*=============================================== Video styles ===============================================*/
 
 import styled from "styled-components"
-import { stringifyPx } from "ts-utils-julseb"
+import { stringifyPx } from "@julseb-lib/utils"
 import { setDefaultTheme } from "../../"
 import type { CssObjectFit } from "../../types"
 

package/dist/lib/components/Youtube/Youtube.tsx

@@ -1,7 +1,7 @@
 /*=============================================== Youtube component ===============================================*/
 
 import { forwardRef } from "react"
-import { convertYoutube } from "ts-utils-julseb"
+import { convertYoutube } from "@julseb-lib/utils"
 import { StyledYoutube } from "./styles"
 import type { ILibYoutube } from "./types"
 

package/dist/lib/components/Youtube/styles.tsx

@@ -1,7 +1,7 @@
 /*=============================================== Youtube styles ===============================================*/
 
 import styled from "styled-components"
-import { stringifyPx } from "ts-utils-julseb"
+import { stringifyPx } from "@julseb-lib/utils"
 import { setDefaultTheme } from "../../"
 
 const StyledYoutube = styled.iframe<{

package/dist/lib/hooks/usePagination.tsx

@@ -2,7 +2,7 @@
 
 import { useCallback } from "react"
 import { useSearchParams } from "react-router-dom"
-import { scrollToTop } from "ts-utils-julseb"
+import { scrollToTop } from "@julseb-lib/utils"
 import type { DispatchState } from "../types"
 
 interface ILibUsePaginationNavigation {

package/dist/lib/hooks/useTranslation.tsx

@@ -1,7 +1,7 @@
 /*=============================================== useTranslation ===============================================*/
 
 import { useState, useEffect } from "react"
-import { detectLanguage } from "ts-utils-julseb"
+import { detectLanguage } from "@julseb-lib/utils"
 import type { TranslateLang } from "../types"
 
 let currentLanguage = detectLanguage() || "en"

package/dist/lib/index.ts

@@ -24,6 +24,7 @@ export {
     formatHour,
     generateNumbers,
     getFirstName,
+    getInitials,
     getLastName,
     getPercentage,
     getRandom,
@@ -55,7 +56,7 @@ export {
     toTitleCase,
     unslugify,
     uuid,
-} from "ts-utils-julseb"
+} from "@julseb-lib/utils"
 
 export * from "./Variables"
 export * from "./Mixins"

package/dist/lib/lib-utils/get-highlighted-text.tsx

@@ -1,7 +1,7 @@
 /*=============================================== GetHighlightedText ===============================================*/
 
 import { Fragment, type CSSProperties } from "react"
-import { uuid, slugify } from "ts-utils-julseb"
+import { uuid, slugify } from "@julseb-lib/utils"
 import { Text } from ".."
 import type { ReactChildren } from "../types"
 

package/dist/lib/types/component-items.ts

@@ -10,6 +10,7 @@ import type {
     LibToastStatus,
     ReactChildren,
     LibMessageType,
+    CssFontStyle,
 } from "./"
 
 /*====================== Base ======================*/
@@ -512,3 +513,30 @@ export type LibDragListItem =
     | DragListItemWithContentAndBadge
     | DragListItemWithContentAndDate
     | DragListItemWithElement
+
+/*====================== HelperBottom ======================*/
+
+interface HelperBottomWithText {
+    text: string
+    textColor?: LibAllColors
+    fontStyle?: CssFontStyle
+    icon?: LibIcon
+    iconColor?: LibAllColors
+    iconSize?: number
+    element?: never
+}
+
+interface HelperBottomWithElement {
+    text?: never
+    textColor?: never
+    fontStyle?: never
+    icon?: never
+    iconColor?: never
+    iconSize?: never
+    element: ReactChildren
+}
+
+export type LibHelperBottom =
+    | string
+    | HelperBottomWithText
+    | HelperBottomWithElement

package/dist/lib/utils/linkify-text.tsx

@@ -1,7 +1,7 @@
 /*=============================================== Linkify text ===============================================*/
 
 import { Fragment } from "react"
-import { uuid } from "ts-utils-julseb"
+import { uuid } from "@julseb-lib/utils"
 
 export const URL_REGEX =
     /^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/gm

package/dist/{styles-DM9qlYpR.js → styles-BCSPldCD.js}

@@ -1,5 +1,5 @@
 import i from "styled-components";
-import { stringifyPx as o } from "ts-utils-julseb";
+import { stringifyPx as o } from "@julseb-lib/utils";
 import { setDefaultTheme as e } from "./index.es.js";
 import "react";
 import "react-router-dom";

package/dist/{styles-CVN0uFDU.cjs → styles-CtcGw3Gv.cjs}

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("ts-utils-julseb"),s=require("./index.cjs.js");require("react");require("react-router-dom");const i=r.video`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("@julseb-lib/utils"),o=require("./index.cjs.js");require("react");require("react-router-dom");const i=r.video`
     display: block;
     width: ${({$width:e})=>t.stringifyPx(e)};
     height: ${({$height:e})=>t.stringifyPx(e)};
     object-fit: ${({$fit:e})=>e};
     aspect-ratio: ${({$aspectRatio:e})=>e};
-`;s.setDefaultTheme([i]);exports.default=i;
+`;o.setDefaultTheme([i]);exports.default=i;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@julseb-lib/react",
-    "version": "0.0.13",
+    "version": "0.0.19",
     "type": "module",
     "license": "MIT",
     "scripts": {
@@ -11,7 +11,7 @@
         "copy": "cp ./src/lib/index.css ./dist",
         "copy-lib": "cp -a ./src/lib ./dist && rm -rf ./dist/lib/components/*/__tests__ ./dist/lib/components/*/__preview__",
         "clean": "rm -rf ./dist/icons ./dist/images ./dist/vite.svg ./dist/favicon.svg ./dist/icons-alt",
-        "build-lib": "rm -rf ./dist && mkdir ./dist && tsc && vite build && yarn copy && yarn copy-lib && yarn clean",
+        "build:lib": "rm -rf ./dist && mkdir ./dist && tsc && vite build && yarn copy && yarn copy-lib && yarn clean",
         "cy": "cypress",
         "cy:open": "cypress open",
         "cy:ct:run": "cypress run --component --browser electron",
@@ -24,7 +24,7 @@
         "check-errors": "tsc --noEmit"
     },
     "dependencies": {
-        "@julseb-lib/utils": "^0.0.1",
+        "@julseb-lib/utils": "^0.0.2",
         "classnames": "^2.5.1",
         "fuse.js": "^7.0.0",
         "markdown-to-jsx": "^7.5.0",
@@ -34,8 +34,7 @@
         "react-inlinesvg": "^4.1.3",
         "react-router-dom": "^6.26.1",
         "react-syntax-highlighter": "^15.5.0",
-        "styled-components": "^6.1.12",
-        "ts-utils-julseb": "2.4.5"
+        "styled-components": "^6.1.12"
     },
     "devDependencies": {
         "@eslint/compat": "^1.1.1",