@julseb-lib/react 1.1.6 → 1.1.7

package/dist/{Accordion-XLCVPEO4.js → Accordion-NUXWMXYA.js}

@@ -1,12 +1,12 @@
 import {
   clsx
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Accordion/Accordion.tsx
 import { lazy } from "react";
 import { uuid } from "@julseb-lib/utils";
 import { jsx } from "react/jsx-runtime";
-var AccordionItem = lazy(() => import("./AccordionItem-TT34TVAM.js"));
+var AccordionItem = lazy(() => import("./AccordionItem-HH5QU44J.js"));
 var Accordion = ({
   className,
   element = "div",
@@ -47,4 +47,4 @@ var Accordion_default = Accordion;
 export {
   Accordion_default as default
 };
-//# sourceMappingURL=Accordion-XLCVPEO4.js.map
+//# sourceMappingURL=Accordion-NUXWMXYA.js.map

package/dist/{AccordionContent-DT7OVKVC.js → AccordionContent-3OYYHS2D.js}

@@ -1,7 +1,7 @@
 import {
   Text,
   clsx
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Accordion/AccordionContent.tsx
 import "react";
@@ -37,4 +37,4 @@ var AccordionContent_default = AccordionContent;
 export {
   AccordionContent_default as default
 };
-//# sourceMappingURL=AccordionContent-DT7OVKVC.js.map
+//# sourceMappingURL=AccordionContent-3OYYHS2D.js.map

package/dist/{AccordionItem-TT34TVAM.js → AccordionItem-HH5QU44J.js}

@@ -1,12 +1,12 @@
 import {
   clsx
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Accordion/AccordionItem.tsx
 import { useState, lazy } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var AccordionContent = lazy(() => import("./AccordionContent-DT7OVKVC.js"));
-var AccordionTitle = lazy(() => import("./AccordionTitle-3C6PSFAE.js"));
+var AccordionContent = lazy(() => import("./AccordionContent-3OYYHS2D.js"));
+var AccordionTitle = lazy(() => import("./AccordionTitle-3TQ6K47Y.js"));
 var AccordionItem = ({
   element = "div",
   title,
@@ -44,4 +44,4 @@ var AccordionItem_default = AccordionItem;
 export {
   AccordionItem_default as default
 };
-//# sourceMappingURL=AccordionItem-TT34TVAM.js.map
+//# sourceMappingURL=AccordionItem-HH5QU44J.js.map

package/dist/{AccordionTitle-3C6PSFAE.js → AccordionTitle-3TQ6K47Y.js}

@@ -2,7 +2,7 @@ import {
   clsx,
   genRingColor,
   genTextColorHover
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Accordion/AccordionTitle.tsx
 import "react";
@@ -62,4 +62,4 @@ var AccordionTitle_default = AccordionTitle;
 export {
   AccordionTitle_default as default
 };
-//# sourceMappingURL=AccordionTitle-3C6PSFAE.js.map
+//# sourceMappingURL=AccordionTitle-3TQ6K47Y.js.map

package/dist/{Alert-SMNQRGE4.js → Alert-2WH2ZOJU.js}

@@ -3,7 +3,7 @@ import {
   clsx,
   genBgColor50,
   genBorderColorShort
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Alert/Alert.tsx
 import "react";
@@ -37,4 +37,4 @@ var Alert_default = Alert;
 export {
   Alert_default as default
 };
-//# sourceMappingURL=Alert-SMNQRGE4.js.map
+//# sourceMappingURL=Alert-2WH2ZOJU.js.map

package/dist/{Aside-KIMYE5VA.js → Aside-3N5FNT77.js}

@@ -2,7 +2,7 @@ import {
   clsx,
   genBgAllColors,
   genGap
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Aside/Aside.tsx
 import "react";
@@ -43,4 +43,4 @@ var asideSize = {
 export {
   Aside_default as default
 };
-//# sourceMappingURL=Aside-KIMYE5VA.js.map
+//# sourceMappingURL=Aside-3N5FNT77.js.map

package/dist/{Autocomplete-MLGNXJVM.js → Autocomplete-SJD3FGKU.js}

@@ -6,44 +6,44 @@ import {
   InputValidation,
   InputWithListWrapper,
   InputWrapper
-} from "./chunk-FR5FS6SU.js";
+} from "./chunk-CWND7YLU.js";
 import {
   INPUT_COMMON_CLASSES
-} from "./chunk-ASOLY4BS.js";
+} from "./chunk-UUDM6MVP.js";
 import {
   transformSearchKeys,
   useKeyboardNavigation
-} from "./chunk-RHTIEQHS.js";
+} from "./chunk-5LUC3FLE.js";
 import {
   Highlight,
   Key
-} from "./chunk-GIEFC5ZL.js";
-import "./chunk-LOSXMHIZ.js";
-import "./chunk-47LEIGLQ.js";
-import "./chunk-XGELHVCN.js";
+} from "./chunk-RCJI23KN.js";
+import "./chunk-LABOQCDB.js";
+import "./chunk-3RM2MNPI.js";
+import "./chunk-ZYOVRPKL.js";
 import "./chunk-ZD7KP6OB.js";
-import "./chunk-GIRMZZLW.js";
-import "./chunk-JOFMHQRW.js";
+import "./chunk-OWL5I4GY.js";
+import "./chunk-523JDMNI.js";
 import "./chunk-EPOC7FF7.js";
-import "./chunk-YRZ7BBJI.js";
+import "./chunk-RJ7KLCL4.js";
 import {
   InputContainer
-} from "./chunk-TUEFTORS.js";
-import "./chunk-G4C7ZBJA.js";
-import "./chunk-52AHRNUV.js";
-import "./chunk-VROPHPHQ.js";
-import "./chunk-DRRRZXTK.js";
+} from "./chunk-IV5EEID4.js";
+import "./chunk-XMIR4MAL.js";
+import "./chunk-7GZVNYYO.js";
+import "./chunk-AH46HJNH.js";
+import "./chunk-MTPMALXL.js";
 import {
   useKeyPress,
   useMergeRefs,
   useTouchScreen
-} from "./chunk-JGPGZQFJ.js";
-import "./chunk-VXI3722T.js";
-import "./chunk-44CJN37W.js";
+} from "./chunk-TFAN3VAD.js";
+import "./chunk-3KHWEU2M.js";
+import "./chunk-AHZ4WQBX.js";
 import {
   Text,
   clsx
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Autocomplete/Autocomplete.tsx
 import { useRef, useMemo } from "react";
@@ -200,4 +200,4 @@ var Autocomplete_default = Autocomplete;
 export {
   Autocomplete_default as default
 };
-//# sourceMappingURL=Autocomplete-MLGNXJVM.js.map
+//# sourceMappingURL=Autocomplete-SJD3FGKU.js.map

package/dist/{Avatar-FVXWMZNA.js → Avatar-PT4UE6PK.js}

@@ -1,14 +1,14 @@
 import {
   Badge
-} from "./chunk-VROPHPHQ.js";
+} from "./chunk-AH46HJNH.js";
 import {
   clsx
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Avatar/Avatar.tsx
 import { lazy } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var AvatarFn = lazy(() => import("./AvatarFn-4EAIH5LI.js"));
+var AvatarFn = lazy(() => import("./AvatarFn-PLRJ4OC2.js"));
 var Avatar = ({
   className,
   element = "span",
@@ -69,4 +69,4 @@ var Avatar_default = Avatar;
 export {
   Avatar_default as default
 };
-//# sourceMappingURL=Avatar-FVXWMZNA.js.map
+//# sourceMappingURL=Avatar-PT4UE6PK.js.map

package/dist/{AvatarFn-4EAIH5LI.js → AvatarFn-PLRJ4OC2.js}

@@ -4,7 +4,7 @@ import {
   genBorderAllColors,
   genBorderRadius,
   genTextAllColor
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Avatar/AvatarFn.tsx
 import "react";
@@ -44,4 +44,4 @@ var AvatarFn_default = AvatarFn;
 export {
   AvatarFn_default as default
 };
-//# sourceMappingURL=AvatarFn-4EAIH5LI.js.map
+//# sourceMappingURL=AvatarFn-PLRJ4OC2.js.map

package/dist/{BackToTop-AGGQAXJR.js → BackToTop-6WHXMWWH.js}

@@ -1,11 +1,11 @@
 import {
   ButtonIcon
-} from "./chunk-YRZ7BBJI.js";
+} from "./chunk-RJ7KLCL4.js";
 import {
   clsx,
   genRingColor,
   scrollToTop
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/BackToTop/BackToTop.tsx
 import { useEffect, useState } from "react";
@@ -72,4 +72,4 @@ var BackToTop_default = BackToTop;
 export {
   BackToTop_default as default
 };
-//# sourceMappingURL=BackToTop-AGGQAXJR.js.map
+//# sourceMappingURL=BackToTop-6WHXMWWH.js.map

package/dist/{Badge-3KGIYATB.js → Badge-GMZ6BE55.js}

@@ -3,7 +3,7 @@ import {
   genBgAllColors,
   genBorderRadius,
   genTextAllColor
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Badge/Badge.tsx
 import "react";
@@ -40,4 +40,4 @@ var Badge_default = Badge;
 export {
   Badge_default as default
 };
-//# sourceMappingURL=Badge-3KGIYATB.js.map
+//# sourceMappingURL=Badge-GMZ6BE55.js.map

package/dist/{Blockquote-7GUUY2HN.js → Blockquote-CQ2R4J33.js}

@@ -1,13 +1,13 @@
 import {
   TEXT_BASE_CLASSES
-} from "./chunk-OXCMLJFY.js";
+} from "./chunk-KUDVT6VQ.js";
 import {
   clsx,
   genButtonColor,
   genLinkColor,
   genTextAlign,
   genTextAllColor
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Text/templates/Blockquote.tsx
 import { jsx } from "react/jsx-runtime";
@@ -44,4 +44,4 @@ var Blockquote_default = Blockquote;
 export {
   Blockquote_default as default
 };
-//# sourceMappingURL=Blockquote-7GUUY2HN.js.map
+//# sourceMappingURL=Blockquote-CQ2R4J33.js.map

package/dist/{Breadcrumbs-6VMLWXRL.js → Breadcrumbs-NRVHL3DU.js}

@@ -3,7 +3,7 @@ import {
   clsx,
   genLinkColor,
   genTextAllColor
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Breadcrumbs/Breadcrumbs.tsx
 import { Children, Fragment } from "react";
@@ -51,4 +51,4 @@ var Breadcrumbs_default = Breadcrumbs;
 export {
   Breadcrumbs_default as default
 };
-//# sourceMappingURL=Breadcrumbs-6VMLWXRL.js.map
+//# sourceMappingURL=Breadcrumbs-NRVHL3DU.js.map

package/dist/{Burger-3F4A6C6C.js → Burger-WPMDP4KN.js}

@@ -2,7 +2,7 @@ import {
   clsx,
   genBgAllColors,
   genRingColor
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Burger/Burger.tsx
 import "react";
@@ -93,4 +93,4 @@ var genHover = {
 export {
   Burger_default as default
 };
-//# sourceMappingURL=Burger-3F4A6C6C.js.map
+//# sourceMappingURL=Burger-WPMDP4KN.js.map

package/dist/{Button-SNYOSUO7.js → Button-OBHPMKCG.js}

@@ -1,6 +1,6 @@
 import {
   Loader
-} from "./chunk-G4C7ZBJA.js";
+} from "./chunk-XMIR4MAL.js";
 import {
   clsx,
   genBgColorGhostHover,
@@ -11,7 +11,7 @@ import {
   genRingColor,
   genTextAllColor,
   genTextColorHover
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Button/Button.tsx
 import "react";
@@ -85,4 +85,4 @@ var Button_default = Button;
 export {
   Button_default as default
 };
-//# sourceMappingURL=Button-SNYOSUO7.js.map
+//# sourceMappingURL=Button-OBHPMKCG.js.map

package/dist/{ButtonFn-IUKFCBIV.js → ButtonFn-B74KM363.js}

@@ -1,6 +1,6 @@
 import {
   Loader
-} from "./chunk-G4C7ZBJA.js";
+} from "./chunk-XMIR4MAL.js";
 import {
   clsx,
   genBgColorGhostHover,
@@ -10,7 +10,7 @@ import {
   genRingColor,
   genTextAllColor,
   genTextColorHover
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/ButtonIcon/ButtonFn.tsx
 import "react";
@@ -74,4 +74,4 @@ var ButtonFn_default = ButtonIconFn;
 export {
   ButtonFn_default as default
 };
-//# sourceMappingURL=ButtonFn-IUKFCBIV.js.map
+//# sourceMappingURL=ButtonFn-B74KM363.js.map

package/dist/{ButtonGroup-KGT6TJP5.js → ButtonGroup-M4AJK7G5.js}

@@ -1,9 +1,9 @@
 import {
   Flexbox
-} from "./chunk-DRRRZXTK.js";
+} from "./chunk-MTPMALXL.js";
 import {
   useMaxWidth
-} from "./chunk-JGPGZQFJ.js";
+} from "./chunk-TFAN3VAD.js";
 import {
   clsx,
   genBgColorGhostHover,
@@ -15,7 +15,7 @@ import {
   genRingColor,
   genTextColorHover,
   genTextColorShort
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/ButtonGroup/ButtonGroup.tsx
 import { Fragment } from "react";
@@ -94,4 +94,4 @@ var ButtonGroup_default = ButtonGroup;
 export {
   ButtonGroup_default as default
 };
-//# sourceMappingURL=ButtonGroup-KGT6TJP5.js.map
+//# sourceMappingURL=ButtonGroup-M4AJK7G5.js.map

package/dist/{ButtonIcon-CDDL6Y5D.js → ButtonIcon-SF4TGGVT.js}

@@ -1,14 +1,14 @@
 import {
   Tooltip
-} from "./chunk-52AHRNUV.js";
+} from "./chunk-7GZVNYYO.js";
 import {
   clsx
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/ButtonIcon/ButtonIcon.tsx
 import { lazy } from "react";
 import { jsx } from "react/jsx-runtime";
-var ButtonIconFn = lazy(() => import("./ButtonFn-IUKFCBIV.js"));
+var ButtonIconFn = lazy(() => import("./ButtonFn-B74KM363.js"));
 var ButtonIcon = ({
   className,
   element = "button",
@@ -72,4 +72,4 @@ var ButtonIcon_default = ButtonIcon;
 export {
   ButtonIcon_default as default
 };
-//# sourceMappingURL=ButtonIcon-CDDL6Y5D.js.map
+//# sourceMappingURL=ButtonIcon-SF4TGGVT.js.map

package/dist/{Carousel-NUQPSN6O.js → Carousel-YYBTD4JT.js}

@@ -1,10 +1,10 @@
 import {
   Image
-} from "./chunk-VXI3722T.js";
+} from "./chunk-3KHWEU2M.js";
 import {
   clsx,
   genObjectFit
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Carousel/Carousel.tsx
 import "react";
@@ -106,4 +106,4 @@ var genItemWidth = {
 export {
   Carousel_default as default
 };
-//# sourceMappingURL=Carousel-NUQPSN6O.js.map
+//# sourceMappingURL=Carousel-YYBTD4JT.js.map

package/dist/{CodeContainer-ZMZQLEPR.js → CodeContainer-BFZE7WOB.js}

@@ -1,9 +1,9 @@
 import {
   ButtonIcon
-} from "./chunk-YRZ7BBJI.js";
+} from "./chunk-RJ7KLCL4.js";
 import {
   clsx
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/CodeContainer/CodeContainer.tsx
 import { useState } from "react";
@@ -81,4 +81,4 @@ var CodeContainer_default = CodeContainer;
 export {
   CodeContainer_default as default
 };
-//# sourceMappingURL=CodeContainer-ZMZQLEPR.js.map
+//# sourceMappingURL=CodeContainer-BFZE7WOB.js.map

package/dist/{ColorInput-NUYAQYZN.js → ColorInput-JAB5EJZV.js}

@@ -1,13 +1,13 @@
 import {
   InputValidation,
   InputWrapper
-} from "./chunk-FR5FS6SU.js";
+} from "./chunk-CWND7YLU.js";
 import {
   INPUT_COMMON_CLASSES
-} from "./chunk-ASOLY4BS.js";
+} from "./chunk-UUDM6MVP.js";
 import {
   clsx
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Input/templates/ColorInput.tsx
 import "react";
@@ -54,4 +54,4 @@ var ColorInput_default = ColorInput;
 export {
   ColorInput_default as default
 };
-//# sourceMappingURL=ColorInput-NUYAQYZN.js.map
+//# sourceMappingURL=ColorInput-JAB5EJZV.js.map

package/dist/{Cover-YIWQ3U7Y.js → Cover-RLVKMAIT.js}

@@ -1,13 +1,13 @@
 import {
   Flexbox
-} from "./chunk-DRRRZXTK.js";
+} from "./chunk-MTPMALXL.js";
 import {
   Image
-} from "./chunk-VXI3722T.js";
+} from "./chunk-3KHWEU2M.js";
 import {
   clsx,
   genBgOverlay
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Cover/Cover.tsx
 import "react";
@@ -74,4 +74,4 @@ var Cover_default = Cover;
 export {
   Cover_default as default
 };
-//# sourceMappingURL=Cover-YIWQ3U7Y.js.map
+//# sourceMappingURL=Cover-RLVKMAIT.js.map

package/dist/{DateInput-SEEKX6EJ.js → DateInput-EVJUKSWZ.js}

@@ -3,16 +3,16 @@ import {
   InputIcon,
   InputValidation,
   InputWrapper
-} from "./chunk-FR5FS6SU.js";
+} from "./chunk-CWND7YLU.js";
 import {
   INPUT_COMMON_CLASSES
-} from "./chunk-ASOLY4BS.js";
+} from "./chunk-UUDM6MVP.js";
 import {
   useMergeRefs
-} from "./chunk-JGPGZQFJ.js";
+} from "./chunk-TFAN3VAD.js";
 import {
   clsx
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Input/templates/DateInput.tsx
 import { useRef } from "react";
@@ -76,4 +76,4 @@ var DateInput_default = DateInput;
 export {
   DateInput_default as default
 };
-//# sourceMappingURL=DateInput-SEEKX6EJ.js.map
+//# sourceMappingURL=DateInput-EVJUKSWZ.js.map

package/dist/{Dl-EF4KF7W4.js → Dl-5L5QDOWZ.js}

@@ -1,13 +1,13 @@
 import {
   TEXT_BASE_CLASSES
-} from "./chunk-OXCMLJFY.js";
+} from "./chunk-KUDVT6VQ.js";
 import {
   clsx,
   genButtonColor,
   genLinkColor,
   genTextAlign,
   genTextAllColor
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Text/templates/Dl.tsx
 import { jsx } from "react/jsx-runtime";
@@ -45,4 +45,4 @@ var Dl_default = Dl;
 export {
   Dl_default as default
 };
-//# sourceMappingURL=Dl-EF4KF7W4.js.map
+//# sourceMappingURL=Dl-5L5QDOWZ.js.map

package/dist/{DragList-WB6CNRSH.js → DragList-YZBQXSIN.js}

@@ -1,9 +1,9 @@
 import {
   Hr
-} from "./chunk-GIRMZZLW.js";
+} from "./chunk-OWL5I4GY.js";
 import {
   clsx
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/DragList/DragList.tsx
 import {
@@ -14,7 +14,7 @@ import {
 } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createElement } from "react";
-var DragListItem = lazy(() => import("./DragListItem-NBZPDCYW.js"));
+var DragListItem = lazy(() => import("./DragListItem-R3HMPFDT.js"));
 var DragList = ({
   className,
   element = "div",
@@ -84,4 +84,4 @@ var DragList_default = DragList;
 export {
   DragList_default as default
 };
-//# sourceMappingURL=DragList-WB6CNRSH.js.map
+//# sourceMappingURL=DragList-YZBQXSIN.js.map

package/dist/{DragListItem-NBZPDCYW.js → DragListItem-R3HMPFDT.js}

@@ -2,7 +2,7 @@ import {
   Text,
   clsx,
   genRingColor
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/DragList/DragListItem.tsx
 import "react";
@@ -70,4 +70,4 @@ var DragListItem_default = DragListItem;
 export {
   DragListItem_default as default
 };
-//# sourceMappingURL=DragListItem-NBZPDCYW.js.map
+//# sourceMappingURL=DragListItem-R3HMPFDT.js.map

package/dist/{Drawer-XYEHYFLE.js → Drawer-ZPVNQ7LR.js}

@@ -1,10 +1,10 @@
 import {
   ButtonIcon
-} from "./chunk-YRZ7BBJI.js";
+} from "./chunk-RJ7KLCL4.js";
 import {
   useClickOutside,
   useKeyPress
-} from "./chunk-JGPGZQFJ.js";
+} from "./chunk-TFAN3VAD.js";
 import {
   clsx,
   disableScroll,
@@ -15,7 +15,7 @@ import {
   genGap,
   genLinkColor,
   genTextAllColor
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Drawer/Drawer.tsx
 import { useEffect, useRef } from "react";
@@ -81,7 +81,7 @@ var Drawer = ({
           "div",
           {
             className: clsx(
-              "top-0 z-10 absolute flex flex-col items-stretch gap-2 p-4 w-full max-w-(--drawer-max-width) h-full [&>*]:text-left transition-all duration-200 ease-in-out",
+              "top-0 z-10 absolute flex flex-col items-stretch gap-2 p-4 w-full max-w-(--drawer-max-width) h-full *:text-left transition-all duration-200 ease-in-out",
               genGap[gap],
               genBgAllColors[backgroundColor],
               genTextAllColor[contentColor],
@@ -116,4 +116,4 @@ var Drawer_default = Drawer;
 export {
   Drawer_default as default
 };
-//# sourceMappingURL=Drawer-XYEHYFLE.js.map
+//# sourceMappingURL=Drawer-ZPVNQ7LR.js.map

package/dist/{Drawer-XYEHYFLE.js.map → Drawer-ZPVNQ7LR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/components/Drawer/Drawer.tsx"],"sourcesContent":["import { useEffect, useRef, type FC } from \"react\"\nimport { BiX } from \"react-icons/bi\"\nimport { stringifyPx } from \"@julseb-lib/utils\"\nimport { useClickOutside, useKeyPress } from \"../../hooks\"\nimport { ButtonIcon } from \"../ButtonIcon\"\nimport {\n\tclsx,\n\tgenBgAllColors,\n\tgenBgAllColorsAndOverlays,\n\tgenButtonColor,\n\tgenGap,\n\tgenLinkColor,\n\tgenTextAllColor,\n\tdisableScroll,\n\tenableScroll,\n} from \"../../utils\"\nimport type { ILibDrawer } from \"./types\"\n\n/**\n * Drawer component for creating slide-out panels with customizable positioning, styling, and overlay functionality.\n *\n * @component\n *\n * @example\n * <Drawer\n *   isOpen={isDrawerOpen}\n *   setIsOpen={setIsDrawerOpen}\n *   position=\"right\"\n *   backgroundColor=\"primary\"\n *   contentColor=\"white\"\n * >\n *   <h2>Drawer Content</h2>\n *   <p>This is the drawer content.</p>\n * </Drawer>\n *\n * @extends HTMLDivElement\n *\n * @prop {string} [props.className] - Additional CSS classes to apply to the drawer container.\n * @prop {React.ElementType} [props.element=\"div\"] - HTML element type to render as the container.\n * @prop {React.Ref<HTMLDivElement>} [props.ref] - Ref to the drawer element.\n * @prop {React.ReactNode} [props.children] - Content to display inside the drawer.\n * @prop {boolean} [props.isOpen] - Whether the drawer is currently open.\n * @prop {function} [props.setIsOpen] - Function to control the drawer's open/closed state.\n * @prop {\"left\" | \"right\"} [props.position=\"right\"] - Position of the drawer relative to the viewport.\n * @prop {boolean} [props.enableScrollingOpen] - Whether to allow page scrolling when drawer is open.\n * @prop {boolean} [props.disableEsc] - Whether to disable closing the drawer with the Escape key.\n * @prop {LibAllColors} [props.backgroundColor=\"primary\"] - Background color for the drawer content area.\n * @prop {LibAllColors} [props.contentColor=\"white\"] - Text color for the drawer content.\n * @prop {LibAllColors} [props.linksColor=\"white\"] - Color for links and buttons within the drawer.\n * @prop {LibSpacers} [props.gap=\"md\"] - Gap between child elements in the drawer.\n * @prop {number} [props.maxWidth=400] - Maximum width of the drawer in pixels.\n * @prop {LibAllColorsAndOverlays} [props.overlayColor=\"black-80\"] - Background color for the overlay behind the drawer.\n * @prop {boolean} [props.hideCloseButton] - Whether to hide the close button in the drawer.\n *\n * @returns {JSX.Element} The rendered Drawer component.\n *\n * @see https://doc-julseb-lib-react.vercel.app/components/drawer\n */\nconst Drawer: FC<ILibDrawer> = ({\n\tclassName,\n\telement = \"div\",\n\tref,\n\tchildren,\n\tisOpen,\n\tsetIsOpen,\n\tposition = \"right\",\n\tenableScrollingOpen,\n\tdisableEsc,\n\tbackgroundColor = \"primary\",\n\tcontentColor = \"white\",\n\tlinksColor = \"white\",\n\tgap = \"md\",\n\tmaxWidth = 400,\n\toverlayColor = \"black-80\",\n\thideCloseButton,\n\t...rest\n}) => {\n\tconst Element = element\n\n\tconst el = useRef<HTMLDivElement>(null)\n\n\tuseClickOutside(el as any, () => isOpen && setIsOpen(false))\n\n\tuseKeyPress(\"Escape\", () => {\n\t\tif (!disableEsc && isOpen) setIsOpen(false)\n\t})\n\n\tuseEffect(() => {\n\t\tif (!enableScrollingOpen && isOpen) disableScroll()\n\t\telse enableScroll()\n\t}, [enableScrollingOpen, isOpen])\n\n\treturn (\n\t\t<Element\n\t\t\tref={ref}\n\t\t\tclassName={clsx(\n\t\t\t\t\"invisible top-0 left-0 z-999 fixed opacity-0 w-full h-svh transition-all duration-200 ease-in-out\",\n\t\t\t\tisOpen && \"open\",\n\t\t\t\t\"[&.open]:opacity-100 [&.open]:visible [&.open]:transition-none\",\n\t\t\t\t\"drawer\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={clsx(\n\t\t\t\t\tgenBgAllColorsAndOverlays[overlayColor],\n\t\t\t\t\t\"absolute top-0 left-0 z-0 w-full h-full transition-all duration-200 ease-in-out invisible opacity-0\",\n\t\t\t\t\tisOpen && \"open\",\n\t\t\t\t\t\"[&.open]:opacity-100 [&.open]:visible\",\n\t\t\t\t\t\"overlay\",\n\t\t\t\t)}\n\t\t\t\tonClick={() => setIsOpen(false)}\n\t\t\t/>\n\n\t\t\t<div\n\t\t\t\tclassName={clsx(\n\t\t\t\t\t\"top-0 z-10 absolute flex flex-col items-stretch gap-2 p-4 w-full max-w-(--drawer-max-width) h-full [&>*]:text-left transition-all duration-200 ease-in-out\",\n\t\t\t\t\tgenGap[gap],\n\t\t\t\t\tgenBgAllColors[backgroundColor],\n\t\t\t\t\tgenTextAllColor[contentColor],\n\t\t\t\t\tgenLinkColor[linksColor],\n\t\t\t\t\tgenButtonColor[linksColor],\n\t\t\t\t\tisOpen && \"open\",\n\t\t\t\t\tposition === \"left\"\n\t\t\t\t\t\t? \"left-[calc(var(--drawer-max-width)*-1)] [&.open]:left-0\"\n\t\t\t\t\t\t: \"right-[calc(var(--drawer-max-width)*-1)] [&.open]:right-0\",\n\t\t\t\t\t\"drawer-content\",\n\t\t\t\t)}\n\t\t\t\tstyle={{ [\"--drawer-max-width\" as any]: stringifyPx(maxWidth) }}\n\t\t\t\tref={el}\n\t\t\t>\n\t\t\t\t{children}\n\n\t\t\t\t{!hideCloseButton && (\n\t\t\t\t\t<ButtonIcon\n\t\t\t\t\t\ticon={<BiX size={24} />}\n\t\t\t\t\t\tcolor=\"white\"\n\t\t\t\t\t\tvariant=\"transparent\"\n\t\t\t\t\t\tclassName=\"top-2 right-2 absolute size-12\"\n\t\t\t\t\t\tonClick={() => setIsOpen(false)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Element>\n\t)\n}\nexport default Drawer\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,cAAuB;AAC3C,SAAS,WAAW;AACpB,SAAS,mBAAmB;AAsGzB,cAWA,YAXA;AA9CH,IAAM,SAAyB,CAAC;AAAA,EAC/B;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,MAAM;AAAA,EACN,WAAW;AAAA,EACX,eAAe;AAAA,EACf;AAAA,EACA,GAAG;AACJ,MAAM;AACL,QAAM,UAAU;AAEhB,QAAM,KAAK,OAAuB,IAAI;AAEtC,kBAAgB,IAAW,MAAM,UAAU,UAAU,KAAK,CAAC;AAE3D,cAAY,UAAU,MAAM;AAC3B,QAAI,CAAC,cAAc,OAAQ,WAAU,KAAK;AAAA,EAC3C,CAAC;AAED,YAAU,MAAM;AACf,QAAI,CAAC,uBAAuB,OAAQ,eAAc;AAAA,QAC7C,cAAa;AAAA,EACnB,GAAG,CAAC,qBAAqB,MAAM,CAAC;AAEhC,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACV;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,WAAW;AAAA,cACV,0BAA0B,YAAY;AAAA,cACtC;AAAA,cACA,UAAU;AAAA,cACV;AAAA,cACA;AAAA,YACD;AAAA,YACA,SAAS,MAAM,UAAU,KAAK;AAAA;AAAA,QAC/B;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACA,WAAW;AAAA,cACV;AAAA,cACA,OAAO,GAAG;AAAA,cACV,eAAe,eAAe;AAAA,cAC9B,gBAAgB,YAAY;AAAA,cAC5B,aAAa,UAAU;AAAA,cACvB,eAAe,UAAU;AAAA,cACzB,UAAU;AAAA,cACV,aAAa,SACV,4DACA;AAAA,cACH;AAAA,YACD;AAAA,YACA,OAAO,EAAE,CAAC,oBAA2B,GAAG,YAAY,QAAQ,EAAE;AAAA,YAC9D,KAAK;AAAA,YAEJ;AAAA;AAAA,cAEA,CAAC,mBACD;AAAA,gBAAC;AAAA;AAAA,kBACA,MAAM,oBAAC,OAAI,MAAM,IAAI;AAAA,kBACrB,OAAM;AAAA,kBACN,SAAQ;AAAA,kBACR,WAAU;AAAA,kBACV,SAAS,MAAM,UAAU,KAAK;AAAA;AAAA,cAC/B;AAAA;AAAA;AAAA,QAEF;AAAA;AAAA;AAAA,EACD;AAEF;AACA,IAAO,iBAAQ;","names":[]}
+{"version":3,"sources":["../src/lib/components/Drawer/Drawer.tsx"],"sourcesContent":["import { useEffect, useRef, type FC } from \"react\"\nimport { BiX } from \"react-icons/bi\"\nimport { stringifyPx } from \"@julseb-lib/utils\"\nimport { useClickOutside, useKeyPress } from \"../../hooks\"\nimport { ButtonIcon } from \"../ButtonIcon\"\nimport {\n\tclsx,\n\tgenBgAllColors,\n\tgenBgAllColorsAndOverlays,\n\tgenButtonColor,\n\tgenGap,\n\tgenLinkColor,\n\tgenTextAllColor,\n\tdisableScroll,\n\tenableScroll,\n} from \"../../utils\"\nimport type { ILibDrawer } from \"./types\"\n\n/**\n * Drawer component for creating slide-out panels with customizable positioning, styling, and overlay functionality.\n *\n * @component\n *\n * @example\n * <Drawer\n *   isOpen={isDrawerOpen}\n *   setIsOpen={setIsDrawerOpen}\n *   position=\"right\"\n *   backgroundColor=\"primary\"\n *   contentColor=\"white\"\n * >\n *   <h2>Drawer Content</h2>\n *   <p>This is the drawer content.</p>\n * </Drawer>\n *\n * @extends HTMLDivElement\n *\n * @prop {string} [props.className] - Additional CSS classes to apply to the drawer container.\n * @prop {React.ElementType} [props.element=\"div\"] - HTML element type to render as the container.\n * @prop {React.Ref<HTMLDivElement>} [props.ref] - Ref to the drawer element.\n * @prop {React.ReactNode} [props.children] - Content to display inside the drawer.\n * @prop {boolean} [props.isOpen] - Whether the drawer is currently open.\n * @prop {function} [props.setIsOpen] - Function to control the drawer's open/closed state.\n * @prop {\"left\" | \"right\"} [props.position=\"right\"] - Position of the drawer relative to the viewport.\n * @prop {boolean} [props.enableScrollingOpen] - Whether to allow page scrolling when drawer is open.\n * @prop {boolean} [props.disableEsc] - Whether to disable closing the drawer with the Escape key.\n * @prop {LibAllColors} [props.backgroundColor=\"primary\"] - Background color for the drawer content area.\n * @prop {LibAllColors} [props.contentColor=\"white\"] - Text color for the drawer content.\n * @prop {LibAllColors} [props.linksColor=\"white\"] - Color for links and buttons within the drawer.\n * @prop {LibSpacers} [props.gap=\"md\"] - Gap between child elements in the drawer.\n * @prop {number} [props.maxWidth=400] - Maximum width of the drawer in pixels.\n * @prop {LibAllColorsAndOverlays} [props.overlayColor=\"black-80\"] - Background color for the overlay behind the drawer.\n * @prop {boolean} [props.hideCloseButton] - Whether to hide the close button in the drawer.\n *\n * @returns {JSX.Element} The rendered Drawer component.\n *\n * @see https://doc-julseb-lib-react.vercel.app/components/drawer\n */\nconst Drawer: FC<ILibDrawer> = ({\n\tclassName,\n\telement = \"div\",\n\tref,\n\tchildren,\n\tisOpen,\n\tsetIsOpen,\n\tposition = \"right\",\n\tenableScrollingOpen,\n\tdisableEsc,\n\tbackgroundColor = \"primary\",\n\tcontentColor = \"white\",\n\tlinksColor = \"white\",\n\tgap = \"md\",\n\tmaxWidth = 400,\n\toverlayColor = \"black-80\",\n\thideCloseButton,\n\t...rest\n}) => {\n\tconst Element = element\n\n\tconst el = useRef<HTMLDivElement>(null)\n\n\tuseClickOutside(el as any, () => isOpen && setIsOpen(false))\n\n\tuseKeyPress(\"Escape\", () => {\n\t\tif (!disableEsc && isOpen) setIsOpen(false)\n\t})\n\n\tuseEffect(() => {\n\t\tif (!enableScrollingOpen && isOpen) disableScroll()\n\t\telse enableScroll()\n\t}, [enableScrollingOpen, isOpen])\n\n\treturn (\n\t\t<Element\n\t\t\tref={ref}\n\t\t\tclassName={clsx(\n\t\t\t\t\"invisible top-0 left-0 z-999 fixed opacity-0 w-full h-svh transition-all duration-200 ease-in-out\",\n\t\t\t\tisOpen && \"open\",\n\t\t\t\t\"[&.open]:opacity-100 [&.open]:visible [&.open]:transition-none\",\n\t\t\t\t\"drawer\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={clsx(\n\t\t\t\t\tgenBgAllColorsAndOverlays[overlayColor],\n\t\t\t\t\t\"absolute top-0 left-0 z-0 w-full h-full transition-all duration-200 ease-in-out invisible opacity-0\",\n\t\t\t\t\tisOpen && \"open\",\n\t\t\t\t\t\"[&.open]:opacity-100 [&.open]:visible\",\n\t\t\t\t\t\"overlay\",\n\t\t\t\t)}\n\t\t\t\tonClick={() => setIsOpen(false)}\n\t\t\t/>\n\n\t\t\t<div\n\t\t\t\tclassName={clsx(\n\t\t\t\t\t\"top-0 z-10 absolute flex flex-col items-stretch gap-2 p-4 w-full max-w-(--drawer-max-width) h-full *:text-left transition-all duration-200 ease-in-out\",\n\t\t\t\t\tgenGap[gap],\n\t\t\t\t\tgenBgAllColors[backgroundColor],\n\t\t\t\t\tgenTextAllColor[contentColor],\n\t\t\t\t\tgenLinkColor[linksColor],\n\t\t\t\t\tgenButtonColor[linksColor],\n\t\t\t\t\tisOpen && \"open\",\n\t\t\t\t\tposition === \"left\"\n\t\t\t\t\t\t? \"left-[calc(var(--drawer-max-width)*-1)] [&.open]:left-0\"\n\t\t\t\t\t\t: \"right-[calc(var(--drawer-max-width)*-1)] [&.open]:right-0\",\n\t\t\t\t\t\"drawer-content\",\n\t\t\t\t)}\n\t\t\t\tstyle={{ [\"--drawer-max-width\" as any]: stringifyPx(maxWidth) }}\n\t\t\t\tref={el}\n\t\t\t>\n\t\t\t\t{children}\n\n\t\t\t\t{!hideCloseButton && (\n\t\t\t\t\t<ButtonIcon\n\t\t\t\t\t\ticon={<BiX size={24} />}\n\t\t\t\t\t\tcolor=\"white\"\n\t\t\t\t\t\tvariant=\"transparent\"\n\t\t\t\t\t\tclassName=\"top-2 right-2 absolute size-12\"\n\t\t\t\t\t\tonClick={() => setIsOpen(false)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Element>\n\t)\n}\nexport default Drawer\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,cAAuB;AAC3C,SAAS,WAAW;AACpB,SAAS,mBAAmB;AAsGzB,cAWA,YAXA;AA9CH,IAAM,SAAyB,CAAC;AAAA,EAC/B;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,MAAM;AAAA,EACN,WAAW;AAAA,EACX,eAAe;AAAA,EACf;AAAA,EACA,GAAG;AACJ,MAAM;AACL,QAAM,UAAU;AAEhB,QAAM,KAAK,OAAuB,IAAI;AAEtC,kBAAgB,IAAW,MAAM,UAAU,UAAU,KAAK,CAAC;AAE3D,cAAY,UAAU,MAAM;AAC3B,QAAI,CAAC,cAAc,OAAQ,WAAU,KAAK;AAAA,EAC3C,CAAC;AAED,YAAU,MAAM;AACf,QAAI,CAAC,uBAAuB,OAAQ,eAAc;AAAA,QAC7C,cAAa;AAAA,EACnB,GAAG,CAAC,qBAAqB,MAAM,CAAC;AAEhC,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACV;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,WAAW;AAAA,cACV,0BAA0B,YAAY;AAAA,cACtC;AAAA,cACA,UAAU;AAAA,cACV;AAAA,cACA;AAAA,YACD;AAAA,YACA,SAAS,MAAM,UAAU,KAAK;AAAA;AAAA,QAC/B;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACA,WAAW;AAAA,cACV;AAAA,cACA,OAAO,GAAG;AAAA,cACV,eAAe,eAAe;AAAA,cAC9B,gBAAgB,YAAY;AAAA,cAC5B,aAAa,UAAU;AAAA,cACvB,eAAe,UAAU;AAAA,cACzB,UAAU;AAAA,cACV,aAAa,SACV,4DACA;AAAA,cACH;AAAA,YACD;AAAA,YACA,OAAO,EAAE,CAAC,oBAA2B,GAAG,YAAY,QAAQ,EAAE;AAAA,YAC9D,KAAK;AAAA,YAEJ;AAAA;AAAA,cAEA,CAAC,mBACD;AAAA,gBAAC;AAAA;AAAA,kBACA,MAAM,oBAAC,OAAI,MAAM,IAAI;AAAA,kBACrB,OAAM;AAAA,kBACN,SAAQ;AAAA,kBACR,WAAU;AAAA,kBACV,SAAS,MAAM,UAAU,KAAK;AAAA;AAAA,cAC/B;AAAA;AAAA;AAAA,QAEF;AAAA;AAAA;AAAA,EACD;AAEF;AACA,IAAO,iBAAQ;","names":[]}