@julseb-lib/react 0.1.47 → 0.1.48

package/dist/index.js

@@ -1351,6 +1351,9 @@ var genVAlign = {
   "align-super": "align-super"
 };
 
+// src/lib/components/Text/Text.tsx
+import "react";
+
 // src/lib/components/Text/templates/H1.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var H1 = (_a) => {
@@ -1946,6 +1949,7 @@ var Text = (_a) => {
 };
 
 // src/lib/components/Table/Table.tsx
+import "react";
 import { uuid as uuid2 } from "@julseb-lib/utils";
 import { jsx as jsx17, jsxs as jsxs2 } from "react/jsx-runtime";
 var Table = (_a) => {
@@ -2703,6 +2707,7 @@ var ThemeProviderWrapper = ({ children }) => {
 var useLibTheme = () => useContext(ThemeContext);
 
 // src/lib/components/Wrapper/Wrapper.tsx
+import "react";
 import { jsx as jsx19 } from "react/jsx-runtime";
 var Wrapper = (_a) => {
   var _b = _a, {
@@ -2758,6 +2763,7 @@ var genMinHeight = {
 };
 
 // src/lib/components/Main/Main.tsx
+import "react";
 import { jsx as jsx20 } from "react/jsx-runtime";
 var Main = (_a) => {
   var _b = _a, {
@@ -2802,6 +2808,7 @@ var maxWidth = {
 };
 
 // src/lib/components/Aside/Aside.tsx
+import "react";
 import { jsx as jsx21 } from "react/jsx-runtime";
 var Aside = (_a) => {
   var _b = _a, {
@@ -2842,6 +2849,7 @@ var asideSize = {
 };
 
 // src/lib/components/Section/Section.tsx
+import "react";
 import { jsx as jsx22 } from "react/jsx-runtime";
 var Section = (_a) => {
   var _b = _a, {
@@ -2875,6 +2883,7 @@ var Section = (_a) => {
 };
 
 // src/lib/components/Grid/Grid.tsx
+import "react";
 import { jsx as jsx23 } from "react/jsx-runtime";
 var Grid = (_a) => {
   var _b = _a, {
@@ -2944,6 +2953,7 @@ var genGridColumns = {
 };
 
 // src/lib/components/Flexbox/Flexbox.tsx
+import "react";
 import { jsx as jsx24 } from "react/jsx-runtime";
 var Flexbox = (_a) => {
   var _b = _a, {
@@ -3079,6 +3089,9 @@ var genBorderBottom = {
   large: "border-b-4"
 };
 
+// src/lib/components/Highlight/Highlight.tsx
+import "react";
+
 // src/lib/lib-utils/get-highlighted-text.tsx
 import { Fragment as Fragment3 } from "react";
 import { uuid as uuid4, slugify } from "@julseb-lib/utils";
@@ -3234,6 +3247,7 @@ var Linkify = (_a) => {
 };
 
 // src/lib/components/Hr/Hr.tsx
+import "react";
 import { jsx as jsx29 } from "react/jsx-runtime";
 var Hr = (_a) => {
   var _b = _a, {
@@ -3269,6 +3283,7 @@ var Hr = (_a) => {
 };
 
 // src/lib/components/Skeleton/Skeleton.tsx
+import "react";
 import { jsx as jsx30 } from "react/jsx-runtime";
 var Skeleton = (_a) => {
   var _b = _a, {
@@ -3496,6 +3511,7 @@ var genPosition = {
 };
 
 // src/lib/components/Image/Image.tsx
+import "react";
 import { jsx as jsx33, jsxs as jsxs6 } from "react/jsx-runtime";
 var Image = (_a) => {
   var _b = _a, {
@@ -3643,6 +3659,7 @@ var Masonry = (_a) => {
 };
 
 // src/lib/components/Badge/Badge.tsx
+import "react";
 import { jsx as jsx35 } from "react/jsx-runtime";
 var Badge = (_a) => {
   var _b = _a, {
@@ -3681,7 +3698,11 @@ var Badge = (_a) => {
   );
 };
 
+// src/lib/components/Avatar/Avatar.tsx
+import "react";
+
 // src/lib/components/Avatar/AvatarFn.tsx
+import "react";
 import { jsx as jsx36 } from "react/jsx-runtime";
 var AvatarFn = (_a) => {
   var _b = _a, {
@@ -3794,6 +3815,12 @@ var Avatar = (_a) => {
   return /* @__PURE__ */ jsx37(AvatarFn, __spreadValues({}, avatarProps));
 };
 
+// src/lib/components/Loader/Loader.tsx
+import "react";
+
+// src/lib/components/Loader/templates/LoaderOne.tsx
+import "react";
+
 // src/lib/components/Loader/utils/gen-border-bottom.ts
 var genBorderBottomColorAll = {
   black: "border-b-black",
@@ -3914,6 +3941,7 @@ var LoaderOne = (_a) => {
 };
 
 // src/lib/components/Loader/templates/LoaderTwo.tsx
+import "react";
 import { jsx as jsx39, jsxs as jsxs8 } from "react/jsx-runtime";
 var SPAN_COMMON = "block absolute w-full h-full border-8 border-transparent rounded-full animate-[spin_1200ms_var(--animate-cubic-bezier)_infinite_var(--spinner-delay)]";
 var LoaderTwo = (_a) => {
@@ -3989,6 +4017,7 @@ var LoaderTwo = (_a) => {
 };
 
 // src/lib/components/Loader/templates/LoaderThree.tsx
+import "react";
 import { jsx as jsx40, jsxs as jsxs9 } from "react/jsx-runtime";
 var LoaderThree = (_a) => {
   var _b = _a, {
@@ -4065,6 +4094,7 @@ var Loader = (_a) => {
 };
 
 // src/lib/components/Burger/Burger.tsx
+import "react";
 import { jsx as jsx42, jsxs as jsxs10 } from "react/jsx-runtime";
 var SPAN_COMMON2 = "left-0 absolute w-full h-0.5 transition-all duration-200 ease-in-out";
 var Burger = (_a) => {
@@ -4160,6 +4190,7 @@ var genHover = {
 };
 
 // src/lib/components/Button/Button.tsx
+import "react";
 import { jsx as jsx43, jsxs as jsxs11 } from "react/jsx-runtime";
 var Button = (_a) => {
   var _b = _a, {
@@ -4240,7 +4271,11 @@ var Button = (_a) => {
   );
 };
 
+// src/lib/components/ButtonIcon/ButtonIcon.tsx
+import "react";
+
 // src/lib/components/ButtonIcon/ButtonFn.tsx
+import "react";
 import { jsx as jsx44 } from "react/jsx-runtime";
 var ButtonIconFn = (_a) => {
   var _b = _a, {
@@ -4467,6 +4502,7 @@ var ButtonGroup = (_a) => {
 };
 
 // src/lib/components/Tag/Tag.tsx
+import "react";
 import { jsx as jsx47 } from "react/jsx-runtime";
 var Tag = (_a) => {
   var _b = _a, {
@@ -4515,6 +4551,7 @@ var Tag = (_a) => {
 };
 
 // src/lib/components/InputContainer/InputContainer.tsx
+import "react";
 import { BiXCircle, BiCheckCircle } from "react-icons/bi";
 import { jsx as jsx48, jsxs as jsxs13 } from "react/jsx-runtime";
 var InputContainer = (_a) => {
@@ -4630,6 +4667,12 @@ var InputContainer = (_a) => {
   );
 };
 
+// src/lib/components/Input/Input.tsx
+import "react";
+
+// src/lib/components/Input/templates/ColorInput.tsx
+import "react";
+
 // src/lib/components/InputComponents/InputValidation.tsx
 import { BiXCircle as BiXCircle2, BiCheckCircle as BiCheckCircle2 } from "react-icons/bi";
 
@@ -4764,6 +4807,7 @@ var InputIcon = ({ icon, inputVariant, disabled }) => {
 };
 
 // src/lib/components/InputComponents/InputWrapper.tsx
+import "react";
 import { jsx as jsx54 } from "react/jsx-runtime";
 var InputWrapper = ({
   children,
@@ -5003,6 +5047,7 @@ var DateInput = (_a) => {
 };
 
 // src/lib/components/Input/templates/FileInput.tsx
+import "react";
 import { jsx as jsx59, jsxs as jsxs17 } from "react/jsx-runtime";
 var FileInput = (_a) => {
   var _b = _a, {
@@ -5286,6 +5331,7 @@ var SelectInput = (_a) => {
 };
 
 // src/lib/components/Input/templates/TextareaInput.tsx
+import "react";
 import { jsx as jsx63 } from "react/jsx-runtime";
 var TextareaInput = (_a) => {
   var _b = _a, {
@@ -5315,6 +5361,7 @@ var TextareaInput = (_a) => {
 };
 
 // src/lib/components/Input/templates/TextInput.tsx
+import "react";
 import { jsx as jsx64, jsxs as jsxs21 } from "react/jsx-runtime";
 var TextInput = (_a) => {
   var _b = _a, {
@@ -5670,6 +5717,7 @@ var InputImage = (_a) => {
 };
 
 // src/lib/components/InputCheck/InputCheck.tsx
+import "react";
 import { BiCheck } from "react-icons/bi";
 import { jsx as jsx70, jsxs as jsxs24 } from "react/jsx-runtime";
 var InputCheck = (_a) => {
@@ -7151,6 +7199,7 @@ var InputPhone = (_a) => {
 };
 
 // src/lib/components/InputCounter/InputCounter.tsx
+import "react";
 import { BiPlus, BiMinus } from "react-icons/bi";
 import { jsx as jsx72, jsxs as jsxs26 } from "react/jsx-runtime";
 var InputCounter = (_a) => {
@@ -7724,6 +7773,7 @@ var Autocomplete = (_a) => {
 };
 
 // src/lib/components/Rating/Rating.tsx
+import "react";
 import { BiStar, BiSolidStar } from "react-icons/bi";
 import { generateNumbers } from "@julseb-lib/utils";
 import { jsx as jsx76 } from "react/jsx-runtime";
@@ -7911,6 +7961,7 @@ var InputPin = (_a) => {
 };
 
 // src/lib/components/Fieldset/Fieldset.tsx
+import "react";
 import { jsx as jsx78, jsxs as jsxs30 } from "react/jsx-runtime";
 var Fieldset = (_a) => {
   var _b = _a, {
@@ -7973,6 +8024,7 @@ var Fieldset = (_a) => {
 };
 
 // src/lib/components/Form/Form.tsx
+import "react";
 import { jsx as jsx79, jsxs as jsxs31 } from "react/jsx-runtime";
 var Form = (_a) => {
   var _b = _a, {
@@ -8097,6 +8149,7 @@ var ListGroupTitle = (_a) => {
 };
 
 // src/lib/components/ListGroup/ListGroupItem.tsx
+import "react";
 import { Fragment as Fragment7, jsx as jsx81, jsxs as jsxs32 } from "react/jsx-runtime";
 var ListGroupItem = (_a) => {
   var _b = _a, {
@@ -8257,12 +8310,14 @@ var Breadcrumbs = (_a) => {
 };
 
 // src/lib/components/Accordion/Accordion.tsx
+import "react";
 import { uuid as uuid10 } from "@julseb-lib/utils";
 
 // src/lib/components/Accordion/AccordionItem.tsx
 import { useState as useState20 } from "react";
 
 // src/lib/components/Accordion/AccordionTitle.tsx
+import "react";
 import { BiPlus as BiPlus2, BiChevronDown as BiChevronDown2 } from "react-icons/bi";
 import { jsx as jsx84, jsxs as jsxs35 } from "react/jsx-runtime";
 var AccordionTitle = (_a) => {
@@ -8325,6 +8380,7 @@ var AccordionTitle = (_a) => {
 };
 
 // src/lib/components/Accordion/AccordionContent.tsx
+import "react";
 import { jsx as jsx85 } from "react/jsx-runtime";
 var AccordionContent = (_a) => {
   var _b = _a, {
@@ -8458,6 +8514,7 @@ import { useRef as useRef13 } from "react";
 import { uuid as uuid11 } from "@julseb-lib/utils";
 
 // src/lib/components/Dropdown/DropdownItem.tsx
+import "react";
 import { jsx as jsx88 } from "react/jsx-runtime";
 var DropdownItem = (_a) => {
   var _b = _a, {
@@ -8550,6 +8607,7 @@ var Dropdown = (_a) => {
 };
 
 // src/lib/components/Toast/Toast.tsx
+import "react";
 import { BiX as BiX3 } from "react-icons/bi";
 
 // src/lib/components/Toast/utils.ts
@@ -8779,6 +8837,7 @@ var toast = {
 };
 
 // src/lib/components/Alert/Alert.tsx
+import "react";
 import { jsx as jsx93 } from "react/jsx-runtime";
 var Alert = (_a) => {
   var _b = _a, {
@@ -8900,6 +8959,7 @@ var Modal = (_a) => {
 import { useRef as useRef15, useState as useState21, Fragment as Fragment10 } from "react";
 
 // src/lib/components/DragList/DragListItem.tsx
+import "react";
 import { BiDotsVerticalRounded } from "react-icons/bi";
 import { Fragment as Fragment9, jsx as jsx95, jsxs as jsxs39 } from "react/jsx-runtime";
 var DragListItem = ({
@@ -9041,9 +9101,11 @@ var DragList = (_a) => {
 };
 
 // src/lib/components/Pagination/Pagination.tsx
+import "react";
 import { BiLeftArrowAlt, BiRightArrowAlt } from "react-icons/bi";
 
 // src/lib/components/Pagination/PaginationButton.tsx
+import "react";
 import { jsx as jsx97 } from "react/jsx-runtime";
 var PaginationButton = (_a) => {
   var _b = _a, {
@@ -9211,6 +9273,7 @@ var Pagination = (_a) => {
 };
 
 // src/lib/components/Paginator/Paginator.tsx
+import "react";
 import { BiLeftArrowAlt as BiLeftArrowAlt2, BiRightArrowAlt as BiRightArrowAlt2 } from "react-icons/bi";
 import { jsx as jsx99, jsxs as jsxs42 } from "react/jsx-runtime";
 var Paginator = (_a) => {
@@ -9325,6 +9388,7 @@ var Paginator = (_a) => {
 };
 
 // src/lib/components/ProgressBar/ProgressBar.tsx
+import "react";
 import { getPercentage } from "@julseb-lib/utils";
 import { jsx as jsx100 } from "react/jsx-runtime";
 var ProgressBar = (_a) => {
@@ -9514,6 +9578,7 @@ import { useState as useState23 } from "react";
 import { uuid as uuid12 } from "@julseb-lib/utils";
 
 // src/lib/components/Tabs/TabsContainer.tsx
+import "react";
 import { jsx as jsx102 } from "react/jsx-runtime";
 var TabsContainer = (_a) => {
   var _b = _a, {
@@ -9540,6 +9605,7 @@ var TabsContainer = (_a) => {
 };
 
 // src/lib/components/Tabs/TabsButtonsContainer.tsx
+import "react";
 import { jsx as jsx103 } from "react/jsx-runtime";
 var TabsButtonsContainer = (_a) => {
   var _b = _a, {
@@ -9578,6 +9644,7 @@ var TabsButtonsContainer = (_a) => {
 };
 
 // src/lib/components/Tabs/TabsButton.tsx
+import "react";
 import { jsx as jsx104 } from "react/jsx-runtime";
 var TabsButton = (_a) => {
   var _b = _a, {
@@ -9629,6 +9696,7 @@ var TabsButton = (_a) => {
 };
 
 // src/lib/components/Tabs/TabsContent.tsx
+import "react";
 import { jsx as jsx105 } from "react/jsx-runtime";
 var TabsContent = (_a) => {
   var _b = _a, {
@@ -9727,6 +9795,7 @@ import {
 import { uuid as uuid13 } from "@julseb-lib/utils";
 
 // src/lib/components/Slideshow/SlideshowButton.tsx
+import "react";
 import { BiChevronLeft, BiChevronRight } from "react-icons/bi";
 import { jsx as jsx107 } from "react/jsx-runtime";
 var SlideshowButton = ({
@@ -9773,6 +9842,7 @@ var SlideshowButton = ({
 };
 
 // src/lib/components/Slideshow/SlideshowPagination.tsx
+import "react";
 import { generateNumbers as generateNumbers2 } from "@julseb-lib/utils";
 import { jsx as jsx108 } from "react/jsx-runtime";
 var SlideshowPagination = ({
@@ -10133,6 +10203,7 @@ var Slideshow = (_a) => {
 };
 
 // src/lib/components/Cover/Cover.tsx
+import "react";
 import { jsx as jsx110, jsxs as jsxs46 } from "react/jsx-runtime";
 var Cover = (_a) => {
   var _b = _a, {
@@ -10244,6 +10315,7 @@ var PageLoading = (_a) => {
 };
 
 // src/lib/components/Sticky/Sticky.tsx
+import "react";
 import { jsx as jsx112 } from "react/jsx-runtime";
 var Sticky = (_a) => {
   var _b = _a, {
@@ -10305,6 +10377,7 @@ import {
 } from "react-icons/bi";
 
 // src/lib/components/MarkdownEditor/buttons/icons.tsx
+import "react";
 import { jsx as jsx113, jsxs as jsxs47 } from "react/jsx-runtime";
 var IconCode = ({ size }) => {
   return /* @__PURE__ */ jsxs47(
@@ -10617,6 +10690,7 @@ var MarkdownEditorTitles = ({
 };
 
 // src/lib/components/MarkdownEditor/MarkdownButtons.tsx
+import "react";
 import { toSentenceCase } from "@julseb-lib/utils";
 import { jsx as jsx116 } from "react/jsx-runtime";
 var MarkdownButtons = ({
@@ -10647,6 +10721,7 @@ var MarkdownButtons = ({
 };
 
 // src/lib/components/MarkdownEditor/MarkdownViewButtons.tsx
+import "react";
 import { toSentenceCase as toSentenceCase2 } from "@julseb-lib/utils";
 import { jsx as jsx117 } from "react/jsx-runtime";
 var MarkdownViewButtons = ({
@@ -10851,6 +10926,7 @@ var MarkdownEditor = (_a) => {
 };
 
 // src/lib/components/MarkdownContainer/MarkdownContainer.tsx
+import "react";
 import Markdown2 from "markdown-to-jsx";
 import { jsx as jsx119 } from "react/jsx-runtime";
 var MarkdownContainer = (_a) => {
@@ -11107,6 +11183,7 @@ import { useState as useState28, useEffect as useEffect19, useRef as useRef21 }
 import { enableScroll as enableScroll3, disableScroll as disableScroll3 } from "@julseb-lib/utils";
 
 // src/lib/components/Header/HeaderSearch.tsx
+import "react";
 import { stringifyPx as stringifyPx2 } from "@julseb-lib/utils";
 import { jsx as jsx123 } from "react/jsx-runtime";
 var HeaderSearch = ({ search, handleClose }) => {
@@ -11385,6 +11462,7 @@ var Footer = (_a) => {
 };
 
 // src/lib/components/Meta/Meta.tsx
+import "react";
 import { Fragment as Fragment15, jsx as jsx126, jsxs as jsxs53 } from "react/jsx-runtime";
 var Meta = ({
   children,
@@ -11459,6 +11537,7 @@ var Meta = ({
 };
 
 // src/lib/components/PageLayout/PageLayout.tsx
+import "react";
 import { Fragment as Fragment16, jsx as jsx127, jsxs as jsxs54 } from "react/jsx-runtime";
 var PageLayout = ({
   children,
@@ -11479,6 +11558,7 @@ var PageLayout = ({
 };
 
 // src/lib/components/SrOnly/SrOnly.tsx
+import "react";
 import { jsx as jsx128 } from "react/jsx-runtime";
 var SrOnly = ({ element = "div", ref, children }) => {
   const Element = element;
@@ -11495,12 +11575,14 @@ var CodeContainer = (_a) => {
     children,
     code,
     showNumbers,
-    language = "tsx"
+    language = "tsx",
+    className
   } = _b, rest = __objRest(_b, [
     "children",
     "code",
     "showNumbers",
-    "language"
+    "language",
+    "className"
   ]);
   const [hasCopied, setHasCopied] = useState29(false);
   const copyToClipboard = () => {
@@ -11514,7 +11596,7 @@ var CodeContainer = (_a) => {
     }
     setTimeout(() => setHasCopied(false), 1e3);
   };
-  return /* @__PURE__ */ jsxs55("div", { className: "relative bg-[#282c34] p-6", children: [
+  return /* @__PURE__ */ jsxs55("div", { className: clsx("relative bg-[#282c34] p-6", className), children: [
     /* @__PURE__ */ jsx129(
       Highlight2,
       __spreadProps(__spreadValues({