1mpacto-react-ui 2.0.19 → 2.0.21

package/dist/hooks/useOtpInput.mjs

@@ -1,99 +1,95 @@
-import u from "react";
-import { deleteKeysImmutable as A } from "../utils/common.mjs";
-const C = ({
-  id: y,
+import l from "react";
+import { deleteKeysImmutable as P } from "../utils/common.mjs";
+const R = ({
+  id: w,
   numInputs: e,
-  onComplete: i,
-  disableFocusOnEdit: w = !1,
-  blurOnComplete: b = !1,
-  disableOnComplete: v = !1
+  onComplete: f,
+  disableFocusOnEdit: b = !1,
+  blurOnComplete: p = !1,
+  disableOnComplete: k = !1
 }) => {
-  const [r, D] = u.useState(() => Array(e).fill("")), c = u.useRef([]), [O] = u.useState(() => `otp-${Math.random().toString(36).slice(2, 9)}`), F = y || O;
-  u.useEffect(() => {
+  const [r, g] = l.useState(() => Array(e).fill("")), c = l.useRef([]), [y] = l.useState(() => `otp-${Math.random().toString(36).slice(2, 9)}`), v = w || y;
+  l.useEffect(() => {
     c.current = c.current.slice(0, e);
   }, [e]);
-  const $ = u.useCallback(
+  const O = l.useCallback(
     (t, a) => {
-      var g, h;
-      const o = t.target.value, s = o.length > 1 ? o.slice(-1) : o, l = r[a] !== "", f = [...r];
-      f[a] = s, D(f);
-      const p = f.join(""), n = !f.slice(0, e).includes("");
-      s !== "" && a < e - 1 && (w && l && n || (g = c.current[a + 1]) == null || g.focus()), n && (typeof i == "function" && i(p), b && ((h = c.current[a]) == null || h.blur()));
+      const o = t.target.value, s = o.length > 1 ? o.slice(-1) : o, n = r[a] !== "", u = [...r];
+      u[a] = s, g(u);
+      const h = u.join(""), i = !u.slice(0, e).includes("");
+      s !== "" && a < e - 1 && (b && n && i || c.current[a + 1]?.focus()), i && (typeof f == "function" && f(h), p && c.current[a]?.blur());
     },
-    [r, e, i, w, b]
-  ), S = u.useCallback(
+    [r, e, f, b, p]
+  ), F = l.useCallback(
     (t, a) => {
-      var o, s, l, f, p;
       switch (t.key) {
         case "Backspace":
           if (r[a] === "" && a > 0) {
             t.preventDefault();
-            const n = [...r];
-            n[a - 1] = "", D(n), (o = c.current[a - 1]) == null || o.focus();
+            const o = [...r];
+            o[a - 1] = "", g(o), c.current[a - 1]?.focus();
           }
           break;
         case "ArrowLeft":
-          a > 0 && (t.preventDefault(), (s = c.current[a - 1]) == null || s.focus());
+          a > 0 && (t.preventDefault(), c.current[a - 1]?.focus());
           break;
         case "ArrowRight":
-          a < e - 1 && (t.preventDefault(), (l = c.current[a + 1]) == null || l.focus());
+          a < e - 1 && (t.preventDefault(), c.current[a + 1]?.focus());
           break;
         case "Home":
-          t.preventDefault(), (f = c.current[0]) == null || f.focus();
+          t.preventDefault(), c.current[0]?.focus();
           break;
         case "End":
-          t.preventDefault(), (p = c.current[e - 1]) == null || p.focus();
+          t.preventDefault(), c.current[e - 1]?.focus();
           break;
       }
     },
     [r, e]
-  ), V = u.useCallback(
+  ), $ = l.useCallback(
     (t, a) => {
-      var g, h;
       t.preventDefault();
       const o = t.clipboardData.getData("text").trim();
       if (!o) return;
       const s = [...r];
-      let l = a;
-      for (const d of o) {
-        if (l >= e) break;
-        s[l] = d, l++;
+      let n = a;
+      for (const j of o) {
+        if (n >= e) break;
+        s[n] = j, n++;
       }
-      D(s);
-      const f = s.join(""), p = !s.includes(""), n = Math.min(l, e - 1);
-      (g = c.current[n]) == null || g.focus(), p && (typeof i == "function" && i(f), b && ((h = c.current[n]) == null || h.blur()));
+      g(s);
+      const u = s.join(""), h = !s.includes(""), i = Math.min(n, e - 1);
+      c.current[i]?.focus(), h && (typeof f == "function" && f(u), p && c.current[i]?.blur());
     },
-    [r, e, i, b]
-  ), j = (t) => {
+    [r, e, f, p]
+  ), S = (t) => {
     t.target.select();
-  }, P = () => {
-    var t;
-    D(Array(e).fill("")), (t = c.current[0]) == null || t.focus();
-  }, k = (t) => {
+  }, V = () => {
+    g(Array(e).fill("")), c.current[0]?.focus();
+  }, D = (t) => {
     if (t < 0 || t >= e)
       throw new Error(`useOtpInput: index ${t} is out of bounds for numInputs ${e}.`);
     const a = r.join("").length === e;
     return {
-      id: `${F}-${t}`,
+      id: `${v}-${t}`,
       "aria-label": `OTP digit ${t + 1} of ${e}`,
       ref: (o) => {
         c.current[t] = o;
       },
       value: r[t],
-      onChange: (o) => $(o, t),
-      onKeyDown: (o) => S(o, t),
-      onPaste: (o) => V(o, t),
-      onFocus: j,
-      disabled: v && a,
+      onChange: (o) => O(o, t),
+      onKeyDown: (o) => F(o, t),
+      onPaste: (o) => $(o, t),
+      onFocus: S,
+      disabled: k && a,
       type: "text",
       inputMode: "numeric",
       autoComplete: "one-time-code"
     };
   };
   return {
-    getInputProps: k,
+    getInputProps: D,
     getInputData: (t) => ({
-      ...A(k(t), [
+      ...P(D(t), [
         "onChange",
         "onKeyDown",
         "onPaste",
@@ -105,11 +101,11 @@ const C = ({
     }),
     otpValues: r,
     otpString: r.join(""),
-    clearOtp: P,
+    clearOtp: V,
     isOtpComplete: r.join("").length === e
   };
 };
 export {
-  C as default,
-  C as useOtpInput
+  R as default,
+  R as useOtpInput
 };

package/dist/hooks/usePacked.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),S=require("./useDebounce.cjs"),X=(e,R=[])=>{const a=d.useRef(null),[z,M]=d.useState(0),c=d.useCallback(()=>{if(!a.current||e.columns<1)return;const n=a.current,p=Array.from(n.children);n.style.position="relative",n.style.width="100%",e.animationEnabled?n.style.transition="height 0.4s ease":n.style.transition="";const y=n.clientWidth;let g="mobile",x=-1;for(const[m,t]of Object.entries(e.breakpoints??{}))y>=t&&t>x&&(x=t,g=m);const o=Math.max(0,(y-(e.columns-1)*e.gapX)/e.columns);if(o<=0)return;const h=Array(e.columns).fill(0),H=e.orientation==="top-bottom";p.forEach(m=>{const t=m,E=parseInt(t.dataset[`${g}Cols`]||t.dataset.cols||"1",10),r=Math.min(isNaN(E)?1:E,e.columns);t.style.position="absolute",t.style.boxSizing="border-box",e.animationEnabled?t.style.transition="all 0.4s ease":t.style.transition="",t.style.width=`${r*o+(r-1)*e.gapX}px`;let u;if(t.dataset.rows){const s=parseInt(t.dataset.rows,10),i=isNaN(s)?1:s;u=i*o+(i-1)*e.gapY}else t.style.height="auto",u=t.offsetHeight;let f=0,l=1/0;for(let s=0;s<=e.columns-r;s++){const i=Math.max(...h.slice(s,s+r));i<l&&(l=i,f=s)}t.style.height=`${u}px`,t.style.left=t.style.right=t.style.top=t.style.bottom="auto";const $=f*(o+e.gapX);e.direction==="rtl"?t.style.right=`${$}px`:t.style.left=`${$}px`,H?t.style.top=`${l}px`:t.style.bottom=`${l}px`;for(let s=f;s<f+r;s++)h[s]=l+u+e.gapY});const w=Math.max(...h),v=w>0?w-e.gapY:0;n.style.height=`${v}px`,M(v)},[e.columns,e.gapX,e.gapY,e.animationEnabled,e.breakpoints,e.orientation,e.direction]),{debouncedFn:b}=S.default(c,{wait:e.debounceResize??150});return d.useLayoutEffect(()=>{const n=new ResizeObserver(b);return a.current&&n.observe(a.current),window.addEventListener("resize",b),c(),()=>{a.current&&n.unobserve(a.current),window.removeEventListener("resize",b)}},[c,...R]),{containerRef:a,containerHeight:z,recalculate:c}};exports.default=X;

package/dist/hooks/usePacked.mjs

@@ -0,0 +1,56 @@
+import m from "react";
+import k from "./useDebounce.mjs";
+const N = (e, p = []) => {
+  const a = m.useRef(null), [R, z] = m.useState(0), c = m.useCallback(() => {
+    if (!a.current || e.columns < 1) return;
+    const s = a.current, H = Array.from(s.children);
+    s.style.position = "relative", s.style.width = "100%", e.animationEnabled ? s.style.transition = "height 0.4s ease" : s.style.transition = "";
+    const b = s.clientWidth;
+    let g = "mobile", x = -1;
+    for (const [y, t] of Object.entries(e.breakpoints ?? {}))
+      b >= t && t > x && (x = t, g = y);
+    const o = Math.max(0, (b - (e.columns - 1) * e.gapX) / e.columns);
+    if (o <= 0) return;
+    const h = Array(e.columns).fill(0), X = e.orientation === "top-bottom";
+    H.forEach((y) => {
+      const t = y, E = parseInt(t.dataset[`${g}Cols`] || t.dataset.cols || "1", 10), r = Math.min(isNaN(E) ? 1 : E, e.columns);
+      t.style.position = "absolute", t.style.boxSizing = "border-box", e.animationEnabled ? t.style.transition = "all 0.4s ease" : t.style.transition = "", t.style.width = `${r * o + (r - 1) * e.gapX}px`;
+      let u;
+      if (t.dataset.rows) {
+        const n = parseInt(t.dataset.rows, 10), i = isNaN(n) ? 1 : n;
+        u = i * o + (i - 1) * e.gapY;
+      } else
+        t.style.height = "auto", u = t.offsetHeight;
+      let f = 0, l = 1 / 0;
+      for (let n = 0; n <= e.columns - r; n++) {
+        const i = Math.max(...h.slice(n, n + r));
+        i < l && (l = i, f = n);
+      }
+      t.style.height = `${u}px`, t.style.left = t.style.right = t.style.top = t.style.bottom = "auto";
+      const $ = f * (o + e.gapX);
+      e.direction === "rtl" ? t.style.right = `${$}px` : t.style.left = `${$}px`, X ? t.style.top = `${l}px` : t.style.bottom = `${l}px`;
+      for (let n = f; n < f + r; n++) h[n] = l + u + e.gapY;
+    });
+    const w = Math.max(...h), v = w > 0 ? w - e.gapY : 0;
+    s.style.height = `${v}px`, z(v);
+  }, [
+    e.columns,
+    e.gapX,
+    e.gapY,
+    e.animationEnabled,
+    e.breakpoints,
+    e.orientation,
+    e.direction
+  ]), { debouncedFn: d } = k(c, {
+    wait: e.debounceResize ?? 150
+  });
+  return m.useLayoutEffect(() => {
+    const s = new ResizeObserver(d);
+    return a.current && s.observe(a.current), window.addEventListener("resize", d), c(), () => {
+      a.current && s.unobserve(a.current), window.removeEventListener("resize", d);
+    };
+  }, [c, ...p]), { containerRef: a, containerHeight: R, recalculate: c };
+};
+export {
+  N as default
+};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./utils/common.cjs"),l=require("./utils/formatBigNumber.cjs"),d=require("./utils/cookies.cjs"),m=require("./components/Alert/index.cjs"),t=require("./utils/yup.cjs"),c=require("./config/bigNumber/index.cjs"),n=require("./utils/axiosBigNumber.cjs"),b=require("./config/tailwind/colors.cjs"),g=require("./config/tailwind/screen.cjs"),p=require("./config/tailwind/nativeScreen.cjs"),q=require("./components/TPublish/TPublish.cjs"),T=require("./components/Button/Button.cjs"),C=require("./components/Popover/Popover.cjs"),y=require("./components/Calendar/Calendar.cjs"),B=require("./components/Calendar/CalendarRange.cjs"),h=require("./components/DatePicker/DatePicker.cjs"),N=require("./components/DatePicker/DateRangePicker.cjs"),D=require("./components/DatePicker/FilterDate.cjs"),O=require("./components/Input/InputFloatingInner.cjs"),S=require("./components/Input/InputReguler.cjs"),I=require("./components/Pagination/Pagination.cjs"),P=require("./components/Tabs/Tabs.cjs"),x=require("./components/Tabs/TabPanel.cjs"),M=require("./components/Table/Table.cjs"),R=require("./components/Virtualization/TableVirtualization.cjs"),v=require("./components/Virtualization/ListVirtualization.cjs"),A=require("./components/SelectDropdownContainer/SelectDropdownContainer.cjs"),F=require("./components/Switch/Switch.cjs"),L=require("./components/ButtonIcon/ButtonIcon.cjs"),E=require("./components/Badges/Badges.cjs"),j=require("./components/Chips/Chips.cjs"),u=require("./components/RadioCheckbox/RadioCheckbox.cjs"),k=require("./components/RadioCheckbox/RadioCheckboxLabel.cjs"),w=require("./components/Breadcrumbs/Breadcrumbs.cjs"),V=require("./components/Sidebar/Sidebar.cjs"),z=require("./components/Collapse/Collapse.cjs"),K=require("./components/Modal/ModalDialog.cjs"),U=require("./components/Timeline/Timeline.cjs"),G=require("./components/FilterContainer/FilterContainer.cjs"),_=require("./components/NumberFormat/NumberFormat.cjs"),H=require("./components/PortalComponent/PortalComponent.cjs"),J=require("./components/Upload/UploadFile.cjs"),Q=require("./components/TruncateComponent/TruncateComponent.cjs"),W=require("./components/Upload/UploadImage.cjs"),Y=require("./components/Textarea/Textarea.cjs"),Z=require("./components/Chart/DoughnutChart.cjs"),$=require("./components/DatePicker/MonthYearPicker.cjs"),X=require("./components/RadioCheckbox/CheckboxTable.cjs"),ee=require("./components/Input/InputNative.cjs"),re=require("./components/Upload/UploadMultipleFile.cjs"),te=require("./components/ErrorMessage/ErrorMessage.cjs"),ae=require("./components/Textarea/TextareaFloatingInner.cjs"),oe=require("./components/Step/Step.cjs"),ne=require("./components/Chart/LineChart.cjs"),ue=require("./components/Tooltip/Tooltip.cjs"),ie=require("./components/ButtonPopover/ButtonPopover.cjs"),se=require("./components/Chart/GradientLineChart.cjs"),le=require("./components/Chart/GradientBarChart.cjs"),ce=require("./components/Chart/PieChart.cjs"),fe=require("./components/Step/StepIndicator.cjs"),de=require("./components/TextEditor/TextEditor.cjs"),me=require("./components/Collapse/CollapseV2.cjs"),be=require("./components/Table/TableSubMobile.cjs"),ge=require("./components/TimeRange/TimeRange.cjs"),pe=require("./components/Textarea/TextareaInnerLabel.cjs"),qe=require("./components/Input/InputInnerLabel.cjs"),Te=require("./components/Text/Text.cjs"),Ce=require("./hooks/useElementOrWindowMediaQuery.cjs"),ye=require("./hooks/useCountdown.cjs"),Be=require("./hooks/useAsyncDebounce.cjs"),he=require("./hooks/useCombinedResizeObserver.cjs"),Ne=require("./hooks/useStateRef.cjs"),De=require("./hooks/useMasonry.cjs"),Oe=require("./hooks/useOtpInput.cjs"),Se=require("bignumber.js"),i=require("./config/tailwind/typography.cjs"),Ie=require("@tanstack/react-table"),Pe=require("react-select"),xe=require("react-number-format"),Me=require("./components/Table/Table.config.cjs"),Re=require("react-toastify"),f=require("./hooks/useDeepCompareEffect.cjs"),ve=require("./hooks/useMergeRefs.cjs"),Ae=require("./hooks/useEventListener.cjs");function Fe(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const a in r)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(r,a);Object.defineProperty(o,a,s.get?s:{enumerable:!0,get:()=>r[a]})}}return o.default=r,Object.freeze(o)}const Le=Fe(Ie);exports.deepCompareEquals=e.deepCompareEquals;exports.deepMerge=e.deepMerge;exports.deleteKeysImmutable=e.deleteKeysImmutable;exports.deleteKeysMutable=e.deleteKeysMutable;exports.encryptRSAOAEP=e.encryptRSAOAEP;exports.extractElementStringToOriginalValue=e.extractElementStringToOriginalValue;exports.formatDate=e.formatDate;exports.formatDateRange=e.formatDateRange;exports.formatNumber=e.formatNumber;exports.groupByKey=e.groupByKey;exports.isAccurateBigNumber=e.isAccurateBigNumber;exports.isAccurateNumber=e.isAccurateNumber;exports.isObject=e.isObject;exports.parseBigDecimal=e.parseBigDecimal;exports.parseDecimal=e.parseDecimal;exports.parseFileName=e.parseFileName;exports.removeKeyObjectEmptyValue=e.removeKeyObjectEmptyValue;exports.setDigit=e.setDigit;exports.transformArrayMapping=e.transformArrayMapping;exports.transformArrayMappingObjectFC=e.transformArrayMappingObjectFC;exports.transformArrayOfObjectToArray=e.transformArrayOfObjectToArray;exports.transformArrayOfObjectToString=e.transformArrayOfObjectToString;exports.transformBigNumber=e.transformBigNumber;exports.transformBigNumberOpt=e.transformBigNumberOpt;exports.transformDataHistory=e.transformDataHistory;exports.transformLatLong=e.transformLatLong;exports.transformNumber=e.transformNumber;exports.transformSecondTime=e.transformSecondTime;exports.transfromIsNan=e.transfromIsNan;exports.formatBigNumber=l.formatBigNumber;exports.removeTrailingZeros=l.removeTrailingZeros;exports.cookieStorage=d.default;exports.openAlert=m.openAlert;exports.betweenBig=t.betweenBig;exports.lessThanBig=t.lessThanBig;exports.maxBig=t.maxBig;exports.minBig=t.minBig;exports.moreThanBig=t.moreThanBig;exports.BigNumber=c.BigNumber;exports.defaultConfig=c.defaultConfig;exports.convertBigNumbersToStrings=n.convertBigNumbersToStrings;exports.convertNumbersToBigNumbers=n.convertNumbersToBigNumbers;exports.convertTextToJsonBigNumbers=n.convertTextToJsonBigNumbers;exports.ConfigColors=b.default;exports.configScreens=g.default;exports.configNativeScreens=p.default;exports.TPublish=q.default;exports.Button=T.default;exports.Popover=C.default;exports.Calendar=y.default;exports.CalendarRange=B.default;exports.DatePicker=h.default;exports.DateRangePicker=N.default;exports.FilterDate=D.default;exports.InputFloatingInner=O.default;exports.InputReguler=S.default;exports.Pagination=I.default;exports.Tabs=P.default;exports.TabPanel=x.default;exports.Table=M.default;exports.TableVirtualization=R.default;exports.ListVirtualization=v.default;exports.SelectDropdownContainer=A.default;exports.Switch=F.default;exports.ButtonIcon=L.default;exports.Badges=E.default;exports.Chips=j.default;exports.DefaultCheckedChecboxIcon=u.DefaultCheckedChecboxIcon;exports.DefaultRadioChecboxIcon=u.DefaultRadioChecboxIcon;exports.RadioCheckbox=u.default;exports.RadioCheckboxLabel=k.default;exports.Breadcrumbs=w.default;exports.Sidebar=V.default;exports.Collapse=z.default;exports.ModalDialog=K.default;exports.Timeline=U.default;exports.FilterContainer=G.default;exports.NumberFormat=_.default;exports.PortalComponent=H.default;exports.UploadFile=J.default;exports.TruncateComponent=Q.default;exports.UploadImage=W.default;exports.Textarea=Y.default;exports.DoughnutChart=Z.default;exports.MonthYearPicker=$.default;exports.CheckboxTable=X.default;exports.InputNative=ee.default;exports.UploadMultipleFile=re.default;exports.ErrorMessage=te.default;exports.TextareaFloatingInner=ae.default;exports.Step=oe.default;exports.LineChart=ne.default;exports.Tooltip=ue.default;exports.ButtonPopover=ie.default;exports.GradientLineChart=se.default;exports.GradientBarChart=le.default;exports.PieChart=ce.default;exports.StepIndicator=fe.default;exports.TextEditor=de.default;exports.CollapseV2=me.default;exports.TableSubComponent=be.default;exports.TimeRange=ge.default;exports.TextareaInnerLabel=pe.default;exports.InputInnerLabel=qe.default;exports.Text=Te.default;exports.useElementOrWindowMediaQuery=Ce.default;exports.useCountdown=ye.default;exports.useAsyncDebounce=Be.default;exports.useCombinedResizeObserver=he.default;exports.useStateRef=Ne.default;exports.useMasonry=De.default;exports.useOtpInput=Oe.useOtpInput;exports.TypeBigNumber=Se;exports.configTypography=i.default;exports.configTypographyLabaBisnis=i.configTypographyLabaBisnis;exports.configTypographyPayhere=i.configTypographyPayhere;exports.utilTable=Le;Object.defineProperty(exports,"SelectDropdownContainerComponents",{enumerable:!0,get:()=>Pe.components});Object.defineProperty(exports,"PatternFormat",{enumerable:!0,get:()=>xe.PatternFormat});exports.ConfigTable=Me.ConfigTable;Object.defineProperty(exports,"AlertContainer",{enumerable:!0,get:()=>Re.ToastContainer});exports.useDeepCompareEffect=f.useDeepCompareEffect;exports.useDeepCompareMemoize=f.useDeepCompareMemoize;exports.useMergeRefs=ve.useMergeRefs;exports.useEventListener=Ae.useEventListener;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./utils/common.cjs"),c=require("./utils/formatBigNumber.cjs"),d=require("./utils/cookies.cjs"),m=require("./components/Alert/index.cjs"),t=require("./utils/yup.cjs"),l=require("./config/bigNumber/index.cjs"),n=require("./utils/axiosBigNumber.cjs"),b=require("./config/tailwind/colors.cjs"),g=require("./config/tailwind/screen.cjs"),p=require("./config/tailwind/nativeScreen.cjs"),q=require("./components/TPublish/TPublish.cjs"),T=require("./components/Button/Button.cjs"),C=require("./components/Popover/Popover.cjs"),y=require("./components/Calendar/Calendar.cjs"),B=require("./components/Calendar/CalendarRange.cjs"),h=require("./components/DatePicker/DatePicker.cjs"),D=require("./components/DatePicker/DateRangePicker.cjs"),N=require("./components/DatePicker/FilterDate.cjs"),O=require("./components/Input/InputFloatingInner.cjs"),P=require("./components/Input/InputReguler.cjs"),S=require("./components/Pagination/Pagination.cjs"),I=require("./components/Tabs/Tabs.cjs"),x=require("./components/Tabs/TabPanel.cjs"),M=require("./components/Table/Table.cjs"),R=require("./components/Virtualization/TableVirtualization.cjs"),v=require("./components/Virtualization/ListVirtualization.cjs"),A=require("./components/SelectDropdownContainer/SelectDropdownContainer.cjs"),F=require("./components/Switch/Switch.cjs"),L=require("./components/ButtonIcon/ButtonIcon.cjs"),E=require("./components/Badges/Badges.cjs"),k=require("./components/Chips/Chips.cjs"),u=require("./components/RadioCheckbox/RadioCheckbox.cjs"),j=require("./components/RadioCheckbox/RadioCheckboxLabel.cjs"),w=require("./components/Breadcrumbs/Breadcrumbs.cjs"),V=require("./components/Sidebar/Sidebar.cjs"),z=require("./components/Collapse/Collapse.cjs"),K=require("./components/Modal/ModalDialog.cjs"),U=require("./components/Timeline/Timeline.cjs"),G=require("./components/FilterContainer/FilterContainer.cjs"),_=require("./components/NumberFormat/NumberFormat.cjs"),H=require("./components/PortalComponent/PortalComponent.cjs"),J=require("./components/Upload/UploadFile.cjs"),Q=require("./components/TruncateComponent/TruncateComponent.cjs"),W=require("./components/Upload/UploadImage.cjs"),Y=require("./components/Textarea/Textarea.cjs"),Z=require("./components/Chart/DoughnutChart.cjs"),$=require("./components/DatePicker/MonthYearPicker.cjs"),X=require("./components/RadioCheckbox/CheckboxTable.cjs"),ee=require("./components/Input/InputNative.cjs"),re=require("./components/Upload/UploadMultipleFile.cjs"),te=require("./components/ErrorMessage/ErrorMessage.cjs"),ae=require("./components/Textarea/TextareaFloatingInner.cjs"),oe=require("./components/Step/Step.cjs"),ne=require("./components/Chart/LineChart.cjs"),ue=require("./components/Tooltip/Tooltip.cjs"),ie=require("./components/ButtonPopover/ButtonPopover.cjs"),se=require("./components/Chart/GradientLineChart.cjs"),ce=require("./components/Chart/GradientBarChart.cjs"),le=require("./components/Chart/PieChart.cjs"),fe=require("./components/Step/StepIndicator.cjs"),de=require("./components/TextEditor/TextEditor.cjs"),me=require("./components/Collapse/CollapseV2.cjs"),be=require("./components/Table/TableSubMobile.cjs"),ge=require("./components/TimeRange/TimeRange.cjs"),pe=require("./components/Textarea/TextareaInnerLabel.cjs"),qe=require("./components/Input/InputInnerLabel.cjs"),Te=require("./components/Text/Text.cjs"),Ce=require("./hooks/useElementOrWindowMediaQuery.cjs"),ye=require("./hooks/useCountdown.cjs"),Be=require("./hooks/useAsyncDebounce.cjs"),he=require("./hooks/useCombinedResizeObserver.cjs"),De=require("./hooks/useStateRef.cjs"),Ne=require("./hooks/useMasonry.cjs"),Oe=require("./hooks/useOtpInput.cjs"),Pe=require("./hooks/usePacked.cjs"),Se=require("./hooks/useDebounce.cjs"),Ie=require("bignumber.js"),i=require("./config/tailwind/typography.cjs"),xe=require("@tanstack/react-table"),Me=require("react-select"),Re=require("react-number-format"),ve=require("./components/Table/Table.config.cjs"),Ae=require("react-toastify"),f=require("./hooks/useDeepCompareEffect.cjs"),Fe=require("./hooks/useMergeRefs.cjs"),Le=require("./hooks/useEventListener.cjs");function Ee(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const a in r)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(r,a);Object.defineProperty(o,a,s.get?s:{enumerable:!0,get:()=>r[a]})}}return o.default=r,Object.freeze(o)}const ke=Ee(xe);exports.deepCompareEquals=e.deepCompareEquals;exports.deepMerge=e.deepMerge;exports.deleteKeysImmutable=e.deleteKeysImmutable;exports.deleteKeysMutable=e.deleteKeysMutable;exports.encryptRSAOAEP=e.encryptRSAOAEP;exports.extractElementStringToOriginalValue=e.extractElementStringToOriginalValue;exports.formatDate=e.formatDate;exports.formatDateRange=e.formatDateRange;exports.formatNumber=e.formatNumber;exports.groupByKey=e.groupByKey;exports.isAccurateBigNumber=e.isAccurateBigNumber;exports.isAccurateNumber=e.isAccurateNumber;exports.isObject=e.isObject;exports.parseBigDecimal=e.parseBigDecimal;exports.parseDecimal=e.parseDecimal;exports.parseFileName=e.parseFileName;exports.removeKeyObjectEmptyValue=e.removeKeyObjectEmptyValue;exports.setDigit=e.setDigit;exports.transformArrayMapping=e.transformArrayMapping;exports.transformArrayMappingObjectFC=e.transformArrayMappingObjectFC;exports.transformArrayOfObjectToArray=e.transformArrayOfObjectToArray;exports.transformArrayOfObjectToString=e.transformArrayOfObjectToString;exports.transformBigNumber=e.transformBigNumber;exports.transformBigNumberOpt=e.transformBigNumberOpt;exports.transformDataHistory=e.transformDataHistory;exports.transformLatLong=e.transformLatLong;exports.transformNumber=e.transformNumber;exports.transformSecondTime=e.transformSecondTime;exports.transfromIsNan=e.transfromIsNan;exports.formatBigNumber=c.formatBigNumber;exports.removeTrailingZeros=c.removeTrailingZeros;exports.cookieStorage=d.default;exports.openAlert=m.openAlert;exports.betweenBig=t.betweenBig;exports.lessThanBig=t.lessThanBig;exports.maxBig=t.maxBig;exports.minBig=t.minBig;exports.moreThanBig=t.moreThanBig;exports.BigNumber=l.BigNumber;exports.defaultConfig=l.defaultConfig;exports.convertBigNumbersToStrings=n.convertBigNumbersToStrings;exports.convertNumbersToBigNumbers=n.convertNumbersToBigNumbers;exports.convertTextToJsonBigNumbers=n.convertTextToJsonBigNumbers;exports.ConfigColors=b.default;exports.configScreens=g.default;exports.configNativeScreens=p.default;exports.TPublish=q.default;exports.Button=T.default;exports.Popover=C.default;exports.Calendar=y.default;exports.CalendarRange=B.default;exports.DatePicker=h.default;exports.DateRangePicker=D.default;exports.FilterDate=N.default;exports.InputFloatingInner=O.default;exports.InputReguler=P.default;exports.Pagination=S.default;exports.Tabs=I.default;exports.TabPanel=x.default;exports.Table=M.default;exports.TableVirtualization=R.default;exports.ListVirtualization=v.default;exports.SelectDropdownContainer=A.default;exports.Switch=F.default;exports.ButtonIcon=L.default;exports.Badges=E.default;exports.Chips=k.default;exports.DefaultCheckedChecboxIcon=u.DefaultCheckedChecboxIcon;exports.DefaultRadioChecboxIcon=u.DefaultRadioChecboxIcon;exports.RadioCheckbox=u.default;exports.RadioCheckboxLabel=j.default;exports.Breadcrumbs=w.default;exports.Sidebar=V.default;exports.Collapse=z.default;exports.ModalDialog=K.default;exports.Timeline=U.default;exports.FilterContainer=G.default;exports.NumberFormat=_.default;exports.PortalComponent=H.default;exports.UploadFile=J.default;exports.TruncateComponent=Q.default;exports.UploadImage=W.default;exports.Textarea=Y.default;exports.DoughnutChart=Z.default;exports.MonthYearPicker=$.default;exports.CheckboxTable=X.default;exports.InputNative=ee.default;exports.UploadMultipleFile=re.default;exports.ErrorMessage=te.default;exports.TextareaFloatingInner=ae.default;exports.Step=oe.default;exports.LineChart=ne.default;exports.Tooltip=ue.default;exports.ButtonPopover=ie.default;exports.GradientLineChart=se.default;exports.GradientBarChart=ce.default;exports.PieChart=le.default;exports.StepIndicator=fe.default;exports.TextEditor=de.default;exports.CollapseV2=me.default;exports.TableSubComponent=be.default;exports.TimeRange=ge.default;exports.TextareaInnerLabel=pe.default;exports.InputInnerLabel=qe.default;exports.Text=Te.default;exports.useElementOrWindowMediaQuery=Ce.default;exports.useCountdown=ye.default;exports.useAsyncDebounce=Be.default;exports.useCombinedResizeObserver=he.default;exports.useStateRef=De.default;exports.useMasonry=Ne.default;exports.useOtpInput=Oe.useOtpInput;exports.usePacked=Pe.default;exports.useDebounce=Se.default;exports.TypeBigNumber=Ie;exports.configTypography=i.default;exports.configTypographyLabaBisnis=i.configTypographyLabaBisnis;exports.configTypographyPayhere=i.configTypographyPayhere;exports.utilTable=ke;Object.defineProperty(exports,"SelectDropdownContainerComponents",{enumerable:!0,get:()=>Me.components});Object.defineProperty(exports,"PatternFormat",{enumerable:!0,get:()=>Re.PatternFormat});exports.ConfigTable=ve.ConfigTable;Object.defineProperty(exports,"AlertContainer",{enumerable:!0,get:()=>Ae.ToastContainer});exports.useDeepCompareEffect=f.useDeepCompareEffect;exports.useDeepCompareMemoize=f.useDeepCompareMemoize;exports.useMergeRefs=Fe.useMergeRefs;exports.useEventListener=Le.useEventListener;

package/dist/index.mjs

@@ -1,29 +1,29 @@
-import { deepCompareEquals as t, deepMerge as a, deleteKeysImmutable as f, deleteKeysMutable as m, encryptRSAOAEP as s, extractElementStringToOriginalValue as p, formatDate as l, formatDateRange as u, formatNumber as n, groupByKey as i, isAccurateBigNumber as d, isAccurateNumber as x, isObject as g, parseBigDecimal as c, parseDecimal as b, parseFileName as C, removeKeyObjectEmptyValue as T, setDigit as y, transformArrayMapping as B, transformArrayMappingObjectFC as h, transformArrayOfObjectToArray as D, transformArrayOfObjectToString as N, transformBigNumber as I, transformBigNumberOpt as S, transformDataHistory as O, transformLatLong as P, transformNumber as A, transformSecondTime as M, transfromIsNan as R } from "./utils/common.mjs";
+import { deepCompareEquals as a, deepMerge as t, deleteKeysImmutable as f, deleteKeysMutable as m, encryptRSAOAEP as s, extractElementStringToOriginalValue as p, formatDate as l, formatDateRange as u, formatNumber as n, groupByKey as d, isAccurateBigNumber as i, isAccurateNumber as x, isObject as g, parseBigDecimal as c, parseDecimal as b, parseFileName as C, removeKeyObjectEmptyValue as T, setDigit as y, transformArrayMapping as B, transformArrayMappingObjectFC as h, transformArrayOfObjectToArray as D, transformArrayOfObjectToString as N, transformBigNumber as I, transformBigNumberOpt as S, transformDataHistory as P, transformLatLong as O, transformNumber as A, transformSecondTime as M, transfromIsNan as R } from "./utils/common.mjs";
 import { formatBigNumber as F, removeTrailingZeros as L } from "./utils/formatBigNumber.mjs";
-import { default as k } from "./utils/cookies.mjs";
+import { default as E } from "./utils/cookies.mjs";
 import { openAlert as j } from "./components/Alert/index.mjs";
 import { betweenBig as z, lessThanBig as K, maxBig as U, minBig as G, moreThanBig as q } from "./utils/yup.mjs";
 import { BigNumber as J, defaultConfig as Q } from "./config/bigNumber/index.mjs";
 import { convertBigNumbersToStrings as Y, convertNumbersToBigNumbers as Z, convertTextToJsonBigNumbers as X } from "./utils/axiosBigNumber.mjs";
 import { default as $ } from "./config/tailwind/colors.mjs";
 import { default as re } from "./config/tailwind/screen.mjs";
-import { default as te } from "./config/tailwind/nativeScreen.mjs";
+import { default as ae } from "./config/tailwind/nativeScreen.mjs";
 import { default as fe } from "./components/TPublish/TPublish.mjs";
 import { default as se } from "./components/Button/Button.mjs";
 import { default as le } from "./components/Popover/Popover.mjs";
 import { default as ne } from "./components/Calendar/Calendar.mjs";
-import { default as de } from "./components/Calendar/CalendarRange.mjs";
+import { default as ie } from "./components/Calendar/CalendarRange.mjs";
 import { default as ge } from "./components/DatePicker/DatePicker.mjs";
 import { default as be } from "./components/DatePicker/DateRangePicker.mjs";
 import { default as Te } from "./components/DatePicker/FilterDate.mjs";
 import { default as Be } from "./components/Input/InputFloatingInner.mjs";
 import { default as De } from "./components/Input/InputReguler.mjs";
 import { default as Ie } from "./components/Pagination/Pagination.mjs";
-import { default as Oe } from "./components/Tabs/Tabs.mjs";
+import { default as Pe } from "./components/Tabs/Tabs.mjs";
 import { default as Ae } from "./components/Tabs/TabPanel.mjs";
 import { default as Re } from "./components/Table/Table.mjs";
 import { default as Fe } from "./components/Virtualization/TableVirtualization.mjs";
-import { default as Ee } from "./components/Virtualization/ListVirtualization.mjs";
+import { default as ke } from "./components/Virtualization/ListVirtualization.mjs";
 import { default as we } from "./components/SelectDropdownContainer/SelectDropdownContainer.mjs";
 import { default as Ve } from "./components/Switch/Switch.mjs";
 import { default as Ke } from "./components/ButtonIcon/ButtonIcon.mjs";
@@ -33,23 +33,23 @@ import { DefaultCheckedChecboxIcon as Qe, DefaultRadioChecboxIcon as We, default
 import { default as Xe } from "./components/RadioCheckbox/RadioCheckboxLabel.mjs";
 import { default as $e } from "./components/Breadcrumbs/Breadcrumbs.mjs";
 import { default as rr } from "./components/Sidebar/Sidebar.mjs";
-import { default as tr } from "./components/Collapse/Collapse.mjs";
+import { default as ar } from "./components/Collapse/Collapse.mjs";
 import { default as fr } from "./components/Modal/ModalDialog.mjs";
 import { default as sr } from "./components/Timeline/Timeline.mjs";
 import { default as lr } from "./components/FilterContainer/FilterContainer.mjs";
 import { default as nr } from "./components/NumberFormat/NumberFormat.mjs";
-import { default as dr } from "./components/PortalComponent/PortalComponent.mjs";
+import { default as ir } from "./components/PortalComponent/PortalComponent.mjs";
 import { default as gr } from "./components/Upload/UploadFile.mjs";
 import { default as br } from "./components/TruncateComponent/TruncateComponent.mjs";
 import { default as Tr } from "./components/Upload/UploadImage.mjs";
 import { default as Br } from "./components/Textarea/Textarea.mjs";
 import { default as Dr } from "./components/Chart/DoughnutChart.mjs";
 import { default as Ir } from "./components/DatePicker/MonthYearPicker.mjs";
-import { default as Or } from "./components/RadioCheckbox/CheckboxTable.mjs";
+import { default as Pr } from "./components/RadioCheckbox/CheckboxTable.mjs";
 import { default as Ar } from "./components/Input/InputNative.mjs";
 import { default as Rr } from "./components/Upload/UploadMultipleFile.mjs";
 import { default as Fr } from "./components/ErrorMessage/ErrorMessage.mjs";
-import { default as Er } from "./components/Textarea/TextareaFloatingInner.mjs";
+import { default as kr } from "./components/Textarea/TextareaFloatingInner.mjs";
 import { default as wr } from "./components/Step/Step.mjs";
 import { default as Vr } from "./components/Chart/LineChart.mjs";
 import { default as Kr } from "./components/Tooltip/Tooltip.mjs";
@@ -60,7 +60,7 @@ import { default as Yr } from "./components/Chart/PieChart.mjs";
 import { default as Xr } from "./components/Step/StepIndicator.mjs";
 import { default as $r } from "./components/TextEditor/TextEditor.mjs";
 import { default as ro } from "./components/Collapse/CollapseV2.mjs";
-import { default as to } from "./components/Table/TableSubMobile.mjs";
+import { default as ao } from "./components/Table/TableSubMobile.mjs";
 import { default as fo } from "./components/TimeRange/TimeRange.mjs";
 import { default as so } from "./components/Textarea/TextareaInnerLabel.mjs";
 import { default as lo } from "./components/Input/InputInnerLabel.mjs";
@@ -72,18 +72,20 @@ import { default as yo } from "./hooks/useCombinedResizeObserver.mjs";
 import { default as ho } from "./hooks/useStateRef.mjs";
 import { default as No } from "./hooks/useMasonry.mjs";
 import { useOtpInput as So } from "./hooks/useOtpInput.mjs";
-import { default as Po } from "bignumber.js";
-import { default as Mo, configTypographyLabaBisnis as Ro, configTypographyPayhere as vo } from "./config/tailwind/typography.mjs";
+import { default as Oo } from "./hooks/usePacked.mjs";
+import { default as Mo } from "./hooks/useDebounce.mjs";
+import { default as vo } from "bignumber.js";
+import { default as Lo, configTypographyLabaBisnis as ko, configTypographyPayhere as Eo } from "./config/tailwind/typography.mjs";
 import * as e from "@tanstack/react-table";
-import { components as Lo } from "react-select";
-import { PatternFormat as ko } from "react-number-format";
-import { ConfigTable as jo } from "./components/Table/Table.config.mjs";
-import { ToastContainer as zo } from "react-toastify";
-import { useDeepCompareEffect as Uo, useDeepCompareMemoize as Go } from "./hooks/useDeepCompareEffect.mjs";
-import { useMergeRefs as Ho } from "./hooks/useMergeRefs.mjs";
-import { useEventListener as Qo } from "./hooks/useEventListener.mjs";
+import { components as jo } from "react-select";
+import { PatternFormat as zo } from "react-number-format";
+import { ConfigTable as Uo } from "./components/Table/Table.config.mjs";
+import { ToastContainer as qo } from "react-toastify";
+import { useDeepCompareEffect as Jo, useDeepCompareMemoize as Qo } from "./hooks/useDeepCompareEffect.mjs";
+import { useMergeRefs as Yo } from "./hooks/useMergeRefs.mjs";
+import { useEventListener as Xo } from "./hooks/useEventListener.mjs";
 export {
-  zo as AlertContainer,
+  qo as AlertContainer,
   Ge as Badges,
   J as BigNumber,
   $e as Breadcrumbs,
@@ -91,13 +93,13 @@ export {
   Ke as ButtonIcon,
   Gr as ButtonPopover,
   ne as Calendar,
-  de as CalendarRange,
-  Or as CheckboxTable,
+  ie as CalendarRange,
+  Pr as CheckboxTable,
   He as Chips,
-  tr as Collapse,
+  ar as Collapse,
   ro as CollapseV2,
   $ as ConfigColors,
-  jo as ConfigTable,
+  Uo as ConfigTable,
   ge as DatePicker,
   be as DateRangePicker,
   Qe as DefaultCheckedChecboxIcon,
@@ -113,19 +115,19 @@ export {
   Ar as InputNative,
   De as InputReguler,
   Vr as LineChart,
-  Ee as ListVirtualization,
+  ke as ListVirtualization,
   fr as ModalDialog,
   Ir as MonthYearPicker,
   nr as NumberFormat,
   Ie as Pagination,
-  ko as PatternFormat,
+  zo as PatternFormat,
   Yr as PieChart,
   le as Popover,
-  dr as PortalComponent,
+  ir as PortalComponent,
   Ye as RadioCheckbox,
   Xe as RadioCheckboxLabel,
   we as SelectDropdownContainer,
-  Lo as SelectDropdownContainerComponents,
+  jo as SelectDropdownContainerComponents,
   rr as Sidebar,
   wr as Step,
   Xr as StepIndicator,
@@ -133,34 +135,34 @@ export {
   fe as TPublish,
   Ae as TabPanel,
   Re as Table,
-  to as TableSubComponent,
+  ao as TableSubComponent,
   Fe as TableVirtualization,
-  Oe as Tabs,
+  Pe as Tabs,
   no as Text,
   $r as TextEditor,
   Br as Textarea,
-  Er as TextareaFloatingInner,
+  kr as TextareaFloatingInner,
   so as TextareaInnerLabel,
   fo as TimeRange,
   sr as Timeline,
   Kr as Tooltip,
   br as TruncateComponent,
-  Po as TypeBigNumber,
+  vo as TypeBigNumber,
   gr as UploadFile,
   Tr as UploadImage,
   Rr as UploadMultipleFile,
   z as betweenBig,
-  te as configNativeScreens,
+  ae as configNativeScreens,
   re as configScreens,
-  Mo as configTypography,
-  Ro as configTypographyLabaBisnis,
-  vo as configTypographyPayhere,
+  Lo as configTypography,
+  ko as configTypographyLabaBisnis,
+  Eo as configTypographyPayhere,
   Y as convertBigNumbersToStrings,
   Z as convertNumbersToBigNumbers,
   X as convertTextToJsonBigNumbers,
-  k as cookieStorage,
-  t as deepCompareEquals,
-  a as deepMerge,
+  E as cookieStorage,
+  a as deepCompareEquals,
+  t as deepMerge,
   Q as defaultConfig,
   f as deleteKeysImmutable,
   m as deleteKeysMutable,
@@ -170,8 +172,8 @@ export {
   l as formatDate,
   u as formatDateRange,
   n as formatNumber,
-  i as groupByKey,
-  d as isAccurateBigNumber,
+  d as groupByKey,
+  i as isAccurateBigNumber,
   x as isAccurateNumber,
   g as isObject,
   K as lessThanBig,
@@ -191,21 +193,23 @@ export {
   N as transformArrayOfObjectToString,
   I as transformBigNumber,
   S as transformBigNumberOpt,
-  O as transformDataHistory,
-  P as transformLatLong,
+  P as transformDataHistory,
+  O as transformLatLong,
   A as transformNumber,
   M as transformSecondTime,
   R as transfromIsNan,
   Co as useAsyncDebounce,
   yo as useCombinedResizeObserver,
   co as useCountdown,
-  Uo as useDeepCompareEffect,
-  Go as useDeepCompareMemoize,
+  Mo as useDebounce,
+  Jo as useDeepCompareEffect,
+  Qo as useDeepCompareMemoize,
   xo as useElementOrWindowMediaQuery,
-  Qo as useEventListener,
+  Xo as useEventListener,
   No as useMasonry,
-  Ho as useMergeRefs,
+  Yo as useMergeRefs,
   So as useOtpInput,
+  Oo as usePacked,
   ho as useStateRef,
   e as utilTable
 };

package/dist/package.json.cjs

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

package/dist/package.json.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "2.0.19",
+  "version": "2.0.21",
   "type": "module",
   "engines": {
     "node": ">=20.19.4",
@@ -43,7 +43,7 @@ declare const _default: {
     "@types/react-dom": "^19.1.7",
     "@typescript-eslint/eslint-plugin": "^8.48.1",
     "@typescript-eslint/parser": "^8.48.1",
-    "@vitejs/plugin-react-swc": "^3.9.0",
+    "@vitejs/plugin-react-swc": "^4.3.0",
     "1mpacto-sass": "^0.0.6",
     "eslint": "^9.32.0",
     "eslint-config-prettier": "^10.1.8",
@@ -64,7 +64,7 @@ declare const _default: {
     "storybook": "10.1.4",
     "ts-node": "^10.9.2",
     "typescript": "~5.9.3",
-    "vite": "^6.3.5",
+    "vite": "^7.3.2",
     "vite-plugin-dts": "^4.5.4"
   },
   "peerDependencies": {
@@ -125,6 +125,7 @@ declare const _default: {
     "react-virtuoso": "^4.16.1",
     "tinymce": "^8.2.2"
   }
-};
+}
+;
 
 export default _default;

package/dist/package.json.mjs

@@ -1,4 +1,4 @@
-const o = "2.0.19", s = {
+const o = "2.0.21", s = {
   version: o
 };
 export {

package/dist/src/hooks/index.d.ts

@@ -8,5 +8,7 @@ import { useDeepCompareEffect, useDeepCompareMemoize } from './useDeepCompareEff
 import { useEventListener } from './useEventListener';
 import { default as useMasonry, IMasonryLayout } from './useMasonry';
 import { default as useOtpInput, IUseOtpInput, IUseOtpInputReturn } from './useOtpInput';
-export { useElementOrWindowMediaQuery, useCountdown, useAsyncDebounce, useCombinedResizeObserver, useStateRef, useDeepCompareEffect, useDeepCompareMemoize, useMergeRefs, useEventListener, useMasonry, useOtpInput, };
-export type { IUseOtpInput, IUseOtpInputReturn, IMasonryLayout, IUseCountdownReturn, IUseCountdown };
+import { default as usePacked, IUsePackedOptions, IUsePackedReturn, TUsePacked } from './usePacked';
+import { default as useDebounce, IUseDebounceOptions, IUseDebounceReturn, TUseDebounce } from './useDebounce';
+export { useElementOrWindowMediaQuery, useCountdown, useAsyncDebounce, useCombinedResizeObserver, useStateRef, useDeepCompareEffect, useDeepCompareMemoize, useMergeRefs, useEventListener, useMasonry, useOtpInput, usePacked, useDebounce, };
+export type { IUseOtpInput, IUseOtpInputReturn, IMasonryLayout, IUseCountdownReturn, IUseCountdown, IUsePackedOptions, IUsePackedReturn, TUsePacked, IUseDebounceOptions, IUseDebounceReturn, TUseDebounce, };

package/dist/src/hooks/useDebounce.d.ts

@@ -0,0 +1,61 @@
+/**
+ * [ID] : Interface untuk opsi konfigurasi hook useDebounce.
+ * [EN] : Interface for useDebounce hook configuration options.
+ */
+export interface IUseDebounceOptions {
+    /**
+     * [ID] : Waktu tunggu debounce dalam milidetik (default: 0).
+     * [EN] : Debounce wait time in milliseconds (default: 0).
+     */
+    wait?: number;
+    /**
+     * [ID] : Waktu maksimum sebelum fungsi wajib dipanggil, meskipun input terus-menerus (ms).
+     * [EN] : Maximum time before function must fire, even under continuous input (ms).
+     */
+    maxWait?: number;
+}
+/**
+ * [ID] : Interface untuk return value hook useDebounce.
+ * [EN] : Interface for useDebounce hook return value.
+ * @template TArgs - [ID] : Tipe tuple argumen fungsi. [EN] : Function argument tuple type.
+ */
+export interface IUseDebounceReturn<TArgs extends unknown[]> {
+    /**
+     * [ID] : Fungsi yang sudah di-debounce.
+     * [EN] : Debounced function.
+     */
+    debouncedFn: (...args: TArgs) => void;
+    /**
+     * [ID] : Fungsi untuk membatalkan debounce yang tertunda.
+     * [EN] : Function to cancel pending debounce.
+     */
+    cancel: () => void;
+    /**
+     * [ID] : Eksekusi langsung panggilan tertunda tanpa menunggu timeout.
+     * [EN] : Immediately execute pending call without waiting for timeout.
+     */
+    flush: () => void;
+    /**
+     * [ID] : Cek apakah ada panggilan tertunda.
+     * [EN] : Check whether a call is pending.
+     */
+    pending: () => boolean;
+}
+/**
+ * [ID] : Type fungsi hook useDebounce.
+ * [EN] : useDebounce hook function type.
+ * @template TArgs - [ID] : Tipe tuple argumen fungsi. [EN] : Function argument tuple type.
+ * @param fn - [ID] : Fungsi sinkron yang akan di-debounce. [EN] : Synchronous function to be debounced.
+ * @param options - [ID] : Opsi konfigurasi (opsional). [EN] : Configuration options (optional).
+ * @returns [ID] : Objek berisi fungsi debounced, cancel, flush, dan pending.
+ * [EN] : Object containing debounced function, cancel, flush, and pending.
+ */
+export type TUseDebounce = <TArgs extends unknown[]>(fn: (...args: TArgs) => void, options?: IUseDebounceOptions) => IUseDebounceReturn<TArgs>;
+/**
+ * [ID] : Hook untuk melakukan debounce pada fungsi sinkron menggunakan setTimeout.
+ * Tahan terhadap spam input berkelanjutan, dengan dukungan maxWait dan flush.
+ * [EN] : Hook to debounce a synchronous function using setTimeout.
+ * Resilient against continuous input spam, with maxWait and flush support.
+ */
+declare const useDebounce: TUseDebounce;
+export default useDebounce;