@middag-io/react 0.11.0 → 0.13.0

package/dist-lib/button-DY_CinAY.js

@@ -0,0 +1,242 @@
+import { t as e } from "./utils-DS8lnGJS.js";
+import { a as t, o as n, t as r } from "./dist-BVqmxsUH.js";
+import * as i from "react";
+import { createContext as a, createElement as o, forwardRef as s, useContext as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
+var u = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), d = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), f = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), p = (e) => {
+	let t = f(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, m = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, h = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+}, g = a({}), _ = () => c(g), v = s(({ color: e, size: t, strokeWidth: n, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: s, ...c }, l) => {
+	let { size: d = 24, strokeWidth: f = 2, absoluteStrokeWidth: p = !1, color: g = "currentColor", className: v = "" } = _() ?? {}, y = r ?? p ? Number(n ?? f) * 24 / Number(t ?? d) : n ?? f;
+	return o("svg", {
+		ref: l,
+		...m,
+		width: t ?? d ?? m.width,
+		height: t ?? d ?? m.height,
+		stroke: e ?? g,
+		strokeWidth: y,
+		className: u("lucide", v, i),
+		...!a && !h(c) && { "aria-hidden": "true" },
+		...c
+	}, [...s.map(([e, t]) => o(e, t)), ...Array.isArray(a) ? a : [a]]);
+}), y = (e, t) => {
+	let n = s(({ className: n, ...r }, i) => o(v, {
+		ref: i,
+		iconNode: t,
+		className: u(`lucide-${d(p(e))}`, `lucide-${e}`, n),
+		...r
+	}));
+	return n.displayName = p(e), n;
+}, b = y("chevron-down", [["path", {
+	d: "m6 9 6 6 6-6",
+	key: "qrunsl"
+}]]);
+//#endregion
+//#region node_modules/@radix-ui/react-context/dist/index.mjs
+function x(e, t) {
+	let n = i.createContext(t), r = (e) => {
+		let { children: t, ...r } = e, a = i.useMemo(() => r, Object.values(r));
+		return /* @__PURE__ */ l(n.Provider, {
+			value: a,
+			children: t
+		});
+	};
+	r.displayName = e + "Provider";
+	function a(r) {
+		let a = i.useContext(n);
+		if (a) return a;
+		if (t !== void 0) return t;
+		throw Error(`\`${r}\` must be used within \`${e}\``);
+	}
+	return [r, a];
+}
+function S(e, t = []) {
+	let n = [];
+	function r(t, r) {
+		let a = i.createContext(r), o = n.length;
+		n = [...n, r];
+		let s = (t) => {
+			let { scope: n, children: r, ...s } = t, c = n?.[e]?.[o] || a, u = i.useMemo(() => s, Object.values(s));
+			return /* @__PURE__ */ l(c.Provider, {
+				value: u,
+				children: r
+			});
+		};
+		s.displayName = t + "Provider";
+		function c(n, s) {
+			let c = s?.[e]?.[o] || a, l = i.useContext(c);
+			if (l) return l;
+			if (r !== void 0) return r;
+			throw Error(`\`${n}\` must be used within \`${t}\``);
+		}
+		return [s, c];
+	}
+	let a = () => {
+		let t = n.map((e) => i.createContext(e));
+		return function(n) {
+			let r = n?.[e] || t;
+			return i.useMemo(() => ({ [`__scope${e}`]: {
+				...n,
+				[e]: r
+			} }), [n, r]);
+		};
+	};
+	return a.scopeName = e, [r, C(a, ...t)];
+}
+function C(...e) {
+	let t = e[0];
+	if (e.length === 1) return t;
+	let n = () => {
+		let n = e.map((e) => ({
+			useScope: e(),
+			scopeName: e.scopeName
+		}));
+		return function(e) {
+			let r = n.reduce((t, { useScope: n, scopeName: r }) => {
+				let i = n(e)[`__scope${r}`];
+				return {
+					...t,
+					...i
+				};
+			}, {});
+			return i.useMemo(() => ({ [`__scope${t.scopeName}`]: r }), [r]);
+		};
+	};
+	return n.scopeName = t.scopeName, n;
+}
+typeof window < "u" && window.document && window.document.createElement;
+function w(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+	return function(r) {
+		if (e?.(r), n === !1 || !r.defaultPrevented) return t?.(r);
+	};
+}
+//#endregion
+//#region node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
+var T = globalThis?.document ? i.useLayoutEffect : () => {};
+//#endregion
+//#region node_modules/@radix-ui/react-presence/dist/index.mjs
+function E(e, t) {
+	return i.useReducer((e, n) => t[e][n] ?? e, e);
+}
+var D = (e) => {
+	let { present: n, children: r } = e, a = O(n), o = typeof r == "function" ? r({ present: a.isPresent }) : i.Children.only(r), s = t(a.ref, A(o));
+	return typeof r == "function" || a.isPresent ? i.cloneElement(o, { ref: s }) : null;
+};
+D.displayName = "Presence";
+function O(e) {
+	let [t, n] = i.useState(), r = i.useRef(null), a = i.useRef(e), o = i.useRef("none"), [s, c] = E(e ? "mounted" : "unmounted", {
+		mounted: {
+			UNMOUNT: "unmounted",
+			ANIMATION_OUT: "unmountSuspended"
+		},
+		unmountSuspended: {
+			MOUNT: "mounted",
+			ANIMATION_END: "unmounted"
+		},
+		unmounted: { MOUNT: "mounted" }
+	});
+	return i.useEffect(() => {
+		let e = k(r.current);
+		o.current = s === "mounted" ? e : "none";
+	}, [s]), T(() => {
+		let t = r.current, n = a.current;
+		if (n !== e) {
+			let r = o.current, i = k(t);
+			e ? c("MOUNT") : i === "none" || t?.display === "none" ? c("UNMOUNT") : c(n && r !== i ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+		}
+	}, [e, c]), T(() => {
+		if (t) {
+			let e, n = t.ownerDocument.defaultView ?? window, i = (i) => {
+				let o = k(r.current).includes(CSS.escape(i.animationName));
+				if (i.target === t && o && (c("ANIMATION_END"), !a.current)) {
+					let r = t.style.animationFillMode;
+					t.style.animationFillMode = "forwards", e = n.setTimeout(() => {
+						t.style.animationFillMode === "forwards" && (t.style.animationFillMode = r);
+					});
+				}
+			}, s = (e) => {
+				e.target === t && (o.current = k(r.current));
+			};
+			return t.addEventListener("animationstart", s), t.addEventListener("animationcancel", i), t.addEventListener("animationend", i), () => {
+				n.clearTimeout(e), t.removeEventListener("animationstart", s), t.removeEventListener("animationcancel", i), t.removeEventListener("animationend", i);
+			};
+		} else c("ANIMATION_END");
+	}, [t, c]), {
+		isPresent: ["mounted", "unmountSuspended"].includes(s),
+		ref: i.useCallback((e) => {
+			r.current = e ? getComputedStyle(e) : null, n(e);
+		}, [])
+	};
+}
+function k(e) {
+	return e?.animationName || "none";
+}
+function A(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
+//#region node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
+function j(e) {
+	let t = i.useRef(e);
+	return i.useEffect(() => {
+		t.current = e;
+	}), i.useMemo(() => (...e) => t.current?.(...e), []);
+}
+//#endregion
+//#region src/components/reui/button.tsx
+var M = n("inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+			outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
+			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+			icon: "size-9",
+			"icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-8",
+			"icon-lg": "size-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function N({ className: t, variant: n = "default", size: i = "default", asChild: a = !1, ...o }) {
+	return /* @__PURE__ */ l(a ? r : "button", {
+		"data-slot": "button",
+		"data-variant": n,
+		"data-size": i,
+		className: e(M({
+			variant: n,
+			size: i,
+			className: t
+		})),
+		...o
+	});
+}
+//#endregion
+export { T as a, S as c, D as i, b as l, M as n, w as o, j as r, x as s, N as t, y as u };