@slotted/react 0.1.0-beta.1 → 0.1.0-beta.10

package/dist/filter-bar.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./filter-bar-b2Q9BZHf.js";
+import { i as e, n as t, r as n, t as r } from "./filter-bar-G50WdRac.js";
 export { r as FILTER_BAR_FALLBACK, t as FilterBar, n as FilterBarDefaultsProvider, e as useFilterBarDefaults };

package/dist/{form-vTCQhZM-.js → form-CDq04WDY.js}

@@ -1,10 +1,11 @@
 import { r as e } from "./i18n-DpW8lqJ1.js";
-import { createControllable as t } from "@slotted/core/state";
-import { createContext as n, useCallback as r, useContext as i, useEffect as a, useId as ee, useImperativeHandle as o, useMemo as s, useRef as c, useState as l } from "react";
-import { Fragment as te, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { keyedProps as t } from "@slotted/core/selector-key";
+import { createControllable as n } from "@slotted/core/state";
+import { createContext as r, useCallback as i, useContext as a, useEffect as o, useId as ee, useImperativeHandle as te, useMemo as s, useRef as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { formMessages as ne } from "@slotted/core/i18n";
-import { collectValidity as f, hasErrors as p, isDirty as re, mergeErrors as m, namedControls as ie, normaliseErrors as h, orderErrors as ae, withoutError as g } from "@slotted/core/form";
-var _ = n({
+import { collectValidity as p, hasErrors as m, isDirty as h, mergeErrors as g, namedControls as re, normaliseErrors as _, orderErrors as ie, withoutError as v } from "@slotted/core/form";
+var y = r({
 	align: "end",
 	errorFocus: "summary",
 	nativeValidation: !1,
@@ -12,21 +13,23 @@ var _ = n({
 	summaryDescription: void 0,
 	validate: "submit"
 });
-function v() {
-	return i(_);
-}
-var y = n(void 0);
 function b() {
-	return i(y);
+	return a(y);
+}
+var x = r(void 0);
+function S() {
+	return a(x);
 }
 //#endregion
 //#region src/form/form-parts.tsx
-function x({ ref: e, ...t }) {
-	let n = b();
-	return n === void 0 || n.entries.length === 0 ? null : /* @__PURE__ */ d("div", {
+function C({ ref: e, ...t }) {
+	let n = S();
+	return n === void 0 || n.entries.length === 0 ? null : /* @__PURE__ */ f("div", {
 		"aria-labelledby": n.summaryId,
 		"data-ui": "form",
+		"data-ui-form": "",
 		"data-part": "summary",
+		"data-part-summary": "",
 		role: "alert",
 		tabIndex: -1,
 		...t,
@@ -34,19 +37,23 @@ function x({ ref: e, ...t }) {
 			n.registerSummary(t), typeof e == "function" ? e(t) : e != null && (e.current = t);
 		},
 		children: [
-			/* @__PURE__ */ u("h2", {
+			/* @__PURE__ */ d("h2", {
 				"data-part": "summary-title",
+				"data-part-summary-title": "",
 				id: n.summaryId,
 				children: n.summaryTitle
 			}),
-			n.summaryDescription === void 0 ? null : /* @__PURE__ */ u("p", { children: n.summaryDescription }),
-			/* @__PURE__ */ u("ul", {
+			n.summaryDescription === void 0 ? null : /* @__PURE__ */ d("p", { children: n.summaryDescription }),
+			/* @__PURE__ */ d("ul", {
 				"data-part": "summary-list",
-				children: n.entries.flatMap((e) => e.messages.map((t, n) => /* @__PURE__ */ u("li", { children: e.id === void 0 ? /* @__PURE__ */ u("span", {
+				"data-part-summary-list": "",
+				children: n.entries.flatMap((e) => e.messages.map((t, n) => /* @__PURE__ */ d("li", { children: e.id === void 0 ? /* @__PURE__ */ d("span", {
 					"data-part": "summary-item",
+					"data-part-summary-item": "",
 					children: t
-				}) : /* @__PURE__ */ u("a", {
+				}) : /* @__PURE__ */ d("a", {
 					"data-part": "summary-item",
+					"data-part-summary-item": "",
 					href: `#${e.id}`,
 					onClick: (t) => {
 						let n = t.currentTarget.ownerDocument.getElementById(e.id);
@@ -58,102 +65,104 @@ function x({ ref: e, ...t }) {
 		]
 	});
 }
-function S({ align: e, ref: t, ...n }) {
-	let r = b(), i = v();
-	return /* @__PURE__ */ u("div", {
+function w({ align: e, ref: t, ...n }) {
+	let r = S(), i = b();
+	return /* @__PURE__ */ d("div", {
 		"data-align": e ?? r?.align ?? i.align,
 		"data-ui": "form",
+		"data-ui-form": "",
 		"data-part": "actions",
+		"data-part-actions": "",
 		...n,
 		ref: t
 	});
 }
 //#endregion
 //#region src/form/form.tsx
-var oe = (e, t) => {
+var ae = (e, t) => {
 	let n = Object.keys(e);
 	return n.length === Object.keys(t).length && n.every((n) => t[n] !== void 0 && e[n].length === t[n].length && e[n].every((e, r) => e === t[n][r]));
 };
-function C({ align: n, children: i, className: _, defaultErrors: b, disabled: S, errorFocus: C, errors: w, guardUnsaved: T = !1, handle: se, loading: ce = !1, messages: le, nativeValidation: E, onErrorsChange: D, onSubmit: O, ref: k, style: ue, summary: A, summaryDescription: de, summaryTitle: fe, validate: pe, ...me }) {
-	let j = v(), he = e(ne, le), M = c(null), N = c(null), P = ee(), F = n ?? j.align, I = C ?? j.errorFocus, L = A ?? j.summary, R = fe ?? he("summaryTitle"), z = de ?? j.summaryDescription, B = pe ?? j.validate, ge = E ?? j.nativeValidation, V = w !== void 0, H = s(() => h(w), [w]), [_e, ve] = l(() => h(b)), U = V ? H : _e, [ye, W] = l(!1), G = ye || ce, [K, q] = l(!1), [J, be] = l([]), Y = c(!1), X = r((e, n, r) => {
-		let i = t({
+function T({ align: r, children: a, className: y, defaultErrors: S, disabled: w, errorFocus: T, errors: E, guardUnsaved: D = !1, handle: oe, loading: se = !1, messages: ce, nativeValidation: O, onErrorsChange: k, onSubmit: A, ref: j, style: le, summary: ue, summaryDescription: de, summaryTitle: fe, validate: pe, ...me }) {
+	let M = b(), he = e(ne, ce), N = c(null), P = c(null), F = ee(), I = r ?? M.align, L = T ?? M.errorFocus, ge = ue ?? M.summary, R = fe ?? he("summaryTitle"), z = de ?? M.summaryDescription, B = pe ?? M.validate, _e = O ?? M.nativeValidation, V = E !== void 0, H = s(() => _(E), [E]), [ve, ye] = l(() => _(S)), U = V ? H : ve, [be, W] = l(!1), G = be || se, [K, q] = l(!1), [J, xe] = l([]), Y = c(!1), X = i((e, t, r) => {
+		let i = n({
 			...V ? { controlled: H } : {},
 			initial: U,
-			equals: oe,
-			onRequest: (e) => D?.(e.value, e)
-		}).request(e, n, r);
-		return i && ve(e), i;
+			equals: ae,
+			onRequest: (e) => k?.(e.value, e)
+		}).request(e, t, r);
+		return i && ye(e), i;
 	}, [
 		V,
 		U,
 		H,
-		D
+		k
 	]);
-	a(() => {
-		let e = M.current;
-		be(e === null ? [] : ae(U, ie(e)));
+	o(() => {
+		let e = N.current;
+		xe(e === null ? [] : ie(U, re(e)));
 	}, [U]);
-	let Z = r(() => {
-		if (I === "none") return;
-		if (I === "summary" && N.current !== null) {
-			N.current.focus();
+	let Z = i(() => {
+		if (L === "none") return;
+		if (L === "summary" && P.current !== null) {
+			P.current.focus();
 			return;
 		}
-		let e = M.current, t = J[0];
+		let e = N.current, t = J[0];
 		if (e === null || t === void 0) return;
 		let n = e.elements.namedItem(t.name), r = n instanceof RadioNodeList ? n[0] : n;
 		r instanceof HTMLElement && r.focus();
-	}, [J, I]);
-	a(() => {
+	}, [J, L]);
+	o(() => {
 		Y.current && J.length !== 0 && (Y.current = !1, Z());
 	}, [J, Z]);
-	let Q = r((e, t, n) => (Y.current = p(e), X(e, t, n), e), [X]), $ = r((e, t) => {
-		let n = M.current;
+	let Q = i((e, t, n) => (Y.current = m(e), X(e, t, n), e), [X]), $ = i((e, t) => {
+		let n = N.current;
 		if (n === null) return {};
-		let r = m(H, f(n));
+		let r = g(H, p(n));
 		return Q(r, e, t), r;
-	}, [H, Q]), xe = r(async (e) => {
+	}, [H, Q]), Se = i(async (e) => {
 		let t = e.currentTarget;
 		if (q(!0), G) {
 			e.preventDefault();
 			return;
 		}
-		let n = B === "none" ? H : m(H, f(t));
-		if (p(n)) {
+		let n = B === "none" ? H : g(H, p(t));
+		if (m(n)) {
 			e.preventDefault(), Q(n, "submit", e);
 			return;
 		}
-		if (Q({}, "submit", e), O === void 0) return;
+		if (Q({}, "submit", e), A === void 0) return;
 		e.preventDefault();
 		let r = new FormData(t), i = {};
 		for (let e of new Set(r.keys())) {
 			let t = r.getAll(e);
 			i[e] = t.length > 1 ? t : t[0];
 		}
-		let a = O(i, {
+		let a = A(i, {
 			event: e,
 			values: i
 		});
 		if (!(a instanceof Promise)) {
-			a !== void 0 && Q(h(a), "submit", e);
+			a !== void 0 && Q(_(a), "submit", e);
 			return;
 		}
 		W(!0);
 		try {
 			let t = await a;
-			t !== void 0 && Q(h(t), "submit", e);
+			t !== void 0 && Q(_(t), "submit", e);
 		} finally {
 			W(!1);
 		}
 	}, [
 		H,
-		O,
+		A,
 		Q,
 		B,
 		G
 	]);
-	a(() => {
-		let e = M.current;
+	o(() => {
+		let e = N.current;
 		if (e === null) return;
 		let t = (t) => {
 			let n = t.target;
@@ -161,10 +170,10 @@ function C({ align: n, children: i, className: _, defaultErrors: b, disabled: S,
 			let r = n.name;
 			if (typeof r != "string" || r === "") return;
 			if (B === "change" && K) {
-				X(m(H, f(e)), "keyboard", t);
+				X(g(H, p(e)), "keyboard", t);
 				return;
 			}
-			let i = g(U, r);
+			let i = v(U, r);
 			i !== U && X(i, "keyboard", t);
 		}, n = (t) => {
 			if (B !== "blur") return;
@@ -172,7 +181,7 @@ function C({ align: n, children: i, className: _, defaultErrors: b, disabled: S,
 			if (!(n instanceof HTMLElement)) return;
 			let r = n.name;
 			if (typeof r != "string" || r === "") return;
-			let i = f(e), a = r in i ? m(U, { [r]: i[r] }) : g(U, r);
+			let i = p(e), a = r in i ? g(U, { [r]: i[r] }) : v(U, r);
 			a !== U && X(a, "keyboard", t);
 		}, r = () => {
 			Y.current = !1, q(!1), X({}, "clear", void 0);
@@ -186,70 +195,70 @@ function C({ align: n, children: i, className: _, defaultErrors: b, disabled: S,
 		X,
 		B,
 		K
-	]), a(() => {
-		if (!T) return;
-		let e = M.current;
+	]), o(() => {
+		if (!D) return;
+		let e = N.current;
 		if (e === null) return;
 		let t = (t) => {
-			!G && re(e) && t.preventDefault();
+			!G && h(e) && t.preventDefault();
 		};
 		return window.addEventListener("beforeunload", t), () => window.removeEventListener("beforeunload", t);
-	}, [T, G]), o(se, () => ({
+	}, [D, G]), te(oe, () => ({
 		validate: () => $("programmatic", void 0),
-		submit: () => M.current?.requestSubmit(),
-		reset: () => M.current?.reset(),
+		submit: () => N.current?.requestSubmit(),
+		reset: () => N.current?.reset(),
 		focusFirstError: Z
 	}), [Z, $]);
-	let Se = s(() => ({
-		align: F,
+	let Ce = s(() => ({
+		align: I,
 		entries: J,
 		errors: U,
 		registerSummary: (e) => {
-			N.current = e;
+			P.current = e;
 		},
 		submitted: K,
 		submitting: G,
 		summaryDescription: z,
-		summaryId: P,
+		summaryId: F,
 		summaryTitle: R
 	}), [
 		U,
 		J,
-		F,
+		I,
 		z,
 		R,
 		K,
 		G,
-		P
-	]), Ce = {
-		children: /* @__PURE__ */ d(te, { children: [L === "auto" ? /* @__PURE__ */ u(x, {}) : null, i] }),
-		className: _,
-		style: ue,
-		...S === !0 ? { "data-disabled": "" } : {},
-		...p(U) ? { "data-invalid": "" } : {},
+		F
+	]), we = t({
+		children: /* @__PURE__ */ f(u, { children: [ge === "auto" ? /* @__PURE__ */ d(C, {}) : null, a] }),
+		className: y,
+		style: le,
+		...w === !0 ? { "data-disabled": "" } : {},
+		...m(U) ? { "data-invalid": "" } : {},
 		...G ? { "data-loading": "" } : {},
 		"data-part": "root",
 		"data-ui": "form"
-	};
-	return /* @__PURE__ */ u(y.Provider, {
-		value: Se,
-		children: /* @__PURE__ */ u("form", {
+	});
+	return /* @__PURE__ */ d(x.Provider, {
+		value: Ce,
+		children: /* @__PURE__ */ d("form", {
 			...me,
-			...Ce,
+			...we,
 			"aria-busy": G ? !0 : void 0,
-			noValidate: !ge,
-			onSubmit: xe,
+			noValidate: !_e,
+			onSubmit: Se,
 			ref: (e) => {
-				M.current = e, typeof k == "function" ? k(e) : k != null && (k.current = e);
+				N.current = e, typeof j == "function" ? j(e) : j != null && (j.current = e);
 			}
 		})
 	});
 }
 //#endregion
 //#region src/form/form-defaults.tsx
-function w({ children: e, ...t }) {
-	let n = v();
-	return /* @__PURE__ */ u(_.Provider, {
+function E({ children: e, ...t }) {
+	let n = b();
+	return /* @__PURE__ */ d(y.Provider, {
 		value: {
 			align: t.align ?? n.align,
 			errorFocus: t.errorFocus ?? n.errorFocus,
@@ -262,4 +271,4 @@ function w({ children: e, ...t }) {
 	});
 }
 //#endregion
-export { v as a, x as i, C as n, b as o, S as r, w as t };
+export { b as a, C as i, T as n, S as o, w as r, E as t };

package/dist/form.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./form-vTCQhZM-.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "./form-CDq04WDY.js";
 export { n as Form, i as FormActions, a as FormDefaultsProvider, t as FormSummary, e as useFormDefaults, r as useFormState };

package/dist/fullscreen-6GW4naDP.js

@@ -0,0 +1,190 @@
+import { n as e, t } from "./icon-DjqSEQ-o.js";
+import { r as n } from "./i18n-DpW8lqJ1.js";
+import { keyedProps as r } from "@slotted/core/selector-key";
+import { createControllable as i } from "@slotted/core/state";
+import { createContext as a, useContext as o, useEffect as s, useLayoutEffect as c, useRef as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { fullscreenMessages as m } from "@slotted/core/i18n";
+import { createFullscreen as h, fullscreenSupported as g } from "@slotted/core/fullscreen";
+var _ = a({
+	mode: "auto",
+	navigationUI: "auto",
+	size: "md",
+	variant: "ghost"
+});
+function v() {
+	return o(_);
+}
+function y({ children: e, ...t }) {
+	let n = v();
+	return /* @__PURE__ */ f(_.Provider, {
+		value: {
+			mode: t.mode ?? n.mode,
+			navigationUI: t.navigationUI ?? n.navigationUI,
+			size: t.size ?? n.size,
+			variant: t.variant ?? n.variant
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/fullscreen/use-fullscreen.ts
+function b(e) {
+	return e === null ? null : e instanceof HTMLElement ? e : e.current;
+}
+function x(e, { fullscreen: t, defaultFullscreen: r = !1, onFullscreenChange: a, onFullscreenError: o, mode: d, navigationUI: f, messages: p } = {}) {
+	let _ = v(), y = n(m, p), [x, S] = u(r), [C, w] = u(null), [T, E] = u(null), [D, O] = u(!1), k = i({
+		controlled: t,
+		initial: x,
+		onRequest: (e) => a?.(e.value, e)
+	}), A = l(null), j = l(!1), M = l({
+		state: k,
+		onFullscreenError: o,
+		t: y,
+		policy: d,
+		navigationUI: f,
+		defaults: _
+	});
+	M.current = {
+		state: k,
+		onFullscreenError: o,
+		t: y,
+		policy: d,
+		navigationUI: f,
+		defaults: _
+	};
+	let N = (e, t, n) => {
+		if (!M.current.state.request(e, t, n)) return;
+		S(e);
+		let r = A.current;
+		r && (e ? (E(null), r.enter()) : r.exit());
+	}, P = l(N);
+	P.current = N;
+	let F = () => ({
+		policy: M.current.policy ?? M.current.defaults.mode,
+		navigationUI: M.current.navigationUI ?? M.current.defaults.navigationUI,
+		t: M.current.t,
+		onModeChange: w,
+		onError: (e) => {
+			E(e), M.current.onFullscreenError?.(e);
+		},
+		onExit: (e) => {
+			j.current = A.current?.mode === null, P.current(!1, "escape", e);
+		}
+	});
+	return c(() => {
+		let t = b(e);
+		if (!t) return;
+		O(g(t.ownerDocument));
+		let n = h(t, F());
+		return A.current = n, () => {
+			A.current = null, n.destroy();
+		};
+	}, [e]), s(() => {
+		A.current?.update(F());
+	}), s(() => {
+		let e = A.current;
+		if (e) {
+			if (k.value && e.mode === null) {
+				let t = !j.current;
+				j.current = !1, e.enter({ native: t });
+			} else !k.value && e.mode !== null && e.exit();
+		}
+	}, [
+		k.value,
+		C,
+		e
+	]), {
+		fullscreen: k.value,
+		mode: C,
+		supported: D,
+		error: T,
+		t: y,
+		enter: (e = "programmatic", t) => N(!0, e, t),
+		exit: (e = "programmatic", t) => N(!1, e, t),
+		toggle: (e = "programmatic", t) => N(!k.value, e, t)
+	};
+}
+//#endregion
+//#region src/fullscreen/fullscreen.tsx
+var S = a(null);
+function C() {
+	return o(S);
+}
+function w(e, t) {
+	typeof e == "function" ? e(t) : e && (e.current = t);
+}
+function T({ children: e, defaultFullscreen: t, fullscreen: n, messages: i, mode: a, navigationUI: o, onFullscreenChange: s, onFullscreenError: c, ref: l, render: d, ...p }) {
+	let [m, h] = u(null), g = x(m, {
+		defaultFullscreen: t,
+		fullscreen: n,
+		messages: i,
+		mode: a,
+		navigationUI: o,
+		onFullscreenChange: s,
+		onFullscreenError: c
+	}), _ = (e) => {
+		h(e), w(l, e);
+	}, v = r({
+		...p,
+		children: e,
+		...g.fullscreen ? { "data-fullscreen": "" } : {},
+		...g.mode === null ? {} : { "data-mode": g.mode },
+		"data-part": "root",
+		"data-ui": "fullscreen",
+		ref: _
+	});
+	return /* @__PURE__ */ f(S.Provider, {
+		value: g,
+		children: d === void 0 ? /* @__PURE__ */ f("div", { ...v }) : d(v)
+	});
+}
+function E({ ref: e, render: t, ...n }) {
+	let i = r({
+		...n,
+		"data-part": "content",
+		"data-ui": "fullscreen"
+	});
+	return t === void 0 ? /* @__PURE__ */ f("div", {
+		...i,
+		ref: e
+	}) : t(i);
+}
+function D(e) {
+	return e.detail === 0 ? "keyboard" : "pointer";
+}
+function O({ children: i, className: a, disabled: o = !1, icon: s, iconOnly: c = !1, onClick: l, ref: u, render: h, size: g, style: _, target: y, type: b = "button", variant: x, ...S }) {
+	let w = v(), T = C(), E = y ?? T, O = E?.fullscreen ?? !1, k = typeof i == "function" ? i(O) : i, A = typeof s == "function" ? s(O) : s, j = n(m), M = E?.t ?? j, N = r({
+		...S,
+		children: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("span", {
+			"aria-hidden": "true",
+			"data-part": "icon",
+			"data-part-icon": "",
+			children: A ?? /* @__PURE__ */ f(t, { children: /* @__PURE__ */ f(e, { name: O ? "minimize" : "maximize" }) })
+		}), /* @__PURE__ */ f("span", {
+			"data-part": "label",
+			"data-part-label": "",
+			children: k ?? M(O ? "exit" : "enter")
+		})] }),
+		className: a,
+		...o ? { "data-disabled": "" } : {},
+		...O ? { "data-fullscreen": "" } : {},
+		...c ? { "data-icon-only": "" } : {},
+		"data-part": "trigger",
+		"data-size": g ?? w.size,
+		"data-ui": "fullscreen",
+		"data-variant": x ?? w.variant,
+		onClick: (e) => {
+			l?.(e), !(e.defaultPrevented || o) && E?.toggle(D(e), e);
+		},
+		style: _
+	});
+	return h === void 0 ? /* @__PURE__ */ f("button", {
+		...N,
+		disabled: o,
+		ref: u,
+		type: b
+	}) : h(N);
+}
+//#endregion
+export { x as a, C as i, E as n, y as o, O as r, v as s, T as t };

package/dist/fullscreen.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./fullscreen-CF0UN4mv.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./fullscreen-6GW4naDP.js";
 export { o as Fullscreen, n as FullscreenContent, r as FullscreenDefaultsProvider, i as FullscreenTrigger, e as useFullscreen, t as useFullscreenContext, a as useFullscreenDefaults };

package/dist/grid-l7xi6DUg.js

@@ -0,0 +1,26 @@
+import { keyedProps as e } from "@slotted/core/selector-key";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/grid/grid.tsx
+var n = "--slotted-grid-columns";
+function r(e, t) {
+	return e === void 0 ? t : {
+		[n]: e,
+		...t
+	};
+}
+function i({ align: n, columns: i, gap: a, justify: o, minItemWidth: s, render: c, style: l, ...u }) {
+	let d = e({
+		...u,
+		...n === void 0 ? {} : { "data-align": n },
+		...i === void 0 ? {} : { "data-columns": String(i) },
+		...a === void 0 ? {} : { "data-gap": String(a) },
+		...o === void 0 ? {} : { "data-justify": o },
+		...s === void 0 ? {} : { "data-min-item-width": s },
+		"data-part": "root",
+		"data-ui": "grid",
+		style: r(i, l)
+	});
+	return c === void 0 ? /* @__PURE__ */ t("div", { ...d }) : c(d);
+}
+//#endregion
+export { i as t };

package/dist/grid.js

@@ -1,2 +1,2 @@
-import { t as e } from "./grid-CIkG_2IQ.js";
+import { t as e } from "./grid-l7xi6DUg.js";
 export { e as Grid };

package/dist/highlight-9lRPIZ9O.js

@@ -0,0 +1,59 @@
+/* empty css                   */
+import { keyedProps as e } from "@slotted/core/selector-key";
+import { Fragment as t, createContext as n, useContext as r, useMemo as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { highlightRuns as o } from "@slotted/core/highlight";
+//#region src/highlight/highlight-defaults.tsx
+var s = n({
+	locale: void 0,
+	sensitivity: "base",
+	occurrences: "all"
+});
+function c() {
+	return r(s);
+}
+function l({ children: e, ...t }) {
+	let n = c();
+	return /* @__PURE__ */ a(s.Provider, {
+		value: {
+			locale: t.locale ?? n.locale,
+			sensitivity: t.sensitivity ?? n.sensitivity,
+			occurrences: t.occurrences ?? n.occurrences
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/highlight/highlight.tsx
+function u({ current: n, disabled: r, locale: s, matcher: l, occurrences: u, query: d, ranges: f, render: p, sensitivity: m, text: h, ...g }) {
+	let _ = c(), v = s ?? _.locale, y = m ?? _.sensitivity, b = u ?? _.occurrences, x = i(() => o(h, {
+		locale: v,
+		matcher: l,
+		occurrences: b,
+		query: d,
+		ranges: f,
+		sensitivity: y
+	}), [
+		l,
+		d,
+		f,
+		v,
+		b,
+		y,
+		h
+	]), S = e({
+		...g,
+		children: x.map((e, r) => e.matched ? /* @__PURE__ */ a("mark", {
+			"data-part": "match",
+			"data-part-match": "",
+			...e.index === n ? { "data-current": "" } : {},
+			children: e.text
+		}, r) : /* @__PURE__ */ a(t, { children: e.text }, r)),
+		"data-part": "root",
+		"data-ui": "highlight",
+		...r ? { "data-disabled": "" } : {}
+	});
+	return p === void 0 ? /* @__PURE__ */ a("span", { ...S }) : p(S);
+}
+//#endregion
+export { l as n, c as r, u as t };

package/dist/highlight.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./highlight-0Qw23QPp.js";
+import { n as e, r as t, t as n } from "./highlight-9lRPIZ9O.js";
 export { n as Highlight, e as HighlightDefaultsProvider, t as useHighlightDefaults };