1mpacto-react-ui 2.0.20 → 2.0.21

package/dist/components/Table/TableSubMobile.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("@tanstack/react-table"),f=(h,t,{visibilityColumns:l,classNameSubMobile:o})=>e.jsx("table",{className:"-iru-mx-6 -iru-my-3 !iru-w-[calc(100%_+_48px)]",children:e.jsx("tbody",{children:t.getVisibleCells().map((n,d)=>{var u,s,a,c,m,r;return e.jsx(e.Fragment,{children:l!=null&&l.columns.includes(n.column.id)?e.jsxs("tr",{className:o,children:[e.jsx("td",{"data-section":"left",style:{...typeof((u=n.column.columnDef.meta)==null?void 0:u.styleTdLeftCellSubs)=="function"?(s=n.column.columnDef.meta)==null?void 0:s.styleTdLeftCellSubs(t.original,t):{}},children:e.jsxs("div",{children:[typeof n.column.columnDef.header=="string"&&e.jsx(e.Fragment,{children:n.column.columnDef.header}),typeof n.column.columnDef.header!="string"&&((a=n.column.columnDef.meta)==null?void 0:a.labelCellSubs)&&e.jsx(e.Fragment,{children:(c=n.column.columnDef.meta)==null?void 0:c.labelCellSubs(t.original,t)})]})}),e.jsx("td",{"data-section":"right",style:{...typeof((m=n.column.columnDef.meta)==null?void 0:m.styleTdRightCellSubs)=="function"?(r=n.column.columnDef.meta)==null?void 0:r.styleTdRightCellSubs(t.original,t):{}},children:e.jsxs("div",{children:[e.jsx("div",{className:"iru-pr-1",children:":"})," ",i.flexRender(n.column.columnDef.cell,n.getContext())]})})]},n.id):e.jsx(e.Fragment,{})},d)})})});exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("@tanstack/react-table"),m=(o,t,{visibilityColumns:l,classNameSubMobile:s})=>e.jsx("table",{className:"-iru-mx-6 -iru-my-3 !iru-w-[calc(100%_+_48px)]",children:e.jsx("tbody",{children:t.getVisibleCells().map((n,u)=>e.jsx(e.Fragment,{children:l?.columns.includes(n.column.id)?e.jsxs("tr",{className:s,children:[e.jsx("td",{"data-section":"left",style:{...typeof n.column.columnDef.meta?.styleTdLeftCellSubs=="function"?n.column.columnDef.meta?.styleTdLeftCellSubs(t.original,t):{}},children:e.jsxs("div",{children:[typeof n.column.columnDef.header=="string"&&e.jsx(e.Fragment,{children:n.column.columnDef.header}),typeof n.column.columnDef.header!="string"&&n.column.columnDef.meta?.labelCellSubs&&e.jsx(e.Fragment,{children:n.column.columnDef.meta?.labelCellSubs(t.original,t)})]})}),e.jsx("td",{"data-section":"right",style:{...typeof n.column.columnDef.meta?.styleTdRightCellSubs=="function"?n.column.columnDef.meta?.styleTdRightCellSubs(t.original,t):{}},children:e.jsxs("div",{children:[e.jsx("div",{className:"iru-pr-1",children:":"})," ",i.flexRender(n.column.columnDef.cell,n.getContext())]})})]},n.id):e.jsx(e.Fragment,{})},u))})});exports.default=m;

package/dist/components/Table/TableSubMobile.mjs

@@ -1,37 +1,34 @@
-import { jsx as n, Fragment as l, jsxs as u } from "react/jsx-runtime";
-import { flexRender as h } from "@tanstack/react-table";
-const b = (g, t, { visibilityColumns: m, classNameSubMobile: f }) => /* @__PURE__ */ n("table", { className: "-iru-mx-6 -iru-my-3 !iru-w-[calc(100%_+_48px)]", children: /* @__PURE__ */ n("tbody", { children: t.getVisibleCells().map((e, s) => {
-  var c, o, a, d, r, i;
-  return /* @__PURE__ */ n(l, { children: m != null && m.columns.includes(e.column.id) ? /* @__PURE__ */ u("tr", { className: f, children: [
-    /* @__PURE__ */ n(
-      "td",
-      {
-        "data-section": "left",
-        style: {
-          ...typeof ((c = e.column.columnDef.meta) == null ? void 0 : c.styleTdLeftCellSubs) == "function" ? (o = e.column.columnDef.meta) == null ? void 0 : o.styleTdLeftCellSubs(t.original, t) : {}
-        },
-        children: /* @__PURE__ */ u("div", { children: [
-          typeof e.column.columnDef.header == "string" && /* @__PURE__ */ n(l, { children: e.column.columnDef.header }),
-          typeof e.column.columnDef.header != "string" && ((a = e.column.columnDef.meta) == null ? void 0 : a.labelCellSubs) && /* @__PURE__ */ n(l, { children: (d = e.column.columnDef.meta) == null ? void 0 : d.labelCellSubs(t.original, t) })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ n(
-      "td",
-      {
-        "data-section": "right",
-        style: {
-          ...typeof ((r = e.column.columnDef.meta) == null ? void 0 : r.styleTdRightCellSubs) == "function" ? (i = e.column.columnDef.meta) == null ? void 0 : i.styleTdRightCellSubs(t.original, t) : {}
-        },
-        children: /* @__PURE__ */ u("div", { children: [
-          /* @__PURE__ */ n("div", { className: "iru-pr-1", children: ":" }),
-          " ",
-          h(e.column.columnDef.cell, e.getContext())
-        ] })
-      }
-    )
-  ] }, e.id) : /* @__PURE__ */ n(l, {}) }, s);
-}) }) });
+import { jsx as n, Fragment as t, jsxs as i } from "react/jsx-runtime";
+import { flexRender as c } from "@tanstack/react-table";
+const r = (a, l, { visibilityColumns: m, classNameSubMobile: u }) => /* @__PURE__ */ n("table", { className: "-iru-mx-6 -iru-my-3 !iru-w-[calc(100%_+_48px)]", children: /* @__PURE__ */ n("tbody", { children: l.getVisibleCells().map((e, o) => /* @__PURE__ */ n(t, { children: m?.columns.includes(e.column.id) ? /* @__PURE__ */ i("tr", { className: u, children: [
+  /* @__PURE__ */ n(
+    "td",
+    {
+      "data-section": "left",
+      style: {
+        ...typeof e.column.columnDef.meta?.styleTdLeftCellSubs == "function" ? e.column.columnDef.meta?.styleTdLeftCellSubs(l.original, l) : {}
+      },
+      children: /* @__PURE__ */ i("div", { children: [
+        typeof e.column.columnDef.header == "string" && /* @__PURE__ */ n(t, { children: e.column.columnDef.header }),
+        typeof e.column.columnDef.header != "string" && e.column.columnDef.meta?.labelCellSubs && /* @__PURE__ */ n(t, { children: e.column.columnDef.meta?.labelCellSubs(l.original, l) })
+      ] })
+    }
+  ),
+  /* @__PURE__ */ n(
+    "td",
+    {
+      "data-section": "right",
+      style: {
+        ...typeof e.column.columnDef.meta?.styleTdRightCellSubs == "function" ? e.column.columnDef.meta?.styleTdRightCellSubs(l.original, l) : {}
+      },
+      children: /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ n("div", { className: "iru-pr-1", children: ":" }),
+        " ",
+        c(e.column.columnDef.cell, e.getContext())
+      ] })
+    }
+  )
+] }, e.id) : /* @__PURE__ */ n(t, {}) }, o)) }) });
 export {
-  b as default
+  r as default
 };

package/dist/components/Tabs/Tabs.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),c=require("react"),o=require("./style.module.scss.cjs"),d=require("./Tabs.config.cjs"),P=({id:S,value:u="",keyValueTab:a="",tabsList:m,className:y,classNameContainer:E,classNameButton:w,variant:g="original-laba-blue-10",size:q="tabs-m",borderRadius:R="0px",disabled:T,animation:H=!0,mountedExecuteChange:C=!0,typeButton:I="button",onChange:j,locale:p})=>{var N;const L=c.useRef([]);let n=m||[];const s=Object.fromEntries(new URL(window.location.href).searchParams.entries()),[l,O]=c.useState(-1),[b,_]=c.useState({height:0,width:0,left:0});n=n.filter(t=>typeof(t==null?void 0:t.isHide)=="boolean"?!t.isHide:!0);const z=t=>{const e=t.currentTarget,i=document.createElement("span"),f=Math.max(e.clientWidth,e.clientHeight),x=f/2;i.style.width=i.style.height=`${f}px`,i.style.left=`${t.clientX-e.getBoundingClientRect().left-x}px`,i.style.top=`${t.clientY-e.getBoundingClientRect().top-x}px`,i.classList.add(o.default.ripple);const h=e.getElementsByClassName(o.default.ripple)[0];h&&h.remove(),e.appendChild(i),setTimeout(()=>{i.remove()},500)},$=(t,e)=>{typeof j=="function"&&j(t,e)},M=c.useCallback((t,e)=>{var i,f;return p&&((f=(i=m.find(h=>h.id===t))==null?void 0:i.locale)==null?void 0:f[p])||e},[p]);return c.useLayoutEffect(()=>{function t(){setTimeout(()=>{const e=L.current[l],i={left:(e==null?void 0:e.offsetLeft)??0,width:(e==null?void 0:e.clientWidth)??0,height:d.configTabs.isContainer.includes(g)?(e==null?void 0:e.clientHeight)||0:4};_(i)},50)}return l>=0&&t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[l]),c.useLayoutEffect(()=>{const t=n.findIndex(e=>e.id===(s==null?void 0:s[a])||e.id===u);if((s!=null&&s[a]||u)&&t>=0){O(t);const e=n==null?void 0:n.find(i=>i.id===(s==null?void 0:s[a]));s!=null&&s[a]&&e&&!u&&C&&$(e,"mounted")}t<0&&C&&$(n[0],"mounted")},[JSON.stringify(u),JSON.stringify(s==null?void 0:s[a])]),r.jsx("div",{className:`${o.default["container-tabs"]} ${T?"iru-opacity-50":""} ${E??""}`,children:r.jsxs("div",{className:`${d.configTabs.tabsVariant[g]} 
-          ${d.configTabs.isContainer.includes(g)?d.configTabs.size[q]:""} 
-          ${y??""}
-        `,id:S??"1ru-tabs",children:[r.jsx("div",{className:o.default["tabs-list"],children:n.map((t,e)=>r.jsx("button",{type:I,id:`1ru-tabs-button-${t.id}`,ref:i=>{L.current[e]=i},className:`${o.default["button-tabs"]} ${d.configTabs.borderRadius[R]} 
-                ${w??""} ${(t==null?void 0:t.className)??""}
-                ${l===e?o.default.active:""}`,disabled:T,onClick:i=>{d.configTabs.isContainer.includes(g)||z(i),l!=e&&$(t,"change")},children:M(t.id,t.label)},e))}),r.jsx("div",{className:`${o.default["tabs-slider"]} ${d.configTabs.borderRadius[R]} 
-            ${w??""} ${H?"":o.default["disable-transition"]}
-          `,style:{left:b.left,width:b.width,height:b.height,background:((N=m[l])==null?void 0:N.activeColor)??""}})]})})};exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),o=require("react"),s=require("./style.module.scss.cjs"),n=require("./Tabs.config.cjs"),z=({id:L,value:f="",keyValueTab:a="",tabsList:g,className:N,classNameContainer:S,classNameButton:$,variant:u="original-laba-blue-10",size:E="tabs-m",borderRadius:y="0px",disabled:T,animation:v=!0,mountedExecuteChange:x=!0,typeButton:q="button",onChange:w,locale:h})=>{const R=o.useRef([]);let r=g||[];const d=Object.fromEntries(new URL(window.location.href).searchParams.entries()),[c,H]=o.useState(-1),[m,I]=o.useState({height:0,width:0,left:0});r=r.filter(t=>typeof t?.isHide=="boolean"?!t.isHide:!0);const O=t=>{const e=t.currentTarget,i=document.createElement("span"),b=Math.max(e.clientWidth,e.clientHeight),C=b/2;i.style.width=i.style.height=`${b}px`,i.style.left=`${t.clientX-e.getBoundingClientRect().left-C}px`,i.style.top=`${t.clientY-e.getBoundingClientRect().top-C}px`,i.classList.add(s.default.ripple);const j=e.getElementsByClassName(s.default.ripple)[0];j&&j.remove(),e.appendChild(i),setTimeout(()=>{i.remove()},500)},p=(t,e)=>{typeof w=="function"&&w(t,e)},_=o.useCallback((t,e)=>h&&g.find(b=>b.id===t)?.locale?.[h]||e,[h]);return o.useLayoutEffect(()=>{function t(){setTimeout(()=>{const e=R.current[c],i={left:e?.offsetLeft??0,width:e?.clientWidth??0,height:n.configTabs.isContainer.includes(u)?e?.clientHeight||0:4};I(i)},50)}return c>=0&&t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[c]),o.useLayoutEffect(()=>{const t=r.findIndex(e=>e.id===d?.[a]||e.id===f);if((d?.[a]||f)&&t>=0){H(t);const e=r?.find(i=>i.id===d?.[a]);d?.[a]&&e&&!f&&x&&p(e,"mounted")}t<0&&x&&p(r[0],"mounted")},[JSON.stringify(f),JSON.stringify(d?.[a])]),l.jsx("div",{className:`${s.default["container-tabs"]} ${T?"iru-opacity-50":""} ${S??""}`,children:l.jsxs("div",{className:`${n.configTabs.tabsVariant[u]} 
+          ${n.configTabs.isContainer.includes(u)?n.configTabs.size[E]:""} 
+          ${N??""}
+        `,id:L??"1ru-tabs",children:[l.jsx("div",{className:s.default["tabs-list"],children:r.map((t,e)=>l.jsx("button",{type:q,id:`1ru-tabs-button-${t.id}`,ref:i=>{R.current[e]=i},className:`${s.default["button-tabs"]} ${n.configTabs.borderRadius[y]} 
+                ${$??""} ${t?.className??""}
+                ${c===e?s.default.active:""}`,disabled:T,onClick:i=>{n.configTabs.isContainer.includes(u)||O(i),c!=e&&p(t,"change")},children:_(t.id,t.label)},e))}),l.jsx("div",{className:`${s.default["tabs-slider"]} ${n.configTabs.borderRadius[y]} 
+            ${$??""} ${v?"":s.default["disable-transition"]}
+          `,style:{left:m.left,width:m.width,height:m.height,background:g[c]?.activeColor??""}})]})})};exports.default=z;

package/dist/components/Tabs/Tabs.mjs

@@ -1,105 +1,101 @@
-import { jsx as p, jsxs as W } from "react/jsx-runtime";
+import { jsx as m, jsxs as J } from "react/jsx-runtime";
 import c from "react";
-import o from "./style.module.scss.mjs";
-import { configTabs as d } from "./Tabs.config.mjs";
-const Y = ({
-  id: y,
-  value: r = "",
-  keyValueTab: f = "",
-  tabsList: g,
-  className: H,
-  classNameContainer: I,
-  classNameButton: u,
-  variant: m = "original-laba-blue-10",
-  size: j = "tabs-m",
-  borderRadius: C = "0px",
-  disabled: R,
-  animation: z = !0,
-  mountedExecuteChange: L = !0,
-  typeButton: O = "button",
-  onChange: N,
-  locale: $
+import s from "./style.module.scss.mjs";
+import { configTabs as n } from "./Tabs.config.mjs";
+const Q = ({
+  id: T,
+  value: l = "",
+  keyValueTab: d = "",
+  tabsList: h,
+  className: E,
+  classNameContainer: S,
+  classNameButton: $,
+  variant: f = "original-laba-blue-10",
+  size: H = "tabs-m",
+  borderRadius: y = "0px",
+  disabled: w,
+  animation: I = !0,
+  mountedExecuteChange: x = !0,
+  typeButton: j = "button",
+  onChange: C,
+  locale: p
 }) => {
-  var S;
-  const E = c.useRef([]);
-  let n = g || [];
-  const s = Object.fromEntries(new URL(window.location.href).searchParams.entries()), [l, B] = c.useState(-1), [b, J] = c.useState({ height: 0, width: 0, left: 0 });
-  n = n.filter((e) => typeof (e == null ? void 0 : e.isHide) == "boolean" ? !e.isHide : !0);
-  const P = (e) => {
-    const t = e.currentTarget, i = document.createElement("span"), a = Math.max(t.clientWidth, t.clientHeight), x = a / 2;
-    i.style.width = i.style.height = `${a}px`, i.style.left = `${e.clientX - t.getBoundingClientRect().left - x}px`, i.style.top = `${e.clientY - t.getBoundingClientRect().top - x}px`, i.classList.add(o.ripple);
-    const h = t.getElementsByClassName(o.ripple)[0];
-    h && h.remove(), t.appendChild(i), setTimeout(() => {
+  const R = c.useRef([]);
+  let r = h || [];
+  const a = Object.fromEntries(new URL(window.location.href).searchParams.entries()), [o, v] = c.useState(-1), [b, z] = c.useState({ height: 0, width: 0, left: 0 });
+  r = r.filter((e) => typeof e?.isHide == "boolean" ? !e.isHide : !0);
+  const O = (e) => {
+    const t = e.currentTarget, i = document.createElement("span"), u = Math.max(t.clientWidth, t.clientHeight), L = u / 2;
+    i.style.width = i.style.height = `${u}px`, i.style.left = `${e.clientX - t.getBoundingClientRect().left - L}px`, i.style.top = `${e.clientY - t.getBoundingClientRect().top - L}px`, i.classList.add(s.ripple);
+    const N = t.getElementsByClassName(s.ripple)[0];
+    N && N.remove(), t.appendChild(i), setTimeout(() => {
       i.remove();
     }, 500);
-  }, w = (e, t) => {
-    typeof N == "function" && N(e, t);
-  }, T = c.useCallback(
-    (e, t) => {
-      var i, a;
-      return $ && ((a = (i = g.find((h) => h.id === e)) == null ? void 0 : i.locale) == null ? void 0 : a[$]) || t;
-    },
-    [$]
+  }, g = (e, t) => {
+    typeof C == "function" && C(e, t);
+  }, B = c.useCallback(
+    (e, t) => p && h.find((u) => u.id === e)?.locale?.[p] || t,
+    [p]
   );
   return c.useLayoutEffect(() => {
     function e() {
       setTimeout(() => {
-        const t = E.current[l], i = {
-          left: (t == null ? void 0 : t.offsetLeft) ?? 0,
-          width: (t == null ? void 0 : t.clientWidth) ?? 0,
-          height: d.isContainer.includes(m) ? (t == null ? void 0 : t.clientHeight) || 0 : 4
+        const t = R.current[o], i = {
+          left: t?.offsetLeft ?? 0,
+          width: t?.clientWidth ?? 0,
+          height: n.isContainer.includes(f) ? t?.clientHeight || 0 : 4
         };
-        J(i);
+        z(i);
       }, 50);
     }
-    return l >= 0 && e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-  }, [l]), c.useLayoutEffect(() => {
-    const e = n.findIndex((t) => t.id === (s == null ? void 0 : s[f]) || t.id === r);
-    if ((s != null && s[f] || r) && e >= 0) {
-      B(e);
-      const t = n == null ? void 0 : n.find((i) => i.id === (s == null ? void 0 : s[f]));
-      s != null && s[f] && t && !r && L && w(t, "mounted");
+    return o >= 0 && e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, [o]), c.useLayoutEffect(() => {
+    const e = r.findIndex((t) => t.id === a?.[d] || t.id === l);
+    if ((a?.[d] || l) && e >= 0) {
+      v(e);
+      const t = r?.find((i) => i.id === a?.[d]);
+      a?.[d] && t && !l && x && g(t, "mounted");
     }
-    e < 0 && L && w(n[0], "mounted");
-  }, [JSON.stringify(r), JSON.stringify(s == null ? void 0 : s[f])]), /* @__PURE__ */ p("div", { className: `${o["container-tabs"]} ${R ? "iru-opacity-50" : ""} ${I ?? ""}`, children: /* @__PURE__ */ W(
+    e < 0 && x && g(r[0], "mounted");
+  }, [JSON.stringify(l), JSON.stringify(a?.[d])]), /* @__PURE__ */ m("div", { className: `${s["container-tabs"]} ${w ? "iru-opacity-50" : ""} ${S ?? ""}`, children: /* @__PURE__ */ J(
     "div",
     {
-      className: `${d.tabsVariant[m]} 
-          ${d.isContainer.includes(m) ? d.size[j] : ""} 
-          ${H ?? ""}
+      className: `${n.tabsVariant[f]} 
+          ${n.isContainer.includes(f) ? n.size[H] : ""} 
+          ${E ?? ""}
         `,
-      id: y ?? "1ru-tabs",
+      id: T ?? "1ru-tabs",
       children: [
-        /* @__PURE__ */ p("div", { className: o["tabs-list"], children: n.map((e, t) => /* @__PURE__ */ p(
+        /* @__PURE__ */ m("div", { className: s["tabs-list"], children: r.map((e, t) => /* @__PURE__ */ m(
           "button",
           {
-            type: O,
+            type: j,
             id: `1ru-tabs-button-${e.id}`,
             ref: (i) => {
-              E.current[t] = i;
+              R.current[t] = i;
             },
-            className: `${o["button-tabs"]} ${d.borderRadius[C]} 
-                ${u ?? ""} ${(e == null ? void 0 : e.className) ?? ""}
-                ${l === t ? o.active : ""}`,
-            disabled: R,
+            className: `${s["button-tabs"]} ${n.borderRadius[y]} 
+                ${$ ?? ""} ${e?.className ?? ""}
+                ${o === t ? s.active : ""}`,
+            disabled: w,
             onClick: (i) => {
-              d.isContainer.includes(m) || P(i), l != t && w(e, "change");
+              n.isContainer.includes(f) || O(i), o != t && g(e, "change");
             },
-            children: T(e.id, e.label)
+            children: B(e.id, e.label)
           },
           t
         )) }),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ m(
           "div",
           {
-            className: `${o["tabs-slider"]} ${d.borderRadius[C]} 
-            ${u ?? ""} ${z ? "" : o["disable-transition"]}
+            className: `${s["tabs-slider"]} ${n.borderRadius[y]} 
+            ${$ ?? ""} ${I ? "" : s["disable-transition"]}
           `,
             style: {
               left: b.left,
               width: b.width,
               height: b.height,
-              background: ((S = g[l]) == null ? void 0 : S.activeColor) ?? ""
+              background: h[o]?.activeColor ?? ""
             }
           }
         )
@@ -108,5 +104,5 @@ const Y = ({
   ) });
 };
 export {
-  Y as default
+  Q as default
 };

package/dist/components/Textarea/Textarea.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),c=require("react"),a=require("./style.module.scss.cjs"),F=require("../../hooks/useMergeRefs.cjs"),H=require("../../hooks/useCombinedResizeObserver.cjs"),o=require("./Textarea.config.cjs"),$=c.forwardRef((s,y)=>{const{isRequired:v,classNameContainer:N,className:R,classNameLabel:j,classNameLabelError:T,name:d,id:f,label:m,error:l,height:q,minHeight:x=94,maxHeight:L=150,style:E,sizeInput:M="m",variant:h="solid-blue-300",...i}=s,n=c.useRef(null),S=F.useMergeRefs(n,y),_={...E??{},maxHeight:L,height:q??x,minHeight:x},[b,g]=c.useState(!1),w=function(e){var t;g(!0),(t=s.onFocus)==null||t.call(s,e)},z=function(e){var t;g(!1),(t=s.onBlur)==null||t.call(s,e)},u=function(e){const t=(e==null?void 0:e.target)??n.current;t.style.height="0px",t.style.height=t.scrollHeight+o.configTextarea.variant[h].border+"px"};return H.useIsomorphicLayoutEffect(()=>(b&&n.current?n.current.addEventListener("input",u):u(),()=>{var e;(e=n.current)==null||e.removeEventListener("input",u)}),[b]),r.jsxs("div",{className:`${a.default.container} 
-      ${o.configTextarea.size[M]} 
-      ${o.configTextarea.variant[h].style} 
-      ${N??""}`,children:[m&&r.jsxs("label",{htmlFor:f??d,className:`${a.default.label} ${i.disabled?a.default.disabled:""} ${j??""}`,children:[m," ",v&&r.jsx("span",{className:"iru-text-laba-red-08",children:"*"})]}),r.jsx("div",{className:`${a.default["container-textarea"]}`,children:r.jsx("textarea",{id:f??d,className:` ${l?a.default.error:""} 
-          ${a.default.textarea} 
-          ${R??""}`,ref:S,style:_,...i,onFocus:w,onBlur:z})}),l&&r.jsx("label",{className:`${a.default["label-error"]} 
-          ${i.disabled?a.default.disabled:""} ${T??""}`,children:l})]})});$.displayName="Textarea";exports.default=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("react"),e=require("./style.module.scss.cjs"),z=require("../../hooks/useMergeRefs.cjs"),F=require("../../hooks/useCombinedResizeObserver.cjs"),c=require("./Textarea.config.cjs"),$=o.forwardRef((r,y)=>{const{isRequired:p,classNameContainer:v,className:N,classNameLabel:R,classNameLabelError:j,name:d,id:f,label:m,error:n,height:T,minHeight:x=94,maxHeight:q=150,style:L,sizeInput:E="m",variant:h="solid-blue-300",...l}=r,a=o.useRef(null),M=z.useMergeRefs(a,y),S={...L??{},maxHeight:q,height:T??x,minHeight:x},[b,g]=o.useState(!1),_=function(s){g(!0),r.onFocus?.(s)},w=function(s){g(!1),r.onBlur?.(s)},i=function(s){const u=s?.target??a.current;u.style.height="0px",u.style.height=u.scrollHeight+c.configTextarea.variant[h].border+"px"};return F.useIsomorphicLayoutEffect(()=>(b&&a.current?a.current.addEventListener("input",i):i(),()=>{a.current?.removeEventListener("input",i)}),[b]),t.jsxs("div",{className:`${e.default.container} 
+      ${c.configTextarea.size[E]} 
+      ${c.configTextarea.variant[h].style} 
+      ${v??""}`,children:[m&&t.jsxs("label",{htmlFor:f??d,className:`${e.default.label} ${l.disabled?e.default.disabled:""} ${R??""}`,children:[m," ",p&&t.jsx("span",{className:"iru-text-laba-red-08",children:"*"})]}),t.jsx("div",{className:`${e.default["container-textarea"]}`,children:t.jsx("textarea",{id:f??d,className:` ${n?e.default.error:""} 
+          ${e.default.textarea} 
+          ${N??""}`,ref:M,style:S,...l,onFocus:_,onBlur:w})}),n&&t.jsx("label",{className:`${e.default["label-error"]} 
+          ${l.disabled?e.default.disabled:""} ${j??""}`,children:n})]})});$.displayName="Textarea";exports.default=$;

package/dist/components/Textarea/Textarea.mjs

@@ -1,80 +1,77 @@
-import { jsxs as g, jsx as s } from "react/jsx-runtime";
+import { jsxs as $, jsx as a } from "react/jsx-runtime";
 import c from "react";
-import a from "./style.module.scss.mjs";
-import { useMergeRefs as S } from "../../hooks/useMergeRefs.mjs";
-import { useIsomorphicLayoutEffect as p } from "../../hooks/useCombinedResizeObserver.mjs";
+import e from "./style.module.scss.mjs";
+import { useMergeRefs as B } from "../../hooks/useMergeRefs.mjs";
+import { useIsomorphicLayoutEffect as S } from "../../hooks/useCombinedResizeObserver.mjs";
 import { configTextarea as m } from "./Textarea.config.mjs";
-const q = c.forwardRef((r, y) => {
+const q = c.forwardRef((s, g) => {
   const {
-    isRequired: N,
-    classNameContainer: v,
-    className: R,
-    classNameLabel: L,
-    classNameLabelError: E,
+    isRequired: y,
+    classNameContainer: N,
+    className: v,
+    classNameLabel: R,
+    classNameLabelError: L,
     name: u,
     id: d,
     label: f,
-    error: l,
-    height: T,
+    error: n,
+    height: E,
     minHeight: h = 94,
-    maxHeight: w = 150,
-    style: F,
-    sizeInput: H = "m",
-    variant: b = "solid-blue-300",
-    ...i
-  } = r, n = c.useRef(null), I = S(n, y), j = { ...F ?? {}, maxHeight: w, height: T ?? h, minHeight: h }, [x, $] = c.useState(!1), z = function(e) {
-    var t;
-    $(!0), (t = r.onFocus) == null || t.call(r, e);
-  }, B = function(e) {
-    var t;
-    $(!1), (t = r.onBlur) == null || t.call(r, e);
-  }, o = function(e) {
-    const t = (e == null ? void 0 : e.target) ?? n.current;
-    t.style.height = "0px", t.style.height = t.scrollHeight + m.variant[b].border + "px";
+    maxHeight: T = 150,
+    style: w,
+    sizeInput: F = "m",
+    variant: p = "solid-blue-300",
+    ...l
+  } = s, t = c.useRef(null), H = B(t, g), I = { ...w ?? {}, maxHeight: T, height: E ?? h, minHeight: h }, [b, x] = c.useState(!1), j = function(r) {
+    x(!0), s.onFocus?.(r);
+  }, z = function(r) {
+    x(!1), s.onBlur?.(r);
+  }, i = function(r) {
+    const o = r?.target ?? t.current;
+    o.style.height = "0px", o.style.height = o.scrollHeight + m.variant[p].border + "px";
   };
-  return p(() => (x && n.current ? n.current.addEventListener("input", o) : o(), () => {
-    var e;
-    (e = n.current) == null || e.removeEventListener("input", o);
-  }), [x]), /* @__PURE__ */ g(
+  return S(() => (b && t.current ? t.current.addEventListener("input", i) : i(), () => {
+    t.current?.removeEventListener("input", i);
+  }), [b]), /* @__PURE__ */ $(
     "div",
     {
-      className: `${a.container} 
-      ${m.size[H]} 
-      ${m.variant[b].style} 
-      ${v ?? ""}`,
+      className: `${e.container} 
+      ${m.size[F]} 
+      ${m.variant[p].style} 
+      ${N ?? ""}`,
       children: [
-        f && /* @__PURE__ */ g(
+        f && /* @__PURE__ */ $(
           "label",
           {
             htmlFor: d ?? u,
-            className: `${a.label} ${i.disabled ? a.disabled : ""} ${L ?? ""}`,
+            className: `${e.label} ${l.disabled ? e.disabled : ""} ${R ?? ""}`,
             children: [
               f,
               " ",
-              N && /* @__PURE__ */ s("span", { className: "iru-text-laba-red-08", children: "*" })
+              y && /* @__PURE__ */ a("span", { className: "iru-text-laba-red-08", children: "*" })
             ]
           }
         ),
-        /* @__PURE__ */ s("div", { className: `${a["container-textarea"]}`, children: /* @__PURE__ */ s(
+        /* @__PURE__ */ a("div", { className: `${e["container-textarea"]}`, children: /* @__PURE__ */ a(
           "textarea",
           {
             id: d ?? u,
-            className: ` ${l ? a.error : ""} 
-          ${a.textarea} 
-          ${R ?? ""}`,
-            ref: I,
-            style: j,
-            ...i,
-            onFocus: z,
-            onBlur: B
+            className: ` ${n ? e.error : ""} 
+          ${e.textarea} 
+          ${v ?? ""}`,
+            ref: H,
+            style: I,
+            ...l,
+            onFocus: j,
+            onBlur: z
           }
         ) }),
-        l && /* @__PURE__ */ s(
+        n && /* @__PURE__ */ a(
           "label",
           {
-            className: `${a["label-error"]} 
-          ${i.disabled ? a.disabled : ""} ${E ?? ""}`,
-            children: l
+            className: `${e["label-error"]} 
+          ${l.disabled ? e.disabled : ""} ${L ?? ""}`,
+            children: n
           }
         )
       ]

package/dist/components/Textarea/TextareaFloatingInner.cjs

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