1mpacto-react-ui 2.0.16 → 2.0.17

package/dist/config/tailwind/nativeScreen.mjs

@@ -0,0 +1,11 @@
+const e = {
+  "sm-default": 640,
+  sm: 576,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+};
+export {
+  e as default
+};

package/dist/config/tailwind/screen.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"sm-default":"640px",sm:"576px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"};exports.default=e;

package/dist/config/tailwind/screen.mjs

@@ -0,0 +1,11 @@
+const x = {
+  "sm-default": "640px",
+  sm: "576px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  "2xl": "1536px"
+};
+export {
+  x as default
+};

package/dist/config/tailwind/typography.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"payhere-h1":["60px",{lineHeight:"72px",fontWeight:700}],"payhere-h2":["48px",{lineHeight:"58px",fontWeight:700}],"payhere-h3":["40px",{lineHeight:"48px",fontWeight:700}],"payhere-h4":["30px",{lineHeight:"38px",fontWeight:700}],"payhere-h5":["28px",{lineHeight:"40px",fontWeight:600}],"payhere-h6":["24px",{lineHeight:"30px",fontWeight:600}],"payhere-body-lr":["18px",{lineHeight:"26px",fontWeight:400}],"payhere-body-lm":["18px",{lineHeight:"26px",fontWeight:500}],"payhere-body-ls":["18px",{lineHeight:"26px",fontWeight:600}],"payhere-body-lb":["18px",{lineHeight:"26px",fontWeight:700}],"payhere-body-mr":["16px",{lineHeight:"24px",fontWeight:400}],"payhere-body-mm":["16px",{lineHeight:"24px",fontWeight:500}],"payhere-body-ms":["16px",{lineHeight:"24px",fontWeight:600}],"payhere-body-mb":["16px",{lineHeight:"24px",fontWeight:700}],"payhere-label-r":["15px",{lineHeight:"26px",fontWeight:400}],"payhere-label-m":["15px",{lineHeight:"26px",fontWeight:500}],"payhere-label-sb":["15px",{lineHeight:"26px",fontWeight:600}],"payhere-label-b":["15px",{lineHeight:"26px",fontWeight:700}],"payhere-body-sr":["14px",{lineHeight:"22px",fontWeight:400}],"payhere-body-sm":["14px",{lineHeight:"22px",fontWeight:500}],"payhere-body-smb":["14px",{lineHeight:"22px",fontWeight:600}],"payhere-body-sb":["14px",{lineHeight:"22px",fontWeight:700}],"payhere-body-esr":["12px",{lineHeight:"20px",fontWeight:400}],"payhere-body-esm":["12px",{lineHeight:"20px",fontWeight:500}],"payhere-body-esmb":["12px",{lineHeight:"20px",fontWeight:600}],"payhere-body-esb":["12px",{lineHeight:"20px",fontWeight:700}]},i={"laba-title-lb":["36px",{lineHeight:"44px",fontWeight:700}],"laba-title-ls":["36px",{lineHeight:"44px",fontWeight:600}],"laba-title-lr":["36px",{lineHeight:"44px",fontWeight:400}],"laba-title-mb":["32px",{lineHeight:"40px",fontWeight:700}],"laba-title-ms":["32px",{lineHeight:"40px",fontWeight:600}],"laba-title-mr":["32px",{lineHeight:"40px",fontWeight:400}],"laba-h1":["24px",{lineHeight:"30px",fontWeight:700}],"laba-h1-b":["24px",{lineHeight:"30px",fontWeight:700}],"laba-h1-sb":["24px",{lineHeight:"30px",fontWeight:600}],"laba-h1-r":["24px",{lineHeight:"30px",fontWeight:400}],"laba-h2":["18px",{lineHeight:"26px",fontWeight:700}],"laba-h2-b":["18px",{lineHeight:"26px",fontWeight:700}],"laba-h2-sb":["18px",{lineHeight:"26px",fontWeight:600}],"laba-h2-r":["18px",{lineHeight:"26px",fontWeight:400}],"laba-base-rb":["16px",{lineHeight:"24px",fontWeight:700}],"laba-base-rs":["16px",{lineHeight:"24px",fontWeight:600}],"laba-base-rr":["16px",{lineHeight:"24px",fontWeight:400}],"laba-base-sb":["14px",{lineHeight:"20px",fontWeight:700}],"laba-base-ss":["14px",{lineHeight:"20px",fontWeight:600}],"laba-base-sr":["14px",{lineHeight:"20px",fontWeight:400}],"laba-subtitle-rb":["12px",{lineHeight:"16px",fontWeight:700}],"laba-subtitle-rs":["12px",{lineHeight:"16px",fontWeight:600}],"laba-subtitle-rr":["12px",{lineHeight:"16px",fontWeight:400}],"laba-subtitle-sb":["10px",{lineHeight:"12px",fontWeight:700}],"laba-subtitle-ss":["10px",{lineHeight:"12px",fontWeight:600}],"laba-subtitle-sr":["10px",{lineHeight:"12px",fontWeight:400}]},t={"bill-h1":["60px",{lineHeight:"72px",fontWeight:700}],"bill-h2":["48px",{lineHeight:"58px",fontWeight:700}],"bill-h3":["40px",{lineHeight:"58px",fontWeight:700}],"bill-h4":["30px",{lineHeight:"38px",fontWeight:700}],"bill-h5":["28px",{lineHeight:"40px",fontWeight:600}],"bill-h6":["24px",{lineHeight:"30px",fontWeight:600}],"bill-body-lr":["18px",{lineHeight:"26px",fontWeight:400}],"bill-body-lm":["18px",{lineHeight:"26px",fontWeight:500}],"bill-body-lsm":["18px",{lineHeight:"26px",fontWeight:600}],"bill-body-blb":["18px",{lineHeight:"26px",fontWeight:700}],"bill-body-mr":["16px",{lineHeight:"24px",fontWeight:400}],"bill-body-mm":["16px",{lineHeight:"24px",fontWeight:500}],"bill-body-msm":["16px",{lineHeight:"24px",fontWeight:600}],"bill-body-mb":["16px",{lineHeight:"24px",fontWeight:700}],"bill-label-r":["15px",{lineHeight:"26px",fontWeight:400}],"bill-label-m":["15px",{lineHeight:"26px",fontWeight:500}],"bill-label-sm":["15px",{lineHeight:"26px",fontWeight:600}],"bill-label-b":["15px",{lineHeight:"26px",fontWeight:700}],"bill-body-sr":["14px",{lineHeight:"22px",fontWeight:400}],"bill-body-sm":["14px",{lineHeight:"22px",fontWeight:500}],"bill-body-ssm":["14px",{lineHeight:"22px",fontWeight:600}],"bill-body-sb":["14px",{lineHeight:"22px",fontWeight:700}],"bill-body-esr":["12px",{lineHeight:"20px",fontWeight:400}],"bill-body-ems":["12px",{lineHeight:"20px",fontWeight:500}],"bill-body-essm":["12px",{lineHeight:"20px",fontWeight:600}],"bill-body-esb":["12px",{lineHeight:"20px",fontWeight:700}]},h={...e,...i,...t};exports.configTypographyBillId=t;exports.configTypographyLabaBisnis=i;exports.configTypographyPayhere=e;exports.default=h;

package/dist/config/tailwind/typography.mjs

@@ -0,0 +1,158 @@
+const e = {
+  "payhere-h1": ["60px", { lineHeight: "72px", fontWeight: 700 }],
+  "payhere-h2": ["48px", { lineHeight: "58px", fontWeight: 700 }],
+  "payhere-h3": ["40px", { lineHeight: "48px", fontWeight: 700 }],
+  "payhere-h4": ["30px", { lineHeight: "38px", fontWeight: 700 }],
+  "payhere-h5": ["28px", { lineHeight: "40px", fontWeight: 600 }],
+  "payhere-h6": ["24px", { lineHeight: "30px", fontWeight: 600 }],
+  "payhere-body-lr": ["18px", { lineHeight: "26px", fontWeight: 400 }],
+  // large reguler
+  "payhere-body-lm": ["18px", { lineHeight: "26px", fontWeight: 500 }],
+  // large medium
+  "payhere-body-ls": ["18px", { lineHeight: "26px", fontWeight: 600 }],
+  // large semibold
+  "payhere-body-lb": ["18px", { lineHeight: "26px", fontWeight: 700 }],
+  // large bold
+  "payhere-body-mr": ["16px", { lineHeight: "24px", fontWeight: 400 }],
+  // medium reguler
+  "payhere-body-mm": ["16px", { lineHeight: "24px", fontWeight: 500 }],
+  // medium medium
+  "payhere-body-ms": ["16px", { lineHeight: "24px", fontWeight: 600 }],
+  // medium semibold
+  "payhere-body-mb": ["16px", { lineHeight: "24px", fontWeight: 700 }],
+  // medium bold
+  "payhere-label-r": ["15px", { lineHeight: "26px", fontWeight: 400 }],
+  // reguler
+  "payhere-label-m": ["15px", { lineHeight: "26px", fontWeight: 500 }],
+  // medium
+  "payhere-label-sb": ["15px", { lineHeight: "26px", fontWeight: 600 }],
+  // semi bold
+  "payhere-label-b": ["15px", { lineHeight: "26px", fontWeight: 700 }],
+  // bold
+  "payhere-body-sr": ["14px", { lineHeight: "22px", fontWeight: 400 }],
+  // small reguler
+  "payhere-body-sm": ["14px", { lineHeight: "22px", fontWeight: 500 }],
+  // small medium
+  "payhere-body-smb": ["14px", { lineHeight: "22px", fontWeight: 600 }],
+  // small semi bold
+  "payhere-body-sb": ["14px", { lineHeight: "22px", fontWeight: 700 }],
+  // small bold
+  "payhere-body-esr": ["12px", { lineHeight: "20px", fontWeight: 400 }],
+  // extra small reguler
+  "payhere-body-esm": ["12px", { lineHeight: "20px", fontWeight: 500 }],
+  // extra small medium
+  "payhere-body-esmb": ["12px", { lineHeight: "20px", fontWeight: 600 }],
+  // extra small semi bold
+  "payhere-body-esb": ["12px", { lineHeight: "20px", fontWeight: 700 }]
+  // extra small bold
+}, i = {
+  "laba-title-lb": ["36px", { lineHeight: "44px", fontWeight: 700 }],
+  // large bold
+  "laba-title-ls": ["36px", { lineHeight: "44px", fontWeight: 600 }],
+  // large semibold
+  "laba-title-lr": ["36px", { lineHeight: "44px", fontWeight: 400 }],
+  // large reguler
+  "laba-title-mb": ["32px", { lineHeight: "40px", fontWeight: 700 }],
+  // medium bold
+  "laba-title-ms": ["32px", { lineHeight: "40px", fontWeight: 600 }],
+  // medium semibold
+  "laba-title-mr": ["32px", { lineHeight: "40px", fontWeight: 400 }],
+  // medium reguler
+  "laba-h1": ["24px", { lineHeight: "30px", fontWeight: 700 }],
+  "laba-h1-b": ["24px", { lineHeight: "30px", fontWeight: 700 }],
+  // bold
+  "laba-h1-sb": ["24px", { lineHeight: "30px", fontWeight: 600 }],
+  // semibold
+  "laba-h1-r": ["24px", { lineHeight: "30px", fontWeight: 400 }],
+  // reguler
+  "laba-h2": ["18px", { lineHeight: "26px", fontWeight: 700 }],
+  "laba-h2-b": ["18px", { lineHeight: "26px", fontWeight: 700 }],
+  // bold
+  "laba-h2-sb": ["18px", { lineHeight: "26px", fontWeight: 600 }],
+  // semibold
+  "laba-h2-r": ["18px", { lineHeight: "26px", fontWeight: 400 }],
+  // reguler
+  "laba-base-rb": ["16px", { lineHeight: "24px", fontWeight: 700 }],
+  // reguler bold
+  "laba-base-rs": ["16px", { lineHeight: "24px", fontWeight: 600 }],
+  // reguler semibold
+  "laba-base-rr": ["16px", { lineHeight: "24px", fontWeight: 400 }],
+  // reguler reguler
+  "laba-base-sb": ["14px", { lineHeight: "20px", fontWeight: 700 }],
+  // small bold
+  "laba-base-ss": ["14px", { lineHeight: "20px", fontWeight: 600 }],
+  // small semibold
+  "laba-base-sr": ["14px", { lineHeight: "20px", fontWeight: 400 }],
+  // small reguler
+  "laba-subtitle-rb": ["12px", { lineHeight: "16px", fontWeight: 700 }],
+  // reguler bold
+  "laba-subtitle-rs": ["12px", { lineHeight: "16px", fontWeight: 600 }],
+  // reguler semibold
+  "laba-subtitle-rr": ["12px", { lineHeight: "16px", fontWeight: 400 }],
+  // reguler reguler
+  "laba-subtitle-sb": ["10px", { lineHeight: "12px", fontWeight: 700 }],
+  // small bold
+  "laba-subtitle-ss": ["10px", { lineHeight: "12px", fontWeight: 600 }],
+  // small semibold
+  "laba-subtitle-sr": ["10px", { lineHeight: "12px", fontWeight: 400 }]
+  // small reguler
+}, t = {
+  "bill-h1": ["60px", { lineHeight: "72px", fontWeight: 700 }],
+  // Heading H1
+  "bill-h2": ["48px", { lineHeight: "58px", fontWeight: 700 }],
+  // Heading H2
+  "bill-h3": ["40px", { lineHeight: "58px", fontWeight: 700 }],
+  // Heading H3
+  "bill-h4": ["30px", { lineHeight: "38px", fontWeight: 700 }],
+  // Heading H4
+  "bill-h5": ["28px", { lineHeight: "40px", fontWeight: 600 }],
+  // Heading H5
+  "bill-h6": ["24px", { lineHeight: "30px", fontWeight: 600 }],
+  // Heading H6
+  "bill-body-lr": ["18px", { lineHeight: "26px", fontWeight: 400 }],
+  // Body Large Regular
+  "bill-body-lm": ["18px", { lineHeight: "26px", fontWeight: 500 }],
+  // Body Large Medium
+  "bill-body-lsm": ["18px", { lineHeight: "26px", fontWeight: 600 }],
+  // Body Large SemiBold
+  "bill-body-blb": ["18px", { lineHeight: "26px", fontWeight: 700 }],
+  // Body Large Bold
+  "bill-body-mr": ["16px", { lineHeight: "24px", fontWeight: 400 }],
+  // Body Medium Regular
+  "bill-body-mm": ["16px", { lineHeight: "24px", fontWeight: 500 }],
+  // Body Medium Medium
+  "bill-body-msm": ["16px", { lineHeight: "24px", fontWeight: 600 }],
+  // Body Medium SemiBold
+  "bill-body-mb": ["16px", { lineHeight: "24px", fontWeight: 700 }],
+  // Body Medium Bold
+  "bill-label-r": ["15px", { lineHeight: "26px", fontWeight: 400 }],
+  // Label Regular
+  "bill-label-m": ["15px", { lineHeight: "26px", fontWeight: 500 }],
+  // Label Medium
+  "bill-label-sm": ["15px", { lineHeight: "26px", fontWeight: 600 }],
+  // Label SemiBold
+  "bill-label-b": ["15px", { lineHeight: "26px", fontWeight: 700 }],
+  // Label Bold
+  "bill-body-sr": ["14px", { lineHeight: "22px", fontWeight: 400 }],
+  // Body Small Regular
+  "bill-body-sm": ["14px", { lineHeight: "22px", fontWeight: 500 }],
+  // Body Small Medium
+  "bill-body-ssm": ["14px", { lineHeight: "22px", fontWeight: 600 }],
+  // Body Small SemiBold
+  "bill-body-sb": ["14px", { lineHeight: "22px", fontWeight: 700 }],
+  // Body Small Bold
+  "bill-body-esr": ["12px", { lineHeight: "20px", fontWeight: 400 }],
+  // Body Extra Small Regular
+  "bill-body-ems": ["12px", { lineHeight: "20px", fontWeight: 500 }],
+  // Body Extra Small Medium
+  "bill-body-essm": ["12px", { lineHeight: "20px", fontWeight: 600 }],
+  // Body Extra Small SemiBold
+  "bill-body-esb": ["12px", { lineHeight: "20px", fontWeight: 700 }]
+  // Body Extra Small Bold
+}, h = { ...e, ...i, ...t };
+export {
+  t as configTypographyBillId,
+  i as configTypographyLabaBisnis,
+  e as configTypographyPayhere,
+  h as default
+};

package/dist/hooks/useAsyncDebounce.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react");function l(t,u=0){const e=n.useRef({promise:null,resolve:null,reject:null,timeout:null});return n.useCallback((...c)=>(e.current.timeout&&clearTimeout(e.current.timeout),e.current.promise||(e.current.promise=new Promise((r,o)=>{e.current.resolve=r,e.current.reject=o})),e.current.timeout=setTimeout(()=>{t(...c).then(r=>{e.current.resolve&&e.current.resolve(r)}).catch(r=>{e.current.reject&&e.current.reject(r)}).finally(()=>{e.current.promise=null,e.current.resolve=null,e.current.reject=null,e.current.timeout=null})},u),e.current.promise),[t,u])}exports.default=l;

package/dist/hooks/useAsyncDebounce.mjs

@@ -0,0 +1,21 @@
+import n from "react";
+function s(t, u = 0) {
+  const e = n.useRef({ promise: null, resolve: null, reject: null, timeout: null });
+  return n.useCallback(
+    (...c) => (e.current.timeout && clearTimeout(e.current.timeout), e.current.promise || (e.current.promise = new Promise((r, o) => {
+      e.current.resolve = r, e.current.reject = o;
+    })), e.current.timeout = setTimeout(() => {
+      t(...c).then((r) => {
+        e.current.resolve && e.current.resolve(r);
+      }).catch((r) => {
+        e.current.reject && e.current.reject(r);
+      }).finally(() => {
+        e.current.promise = null, e.current.resolve = null, e.current.reject = null, e.current.timeout = null;
+      });
+    }, u), e.current.promise),
+    [t, u]
+  );
+}
+export {
+  s as default
+};

package/dist/hooks/useCombinedResizeObserver.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),r=typeof window<"u"?t.useLayoutEffect:t.useEffect,p=(u,n)=>{const[c,d]=t.useState({width:0,height:0}),[f,h]=t.useState({width:0,height:0,top:0,left:0,bottom:0,right:0,x:0,y:0}),o=t.useRef(null);return r(()=>{const i=()=>{d({width:window.innerWidth,height:window.innerHeight})},w=l=>{for(const a of l){const{width:m,height:b,top:v,left:g,bottom:y,right:z,x:R,y:S}=a.contentRect;h({width:m,height:b,top:v,left:g,bottom:y,right:z,x:R,y:S})}};let e=null;n?e=document.querySelector(n):o.current&&(e=o.current);const s=new ResizeObserver(w);return e&&s.observe(e),window.addEventListener("resize",i),i(),()=>{e&&s.unobserve(e),window.removeEventListener("resize",i)}},[n,...u??[]]),{ref:o,windowSize:c,contentRect:f}};exports.default=p;exports.useIsomorphicLayoutEffect=r;

package/dist/hooks/useCombinedResizeObserver.mjs

@@ -0,0 +1,48 @@
+import t from "react";
+const y = typeof window < "u" ? t.useLayoutEffect : t.useEffect, S = (s, n) => {
+  const [c, d] = t.useState({
+    width: 0,
+    height: 0
+  }), [f, u] = t.useState({
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+    x: 0,
+    y: 0
+  }), i = t.useRef(null);
+  return y(() => {
+    const o = () => {
+      d({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    }, w = (h) => {
+      for (const l of h) {
+        const { width: m, height: a, top: z, left: R, bottom: b, right: v, x: g, y: p } = l.contentRect;
+        u({
+          width: m,
+          height: a,
+          top: z,
+          left: R,
+          bottom: b,
+          right: v,
+          x: g,
+          y: p
+        });
+      }
+    };
+    let e = null;
+    n ? e = document.querySelector(n) : i.current && (e = i.current);
+    const r = new ResizeObserver(w);
+    return e && r.observe(e), window.addEventListener("resize", o), o(), () => {
+      e && r.unobserve(e), window.removeEventListener("resize", o);
+    };
+  }, [n, ...s ?? []]), { ref: i, windowSize: c, contentRect: f };
+};
+export {
+  S as default,
+  y as useIsomorphicLayoutEffect
+};

package/dist/hooks/useCountdown.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),i=t=>{const u=t.getTime()-Date.now();return Math.max(Math.floor(u/1e3),0)},w=t=>{const u=a.useMemo(()=>{const e=new Date(t.date);return t.adjustTimesTime&&e.setHours(e.getHours()-t.adjustTimesTime),e},[t.date,t.adjustTimesTime]),[o,g]=a.useState(u),[r,f]=a.useState(()=>i(o)),[c,s]=a.useState(t.running??!1),[l,m]=a.useState(()=>t==null?void 0:t.callbackDone);return a.useEffect(()=>{let e;return c&&r>0&&(e=setInterval(()=>{const n=i(o);f(n),n<=0&&(s(!1),e&&clearInterval(e),typeof l=="function"&&l())},t.intervalMs)),()=>{e&&clearInterval(e)}},[c,o,t.intervalMs,l,r]),{count:r,isRunning:c,startCountdown:()=>{!c&&r>0&&s(!0)},stopCountdown:()=>{s(!1)},resetCountdown:e=>{let n;e instanceof Date?n=e:typeof e=="number"?n=new Date(Date.now()+e*1e3):n=u,g(n);const d=i(n);d<=0?s(!1):s(!0),f(d)},setCallbackDone:e=>m(()=>e)}};exports.default=w;

package/dist/hooks/useCountdown.mjs

@@ -0,0 +1,38 @@
+import a from "react";
+const l = (t) => {
+  const r = t.getTime() - Date.now();
+  return Math.max(Math.floor(r / 1e3), 0);
+}, M = (t) => {
+  const r = a.useMemo(() => {
+    const e = new Date(t.date);
+    return t.adjustTimesTime && e.setHours(e.getHours() - t.adjustTimesTime), e;
+  }, [t.date, t.adjustTimesTime]), [o, m] = a.useState(r), [u, i] = a.useState(() => l(o)), [c, s] = a.useState(t.running ?? !1), [f, w] = a.useState(() => t == null ? void 0 : t.callbackDone);
+  return a.useEffect(() => {
+    let e;
+    return c && u > 0 && (e = setInterval(() => {
+      const n = l(o);
+      i(n), n <= 0 && (s(!1), e && clearInterval(e), typeof f == "function" && f());
+    }, t.intervalMs)), () => {
+      e && clearInterval(e);
+    };
+  }, [c, o, t.intervalMs, f, u]), {
+    count: u,
+    isRunning: c,
+    startCountdown: () => {
+      !c && u > 0 && s(!0);
+    },
+    stopCountdown: () => {
+      s(!1);
+    },
+    resetCountdown: (e) => {
+      let n;
+      e instanceof Date ? n = e : typeof e == "number" ? n = new Date(Date.now() + e * 1e3) : n = r, m(n);
+      const d = l(n);
+      d <= 0 ? s(!1) : s(!0), i(d);
+    },
+    setCallbackDone: (e) => w(() => e)
+  };
+};
+export {
+  M as default
+};

package/dist/hooks/useDeepCompareEffect.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),u=require("../utils/common.cjs");function t(e){const r=o.useRef(e);return u.deepCompareEquals(e,r.current)||(r.current=e),r.current}function n(e,r){const c=r.map(t);o.useEffect(e,c)}exports.useDeepCompareEffect=n;exports.useDeepCompareMemoize=t;

package/dist/hooks/useDeepCompareEffect.mjs

@@ -0,0 +1,14 @@
+import o from "react";
+import { deepCompareEquals as f } from "../utils/common.mjs";
+function m(e) {
+  const r = o.useRef(e);
+  return f(e, r.current) || (r.current = e), r.current;
+}
+function n(e, r) {
+  const t = r.map(m);
+  o.useEffect(e, t);
+}
+export {
+  n as useDeepCompareEffect,
+  m as useDeepCompareMemoize
+};

package/dist/hooks/useElementOrWindowMediaQuery.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react");function l(s,i=null){const[o,c]=r.useState(!1);return r.useEffect(()=>{let e=null,t=null;const n=()=>{const u=e instanceof HTMLElement?e.getBoundingClientRect().width:window.innerWidth,d=window.matchMedia(s.replace("WIDTH",u.toString()));c(d.matches)};if(i){if(e=document.getElementById(i),!e)return;t=new ResizeObserver(n),t.observe(e)}else e=window,window.addEventListener("resize",n);return n(),()=>{t?t.disconnect():window.removeEventListener("resize",n)}},[s,i]),o}exports.default=l;

package/dist/hooks/useElementOrWindowMediaQuery.mjs

@@ -0,0 +1,23 @@
+import r from "react";
+function u(s, i = null) {
+  const [o, c] = r.useState(!1);
+  return r.useEffect(() => {
+    let e = null, t = null;
+    const n = () => {
+      const a = e instanceof HTMLElement ? e.getBoundingClientRect().width : window.innerWidth, d = window.matchMedia(s.replace("WIDTH", a.toString()));
+      c(d.matches);
+    };
+    if (i) {
+      if (e = document.getElementById(i), !e)
+        return;
+      t = new ResizeObserver(n), t.observe(e);
+    } else
+      e = window, window.addEventListener("resize", n);
+    return n(), () => {
+      t ? t.disconnect() : window.removeEventListener("resize", n);
+    };
+  }, [s, i]), o;
+}
+export {
+  u as default
+};

package/dist/hooks/useEventListener.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function s({ref:t,handlerMain:n,eventListener:e="mousedown",useEffectDependency:o=[]}){c.useEffect(()=>{function u(r){n(t,r)}return document.addEventListener(e,u),()=>{document.removeEventListener(e,u)}},[t,n,e,...o])}exports.useEventListener=s;

package/dist/hooks/useEventListener.mjs

@@ -0,0 +1,19 @@
+import m from "react";
+function d({
+  ref: t,
+  handlerMain: n,
+  eventListener: e = "mousedown",
+  useEffectDependency: u = []
+}) {
+  m.useEffect(() => {
+    function o(c) {
+      n(t, c);
+    }
+    return document.addEventListener(e, o), () => {
+      document.removeEventListener(e, o);
+    };
+  }, [t, n, e, ...u]);
+}
+export {
+  d as useEventListener
+};

package/dist/hooks/useMasonry.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react"),H=require("./useAsyncDebounce.cjs"),T=({containerRef:h,children:w,columnCount:n,gapX:l,gapY:i,direction:c="masonry-ltr",debounceRecalculate:L=500,durationAnimation:x=500,enableAnimation:p=!1})=>{const e=y.useCallback(()=>{const o=h.current;if(!o)return;const v=Array.from(o.children);if(v.length===0){o.style.height="0px";return}const r=Array(n).fill(0),f=o.offsetWidth;if(f===0)return;const u=(f-(n-1)*l)/n,E=c.includes("rtl"),b=c.includes("top-down");v.forEach((s,m)=>{s.style.width=`${u}px`,s.style.position="absolute",p&&(s.style.transition=`top ${x}ms ease, left ${x}ms ease`);let t;if(b)t=m%n;else{const g=Math.min(...r);t=r.indexOf(g)}const M=r[t];let d;E?d=f-(u*(t+1)+l*t):d=t*(u+l),s.style.top=`${M}px`,s.style.left=`${d}px`,r[t]+=s.offsetHeight+i});const $=Math.max(...r);o.style.height=`${$-i}px`},[h,n,l,c,i]),a=H.default(async()=>{e()},L);return y.useLayoutEffect(()=>{e()},[w,e]),y.useEffect(()=>(window.addEventListener("load",e),window.addEventListener("resize",a),()=>{window.removeEventListener("load",e),window.removeEventListener("resize",a)}),[w,a,e]),{recalculateLayout:e}};exports.default=T;

package/dist/hooks/useMasonry.mjs

@@ -0,0 +1,53 @@
+import y from "react";
+import W from "./useAsyncDebounce.mjs";
+const A = ({
+  containerRef: u,
+  children: w,
+  columnCount: n,
+  gapX: i,
+  gapY: l,
+  direction: c = "masonry-ltr",
+  debounceRecalculate: m = 500,
+  durationAnimation: x = 500,
+  enableAnimation: L = !1
+}) => {
+  const e = y.useCallback(() => {
+    const o = u.current;
+    if (!o) return;
+    const p = Array.from(o.children);
+    if (p.length === 0) {
+      o.style.height = "0px";
+      return;
+    }
+    const r = Array(n).fill(0), f = o.offsetWidth;
+    if (f === 0) return;
+    const d = (f - (n - 1) * i) / n, E = c.includes("rtl"), v = c.includes("top-down");
+    p.forEach((s, b) => {
+      s.style.width = `${d}px`, s.style.position = "absolute", L && (s.style.transition = `top ${x}ms ease, left ${x}ms ease`);
+      let t;
+      if (v)
+        t = b % n;
+      else {
+        const M = Math.min(...r);
+        t = r.indexOf(M);
+      }
+      const H = r[t];
+      let h;
+      E ? h = f - (d * (t + 1) + i * t) : h = t * (d + i), s.style.top = `${H}px`, s.style.left = `${h}px`, r[t] += s.offsetHeight + l;
+    });
+    const $ = Math.max(...r);
+    o.style.height = `${$ - l}px`;
+  }, [u, n, i, c, l]), a = W(async () => {
+    e();
+  }, m);
+  return y.useLayoutEffect(() => {
+    e();
+  }, [w, e]), y.useEffect(() => (window.addEventListener("load", e), window.addEventListener("resize", a), () => {
+    window.removeEventListener("load", e), window.removeEventListener("resize", a);
+  }), [w, a, e]), {
+    recalculateLayout: e
+  };
+};
+export {
+  A as default
+};

package/dist/hooks/useMergeRefs.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function t(e,n){if(e!=null){if(typeof e=="function"){e(n);return}try{e.current=n}catch{throw new Error(`Cannot assign value '${JSON.stringify(n)}' to ref '${JSON.stringify(e)}'`)}}}function r(...e){return n=>{e.forEach(i=>{t(i,n)})}}function o(...e){return s.useMemo(()=>r(...e),e)}exports.assignRef=t;exports.mergeRefs=r;exports.useMergeRefs=o;

package/dist/hooks/useMergeRefs.mjs

@@ -0,0 +1,29 @@
+import e from "react";
+function o(n, t) {
+  if (n != null) {
+    if (typeof n == "function") {
+      n(t);
+      return;
+    }
+    try {
+      n.current = t;
+    } catch {
+      throw new Error(`Cannot assign value '${JSON.stringify(t)}' to ref '${JSON.stringify(n)}'`);
+    }
+  }
+}
+function i(...n) {
+  return (t) => {
+    n.forEach((r) => {
+      o(r, t);
+    });
+  };
+}
+function f(...n) {
+  return e.useMemo(() => i(...n), n);
+}
+export {
+  o as assignRef,
+  i as mergeRefs,
+  f as useMergeRefs
+};

package/dist/hooks/useOtpInput.cjs

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

package/dist/hooks/useOtpInput.mjs

@@ -0,0 +1,115 @@
+import u from "react";
+import { deleteKeysImmutable as A } from "../utils/common.mjs";
+const C = ({
+  id: y,
+  numInputs: e,
+  onComplete: i,
+  disableFocusOnEdit: w = !1,
+  blurOnComplete: b = !1,
+  disableOnComplete: v = !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(() => {
+    c.current = c.current.slice(0, e);
+  }, [e]);
+  const $ = u.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()));
+    },
+    [r, e, i, w, b]
+  ), S = u.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();
+          }
+          break;
+        case "ArrowLeft":
+          a > 0 && (t.preventDefault(), (s = c.current[a - 1]) == null || s.focus());
+          break;
+        case "ArrowRight":
+          a < e - 1 && (t.preventDefault(), (l = c.current[a + 1]) == null || l.focus());
+          break;
+        case "Home":
+          t.preventDefault(), (f = c.current[0]) == null || f.focus();
+          break;
+        case "End":
+          t.preventDefault(), (p = c.current[e - 1]) == null || p.focus();
+          break;
+      }
+    },
+    [r, e]
+  ), V = u.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++;
+      }
+      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()));
+    },
+    [r, e, i, b]
+  ), j = (t) => {
+    t.target.select();
+  }, P = () => {
+    var t;
+    D(Array(e).fill("")), (t = c.current[0]) == null || t.focus();
+  }, k = (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}`,
+      "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,
+      type: "text",
+      inputMode: "numeric",
+      autoComplete: "one-time-code"
+    };
+  };
+  return {
+    getInputProps: k,
+    getInputData: (t) => ({
+      ...A(k(t), [
+        "onChange",
+        "onKeyDown",
+        "onPaste",
+        "onFocus",
+        "aria-label",
+        "autoComplete"
+      ]),
+      isOtpFilled: r[t] !== ""
+    }),
+    otpValues: r,
+    otpString: r.join(""),
+    clearOtp: P,
+    isOtpComplete: r.join("").length === e
+  };
+};
+export {
+  C as default,
+  C as useOtpInput
+};

package/dist/hooks/useStateRef.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react");function a(r){const[e,s]=t.useState(r),u=t.useRef(e);return t.useEffect(()=>{u.current=e},[e]),[e,s,u]}exports.default=a;

package/dist/hooks/useStateRef.mjs

@@ -0,0 +1,10 @@
+import t from "react";
+function a(f) {
+  const [e, r] = t.useState(f), u = t.useRef(e);
+  return t.useEffect(() => {
+    u.current = e;
+  }, [e]), [e, r, u];
+}
+export {
+  a as default
+};