@middag-io/react 0.12.0 → 0.13.0

package/dist-lib/dist-BVqmxsUH.js

@@ -0,0 +1,123 @@
+import { n as e } from "./utils-DS8lnGJS.js";
+import * as t from "react";
+import { Fragment as n, jsx as r } from "react/jsx-runtime";
+//#region node_modules/class-variance-authority/dist/index.mjs
+var i = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, a = e, o = (e, t) => (n) => {
+	if (t?.variants == null) return a(e, n?.class, n?.className);
+	let { variants: r, defaultVariants: o } = t, s = Object.keys(r).map((e) => {
+		let t = n?.[e], a = o?.[e];
+		if (t === null) return null;
+		let s = i(t) || i(a);
+		return r[e][s];
+	}), c = n && Object.entries(n).reduce((e, t) => {
+		let [n, r] = t;
+		return r === void 0 || (e[n] = r), e;
+	}, {});
+	return a(e, s, t?.compoundVariants?.reduce((e, t) => {
+		let { class: n, className: r, ...i } = t;
+		return Object.entries(i).every((e) => {
+			let [t, n] = e;
+			return Array.isArray(n) ? n.includes({
+				...o,
+				...c
+			}[t]) : {
+				...o,
+				...c
+			}[t] === n;
+		}) ? [
+			...e,
+			n,
+			r
+		] : e;
+	}, []), n?.class, n?.className);
+};
+//#endregion
+//#region node_modules/@radix-ui/react-compose-refs/dist/index.mjs
+function s(e, t) {
+	if (typeof e == "function") return e(t);
+	e != null && (e.current = t);
+}
+function c(...e) {
+	return (t) => {
+		let n = !1, r = e.map((e) => {
+			let r = s(e, t);
+			return !n && typeof r == "function" && (n = !0), r;
+		});
+		if (n) return () => {
+			for (let t = 0; t < r.length; t++) {
+				let n = r[t];
+				typeof n == "function" ? n() : s(e[t], null);
+			}
+		};
+	};
+}
+function l(...e) {
+	return t.useCallback(c(...e), e);
+}
+//#endregion
+//#region node_modules/@radix-ui/react-slot/dist/index.mjs
+/* @__NO_SIDE_EFFECTS__ */
+function u(e) {
+	let n = /* @__PURE__ */ f(e), i = t.forwardRef((e, i) => {
+		let { children: a, ...o } = e, s = t.Children.toArray(a), c = s.find(h);
+		if (c) {
+			let e = c.props.children, a = s.map((n) => n === c ? t.Children.count(e) > 1 ? t.Children.only(null) : t.isValidElement(e) ? e.props.children : null : n);
+			return /* @__PURE__ */ r(n, {
+				...o,
+				ref: i,
+				children: t.isValidElement(e) ? t.cloneElement(e, void 0, a) : null
+			});
+		}
+		return /* @__PURE__ */ r(n, {
+			...o,
+			ref: i,
+			children: a
+		});
+	});
+	return i.displayName = `${e}.Slot`, i;
+}
+var d = /* @__PURE__ */ u("Slot");
+/* @__NO_SIDE_EFFECTS__ */
+function f(e) {
+	let n = t.forwardRef((e, n) => {
+		let { children: r, ...i } = e;
+		if (t.isValidElement(r)) {
+			let e = _(r), a = g(i, r.props);
+			return r.type !== t.Fragment && (a.ref = n ? c(n, e) : e), t.cloneElement(r, a);
+		}
+		return t.Children.count(r) > 1 ? t.Children.only(null) : null;
+	});
+	return n.displayName = `${e}.SlotClone`, n;
+}
+var p = Symbol("radix.slottable");
+/* @__NO_SIDE_EFFECTS__ */
+function m(e) {
+	let t = ({ children: e }) => /* @__PURE__ */ r(n, { children: e });
+	return t.displayName = `${e}.Slottable`, t.__radixId = p, t;
+}
+function h(e) {
+	return t.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === p;
+}
+function g(e, t) {
+	let n = { ...t };
+	for (let r in t) {
+		let i = e[r], a = t[r];
+		/^on[A-Z]/.test(r) ? i && a ? n[r] = (...e) => {
+			let t = a(...e);
+			return i(...e), t;
+		} : i && (n[r] = i) : r === "style" ? n[r] = {
+			...i,
+			...a
+		} : r === "className" && (n[r] = [i, a].filter(Boolean).join(" "));
+	}
+	return {
+		...e,
+		...n
+	};
+}
+function _(e) {
+	let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+	return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+//#endregion
+export { l as a, c as i, u as n, o, m as r, d as t };

package/dist-lib/dist-C3iVHwGr.js

@@ -0,0 +1,235 @@
+import { c as e, o as t, r as n } from "./button-DY_CinAY.js";
+import { a as r, n as i } from "./dist-BVqmxsUH.js";
+import { n as a, t as o } from "./dist-DSWRN9XQ.js";
+import { n as s } from "./dist-3F0-lo64.js";
+import * as c from "react";
+import l from "react";
+import { jsx as u } from "react/jsx-runtime";
+import "react-dom";
+//#region node_modules/@radix-ui/react-collection/dist/index.mjs
+function d(t) {
+	let n = t + "CollectionProvider", [a, o] = e(n), [s, c] = a(n, {
+		collectionRef: { current: null },
+		itemMap: /* @__PURE__ */ new Map()
+	}), d = (e) => {
+		let { scope: t, children: n } = e, r = l.useRef(null), i = l.useRef(/* @__PURE__ */ new Map()).current;
+		return /* @__PURE__ */ u(s, {
+			scope: t,
+			itemMap: i,
+			collectionRef: r,
+			children: n
+		});
+	};
+	d.displayName = n;
+	let f = t + "CollectionSlot", p = i(f), m = l.forwardRef((e, t) => {
+		let { scope: n, children: i } = e;
+		return /* @__PURE__ */ u(p, {
+			ref: r(t, c(f, n).collectionRef),
+			children: i
+		});
+	});
+	m.displayName = f;
+	let h = t + "CollectionItemSlot", g = "data-radix-collection-item", _ = i(h), v = l.forwardRef((e, t) => {
+		let { scope: n, children: i, ...a } = e, o = l.useRef(null), s = r(t, o), d = c(h, n);
+		return l.useEffect(() => (d.itemMap.set(o, {
+			ref: o,
+			...a
+		}), () => void d.itemMap.delete(o))), /* @__PURE__ */ u(_, {
+			[g]: "",
+			ref: s,
+			children: i
+		});
+	});
+	v.displayName = h;
+	function y(e) {
+		let n = c(t + "CollectionConsumer", e);
+		return l.useCallback(() => {
+			let e = n.collectionRef.current;
+			if (!e) return [];
+			let t = Array.from(e.querySelectorAll(`[${g}]`));
+			return Array.from(n.itemMap.values()).sort((e, n) => t.indexOf(e.ref.current) - t.indexOf(n.ref.current));
+		}, [n.collectionRef, n.itemMap]);
+	}
+	return [
+		{
+			Provider: d,
+			Slot: m,
+			ItemSlot: v
+		},
+		y,
+		o
+	];
+}
+//#endregion
+//#region node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-primitive/dist/index.mjs
+var f = [
+	"a",
+	"button",
+	"div",
+	"form",
+	"h2",
+	"h3",
+	"img",
+	"input",
+	"label",
+	"li",
+	"nav",
+	"ol",
+	"p",
+	"select",
+	"span",
+	"svg",
+	"ul"
+].reduce((e, t) => {
+	let n = i(`Primitive.${t}`), r = c.forwardRef((e, r) => {
+		let { asChild: i, ...a } = e, o = i ? n : t;
+		return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u(o, {
+			...a,
+			ref: r
+		});
+	});
+	return r.displayName = `Primitive.${t}`, {
+		...e,
+		[t]: r
+	};
+}, {}), p = "rovingFocusGroup.onEntryFocus", m = {
+	bubbles: !1,
+	cancelable: !0
+}, h = "RovingFocusGroup", [g, _, v] = d(h), [y, b] = e(h, [v]), [x, S] = y(h), C = c.forwardRef((e, t) => /* @__PURE__ */ u(g.Provider, {
+	scope: e.__scopeRovingFocusGroup,
+	children: /* @__PURE__ */ u(g.Slot, {
+		scope: e.__scopeRovingFocusGroup,
+		children: /* @__PURE__ */ u(w, {
+			...e,
+			ref: t
+		})
+	})
+}));
+C.displayName = h;
+var w = c.forwardRef((e, i) => {
+	let { __scopeRovingFocusGroup: o, orientation: l, loop: d = !1, dir: g, currentTabStopId: v, defaultCurrentTabStopId: y, onCurrentTabStopIdChange: b, onEntryFocus: S, preventScrollOnEntryFocus: C = !1, ...w } = e, T = c.useRef(null), E = r(i, T), D = s(g), [O, k] = a({
+		prop: v,
+		defaultProp: y ?? null,
+		onChange: b,
+		caller: h
+	}), [j, M] = c.useState(!1), N = n(S), P = _(o), F = c.useRef(!1), [I, L] = c.useState(0);
+	return c.useEffect(() => {
+		let e = T.current;
+		if (e) return e.addEventListener(p, N), () => e.removeEventListener(p, N);
+	}, [N]), /* @__PURE__ */ u(x, {
+		scope: o,
+		orientation: l,
+		dir: D,
+		loop: d,
+		currentTabStopId: O,
+		onItemFocus: c.useCallback((e) => k(e), [k]),
+		onItemShiftTab: c.useCallback(() => M(!0), []),
+		onFocusableItemAdd: c.useCallback(() => L((e) => e + 1), []),
+		onFocusableItemRemove: c.useCallback(() => L((e) => e - 1), []),
+		children: /* @__PURE__ */ u(f.div, {
+			tabIndex: j || I === 0 ? -1 : 0,
+			"data-orientation": l,
+			...w,
+			ref: E,
+			style: {
+				outline: "none",
+				...e.style
+			},
+			onMouseDown: t(e.onMouseDown, () => {
+				F.current = !0;
+			}),
+			onFocus: t(e.onFocus, (e) => {
+				let t = !F.current;
+				if (e.target === e.currentTarget && t && !j) {
+					let t = new CustomEvent(p, m);
+					if (e.currentTarget.dispatchEvent(t), !t.defaultPrevented) {
+						let e = P().filter((e) => e.focusable);
+						A([
+							e.find((e) => e.active),
+							e.find((e) => e.id === O),
+							...e
+						].filter(Boolean).map((e) => e.ref.current), C);
+					}
+				}
+				F.current = !1;
+			}),
+			onBlur: t(e.onBlur, () => M(!1))
+		})
+	});
+}), T = "RovingFocusGroupItem", E = c.forwardRef((e, n) => {
+	let { __scopeRovingFocusGroup: r, focusable: i = !0, active: a = !1, tabStopId: s, children: l, ...d } = e, p = o(), m = s || p, h = S(T, r), v = h.currentTabStopId === m, y = _(r), { onFocusableItemAdd: b, onFocusableItemRemove: x, currentTabStopId: C } = h;
+	return c.useEffect(() => {
+		if (i) return b(), () => x();
+	}, [
+		i,
+		b,
+		x
+	]), /* @__PURE__ */ u(g.ItemSlot, {
+		scope: r,
+		id: m,
+		focusable: i,
+		active: a,
+		children: /* @__PURE__ */ u(f.span, {
+			tabIndex: v ? 0 : -1,
+			"data-orientation": h.orientation,
+			...d,
+			ref: n,
+			onMouseDown: t(e.onMouseDown, (e) => {
+				i ? h.onItemFocus(m) : e.preventDefault();
+			}),
+			onFocus: t(e.onFocus, () => h.onItemFocus(m)),
+			onKeyDown: t(e.onKeyDown, (e) => {
+				if (e.key === "Tab" && e.shiftKey) {
+					h.onItemShiftTab();
+					return;
+				}
+				if (e.target !== e.currentTarget) return;
+				let t = k(e, h.orientation, h.dir);
+				if (t !== void 0) {
+					if (e.metaKey || e.ctrlKey || e.altKey || e.shiftKey) return;
+					e.preventDefault();
+					let n = y().filter((e) => e.focusable).map((e) => e.ref.current);
+					if (t === "last") n.reverse();
+					else if (t === "prev" || t === "next") {
+						t === "prev" && n.reverse();
+						let r = n.indexOf(e.currentTarget);
+						n = h.loop ? j(n, r + 1) : n.slice(r + 1);
+					}
+					setTimeout(() => A(n));
+				}
+			}),
+			children: typeof l == "function" ? l({
+				isCurrentTabStop: v,
+				hasTabStop: C != null
+			}) : l
+		})
+	});
+});
+E.displayName = T;
+var D = {
+	ArrowLeft: "prev",
+	ArrowUp: "prev",
+	ArrowRight: "next",
+	ArrowDown: "next",
+	PageUp: "first",
+	Home: "first",
+	PageDown: "last",
+	End: "last"
+};
+function O(e, t) {
+	return t === "rtl" ? e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e : e;
+}
+function k(e, t, n) {
+	let r = O(e.key, n);
+	if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r))) return D[r];
+}
+function A(e, t = !1) {
+	let n = document.activeElement;
+	for (let r of e) if (r === n || (r.focus({ preventScroll: t }), document.activeElement !== n)) return;
+}
+function j(e, t) {
+	return e.map((n, r) => e[(t + r) % e.length]);
+}
+var M = C, N = E;
+//#endregion
+export { d as i, M as n, b as r, N as t };

package/dist-lib/dist-DSWRN9XQ.js

@@ -0,0 +1,54 @@
+import { a as e } from "./button-DY_CinAY.js";
+import * as t from "react";
+//#region node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
+var n = t.useInsertionEffect || e;
+function r({ prop: e, defaultProp: n, onChange: r = () => {}, caller: o }) {
+	let [s, c, l] = i({
+		defaultProp: n,
+		onChange: r
+	}), u = e !== void 0, d = u ? e : s;
+	{
+		let n = t.useRef(e !== void 0);
+		t.useEffect(() => {
+			let e = n.current;
+			e !== u && console.warn(`${o} is changing from ${e ? "controlled" : "uncontrolled"} to ${u ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`), n.current = u;
+		}, [u, o]);
+	}
+	return [d, t.useCallback((t) => {
+		if (u) {
+			let n = a(t) ? t(e) : t;
+			n !== e && l.current?.(n);
+		} else c(t);
+	}, [
+		u,
+		e,
+		c,
+		l
+	])];
+}
+function i({ defaultProp: e, onChange: r }) {
+	let [i, a] = t.useState(e), o = t.useRef(i), s = t.useRef(r);
+	return n(() => {
+		s.current = r;
+	}, [r]), t.useEffect(() => {
+		o.current !== i && (s.current?.(i), o.current = i);
+	}, [i, o]), [
+		i,
+		a,
+		s
+	];
+}
+function a(e) {
+	return typeof e == "function";
+}
+//#endregion
+//#region node_modules/@radix-ui/react-id/dist/index.mjs
+var o = t.useId || (() => void 0), s = 0;
+function c(n) {
+	let [r, i] = t.useState(o());
+	return e(() => {
+		n || i((e) => e ?? String(s++));
+	}, [n]), n || (r ? `radix-${r}` : "");
+}
+//#endregion
+export { r as n, c as t };