@empreint/ui 1.1.0 → 1.2.1

package/dist/components/wizard/wizard.js

@@ -0,0 +1,108 @@
+"use client";
+import { useWizard as e } from "../../hooks/use-wizard/use-wizard.js";
+import { Slot as t } from "../slot/slot.js";
+import { Title as n } from "../title/title.js";
+import r from "./wizard.module.js";
+import i from "clsx";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { createContext as s, useCallback as c, useContext as l, useEffect as u, useState as d } from "react";
+//#region src/components/wizard/wizard.tsx
+var f = s(null), p = ({ children: t, initialStep: n, className: o, ...s }) => {
+	let [l, u] = d([]), p = l.length, { currentIndex: m, nextStep: h, previousStep: g, isFirstStep: _, isLastStep: v } = e({
+		step: n,
+		totalSteps: p
+	});
+	return /* @__PURE__ */ a(f, {
+		value: {
+			currentStep: l[m - 1] ?? null,
+			currentIndex: m,
+			totalSteps: p,
+			steps: l,
+			onAddStep: c((e) => {
+				u((t) => t.some((t) => t.name === e.name) ? t : [...t, e]);
+			}, []),
+			onRemoveStep: c((e) => {
+				u((t) => t.some((t) => t.name === e) ? t.filter((t) => t.name !== e) : t);
+			}, []),
+			onNext: h,
+			onPrevious: g,
+			isFirstStep: _,
+			isLastStep: v
+		},
+		children: /* @__PURE__ */ a("div", {
+			...s,
+			className: i(r.wizard, o),
+			children: t
+		})
+	});
+}, m = ({ children: e, className: t, ...n }) => /* @__PURE__ */ a("div", {
+	...n,
+	className: i(r.header, t),
+	children: e
+}), h = ({ className: e, ...t }) => {
+	let o = l(f);
+	return /* @__PURE__ */ a(n, {
+		...t,
+		className: i(r.title, e),
+		children: o?.currentStep?.title
+	});
+}, g = ({ className: e, ...t }) => {
+	let n = l(f);
+	return n?.totalSteps === 0 ? null : /* @__PURE__ */ o("span", {
+		...t,
+		className: e,
+		children: [
+			n?.currentIndex,
+			" / ",
+			n?.totalSteps
+		]
+	});
+}, _ = ({ children: e, name: t, title: n, className: o, ...s }) => {
+	let c = l(f);
+	return u(() => (c?.onAddStep({
+		name: t,
+		title: n
+	}), () => {
+		c?.onRemoveStep(t);
+	}), [
+		t,
+		n,
+		c?.onAddStep,
+		c?.onRemoveStep
+	]), c?.currentStep?.name === t ? /* @__PURE__ */ a("div", {
+		...s,
+		className: i(r.step, o),
+		children: e
+	}) : null;
+}, v = ({ children: e, className: t, ...n }) => /* @__PURE__ */ a("div", {
+	...n,
+	className: i(r.footer, t),
+	children: e
+}), y = ({ children: e, onClick: n, className: r, ...i }) => {
+	let o = l(f), s = () => {
+		n && n(), o?.onNext();
+	};
+	return o?.isLastStep ? null : /* @__PURE__ */ a(t, {
+		...i,
+		className: r,
+		onClick: s,
+		children: e
+	});
+}, b = ({ children: e, onClick: n, className: r, ...i }) => {
+	let o = l(f), s = () => {
+		n && n(), o?.onPrevious();
+	};
+	return o?.isFirstStep ? null : /* @__PURE__ */ a(t, {
+		...i,
+		className: r,
+		onClick: s,
+		children: e
+	});
+}, x = ({ children: e, onClick: n, className: r, ...i }) => l(f)?.isLastStep ? /* @__PURE__ */ a(t, {
+	...i,
+	className: r,
+	onClick: n,
+	children: e
+}) : null;
+//#endregion
+export { p as Wizard, x as WizardFinalize, v as WizardFooter, m as WizardHeader, g as WizardIndicator, y as WizardNext, b as WizardPrevious, _ as WizardStep, h as WizardTitle };

package/dist/components/wizard/wizard.module.js

@@ -0,0 +1,8 @@
+var e = {
+	wizard: "_wizard_1yz95_1",
+	header: "_header_1yz95_7",
+	title: "_title_1yz95_12",
+	footer: "_footer_1yz95_16"
+};
+//#endregion
+export { e as default };

package/dist/hooks/use-breadcrumb/use-breadcrumb.js

@@ -0,0 +1,13 @@
+//#region src/hooks/use-breadcrumb/use-breadcrumb.ts
+var e = ({ url: e = new URL(location.href), mapping: t }) => {
+	let n = e.pathname.split("/").slice(1), r = "";
+	return n.map((e) => {
+		let n = t?.find(({ path: t }) => e === t)?.label ?? e, i = `${r}/${e}`;
+		return r = i, {
+			label: n,
+			url: i
+		};
+	});
+};
+//#endregion
+export { e as useBreadcrumb };

package/dist/hooks/use-disclosure/use-disclosure.js

@@ -0,0 +1,20 @@
+import { useOutsideAlerter as e } from "../use-outside-alerter/use-outside-alerter.js";
+import { useEffect as t, useRef as n, useState as r } from "react";
+//#region src/hooks/use-disclosure/use-disclosure.ts
+var i = ({ closeOnOutsideClick: i = !0 } = {}) => {
+	let [a, o] = r(!1), s = n(null), { hasClickedOutside: c, onReset: l } = e(s);
+	return t(() => {
+		i && c && (o(!1), l());
+	}, [
+		i,
+		c,
+		l
+	]), {
+		isOpen: a,
+		onClose: () => o(!1),
+		onToggle: () => o(!a),
+		ref: s
+	};
+};
+//#endregion
+export { i as useDisclosure };

package/dist/hooks/use-match-device/use-match-device.js

@@ -0,0 +1,13 @@
+import { UAParser as e } from "ua-parser-js";
+//#region src/hooks/use-match-device/use-match-device.ts
+var t = (t) => {
+	let n = new e(t).getDevice();
+	return {
+		isMobile: n.is("mobile"),
+		isTablet: n.is("tablet"),
+		isMobileOrTablet: n.is("mobile") || n.is("tablet"),
+		isDesktop: !n.type
+	};
+};
+//#endregion
+export { t as useMatchDevice };

package/dist/hooks/use-match-resolution/use-match-resolution.js

@@ -0,0 +1,53 @@
+import { useMatchDevice as e } from "../use-match-device/use-match-device.js";
+import { useCallback as t, useEffect as n, useState as r } from "react";
+//#region src/hooks/use-match-resolution/use-match-resolution.ts
+var i = {
+	desktop: "(min-width: 1281px)",
+	laptop: "(min-width: 1025px) and (max-width: 1280px)",
+	laptopOrUpper: "(min-width: 1025px)",
+	laptopOrLower: "(max-width: 1280px)",
+	tablet: "(min-width: 768px) and (max-width: 1024px)",
+	tabletOrUpper: "(min-width: 768px)",
+	tabletOrLower: "(max-width: 1024px)",
+	largeMobile: "(min-width: 481px) and (max-width: 767px)",
+	largeMobileOrUpper: "(min-width: 481px)",
+	largeMobileOrLower: "(max-width: 767px)",
+	mobile: "(min-width: 320px) and (max-width: 480px)",
+	portrait: "(orientation: portrait)",
+	landscape: "(orientation: landscape)"
+}, a = (a, o = i) => {
+	let s = typeof window < "u", { isDesktop: c, isMobile: l } = e(a), u = t((e) => s && window.matchMedia(e).matches, [s]), d = t(() => ({
+		isDesktop: s ? u(o.desktop) : c,
+		isLaptop: s ? u(o.laptop) : c,
+		isLaptopOrUpper: s ? u(o.laptopOrUpper) : c,
+		isLaptopOrLower: s ? u(o.laptopOrLower) : !1,
+		isTablet: s ? u(o.tablet) : l,
+		isTabletOrUpper: s ? u(o.tabletOrUpper) : !1,
+		isTabletOrLower: s ? u(o.tabletOrLower) : l,
+		isLargeMobile: s ? u(o.largeMobile) : l,
+		isLargeMobileOrUpper: s ? u(o.largeMobileOrUpper) : !1,
+		isLargeMobileOrLower: s ? u(o.largeMobileOrLower) : l,
+		isMobile: s ? u(o.mobile) : l,
+		isPortrait: s ? u(o.portrait) : !1,
+		isLandscape: s ? u(o.landscape) : !1
+	}), [
+		o,
+		s,
+		c,
+		l,
+		u
+	]), [f, p] = r(d());
+	return n(() => {
+		if (!s) return;
+		let e = () => p(d());
+		return window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e);
+		};
+	}, [s, d]), {
+		resolution: f,
+		breakpoints: o,
+		match: u
+	};
+};
+//#endregion
+export { i as defaultBreakpoints, a as useMatchResolution };

package/dist/hooks/use-outside-alerter/use-outside-alerter.js

@@ -0,0 +1,20 @@
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/use-outside-alerter/use-outside-alerter.ts
+var n = (n) => {
+	let [r, i] = t(!1);
+	return e(() => {
+		let e = (e) => {
+			e.target && n.current && i(!n.current.contains(e.target));
+		};
+		return document.addEventListener("mousedown", e), () => {
+			document.removeEventListener("mousedown", e);
+		};
+	}, [n]), {
+		hasClickedOutside: r,
+		onReset: () => {
+			i(!1);
+		}
+	};
+};
+//#endregion
+export { n as useOutsideAlerter };

package/dist/hooks/use-pagination/use-pagination.js

@@ -0,0 +1,31 @@
+import { useMemo as e, useState as t } from "react";
+//#region src/hooks/use-pagination/use-pagination.ts
+var n = ({ page: n, totalRecords: r, maxRecordsPerPage: i = 10, itemNeighbours: a = 2, minItems: o = 5, onChange: s }) => {
+	let [c, l] = t(n), u = Math.ceil(r / i), d = e(() => {
+		let e = [], t = Math.max(1, Math.min(c - a, u + 1 - o)), n = Math.min(u, Math.max(o, c + a));
+		for (let r = t; r <= n; r++) e.push(r);
+		return e;
+	}, [
+		c,
+		u,
+		a,
+		o
+	]), f = (e) => {
+		let t = Math.max(1, Math.min(e, u));
+		t !== c && (l(t), s?.(t));
+	};
+	return {
+		currentPage: c,
+		total: u,
+		items: d,
+		goToPage: f,
+		goToFirst: () => f(1),
+		goToPrevious: () => f(c - 1),
+		goToNext: () => f(c + 1),
+		goToLast: () => f(u),
+		isFirst: c === 1,
+		isLast: c === u
+	};
+};
+//#endregion
+export { n as usePagination };

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

@@ -0,0 +1,6 @@
+//#region src/hooks/use-scroll-to/use-scroll-to.tsx
+var e = (e) => typeof window < "u" ? { scrollToTop: () => {
+	e?.current && window.scrollTo(0, e.current.offsetTop);
+} } : { scrollToTop: () => null };
+//#endregion
+export { e as useScrollTo };

package/dist/hooks/use-visible/use-visible.js

@@ -0,0 +1,13 @@
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/use-visible/use-visible.ts
+var n = (n) => {
+	let [r, i] = t(!1);
+	return e(() => {
+		let e = new IntersectionObserver(([e]) => i(e.isIntersecting));
+		return n?.current && e.observe(n.current), () => {
+			n?.current && e.unobserve(n.current);
+		};
+	}, [n]), r;
+};
+//#endregion
+export { n as useVisible };

package/dist/hooks/use-wizard/use-wizard.js

@@ -0,0 +1,14 @@
+import { useState as e } from "react";
+//#region src/hooks/use-wizard/use-wizard.ts
+var t = ({ totalSteps: t, step: n = 1 }) => {
+	let [r, i] = e(n);
+	return {
+		currentIndex: r,
+		nextStep: () => i(r + 1),
+		previousStep: () => i(r - 1),
+		isFirstStep: r === 1,
+		isLastStep: r === t
+	};
+};
+//#endregion
+export { t as useWizard };