@middag-io/react 0.17.0 → 0.19.0

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

@@ -1,557 +0,0 @@
-import { a as e, c as t, i as n, o as r, r as i } from "./button-D5Y6A1RJ.js";
-import { t as a } from "./utils-CpaZ5_iF.js";
-import { a as o, n as s } from "./dist-DkjgjvZx.js";
-import { n as c, t as l } from "./dist-FCfSQ65-.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-DzfTvSIA.js

@@ -1,12 +0,0 @@
-import { t as e } from "./utils-CpaZ5_iF.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 };