1mpacto-react-ui 2.0.25 → 2.0.27

package/dist/components/Sidebar/Sidebar.mjs

@@ -1,133 +1,134 @@
-import { jsxs as a, jsx as s, Fragment as w } from "react/jsx-runtime";
-import e, { createElement as q } from "react";
-import o from "./Sidebar.module.scss.mjs";
-import A from "./ItemSidebar.mjs";
-import k from "../../config/tailwind/nativeScreen.mjs";
-import { configSidebar as S } from "./Sidebar.config.mjs";
-const D = e.forwardRef(
-  ($, O) => {
+import { jsxs as l, jsx as s, Fragment as S } from "react/jsx-runtime";
+import e, { createElement as A } from "react";
+import i from "./Sidebar.module.scss.mjs";
+import D from "./ItemSidebar.mjs";
+import O from "../../config/tailwind/nativeScreen.mjs";
+import { configSidebar as v } from "./Sidebar.config.mjs";
+const G = e.forwardRef(
+  ($, V) => {
     const {
-      as: v,
-      children: E,
-      patch: c = "/",
-      iconCompany: r,
-      iconSubs: V,
-      iconCollapse: u,
-      iconCollapseClose: N,
-      modules: x,
-      toleranceWidthIconCompany: L = 25,
-      onClickItems: z,
+      as: E,
+      children: N,
+      patch: r = "/",
+      iconCompany: p,
+      iconSubs: x,
+      iconCollapse: f,
+      iconCollapseClose: g,
+      modules: L,
+      toleranceWidthIconCompany: z = 25,
+      onClickItems: j,
       variant: m = "payhere-brand-base-white",
-      footer: l,
-      withInheritance: g,
+      footer: d,
+      withInheritance: I,
       id: h = "1ru-sidebar",
-      styleSidebar: j,
-      styleContent: B,
-      ...M
-    } = $, T = e.useRef(null), [n, d] = e.useState(null), [i, f] = e.useState(null), [F, I] = e.useState(""), [R, b] = e.useState(), [W, H] = e.useState(0), y = () => {
+      styleSidebar: B,
+      styleContent: M,
+      defaultOpen: a,
+      ...T
+    } = $, F = e.useRef(null), [n, c] = e.useState(null), [o, b] = e.useState(typeof a == "boolean" ? a : null), [H, R] = e.useState(""), [W, y] = e.useState(), [k, P] = e.useState(0), C = () => {
       let t = 0;
-      document.getElementById("icon-company-sidebar")?.childNodes?.forEach((P) => {
-        t += P.getBoundingClientRect().width ?? 0;
-      }), b(t + L + "px");
-    }, C = () => {
-      H(window.innerWidth);
-    }, p = () => {
-      d(!i), i ? b("auto") : setTimeout(() => {
-        y();
+      document.getElementById("icon-company-sidebar")?.childNodes?.forEach((q) => {
+        t += q.getBoundingClientRect().width ?? 0;
+      }), y(t + z + "px");
+    }, w = () => {
+      P(window.innerWidth);
+    }, u = () => {
+      c(!o), o ? y("auto") : setTimeout(() => {
+        C();
       }, 100);
     };
     return e.useEffect(() => {
-      W >= (S.mobileSupport.includes(m) ? k.lg : k.md) ? (d(!0), setTimeout(() => {
-        y();
-      }, 100)) : (d(!1), b("auto"));
-    }, [W]), e.useEffect(() => {
-      typeof n == "boolean" && f(n);
+      k >= (v.mobileSupport.includes(m) ? O.lg : O.md) ? (c(typeof a == "boolean" ? a : !0), setTimeout(() => {
+        C();
+      }, 100)) : (c(typeof a == "boolean" ? a : !1), y("auto"));
+    }, [k]), e.useEffect(() => {
+      typeof n == "boolean" && b(n);
     }, [n]), e.useImperativeHandle(
-      O,
+      V,
       () => ({
         openSidebar: n,
-        setOpenSidebar: d,
-        handlerClickCollapse: p
+        setOpenSidebar: c,
+        handlerClickCollapse: u
       }),
-      [n, i]
-    ), e.useEffect(() => (c && c.split("/").length > 1 && I(c + "/"), y(), C(), window.addEventListener("resize", C), () => window.removeEventListener("resize", C)), []), /* @__PURE__ */ a("div", { className: S.variants[m], ...M, ref: T, children: [
-      /* @__PURE__ */ a(
+      [n, o]
+    ), e.useEffect(() => (r && r.split("/").length > 1 && R(r + "/"), C(), w(), window.addEventListener("resize", w), () => window.removeEventListener("resize", w)), []), /* @__PURE__ */ l("div", { className: v.variants[m], ...T, ref: F, children: [
+      /* @__PURE__ */ l(
         "div",
         {
           id: h,
-          className: `${o.sidebar} ${typeof i == "boolean" && i ? o["sidebar-open"] : ""} ${typeof i == "boolean" && !i ? o["sidebar-close"] : ""}`,
-          style: j || {},
+          className: `${i.sidebar} ${typeof o == "boolean" && o ? i["sidebar-open"] : ""} ${typeof o == "boolean" && !o ? i["sidebar-close"] : ""}`,
+          style: B || {},
           children: [
-            e.isValidElement(u) && /* @__PURE__ */ a(
+            e.isValidElement(f) && /* @__PURE__ */ l(
               "div",
               {
-                className: o["button-collaps-sidebar"],
+                className: i["button-collaps-sidebar"],
                 id: `${h}-${n ? "close-collapse" : "open-collapse"}`,
-                onClick: p,
+                onClick: u,
                 children: [
-                  n && u,
-                  n ? "" : e.isValidElement(N) ? N : u
+                  n && f,
+                  n ? "" : e.isValidElement(g) ? g : f
                 ]
               }
             ),
-            /* @__PURE__ */ s("div", { className: o["container-icon-company-sidebar"], children: /* @__PURE__ */ a(
+            /* @__PURE__ */ s("div", { className: i["container-icon-company-sidebar"], children: /* @__PURE__ */ l(
               "div",
               {
                 id: "icon-company-sidebar",
-                className: o["icon-company-sidebar"],
+                className: i["icon-company-sidebar"],
                 style: {
-                  width: R && S.withCuctomWidthIconCompany.includes(m) ? R : "100%"
+                  width: W && v.withCuctomWidthIconCompany.includes(m) ? W : "100%"
                 },
                 children: [
-                  e.isValidElement(r) && r,
-                  typeof r == "function" && r({ openSidebar: i, setOpenSidebar: d })
+                  e.isValidElement(p) && p,
+                  typeof p == "function" && p({ openSidebar: o, setOpenSidebar: c })
                 ]
               }
             ) }),
             /* @__PURE__ */ s(
               "div",
               {
-                className: o["menu-sidebar"],
+                className: i["menu-sidebar"],
                 onMouseOver: () => {
-                  n || f(!0);
+                  n || b(!0);
                 },
                 onMouseOut: () => {
-                  n || f(!1);
+                  n || b(!1);
                 },
-                children: x.map((t) => /* @__PURE__ */ q(
-                  A,
+                children: L.map((t) => /* @__PURE__ */ A(
+                  D,
                   {
                     ...t,
-                    as: t.manualRoute || t.subs.length > 0 ? "div" : v,
-                    linkComponent: v,
+                    as: t.manualRoute || t.subs.length > 0 ? "div" : E,
+                    linkComponent: E,
                     key: t.name,
-                    show: F,
-                    open: i,
-                    patch: c,
-                    iconSubs: V,
+                    show: H,
+                    open: o,
+                    patch: r,
+                    iconSubs: x,
                     variant: m,
-                    setShow: I,
-                    onClickItems: z
+                    setShow: R,
+                    onClickItems: j
                   }
                 ))
               }
             ),
-            l && /* @__PURE__ */ a("div", { className: i ? "iru-opacity-[1]" : "iru-opacity-0", children: [
-              e.isValidElement(l) && /* @__PURE__ */ s("div", { children: l }),
-              typeof l == "function" && /* @__PURE__ */ s("div", { children: l() })
+            d && /* @__PURE__ */ l("div", { className: o ? "iru-opacity-[1]" : "iru-opacity-0", children: [
+              e.isValidElement(d) && /* @__PURE__ */ s("div", { children: d }),
+              typeof d == "function" && /* @__PURE__ */ s("div", { children: d() })
             ] })
           ]
         }
       ),
-      n && /* @__PURE__ */ s("div", { id: `${h}-splace-screen`, className: o["splace-screen"], onClick: p }),
-      /* @__PURE__ */ a("div", { className: o["content-sidebar"], style: B || {}, children: [
-        g && e.Children?.map(E, (t) => /* @__PURE__ */ s(w, { children: e.isValidElement(t) && /* @__PURE__ */ s(w, { children: e.cloneElement(t, { openSidebar: n, handlerClickCollapse: p }) }) })),
-        !g && /* @__PURE__ */ s(w, { children: E })
+      n && /* @__PURE__ */ s("div", { id: `${h}-splace-screen`, className: i["splace-screen"], onClick: u }),
+      /* @__PURE__ */ l("div", { className: i["content-sidebar"], style: M || {}, children: [
+        I && e.Children?.map(N, (t) => /* @__PURE__ */ s(S, { children: e.isValidElement(t) && /* @__PURE__ */ s(S, { children: e.cloneElement(t, { openSidebar: n, handlerClickCollapse: u }) }) })),
+        !I && /* @__PURE__ */ s(S, { children: N })
       ] })
     ] });
   }
 );
-D.displayName = "Sidebar";
+G.displayName = "Sidebar";
 export {
-  D as default
+  G as default
 };

package/dist/components/Sidebar/Sidebar.module.scss.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_sidebar_1lllp_16",a={"splace-screen":"_splace-screen_1lllp_1","payhere-brand-base-white":"_payhere-brand-base-white_1lllp_13",sidebar:e,"button-collaps-sidebar":"_button-collaps-sidebar_1lllp_31","menu-sidebar":"_menu-sidebar_1lllp_48","sidebar-open":"_sidebar-open_1lllp_79","container-icon-company-sidebar":"_container-icon-company-sidebar_1lllp_96","icon-company-sidebar":"_icon-company-sidebar_1lllp_99","sidebar-close":"_sidebar-close_1lllp_107","content-sidebar":"_content-sidebar_1lllp_132","payhere-brand-base-transparent":"_payhere-brand-base-transparent_1lllp_211","payhere-brand-blue-gray-900-transparent":"_payhere-brand-blue-gray-900-transparent_1lllp_409","payhere-brand-indigo-900-transparent":"_payhere-brand-indigo-900-transparent_1lllp_607","laba-white":"_laba-white_1lllp_805","lpd-brand-base-white":"_lpd-brand-base-white_1lllp_1195","lpd-brand-base-transparent":"_lpd-brand-base-transparent_1lllp_1393","lpd-brand-base-white-responsive":"_lpd-brand-base-white-responsive_1lllp_1591","lpd-brand-base-transparent-responsive":"_lpd-brand-base-transparent-responsive_1lllp_1825","bill-brand-base":"_bill-brand-base_1lllp_2059","bill-brand-base-responsive":"_bill-brand-base-responsive_1lllp_2460"};exports.default=a;exports.sidebar=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="_sidebar_1sa0l_16",e={"splace-screen":"_splace-screen_1sa0l_1","payhere-brand-base-white":"_payhere-brand-base-white_1sa0l_13",sidebar:a,"button-collaps-sidebar":"_button-collaps-sidebar_1sa0l_31","menu-sidebar":"_menu-sidebar_1sa0l_48","sidebar-open":"_sidebar-open_1sa0l_79","container-icon-company-sidebar":"_container-icon-company-sidebar_1sa0l_96","icon-company-sidebar":"_icon-company-sidebar_1sa0l_99","sidebar-close":"_sidebar-close_1sa0l_107","content-sidebar":"_content-sidebar_1sa0l_132","payhere-brand-base-transparent":"_payhere-brand-base-transparent_1sa0l_211","payhere-brand-blue-gray-900-transparent":"_payhere-brand-blue-gray-900-transparent_1sa0l_409","payhere-brand-indigo-900-transparent":"_payhere-brand-indigo-900-transparent_1sa0l_607","laba-white":"_laba-white_1sa0l_805","lpd-brand-base-white":"_lpd-brand-base-white_1sa0l_1195","lpd-brand-base-transparent":"_lpd-brand-base-transparent_1sa0l_1393","lpd-brand-base-white-responsive":"_lpd-brand-base-white-responsive_1sa0l_1591","lpd-brand-base-transparent-responsive":"_lpd-brand-base-transparent-responsive_1sa0l_1825","bill-brand-base":"_bill-brand-base_1sa0l_2059","bill-brand-base-responsive":"_bill-brand-base-responsive_1sa0l_2460","fin-base":"_fin-base_1sa0l_2861","fin-base-responsive":"_fin-base-responsive_1sa0l_3255"};exports.default=e;exports.sidebar=a;

package/dist/components/Sidebar/Sidebar.module.scss.mjs

@@ -1,26 +1,28 @@
-const e = "_sidebar_1lllp_16", a = {
-  "splace-screen": "_splace-screen_1lllp_1",
-  "payhere-brand-base-white": "_payhere-brand-base-white_1lllp_13",
-  sidebar: e,
-  "button-collaps-sidebar": "_button-collaps-sidebar_1lllp_31",
-  "menu-sidebar": "_menu-sidebar_1lllp_48",
-  "sidebar-open": "_sidebar-open_1lllp_79",
-  "container-icon-company-sidebar": "_container-icon-company-sidebar_1lllp_96",
-  "icon-company-sidebar": "_icon-company-sidebar_1lllp_99",
-  "sidebar-close": "_sidebar-close_1lllp_107",
-  "content-sidebar": "_content-sidebar_1lllp_132",
-  "payhere-brand-base-transparent": "_payhere-brand-base-transparent_1lllp_211",
-  "payhere-brand-blue-gray-900-transparent": "_payhere-brand-blue-gray-900-transparent_1lllp_409",
-  "payhere-brand-indigo-900-transparent": "_payhere-brand-indigo-900-transparent_1lllp_607",
-  "laba-white": "_laba-white_1lllp_805",
-  "lpd-brand-base-white": "_lpd-brand-base-white_1lllp_1195",
-  "lpd-brand-base-transparent": "_lpd-brand-base-transparent_1lllp_1393",
-  "lpd-brand-base-white-responsive": "_lpd-brand-base-white-responsive_1lllp_1591",
-  "lpd-brand-base-transparent-responsive": "_lpd-brand-base-transparent-responsive_1lllp_1825",
-  "bill-brand-base": "_bill-brand-base_1lllp_2059",
-  "bill-brand-base-responsive": "_bill-brand-base-responsive_1lllp_2460"
+const a = "_sidebar_1sa0l_16", e = {
+  "splace-screen": "_splace-screen_1sa0l_1",
+  "payhere-brand-base-white": "_payhere-brand-base-white_1sa0l_13",
+  sidebar: a,
+  "button-collaps-sidebar": "_button-collaps-sidebar_1sa0l_31",
+  "menu-sidebar": "_menu-sidebar_1sa0l_48",
+  "sidebar-open": "_sidebar-open_1sa0l_79",
+  "container-icon-company-sidebar": "_container-icon-company-sidebar_1sa0l_96",
+  "icon-company-sidebar": "_icon-company-sidebar_1sa0l_99",
+  "sidebar-close": "_sidebar-close_1sa0l_107",
+  "content-sidebar": "_content-sidebar_1sa0l_132",
+  "payhere-brand-base-transparent": "_payhere-brand-base-transparent_1sa0l_211",
+  "payhere-brand-blue-gray-900-transparent": "_payhere-brand-blue-gray-900-transparent_1sa0l_409",
+  "payhere-brand-indigo-900-transparent": "_payhere-brand-indigo-900-transparent_1sa0l_607",
+  "laba-white": "_laba-white_1sa0l_805",
+  "lpd-brand-base-white": "_lpd-brand-base-white_1sa0l_1195",
+  "lpd-brand-base-transparent": "_lpd-brand-base-transparent_1sa0l_1393",
+  "lpd-brand-base-white-responsive": "_lpd-brand-base-white-responsive_1sa0l_1591",
+  "lpd-brand-base-transparent-responsive": "_lpd-brand-base-transparent-responsive_1sa0l_1825",
+  "bill-brand-base": "_bill-brand-base_1sa0l_2059",
+  "bill-brand-base-responsive": "_bill-brand-base-responsive_1sa0l_2460",
+  "fin-base": "_fin-base_1sa0l_2861",
+  "fin-base-responsive": "_fin-base-responsive_1sa0l_3255"
 };
 export {
-  a as default,
-  e as sidebar
+  e as default,
+  a as sidebar
 };

package/dist/components/Sidebar/itemSidebar.module.scss.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_hidden_t2dfc_96",i="_active_t2dfc_152",d={"item-icon-subs":"_item-icon-subs_t2dfc_1","item-sidebar-2":"_item-sidebar-2_t2dfc_1","item-sidebar-1":"_item-sidebar-1_t2dfc_1","end-icon":"_end-icon_t2dfc_1","item-icon":"_item-icon_t2dfc_1","item-label":"_item-label_t2dfc_25","item-sidebar-open":"_item-sidebar-open_t2dfc_51","item-sidebar-close":"_item-sidebar-close_t2dfc_66","item-icon-subs-active":"_item-icon-subs-active_t2dfc_75","item-subs-sidebar":"_item-subs-sidebar_t2dfc_82","sidebar-bill":"_sidebar-bill_t2dfc_85",hidden:e,"divider-item-sidebar-payhere":"_divider-item-sidebar-payhere_t2dfc_106","divider-item-sidebar-lpd":"_divider-item-sidebar-lpd_t2dfc_111","parent-sidebar-5":"_parent-sidebar-5_t2dfc_133","parent-sidebar-6":"_parent-sidebar-6_t2dfc_137","parent-sidebar-7":"_parent-sidebar-7_t2dfc_141","parent-sidebar-8":"_parent-sidebar-8_t2dfc_146",active:i,"sidebar-payhere-blue-gray-800":"_sidebar-payhere-blue-gray-800_t2dfc_162","sidebar-payhere-indigo-800":"_sidebar-payhere-indigo-800_t2dfc_188","sidebar-payhere":"_sidebar-payhere_t2dfc_162","sidebar-laba":"_sidebar-laba_t2dfc_240","sidebar-lpd":"_sidebar-lpd_t2dfc_273"};exports.active=i;exports.default=d;exports.hidden=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_hidden_1tshq_96",i="_active_1tshq_152",s={"item-icon-subs":"_item-icon-subs_1tshq_1","item-sidebar-2":"_item-sidebar-2_1tshq_1","item-sidebar-1":"_item-sidebar-1_1tshq_1","end-icon":"_end-icon_1tshq_1","item-icon":"_item-icon_1tshq_1","item-label":"_item-label_1tshq_25","item-sidebar-open":"_item-sidebar-open_1tshq_51","item-sidebar-close":"_item-sidebar-close_1tshq_66","item-icon-subs-active":"_item-icon-subs-active_1tshq_75","item-subs-sidebar":"_item-subs-sidebar_1tshq_82","sidebar-bill":"_sidebar-bill_1tshq_85",hidden:e,"divider-item-sidebar-payhere":"_divider-item-sidebar-payhere_1tshq_106","divider-item-sidebar-lpd":"_divider-item-sidebar-lpd_1tshq_111","parent-sidebar-5":"_parent-sidebar-5_1tshq_133","parent-sidebar-6":"_parent-sidebar-6_1tshq_137","parent-sidebar-7":"_parent-sidebar-7_1tshq_141","parent-sidebar-8":"_parent-sidebar-8_1tshq_146",active:i,"sidebar-payhere-blue-gray-800":"_sidebar-payhere-blue-gray-800_1tshq_162","sidebar-payhere-indigo-800":"_sidebar-payhere-indigo-800_1tshq_188","sidebar-payhere":"_sidebar-payhere_1tshq_162","sidebar-laba":"_sidebar-laba_1tshq_240","sidebar-lpd":"_sidebar-lpd_1tshq_273","sidebar-fin":"_sidebar-fin_1tshq_299"};exports.active=i;exports.default=s;exports.hidden=e;

package/dist/components/Sidebar/itemSidebar.module.scss.mjs

@@ -1,31 +1,32 @@
-const e = "_hidden_t2dfc_96", i = "_active_t2dfc_152", d = {
-  "item-icon-subs": "_item-icon-subs_t2dfc_1",
-  "item-sidebar-2": "_item-sidebar-2_t2dfc_1",
-  "item-sidebar-1": "_item-sidebar-1_t2dfc_1",
-  "end-icon": "_end-icon_t2dfc_1",
-  "item-icon": "_item-icon_t2dfc_1",
-  "item-label": "_item-label_t2dfc_25",
-  "item-sidebar-open": "_item-sidebar-open_t2dfc_51",
-  "item-sidebar-close": "_item-sidebar-close_t2dfc_66",
-  "item-icon-subs-active": "_item-icon-subs-active_t2dfc_75",
-  "item-subs-sidebar": "_item-subs-sidebar_t2dfc_82",
-  "sidebar-bill": "_sidebar-bill_t2dfc_85",
+const e = "_hidden_1tshq_96", i = "_active_1tshq_152", s = {
+  "item-icon-subs": "_item-icon-subs_1tshq_1",
+  "item-sidebar-2": "_item-sidebar-2_1tshq_1",
+  "item-sidebar-1": "_item-sidebar-1_1tshq_1",
+  "end-icon": "_end-icon_1tshq_1",
+  "item-icon": "_item-icon_1tshq_1",
+  "item-label": "_item-label_1tshq_25",
+  "item-sidebar-open": "_item-sidebar-open_1tshq_51",
+  "item-sidebar-close": "_item-sidebar-close_1tshq_66",
+  "item-icon-subs-active": "_item-icon-subs-active_1tshq_75",
+  "item-subs-sidebar": "_item-subs-sidebar_1tshq_82",
+  "sidebar-bill": "_sidebar-bill_1tshq_85",
   hidden: e,
-  "divider-item-sidebar-payhere": "_divider-item-sidebar-payhere_t2dfc_106",
-  "divider-item-sidebar-lpd": "_divider-item-sidebar-lpd_t2dfc_111",
-  "parent-sidebar-5": "_parent-sidebar-5_t2dfc_133",
-  "parent-sidebar-6": "_parent-sidebar-6_t2dfc_137",
-  "parent-sidebar-7": "_parent-sidebar-7_t2dfc_141",
-  "parent-sidebar-8": "_parent-sidebar-8_t2dfc_146",
+  "divider-item-sidebar-payhere": "_divider-item-sidebar-payhere_1tshq_106",
+  "divider-item-sidebar-lpd": "_divider-item-sidebar-lpd_1tshq_111",
+  "parent-sidebar-5": "_parent-sidebar-5_1tshq_133",
+  "parent-sidebar-6": "_parent-sidebar-6_1tshq_137",
+  "parent-sidebar-7": "_parent-sidebar-7_1tshq_141",
+  "parent-sidebar-8": "_parent-sidebar-8_1tshq_146",
   active: i,
-  "sidebar-payhere-blue-gray-800": "_sidebar-payhere-blue-gray-800_t2dfc_162",
-  "sidebar-payhere-indigo-800": "_sidebar-payhere-indigo-800_t2dfc_188",
-  "sidebar-payhere": "_sidebar-payhere_t2dfc_162",
-  "sidebar-laba": "_sidebar-laba_t2dfc_240",
-  "sidebar-lpd": "_sidebar-lpd_t2dfc_273"
+  "sidebar-payhere-blue-gray-800": "_sidebar-payhere-blue-gray-800_1tshq_162",
+  "sidebar-payhere-indigo-800": "_sidebar-payhere-indigo-800_1tshq_188",
+  "sidebar-payhere": "_sidebar-payhere_1tshq_162",
+  "sidebar-laba": "_sidebar-laba_1tshq_240",
+  "sidebar-lpd": "_sidebar-lpd_1tshq_273",
+  "sidebar-fin": "_sidebar-fin_1tshq_299"
 };
 export {
   i as active,
-  d as default,
+  s as default,
   e as hidden
 };

package/dist/components/Textarea/TextareaFloatingInner.cjs

@@ -1,6 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),n=require("react"),e=require("./TextareaFloatingInner.module.scss.cjs"),C=require("../../hooks/useMergeRefs.cjs"),O=require("../../hooks/useCombinedResizeObserver.cjs"),P=require("./TextareaFloatingInner.config.cjs"),p=n.forwardRef((l,R)=>{const{isRequired:v,classNameContainer:y,className:N,classNameLabel:T,classNameLabelError:I,name:c,id:f,label:d,error:i,height:j,minHeight:h=94,maxHeight:F=150,style:q,sizeInput:H="medium",translateLabel:L=20,autoTranslateLabel:S=!1,...u}=l,t=n.useRef(null),w=C.useMergeRefs(t,R),g=n.useRef(null),E={...q??{},maxHeight:F,height:j??h,minHeight:h},[m,x]=n.useState(!1),[M,b]=n.useState(!1),[V,Y]=n.useState(L),$=()=>{["",void 0,null].includes(u.value)||["",void 0,null].includes(t.current?.value)?(b(!1),S&&setTimeout(()=>{const a=t.current?.offsetHeight??0,r=g.current?.offsetHeight??0,B=(a-r)/2;Y(B)},100)):b(!0)},_=function(a){x(!0),$(),l.onFocus?.(a)},z=function(a){x(!1),l.onBlur?.(a)},o=function(a){$();const r=a?.target??t.current;r.style.height="0px",r.style.height=r.scrollHeight+"px"};return O.useIsomorphicLayoutEffect(()=>(m&&t.current?t.current.addEventListener("input",o):o(),()=>{t.current?.removeEventListener("input",o)}),[m]),s.jsxs("div",{className:`${e.default.container} 
-      ${P.configTextareaFloatingInner.size[H]} 
-      ${y??""}`,children:[s.jsxs("div",{className:`${e.default["container-textarea"]}`,children:[s.jsx("textarea",{id:f??c,className:`${M?"":e.default["placeholder-shown"]} ${i?e.default.error:""} 
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),n=require("react"),e=require("./TextareaFloatingInner.module.scss.cjs"),P=require("../../hooks/useMergeRefs.cjs"),k=require("../../hooks/useCombinedResizeObserver.cjs"),v=require("./TextareaFloatingInner.config.cjs"),p=n.forwardRef((l,R)=>{const{isRequired:y,classNameContainer:N,className:T,classNameLabel:I,classNameLabelError:F,name:c,id:f,label:d,error:i,height:j,minHeight:g=94,maxHeight:q=150,style:H,sizeInput:L="medium",translateLabel:S=20,autoTranslateLabel:w=!1,variant:E="laba-white",...u}=l,t=n.useRef(null),M=P.useMergeRefs(t,R),h=n.useRef(null),V={...H??{},maxHeight:q,height:j??g,minHeight:g},[m,x]=n.useState(!1),[Y,b]=n.useState(!1),[_,z]=n.useState(S),$=()=>{["",void 0,null].includes(u.value)||["",void 0,null].includes(t.current?.value)?(b(!1),w&&setTimeout(()=>{const a=t.current?.offsetHeight??0,r=h.current?.offsetHeight??0,O=(a-r)/2;z(O)},100)):b(!0)},B=function(a){x(!0),$(),l.onFocus?.(a)},C=function(a){x(!1),l.onBlur?.(a)},o=function(a){$();const r=a?.target??t.current;r.style.height="0px",r.style.height=r.scrollHeight+"px"};return k.useIsomorphicLayoutEffect(()=>(m&&t.current?t.current.addEventListener("input",o):o(),()=>{t.current?.removeEventListener("input",o)}),[m]),s.jsxs("div",{className:`${e.default.container} 
+      ${v.configTextareaFloatingInner.size[L]} 
+      ${v.configTextareaFloatingInner.variants[E]}
+      ${N??""}`,children:[s.jsxs("div",{className:`${e.default["container-textarea"]}`,children:[s.jsx("textarea",{id:f??c,className:`${Y?"":e.default["placeholder-shown"]} ${i?e.default.error:""} 
           ${e.default.textarea} 
-          ${N??""}`,ref:w,style:E,...u,onFocus:_,onBlur:z}),d&&s.jsxs("label",{htmlFor:f??c,ref:g,style:{transform:`translateY(${V}px)`},className:`${e.default.label} ${T??""}`,children:[d," ",v&&s.jsx("span",{className:"iru-text-laba-red-08",children:"*"})]})]}),i&&s.jsx("label",{className:`${e.default["label-error"]} 
-          ${u.disabled?e.default.disabled:""} ${I??""}`,children:i})]})});p.displayName="TextareaFloatingInner";exports.default=p;
+          ${T??""}`,ref:M,style:V,...u,onFocus:B,onBlur:C}),d&&s.jsxs("label",{htmlFor:f??c,ref:h,style:{transform:`translateY(${_}px)`},className:`${e.default.label} ${I??""}`,children:[d," ",y&&s.jsx("span",{className:"iru-text-laba-red-08",children:"*"})]})]}),i&&s.jsx("label",{className:`${e.default["label-error"]} 
+          ${u.disabled?e.default.disabled:""} ${F??""}`,children:i})]})});p.displayName="TextareaFloatingInner";exports.default=p;

package/dist/components/Textarea/TextareaFloatingInner.config.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TextareaFloatingInner.module.scss.cjs"),n={size:{medium:e.default["size-medium"]}};exports.configTextareaFloatingInner=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TextareaFloatingInner.module.scss.cjs"),a={size:{medium:e.default["size-medium"]},variants:{"laba-white":e.default["laba-white"],"fin-blue-gray-50":e.default["fin-blue-gray-50"]}};exports.configTextareaFloatingInner=a;

package/dist/components/Textarea/TextareaFloatingInner.config.mjs

@@ -1,9 +1,13 @@
 import e from "./TextareaFloatingInner.module.scss.mjs";
-const m = {
+const a = {
   size: {
     medium: e["size-medium"]
+  },
+  variants: {
+    "laba-white": e["laba-white"],
+    "fin-blue-gray-50": e["fin-blue-gray-50"]
   }
 };
 export {
-  m as configTextareaFloatingInner
+  a as configTextareaFloatingInner
 };

package/dist/components/Textarea/TextareaFloatingInner.mjs

@@ -1,49 +1,51 @@
 import { jsxs as c, jsx as u } from "react/jsx-runtime";
 import s from "react";
 import e from "./TextareaFloatingInner.module.scss.mjs";
-import { useMergeRefs as M } from "../../hooks/useMergeRefs.mjs";
-import { useIsomorphicLayoutEffect as P } from "../../hooks/useCombinedResizeObserver.mjs";
-import { configTextareaFloatingInner as A } from "./TextareaFloatingInner.config.mjs";
-const D = s.forwardRef((n, y) => {
+import { useMergeRefs as A } from "../../hooks/useMergeRefs.mjs";
+import { useIsomorphicLayoutEffect as D } from "../../hooks/useCombinedResizeObserver.mjs";
+import { configTextareaFloatingInner as y } from "./TextareaFloatingInner.config.mjs";
+const G = s.forwardRef((n, v) => {
   const {
     isRequired: N,
     classNameContainer: R,
-    className: v,
-    classNameLabel: H,
-    classNameLabelError: I,
+    className: H,
+    classNameLabel: I,
+    classNameLabelError: L,
     name: f,
     id: m,
     label: d,
     error: l,
-    height: L,
+    height: T,
     minHeight: h = 94,
-    maxHeight: T = 150,
-    style: F,
-    sizeInput: w = "medium",
-    translateLabel: E = 20,
-    autoTranslateLabel: S = !1,
-    ...o
-  } = n, t = s.useRef(null), V = M(t, y), g = s.useRef(null), Y = { ...F ?? {}, maxHeight: T, height: L ?? h, minHeight: h }, [p, x] = s.useState(!1), [j, b] = s.useState(!1), [z, B] = s.useState(E), $ = () => {
-    ["", void 0, null].includes(o.value) || ["", void 0, null].includes(t.current?.value) ? (b(!1), S && setTimeout(() => {
-      const a = t.current?.offsetHeight ?? 0, r = g.current?.offsetHeight ?? 0, C = (a - r) / 2;
-      B(C);
+    maxHeight: F = 150,
+    style: w,
+    sizeInput: E = "medium",
+    translateLabel: S = 20,
+    autoTranslateLabel: V = !1,
+    variant: Y = "laba-white",
+    ...i
+  } = n, t = s.useRef(null), j = A(t, v), g = s.useRef(null), z = { ...w ?? {}, maxHeight: F, height: T ?? h, minHeight: h }, [p, x] = s.useState(!1), [B, b] = s.useState(!1), [k, q] = s.useState(S), $ = () => {
+    ["", void 0, null].includes(i.value) || ["", void 0, null].includes(t.current?.value) ? (b(!1), V && setTimeout(() => {
+      const a = t.current?.offsetHeight ?? 0, r = g.current?.offsetHeight ?? 0, P = (a - r) / 2;
+      q(P);
     }, 100)) : b(!0);
-  }, k = function(a) {
+  }, C = function(a) {
     x(!0), $(), n.onFocus?.(a);
-  }, q = function(a) {
+  }, M = function(a) {
     x(!1), n.onBlur?.(a);
-  }, i = function(a) {
+  }, o = function(a) {
     $();
     const r = a?.target ?? t.current;
     r.style.height = "0px", r.style.height = r.scrollHeight + "px";
   };
-  return P(() => (p && t.current ? t.current.addEventListener("input", i) : i(), () => {
-    t.current?.removeEventListener("input", i);
+  return D(() => (p && t.current ? t.current.addEventListener("input", o) : o(), () => {
+    t.current?.removeEventListener("input", o);
   }), [p]), /* @__PURE__ */ c(
     "div",
     {
       className: `${e.container} 
-      ${A.size[w]} 
+      ${y.size[E]} 
+      ${y.variants[Y]}
       ${R ?? ""}`,
       children: [
         /* @__PURE__ */ c("div", { className: `${e["container-textarea"]}`, children: [
@@ -51,14 +53,14 @@ const D = s.forwardRef((n, y) => {
             "textarea",
             {
               id: m ?? f,
-              className: `${j ? "" : e["placeholder-shown"]} ${l ? e.error : ""} 
+              className: `${B ? "" : e["placeholder-shown"]} ${l ? e.error : ""} 
           ${e.textarea} 
-          ${v ?? ""}`,
-              ref: V,
-              style: Y,
-              ...o,
-              onFocus: k,
-              onBlur: q
+          ${H ?? ""}`,
+              ref: j,
+              style: z,
+              ...i,
+              onFocus: C,
+              onBlur: M
             }
           ),
           d && /* @__PURE__ */ c(
@@ -67,9 +69,9 @@ const D = s.forwardRef((n, y) => {
               htmlFor: m ?? f,
               ref: g,
               style: {
-                transform: `translateY(${z}px)`
+                transform: `translateY(${k}px)`
               },
-              className: `${e.label} ${H ?? ""}`,
+              className: `${e.label} ${I ?? ""}`,
               children: [
                 d,
                 " ",
@@ -82,7 +84,7 @@ const D = s.forwardRef((n, y) => {
           "label",
           {
             className: `${e["label-error"]} 
-          ${o.disabled ? e.disabled : ""} ${I ?? ""}`,
+          ${i.disabled ? e.disabled : ""} ${L ?? ""}`,
             children: l
           }
         )
@@ -90,7 +92,7 @@ const D = s.forwardRef((n, y) => {
     }
   );
 });
-D.displayName = "TextareaFloatingInner";
+G.displayName = "TextareaFloatingInner";
 export {
-  D as default
+  G as default
 };

package/dist/components/Textarea/TextareaFloatingInner.module.scss.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_1k2ib_1",r="_textarea_1k2ib_12",t="_label_1k2ib_63",a="_error_1k2ib_79",o={container:e,"size-medium":"_size-medium_1k2ib_1","container-textarea":"_container-textarea_1k2ib_6",textarea:r,"placeholder-shown":"_placeholder-shown_1k2ib_47",label:t,error:a,"label-error":"_label-error_1k2ib_117"};exports.container=e;exports.default=o;exports.error=a;exports.label=t;exports.textarea=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_ml8mj_1",r="_textarea_ml8mj_12",l="_label_ml8mj_58",a="_error_ml8mj_67",t={container:e,"size-medium":"_size-medium_ml8mj_1","container-textarea":"_container-textarea_ml8mj_6",textarea:r,"placeholder-shown":"_placeholder-shown_ml8mj_43",label:l,error:a,"label-error":"_label-error_ml8mj_99","laba-white":"_laba-white_ml8mj_111","fin-blue-gray-50":"_fin-blue-gray-50_ml8mj_147"};exports.container=e;exports.default=t;exports.error=a;exports.label=l;exports.textarea=r;

package/dist/components/Textarea/TextareaFloatingInner.module.scss.mjs

@@ -1,17 +1,19 @@
-const e = "_container_1k2ib_1", r = "_textarea_1k2ib_12", a = "_label_1k2ib_63", _ = "_error_1k2ib_79", t = {
+const e = "_container_ml8mj_1", a = "_textarea_ml8mj_12", l = "_label_ml8mj_58", r = "_error_ml8mj_67", _ = {
   container: e,
-  "size-medium": "_size-medium_1k2ib_1",
-  "container-textarea": "_container-textarea_1k2ib_6",
-  textarea: r,
-  "placeholder-shown": "_placeholder-shown_1k2ib_47",
-  label: a,
-  error: _,
-  "label-error": "_label-error_1k2ib_117"
+  "size-medium": "_size-medium_ml8mj_1",
+  "container-textarea": "_container-textarea_ml8mj_6",
+  textarea: a,
+  "placeholder-shown": "_placeholder-shown_ml8mj_43",
+  label: l,
+  error: r,
+  "label-error": "_label-error_ml8mj_99",
+  "laba-white": "_laba-white_ml8mj_111",
+  "fin-blue-gray-50": "_fin-blue-gray-50_ml8mj_147"
 };
 export {
   e as container,
-  t as default,
-  _ as error,
-  a as label,
-  r as textarea
+  _ as default,
+  r as error,
+  l as label,
+  a as textarea
 };

package/dist/config/resources/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e="https://unpkg.com/1mpacto-web-resources@1.0.0/tinymce_8.2.1";exports.tinymceResource=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e="https://unpkg.com/1mpacto-web-resources@1.0.2/tinymce_8.2.1";exports.tinymceResource=e;

package/dist/config/resources/index.mjs

@@ -1,4 +1,4 @@
-var e = "https://unpkg.com/1mpacto-web-resources@1.0.0/tinymce_8.2.1";
+var e = "https://unpkg.com/1mpacto-web-resources@1.0.2/tinymce_8.2.1";
 export {
   e as tinymceResource
 };