@middag-io/react 0.12.0 → 0.14.0

package/dist-lib/scroll-area-CDaBiyoP.js

@@ -0,0 +1,557 @@
+import { a as e, c as t, i as n, o as r, r as i } from "./button-DY_CinAY.js";
+import { t as a } from "./utils-DS8lnGJS.js";
+import { a as o, n as s } from "./dist-BVqmxsUH.js";
+import { n as c, t as l } from "./dist-3F0-lo64.js";
+import * as u from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import "react-dom";
+//#region node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-primitive/dist/index.mjs
+var m = [
+	"a",
+	"button",
+	"div",
+	"form",
+	"h2",
+	"h3",
+	"img",
+	"input",
+	"label",
+	"li",
+	"nav",
+	"ol",
+	"p",
+	"select",
+	"span",
+	"svg",
+	"ul"
+].reduce((e, t) => {
+	let n = s(`Primitive.${t}`), r = u.forwardRef((e, r) => {
+		let { asChild: i, ...a } = e, o = i ? n : t;
+		return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(o, {
+			...a,
+			ref: r
+		});
+	});
+	return r.displayName = `Primitive.${t}`, {
+		...e,
+		[t]: r
+	};
+}, {});
+//#endregion
+//#region node_modules/@radix-ui/react-scroll-area/dist/index.mjs
+function h(e, t) {
+	return u.useReducer((e, n) => t[e][n] ?? e, e);
+}
+var g = "ScrollArea", [_, v] = t(g), [y, b] = _(g), x = u.forwardRef((e, t) => {
+	let { __scopeScrollArea: n, type: r = "hover", dir: i, scrollHideDelay: a = 600, ...s } = e, [l, d] = u.useState(null), [p, h] = u.useState(null), [g, _] = u.useState(null), [v, b] = u.useState(null), [x, S] = u.useState(null), [C, w] = u.useState(0), [T, E] = u.useState(0), [D, O] = u.useState(!1), [k, A] = u.useState(!1), j = o(t, (e) => d(e)), M = c(i);
+	return /* @__PURE__ */ f(y, {
+		scope: n,
+		type: r,
+		dir: M,
+		scrollHideDelay: a,
+		scrollArea: l,
+		viewport: p,
+		onViewportChange: h,
+		content: g,
+		onContentChange: _,
+		scrollbarX: v,
+		onScrollbarXChange: b,
+		scrollbarXEnabled: D,
+		onScrollbarXEnabledChange: O,
+		scrollbarY: x,
+		onScrollbarYChange: S,
+		scrollbarYEnabled: k,
+		onScrollbarYEnabledChange: A,
+		onCornerWidthChange: w,
+		onCornerHeightChange: E,
+		children: /* @__PURE__ */ f(m.div, {
+			dir: M,
+			...s,
+			ref: j,
+			style: {
+				position: "relative",
+				"--radix-scroll-area-corner-width": C + "px",
+				"--radix-scroll-area-corner-height": T + "px",
+				...e.style
+			}
+		})
+	});
+});
+x.displayName = g;
+var S = "ScrollAreaViewport", C = u.forwardRef((e, t) => {
+	let { __scopeScrollArea: n, children: r, nonce: i, ...a } = e, s = b(S, n), c = o(t, u.useRef(null), s.onViewportChange);
+	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("style", {
+		dangerouslySetInnerHTML: { __html: "[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}" },
+		nonce: i
+	}), /* @__PURE__ */ f(m.div, {
+		"data-radix-scroll-area-viewport": "",
+		...a,
+		ref: c,
+		style: {
+			overflowX: s.scrollbarXEnabled ? "scroll" : "hidden",
+			overflowY: s.scrollbarYEnabled ? "scroll" : "hidden",
+			...e.style
+		},
+		children: /* @__PURE__ */ f("div", {
+			ref: s.onContentChange,
+			style: {
+				minWidth: "100%",
+				display: "table"
+			},
+			children: r
+		})
+	})] });
+});
+C.displayName = S;
+var w = "ScrollAreaScrollbar", T = u.forwardRef((e, t) => {
+	let { forceMount: n, ...r } = e, i = b(w, e.__scopeScrollArea), { onScrollbarXEnabledChange: a, onScrollbarYEnabledChange: o } = i, s = e.orientation === "horizontal";
+	return u.useEffect(() => (s ? a(!0) : o(!0), () => {
+		s ? a(!1) : o(!1);
+	}), [
+		s,
+		a,
+		o
+	]), i.type === "hover" ? /* @__PURE__ */ f(E, {
+		...r,
+		ref: t,
+		forceMount: n
+	}) : i.type === "scroll" ? /* @__PURE__ */ f(D, {
+		...r,
+		ref: t,
+		forceMount: n
+	}) : i.type === "auto" ? /* @__PURE__ */ f(O, {
+		...r,
+		ref: t,
+		forceMount: n
+	}) : i.type === "always" ? /* @__PURE__ */ f(k, {
+		...r,
+		ref: t
+	}) : null;
+});
+T.displayName = w;
+var E = u.forwardRef((e, t) => {
+	let { forceMount: r, ...i } = e, a = b(w, e.__scopeScrollArea), [o, s] = u.useState(!1);
+	return u.useEffect(() => {
+		let e = a.scrollArea, t = 0;
+		if (e) {
+			let n = () => {
+				window.clearTimeout(t), s(!0);
+			}, r = () => {
+				t = window.setTimeout(() => s(!1), a.scrollHideDelay);
+			};
+			return e.addEventListener("pointerenter", n), e.addEventListener("pointerleave", r), () => {
+				window.clearTimeout(t), e.removeEventListener("pointerenter", n), e.removeEventListener("pointerleave", r);
+			};
+		}
+	}, [a.scrollArea, a.scrollHideDelay]), /* @__PURE__ */ f(n, {
+		present: r || o,
+		children: /* @__PURE__ */ f(O, {
+			"data-state": o ? "visible" : "hidden",
+			...i,
+			ref: t
+		})
+	});
+}), D = u.forwardRef((e, t) => {
+	let { forceMount: i, ...a } = e, o = b(w, e.__scopeScrollArea), s = e.orientation === "horizontal", c = Y(() => d("SCROLL_END"), 100), [l, d] = h("hidden", {
+		hidden: { SCROLL: "scrolling" },
+		scrolling: {
+			SCROLL_END: "idle",
+			POINTER_ENTER: "interacting"
+		},
+		interacting: {
+			SCROLL: "interacting",
+			POINTER_LEAVE: "idle"
+		},
+		idle: {
+			HIDE: "hidden",
+			SCROLL: "scrolling",
+			POINTER_ENTER: "interacting"
+		}
+	});
+	return u.useEffect(() => {
+		if (l === "idle") {
+			let e = window.setTimeout(() => d("HIDE"), o.scrollHideDelay);
+			return () => window.clearTimeout(e);
+		}
+	}, [
+		l,
+		o.scrollHideDelay,
+		d
+	]), u.useEffect(() => {
+		let e = o.viewport, t = s ? "scrollLeft" : "scrollTop";
+		if (e) {
+			let n = e[t], r = () => {
+				let r = e[t];
+				n !== r && (d("SCROLL"), c()), n = r;
+			};
+			return e.addEventListener("scroll", r), () => e.removeEventListener("scroll", r);
+		}
+	}, [
+		o.viewport,
+		s,
+		d,
+		c
+	]), /* @__PURE__ */ f(n, {
+		present: i || l !== "hidden",
+		children: /* @__PURE__ */ f(k, {
+			"data-state": l === "hidden" ? "hidden" : "visible",
+			...a,
+			ref: t,
+			onPointerEnter: r(e.onPointerEnter, () => d("POINTER_ENTER")),
+			onPointerLeave: r(e.onPointerLeave, () => d("POINTER_LEAVE"))
+		})
+	});
+}), O = u.forwardRef((e, t) => {
+	let r = b(w, e.__scopeScrollArea), { forceMount: i, ...a } = e, [o, s] = u.useState(!1), c = e.orientation === "horizontal", l = Y(() => {
+		if (r.viewport) {
+			let e = r.viewport.offsetWidth < r.viewport.scrollWidth, t = r.viewport.offsetHeight < r.viewport.scrollHeight;
+			s(c ? e : t);
+		}
+	}, 10);
+	return X(r.viewport, l), X(r.content, l), /* @__PURE__ */ f(n, {
+		present: i || o,
+		children: /* @__PURE__ */ f(k, {
+			"data-state": o ? "visible" : "hidden",
+			...a,
+			ref: t
+		})
+	});
+}), k = u.forwardRef((e, t) => {
+	let { orientation: n = "vertical", ...r } = e, i = b(w, e.__scopeScrollArea), a = u.useRef(null), o = u.useRef(0), [s, c] = u.useState({
+		content: 0,
+		viewport: 0,
+		scrollbar: {
+			size: 0,
+			paddingStart: 0,
+			paddingEnd: 0
+		}
+	}), l = H(s.viewport, s.content), d = {
+		...r,
+		sizes: s,
+		onSizesChange: c,
+		hasThumb: l > 0 && l < 1,
+		onThumbChange: (e) => a.current = e,
+		onThumbPointerUp: () => o.current = 0,
+		onThumbPointerDown: (e) => o.current = e
+	};
+	function p(e, t) {
+		return W(e, o.current, s, t);
+	}
+	return n === "horizontal" ? /* @__PURE__ */ f(A, {
+		...d,
+		ref: t,
+		onThumbPositionChange: () => {
+			if (i.viewport && a.current) {
+				let e = i.viewport.scrollLeft, t = G(e, s, i.dir);
+				a.current.style.transform = `translate3d(${t}px, 0, 0)`;
+			}
+		},
+		onWheelScroll: (e) => {
+			i.viewport && (i.viewport.scrollLeft = e);
+		},
+		onDragScroll: (e) => {
+			i.viewport && (i.viewport.scrollLeft = p(e, i.dir));
+		}
+	}) : n === "vertical" ? /* @__PURE__ */ f(j, {
+		...d,
+		ref: t,
+		onThumbPositionChange: () => {
+			if (i.viewport && a.current) {
+				let e = i.viewport.scrollTop, t = G(e, s);
+				a.current.style.transform = `translate3d(0, ${t}px, 0)`;
+			}
+		},
+		onWheelScroll: (e) => {
+			i.viewport && (i.viewport.scrollTop = e);
+		},
+		onDragScroll: (e) => {
+			i.viewport && (i.viewport.scrollTop = p(e));
+		}
+	}) : null;
+}), A = u.forwardRef((e, t) => {
+	let { sizes: n, onSizesChange: r, ...i } = e, a = b(w, e.__scopeScrollArea), [s, c] = u.useState(), l = u.useRef(null), d = o(t, l, a.onScrollbarXChange);
+	return u.useEffect(() => {
+		l.current && c(getComputedStyle(l.current));
+	}, [l]), /* @__PURE__ */ f(P, {
+		"data-orientation": "horizontal",
+		...i,
+		ref: d,
+		sizes: n,
+		style: {
+			bottom: 0,
+			left: a.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
+			right: a.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
+			"--radix-scroll-area-thumb-width": U(n) + "px",
+			...e.style
+		},
+		onThumbPointerDown: (t) => e.onThumbPointerDown(t.x),
+		onDragScroll: (t) => e.onDragScroll(t.x),
+		onWheelScroll: (t, n) => {
+			if (a.viewport) {
+				let r = a.viewport.scrollLeft + t.deltaX;
+				e.onWheelScroll(r), q(r, n) && t.preventDefault();
+			}
+		},
+		onResize: () => {
+			l.current && a.viewport && s && r({
+				content: a.viewport.scrollWidth,
+				viewport: a.viewport.offsetWidth,
+				scrollbar: {
+					size: l.current.clientWidth,
+					paddingStart: V(s.paddingLeft),
+					paddingEnd: V(s.paddingRight)
+				}
+			});
+		}
+	});
+}), j = u.forwardRef((e, t) => {
+	let { sizes: n, onSizesChange: r, ...i } = e, a = b(w, e.__scopeScrollArea), [s, c] = u.useState(), l = u.useRef(null), d = o(t, l, a.onScrollbarYChange);
+	return u.useEffect(() => {
+		l.current && c(getComputedStyle(l.current));
+	}, [l]), /* @__PURE__ */ f(P, {
+		"data-orientation": "vertical",
+		...i,
+		ref: d,
+		sizes: n,
+		style: {
+			top: 0,
+			right: a.dir === "ltr" ? 0 : void 0,
+			left: a.dir === "rtl" ? 0 : void 0,
+			bottom: "var(--radix-scroll-area-corner-height)",
+			"--radix-scroll-area-thumb-height": U(n) + "px",
+			...e.style
+		},
+		onThumbPointerDown: (t) => e.onThumbPointerDown(t.y),
+		onDragScroll: (t) => e.onDragScroll(t.y),
+		onWheelScroll: (t, n) => {
+			if (a.viewport) {
+				let r = a.viewport.scrollTop + t.deltaY;
+				e.onWheelScroll(r), q(r, n) && t.preventDefault();
+			}
+		},
+		onResize: () => {
+			l.current && a.viewport && s && r({
+				content: a.viewport.scrollHeight,
+				viewport: a.viewport.offsetHeight,
+				scrollbar: {
+					size: l.current.clientHeight,
+					paddingStart: V(s.paddingTop),
+					paddingEnd: V(s.paddingBottom)
+				}
+			});
+		}
+	});
+}), [M, N] = _(w), P = u.forwardRef((e, t) => {
+	let { __scopeScrollArea: n, sizes: a, hasThumb: s, onThumbChange: c, onThumbPointerUp: l, onThumbPointerDown: d, onThumbPositionChange: p, onDragScroll: h, onWheelScroll: g, onResize: _, ...v } = e, y = b(w, n), [x, S] = u.useState(null), C = o(t, (e) => S(e)), T = u.useRef(null), E = u.useRef(""), D = y.viewport, O = a.content - a.viewport, k = i(g), A = i(p), j = Y(_, 10);
+	function N(e) {
+		T.current && h({
+			x: e.clientX - T.current.left,
+			y: e.clientY - T.current.top
+		});
+	}
+	return u.useEffect(() => {
+		let e = (e) => {
+			let t = e.target;
+			x?.contains(t) && k(e, O);
+		};
+		return document.addEventListener("wheel", e, { passive: !1 }), () => document.removeEventListener("wheel", e, { passive: !1 });
+	}, [
+		D,
+		x,
+		O,
+		k
+	]), u.useEffect(A, [a, A]), X(x, j), X(y.content, j), /* @__PURE__ */ f(M, {
+		scope: n,
+		scrollbar: x,
+		hasThumb: s,
+		onThumbChange: i(c),
+		onThumbPointerUp: i(l),
+		onThumbPositionChange: A,
+		onThumbPointerDown: i(d),
+		children: /* @__PURE__ */ f(m.div, {
+			...v,
+			ref: C,
+			style: {
+				position: "absolute",
+				...v.style
+			},
+			onPointerDown: r(e.onPointerDown, (e) => {
+				e.button === 0 && (e.target.setPointerCapture(e.pointerId), T.current = x.getBoundingClientRect(), E.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", y.viewport && (y.viewport.style.scrollBehavior = "auto"), N(e));
+			}),
+			onPointerMove: r(e.onPointerMove, N),
+			onPointerUp: r(e.onPointerUp, (e) => {
+				let t = e.target;
+				t.hasPointerCapture(e.pointerId) && t.releasePointerCapture(e.pointerId), document.body.style.webkitUserSelect = E.current, y.viewport && (y.viewport.style.scrollBehavior = ""), T.current = null;
+			})
+		})
+	});
+}), F = "ScrollAreaThumb", I = u.forwardRef((e, t) => {
+	let { forceMount: r, ...i } = e, a = N(F, e.__scopeScrollArea);
+	return /* @__PURE__ */ f(n, {
+		present: r || a.hasThumb,
+		children: /* @__PURE__ */ f(L, {
+			ref: t,
+			...i
+		})
+	});
+}), L = u.forwardRef((e, t) => {
+	let { __scopeScrollArea: n, style: i, ...a } = e, s = b(F, n), c = N(F, n), { onThumbPositionChange: l } = c, d = o(t, (e) => c.onThumbChange(e)), p = u.useRef(void 0), h = Y(() => {
+		p.current &&= (p.current(), void 0);
+	}, 100);
+	return u.useEffect(() => {
+		let e = s.viewport;
+		if (e) {
+			let t = () => {
+				h(), p.current || (p.current = J(e, l), l());
+			};
+			return l(), e.addEventListener("scroll", t), () => e.removeEventListener("scroll", t);
+		}
+	}, [
+		s.viewport,
+		h,
+		l
+	]), /* @__PURE__ */ f(m.div, {
+		"data-state": c.hasThumb ? "visible" : "hidden",
+		...a,
+		ref: d,
+		style: {
+			width: "var(--radix-scroll-area-thumb-width)",
+			height: "var(--radix-scroll-area-thumb-height)",
+			...i
+		},
+		onPointerDownCapture: r(e.onPointerDownCapture, (e) => {
+			let t = e.target.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top;
+			c.onThumbPointerDown({
+				x: n,
+				y: r
+			});
+		}),
+		onPointerUp: r(e.onPointerUp, c.onThumbPointerUp)
+	});
+});
+I.displayName = F;
+var R = "ScrollAreaCorner", z = u.forwardRef((e, t) => {
+	let n = b(R, e.__scopeScrollArea), r = !!(n.scrollbarX && n.scrollbarY);
+	return n.type !== "scroll" && r ? /* @__PURE__ */ f(B, {
+		...e,
+		ref: t
+	}) : null;
+});
+z.displayName = R;
+var B = u.forwardRef((e, t) => {
+	let { __scopeScrollArea: n, ...r } = e, i = b(R, n), [a, o] = u.useState(0), [s, c] = u.useState(0), l = !!(a && s);
+	return X(i.scrollbarX, () => {
+		let e = i.scrollbarX?.offsetHeight || 0;
+		i.onCornerHeightChange(e), c(e);
+	}), X(i.scrollbarY, () => {
+		let e = i.scrollbarY?.offsetWidth || 0;
+		i.onCornerWidthChange(e), o(e);
+	}), l ? /* @__PURE__ */ f(m.div, {
+		...r,
+		ref: t,
+		style: {
+			width: a,
+			height: s,
+			position: "absolute",
+			right: i.dir === "ltr" ? 0 : void 0,
+			left: i.dir === "rtl" ? 0 : void 0,
+			bottom: 0,
+			...e.style
+		}
+	}) : null;
+});
+function V(e) {
+	return e ? parseInt(e, 10) : 0;
+}
+function H(e, t) {
+	let n = e / t;
+	return isNaN(n) ? 0 : n;
+}
+function U(e) {
+	let t = H(e.viewport, e.content), n = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, r = (e.scrollbar.size - n) * t;
+	return Math.max(r, 18);
+}
+function W(e, t, n, r = "ltr") {
+	let i = U(n), a = i / 2, o = t || a, s = i - o, c = n.scrollbar.paddingStart + o, l = n.scrollbar.size - n.scrollbar.paddingEnd - s, u = n.content - n.viewport, d = r === "ltr" ? [0, u] : [u * -1, 0];
+	return K([c, l], d)(e);
+}
+function G(e, t, n = "ltr") {
+	let r = U(t), i = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, a = t.scrollbar.size - i, o = t.content - t.viewport, s = a - r, c = l(e, n === "ltr" ? [0, o] : [o * -1, 0]);
+	return K([0, o], [0, s])(c);
+}
+function K(e, t) {
+	return (n) => {
+		if (e[0] === e[1] || t[0] === t[1]) return t[0];
+		let r = (t[1] - t[0]) / (e[1] - e[0]);
+		return t[0] + r * (n - e[0]);
+	};
+}
+function q(e, t) {
+	return e > 0 && e < t;
+}
+var J = (e, t = () => {}) => {
+	let n = {
+		left: e.scrollLeft,
+		top: e.scrollTop
+	}, r = 0;
+	return (function i() {
+		let a = {
+			left: e.scrollLeft,
+			top: e.scrollTop
+		}, o = n.left !== a.left, s = n.top !== a.top;
+		(o || s) && t(), n = a, r = window.requestAnimationFrame(i);
+	})(), () => window.cancelAnimationFrame(r);
+};
+function Y(e, t) {
+	let n = i(e), r = u.useRef(0);
+	return u.useEffect(() => () => window.clearTimeout(r.current), []), u.useCallback(() => {
+		window.clearTimeout(r.current), r.current = window.setTimeout(n, t);
+	}, [n, t]);
+}
+function X(t, n) {
+	let r = i(n);
+	e(() => {
+		let e = 0;
+		if (t) {
+			let n = new ResizeObserver(() => {
+				cancelAnimationFrame(e), e = window.requestAnimationFrame(r);
+			});
+			return n.observe(t), () => {
+				window.cancelAnimationFrame(e), n.unobserve(t);
+			};
+		}
+	}, [t, r]);
+}
+var Z = x, Q = C, $ = z;
+//#endregion
+//#region src/components/reui/scroll-area.tsx
+function ee({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ p(Z, {
+		"data-slot": "scroll-area",
+		className: a("relative", e),
+		...n,
+		children: [
+			/* @__PURE__ */ f(Q, {
+				"data-slot": "scroll-area-viewport",
+				className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
+				children: t
+			}),
+			/* @__PURE__ */ f(te, {}),
+			/* @__PURE__ */ f($, {})
+		]
+	});
+}
+function te({ className: e, orientation: t = "vertical", ...n }) {
+	return /* @__PURE__ */ f(T, {
+		"data-slot": "scroll-area-scrollbar",
+		orientation: t,
+		className: a("flex touch-none p-px transition-colors select-none", t === "vertical" && "h-full w-2.5 border-l border-l-transparent", t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", e),
+		...n,
+		children: /* @__PURE__ */ f(I, {
+			"data-slot": "scroll-area-thumb",
+			className: "relative flex-1 rounded-full bg-border"
+		})
+	});
+}
+//#endregion
+export { ee as t };

package/dist-lib/skeleton-UFUcHob_.js

@@ -0,0 +1,12 @@
+import { t as e } from "./utils-DS8lnGJS.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/reui/skeleton.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "skeleton",
+		className: e("animate-pulse rounded-md bg-accent", n),
+		...r
+	});
+}
+//#endregion
+export { n as t };