@noxickon/onyx 6.1.1 → 6.1.2

package/dist/node_modules/@base-ui/react/drawer/root/useDrawerSnapPoints.js

@@ -1,101 +0,0 @@
-"use client";
-import { useStableCallback as e } from "../../../utils/useStableCallback.js";
-import { useIsoLayoutEffect as t } from "../../../utils/useIsoLayoutEffect.js";
-import { ownerDocument as n } from "../../../utils/owner.js";
-import { useDialogRootContext as r } from "../../dialog/root/DialogRootContext.js";
-import { useDrawerRootContext as i } from "./DrawerRootContext.js";
-import { clamp as a } from "../../internals/clamp.js";
-import * as o from "react";
-//#region node_modules/@base-ui/react/drawer/root/useDrawerSnapPoints.mjs
-function s(e, t) {
-	let n = e + t;
-	return n >= 0 ? t : -Math.sqrt(-n) - e;
-}
-function c(e, t, n) {
-	if (!Number.isFinite(t) || t <= 0) return null;
-	if (typeof e == "number") return Number.isFinite(e) ? e <= 1 ? a(e, 0, 1) * t : e : null;
-	let r = e.trim();
-	if (r.endsWith("px")) {
-		let e = Number.parseFloat(r);
-		return Number.isFinite(e) ? e : null;
-	}
-	if (r.endsWith("rem")) {
-		let e = Number.parseFloat(r);
-		return Number.isFinite(e) ? e * n : null;
-	}
-	return null;
-}
-function l(e, t) {
-	let n = null, r = Infinity;
-	for (let i of t) {
-		let t = Math.abs(i.height - e);
-		t < r && (r = t, n = i);
-	}
-	return n;
-}
-function u() {
-	let { store: s } = r(), { snapPoints: u, activeSnapPoint: d, setActiveSnapPoint: f, popupHeight: p } = i(), m = s.useState("viewportElement"), [h, g] = o.useState(0), [_, v] = o.useState(16), y = e(() => {
-		let e = n(m).documentElement;
-		m && g(m.offsetHeight), m || g(e.clientHeight);
-		let t = parseFloat(getComputedStyle(e).fontSize);
-		Number.isFinite(t) && v(t);
-	});
-	t(() => {
-		if (y(), !m || typeof ResizeObserver != "function") return;
-		let e = new ResizeObserver(y);
-		return e.observe(m), () => {
-			e.disconnect();
-		};
-	}, [y, m]);
-	let b = o.useMemo(() => {
-		if (!u || u.length === 0 || h <= 0 || p <= 0) return [];
-		let e = Math.min(p, h);
-		if (!Number.isFinite(e) || e <= 0) return [];
-		let t = u.map((t) => {
-			let n = c(t, h, _);
-			if (n === null || !Number.isFinite(n)) return null;
-			let r = a(n, 0, e);
-			return {
-				value: t,
-				height: r,
-				offset: Math.max(0, p - r)
-			};
-		}).filter((e) => !!e);
-		if (t.length <= 1) return t;
-		let n = [], r = [];
-		for (let e = t.length - 1; e >= 0; --e) {
-			let i = t[e];
-			r.some((e) => Math.abs(e - i.height) <= 1) || (r.push(i.height), n.push(i));
-		}
-		return n.reverse(), n;
-	}, [
-		p,
-		_,
-		u,
-		h
-	]);
-	return {
-		snapPoints: u,
-		activeSnapPoint: d,
-		setActiveSnapPoint: f,
-		popupHeight: p,
-		viewportHeight: h,
-		resolvedSnapPoints: b,
-		activeSnapPointOffset: o.useMemo(() => {
-			if (d === void 0) return b[0];
-			if (d === null) return;
-			let e = b.find((e) => Object.is(e.value, d));
-			if (e) return e;
-			let t = Math.min(p, h), n = c(d, h, _);
-			if (!(n === null || !Number.isFinite(n))) return l(a(n, 0, t), b) ?? void 0;
-		}, [
-			d,
-			p,
-			b,
-			_,
-			h
-		])?.offset ?? null
-	};
-}
-//#endregion
-export { s as getSnapPointSwipeMovement, u as useDrawerSnapPoints };

package/dist/node_modules/@base-ui/react/drawer/swipe-area/DrawerSwipeArea.js

@@ -1,182 +0,0 @@
-"use client";
-import { useStableCallback as e } from "../../../utils/useStableCallback.js";
-import { useRenderElement as t } from "../../internals/useRenderElement.js";
-import { useBaseUiId as n } from "../../internals/useBaseUiId.js";
-import { swipe as r } from "../../internals/reason-parts.js";
-import { createChangeEventDetails as i } from "../../internals/createBaseUIEventDetails.js";
-import { useTimeout as a } from "../../../utils/useTimeout.js";
-import { useTriggerRegistration as o } from "../../utils/popups/popupStoreUtils.js";
-import { useDialogRootContext as s } from "../../dialog/root/DialogRootContext.js";
-import { DrawerPopupCssVars as c } from "../popup/DrawerPopupCssVars.js";
-import { DrawerBackdropCssVars as l } from "../backdrop/DrawerBackdropCssVars.js";
-import { useDrawerProviderContext as u } from "../provider/DrawerProviderContext.js";
-import { DrawerPopupDataAttributes as d } from "../popup/DrawerPopupDataAttributes.js";
-import { useDrawerRootContext as f } from "../root/DrawerRootContext.js";
-import { getDisplacement as p, getElementTransform as m, useSwipeDismiss as h } from "../../utils/useSwipeDismiss.js";
-import { DrawerSwipeAreaDataAttributes as g } from "./DrawerSwipeAreaDataAttributes.js";
-import * as _ from "react";
-//#region node_modules/@base-ui/react/drawer/swipe-area/DrawerSwipeArea.mjs
-var ee = .5, te = 1, ne = .1, v = 40, y = { [g.open]: "" }, re = { [g.closed]: "" }, b = { [g.swiping]: "" }, x = { [g.disabled]: "" }, ie = {
-	open(e) {
-		return e ? y : re;
-	},
-	swiping(e) {
-		return e ? b : null;
-	},
-	swipeDirection(e) {
-		return e ? { [g.swipeDirection]: e } : null;
-	},
-	disabled(e) {
-		return e ? x : null;
-	}
-}, S = {
-	up: "down",
-	down: "up",
-	left: "right",
-	right: "left"
-};
-function ae(e) {
-	return e === "left" || e === "right" ? "pan-y" : "pan-x";
-}
-var C = /*#__PURE__*/ _.forwardRef(function(g, y) {
-	let { render: re, className: b, style: x, disabled: C = !1, swipeDirection: w, ...oe } = g, { store: T } = s(), { swipeDirection: se, frontmostHeight: E } = f(), D = u(!0), [O, k] = _.useState(!1), A = a(), j = _.useRef(null), M = _.useRef(null), N = _.useRef(!1), P = _.useRef({
-		x: 0,
-		y: 0
-	}), F = _.useRef(null), I = _.useRef(!1), L = _.useRef(null), R = n(g.id), ce = o(R, T), z = T.useState("open"), B = e(() => {
-		P.current.x = 0, P.current.y = 0;
-	}), V = w ?? S[se], H = S[V], U = !C && (!z || O);
-	function W() {
-		A.clear(), T.context.outsidePressEnabledRef.current = !1;
-	}
-	function le() {
-		A.start(0, () => {
-			T.context.outsidePressEnabledRef.current = !0;
-		});
-	}
-	function G() {
-		let e = T.context.popupRef.current;
-		if (!e) return null;
-		let t = H === "left" || H === "right" ? e.offsetWidth : e.offsetHeight;
-		return t <= 0 ? null : t;
-	}
-	function ue() {
-		let e = G();
-		if (e == null) return null;
-		let t = T.context.popupRef.current;
-		if (!t) return e;
-		let n = H === "left" || H === "right", r = m(t), i = n ? r.x : r.y;
-		return Number.isFinite(i) && Math.abs(i) > .5 ? Math.min(e, Math.abs(i)) : e;
-	}
-	function de() {
-		let e = G();
-		return e == null ? v : e * ee;
-	}
-	function fe() {
-		if (!O) return;
-		let e = T.context.popupRef.current;
-		if (!e || !T.select("open") || !T.select("mounted")) return;
-		F.current ??= ue();
-		let t = F.current;
-		if (!t || !Number.isFinite(t) || t <= 0) return;
-		let { x: n, y: r } = P.current, i = p(V, n, r), a = Math.max(0, i), o = (t - (a > t ? t + Math.sqrt(a - t) : a)) * (H === "left" || H === "up" ? -1 : 1), s = H === "left" || H === "right", u = s ? o : 0, f = s ? 0 : o, m = Math.max(0, Math.min(1, a / t)), h = Math.max(0, Math.min(1, 1 - m));
-		e.style.setProperty(c.swipeMovementX, `${u}px`), e.style.setProperty(c.swipeMovementY, `${f}px`), e.setAttribute(d.swiping, ""), L.current === null && (L.current = e.style.transition), e.style.transition = "none";
-		let g = T.context.backdropRef.current;
-		g && (g.setAttribute(d.swiping, ""), g.style.setProperty(l.swipeProgress, `${h}`), m > 0 && E > 0 ? g.style.setProperty(c.height, `${E}px`) : g.style.removeProperty(c.height)), D?.visualStateStore.set({
-			swipeProgress: m,
-			frontmostHeight: m > 0 ? E : 0
-		}), I.current = !0;
-	}
-	let K = e(() => {
-		let e = T.context.popupRef.current;
-		e && I.current && (e.style.removeProperty(c.swipeMovementX), e.style.removeProperty(c.swipeMovementY), e.removeAttribute(d.swiping)), e && L.current !== null && (e.style.transition = L.current, L.current = null);
-		let t = T.context.backdropRef.current;
-		t && (t.removeAttribute(d.swiping), t.style.setProperty(l.swipeProgress, "0"), t.style.removeProperty(c.height)), D?.visualStateStore.set({
-			swipeProgress: 0,
-			frontmostHeight: 0
-		}), I.current = !1;
-	});
-	function q(e) {
-		T.select("open") || (N.current = !0, T.setOpen(!0, i(r, e, j.current ?? void 0)));
-	}
-	function J(e) {
-		T.select("open") && T.setOpen(!1, i(r, e, j.current ?? void 0));
-	}
-	function Y() {
-		M.current = null, N.current = !1, F.current = null, k(!1);
-	}
-	function X() {
-		Y(), le(), B(), K();
-	}
-	let Z = h({
-		enabled: U,
-		directions: [V],
-		elementRef: j,
-		trackDrag: !1,
-		movementCssVars: {
-			x: c.swipeMovementX,
-			y: c.swipeMovementY
-		},
-		onSwipeStart(e) {
-			W(), M.current = e, N.current = !1, k(!0), B();
-		},
-		onProgress(e, t) {
-			t && M.current && (P.current.x = t.deltaX, P.current.y = t.deltaY, t.direction === V && (p(V, t.deltaX, t.deltaY) < te && !N.current || (N.current || q(M.current), fe())));
-		},
-		onRelease({ event: e, direction: t, deltaX: n, deltaY: r, releaseVelocityX: i, releaseVelocityY: a }) {
-			let o = p(V, n, r), s = p(V, i, a), c = de();
-			return c != null && t === V && (c != null && o >= c || s >= ne) && !C ? T.select("open") || q(e) : N.current && J(e), X(), !1;
-		},
-		onCancel: X
-	}), Q = Z.getPointerProps(), pe = Z.getTouchProps(), $ = Z.reset;
-	return _.useEffect(() => {
-		U || ($(), B(), K(), Y());
-	}, [
-		K,
-		U,
-		B,
-		$
-	]), _.useEffect(() => () => {
-		T.context.outsidePressEnabledRef.current = !0;
-	}, [T]), t("div", g, {
-		state: {
-			open: z,
-			swiping: Z.swiping,
-			swipeDirection: V,
-			disabled: C
-		},
-		ref: [
-			y,
-			j,
-			ce
-		],
-		stateAttributesMapping: ie,
-		props: [
-			{
-				role: "presentation",
-				"aria-hidden": !0,
-				style: {
-					pointerEvents: U ? void 0 : "none",
-					touchAction: ae(V)
-				},
-				onPointerDown(e) {
-					e.pointerType !== "touch" && (Q.onPointerDown?.(e), e.cancelable && e.preventDefault());
-				},
-				onPointerMove(e) {
-					e.pointerType !== "touch" && Q.onPointerMove?.(e);
-				},
-				onPointerUp(e) {
-					e.pointerType !== "touch" && Q.onPointerUp?.(e);
-				},
-				onPointerCancel(e) {
-					e.pointerType !== "touch" && Q.onPointerCancel?.(e);
-				}
-			},
-			pe,
-			R ? { id: R } : void 0,
-			oe
-		]
-	});
-});
-process.env.NODE_ENV !== "production" && (C.displayName = "DrawerSwipeArea");
-//#endregion
-export { C as DrawerSwipeArea };

package/dist/node_modules/@base-ui/react/drawer/swipe-area/DrawerSwipeAreaDataAttributes.js

@@ -1,7 +0,0 @@
-import { CommonPopupDataAttributes as e } from "../../utils/popupStateMapping.js";
-//#region node_modules/@base-ui/react/drawer/swipe-area/DrawerSwipeAreaDataAttributes.mjs
-var t = function(t) {
-	return t[t.open = e.open] = "open", t[t.closed = e.closed] = "closed", t.disabled = "data-disabled", t.swipeDirection = "data-swipe-direction", t.swiping = "data-swiping", t;
-}({});
-//#endregion
-export { t as DrawerSwipeAreaDataAttributes };

package/dist/node_modules/@base-ui/react/drawer/title/DrawerTitle.js

@@ -1,6 +0,0 @@
-"use client";
-import { DialogTitle as e } from "../../dialog/title/DialogTitle.js";
-//#region node_modules/@base-ui/react/drawer/title/DrawerTitle.mjs
-var t = e;
-//#endregion
-export { t as DrawerTitle };

package/dist/node_modules/@base-ui/react/drawer/trigger/DrawerTrigger.js

@@ -1,6 +0,0 @@
-"use client";
-import { DialogTrigger as e } from "../../dialog/trigger/DialogTrigger.js";
-//#region node_modules/@base-ui/react/drawer/trigger/DrawerTrigger.mjs
-var t = e;
-//#endregion
-export { t as DrawerTrigger };