1mpacto-react-ui 2.0.16 → 2.0.18

package/dist/components/Table/TableSubMobile.mjs

@@ -0,0 +1,37 @@
+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);
+}) }) });
+export {
+  b as default
+};

package/dist/components/Table/TableSubMobile.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"sub-mobile-payhere-reguler":"_sub-mobile-payhere-reguler_1xirc_1"};exports.default=e;

package/dist/components/Table/TableSubMobile.module.scss.mjs

@@ -0,0 +1,6 @@
+const e = {
+  "sub-mobile-payhere-reguler": "_sub-mobile-payhere-reguler_1xirc_1"
+};
+export {
+  e as default
+};

package/dist/components/Tabs/TabPanel.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),t=require("./style.module.scss.cjs"),r=({children:a,id:l,value:e,selected:u,className:s,isHide:d})=>n.jsx("div",{role:"tabpanel",id:l??`1ru-tabpanel-${e}`,className:`${t.default["tab-panel"]} ${d||e!==u?t.default.hidden:""} ${s??""}`,children:a});exports.default=r;

package/dist/components/Tabs/TabPanel.mjs

@@ -0,0 +1,14 @@
+import { jsx as p } from "react/jsx-runtime";
+import e from "./style.module.scss.mjs";
+const i = ({ children: t, id: l, value: a, selected: o, className: r, isHide: n }) => /* @__PURE__ */ p(
+  "div",
+  {
+    role: "tabpanel",
+    id: l ?? `1ru-tabpanel-${a}`,
+    className: `${e["tab-panel"]} ${n || a !== o ? e.hidden : ""} ${r ?? ""}`,
+    children: t
+  }
+);
+export {
+  i as default
+};

package/dist/components/Tabs/Tabs.cjs

@@ -0,0 +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;

package/dist/components/Tabs/Tabs.config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../config/components/borderRadius.cjs"),a=require("./style.module.scss.cjs"),b={tabsVariant:{"original-laba-blue-10":a.default["original-laba-blue-10"],"container-payhere-brand-base":a.default["container-payhere-brand-base"],"container-payhere-brand-base-bg_white":a.default["container-payhere-brand-base-bg_white"],"container-laba-blue-10":a.default["container-laba-blue-10"],"container-laba-blue-10-bg_white":a.default["container-laba-blue-10-bg_white"],"container-laba-blue-10-bg_blue-01":a.default["container-laba-blue-10-bg_blue-01"],"original-bill-secondary-800":a.default["original-bill-secondary-800"],"container-bill-secondary-800":a.default["container-bill-secondary-800"],"original-payhere-primary-700":a.default["original-payhere-primary-700"]},size:{"tabs-m":a.default["tabs-m"],"tabs-s":a.default["tabs-s"],"tabs-medium":a.default["tabs-medium"],"tabs-small":a.default["tabs-small"]},borderRadius:e.configBorderRadius,isContainer:["container-payhere-brand-base","container-payhere-brand-base-bg_white","container-laba-blue-10","container-laba-blue-10-bg_white","container-laba-blue-10-bg_blue-01","container-bill-secondary-800"]};exports.configTabs=b;

package/dist/components/Tabs/Tabs.config.mjs

@@ -0,0 +1,33 @@
+import { configBorderRadius as e } from "../../config/components/borderRadius.mjs";
+import a from "./style.module.scss.mjs";
+const r = {
+  tabsVariant: {
+    "original-laba-blue-10": a["original-laba-blue-10"],
+    "container-payhere-brand-base": a["container-payhere-brand-base"],
+    "container-payhere-brand-base-bg_white": a["container-payhere-brand-base-bg_white"],
+    "container-laba-blue-10": a["container-laba-blue-10"],
+    "container-laba-blue-10-bg_white": a["container-laba-blue-10-bg_white"],
+    "container-laba-blue-10-bg_blue-01": a["container-laba-blue-10-bg_blue-01"],
+    "original-bill-secondary-800": a["original-bill-secondary-800"],
+    "container-bill-secondary-800": a["container-bill-secondary-800"],
+    "original-payhere-primary-700": a["original-payhere-primary-700"]
+  },
+  size: {
+    "tabs-m": a["tabs-m"],
+    "tabs-s": a["tabs-s"],
+    "tabs-medium": a["tabs-medium"],
+    "tabs-small": a["tabs-small"]
+  },
+  borderRadius: e,
+  isContainer: [
+    "container-payhere-brand-base",
+    "container-payhere-brand-base-bg_white",
+    "container-laba-blue-10",
+    "container-laba-blue-10-bg_white",
+    "container-laba-blue-10-bg_blue-01",
+    "container-bill-secondary-800"
+  ]
+};
+export {
+  r as configTabs
+};

package/dist/components/Tabs/Tabs.mjs

@@ -0,0 +1,112 @@
+import { jsx as p, jsxs as W } 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: $
+}) => {
+  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(() => {
+      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;
+    },
+    [$]
+  );
+  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
+        };
+        J(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");
+    }
+    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(
+    "div",
+    {
+      className: `${d.tabsVariant[m]} 
+          ${d.isContainer.includes(m) ? d.size[j] : ""} 
+          ${H ?? ""}
+        `,
+      id: y ?? "1ru-tabs",
+      children: [
+        /* @__PURE__ */ p("div", { className: o["tabs-list"], children: n.map((e, t) => /* @__PURE__ */ p(
+          "button",
+          {
+            type: O,
+            id: `1ru-tabs-button-${e.id}`,
+            ref: (i) => {
+              E.current[t] = i;
+            },
+            className: `${o["button-tabs"]} ${d.borderRadius[C]} 
+                ${u ?? ""} ${(e == null ? void 0 : e.className) ?? ""}
+                ${l === t ? o.active : ""}`,
+            disabled: R,
+            onClick: (i) => {
+              d.isContainer.includes(m) || P(i), l != t && w(e, "change");
+            },
+            children: T(e.id, e.label)
+          },
+          t
+        )) }),
+        /* @__PURE__ */ p(
+          "div",
+          {
+            className: `${o["tabs-slider"]} ${d.borderRadius[C]} 
+            ${u ?? ""} ${z ? "" : o["disable-transition"]}
+          `,
+            style: {
+              left: b.left,
+              width: b.width,
+              height: b.height,
+              background: ((S = g[l]) == null ? void 0 : S.activeColor) ?? ""
+            }
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  Y as default
+};

package/dist/components/Tabs/style.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="_hidden_16p9h_10",e="_ripple_16p9h_143",_="_active_16p9h_150",i={"disable-transition":"_disable-transition_16p9h_1","tab-panel":"_tab-panel_16p9h_5",hidden:a,"tabs-medium":"_tabs-medium_16p9h_15","tabs-list":"_tabs-list_16p9h_18","button-tabs":"_button-tabs_16p9h_18","tabs-small":"_tabs-small_16p9h_31","tabs-m":"_tabs-m_16p9h_15","tabs-s":"_tabs-s_16p9h_31","container-tabs":"_container-tabs_16p9h_111","original-laba-blue-10":"_original-laba-blue-10_16p9h_117",ripple:e,active:_,"tabs-slider":"_tabs-slider_16p9h_158","original-payhere-primary-700":"_original-payhere-primary-700_16p9h_166","container-payhere-brand-base":"_container-payhere-brand-base_16p9h_215","container-payhere-brand-base-bg_white":"_container-payhere-brand-base-bg_white_16p9h_252","container-laba-blue-10":"_container-laba-blue-10_16p9h_289","container-laba-blue-10-bg_white":"_container-laba-blue-10-bg_white_16p9h_326","container-laba-blue-10-bg_blue-01":"_container-laba-blue-10-bg_blue-01_16p9h_363","original-bill-secondary-800":"_original-bill-secondary-800_16p9h_400","container-bill-secondary-800":"_container-bill-secondary-800_16p9h_449"};exports.active=_;exports.default=i;exports.hidden=a;exports.ripple=e;

package/dist/components/Tabs/style.module.scss.mjs

@@ -0,0 +1,30 @@
+const a = "_hidden_16p9h_10", _ = "_ripple_16p9h_143", e = "_active_16p9h_150", b = {
+  "disable-transition": "_disable-transition_16p9h_1",
+  "tab-panel": "_tab-panel_16p9h_5",
+  hidden: a,
+  "tabs-medium": "_tabs-medium_16p9h_15",
+  "tabs-list": "_tabs-list_16p9h_18",
+  "button-tabs": "_button-tabs_16p9h_18",
+  "tabs-small": "_tabs-small_16p9h_31",
+  "tabs-m": "_tabs-m_16p9h_15",
+  "tabs-s": "_tabs-s_16p9h_31",
+  "container-tabs": "_container-tabs_16p9h_111",
+  "original-laba-blue-10": "_original-laba-blue-10_16p9h_117",
+  ripple: _,
+  active: e,
+  "tabs-slider": "_tabs-slider_16p9h_158",
+  "original-payhere-primary-700": "_original-payhere-primary-700_16p9h_166",
+  "container-payhere-brand-base": "_container-payhere-brand-base_16p9h_215",
+  "container-payhere-brand-base-bg_white": "_container-payhere-brand-base-bg_white_16p9h_252",
+  "container-laba-blue-10": "_container-laba-blue-10_16p9h_289",
+  "container-laba-blue-10-bg_white": "_container-laba-blue-10-bg_white_16p9h_326",
+  "container-laba-blue-10-bg_blue-01": "_container-laba-blue-10-bg_blue-01_16p9h_363",
+  "original-bill-secondary-800": "_original-bill-secondary-800_16p9h_400",
+  "container-bill-secondary-800": "_container-bill-secondary-800_16p9h_449"
+};
+export {
+  e as active,
+  b as default,
+  a as hidden,
+  _ as ripple
+};

package/dist/components/Text/Text.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react/jsx-runtime"),r=require("react");let s=null;const S=({id:y,children:c,wordBreak:l="normal",style:b,...v})=>{const f=r.useRef(null),u=r.useMemo(()=>c.split(" "),[c]),[x,g]=r.useState(l),i=r.useCallback((e,a,d)=>{let t=0;if(s||(s=document.createElement("canvas").getContext("2d")),!s)return;const n=window.getComputedStyle(a);s.font=`${n.fontStyle} 
+      ${n.fontVariant} 
+      ${n.fontWeight} 
+      ${n.fontSize} 
+      ${n.fontFamily}`;for(const o of d){const w=s.measureText(o).width;w>t&&(t=w)}const m=t>e?"break-all":"normal";g(o=>o!==m?m:o)},[]);return r.useEffect(()=>{if(l!=="break-all")return;const e=f.current;if(!e)return;const a=new ResizeObserver(d=>{for(const t of d)i(t.contentRect.width,e,u)});return a.observe(e),i(e.getBoundingClientRect().width,e,u),()=>{a.disconnect()}},[u,l,i]),R.jsx("p",{ref:f,id:y,style:{...b,wordBreak:x},...v,children:c})};exports.default=S;

package/dist/components/Text/Text.mjs

@@ -0,0 +1,39 @@
+import { jsx as k } from "react/jsx-runtime";
+import { useRef as p, useMemo as v, useState as C, useCallback as g, useEffect as h } from "react";
+let r = null;
+const $ = ({ id: w, children: a, wordBreak: c = "normal", style: x, ...y }) => {
+  const u = p(null), l = v(() => a.split(" "), [a]), [W, b] = C(c), f = g(
+    (t, s, i) => {
+      let e = 0;
+      if (r || (r = document.createElement("canvas").getContext("2d")), !r) return;
+      const n = window.getComputedStyle(s);
+      r.font = `${n.fontStyle} 
+      ${n.fontVariant} 
+      ${n.fontWeight} 
+      ${n.fontSize} 
+      ${n.fontFamily}`;
+      for (const o of i) {
+        const m = r.measureText(o).width;
+        m > e && (e = m);
+      }
+      const d = e > t ? "break-all" : "normal";
+      b((o) => o !== d ? d : o);
+    },
+    []
+  );
+  return h(() => {
+    if (c !== "break-all") return;
+    const t = u.current;
+    if (!t) return;
+    const s = new ResizeObserver((i) => {
+      for (const e of i)
+        f(e.contentRect.width, t, l);
+    });
+    return s.observe(t), f(t.getBoundingClientRect().width, t, l), () => {
+      s.disconnect();
+    };
+  }, [l, c, f]), /* @__PURE__ */ k("p", { ref: u, id: w, style: { ...x, wordBreak: W }, ...y, children: a });
+};
+export {
+  $ as default
+};

package/dist/components/TextEditor/TextEditor.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("../../config/components/tinymce.cjs"),i=require("../../utils/common.cjs"),u=require("./style.module.scss.cjs"),c=require("@tinymce/tinymce-react"),l=e=>t.jsx("div",{className:`${u.default.container}`,children:t.jsx(c.Editor,{...i.mergeObjects(r.default({label:e.label}),e)})});exports.default=l;

package/dist/components/TextEditor/TextEditor.mjs

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import e from "../../config/components/tinymce.mjs";
+import { mergeObjects as o } from "../../utils/common.mjs";
+import m from "./style.module.scss.mjs";
+import { Editor as i } from "@tinymce/tinymce-react";
+const s = (r) => /* @__PURE__ */ t("div", { className: `${m.container}`, children: /* @__PURE__ */ t(i, { ...o(e({ label: r.label }), r) }) });
+export {
+  s as default
+};

package/dist/components/TextEditor/style.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_pqghk_1",t={container:e};exports.container=e;exports.default=t;

package/dist/components/TextEditor/style.module.scss.mjs

@@ -0,0 +1,7 @@
+const n = "_container_pqghk_1", t = {
+  container: n
+};
+export {
+  n as container,
+  t as default
+};

package/dist/components/Textarea/Textarea.cjs

@@ -0,0 +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=$;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./style.module.scss.cjs"),l={size:{m:e.default["size-m"],medium:e.default["size-medium"],"medium-border-bottom":e.default["size-medium-border-bottom"]},variant:{"solid-blue-300":{border:0,style:e.default["solid-blue-300"]},"dashed-blue-300":{border:3.7,style:e.default["dashed-blue-300"]},"solid-laba-blue-10":{border:0,style:e.default["solid-laba-blue-10"]},"dashed-laba-blue-10":{border:3.7,style:e.default["dashed-laba-blue-10"]},"border-bottom-laba-blue-08":{border:1,style:e.default["border-bottom-laba-blue-08"]}}};exports.configTextarea=l;

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

@@ -0,0 +1,33 @@
+import e from "./style.module.scss.mjs";
+const l = {
+  size: {
+    m: e["size-m"],
+    medium: e["size-medium"],
+    "medium-border-bottom": e["size-medium-border-bottom"]
+  },
+  variant: {
+    "solid-blue-300": {
+      border: 0,
+      style: e["solid-blue-300"]
+    },
+    "dashed-blue-300": {
+      border: 3.7,
+      style: e["dashed-blue-300"]
+    },
+    "solid-laba-blue-10": {
+      border: 0,
+      style: e["solid-laba-blue-10"]
+    },
+    "dashed-laba-blue-10": {
+      border: 3.7,
+      style: e["dashed-laba-blue-10"]
+    },
+    "border-bottom-laba-blue-08": {
+      border: 1,
+      style: e["border-bottom-laba-blue-08"]
+    }
+  }
+};
+export {
+  l as configTextarea
+};

package/dist/components/Textarea/Textarea.mjs

@@ -0,0 +1,87 @@
+import { jsxs as g, jsx as s } 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 { configTextarea as m } from "./Textarea.config.mjs";
+const q = c.forwardRef((r, y) => {
+  const {
+    isRequired: N,
+    classNameContainer: v,
+    className: R,
+    classNameLabel: L,
+    classNameLabelError: E,
+    name: u,
+    id: d,
+    label: f,
+    error: l,
+    height: T,
+    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";
+  };
+  return p(() => (x && n.current ? n.current.addEventListener("input", o) : o(), () => {
+    var e;
+    (e = n.current) == null || e.removeEventListener("input", o);
+  }), [x]), /* @__PURE__ */ g(
+    "div",
+    {
+      className: `${a.container} 
+      ${m.size[H]} 
+      ${m.variant[b].style} 
+      ${v ?? ""}`,
+      children: [
+        f && /* @__PURE__ */ g(
+          "label",
+          {
+            htmlFor: d ?? u,
+            className: `${a.label} ${i.disabled ? a.disabled : ""} ${L ?? ""}`,
+            children: [
+              f,
+              " ",
+              N && /* @__PURE__ */ s("span", { className: "iru-text-laba-red-08", children: "*" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: `${a["container-textarea"]}`, children: /* @__PURE__ */ s(
+          "textarea",
+          {
+            id: d ?? u,
+            className: ` ${l ? a.error : ""} 
+          ${a.textarea} 
+          ${R ?? ""}`,
+            ref: I,
+            style: j,
+            ...i,
+            onFocus: z,
+            onBlur: B
+          }
+        ) }),
+        l && /* @__PURE__ */ s(
+          "label",
+          {
+            className: `${a["label-error"]} 
+          ${i.disabled ? a.disabled : ""} ${E ?? ""}`,
+            children: l
+          }
+        )
+      ]
+    }
+  );
+});
+q.displayName = "Textarea";
+export {
+  q as default
+};

package/dist/components/Textarea/TextareaFloatingInner.cjs

@@ -0,0 +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;

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

@@ -0,0 +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;

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

@@ -0,0 +1,9 @@
+import e from "./TextareaFloatingInner.module.scss.mjs";
+const m = {
+  size: {
+    medium: e["size-medium"]
+  }
+};
+export {
+  m as configTextareaFloatingInner
+};

package/dist/components/Textarea/TextareaFloatingInner.mjs

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

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

@@ -0,0 +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;

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

@@ -0,0 +1,17 @@
+const e = "_container_1k2ib_1", r = "_textarea_1k2ib_12", a = "_label_1k2ib_63", _ = "_error_1k2ib_79", t = {
+  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"
+};
+export {
+  e as container,
+  t as default,
+  _ as error,
+  a as label,
+  r as textarea
+};

package/dist/components/Textarea/TextareaInnerLabel.cjs

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TextareaInnerLabel.module.scss.cjs"),a={size:{large:e.default["size-large"],small:e.default["size-small"]}};exports.configTextareaInnerLabel=a;