highsoft-ui 1.0.126 → 1.0.128

package/dist/PrefPanel-D-xcKbcr.js

@@ -0,0 +1,253 @@
+import { d as e, o as t } from "./utils-BCI5dixg.js";
+import { t as n } from "./clsx-D7D_XZ_-.js";
+import { F as r, _ as i, g as a, i as o, u as s } from "./esm-vjQoQCu2.js";
+import { t as c } from "./Button-FtTHXgq3.js";
+import { _ as l, a as u, c as d, f, h as p, i as m, l as h, m as g, n as ee, o as _, r as v, t as y, u as b, y as x } from "./es2015-CJyFgdNb.js";
+import { a as S, i as C, n as w, r as te, t as T } from "./dist-MBZ50zVE.js";
+import * as E from "react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+//#region node_modules/@radix-ui/react-popover/dist/index.mjs
+var A = "Popover", [j, ne] = g(A, [S]), M = S(), [N, P] = j(A), F = (e) => {
+	let { __scopePopover: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: o = !1 } = e, s = M(t), c = E.useRef(null), [l, u] = E.useState(!1), [f, p] = b({
+		prop: r,
+		defaultProp: i ?? !1,
+		onChange: a,
+		caller: A
+	});
+	return /* @__PURE__ */ O(C, {
+		...s,
+		children: /* @__PURE__ */ O(N, {
+			scope: t,
+			contentId: d(),
+			triggerRef: c,
+			open: f,
+			onOpenChange: p,
+			onOpenToggle: E.useCallback(() => p((e) => !e), [p]),
+			hasCustomAnchor: l,
+			onCustomAnchorAdd: E.useCallback(() => u(!0), []),
+			onCustomAnchorRemove: E.useCallback(() => u(!1), []),
+			modal: o,
+			children: n
+		})
+	});
+};
+F.displayName = A;
+var I = "PopoverAnchor", L = E.forwardRef((e, t) => {
+	let { __scopePopover: n, ...r } = e, i = P(I, n), a = M(n), { onCustomAnchorAdd: o, onCustomAnchorRemove: s } = i;
+	return E.useEffect(() => (o(), () => s()), [o, s]), /* @__PURE__ */ O(T, {
+		...a,
+		...r,
+		ref: t
+	});
+});
+L.displayName = I;
+var R = "PopoverTrigger", z = E.forwardRef((e, t) => {
+	let { __scopePopover: n, ...r } = e, i = P(R, n), a = M(n), o = x(t, i.triggerRef), s = /* @__PURE__ */ O(p.button, {
+		type: "button",
+		"aria-haspopup": "dialog",
+		"aria-expanded": i.open,
+		"aria-controls": i.contentId,
+		"data-state": Z(i.open),
+		...r,
+		ref: o,
+		onClick: f(e.onClick, i.onOpenToggle)
+	});
+	return i.hasCustomAnchor ? s : /* @__PURE__ */ O(T, {
+		asChild: !0,
+		...a,
+		children: s
+	});
+});
+z.displayName = R;
+var B = "PopoverPortal", [V, H] = j(B, { forceMount: void 0 }), U = (e) => {
+	let { __scopePopover: t, forceMount: n, children: r, container: i } = e, a = P(B, t);
+	return /* @__PURE__ */ O(V, {
+		scope: t,
+		forceMount: n,
+		children: /* @__PURE__ */ O(h, {
+			present: n || a.open,
+			children: /* @__PURE__ */ O(m, {
+				asChild: !0,
+				container: i,
+				children: r
+			})
+		})
+	});
+};
+U.displayName = B;
+var W = "PopoverContent", G = E.forwardRef((e, t) => {
+	let n = H(W, e.__scopePopover), { forceMount: r = n.forceMount, ...i } = e, a = P(W, e.__scopePopover);
+	return /* @__PURE__ */ O(h, {
+		present: r || a.open,
+		children: a.modal ? /* @__PURE__ */ O(q, {
+			...i,
+			ref: t
+		}) : /* @__PURE__ */ O(J, {
+			...i,
+			ref: t
+		})
+	});
+});
+G.displayName = W;
+var K = l("PopoverContent.RemoveScroll"), q = E.forwardRef((e, t) => {
+	let n = P(W, e.__scopePopover), r = E.useRef(null), i = x(t, r), a = E.useRef(!1);
+	return E.useEffect(() => {
+		let e = r.current;
+		if (e) return y(e);
+	}, []), /* @__PURE__ */ O(ee, {
+		as: K,
+		allowPinchZoom: !0,
+		children: /* @__PURE__ */ O(Y, {
+			...e,
+			ref: i,
+			trapFocus: n.open,
+			disableOutsidePointerEvents: !0,
+			onCloseAutoFocus: f(e.onCloseAutoFocus, (e) => {
+				e.preventDefault(), a.current || n.triggerRef.current?.focus();
+			}),
+			onPointerDownOutside: f(e.onPointerDownOutside, (e) => {
+				let t = e.detail.originalEvent, n = t.button === 0 && t.ctrlKey === !0;
+				a.current = t.button === 2 || n;
+			}, { checkForDefaultPrevented: !1 }),
+			onFocusOutside: f(e.onFocusOutside, (e) => e.preventDefault(), { checkForDefaultPrevented: !1 })
+		})
+	});
+}), J = E.forwardRef((e, t) => {
+	let n = P(W, e.__scopePopover), r = E.useRef(!1), i = E.useRef(!1);
+	return /* @__PURE__ */ O(Y, {
+		...e,
+		ref: t,
+		trapFocus: !1,
+		disableOutsidePointerEvents: !1,
+		onCloseAutoFocus: (t) => {
+			e.onCloseAutoFocus?.(t), t.defaultPrevented || (r.current || n.triggerRef.current?.focus(), t.preventDefault()), r.current = !1, i.current = !1;
+		},
+		onInteractOutside: (t) => {
+			e.onInteractOutside?.(t), t.defaultPrevented || (r.current = !0, t.detail.originalEvent.type === "pointerdown" && (i.current = !0));
+			let a = t.target;
+			n.triggerRef.current?.contains(a) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && i.current && t.preventDefault();
+		}
+	});
+}), Y = E.forwardRef((e, t) => {
+	let { __scopePopover: n, trapFocus: r, onOpenAutoFocus: i, onCloseAutoFocus: a, disableOutsidePointerEvents: o, onEscapeKeyDown: s, onPointerDownOutside: c, onFocusOutside: l, onInteractOutside: d, ...f } = e, p = P(W, n), m = M(n);
+	return v(), /* @__PURE__ */ O(u, {
+		asChild: !0,
+		loop: !0,
+		trapped: r,
+		onMountAutoFocus: i,
+		onUnmountAutoFocus: a,
+		children: /* @__PURE__ */ O(_, {
+			asChild: !0,
+			disableOutsidePointerEvents: o,
+			onInteractOutside: d,
+			onEscapeKeyDown: s,
+			onPointerDownOutside: c,
+			onFocusOutside: l,
+			onDismiss: () => p.onOpenChange(!1),
+			children: /* @__PURE__ */ O(te, {
+				"data-state": Z(p.open),
+				role: "dialog",
+				id: p.contentId,
+				...m,
+				...f,
+				ref: t,
+				style: {
+					...f.style,
+					"--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
+					"--radix-popover-content-available-width": "var(--radix-popper-available-width)",
+					"--radix-popover-content-available-height": "var(--radix-popper-available-height)",
+					"--radix-popover-trigger-width": "var(--radix-popper-anchor-width)",
+					"--radix-popover-trigger-height": "var(--radix-popper-anchor-height)"
+				}
+			})
+		})
+	});
+}), X = "PopoverClose", re = E.forwardRef((e, t) => {
+	let { __scopePopover: n, ...r } = e, i = P(X, n);
+	return /* @__PURE__ */ O(p.button, {
+		type: "button",
+		...r,
+		ref: t,
+		onClick: f(e.onClick, () => i.onOpenChange(!1))
+	});
+});
+re.displayName = X;
+var ie = "PopoverArrow", ae = E.forwardRef((e, t) => {
+	let { __scopePopover: n, ...r } = e;
+	return /* @__PURE__ */ O(w, {
+		...M(n),
+		...r,
+		ref: t
+	});
+});
+ae.displayName = ie;
+function Z(e) {
+	return e ? "open" : "closed";
+}
+var oe = F, se = L, ce = z, le = U, ue = G, Q = {
+	anchor: "gQIKVa_anchor",
+	check: "gQIKVa_check",
+	container: "gQIKVa_container",
+	radio: "gQIKVa_radio",
+	radioInput: "gQIKVa_radioInput"
+};
+//#endregion
+//#region lib/components/PrefPanel/index.tsx
+function $({ children: e, id: t, ...i }) {
+	return /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("input", {
+		type: "radio",
+		id: t,
+		className: n(Q.radioInput, "sr-only"),
+		...i
+	}), /* @__PURE__ */ k("label", {
+		htmlFor: t,
+		className: Q.radio,
+		children: [e, /* @__PURE__ */ O(r, { className: Q.check })]
+	})] });
+}
+function de() {
+	let { theme: n, systemTheme: r, setTheme: l } = e(), u = t();
+	return /* @__PURE__ */ k(oe, { children: [/* @__PURE__ */ O(ce, {
+		asChild: !0,
+		children: /* @__PURE__ */ k(c, {
+			variant: "transparent",
+			"aria-label": "Preferences",
+			children: [/* @__PURE__ */ O(s, {}), /* @__PURE__ */ O(se, { className: Q.anchor })]
+		})
+	}), /* @__PURE__ */ O(le, { children: /* @__PURE__ */ O(ue, {
+		sideOffset: 8,
+		hideWhenDetached: !0,
+		className: Q.container,
+		children: u && /* @__PURE__ */ k(D, { children: [
+			/* @__PURE__ */ O("span", { children: "Appearance" }),
+			/* @__PURE__ */ k($, {
+				id: "system",
+				name: "theme",
+				checked: n === "system",
+				onChange: () => l("system"),
+				children: [
+					/* @__PURE__ */ O(i, {}),
+					"Auto (",
+					r,
+					")"
+				]
+			}),
+			/* @__PURE__ */ k($, {
+				id: "light",
+				name: "theme",
+				checked: n === "light",
+				onChange: () => l("light"),
+				children: [/* @__PURE__ */ O(o, {}), "Light"]
+			}),
+			/* @__PURE__ */ k($, {
+				id: "dark",
+				name: "theme",
+				checked: n === "dark",
+				onChange: () => l("dark"),
+				children: [/* @__PURE__ */ O(a, {}), "Dark"]
+			})
+		] })
+	}) })] });
+}
+//#endregion
+export { $ as n, de as t };