@middag-io/react 0.11.0 → 0.13.0

package/dist-lib/use-mobile-B2E8cMyY.js

@@ -0,0 +1,205 @@
+import { c as e, i as t, o as n } from "./button-DY_CinAY.js";
+import { t as r } from "./utils-DS8lnGJS.js";
+import { n as i, o as a } from "./dist-BVqmxsUH.js";
+import { n as o, r as s, t as c } from "./dist-C3iVHwGr.js";
+import { n as l, t as u } from "./dist-DSWRN9XQ.js";
+import { n as d } from "./dist-3F0-lo64.js";
+import * as f from "react";
+import { useSyncExternalStore as p } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import "react-dom";
+//#region node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-primitive/dist/index.mjs
+var h = [
+	"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 = f.forwardRef((e, r) => {
+		let { asChild: i, ...a } = e, o = i ? n : t;
+		return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ m(o, {
+			...a,
+			ref: r
+		});
+	});
+	return r.displayName = `Primitive.${t}`, {
+		...e,
+		[t]: r
+	};
+}, {}), g = "Tabs", [_, v] = e(g, [s]), y = s(), [b, x] = _(g), S = f.forwardRef((e, t) => {
+	let { __scopeTabs: n, value: r, onValueChange: i, defaultValue: a, orientation: o = "horizontal", dir: s, activationMode: c = "automatic", ...f } = e, p = d(s), [_, v] = l({
+		prop: r,
+		onChange: i,
+		defaultProp: a ?? "",
+		caller: g
+	});
+	return /* @__PURE__ */ m(b, {
+		scope: n,
+		baseId: u(),
+		value: _,
+		onValueChange: v,
+		orientation: o,
+		dir: p,
+		activationMode: c,
+		children: /* @__PURE__ */ m(h.div, {
+			dir: p,
+			"data-orientation": o,
+			...f,
+			ref: t
+		})
+	});
+});
+S.displayName = g;
+var C = "TabsList", w = f.forwardRef((e, t) => {
+	let { __scopeTabs: n, loop: r = !0, ...i } = e, a = x(C, n);
+	return /* @__PURE__ */ m(o, {
+		asChild: !0,
+		...y(n),
+		orientation: a.orientation,
+		dir: a.dir,
+		loop: r,
+		children: /* @__PURE__ */ m(h.div, {
+			role: "tablist",
+			"aria-orientation": a.orientation,
+			...i,
+			ref: t
+		})
+	});
+});
+w.displayName = C;
+var T = "TabsTrigger", E = f.forwardRef((e, t) => {
+	let { __scopeTabs: r, value: i, disabled: a = !1, ...o } = e, s = x(T, r), l = y(r), u = k(s.baseId, i), d = A(s.baseId, i), f = i === s.value;
+	return /* @__PURE__ */ m(c, {
+		asChild: !0,
+		...l,
+		focusable: !a,
+		active: f,
+		children: /* @__PURE__ */ m(h.button, {
+			type: "button",
+			role: "tab",
+			"aria-selected": f,
+			"aria-controls": d,
+			"data-state": f ? "active" : "inactive",
+			"data-disabled": a ? "" : void 0,
+			disabled: a,
+			id: u,
+			...o,
+			ref: t,
+			onMouseDown: n(e.onMouseDown, (e) => {
+				!a && e.button === 0 && e.ctrlKey === !1 ? s.onValueChange(i) : e.preventDefault();
+			}),
+			onKeyDown: n(e.onKeyDown, (e) => {
+				[" ", "Enter"].includes(e.key) && s.onValueChange(i);
+			}),
+			onFocus: n(e.onFocus, () => {
+				let e = s.activationMode !== "manual";
+				!f && !a && e && s.onValueChange(i);
+			})
+		})
+	});
+});
+E.displayName = T;
+var D = "TabsContent", O = f.forwardRef((e, n) => {
+	let { __scopeTabs: r, value: i, forceMount: a, children: o, ...s } = e, c = x(D, r), l = k(c.baseId, i), u = A(c.baseId, i), d = i === c.value, p = f.useRef(d);
+	return f.useEffect(() => {
+		let e = requestAnimationFrame(() => p.current = !1);
+		return () => cancelAnimationFrame(e);
+	}, []), /* @__PURE__ */ m(t, {
+		present: a || d,
+		children: ({ present: t }) => /* @__PURE__ */ m(h.div, {
+			"data-state": d ? "active" : "inactive",
+			"data-orientation": c.orientation,
+			role: "tabpanel",
+			"aria-labelledby": l,
+			hidden: !t,
+			id: u,
+			tabIndex: 0,
+			...s,
+			ref: n,
+			style: {
+				...e.style,
+				animationDuration: p.current ? "0s" : void 0
+			},
+			children: t && o
+		})
+	});
+});
+O.displayName = D;
+function k(e, t) {
+	return `${e}-trigger-${t}`;
+}
+function A(e, t) {
+	return `${e}-content-${t}`;
+}
+var j = S, M = w, N = E, P = O;
+//#endregion
+//#region src/components/reui/tabs.tsx
+function F({ className: e, orientation: t = "horizontal", ...n }) {
+	return /* @__PURE__ */ m(j, {
+		"data-slot": "tabs",
+		"data-orientation": t,
+		orientation: t,
+		className: r("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", e),
+		...n
+	});
+}
+var I = a("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none", {
+	variants: { variant: {
+		default: "bg-muted",
+		line: "gap-1 bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function L({ className: e, variant: t = "default", ...n }) {
+	return /* @__PURE__ */ m(M, {
+		"data-slot": "tabs-list",
+		"data-variant": t,
+		className: r(I({ variant: t }), e),
+		...n
+	});
+}
+function R({ className: e, ...t }) {
+	return /* @__PURE__ */ m(N, {
+		"data-slot": "tabs-trigger",
+		className: r("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent", "data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100", e),
+		...t
+	});
+}
+function z({ className: e, ...t }) {
+	return /* @__PURE__ */ m(P, {
+		"data-slot": "tabs-content",
+		className: r("flex-1 outline-none", e),
+		...t
+	});
+}
+//#endregion
+//#region src/lib/hooks/use-mobile.ts
+var B = 768;
+function V(e) {
+	let t = window.matchMedia(`(max-width: ${B - 1}px)`);
+	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}
+function H() {
+	return window.innerWidth < B;
+}
+function U() {
+	return !1;
+}
+function W() {
+	return p(V, H, U);
+}
+//#endregion
+export { R as a, L as i, F as n, z as r, W as t };