@jfrader/ui 0.5.0 → 0.6.0

package/dist/switch.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Switch } from "./switch-qwv8jQnR.js";
+export { t as Switch } from "./switch-79-hkQqg.js";

package/dist/sx-BJXJ2xJK.js

@@ -0,0 +1,23 @@
+'use client';
+import { n as e } from "./css-BYJhdGh-.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+//#region src/styling/sx.tsx
+var n = (e) => Array.isArray(e);
+function r(e, t) {
+	return typeof e == "function" ? r(e(t), t) : n(e) ? e.map((e) => r(e, t)) : e;
+}
+function i({ className: n, styles: i, children: a }) {
+	return /* @__PURE__ */ t(e, { children: ({ css: e, cx: t, theme: o }) => a(i === void 0 ? n : t(e(r(i, o)), n)) });
+}
+function a({ className: e, styles: n, sx: r, children: a }) {
+	return /* @__PURE__ */ t(i, {
+		styles: r,
+		children: (o) => /* @__PURE__ */ t(i, {
+			className: r === void 0 ? e : [e, o].filter(Boolean).join(" "),
+			styles: n,
+			children: a
+		})
+	});
+}
+//#endregion
+export { a as t };

package/dist/tabs-Bb5-noYE.js

@@ -0,0 +1,211 @@
+'use client';
+import { i as e } from "./css-BYJhdGh-.js";
+import { n as t, t as n } from "./focus-ring-BK5W5_NY.js";
+import { n as r, r as i } from "./media-8yrN85VT.js";
+import { t as a } from "./sx-BJXJ2xJK.js";
+import { n as o, r as s, t as c } from "./roving-focus-CYlo_Kf8.js";
+import { t as l } from "./use-controlled-state-DpeVQZNR.js";
+import { t as u } from "./part-id-D0zksy32.js";
+import { createContext as d, useContext as f, useEffect as p, useId as m, useImperativeHandle as h, useMemo as g, useRef as _, useState as v } from "react";
+import { vars as y } from "@jfrader/tokens/vars";
+import { jsx as b } from "@emotion/react/jsx-runtime";
+//#region src/components/tabs/tabs.tsx
+var x = d(null);
+function S(e) {
+	let t = f(x);
+	if (!t) throw Error(`Tabs.${e} must be rendered inside <Tabs>.`);
+	return t;
+}
+var C = {
+	itemSelector: "[role=\"tab\"]:not([disabled])",
+	ownerSelector: "[role=\"tablist\"]"
+}, w = e({ "&[data-orientation=\"vertical\"]": {
+	display: "flex",
+	alignItems: "flex-start",
+	gap: y.space[4]
+} }), T = {
+	horizontal: e({
+		display: "inline-flex",
+		gap: y.space[1],
+		borderBlockEnd: `1px solid ${y.color.border}`
+	}),
+	vertical: e({
+		display: "inline-flex",
+		flexDirection: "column",
+		alignItems: "stretch",
+		borderInlineEnd: `1px solid ${y.color.border}`
+	})
+}, E = e({
+	appearance: "none",
+	border: 0,
+	background: "transparent",
+	cursor: "pointer",
+	paddingBlock: y.space[2],
+	paddingInline: y.space[3],
+	font: "inherit",
+	fontSize: y.textSize.sm,
+	fontWeight: y.fontWeight.medium,
+	color: y.color.textMuted,
+	transitionProperty: "color, border-color",
+	transitionDuration: y.motion.duration.fast,
+	transitionTimingFunction: y.motion.easeStandard,
+	"&:hover:not(:disabled):not([aria-selected=\"true\"])": { color: y.color.text },
+	"&[aria-selected=\"true\"]": {
+		color: y.color.text,
+		borderColor: y.color.accent
+	},
+	"&:disabled": {
+		opacity: .55,
+		cursor: "not-allowed"
+	},
+	"&:focus-visible": { ...n },
+	[i]: { transitionDuration: "0s" },
+	[r]: {
+		borderColor: "Canvas",
+		"&[aria-selected=\"true\"]": { borderColor: "Highlight" }
+	}
+}), D = {
+	horizontal: e({
+		borderBlockEnd: "2px solid transparent",
+		marginBlockEnd: "-1px"
+	}),
+	vertical: e({
+		borderInlineEnd: "2px solid transparent",
+		marginInlineEnd: "-1px",
+		textAlign: "start"
+	})
+}, O = e({
+	color: y.color.text,
+	outline: "none",
+	"&:focus-visible": { ...t },
+	"&[hidden]": { display: "none" }
+}), k = e({ paddingBlockStart: y.space[3] });
+function A({ ref: e, value: t, defaultValue: n, onValueChange: r, orientation: i = "horizontal", activation: o = "auto", className: s, sx: c, ...u }) {
+	let d = m(), [f, p] = l(t, n, r), [h, _] = v(null), y = g(() => ({
+		value: f,
+		setValue: p,
+		focused: h,
+		setFocused: _,
+		orientation: i,
+		activation: o,
+		baseId: d
+	}), [
+		f,
+		p,
+		h,
+		i,
+		o,
+		d
+	]);
+	return /* @__PURE__ */ b(x.Provider, {
+		value: y,
+		children: /* @__PURE__ */ b(a, {
+			className: s,
+			styles: w,
+			sx: c,
+			children: (t) => /* @__PURE__ */ b("div", {
+				...u,
+				ref: e,
+				"data-ui": "tabs-root",
+				"data-orientation": i,
+				className: t
+			})
+		})
+	});
+}
+A.displayName = "Tabs";
+function j({ ref: e, onKeyDown: t, className: n, sx: r, ...i }) {
+	let { orientation: l, value: u, focused: d, setFocused: f } = S("List"), m = _(null);
+	h(e, () => m.current, []), p(() => {
+		let e = m.current;
+		if (!e) return;
+		let t = s(e, C);
+		t.length !== 0 && (t.some((e) => e.tabIndex === 0) || f((c(t, u) ?? c(t, d) ?? t[0])?.dataset.value ?? null));
+	});
+	let g = (e) => {
+		t?.(e);
+		let n = m.current;
+		!e.defaultPrevented && n && o(e, n, l, C);
+	};
+	return /* @__PURE__ */ b(a, {
+		className: n,
+		styles: T[l],
+		sx: r,
+		children: (e) => /* @__PURE__ */ b("div", {
+			...i,
+			ref: m,
+			role: "tablist",
+			"aria-orientation": l,
+			"data-ui": "tabs-list",
+			"data-orientation": l,
+			"data-roving": d ?? "",
+			"data-selected": u ?? "",
+			onKeyDown: g,
+			className: e
+		})
+	});
+}
+j.displayName = "Tabs.List";
+function M({ ref: e, value: t, disabled: n, onClick: r, onFocus: i, onPointerDown: o, className: s, sx: c, ...l }) {
+	let { value: d, setValue: f, focused: p, setFocused: m, activation: h, baseId: g, orientation: v } = S("Tab"), y = d === t, x = !n && (p === null ? y : p === t), C = _(!1), w = (e) => {
+		if (r?.(e), e.defaultPrevented) return;
+		let n = C.current;
+		C.current = !1, !(h === "auto" && n && e.detail !== 0) && f(t);
+	}, T = (e) => {
+		i?.(e), !e.defaultPrevented && (C.current = !0, m(t), h === "auto" && f(t));
+	};
+	return /* @__PURE__ */ b(a, {
+		className: s,
+		styles: [E, D[v]],
+		sx: c,
+		children: (r) => /* @__PURE__ */ b("button", {
+			...l,
+			ref: e,
+			type: "button",
+			role: "tab",
+			id: u(g, "tab", t),
+			"data-ui": "tabs-tab",
+			"data-value": t,
+			"data-state": y ? "active" : "inactive",
+			"aria-selected": y,
+			"aria-controls": u(g, "panel", t),
+			tabIndex: x ? 0 : -1,
+			disabled: n,
+			onClick: w,
+			onFocus: T,
+			onPointerDown: (e) => {
+				C.current = !1, o?.(e);
+			},
+			className: r
+		})
+	});
+}
+M.displayName = "Tabs.Tab";
+function N({ ref: e, value: t, tabIndex: n = 0, "aria-labelledby": r, className: i, sx: o, ...s }) {
+	let { value: c, baseId: l, orientation: d } = S("Panel"), f = c === t, p = [r, u(l, "tab", t)].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ b(a, {
+		className: i,
+		styles: [O, d === "horizontal" && k],
+		sx: o,
+		children: (r) => /* @__PURE__ */ b("div", {
+			...s,
+			ref: e,
+			role: "tabpanel",
+			id: u(l, "panel", t),
+			"aria-labelledby": p,
+			tabIndex: n,
+			hidden: !f,
+			"data-ui": "tabs-panel",
+			"data-state": f ? "active" : "inactive",
+			className: r
+		})
+	});
+}
+N.displayName = "Tabs.Panel";
+var P = Object.assign(A, {
+	List: j,
+	Tab: M,
+	Panel: N
+});
+//#endregion
+export { P as t };

package/dist/tabs.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Tabs } from "./tabs-CAVJndX1.js";
+export { t as Tabs } from "./tabs-Bb5-noYE.js";

package/dist/{tag-input-DSRCyrX2.js → tag-input-BQaueKEb.js}

@@ -1,13 +1,13 @@
 'use client';
-import { r as e } from "./sx-Dx9JUKp5.js";
+import { i as e } from "./css-BYJhdGh-.js";
 import { t } from "./focus-ring-BK5W5_NY.js";
 import { n, r, t as i } from "./media-8yrN85VT.js";
 import { t as a } from "./use-controlled-state-DpeVQZNR.js";
-import { t as ee } from "./visually-hidden-BJdvqqvn.js";
+import { t as ee } from "./visually-hidden-DgVO3NaB.js";
 import { t as te } from "./renderable-DzcIj1Lo.js";
-import { t as ne } from "./icon-wrapper-stN8sD7R.js";
-import { t as re } from "./input-control-DmMuAuPS.js";
-import { a as ie, i as ae, n as oe, r as se, t as ce } from "./field-anatomy-COVdNpf5.js";
+import { t as ne } from "./icon-wrapper-C-zMD0uL.js";
+import { t as re } from "./input-control-B6HVBgwl.js";
+import { a as ie, i as ae, n as oe, r as se, t as ce } from "./field-anatomy-BDIP42MI.js";
 import { useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
 import { vars as u } from "@jfrader/tokens/vars";
 import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";

package/dist/tag-input.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as TagInput } from "./tag-input-DSRCyrX2.js";
+export { t as TagInput } from "./tag-input-BQaueKEb.js";

package/dist/{text-field-C8TWG-tY.js → text-field-D0VP7b4P.js}

@@ -1,7 +1,7 @@
 'use client';
-import { r as e } from "./sx-Dx9JUKp5.js";
-import { t } from "./input-control-DmMuAuPS.js";
-import { a as n, i as r, n as i, r as a, t as o } from "./field-anatomy-COVdNpf5.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./input-control-B6HVBgwl.js";
+import { a as n, i as r, n as i, r as a, t as o } from "./field-anatomy-BDIP42MI.js";
 import { vars as s } from "@jfrader/tokens/vars";
 import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
 //#region src/components/text-field/text-field.tsx
@@ -22,36 +22,38 @@ var u = {
 		fontSize: s.textSize.md
 	})
 };
-function d({ ref: e, label: s, description: d, error: f, size: p = "md", onChange: m, onValueChange: h, slotProps: g, className: _, sx: v, required: y, id: b, "aria-describedby": x, "aria-invalid": S, ...C }) {
-	let w = n({
+function d({ ref: e, label: s, description: d, error: f, size: p = "md", onChange: m, onValueChange: h, slotProps: g, className: _, sx: v, required: y, id: b, dir: x, "aria-describedby": S, "aria-invalid": C, ...w }) {
+	let T = n({
 		id: b,
 		description: d,
 		error: f,
-		"aria-describedby": x,
-		"aria-invalid": S
-	}), T = (e) => {
+		"aria-describedby": S,
+		"aria-invalid": C
+	}), E = (e) => {
 		m?.(e), h?.(e.currentTarget.value);
 	};
 	return /* @__PURE__ */ l(r, {
 		"data-ui": "text-field",
+		dir: x,
 		className: _,
 		sx: v,
 		part: g?.root,
 		children: [
 			/* @__PURE__ */ c(a, {
-				htmlFor: w.id,
+				htmlFor: T.id,
 				required: y,
 				part: g?.label,
 				children: s
 			}),
 			/* @__PURE__ */ c("input", {
-				...C,
+				...w,
 				ref: e,
-				id: w.id,
+				id: T.id,
+				dir: x,
 				required: y,
-				"aria-describedby": w.describedBy,
-				"aria-invalid": w.ariaInvalid,
-				onChange: T,
+				"aria-describedby": T.describedBy,
+				"aria-invalid": T.ariaInvalid,
+				onChange: E,
 				className: g?.control?.className,
 				css: [
 					t,
@@ -60,12 +62,12 @@ function d({ ref: e, label: s, description: d, error: f, size: p = "md", onChang
 				]
 			}),
 			/* @__PURE__ */ c(o, {
-				id: w.descriptionId,
+				id: T.descriptionId,
 				part: g?.description,
 				children: d
 			}),
 			/* @__PURE__ */ c(i, {
-				id: w.errorId,
+				id: T.errorId,
 				part: g?.error,
 				children: f
 			})

package/dist/text-field.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as TextField } from "./text-field-C8TWG-tY.js";
+export { t as TextField } from "./text-field-D0VP7b4P.js";

package/dist/{textarea-BrW0XcG_.js → textarea-D1YwEPmn.js}

@@ -1,7 +1,7 @@
 'use client';
-import { r as e } from "./sx-Dx9JUKp5.js";
-import { t } from "./input-control-DmMuAuPS.js";
-import { a as n, i as r, n as i, r as a, t as o } from "./field-anatomy-COVdNpf5.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./input-control-B6HVBgwl.js";
+import { a as n, i as r, n as i, r as a, t as o } from "./field-anatomy-BDIP42MI.js";
 import { vars as s } from "@jfrader/tokens/vars";
 import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
 //#region src/components/textarea/textarea.tsx
@@ -28,37 +28,39 @@ var u = e({
 	none: e({ resize: "none" }),
 	vertical: e({ resize: "vertical" })
 }, p = e({ fieldSizing: "content" });
-function m({ ref: e, label: s, description: m, error: h, size: g = "md", resize: _ = "vertical", autoResize: v = !1, rows: y = 3, onChange: b, onValueChange: x, slotProps: S, className: C, sx: w, required: T, id: E, "aria-describedby": D, "aria-invalid": O, ...k }) {
-	let A = n({
-		id: E,
+function m({ ref: e, label: s, description: m, error: h, size: g = "md", resize: _ = "vertical", autoResize: v = !1, rows: y = 3, onChange: b, onValueChange: x, slotProps: S, className: C, sx: w, dir: T, required: E, id: D, "aria-describedby": O, "aria-invalid": k, ...A }) {
+	let j = n({
+		id: D,
 		description: m,
 		error: h,
-		"aria-describedby": D,
-		"aria-invalid": O
-	}), j = (e) => {
+		"aria-describedby": O,
+		"aria-invalid": k
+	}), M = (e) => {
 		b?.(e), x?.(e.currentTarget.value);
 	};
 	return /* @__PURE__ */ l(r, {
 		"data-ui": "textarea",
+		dir: T,
 		className: C,
 		sx: w,
 		part: S?.root,
 		children: [
 			/* @__PURE__ */ c(a, {
-				htmlFor: A.id,
-				required: T,
+				htmlFor: j.id,
+				required: E,
 				part: S?.label,
 				children: s
 			}),
 			/* @__PURE__ */ c("textarea", {
-				...k,
+				...A,
 				ref: e,
-				id: A.id,
+				id: j.id,
 				rows: y,
-				required: T,
-				"aria-describedby": A.describedBy,
-				"aria-invalid": A.ariaInvalid,
-				onChange: j,
+				dir: T,
+				required: E,
+				"aria-describedby": j.describedBy,
+				"aria-invalid": j.ariaInvalid,
+				onChange: M,
 				className: S?.control?.className,
 				css: [
 					t,
@@ -70,12 +72,12 @@ function m({ ref: e, label: s, description: m, error: h, size: g = "md", resize:
 				]
 			}),
 			/* @__PURE__ */ c(o, {
-				id: A.descriptionId,
+				id: j.descriptionId,
 				part: S?.description,
 				children: m
 			}),
 			/* @__PURE__ */ c(i, {
-				id: A.errorId,
+				id: j.errorId,
 				part: S?.error,
 				children: h
 			})

package/dist/textarea.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Textarea } from "./textarea-BrW0XcG_.js";
+export { t as Textarea } from "./textarea-D1YwEPmn.js";

package/dist/theme-provider-BvcY-iJu.js

@@ -0,0 +1,20 @@
+'use client';
+import { o as e, r as t } from "./css-BYJhdGh-.js";
+import { vars as n } from "@jfrader/tokens/vars";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+//#region src/styling/theme.ts
+var i = n;
+//#endregion
+//#region src/components/theme-provider/theme-provider.tsx
+function a({ theme: e = i, children: n }) {
+	return /* @__PURE__ */ r(t, {
+		theme: e,
+		children: n
+	});
+}
+a.displayName = "ThemeProvider";
+function o() {
+	return e();
+}
+//#endregion
+export { o as n, i as r, a as t };

package/dist/theme-root-BrYVcTzt.js

@@ -0,0 +1,163 @@
+'use client';
+import { t as e } from "./sx-BJXJ2xJK.js";
+import { a as t, i as n, o as r, r as i } from "./theme-scope-DGWy4H0C.js";
+import { r as a, t as o } from "./theme-provider-BvcY-iJu.js";
+import { useContext as s, useMemo as c } from "react";
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { base as u, light as d } from "@jfrader/tokens";
+//#region src/styling/create-theme.ts
+var f = {
+	dark: {
+		hoverLightness: .08,
+		textMaxLightness: null
+	},
+	light: {
+		hoverLightness: -.06,
+		textMaxLightness: .5
+	}
+}, p = {
+	accentSoft: 22,
+	accentSoftHover: 30,
+	accentBorder: 50
+}, m = [u.color.accentContrast, d.color.accentContrast], h = 1e-4, g = [
+	[
+		.4122214708,
+		.5363325363,
+		.0514459929
+	],
+	[
+		.2119034982,
+		.6806995451,
+		.1073969566
+	],
+	[
+		.0883024619,
+		.2817188376,
+		.6299787005
+	]
+], _ = [
+	[
+		.2104542553,
+		.793617785,
+		-.0040720468
+	],
+	[
+		1.9779984951,
+		-2.428592205,
+		.4505937099
+	],
+	[
+		.0259040371,
+		.7827717662,
+		-.808675766
+	]
+], v = [
+	.2126,
+	.7152,
+	.0722
+], y = /^#(?:[\da-f]{3}|[\da-f]{6})$/i, b = (e, t) => e[0] * t[0] + e[1] * t[1] + e[2] * t[2], x = (e) => Math.min(1, Math.max(0, e)), S = (e, t) => Number(e.toFixed(t));
+function C(e) {
+	if (!y.test(e)) throw Error(`createTheme: accent must be a #rgb or #rrggbb color, got "${e}".`);
+	let [t, n, r] = (e.length === 4 ? [...e.slice(1)].map((e) => e + e) : e.slice(1).match(/../g)).map((e) => {
+		let t = Number.parseInt(e, 16) / 255;
+		return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+	});
+	return [
+		t,
+		n,
+		r
+	];
+}
+function w(e) {
+	return b(v, e);
+}
+function T(e, t) {
+	return (Math.max(e, t) + .05) / (Math.min(e, t) + .05);
+}
+function E(e) {
+	let t = w(e), n = (e) => T(t, w(C(e)));
+	return m.reduce((e, t) => n(t) > n(e) ? t : e);
+}
+function D(e) {
+	let [t, n, r] = g.map((t) => Math.cbrt(b(t, e))), i = [
+		t,
+		n,
+		r
+	], [a, o, s] = _.map((e) => b(e, i)), c = Math.hypot(o, s);
+	return {
+		lightness: a,
+		chroma: c,
+		hue: c < h ? 0 : (Math.atan2(s, o) * 180 / Math.PI + 360) % 360
+	};
+}
+function O(e, t, n) {
+	return `oklch(${S(x(e) * 100, 2)}% ${S(t, 4)} ${S(n, 2)})`;
+}
+function k(e, t) {
+	let n = C(e), { lightness: r, chroma: i, hue: a } = D(n), { hoverLightness: o, textMaxLightness: s } = f[t], c = (t) => `color-mix(in oklab, ${e} ${t}%, transparent)`;
+	return {
+		accent: e,
+		accentHover: O(r + o, i, a),
+		accentText: s === null ? e : O(Math.min(r, s), i, a),
+		accentSoft: c(p.accentSoft),
+		accentSoftHover: c(p.accentSoftHover),
+		accentBorder: c(p.accentBorder),
+		accentContrast: E(n),
+		focusRing: e
+	};
+}
+function A(e, t) {
+	return Object.fromEntries([.../* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)])].map((n) => {
+		let [r, i] = [e[n], t[n]];
+		return [n, typeof r == "object" && typeof i == "object" ? A(r, i) : i ?? r];
+	}));
+}
+function j({ base: e = "dark", accent: t, tokens: n = {} } = {}) {
+	return A(t === void 0 ? {} : { color: k(t, e) }, n);
+}
+var M = /^var\((--[\w-]+)\)$/;
+function N(e, t) {
+	return Object.entries(e).flatMap(([e, n]) => {
+		let r = t[e];
+		if (typeof n == "object" && typeof r == "object") return N(n, r);
+		let i = typeof r == "string" ? M.exec(r)?.[1] : void 0;
+		return typeof n == "string" && i ? [[i, n]] : [];
+	});
+}
+function P(e) {
+	return Object.fromEntries(N(e, a));
+}
+//#endregion
+//#region src/components/theme-root/theme-root.tsx
+function F({ ref: a, theme: u = "dark", tokens: d, portalContainer: f, className: p, style: m, sx: h, ...g }) {
+	let _ = s(i), v = f === void 0 ? _?.portalContainer : f, y = _ && _.theme === u ? _.appearance : "default", b = c(() => d && P(d), [d]) ?? n(_, u), x = c(() => ({
+		theme: u,
+		appearance: y,
+		portalContainer: v,
+		tokenStyle: b
+	}), [
+		u,
+		y,
+		v,
+		b
+	]);
+	return /* @__PURE__ */ l(i.Provider, {
+		value: x,
+		children: /* @__PURE__ */ l(o, { children: /* @__PURE__ */ l(e, {
+			className: p,
+			styles: r,
+			sx: h,
+			children: (e) => /* @__PURE__ */ l("div", {
+				...g,
+				ref: a,
+				"data-ui": "theme-root",
+				"data-theme": u,
+				className: e,
+				style: t(b, m)
+			})
+		}) })
+	});
+}
+F.displayName = "ThemeRoot";
+//#endregion
+export { j as n, P as r, F as t };

package/dist/theme-root.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as ThemeRoot } from "./theme-root-BbTBuLMQ.js";
+export { t as ThemeRoot, n as createTheme, r as themeTokenStyle } from "./theme-root-BrYVcTzt.js";

package/dist/theme-scope-DGWy4H0C.js

@@ -0,0 +1,62 @@
+'use client';
+import { i as e } from "./css-BYJhdGh-.js";
+import { createContext as t, useContext as n, useMemo as r } from "react";
+import { vars as i } from "@jfrader/tokens/vars";
+import { jsx as a } from "@emotion/react/jsx-runtime";
+//#region src/styling/theme-scope.tsx
+var o = t(null);
+function s() {
+	return n(o);
+}
+function c(e, t) {
+	return e && e.theme === t ? e.tokenStyle : void 0;
+}
+function l(e, t) {
+	return e ? {
+		...e,
+		...t
+	} : t;
+}
+function u(e, t) {
+	return l(c(n(o), e), t);
+}
+function d(e) {
+	let t = n(o);
+	return e ?? t?.appearance ?? "default";
+}
+var f = e({
+	color: i.color.text,
+	colorScheme: "dark",
+	"&[data-theme=\"light\"]": { colorScheme: "light" }
+}), p = e({ display: "contents" });
+function m({ theme: e, appearance: t, children: i }) {
+	let s = n(o), l = e ?? s?.theme ?? "dark", u = c(s, l), d = r(() => ({
+		theme: l,
+		appearance: t,
+		portalContainer: s?.portalContainer,
+		tokenStyle: u
+	}), [
+		l,
+		t,
+		s?.portalContainer,
+		u
+	]);
+	return (s ? s.theme === l && s.appearance === t : t === "default") ? i : /* @__PURE__ */ a(o.Provider, {
+		value: d,
+		children: i
+	});
+}
+function h({ children: e }) {
+	let t = s();
+	return t ? /* @__PURE__ */ a("div", {
+		"data-ui": "theme-boundary",
+		"data-theme": t.theme,
+		"data-appearance": t.appearance,
+		style: t.tokenStyle,
+		css: [f, p],
+		children: e
+	}) : e;
+}
+h.displayName = "ThemeBoundary";
+//#endregion
+export { l as a, u as c, c as i, s as l, h as n, f as o, o as r, d as s, m as t };