@julseb-lib/react 1.1.6 → 1.1.7

package/dist/{Dropdown-455AO355.js → Dropdown-O4LJCHNM.js}

@@ -1,19 +1,19 @@
 import {
   useClickOutside,
   useMergeRefs
-} from "./chunk-JGPGZQFJ.js";
+} from "./chunk-TFAN3VAD.js";
 import {
   clsx,
   genBorderRadius,
   genBoxShadow
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Dropdown/Dropdown.tsx
 import { useRef, lazy } from "react";
 import { uuid } from "@julseb-lib/utils";
 import { jsx } from "react/jsx-runtime";
 import { createElement } from "react";
-var DropdownItem = lazy(() => import("./DropdownItem-UCA47UVI.js"));
+var DropdownItem = lazy(() => import("./DropdownItem-QDWTUEBG.js"));
 var Dropdown = ({
   className,
   element = "div",
@@ -64,4 +64,4 @@ var Dropdown_default = Dropdown;
 export {
   Dropdown_default as default
 };
-//# sourceMappingURL=Dropdown-455AO355.js.map
+//# sourceMappingURL=Dropdown-O4LJCHNM.js.map

package/dist/{DropdownItem-UCA47UVI.js → DropdownItem-QDWTUEBG.js}

@@ -1,6 +1,6 @@
 import {
   clsx
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Dropdown/DropdownItem.tsx
 import "react";
@@ -30,4 +30,4 @@ var DropdownItem_default = DropdownItem;
 export {
   DropdownItem_default as default
 };
-//# sourceMappingURL=DropdownItem-UCA47UVI.js.map
+//# sourceMappingURL=DropdownItem-QDWTUEBG.js.map

package/dist/{Em-4IFLHH7Y.js → Em-JLQGAC4K.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/Em.tsx
 import { jsx } from "react/jsx-runtime";
@@ -43,4 +43,4 @@ var Em_default = Em;
 export {
   Em_default as default
 };
-//# sourceMappingURL=Em-4IFLHH7Y.js.map
+//# sourceMappingURL=Em-JLQGAC4K.js.map

package/dist/{EmptyContainer-JK46VEXE.js → EmptyContainer-VKZTB5YL.js}

@@ -1,6 +1,6 @@
 import {
   clsx
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/InputImage/EmptyContainer.tsx
 import { BiImage } from "react-icons/bi";
@@ -21,4 +21,4 @@ var EmptyContainer_default = EmptyContainer;
 export {
   EmptyContainer_default as default
 };
-//# sourceMappingURL=EmptyContainer-JK46VEXE.js.map
+//# sourceMappingURL=EmptyContainer-VKZTB5YL.js.map

package/dist/{Fade-VXR3IWH6.js → Fade-NIJHR7KP.js}

@@ -1,9 +1,9 @@
 import {
   useMergeRefs
-} from "./chunk-JGPGZQFJ.js";
+} from "./chunk-TFAN3VAD.js";
 import {
   clsx
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Fade/Fade.tsx
 import { useState, useRef, useEffect } from "react";
@@ -44,4 +44,4 @@ var Fade_default = Fade;
 export {
   Fade_default as default
 };
-//# sourceMappingURL=Fade-VXR3IWH6.js.map
+//# sourceMappingURL=Fade-NIJHR7KP.js.map

package/dist/{Fieldset-POYI6JUP.js → Fieldset-IEO5LHNQ.js}

@@ -1,10 +1,10 @@
 import {
   InputContainer
-} from "./chunk-TUEFTORS.js";
+} from "./chunk-IV5EEID4.js";
 import {
   clsx,
   genBorderRadius
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Fieldset/Fieldset.tsx
 import "react";
@@ -53,4 +53,4 @@ var Fieldset_default = Fieldset;
 export {
   Fieldset_default as default
 };
-//# sourceMappingURL=Fieldset-POYI6JUP.js.map
+//# sourceMappingURL=Fieldset-IEO5LHNQ.js.map

package/dist/{FileInput-DIILQ3TF.js → FileInput-XPPGMNXI.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/FileInput.tsx
 import "react";
@@ -53,4 +53,4 @@ var FileInput_default = FileInput;
 export {
   FileInput_default as default
 };
-//# sourceMappingURL=FileInput-DIILQ3TF.js.map
+//# sourceMappingURL=FileInput-XPPGMNXI.js.map

package/dist/{Flexbox-UTBN6YEA.js → Flexbox-NUNSU5JL.js}

@@ -7,7 +7,7 @@ import {
   genJustifyContent,
   genJustifyItems,
   genRowGap
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Flexbox/Flexbox.tsx
 import "react";
@@ -68,4 +68,4 @@ var genFlexWrap = {
 export {
   Flexbox_default as default
 };
-//# sourceMappingURL=Flexbox-UTBN6YEA.js.map
+//# sourceMappingURL=Flexbox-NUNSU5JL.js.map

package/dist/{Footer-VZAYNJ46.js → Footer-OZNZTXUT.js}

@@ -4,7 +4,7 @@ import {
   genButtonColor,
   genLinkColor,
   genTextAllColor
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Footer/Footer.tsx
 import { Children, Fragment } from "react";
@@ -34,7 +34,7 @@ var Footer = ({
       className: clsx(
         "relative flex px-[5%] pb-4",
         direction === "horizontal" ? "flex-row justify-between" : "flex-col items-center gap-2",
-        !hideSeparator && "before:w-[90%] before:h-[1px] before:absolute before:top-0 before:left-[5%] before:bg-gray-200 pt-4",
+        !hideSeparator && "before:w-[90%] before:h-px before:absolute before:top-0 before:left-[5%] before:bg-gray-200 pt-4",
         genLinkColor[linksColor],
         genButtonColor[linksColor],
         "footer",
@@ -66,4 +66,4 @@ var Footer_default = Footer;
 export {
   Footer_default as default
 };
-//# sourceMappingURL=Footer-VZAYNJ46.js.map
+//# sourceMappingURL=Footer-OZNZTXUT.js.map

package/dist/{Footer-VZAYNJ46.js.map → Footer-OZNZTXUT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/components/Footer/Footer.tsx"],"sourcesContent":["import { Children, Fragment, type FC } from \"react\"\nimport { uuid } from \"@julseb-lib/utils\"\nimport { Text } from \"../Text\"\nimport {\n\tclsx,\n\tgenButtonColor,\n\tgenLinkColor,\n\tgenTextAllColor,\n} from \"../../utils\"\nimport type { ILibFooter } from \"./types\"\n\n/**\n * Footer component for displaying a page footer with logo, links, and customizable layout options.\n *\n * @component\n *\n * @example\n * <Footer\n *   logo={<img src=\"/logo.png\" alt=\"Logo\" />}\n *   direction=\"horizontal\"\n *   linksSeparator=\"dot\"\n *   items={[\n *     <a href=\"/privacy\">Privacy</a>,\n *     <a href=\"/terms\">Terms</a>,\n *     <a href=\"/contact\">Contact</a>\n *   ]}\n * />\n *\n * @extends ILibFooter\n *\n * @prop {string} [props.className] - Additional CSS classes to apply to the footer container.\n * @prop {React.ElementType} [props.element=\"footer\"] - HTML element type to render as the container.\n * @prop {React.Ref<any>} [props.ref] - Ref to the footer element.\n * @prop {React.ReactNode} [props.children] - Child elements to display in the footer links section.\n * @prop {boolean} [props.hideSeparator] - Whether to hide the top border separator line.\n * @prop {boolean} [props.hideLinksSeparator] - Whether to hide separators between footer links.\n * @prop {\"dot\" | \"dash\"} [props.linksSeparator=\"dot\"] - Type of separator to display between links. Possible values: \"dot\", \"dash\". Default: \"dot\".\n * @prop {Array<React.ReactNode>} [props.items] - Array of footer link items to display.\n * @prop {React.ReactNode} [props.logo] - Logo element to display in the footer.\n * @prop {\"horizontal\" | \"vertical\"} [props.direction=\"horizontal\"] - Layout direction for footer content. Possible values: \"horizontal\", \"vertical\". Default: \"horizontal\".\n * @prop {LibAllColors} [props.linksSeparatorColor=\"gray-500\"] - Color for the separator between links. Default: \"gray-500\".\n * @prop {LibColorsHover} [props.linksColor=\"primary\"] - Color for the footer links. Default: \"primary\".\n *\n * @returns {JSX.Element} The rendered Footer component.\n *\n * @see https://doc-julseb-lib-react.vercel.app/components/footer\n */\nconst Footer: FC<ILibFooter> = ({\n\tclassName,\n\telement = \"footer\",\n\tref,\n\tchildren,\n\thideSeparator,\n\thideLinksSeparator,\n\tlinksSeparator = \"dot\",\n\titems,\n\tlogo,\n\tdirection = \"horizontal\",\n\tlinksSeparatorColor = \"gray-500\",\n\tlinksColor = \"primary\",\n\t...rest\n}) => {\n\tconst Element = element\n\tconst childrenArray = Children.toArray(children)\n\n\treturn (\n\t\t<Element\n\t\t\tref={ref}\n\t\t\tclassName={clsx(\n\t\t\t\t\"relative flex px-[5%] pb-4\",\n\t\t\t\tdirection === \"horizontal\"\n\t\t\t\t\t? \"flex-row justify-between\"\n\t\t\t\t\t: \"flex-col items-center gap-2\",\n\t\t\t\t!hideSeparator &&\n\t\t\t\t\t\"before:w-[90%] before:h-[1px] before:absolute before:top-0 before:left-[5%] before:bg-gray-200 pt-4\",\n\t\t\t\tgenLinkColor[linksColor],\n\t\t\t\tgenButtonColor[linksColor],\n\t\t\t\t\"footer\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{typeof logo === \"string\" ? <Text>{logo}</Text> : logo}\n\n\t\t\t<div className=\"flex items-container gap-2\">\n\t\t\t\t{items?.map((item, i) => (\n\t\t\t\t\t<Fragment key={uuid()}>\n\t\t\t\t\t\t{item}\n\n\t\t\t\t\t\t{i !== items.length - 1 && !hideLinksSeparator && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\t\t\tgenTextAllColor[linksSeparatorColor],\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{linksSeparator === \"dot\" ? \"•\" : \"-\"}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Fragment>\n\t\t\t\t)) ??\n\t\t\t\t\tchildrenArray.map((child, i) => (\n\t\t\t\t\t\t<Fragment key={uuid()}>\n\t\t\t\t\t\t\t{child}\n\n\t\t\t\t\t\t\t{i !== childrenArray.length - 1 &&\n\t\t\t\t\t\t\t\t!hideLinksSeparator &&\n\t\t\t\t\t\t\t\t(linksSeparator === \"dot\" ? \"•\" : \"-\")}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t</Element>\n\t)\n}\n\nexport default Footer\n"],"mappings":";;;;;;;;;AAAA,SAAS,UAAU,gBAAyB;AAC5C,SAAS,YAAY;AAiFU,cAI1B,YAJ0B;AAnC/B,IAAM,SAAyB,CAAC;AAAA,EAC/B;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,sBAAsB;AAAA,EACtB,aAAa;AAAA,EACb,GAAG;AACJ,MAAM;AACL,QAAM,UAAU;AAChB,QAAM,gBAAgB,SAAS,QAAQ,QAAQ;AAE/C,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACV;AAAA,QACA,cAAc,eACX,6BACA;AAAA,QACH,CAAC,iBACA;AAAA,QACD,aAAa,UAAU;AAAA,QACvB,eAAe,UAAU;AAAA,QACzB;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,eAAO,SAAS,WAAW,oBAAC,QAAM,gBAAK,IAAU;AAAA,QAElD,oBAAC,SAAI,WAAU,8BACb,iBAAO,IAAI,CAAC,MAAM,MAClB,qBAAC,YACC;AAAA;AAAA,UAEA,MAAM,MAAM,SAAS,KAAK,CAAC,sBAC3B;AAAA,YAAC;AAAA;AAAA,cACA,WAAW;AAAA,gBACV,gBAAgB,mBAAmB;AAAA,cACpC;AAAA,cAEC,6BAAmB,QAAQ,WAAM;AAAA;AAAA,UACnC;AAAA,aAVa,KAAK,CAYpB,CACA,KACA,cAAc,IAAI,CAAC,OAAO,MACzB,qBAAC,YACC;AAAA;AAAA,UAEA,MAAM,cAAc,SAAS,KAC7B,CAAC,uBACA,mBAAmB,QAAQ,WAAM;AAAA,aALrB,KAAK,CAMpB,CACA,GACH;AAAA;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,iBAAQ;","names":[]}
+{"version":3,"sources":["../src/lib/components/Footer/Footer.tsx"],"sourcesContent":["import { Children, Fragment, type FC } from \"react\"\nimport { uuid } from \"@julseb-lib/utils\"\nimport { Text } from \"../Text\"\nimport {\n\tclsx,\n\tgenButtonColor,\n\tgenLinkColor,\n\tgenTextAllColor,\n} from \"../../utils\"\nimport type { ILibFooter } from \"./types\"\n\n/**\n * Footer component for displaying a page footer with logo, links, and customizable layout options.\n *\n * @component\n *\n * @example\n * <Footer\n *   logo={<img src=\"/logo.png\" alt=\"Logo\" />}\n *   direction=\"horizontal\"\n *   linksSeparator=\"dot\"\n *   items={[\n *     <a href=\"/privacy\">Privacy</a>,\n *     <a href=\"/terms\">Terms</a>,\n *     <a href=\"/contact\">Contact</a>\n *   ]}\n * />\n *\n * @extends ILibFooter\n *\n * @prop {string} [props.className] - Additional CSS classes to apply to the footer container.\n * @prop {React.ElementType} [props.element=\"footer\"] - HTML element type to render as the container.\n * @prop {React.Ref<any>} [props.ref] - Ref to the footer element.\n * @prop {React.ReactNode} [props.children] - Child elements to display in the footer links section.\n * @prop {boolean} [props.hideSeparator] - Whether to hide the top border separator line.\n * @prop {boolean} [props.hideLinksSeparator] - Whether to hide separators between footer links.\n * @prop {\"dot\" | \"dash\"} [props.linksSeparator=\"dot\"] - Type of separator to display between links. Possible values: \"dot\", \"dash\". Default: \"dot\".\n * @prop {Array<React.ReactNode>} [props.items] - Array of footer link items to display.\n * @prop {React.ReactNode} [props.logo] - Logo element to display in the footer.\n * @prop {\"horizontal\" | \"vertical\"} [props.direction=\"horizontal\"] - Layout direction for footer content. Possible values: \"horizontal\", \"vertical\". Default: \"horizontal\".\n * @prop {LibAllColors} [props.linksSeparatorColor=\"gray-500\"] - Color for the separator between links. Default: \"gray-500\".\n * @prop {LibColorsHover} [props.linksColor=\"primary\"] - Color for the footer links. Default: \"primary\".\n *\n * @returns {JSX.Element} The rendered Footer component.\n *\n * @see https://doc-julseb-lib-react.vercel.app/components/footer\n */\nconst Footer: FC<ILibFooter> = ({\n\tclassName,\n\telement = \"footer\",\n\tref,\n\tchildren,\n\thideSeparator,\n\thideLinksSeparator,\n\tlinksSeparator = \"dot\",\n\titems,\n\tlogo,\n\tdirection = \"horizontal\",\n\tlinksSeparatorColor = \"gray-500\",\n\tlinksColor = \"primary\",\n\t...rest\n}) => {\n\tconst Element = element\n\tconst childrenArray = Children.toArray(children)\n\n\treturn (\n\t\t<Element\n\t\t\tref={ref}\n\t\t\tclassName={clsx(\n\t\t\t\t\"relative flex px-[5%] pb-4\",\n\t\t\t\tdirection === \"horizontal\"\n\t\t\t\t\t? \"flex-row justify-between\"\n\t\t\t\t\t: \"flex-col items-center gap-2\",\n\t\t\t\t!hideSeparator &&\n\t\t\t\t\t\"before:w-[90%] before:h-px before:absolute before:top-0 before:left-[5%] before:bg-gray-200 pt-4\",\n\t\t\t\tgenLinkColor[linksColor],\n\t\t\t\tgenButtonColor[linksColor],\n\t\t\t\t\"footer\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{typeof logo === \"string\" ? <Text>{logo}</Text> : logo}\n\n\t\t\t<div className=\"flex items-container gap-2\">\n\t\t\t\t{items?.map((item, i) => (\n\t\t\t\t\t<Fragment key={uuid()}>\n\t\t\t\t\t\t{item}\n\n\t\t\t\t\t\t{i !== items.length - 1 && !hideLinksSeparator && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\t\t\tgenTextAllColor[linksSeparatorColor],\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{linksSeparator === \"dot\" ? \"•\" : \"-\"}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Fragment>\n\t\t\t\t)) ??\n\t\t\t\t\tchildrenArray.map((child, i) => (\n\t\t\t\t\t\t<Fragment key={uuid()}>\n\t\t\t\t\t\t\t{child}\n\n\t\t\t\t\t\t\t{i !== childrenArray.length - 1 &&\n\t\t\t\t\t\t\t\t!hideLinksSeparator &&\n\t\t\t\t\t\t\t\t(linksSeparator === \"dot\" ? \"•\" : \"-\")}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t</Element>\n\t)\n}\n\nexport default Footer\n"],"mappings":";;;;;;;;;AAAA,SAAS,UAAU,gBAAyB;AAC5C,SAAS,YAAY;AAiFU,cAI1B,YAJ0B;AAnC/B,IAAM,SAAyB,CAAC;AAAA,EAC/B;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,sBAAsB;AAAA,EACtB,aAAa;AAAA,EACb,GAAG;AACJ,MAAM;AACL,QAAM,UAAU;AAChB,QAAM,gBAAgB,SAAS,QAAQ,QAAQ;AAE/C,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACV;AAAA,QACA,cAAc,eACX,6BACA;AAAA,QACH,CAAC,iBACA;AAAA,QACD,aAAa,UAAU;AAAA,QACvB,eAAe,UAAU;AAAA,QACzB;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,eAAO,SAAS,WAAW,oBAAC,QAAM,gBAAK,IAAU;AAAA,QAElD,oBAAC,SAAI,WAAU,8BACb,iBAAO,IAAI,CAAC,MAAM,MAClB,qBAAC,YACC;AAAA;AAAA,UAEA,MAAM,MAAM,SAAS,KAAK,CAAC,sBAC3B;AAAA,YAAC;AAAA;AAAA,cACA,WAAW;AAAA,gBACV,gBAAgB,mBAAmB;AAAA,cACpC;AAAA,cAEC,6BAAmB,QAAQ,WAAM;AAAA;AAAA,UACnC;AAAA,aAVa,KAAK,CAYpB,CACA,KACA,cAAc,IAAI,CAAC,OAAO,MACzB,qBAAC,YACC;AAAA;AAAA,UAEA,MAAM,cAAc,SAAS,KAC7B,CAAC,uBACA,mBAAmB,QAAQ,WAAM;AAAA,aALrB,KAAK,CAMpB,CACA,GACH;AAAA;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,iBAAQ;","names":[]}

package/dist/{Form-4SJFHFRM.js → Form-5W54CSDW.js}

@@ -1,14 +1,15 @@
 import {
   Button
-} from "./chunk-JOFMHQRW.js";
+} from "./chunk-523JDMNI.js";
 import {
   clsx
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Form/Form.tsx
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Form = ({
+  element = "form",
   className,
   ref,
   children,
@@ -19,8 +20,9 @@ var Form = ({
   loaderVariant,
   ...rest
 }) => {
+  const Element = element;
   return /* @__PURE__ */ jsxs(
-    "form",
+    Element,
     {
       ref,
       className: clsx("flex flex-col gap-4", "form", className),
@@ -58,4 +60,4 @@ var Form_default = Form;
 export {
   Form_default as default
 };
-//# sourceMappingURL=Form-4SJFHFRM.js.map
+//# sourceMappingURL=Form-5W54CSDW.js.map

package/dist/{Form-4SJFHFRM.js.map → Form-5W54CSDW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/components/Form/Form.tsx"],"sourcesContent":["import { type FC } from \"react\"\nimport { Button } from \"../Button\"\nimport { clsx } from \"../../utils\"\nimport type { ILibForm } from \"./types\"\n\n/**\n * Form component for creating forms with built-in submit and secondary action buttons, loading states, and validation support.\n *\n * @component\n *\n * @example\n * <Form\n *   buttonPrimary=\"Submit\"\n *   buttonSecondary={{ content: \"Cancel\", onClick: handleCancel }}\n *   isLoading={isSubmitting}\n *   disabled={!isValid}\n * >\n *   <Input label=\"Name\" value={name} setValue={setName} />\n *   <Input label=\"Email\" value={email} setValue={setEmail} />\n * </Form>\n *\n * @extends HTMLFormElement\n *\n * @prop {string} [props.className] - Additional CSS classes to apply to the form container.\n * @prop {React.Ref<HTMLFormElement>} [props.ref] - Ref to the form element.\n * @prop {React.ReactNode} [props.children] - Form fields and content to display inside the form.\n * @prop {boolean} [props.isLoading] - Whether the form is in a loading state (shows loader on primary button).\n * @prop {boolean} [props.disabled] - Whether the form and its primary button are disabled.\n * @prop {string} [props.buttonPrimary] - Text content for the primary submit button.\n * @prop {object} [props.buttonSecondary] - Configuration object for the secondary button with content and additional props.\n * @prop {1 | 2 | 3} [props.loaderVariant] - Type of loader animation to display on the primary button when loading.\n * @prop {any} [props.rest] - Additional props spread to the form element.\n *\n * @returns {JSX.Element} The rendered Form component.\n *\n * @see https://doc-julseb-lib-react.vercel.app/components/form\n */\nconst Form: FC<ILibForm> = ({\n\tclassName,\n\tref,\n\tchildren,\n\tisLoading,\n\tdisabled,\n\tbuttonPrimary,\n\tbuttonSecondary,\n\tloaderVariant,\n\t...rest\n}) => {\n\treturn (\n\t\t<form\n\t\t\tref={ref}\n\t\t\tclassName={clsx(\"flex flex-col gap-4\", \"form\", className)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\n\t\t\t{buttonPrimary && (\n\t\t\t\t<div className=\"flex items-center gap-2 form-buttons-container\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tisLoading={isLoading}\n\t\t\t\t\t\tloaderVariant={loaderVariant}\n\t\t\t\t\t\tclassName=\"form-button\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{buttonPrimary}\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t{buttonSecondary && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t{...(buttonSecondary as any)}\n\t\t\t\t\t\t\ttype={buttonSecondary.type ?? \"button\"}\n\t\t\t\t\t\t\tvariant=\"transparent\"\n\t\t\t\t\t\t\tclassName=\"form-button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{buttonSecondary.content}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</form>\n\t)\n}\nexport default Form\n"],"mappings":";;;;;;;;AAAA,OAAwB;AAyDpB,SACC,KADD;AApBJ,IAAM,OAAqB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,MAAM;AACL,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAW,KAAK,uBAAuB,QAAQ,SAAS;AAAA,MACvD,GAAG;AAAA,MAEH;AAAA;AAAA,QAEA,iBACA,qBAAC,SAAI,WAAU,kDACd;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,MAAK;AAAA,cACL;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAU;AAAA,cAET;AAAA;AAAA,UACF;AAAA,UAEC,mBACA;AAAA,YAAC;AAAA;AAAA,cACC,GAAI;AAAA,cACL,MAAM,gBAAgB,QAAQ;AAAA,cAC9B,SAAQ;AAAA,cACR,WAAU;AAAA,cAET,0BAAgB;AAAA;AAAA,UAClB;AAAA,WAEF;AAAA;AAAA;AAAA,EAEF;AAEF;AACA,IAAO,eAAQ;","names":[]}
+{"version":3,"sources":["../src/lib/components/Form/Form.tsx"],"sourcesContent":["import { type FC } from \"react\"\nimport { Button } from \"../Button\"\nimport { clsx } from \"../../utils\"\nimport type { ILibForm } from \"./types\"\n\n/**\n * Form component for creating forms with built-in submit and secondary action buttons, loading states, and validation support.\n *\n * @component\n *\n * @example\n * <Form\n *   buttonPrimary=\"Submit\"\n *   buttonSecondary={{ content: \"Cancel\", onClick: handleCancel }}\n *   isLoading={isSubmitting}\n *   disabled={!isValid}\n * >\n *   <Input label=\"Name\" value={name} setValue={setName} />\n *   <Input label=\"Email\" value={email} setValue={setEmail} />\n * </Form>\n *\n * @extends HTMLFormElement\n *\n * @prop {string} [props.className] - Additional CSS classes to apply to the form container.\n * @prop {React.Ref<HTMLFormElement>} [props.ref] - Ref to the form element.\n * @prop {React.ReactNode} [props.children] - Form fields and content to display inside the form.\n * @prop {boolean} [props.isLoading] - Whether the form is in a loading state (shows loader on primary button).\n * @prop {boolean} [props.disabled] - Whether the form and its primary button are disabled.\n * @prop {string} [props.buttonPrimary] - Text content for the primary submit button.\n * @prop {object} [props.buttonSecondary] - Configuration object for the secondary button with content and additional props.\n * @prop {1 | 2 | 3} [props.loaderVariant] - Type of loader animation to display on the primary button when loading.\n * @prop {any} [props.rest] - Additional props spread to the form element.\n *\n * @returns {JSX.Element} The rendered Form component.\n *\n * @see https://doc-julseb-lib-react.vercel.app/components/form\n */\nconst Form: FC<ILibForm> = ({\n\telement = \"form\",\n\tclassName,\n\tref,\n\tchildren,\n\tisLoading,\n\tdisabled,\n\tbuttonPrimary,\n\tbuttonSecondary,\n\tloaderVariant,\n\t...rest\n}) => {\n\tconst Element = element\n\n\treturn (\n\t\t<Element\n\t\t\tref={ref}\n\t\t\tclassName={clsx(\"flex flex-col gap-4\", \"form\", className)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\n\t\t\t{buttonPrimary && (\n\t\t\t\t<div className=\"flex items-center gap-2 form-buttons-container\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tisLoading={isLoading}\n\t\t\t\t\t\tloaderVariant={loaderVariant}\n\t\t\t\t\t\tclassName=\"form-button\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{buttonPrimary}\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t{buttonSecondary && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t{...(buttonSecondary as any)}\n\t\t\t\t\t\t\ttype={buttonSecondary.type ?? \"button\"}\n\t\t\t\t\t\t\tvariant=\"transparent\"\n\t\t\t\t\t\t\tclassName=\"form-button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{buttonSecondary.content}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Element>\n\t)\n}\nexport default Form\n"],"mappings":";;;;;;;;AAAA,OAAwB;AA4DpB,SACC,KADD;AAvBJ,IAAM,OAAqB,CAAC;AAAA,EAC3B,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,MAAM;AACL,QAAM,UAAU;AAEhB,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAW,KAAK,uBAAuB,QAAQ,SAAS;AAAA,MACvD,GAAG;AAAA,MAEH;AAAA;AAAA,QAEA,iBACA,qBAAC,SAAI,WAAU,kDACd;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,MAAK;AAAA,cACL;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAU;AAAA,cAET;AAAA;AAAA,UACF;AAAA,UAEC,mBACA;AAAA,YAAC;AAAA;AAAA,cACC,GAAI;AAAA,cACL,MAAM,gBAAgB,QAAQ;AAAA,cAC9B,SAAQ;AAAA,cACR,WAAU;AAAA,cAET,0BAAgB;AAAA;AAAA,UAClB;AAAA,WAEF;AAAA;AAAA;AAAA,EAEF;AAEF;AACA,IAAO,eAAQ;","names":[]}

package/dist/{Grid-MD6JKBBP.js → Grid-LTSPDQMA.js}

@@ -7,7 +7,7 @@ import {
   genJustifyContent,
   genJustifyItems,
   genRowGap
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Grid/Grid.tsx
 import "react";
@@ -68,4 +68,4 @@ var genGridColumns = {
 export {
   Grid_default as default
 };
-//# sourceMappingURL=Grid-MD6JKBBP.js.map
+//# sourceMappingURL=Grid-LTSPDQMA.js.map

package/dist/{H1-HYHA5CCQ.js → H1-E6MNY76H.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/H1.tsx
 import { jsx } from "react/jsx-runtime";
@@ -45,4 +45,4 @@ var H1_default = H1;
 export {
   H1_default as default
 };
-//# sourceMappingURL=H1-HYHA5CCQ.js.map
+//# sourceMappingURL=H1-E6MNY76H.js.map

package/dist/{H2-OVFLQ7Z2.js → H2-MJRJVMYC.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/H2.tsx
 import { jsx } from "react/jsx-runtime";
@@ -45,4 +45,4 @@ var H2_default = H2;
 export {
   H2_default as default
 };
-//# sourceMappingURL=H2-OVFLQ7Z2.js.map
+//# sourceMappingURL=H2-MJRJVMYC.js.map

package/dist/{H3-ADV3HOTZ.js → H3-OVPGOPVM.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/H3.tsx
 import { jsx } from "react/jsx-runtime";
@@ -45,4 +45,4 @@ var H3_default = H3;
 export {
   H3_default as default
 };
-//# sourceMappingURL=H3-ADV3HOTZ.js.map
+//# sourceMappingURL=H3-OVPGOPVM.js.map

package/dist/{H4-BW4MR6K6.js → H4-4QKBM6AH.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/H4.tsx
 import { jsx } from "react/jsx-runtime";
@@ -45,4 +45,4 @@ var H4_default = H4;
 export {
   H4_default as default
 };
-//# sourceMappingURL=H4-BW4MR6K6.js.map
+//# sourceMappingURL=H4-4QKBM6AH.js.map

package/dist/{H5-33LFLJW7.js → H5-7XYGNGOH.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/H5.tsx
 import { jsx } from "react/jsx-runtime";
@@ -45,4 +45,4 @@ var H5_default = H5;
 export {
   H5_default as default
 };
-//# sourceMappingURL=H5-33LFLJW7.js.map
+//# sourceMappingURL=H5-7XYGNGOH.js.map

package/dist/{H6-RMS4ETGW.js → H6-55QTNRUH.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/H6.tsx
 import { jsx } from "react/jsx-runtime";
@@ -44,4 +44,4 @@ var H6_default = H6;
 export {
   H6_default as default
 };
-//# sourceMappingURL=H6-RMS4ETGW.js.map
+//# sourceMappingURL=H6-55QTNRUH.js.map

package/dist/{Header-QYEWDT4M.js → Header-W7M3V3GP.js}

@@ -1,11 +1,11 @@
 import {
   Burger
-} from "./chunk-47LEIGLQ.js";
+} from "./chunk-3RM2MNPI.js";
 import {
   useClickOutside,
   useKeyPress,
   useMaxWidth
-} from "./chunk-JGPGZQFJ.js";
+} from "./chunk-TFAN3VAD.js";
 import {
   clsx,
   disableScroll,
@@ -14,12 +14,12 @@ import {
   genLinkColor,
   genRingColorChildren,
   genTextAllColor
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Header/Header.tsx
 import { useState, useEffect, useRef, lazy } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var HeaderSearch = lazy(() => import("./HeaderSearch-T4G6U6KB.js"));
+var HeaderSearch = lazy(() => import("./HeaderSearch-DMAL5EMO.js"));
 var Header = ({
   className,
   element = "header",
@@ -169,4 +169,4 @@ var Header_default = Header;
 export {
   Header_default as default
 };
-//# sourceMappingURL=Header-QYEWDT4M.js.map
+//# sourceMappingURL=Header-W7M3V3GP.js.map

package/dist/{HeaderSearch-T4G6U6KB.js → HeaderSearch-DMAL5EMO.js}

@@ -1,9 +1,9 @@
 import {
   Input
-} from "./chunk-LOSXMHIZ.js";
+} from "./chunk-LABOQCDB.js";
 import {
   clsx
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Header/HeaderSearch.tsx
 import "react";
@@ -58,4 +58,4 @@ var HeaderSearch_default = HeaderSearch;
 export {
   HeaderSearch_default as default
 };
-//# sourceMappingURL=HeaderSearch-T4G6U6KB.js.map
+//# sourceMappingURL=HeaderSearch-DMAL5EMO.js.map

package/dist/{Highlight-FQCFHDLR.js → Highlight-WRRD225N.js}

@@ -1,27 +1,27 @@
 import {
   getHighlightedText
-} from "./chunk-RHTIEQHS.js";
-import "./chunk-GIEFC5ZL.js";
-import "./chunk-LOSXMHIZ.js";
-import "./chunk-47LEIGLQ.js";
-import "./chunk-XGELHVCN.js";
+} from "./chunk-5LUC3FLE.js";
+import "./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-TUEFTORS.js";
-import "./chunk-G4C7ZBJA.js";
-import "./chunk-52AHRNUV.js";
-import "./chunk-VROPHPHQ.js";
-import "./chunk-DRRRZXTK.js";
-import "./chunk-JGPGZQFJ.js";
-import "./chunk-VXI3722T.js";
-import "./chunk-44CJN37W.js";
+import "./chunk-RJ7KLCL4.js";
+import "./chunk-IV5EEID4.js";
+import "./chunk-XMIR4MAL.js";
+import "./chunk-7GZVNYYO.js";
+import "./chunk-AH46HJNH.js";
+import "./chunk-MTPMALXL.js";
+import "./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/Highlight/Highlight.tsx
 import "react";
@@ -48,4 +48,4 @@ var Highlight_default = Highlight;
 export {
   Highlight_default as default
 };
-//# sourceMappingURL=Highlight-FQCFHDLR.js.map
+//# sourceMappingURL=Highlight-WRRD225N.js.map

package/dist/{HoverContainer-JTC4EFNW.js → HoverContainer-WFAGIKXE.js}

@@ -1,6 +1,6 @@
 import {
   clsx
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/InputImage/HoverContainer.tsx
 import { BiEdit } from "react-icons/bi";
@@ -22,4 +22,4 @@ var HoverContainer_default = HoverContainer;
 export {
   HoverContainer_default as default
 };
-//# sourceMappingURL=HoverContainer-JTC4EFNW.js.map
+//# sourceMappingURL=HoverContainer-WFAGIKXE.js.map

package/dist/{Hr-5N4O7HP5.js → Hr-YEYZQHKT.js}

@@ -2,7 +2,7 @@ import {
   clsx,
   genBgAllColors,
   genMaxWidth
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Hr/Hr.tsx
 import "react";
@@ -22,7 +22,7 @@ var Hr = ({
     {
       ref,
       className: clsx(
-        "border-none h-[1px]",
+        "border-none h-px",
         isRounded ? "rounded-full" : "rounded-none",
         genBgAllColors[color],
         genMaxWidth[maxWidth],
@@ -37,4 +37,4 @@ var Hr_default = Hr;
 export {
   Hr_default as default
 };
-//# sourceMappingURL=Hr-5N4O7HP5.js.map
+//# sourceMappingURL=Hr-YEYZQHKT.js.map

package/dist/{Hr-5N4O7HP5.js.map → Hr-YEYZQHKT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/components/Hr/Hr.tsx"],"sourcesContent":["import { type FC } from \"react\"\nimport { clsx, genBgAllColors, genMaxWidth } from \"../../utils\"\nimport type { ILibHr } from \"./types\"\n\n/**\n * Hr component for rendering a horizontal rule with custom color, width, and border radius.\n *\n * @component\n *\n * @example\n * <Hr maxWidth=\"lg\" color=\"gray-200\" isRounded />\n *\n * @extends HTMLHrElement\n *\n * @prop {\"3xs\" | \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"none\" | \"px\" | \"full\" | \"dvw\" | \"dvh\" | \"lvw\" | \"lvh\" | \"svw\" | \"svh\" | \"screen\" | \"min\" | \"max\" | \"fit\"} [maxWidth=\"full\"] - Maximum width of the hr.\n * @prop {string} [color=\"gray-200\"] - Background color of the hr.\n * @prop {boolean} [isRounded] - If true, the hr will have fully rounded borders.\n *\n * @returns {JSX.Element} The rendered Hr component.\n *\n * @see https://doc-julseb-lib-react.vercel.app/components/hr\n */\nconst Hr: FC<ILibHr> = ({\n\tclassName,\n\telement = \"hr\",\n\tref,\n\tmaxWidth = \"full\",\n\tcolor = \"gray-200\",\n\tisRounded,\n\t...rest\n}) => {\n\tconst Element = element\n\n\treturn (\n\t\t<Element\n\t\t\tref={ref}\n\t\t\tclassName={clsx(\n\t\t\t\t\"border-none h-[1px]\",\n\t\t\t\tisRounded ? \"rounded-full\" : \"rounded-none\",\n\t\t\t\tgenBgAllColors[color],\n\t\t\t\tgenMaxWidth[maxWidth],\n\t\t\t\t\"hr\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...rest}\n\t\t/>\n\t)\n}\nexport default Hr\n"],"mappings":";;;;;;;AAAA,OAAwB;AAkCtB;AAZF,IAAM,KAAiB,CAAC;AAAA,EACvB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACJ,MAAM;AACL,QAAM,UAAU;AAEhB,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACV;AAAA,QACA,YAAY,iBAAiB;AAAA,QAC7B,eAAe,KAAK;AAAA,QACpB,YAAY,QAAQ;AAAA,QACpB;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;AACA,IAAO,aAAQ;","names":[]}
+{"version":3,"sources":["../src/lib/components/Hr/Hr.tsx"],"sourcesContent":["import { type FC } from \"react\"\nimport { clsx, genBgAllColors, genMaxWidth } from \"../../utils\"\nimport type { ILibHr } from \"./types\"\n\n/**\n * Hr component for rendering a horizontal rule with custom color, width, and border radius.\n *\n * @component\n *\n * @example\n * <Hr maxWidth=\"lg\" color=\"gray-200\" isRounded />\n *\n * @extends HTMLHrElement\n *\n * @prop {\"3xs\" | \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"none\" | \"px\" | \"full\" | \"dvw\" | \"dvh\" | \"lvw\" | \"lvh\" | \"svw\" | \"svh\" | \"screen\" | \"min\" | \"max\" | \"fit\"} [maxWidth=\"full\"] - Maximum width of the hr.\n * @prop {string} [color=\"gray-200\"] - Background color of the hr.\n * @prop {boolean} [isRounded] - If true, the hr will have fully rounded borders.\n *\n * @returns {JSX.Element} The rendered Hr component.\n *\n * @see https://doc-julseb-lib-react.vercel.app/components/hr\n */\nconst Hr: FC<ILibHr> = ({\n\tclassName,\n\telement = \"hr\",\n\tref,\n\tmaxWidth = \"full\",\n\tcolor = \"gray-200\",\n\tisRounded,\n\t...rest\n}) => {\n\tconst Element = element\n\n\treturn (\n\t\t<Element\n\t\t\tref={ref}\n\t\t\tclassName={clsx(\n\t\t\t\t\"border-none h-px\",\n\t\t\t\tisRounded ? \"rounded-full\" : \"rounded-none\",\n\t\t\t\tgenBgAllColors[color],\n\t\t\t\tgenMaxWidth[maxWidth],\n\t\t\t\t\"hr\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...rest}\n\t\t/>\n\t)\n}\nexport default Hr\n"],"mappings":";;;;;;;AAAA,OAAwB;AAkCtB;AAZF,IAAM,KAAiB,CAAC;AAAA,EACvB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACJ,MAAM;AACL,QAAM,UAAU;AAEhB,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACV;AAAA,QACA,YAAY,iBAAiB;AAAA,QAC7B,eAAe,KAAK;AAAA,QACpB,YAAY,QAAQ;AAAA,QACpB;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;AACA,IAAO,aAAQ;","names":[]}

package/dist/{Image-7KGTBRIA.js → Image-TAWMMH6J.js}

@@ -1,6 +1,6 @@
 import {
   Image
-} from "./chunk-VXI3722T.js";
+} from "./chunk-3KHWEU2M.js";
 
 // src/lib/components/LazyImage/Image.tsx
 import { jsx } from "react/jsx-runtime";
@@ -11,4 +11,4 @@ var Image_default = Image2;
 export {
   Image_default as default
 };
-//# sourceMappingURL=Image-7KGTBRIA.js.map
+//# sourceMappingURL=Image-TAWMMH6J.js.map

package/dist/{Image-GI2WF277.js → Image-WE3GAQZH.js}

@@ -4,7 +4,7 @@ import {
   genBorderRadius,
   genObjectFit,
   genTextAllColor
-} from "./chunk-MTD5QAWU.js";
+} from "./chunk-ZJCLU5IM.js";
 
 // src/lib/components/Image/Image.tsx
 import "react";
@@ -76,4 +76,4 @@ var Image_default = Image;
 export {
   Image_default as default
 };
-//# sourceMappingURL=Image-GI2WF277.js.map
+//# sourceMappingURL=Image-WE3GAQZH.js.map

package/dist/{Input-OV6V34JK.js → Input-64YOZAJ5.js}

@@ -1,19 +1,19 @@
 import {
   InputContainer
-} from "./chunk-TUEFTORS.js";
+} from "./chunk-IV5EEID4.js";
 
 // src/lib/components/Input/Input.tsx
 import { lazy } from "react";
 import { jsx } from "react/jsx-runtime";
-var ColorInput = lazy(() => import("./ColorInput-NUYAQYZN.js"));
-var DateInput = lazy(() => import("./DateInput-SEEKX6EJ.js"));
-var FileInput = lazy(() => import("./FileInput-DIILQ3TF.js"));
-var PasswordInput = lazy(() => import("./PasswordInput-KFWZAYC6.js"));
-var SearchInput = lazy(() => import("./SearchInput-KTH6EFYY.js"));
-var SelectInput = lazy(() => import("./SelectInput-Y54SRBOP.js"));
-var TextareaInput = lazy(() => import("./TextareaInput-2VOHEL63.js"));
-var TextInput = lazy(() => import("./TextInput-7ZWYYEJQ.js"));
-var TimeInput = lazy(() => import("./TimeInput-COUY7DLO.js"));
+var ColorInput = lazy(() => import("./ColorInput-JAB5EJZV.js"));
+var DateInput = lazy(() => import("./DateInput-EVJUKSWZ.js"));
+var FileInput = lazy(() => import("./FileInput-XPPGMNXI.js"));
+var PasswordInput = lazy(() => import("./PasswordInput-IGSZMGXN.js"));
+var SearchInput = lazy(() => import("./SearchInput-4YQ7NWIU.js"));
+var SelectInput = lazy(() => import("./SelectInput-33WCIATY.js"));
+var TextareaInput = lazy(() => import("./TextareaInput-NOPBP2VZ.js"));
+var TextInput = lazy(() => import("./TextInput-GZR2PLHA.js"));
+var TimeInput = lazy(() => import("./TimeInput-4PBM46GG.js"));
 var renderComponent = (props, type) => {
   switch (type) {
     case "color":
@@ -95,4 +95,4 @@ var Input_default = Input;
 export {
   Input_default as default
 };
-//# sourceMappingURL=Input-OV6V34JK.js.map
+//# sourceMappingURL=Input-64YOZAJ5.js.map