@middag-io/react 0.18.0 → 0.19.0

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

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