@solostylist/ui-kit 1.0.202 → 1.0.204

package/dist/hooks/use-count-down.js

@@ -1,77 +1,86 @@
-import { useState as o, useRef as c, useEffect as u, useCallback as f, useMemo as p } from "react";
-const z = {
-  days: 0,
-  hours: 0,
-  minutes: 0,
-  seconds: 0
-}, J = ({
-  expireDate: a,
-  onComplete: T,
-  onTick: L,
-  onStart: M,
-  paused: e = !1,
-  interval: S = 1e3,
-  autoStart: R = !0
-}) => {
-  const [A, j] = o(z), [w, k] = o(!1), [g, i] = o(R && !e), [x, l] = o(e), [t, q] = o(null), s = c(null), I = c(T), E = c(L), v = c(M), y = c(!1), C = c(!1);
-  u(() => {
-    I.current = T;
-  }, [T]), u(() => {
-    E.current = L;
-  }, [L]), u(() => {
-    v.current = M;
-  }, [M]);
-  const m = f(() => {
-    const r = (/* @__PURE__ */ new Date()).getTime(), n = a - r;
-    return n < 0 ? { timeLeft: z, expired: !0 } : {
-      timeLeft: {
-        days: Math.floor(n / (1e3 * 60 * 60 * 24)),
-        hours: Math.floor(n % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60)),
-        minutes: Math.floor(n % (1e3 * 60 * 60) / (1e3 * 60)),
-        seconds: Math.floor(n % (1e3 * 60) / 1e3)
-      },
-      expired: !1
-    };
-  }, [a]), h = f(() => {
-    const { timeLeft: r, expired: n } = m();
-    j(r), k(n), E.current && E.current(r), n && !C.current && (C.current = !0, i(!1), I.current && I.current());
-  }, [m]), B = f(() => {
-    !y.current && v.current && (v.current(), y.current = !0), i(!0), l(!1), t || q((/* @__PURE__ */ new Date()).getTime());
-  }, [t]), D = f(() => {
-    i(!1), l(!0);
-  }, []), P = f(() => {
-    i(!0), l(!1);
-  }, []), F = f(() => {
-    i(R && !e), l(e), k(!1), q(null), y.current = !1, C.current = !1;
-    const { timeLeft: r } = m();
-    j(r);
-  }, [R, e, m]);
-  u(() => {
-    e ? D() : x && !e && P();
-  }, [e, x, D, P]), u(() => (g && !w ? s.current = setInterval(h, S) : s.current && (clearInterval(s.current), s.current = null), () => {
-    s.current && (clearInterval(s.current), s.current = null);
-  }), [g, w, S, h]), u(() => {
-    h();
-  }, [h]);
-  const d = p(() => t ? Math.max(0, a - t) : 0, [a, t]), b = p(() => {
-    if (!t) return 0;
-    const r = (/* @__PURE__ */ new Date()).getTime();
-    return Math.max(0, r - t);
-  }, [t]), G = p(() => d === 0 ? 0 : Math.min(100, Math.max(0, b / d * 100)), [b, d]);
-  return {
-    timeLeft: A,
-    isExpired: w,
-    isRunning: g,
-    isPaused: x,
-    start: B,
-    pause: D,
-    resume: P,
-    reset: F,
-    totalDuration: d,
-    elapsedTime: b,
-    progress: G
-  };
-};
-export {
-  J as default
+import { useCallback as e, useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
+//#region lib/hooks/use-count-down.ts
+var a = {
+	days: 0,
+	hours: 0,
+	minutes: 0,
+	seconds: 0
+}, o = ({ expireDate: o, onComplete: s, onTick: c, onStart: l, paused: u = !1, interval: d = 1e3, autoStart: f = !0 }) => {
+	let [p, m] = i(a), [h, g] = i(!1), [_, v] = i(f && !u), [y, b] = i(u), [x, S] = i(null), C = r(null), w = r(s), T = r(c), E = r(l), D = r(!1), O = r(!1);
+	t(() => {
+		w.current = s;
+	}, [s]), t(() => {
+		T.current = c;
+	}, [c]), t(() => {
+		E.current = l;
+	}, [l]);
+	let k = e(() => {
+		let e = o - (/* @__PURE__ */ new Date()).getTime();
+		return e < 0 ? {
+			timeLeft: a,
+			expired: !0
+		} : {
+			timeLeft: {
+				days: Math.floor(e / (1e3 * 60 * 60 * 24)),
+				hours: Math.floor(e % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60)),
+				minutes: Math.floor(e % (1e3 * 60 * 60) / (1e3 * 60)),
+				seconds: Math.floor(e % (1e3 * 60) / 1e3)
+			},
+			expired: !1
+		};
+	}, [o]), A = e(() => {
+		let { timeLeft: e, expired: t } = k();
+		m(e), g(t), T.current && T.current(e), t && !O.current && (O.current = !0, v(!1), w.current && w.current());
+	}, [k]), j = e(() => {
+		!D.current && E.current && (E.current(), D.current = !0), v(!0), b(!1), x || S((/* @__PURE__ */ new Date()).getTime());
+	}, [x]), M = e(() => {
+		v(!1), b(!0);
+	}, []), N = e(() => {
+		v(!0), b(!1);
+	}, []), P = e(() => {
+		v(f && !u), b(u), g(!1), S(null), D.current = !1, O.current = !1;
+		let { timeLeft: e } = k();
+		m(e);
+	}, [
+		f,
+		u,
+		k
+	]);
+	t(() => {
+		u ? M() : y && !u && N();
+	}, [
+		u,
+		y,
+		M,
+		N
+	]), t(() => (_ && !h ? C.current = setInterval(A, d) : C.current &&= (clearInterval(C.current), null), () => {
+		C.current &&= (clearInterval(C.current), null);
+	}), [
+		_,
+		h,
+		d,
+		A
+	]), t(() => {
+		A();
+	}, [A]);
+	let F = n(() => x ? Math.max(0, o - x) : 0, [o, x]), I = n(() => {
+		if (!x) return 0;
+		let e = (/* @__PURE__ */ new Date()).getTime();
+		return Math.max(0, e - x);
+	}, [x]);
+	return {
+		timeLeft: p,
+		isExpired: h,
+		isRunning: _,
+		isPaused: y,
+		start: j,
+		pause: M,
+		resume: N,
+		reset: P,
+		totalDuration: F,
+		elapsedTime: I,
+		progress: n(() => F === 0 ? 0 : Math.min(100, Math.max(0, I / F * 100)), [I, F])
+	};
 };
+//#endregion
+export { o as default };

package/dist/hooks/use-dialog.js

@@ -1,20 +1,23 @@
 import * as e from "react";
-function l() {
-  const [a, t] = e.useState({
-    open: !1,
-    data: void 0
-  }), o = e.useCallback((s) => {
-    t({ open: !0, data: s });
-  }, []), n = e.useCallback(() => {
-    t({ open: !1 });
-  }, []);
-  return {
-    data: a.data,
-    handleClose: n,
-    handleOpen: o,
-    open: a.open
-  };
+//#region lib/hooks/use-dialog.ts
+function t() {
+	let [t, n] = e.useState({
+		open: !1,
+		data: void 0
+	}), r = e.useCallback((e) => {
+		n({
+			open: !0,
+			data: e
+		});
+	}, []), i = e.useCallback(() => {
+		n({ open: !1 });
+	}, []);
+	return {
+		data: t.data,
+		handleClose: i,
+		handleOpen: r,
+		open: t.open
+	};
 }
-export {
-  l as useDialog
-};
+//#endregion
+export { t as useDialog };

package/dist/hooks/use-is-passed-position.js

@@ -1,21 +1,21 @@
-import { useState as f, useEffect as d } from "react";
-function a(s, r) {
-  const [i, c] = f(!1);
-  return d(() => {
-    let e = null;
-    if (typeof s == "string" ? e = document.getElementById(s) ?? null : s instanceof Window ? e = s : s?.current && (e = s.current), !e || !("addEventListener" in e)) return;
-    const t = () => {
-      let n = 0;
-      e instanceof Window ? n = e.scrollY : e instanceof HTMLElement && (n = e.scrollTop), c((o) => {
-        const l = n > r;
-        return o !== l ? l : o;
-      });
-    };
-    return t(), e.addEventListener("scroll", t), () => {
-      e?.removeEventListener("scroll", t);
-    };
-  }, [s, r]), i;
+import { useEffect as e, useState as t } from "react";
+//#region lib/hooks/use-is-passed-position.ts
+function n(n, r) {
+	let [i, a] = t(!1);
+	return e(() => {
+		let e = null;
+		if (typeof n == "string" ? e = document.getElementById(n) ?? null : n instanceof Window ? e = n : n?.current && (e = n.current), !e || !("addEventListener" in e)) return;
+		let t = () => {
+			let t = 0;
+			e instanceof Window ? t = e.scrollY : e instanceof HTMLElement && (t = e.scrollTop), a((e) => {
+				let n = t > r;
+				return e === n ? e : n;
+			});
+		};
+		return t(), e.addEventListener("scroll", t), () => {
+			e?.removeEventListener("scroll", t);
+		};
+	}, [n, r]), i;
 }
-export {
-  a as useIsPassedPosition
-};
+//#endregion
+export { n as useIsPassedPosition };

package/dist/hooks/use-popover.js

@@ -1,20 +1,20 @@
 import * as e from "react";
-function u() {
-  const s = e.useRef(null), [a, n] = e.useState(!1), l = e.useCallback(() => {
-    n(!0);
-  }, []), o = e.useCallback(() => {
-    n(!1);
-  }, []), t = e.useCallback(() => {
-    n((c) => !c);
-  }, []);
-  return {
-    anchorRef: s,
-    handleClose: o,
-    handleOpen: l,
-    handleToggle: t,
-    open: a
-  };
+//#region lib/hooks/use-popover.ts
+function t() {
+	let t = e.useRef(null), [n, r] = e.useState(!1), i = e.useCallback(() => {
+		r(!0);
+	}, []);
+	return {
+		anchorRef: t,
+		handleClose: e.useCallback(() => {
+			r(!1);
+		}, []),
+		handleOpen: i,
+		handleToggle: e.useCallback(() => {
+			r((e) => !e);
+		}, []),
+		open: n
+	};
 }
-export {
-  u as usePopover
-};
+//#endregion
+export { t as usePopover };

package/dist/hooks/use-scroll-animation.js

@@ -1,57 +1,75 @@
-import { useState as m, useRef as f, useEffect as w } from "react";
-function I(p = {}) {
-  const { threshold: o = 0.1, rootMargin: s = "0px", delay: i = 0, direction: a = "up", distance: t = 50 } = p, [l, r] = m(!1), c = f(null), e = f(null);
-  w(() => {
-    if (!c.current) return;
-    if (!("IntersectionObserver" in window)) {
-      r(!0);
-      return;
-    }
-    const n = new IntersectionObserver(
-      ([u]) => {
-        u.isIntersecting ? (e.current && (clearTimeout(e.current), e.current = null), i > 0 ? e.current = setTimeout(() => {
-          r(!0), n.unobserve(u.target);
-        }, i) : (r(!0), n.unobserve(u.target))) : (e.current && (clearTimeout(e.current), e.current = null), r(!1));
-      },
-      { threshold: o, rootMargin: s }
-    );
-    return n.observe(c.current), () => {
-      e.current && (clearTimeout(e.current), e.current = null), n.disconnect();
-    };
-  }, [o, s, i]);
-  const y = () => {
-    switch (a) {
-      case "up":
-        return { y: t, opacity: 0 };
-      case "down":
-        return { y: -t, opacity: 0 };
-      case "left":
-        return { x: t, opacity: 0 };
-      case "right":
-        return { x: -t, opacity: 0 };
-      default:
-        return { y: t, opacity: 0 };
-    }
-  }, d = () => {
-    switch (a) {
-      case "up":
-      case "down":
-        return { y: 0, opacity: 1 };
-      case "left":
-      case "right":
-        return { x: 0, opacity: 1 };
-      default:
-        return { y: 0, opacity: 1 };
-    }
-  };
-  return {
-    ref: c,
-    isInView: l,
-    initialPosition: y(),
-    finalPosition: d(),
-    animate: l
-  };
+import { useEffect as e, useRef as t, useState as n } from "react";
+//#region lib/hooks/use-scroll-animation.ts
+function r(r = {}) {
+	let { threshold: i = .1, rootMargin: a = "0px", delay: o = 0, direction: s = "up", distance: c = 50 } = r, [l, u] = n(!1), d = t(null), f = t(null);
+	return e(() => {
+		if (!d.current) return;
+		if (!("IntersectionObserver" in window)) {
+			u(!0);
+			return;
+		}
+		let e = new IntersectionObserver(([t]) => {
+			t.isIntersecting ? (f.current &&= (clearTimeout(f.current), null), o > 0 ? f.current = setTimeout(() => {
+				u(!0), e.unobserve(t.target);
+			}, o) : (u(!0), e.unobserve(t.target))) : (f.current &&= (clearTimeout(f.current), null), u(!1));
+		}, {
+			threshold: i,
+			rootMargin: a
+		});
+		return e.observe(d.current), () => {
+			f.current &&= (clearTimeout(f.current), null), e.disconnect();
+		};
+	}, [
+		i,
+		a,
+		o
+	]), {
+		ref: d,
+		isInView: l,
+		initialPosition: (() => {
+			switch (s) {
+				case "up": return {
+					y: c,
+					opacity: 0
+				};
+				case "down": return {
+					y: -c,
+					opacity: 0
+				};
+				case "left": return {
+					x: c,
+					opacity: 0
+				};
+				case "right": return {
+					x: -c,
+					opacity: 0
+				};
+				default: return {
+					y: c,
+					opacity: 0
+				};
+			}
+		})(),
+		finalPosition: (() => {
+			switch (s) {
+				case "up":
+				case "down": return {
+					y: 0,
+					opacity: 1
+				};
+				case "left":
+				case "right": return {
+					x: 0,
+					opacity: 1
+				};
+				default: return {
+					y: 0,
+					opacity: 1
+				};
+			}
+		})(),
+		animate: l
+	};
 }
-export {
-  I as useScrollAnimation
-};
+//#endregion
+export { r as useScrollAnimation };

package/dist/iconButtonClasses-BggbSXxO.js

@@ -0,0 +1,27 @@
+import { t as e } from "./generateUtilityClass-DdqZpZoW.js";
+import { t } from "./generateUtilityClasses-i3-S3IQr.js";
+//#region ../../node_modules/@mui/material/esm/IconButton/iconButtonClasses.js
+function n(t) {
+	return e("MuiIconButton", t);
+}
+var r = t("MuiIconButton", [
+	"root",
+	"disabled",
+	"colorInherit",
+	"colorPrimary",
+	"colorSecondary",
+	"colorError",
+	"colorInfo",
+	"colorSuccess",
+	"colorWarning",
+	"edgeStart",
+	"edgeEnd",
+	"sizeSmall",
+	"sizeMedium",
+	"sizeLarge",
+	"loading",
+	"loadingIndicator",
+	"loadingWrapper"
+]);
+//#endregion
+export { r as n, n as t };

package/dist/identifier-_S1f0Pg2.js

@@ -0,0 +1,190 @@
+import e from "@emotion/styled";
+import { ThemeContext as t, css as n, keyframes as r } from "@emotion/react";
+//#region ../../node_modules/@emotion/hash/dist/emotion-hash.esm.js
+function i(e) {
+	for (var t = 0, n, r = 0, i = e.length; i >= 4; ++r, i -= 4) n = e.charCodeAt(r) & 255 | (e.charCodeAt(++r) & 255) << 8 | (e.charCodeAt(++r) & 255) << 16 | (e.charCodeAt(++r) & 255) << 24, n = (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), n ^= n >>> 24, t = (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16) ^ (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
+	switch (i) {
+		case 3: t ^= (e.charCodeAt(r + 2) & 255) << 16;
+		case 2: t ^= (e.charCodeAt(r + 1) & 255) << 8;
+		case 1: t ^= e.charCodeAt(r) & 255, t = (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
+	}
+	return t ^= t >>> 13, t = (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
+}
+//#endregion
+//#region ../../node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
+var a = {
+	animationIterationCount: 1,
+	aspectRatio: 1,
+	borderImageOutset: 1,
+	borderImageSlice: 1,
+	borderImageWidth: 1,
+	boxFlex: 1,
+	boxFlexGroup: 1,
+	boxOrdinalGroup: 1,
+	columnCount: 1,
+	columns: 1,
+	flex: 1,
+	flexGrow: 1,
+	flexPositive: 1,
+	flexShrink: 1,
+	flexNegative: 1,
+	flexOrder: 1,
+	gridRow: 1,
+	gridRowEnd: 1,
+	gridRowSpan: 1,
+	gridRowStart: 1,
+	gridColumn: 1,
+	gridColumnEnd: 1,
+	gridColumnSpan: 1,
+	gridColumnStart: 1,
+	msGridRow: 1,
+	msGridRowSpan: 1,
+	msGridColumn: 1,
+	msGridColumnSpan: 1,
+	fontWeight: 1,
+	lineHeight: 1,
+	opacity: 1,
+	order: 1,
+	orphans: 1,
+	scale: 1,
+	tabSize: 1,
+	widows: 1,
+	zIndex: 1,
+	zoom: 1,
+	WebkitLineClamp: 1,
+	fillOpacity: 1,
+	floodOpacity: 1,
+	stopOpacity: 1,
+	strokeDasharray: 1,
+	strokeDashoffset: 1,
+	strokeMiterlimit: 1,
+	strokeOpacity: 1,
+	strokeWidth: 1
+};
+//#endregion
+//#region ../../node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
+function o(e) {
+	var t = Object.create(null);
+	return function(n) {
+		return t[n] === void 0 && (t[n] = e(n)), t[n];
+	};
+}
+//#endregion
+//#region ../../node_modules/@emotion/serialize/dist/emotion-serialize.esm.js
+var s = !1, c = /[A-Z]|^ms/g, l = /_EMO_([^_]+?)_([^]*?)_EMO_/g, u = function(e) {
+	return e.charCodeAt(1) === 45;
+}, d = function(e) {
+	return e != null && typeof e != "boolean";
+}, f = /* @__PURE__ */ o(function(e) {
+	return u(e) ? e : e.replace(c, "-$&").toLowerCase();
+}), p = function(e, t) {
+	switch (e) {
+		case "animation":
+		case "animationName": if (typeof t == "string") return t.replace(l, function(e, t, n) {
+			return v = {
+				name: t,
+				styles: n,
+				next: v
+			}, t;
+		});
+	}
+	return a[e] !== 1 && !u(e) && typeof t == "number" && t !== 0 ? t + "px" : t;
+}, m = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+function h(e, t, n) {
+	if (n == null) return "";
+	var r = n;
+	if (r.__emotion_styles !== void 0) return r;
+	switch (typeof n) {
+		case "boolean": return "";
+		case "object":
+			var i = n;
+			if (i.anim === 1) return v = {
+				name: i.name,
+				styles: i.styles,
+				next: v
+			}, i.name;
+			var a = n;
+			if (a.styles !== void 0) {
+				var o = a.next;
+				if (o !== void 0) for (; o !== void 0;) v = {
+					name: o.name,
+					styles: o.styles,
+					next: v
+				}, o = o.next;
+				return a.styles + ";";
+			}
+			return g(e, t, n);
+		case "function":
+			if (e !== void 0) {
+				var s = v, c = n(e);
+				return v = s, h(e, t, c);
+			}
+			break;
+	}
+	var l = n;
+	if (t == null) return l;
+	var u = t[l];
+	return u === void 0 ? l : u;
+}
+function g(e, t, n) {
+	var r = "";
+	if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r += h(e, t, n[i]) + ";";
+	else for (var a in n) {
+		var o = n[a];
+		if (typeof o != "object") {
+			var c = o;
+			t != null && t[c] !== void 0 ? r += a + "{" + t[c] + "}" : d(c) && (r += f(a) + ":" + p(a, c) + ";");
+		} else {
+			if (a === "NO_COMPONENT_SELECTOR" && s) throw Error(m);
+			if (Array.isArray(o) && typeof o[0] == "string" && (t == null || t[o[0]] === void 0)) for (var l = 0; l < o.length; l++) d(o[l]) && (r += f(a) + ":" + p(a, o[l]) + ";");
+			else {
+				var u = h(e, t, o);
+				switch (a) {
+					case "animation":
+					case "animationName":
+						r += f(a) + ":" + u + ";";
+						break;
+					default: r += a + "{" + u + "}";
+				}
+			}
+		}
+	}
+	return r;
+}
+var _ = /label:\s*([^\s;{]+)\s*(;|$)/g, v;
+function y(e, t, n) {
+	if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0) return e[0];
+	var r = !0, a = "";
+	v = void 0;
+	var o = e[0];
+	o == null || o.raw === void 0 ? (r = !1, a += h(n, t, o)) : a += o[0];
+	for (var s = 1; s < e.length; s++) a += h(n, t, e[s]), r && (a += o[s]);
+	_.lastIndex = 0;
+	for (var c = "", l; (l = _.exec(a)) !== null;) c += "-" + l[1];
+	return {
+		name: i(a) + c,
+		styles: a,
+		next: v
+	};
+}
+//#endregion
+//#region ../../node_modules/@mui/styled-engine/esm/index.js
+function b(t, n) {
+	let r = e(t, n);
+	return process.env.NODE_ENV === "production" ? r : (...e) => {
+		let n = typeof t == "string" ? `"${t}"` : "component";
+		return e.length === 0 ? console.error([`MUI: Seems like you called \`styled(${n})()\` without a \`style\` argument.`, "You must provide a `styles` argument: `styled(\"div\")(styleYouForgotToPass)`."].join("\n")) : e.some((e) => e === void 0) && console.error(`MUI: the styled(${n})(...args) API requires all its args to be defined.`), r(...e);
+	};
+}
+function x(e, t) {
+	Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
+}
+var S = [];
+function C(e) {
+	return S[0] = e, y(S);
+}
+//#endregion
+//#region ../../node_modules/@mui/material/esm/styles/identifier.js
+var w = "$$material";
+//#endregion
+export { C as a, x as i, t as n, r as o, n as r, b as s, w as t };