@wmoney/ui-kit 1.0.19 → 1.0.21

package/dist/index.js

@@ -13704,21 +13704,62 @@ function iS({ className: e, orientation: t = "horizontal", ...n }) {
 	});
 }
 //#endregion
+//#region src/components/Timer.tsx
+function aS({ remainingTime: e, onTimeUp: t }) {
+	let [n, r] = p(e ?? 0), i = f(null), o = f(t), c = f(!1), l = f(e);
+	s(() => {
+		o.current = t;
+	}, [t]), s(() => {
+		if (e !== null && l.current !== e) {
+			l.current = e;
+			let t = setTimeout(() => {
+				r(e), c.current = !1;
+			}, 0);
+			return () => clearTimeout(t);
+		}
+	}, [e]);
+	let u = a((e) => {
+		let t = Math.floor(e / 60), n = e % 60;
+		return `${String(t).padStart(2, "0")}:${String(n).padStart(2, "0")}`;
+	}, []);
+	return s(() => {
+		if (i.current &&= (clearInterval(i.current), null), n <= 0 || e === null) {
+			n === 0 && !c.current && o.current && (c.current = !0, setTimeout(() => {
+				o.current?.();
+			}, 0));
+			return;
+		}
+		return i.current = setInterval(() => {
+			r((e) => {
+				let t = e > 0 ? e - 1 : 0;
+				return t === 0 && !c.current && o.current && (c.current = !0, setTimeout(() => {
+					o.current?.();
+				}, 0)), t;
+			});
+		}, 1e3), () => {
+			i.current &&= (clearInterval(i.current), null);
+		};
+	}, [n, e]), /* @__PURE__ */ h("span", {
+		className: "animate-slide-up",
+		children: u(n)
+	});
+}
+//#endregion
 //#region node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-slot/dist/index.mjs
-var aS = Symbol("radix.slottable");
+var oS = Symbol("radix.slottable");
 /* @__NO_SIDE_EFFECTS__ */
-function oS(e) {
+function sS(e) {
 	let t = ({ children: e }) => /* @__PURE__ */ h(m, { children: e });
-	return t.displayName = `${e}.Slottable`, t.__radixId = aS, t;
+	return t.displayName = `${e}.Slottable`, t.__radixId = oS, t;
 }
 //#endregion
 //#region node_modules/@radix-ui/react-tooltip/dist/index.mjs
-var [sS, cS] = Eo("Tooltip", [kp]), lS = kp(), uS = "TooltipProvider", dS = 700, fS = "tooltip.open", [pS, mS] = sS(uS), hS = (t) => {
-	let { __scopeTooltip: n, delayDuration: r = dS, skipDelayDuration: i = 300, disableHoverableContent: a = !1, children: o } = t, s = e.useRef(!0), c = e.useRef(!1), l = e.useRef(0);
+var [cS, lS] = Eo("Tooltip", [kp]), uS = kp(), dS = "TooltipProvider", fS = 700, pS = "tooltip.open", [mS, hS] = cS(dS), gS = (t) => {
+	let { __scopeTooltip: n, delayDuration: r = fS, skipDelayDuration: i = 300, disableHoverableContent: a = !1, children: o } = t, s = e.useRef(!0), c = e.useRef(!1), l = e.useRef(0);
 	return e.useEffect(() => {
 		let e = l.current;
 		return () => window.clearTimeout(e);
-	}, []), /* @__PURE__ */ h(pS, {
+	}, []), /* @__PURE__ */ h(mS, {
 		scope: n,
 		isOpenDelayedRef: s,
 		delayDuration: r,
@@ -13736,15 +13777,15 @@ var [sS, cS] = Eo("Tooltip", [kp]), lS = kp(), uS = "TooltipProvider", dS = 700,
 		children: o
 	});
 };
-hS.displayName = uS;
-var gS = "Tooltip", [_S, vS] = sS(gS), yS = (t) => {
-	let { __scopeTooltip: n, children: r, open: i, defaultOpen: a, onOpenChange: o, disableHoverableContent: s, delayDuration: c } = t, l = mS(gS, t.__scopeTooltip), u = lS(n), [d, f] = e.useState(null), p = Ds(), m = e.useRef(0), g = s ?? l.disableHoverableContent, _ = c ?? l.delayDuration, v = e.useRef(!1), [y, b] = Ao({
+gS.displayName = dS;
+var _S = "Tooltip", [vS, yS] = cS(_S), bS = (t) => {
+	let { __scopeTooltip: n, children: r, open: i, defaultOpen: a, onOpenChange: o, disableHoverableContent: s, delayDuration: c } = t, l = hS(_S, t.__scopeTooltip), u = uS(n), [d, f] = e.useState(null), p = Ds(), m = e.useRef(0), g = s ?? l.disableHoverableContent, _ = c ?? l.delayDuration, v = e.useRef(!1), [y, b] = Ao({
 		prop: i,
 		defaultProp: a ?? !1,
 		onChange: (e) => {
-			e ? (l.onOpen(), document.dispatchEvent(new CustomEvent(fS))) : l.onClose(), o?.(e);
+			e ? (l.onOpen(), document.dispatchEvent(new CustomEvent(pS))) : l.onClose(), o?.(e);
 		},
-		caller: gS
+		caller: _S
 	}), x = e.useMemo(() => y ? v.current ? "delayed-open" : "instant-open" : "closed", [y]), S = e.useCallback(() => {
 		window.clearTimeout(m.current), m.current = 0, v.current = !1, b(!0);
 	}, [b]), C = e.useCallback(() => {
@@ -13758,7 +13799,7 @@ var gS = "Tooltip", [_S, vS] = sS(gS), yS = (t) => {
 		m.current &&= (window.clearTimeout(m.current), 0);
 	}, []), /* @__PURE__ */ h(Gp, {
 		...u,
-		children: /* @__PURE__ */ h(_S, {
+		children: /* @__PURE__ */ h(vS, {
 			scope: n,
 			contentId: p,
 			open: y,
@@ -13782,9 +13823,9 @@ var gS = "Tooltip", [_S, vS] = sS(gS), yS = (t) => {
 		})
 	});
 };
-yS.displayName = gS;
-var bS = "TooltipTrigger", xS = e.forwardRef((t, n) => {
-	let { __scopeTooltip: r, ...i } = t, a = vS(bS, r), o = mS(bS, r), s = lS(r), c = O(n, e.useRef(null), a.onTriggerChange), l = e.useRef(!1), u = e.useRef(!1), d = e.useCallback(() => l.current = !1, []);
+bS.displayName = _S;
+var xS = "TooltipTrigger", SS = e.forwardRef((t, n) => {
+	let { __scopeTooltip: r, ...i } = t, a = yS(xS, r), o = hS(xS, r), s = uS(r), c = O(n, e.useRef(null), a.onTriggerChange), l = e.useRef(!1), u = e.useRef(!1), d = e.useCallback(() => l.current = !1, []);
 	return e.useEffect(() => () => document.removeEventListener("pointerup", d), [d]), /* @__PURE__ */ h(Kp, {
 		asChild: !0,
 		...s,
@@ -13810,10 +13851,10 @@ var bS = "TooltipTrigger", xS = e.forwardRef((t, n) => {
 		})
 	});
 });
-xS.displayName = bS;
-var SS = "TooltipPortal", [CS, wS] = sS(SS, { forceMount: void 0 }), TS = (e) => {
-	let { __scopeTooltip: t, forceMount: n, children: r, container: i } = e, a = vS(SS, t);
-	return /* @__PURE__ */ h(CS, {
+SS.displayName = xS;
+var CS = "TooltipPortal", [wS, TS] = cS(CS, { forceMount: void 0 }), ES = (e) => {
+	let { __scopeTooltip: t, forceMount: n, children: r, container: i } = e, a = yS(CS, t);
+	return /* @__PURE__ */ h(wS, {
 		scope: t,
 		forceMount: n,
 		children: /* @__PURE__ */ h(Io, {
@@ -13826,30 +13867,30 @@ var SS = "TooltipPortal", [CS, wS] = sS(SS, { forceMount: void 0 }), TS = (e) =>
 		})
 	});
 };
-TS.displayName = SS;
-var ES = "TooltipContent", DS = e.forwardRef((e, t) => {
-	let n = wS(ES, e.__scopeTooltip), { forceMount: r = n.forceMount, side: i = "top", ...a } = e, o = vS(ES, e.__scopeTooltip);
+ES.displayName = CS;
+var DS = "TooltipContent", OS = e.forwardRef((e, t) => {
+	let n = TS(DS, e.__scopeTooltip), { forceMount: r = n.forceMount, side: i = "top", ...a } = e, o = yS(DS, e.__scopeTooltip);
 	return /* @__PURE__ */ h(Io, {
 		present: r || o.open,
-		children: o.disableHoverableContent ? /* @__PURE__ */ h(MS, {
+		children: o.disableHoverableContent ? /* @__PURE__ */ h(NS, {
 			side: i,
 			...a,
 			ref: t
-		}) : /* @__PURE__ */ h(OS, {
+		}) : /* @__PURE__ */ h(kS, {
 			side: i,
 			...a,
 			ref: t
 		})
 	});
-}), OS = e.forwardRef((t, n) => {
-	let r = vS(ES, t.__scopeTooltip), i = mS(ES, t.__scopeTooltip), a = e.useRef(null), o = O(n, a), [s, c] = e.useState(null), { trigger: l, onClose: u } = r, d = a.current, { onPointerInTransitChange: f } = i, p = e.useCallback(() => {
+}), kS = e.forwardRef((t, n) => {
+	let r = yS(DS, t.__scopeTooltip), i = hS(DS, t.__scopeTooltip), a = e.useRef(null), o = O(n, a), [s, c] = e.useState(null), { trigger: l, onClose: u } = r, d = a.current, { onPointerInTransitChange: f } = i, p = e.useCallback(() => {
 		c(null), f(!1);
 	}, [f]), m = e.useCallback((e, t) => {
 		let n = e.currentTarget, r = {
 			x: e.clientX,
 			y: e.clientY
-		}, i = IS(r, FS(r, n.getBoundingClientRect())), a = LS(t.getBoundingClientRect());
-		c(zS([...i, ...a])), f(!0);
+		}, i = LS(r, IS(r, n.getBoundingClientRect())), a = RS(t.getBoundingClientRect());
+		c(BS([...i, ...a])), f(!0);
 	}, [f]);
 	return e.useEffect(() => () => p(), [p]), e.useEffect(() => {
 		if (l && d) {
@@ -13869,7 +13910,7 @@ var ES = "TooltipContent", DS = e.forwardRef((e, t) => {
 				let t = e.target, n = {
 					x: e.clientX,
 					y: e.clientY
-				}, r = l?.contains(t) || d?.contains(t), i = !RS(n, s);
+				}, r = l?.contains(t) || d?.contains(t), i = !zS(n, s);
 				r ? p() : i && (p(), u());
 			};
 			return document.addEventListener("pointermove", e), () => document.removeEventListener("pointermove", e);
@@ -13880,13 +13921,13 @@ var ES = "TooltipContent", DS = e.forwardRef((e, t) => {
 		s,
 		u,
 		p
-	]), /* @__PURE__ */ h(MS, {
+	]), /* @__PURE__ */ h(NS, {
 		...t,
 		ref: o
 	});
-}), [kS, AS] = sS(gS, { isInside: !1 }), jS = /* @__PURE__ */ oS("TooltipContent"), MS = e.forwardRef((t, n) => {
-	let { __scopeTooltip: r, children: i, "aria-label": a, onEscapeKeyDown: o, onPointerDownOutside: s, ...c } = t, l = vS(ES, r), u = lS(r), { onClose: d } = l;
-	return e.useEffect(() => (document.addEventListener(fS, d), () => document.removeEventListener(fS, d)), [d]), e.useEffect(() => {
+}), [AS, jS] = cS(_S, { isInside: !1 }), MS = /* @__PURE__ */ sS("TooltipContent"), NS = e.forwardRef((t, n) => {
+	let { __scopeTooltip: r, children: i, "aria-label": a, onEscapeKeyDown: o, onPointerDownOutside: s, ...c } = t, l = yS(DS, r), u = uS(r), { onClose: d } = l;
+	return e.useEffect(() => (document.addEventListener(pS, d), () => document.removeEventListener(pS, d)), [d]), e.useEffect(() => {
 		if (l.trigger) {
 			let e = (e) => {
 				e.target?.contains(l.trigger) && d();
@@ -13913,7 +13954,7 @@ var ES = "TooltipContent", DS = e.forwardRef((e, t) => {
 				"--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
 				"--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
 			},
-			children: [/* @__PURE__ */ h(jS, { children: i }), /* @__PURE__ */ h(kS, {
+			children: [/* @__PURE__ */ h(MS, { children: i }), /* @__PURE__ */ h(AS, {
 				scope: r,
 				isInside: !0,
 				children: /* @__PURE__ */ h(Fv, {
@@ -13925,17 +13966,17 @@ var ES = "TooltipContent", DS = e.forwardRef((e, t) => {
 		})
 	});
 });
-DS.displayName = ES;
-var NS = "TooltipArrow", PS = e.forwardRef((e, t) => {
-	let { __scopeTooltip: n, ...r } = e, i = lS(n);
-	return AS(NS, n).isInside ? null : /* @__PURE__ */ h(Jp, {
+OS.displayName = DS;
+var PS = "TooltipArrow", FS = e.forwardRef((e, t) => {
+	let { __scopeTooltip: n, ...r } = e, i = uS(n);
+	return jS(PS, n).isInside ? null : /* @__PURE__ */ h(Jp, {
 		...i,
 		...r,
 		ref: t
 	});
 });
-PS.displayName = NS;
-function FS(e, t) {
+FS.displayName = PS;
+function IS(e, t) {
 	let n = Math.abs(t.top - e.y), r = Math.abs(t.bottom - e.y), i = Math.abs(t.right - e.x), a = Math.abs(t.left - e.x);
 	switch (Math.min(n, r, i, a)) {
 		case a: return "left";
@@ -13945,7 +13986,7 @@ function FS(e, t) {
 		default: throw Error("unreachable");
 	}
 }
-function IS(e, t, n = 5) {
+function LS(e, t, n = 5) {
 	let r = [];
 	switch (t) {
 		case "top":
@@ -13987,7 +14028,7 @@ function IS(e, t, n = 5) {
 	}
 	return r;
 }
-function LS(e) {
+function RS(e) {
 	let { top: t, right: n, bottom: r, left: i } = e;
 	return [
 		{
@@ -14008,7 +14049,7 @@ function LS(e) {
 		}
 	];
 }
-function RS(e, t) {
+function zS(e, t) {
 	let { x: n, y: r } = e, i = !1;
 	for (let e = 0, a = t.length - 1; e < t.length; a = e++) {
 		let o = t[e], s = t[a], c = o.x, l = o.y, u = s.x, d = s.y;
@@ -14016,11 +14057,11 @@ function RS(e, t) {
 	}
 	return i;
 }
-function zS(e) {
+function BS(e) {
 	let t = e.slice();
-	return t.sort((e, t) => e.x < t.x ? -1 : e.x > t.x ? 1 : e.y < t.y ? -1 : e.y > t.y ? 1 : 0), BS(t);
+	return t.sort((e, t) => e.x < t.x ? -1 : e.x > t.x ? 1 : e.y < t.y ? -1 : e.y > t.y ? 1 : 0), VS(t);
 }
-function BS(e) {
+function VS(e) {
 	if (e.length <= 1) return e.slice();
 	let t = [];
 	for (let n = 0; n < e.length; n++) {
@@ -14045,25 +14086,25 @@ function BS(e) {
 	}
 	return n.pop(), t.length === 1 && n.length === 1 && t[0].x === n[0].x && t[0].y === n[0].y ? t : t.concat(n);
 }
-var VS = hS, HS = yS;
+var HS = gS, US = bS;
 //#endregion
 //#region src/components/Tooltip.tsx
-function US({ delayDuration: e = 0, ...t }) {
-	return /* @__PURE__ */ h(VS, {
+function WS({ delayDuration: e = 0, ...t }) {
+	return /* @__PURE__ */ h(HS, {
 		"data-slot": "tooltip-provider",
 		delayDuration: e,
 		...t
 	});
 }
-function WS({ ...e }) {
-	return /* @__PURE__ */ h(US, { children: /* @__PURE__ */ h(HS, {
+function GS({ ...e }) {
+	return /* @__PURE__ */ h(WS, { children: /* @__PURE__ */ h(US, {
 		"data-slot": "tooltip",
 		...e
 	}) });
 }
 //#endregion
 //#region src/components/ValidatePassword.tsx
-function GS({ password: e }) {
+function KS({ password: e }) {
 	function t(e) {
 		return e.length >= 8;
 	}
@@ -14113,7 +14154,7 @@ function GS({ password: e }) {
 }
 //#endregion
 //#region src/lib/ThemeTokensProvider.tsx
-var KS = n(void 0), qS = () => o(KS), JS = ({ children: e, tokens: n }) => (t.useEffect(() => {
+var qS = n(void 0), JS = () => o(qS), YS = ({ children: e, tokens: n }) => (t.useEffect(() => {
 	if (!n) return;
 	let e = "wmoney-theme-tokens", t = document.getElementById(e);
 	t || (t = document.createElement("style"), t.id = e, document.head.appendChild(t));
@@ -14124,11 +14165,11 @@ var KS = n(void 0), qS = () => o(KS), JS = ({ children: e, tokens: n }) => (t.us
 	return t.textContent = i, () => {
 		t?.remove();
 	};
-}, [n]), /* @__PURE__ */ h(KS.Provider, {
+}, [n]), /* @__PURE__ */ h(qS.Provider, {
 	value: n,
 	children: e
 }));
 //#endregion
-export { yt as Badge, tn as Button, _o as Calendar, yo as Card, ls as Checkbox, $u as Command, Pm as DatePicker, Qu as Dialog, P_ as DropdownMenu, F_ as FileDropzone, W_ as FormSection, G_ as Input, q_ as InputGroup, hv as InputOtp, ud as Label, _v as MultiSelect, vv as Pagination, _b as Paginator, vb as PasswordToggle, jm as Popover, Wb as RadioGroup, Gb as RoundedButton, cb as Select, U_ as Separator, Kb as Skeleton, Zt as Spinner, Bx as Switch, Vx as Table, iS as Tabs, K_ as Textarea, JS as ThemeTokensProvider, Ex as Toaster, WS as Tooltip, US as TooltipProvider, GS as ValidatePassword, Qt as buttonVariants, J as cn, qS as useThemeTokens };
+export { yt as Badge, tn as Button, _o as Calendar, yo as Card, ls as Checkbox, $u as Command, Pm as DatePicker, Qu as Dialog, P_ as DropdownMenu, F_ as FileDropzone, W_ as FormSection, G_ as Input, q_ as InputGroup, hv as InputOtp, ud as Label, _v as MultiSelect, vv as Pagination, _b as Paginator, vb as PasswordToggle, jm as Popover, Wb as RadioGroup, Gb as RoundedButton, cb as Select, U_ as Separator, Kb as Skeleton, Zt as Spinner, Bx as Switch, Vx as Table, iS as Tabs, K_ as Textarea, YS as ThemeTokensProvider, aS as Timer, Ex as Toaster, GS as Tooltip, WS as TooltipProvider, KS as ValidatePassword, Qt as buttonVariants, J as cn, JS as useThemeTokens };
 
 //# sourceMappingURL=index.js.map