@sprawlify/primitives 0.0.1

package/dist/focus-visible-DYTWdWpa.cjs

@@ -0,0 +1,210 @@
+const require_dom_query = require('./dom-query-CWZdWUGp.cjs');
+
+//#region src/shared/focus-visible/index.ts
+function isValidKey(e) {
+	return !(e.metaKey || !require_dom_query.isMac() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+}
+const nonTextInputTypes = new Set([
+	"checkbox",
+	"radio",
+	"range",
+	"color",
+	"file",
+	"image",
+	"button",
+	"submit",
+	"reset"
+]);
+function isKeyboardFocusEvent(isTextInput, modality, e) {
+	const target = e ? require_dom_query.getEventTarget(e) : null;
+	const win = require_dom_query.getWindow(target);
+	isTextInput = isTextInput || target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target?.type) || target instanceof win.HTMLTextAreaElement || target instanceof win.HTMLElement && target.isContentEditable;
+	return !(isTextInput && modality === "keyboard" && e instanceof win.KeyboardEvent && !Reflect.has(FOCUS_VISIBLE_INPUT_KEYS, e.key));
+}
+let currentModality = null;
+let changeHandlers = /* @__PURE__ */ new Set();
+let listenerMap = /* @__PURE__ */ new Map();
+let hasEventBeforeFocus = false;
+let hasBlurredWindowRecently = false;
+const FOCUS_VISIBLE_INPUT_KEYS = {
+	Tab: true,
+	Escape: true
+};
+function triggerChangeHandlers(modality, e) {
+	for (let handler of changeHandlers) handler(modality, e);
+}
+function handleKeyboardEvent(e) {
+	hasEventBeforeFocus = true;
+	if (isValidKey(e)) {
+		currentModality = "keyboard";
+		triggerChangeHandlers("keyboard", e);
+	}
+}
+function handlePointerEvent(e) {
+	currentModality = "pointer";
+	if (e.type === "mousedown" || e.type === "pointerdown") {
+		hasEventBeforeFocus = true;
+		triggerChangeHandlers("pointer", e);
+	}
+}
+function handleClickEvent(e) {
+	if (require_dom_query.isVirtualClick(e)) {
+		hasEventBeforeFocus = true;
+		currentModality = "virtual";
+	}
+}
+function handleFocusEvent(e) {
+	const target = require_dom_query.getEventTarget(e);
+	if (target === require_dom_query.getWindow(target) || target === require_dom_query.getDocument(target)) return;
+	if (!hasEventBeforeFocus && !hasBlurredWindowRecently) {
+		currentModality = "virtual";
+		triggerChangeHandlers("virtual", e);
+	}
+	hasEventBeforeFocus = false;
+	hasBlurredWindowRecently = false;
+}
+function handleWindowBlur() {
+	hasEventBeforeFocus = false;
+	hasBlurredWindowRecently = true;
+}
+function setupGlobalFocusEvents(root) {
+	if (typeof window === "undefined" || listenerMap.get(require_dom_query.getWindow(root))) return;
+	const win = require_dom_query.getWindow(root);
+	const doc = require_dom_query.getDocument(root);
+	let focus = win.HTMLElement.prototype.focus;
+	function patchedFocus() {
+		currentModality = "virtual";
+		triggerChangeHandlers("virtual", null);
+		hasEventBeforeFocus = true;
+		focus.apply(this, arguments);
+	}
+	try {
+		Object.defineProperty(win.HTMLElement.prototype, "focus", {
+			configurable: true,
+			value: patchedFocus
+		});
+	} catch {}
+	doc.addEventListener("keydown", handleKeyboardEvent, true);
+	doc.addEventListener("keyup", handleKeyboardEvent, true);
+	doc.addEventListener("click", handleClickEvent, true);
+	win.addEventListener("focus", handleFocusEvent, true);
+	win.addEventListener("blur", handleWindowBlur, false);
+	if (typeof win.PointerEvent !== "undefined") {
+		doc.addEventListener("pointerdown", handlePointerEvent, true);
+		doc.addEventListener("pointermove", handlePointerEvent, true);
+		doc.addEventListener("pointerup", handlePointerEvent, true);
+	} else {
+		doc.addEventListener("mousedown", handlePointerEvent, true);
+		doc.addEventListener("mousemove", handlePointerEvent, true);
+		doc.addEventListener("mouseup", handlePointerEvent, true);
+	}
+	win.addEventListener("beforeunload", () => {
+		tearDownWindowFocusTracking(root);
+	}, { once: true });
+	listenerMap.set(win, { focus });
+}
+const tearDownWindowFocusTracking = (root, loadListener) => {
+	const win = require_dom_query.getWindow(root);
+	const doc = require_dom_query.getDocument(root);
+	if (loadListener) doc.removeEventListener("DOMContentLoaded", loadListener);
+	const listenerData = listenerMap.get(win);
+	if (!listenerData) return;
+	try {
+		Object.defineProperty(win.HTMLElement.prototype, "focus", {
+			configurable: true,
+			value: listenerData.focus
+		});
+	} catch {}
+	doc.removeEventListener("keydown", handleKeyboardEvent, true);
+	doc.removeEventListener("keyup", handleKeyboardEvent, true);
+	doc.removeEventListener("click", handleClickEvent, true);
+	win.removeEventListener("focus", handleFocusEvent, true);
+	win.removeEventListener("blur", handleWindowBlur, false);
+	if (typeof win.PointerEvent !== "undefined") {
+		doc.removeEventListener("pointerdown", handlePointerEvent, true);
+		doc.removeEventListener("pointermove", handlePointerEvent, true);
+		doc.removeEventListener("pointerup", handlePointerEvent, true);
+	} else {
+		doc.removeEventListener("mousedown", handlePointerEvent, true);
+		doc.removeEventListener("mousemove", handlePointerEvent, true);
+		doc.removeEventListener("mouseup", handlePointerEvent, true);
+	}
+	listenerMap.delete(win);
+};
+function getInteractionModality() {
+	return currentModality;
+}
+function setInteractionModality(modality) {
+	currentModality = modality;
+	triggerChangeHandlers(modality, null);
+}
+function trackInteractionModality(props) {
+	const { onChange, root } = props;
+	setupGlobalFocusEvents(root);
+	onChange({ modality: currentModality });
+	const handler = () => onChange({ modality: currentModality });
+	changeHandlers.add(handler);
+	return () => {
+		changeHandlers.delete(handler);
+	};
+}
+function isFocusVisible() {
+	return currentModality === "keyboard";
+}
+function trackFocusVisible(props = {}) {
+	const { isTextInput, autoFocus, onChange, root } = props;
+	setupGlobalFocusEvents(root);
+	onChange?.({
+		isFocusVisible: autoFocus || isFocusVisible(),
+		modality: currentModality
+	});
+	const handler = (modality, e) => {
+		if (!isKeyboardFocusEvent(!!isTextInput, modality, e)) return;
+		onChange?.({
+			isFocusVisible: isFocusVisible(),
+			modality
+		});
+	};
+	changeHandlers.add(handler);
+	return () => {
+		changeHandlers.delete(handler);
+	};
+}
+
+//#endregion
+Object.defineProperty(exports, 'getInteractionModality', {
+  enumerable: true,
+  get: function () {
+    return getInteractionModality;
+  }
+});
+Object.defineProperty(exports, 'isFocusVisible', {
+  enumerable: true,
+  get: function () {
+    return isFocusVisible;
+  }
+});
+Object.defineProperty(exports, 'listenerMap', {
+  enumerable: true,
+  get: function () {
+    return listenerMap;
+  }
+});
+Object.defineProperty(exports, 'setInteractionModality', {
+  enumerable: true,
+  get: function () {
+    return setInteractionModality;
+  }
+});
+Object.defineProperty(exports, 'trackFocusVisible', {
+  enumerable: true,
+  get: function () {
+    return trackFocusVisible;
+  }
+});
+Object.defineProperty(exports, 'trackInteractionModality', {
+  enumerable: true,
+  get: function () {
+    return trackInteractionModality;
+  }
+});

package/dist/focus-visible-irppYatv.mjs

@@ -0,0 +1,175 @@
+import { Lt as isMac, Qt as getDocument, Tt as isVirtualClick, ft as getEventTarget, rn as getWindow } from "./dom-query-DFCRhyj1.mjs";
+
+//#region src/shared/focus-visible/index.ts
+function isValidKey(e) {
+	return !(e.metaKey || !isMac() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+}
+const nonTextInputTypes = new Set([
+	"checkbox",
+	"radio",
+	"range",
+	"color",
+	"file",
+	"image",
+	"button",
+	"submit",
+	"reset"
+]);
+function isKeyboardFocusEvent(isTextInput, modality, e) {
+	const target = e ? getEventTarget(e) : null;
+	const win = getWindow(target);
+	isTextInput = isTextInput || target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target?.type) || target instanceof win.HTMLTextAreaElement || target instanceof win.HTMLElement && target.isContentEditable;
+	return !(isTextInput && modality === "keyboard" && e instanceof win.KeyboardEvent && !Reflect.has(FOCUS_VISIBLE_INPUT_KEYS, e.key));
+}
+let currentModality = null;
+let changeHandlers = /* @__PURE__ */ new Set();
+let listenerMap = /* @__PURE__ */ new Map();
+let hasEventBeforeFocus = false;
+let hasBlurredWindowRecently = false;
+const FOCUS_VISIBLE_INPUT_KEYS = {
+	Tab: true,
+	Escape: true
+};
+function triggerChangeHandlers(modality, e) {
+	for (let handler of changeHandlers) handler(modality, e);
+}
+function handleKeyboardEvent(e) {
+	hasEventBeforeFocus = true;
+	if (isValidKey(e)) {
+		currentModality = "keyboard";
+		triggerChangeHandlers("keyboard", e);
+	}
+}
+function handlePointerEvent(e) {
+	currentModality = "pointer";
+	if (e.type === "mousedown" || e.type === "pointerdown") {
+		hasEventBeforeFocus = true;
+		triggerChangeHandlers("pointer", e);
+	}
+}
+function handleClickEvent(e) {
+	if (isVirtualClick(e)) {
+		hasEventBeforeFocus = true;
+		currentModality = "virtual";
+	}
+}
+function handleFocusEvent(e) {
+	const target = getEventTarget(e);
+	if (target === getWindow(target) || target === getDocument(target)) return;
+	if (!hasEventBeforeFocus && !hasBlurredWindowRecently) {
+		currentModality = "virtual";
+		triggerChangeHandlers("virtual", e);
+	}
+	hasEventBeforeFocus = false;
+	hasBlurredWindowRecently = false;
+}
+function handleWindowBlur() {
+	hasEventBeforeFocus = false;
+	hasBlurredWindowRecently = true;
+}
+function setupGlobalFocusEvents(root) {
+	if (typeof window === "undefined" || listenerMap.get(getWindow(root))) return;
+	const win = getWindow(root);
+	const doc = getDocument(root);
+	let focus = win.HTMLElement.prototype.focus;
+	function patchedFocus() {
+		currentModality = "virtual";
+		triggerChangeHandlers("virtual", null);
+		hasEventBeforeFocus = true;
+		focus.apply(this, arguments);
+	}
+	try {
+		Object.defineProperty(win.HTMLElement.prototype, "focus", {
+			configurable: true,
+			value: patchedFocus
+		});
+	} catch {}
+	doc.addEventListener("keydown", handleKeyboardEvent, true);
+	doc.addEventListener("keyup", handleKeyboardEvent, true);
+	doc.addEventListener("click", handleClickEvent, true);
+	win.addEventListener("focus", handleFocusEvent, true);
+	win.addEventListener("blur", handleWindowBlur, false);
+	if (typeof win.PointerEvent !== "undefined") {
+		doc.addEventListener("pointerdown", handlePointerEvent, true);
+		doc.addEventListener("pointermove", handlePointerEvent, true);
+		doc.addEventListener("pointerup", handlePointerEvent, true);
+	} else {
+		doc.addEventListener("mousedown", handlePointerEvent, true);
+		doc.addEventListener("mousemove", handlePointerEvent, true);
+		doc.addEventListener("mouseup", handlePointerEvent, true);
+	}
+	win.addEventListener("beforeunload", () => {
+		tearDownWindowFocusTracking(root);
+	}, { once: true });
+	listenerMap.set(win, { focus });
+}
+const tearDownWindowFocusTracking = (root, loadListener) => {
+	const win = getWindow(root);
+	const doc = getDocument(root);
+	if (loadListener) doc.removeEventListener("DOMContentLoaded", loadListener);
+	const listenerData = listenerMap.get(win);
+	if (!listenerData) return;
+	try {
+		Object.defineProperty(win.HTMLElement.prototype, "focus", {
+			configurable: true,
+			value: listenerData.focus
+		});
+	} catch {}
+	doc.removeEventListener("keydown", handleKeyboardEvent, true);
+	doc.removeEventListener("keyup", handleKeyboardEvent, true);
+	doc.removeEventListener("click", handleClickEvent, true);
+	win.removeEventListener("focus", handleFocusEvent, true);
+	win.removeEventListener("blur", handleWindowBlur, false);
+	if (typeof win.PointerEvent !== "undefined") {
+		doc.removeEventListener("pointerdown", handlePointerEvent, true);
+		doc.removeEventListener("pointermove", handlePointerEvent, true);
+		doc.removeEventListener("pointerup", handlePointerEvent, true);
+	} else {
+		doc.removeEventListener("mousedown", handlePointerEvent, true);
+		doc.removeEventListener("mousemove", handlePointerEvent, true);
+		doc.removeEventListener("mouseup", handlePointerEvent, true);
+	}
+	listenerMap.delete(win);
+};
+function getInteractionModality() {
+	return currentModality;
+}
+function setInteractionModality(modality) {
+	currentModality = modality;
+	triggerChangeHandlers(modality, null);
+}
+function trackInteractionModality(props) {
+	const { onChange, root } = props;
+	setupGlobalFocusEvents(root);
+	onChange({ modality: currentModality });
+	const handler = () => onChange({ modality: currentModality });
+	changeHandlers.add(handler);
+	return () => {
+		changeHandlers.delete(handler);
+	};
+}
+function isFocusVisible() {
+	return currentModality === "keyboard";
+}
+function trackFocusVisible(props = {}) {
+	const { isTextInput, autoFocus, onChange, root } = props;
+	setupGlobalFocusEvents(root);
+	onChange?.({
+		isFocusVisible: autoFocus || isFocusVisible(),
+		modality: currentModality
+	});
+	const handler = (modality, e) => {
+		if (!isKeyboardFocusEvent(!!isTextInput, modality, e)) return;
+		onChange?.({
+			isFocusVisible: isFocusVisible(),
+			modality
+		});
+	};
+	changeHandlers.add(handler);
+	return () => {
+		changeHandlers.delete(handler);
+	};
+}
+
+//#endregion
+export { trackFocusVisible as a, setInteractionModality as i, isFocusVisible as n, trackInteractionModality as o, listenerMap as r, getInteractionModality as t };

package/dist/focus-visible.cjs

@@ -0,0 +1,9 @@
+require('./dom-query-CWZdWUGp.cjs');
+const require_focus_visible = require('./focus-visible-DYTWdWpa.cjs');
+
+exports.getInteractionModality = require_focus_visible.getInteractionModality;
+exports.isFocusVisible = require_focus_visible.isFocusVisible;
+exports.listenerMap = require_focus_visible.listenerMap;
+exports.setInteractionModality = require_focus_visible.setInteractionModality;
+exports.trackFocusVisible = require_focus_visible.trackFocusVisible;
+exports.trackInteractionModality = require_focus_visible.trackInteractionModality;

package/dist/focus-visible.d.cts

@@ -0,0 +1,31 @@
+//#region src/shared/focus-visible/index.d.ts
+type Modality = "keyboard" | "pointer" | "virtual";
+type RootNode = Document | ShadowRoot | Node;
+interface GlobalListenerData {
+  focus: VoidFunction;
+}
+declare let listenerMap: Map<Window, GlobalListenerData>;
+declare function getInteractionModality(): Modality | null;
+declare function setInteractionModality(modality: Modality): void;
+interface InteractionModalityChangeDetails {
+  modality: Modality | null;
+}
+interface InteractionModalityProps {
+  root?: RootNode | undefined;
+  onChange: (details: InteractionModalityChangeDetails) => void;
+}
+declare function trackInteractionModality(props: InteractionModalityProps): VoidFunction;
+declare function isFocusVisible(): boolean;
+interface FocusVisibleChangeDetails {
+  isFocusVisible: boolean;
+  modality: Modality | null;
+}
+interface FocusVisibleProps {
+  root?: RootNode | undefined;
+  isTextInput?: boolean | undefined;
+  autoFocus?: boolean | undefined;
+  onChange?: ((details: FocusVisibleChangeDetails) => void) | undefined;
+}
+declare function trackFocusVisible(props?: FocusVisibleProps): VoidFunction;
+//#endregion
+export { FocusVisibleChangeDetails, FocusVisibleProps, InteractionModalityChangeDetails, InteractionModalityProps, Modality, getInteractionModality, isFocusVisible, listenerMap, setInteractionModality, trackFocusVisible, trackInteractionModality };

package/dist/focus-visible.d.mts

@@ -0,0 +1,31 @@
+//#region src/shared/focus-visible/index.d.ts
+type Modality = "keyboard" | "pointer" | "virtual";
+type RootNode = Document | ShadowRoot | Node;
+interface GlobalListenerData {
+  focus: VoidFunction;
+}
+declare let listenerMap: Map<Window, GlobalListenerData>;
+declare function getInteractionModality(): Modality | null;
+declare function setInteractionModality(modality: Modality): void;
+interface InteractionModalityChangeDetails {
+  modality: Modality | null;
+}
+interface InteractionModalityProps {
+  root?: RootNode | undefined;
+  onChange: (details: InteractionModalityChangeDetails) => void;
+}
+declare function trackInteractionModality(props: InteractionModalityProps): VoidFunction;
+declare function isFocusVisible(): boolean;
+interface FocusVisibleChangeDetails {
+  isFocusVisible: boolean;
+  modality: Modality | null;
+}
+interface FocusVisibleProps {
+  root?: RootNode | undefined;
+  isTextInput?: boolean | undefined;
+  autoFocus?: boolean | undefined;
+  onChange?: ((details: FocusVisibleChangeDetails) => void) | undefined;
+}
+declare function trackFocusVisible(props?: FocusVisibleProps): VoidFunction;
+//#endregion
+export { FocusVisibleChangeDetails, FocusVisibleProps, InteractionModalityChangeDetails, InteractionModalityProps, Modality, getInteractionModality, isFocusVisible, listenerMap, setInteractionModality, trackFocusVisible, trackInteractionModality };

package/dist/focus-visible.mjs

@@ -0,0 +1,4 @@
+import "./dom-query-DFCRhyj1.mjs";
+import { a as trackFocusVisible, i as setInteractionModality, n as isFocusVisible, o as trackInteractionModality, r as listenerMap, t as getInteractionModality } from "./focus-visible-irppYatv.mjs";
+
+export { getInteractionModality, isFocusVisible, listenerMap, setInteractionModality, trackFocusVisible, trackInteractionModality };

package/dist/functions-BOkTDEFM.d.cts

@@ -0,0 +1,15 @@
+//#region src/shared/utils/functions.d.ts
+type MaybeFunction<T> = T | (() => T);
+type Nullable<T> = T | null | undefined;
+declare const runIfFn: <T>(v: T | undefined, ...a: T extends ((...a: any[]) => void) ? Parameters<T> : never) => T extends ((...a: any[]) => void) ? NonNullable<ReturnType<T>> : NonNullable<T>;
+declare const cast: <T>(v: unknown) => T;
+declare const identity: (v: VoidFunction) => void;
+declare const noop: () => void;
+declare const callAll: <T extends (...a: any[]) => void>(...fns: (T | null | undefined)[]) => (...a: Parameters<T>) => void;
+declare const uuid: () => string;
+declare function match<V extends string | number = string, R = unknown>(key: V, record: Record<V, R | ((...args: any[]) => R)>, ...args: any[]): R;
+declare const tryCatch: <R>(fn: () => R, fallback: () => R) => R;
+declare function throttle<T extends (...args: any[]) => void>(fn: T, wait?: number): T;
+declare function debounce<T extends (...args: any[]) => void>(fn: T, wait?: number): T;
+//#endregion
+export { debounce as a, noop as c, tryCatch as d, uuid as f, cast as i, runIfFn as l, Nullable as n, identity as o, callAll as r, match as s, MaybeFunction as t, throttle as u };

package/dist/functions-IZtWcC8Q.d.mts

@@ -0,0 +1,15 @@
+//#region src/shared/utils/functions.d.ts
+type MaybeFunction<T> = T | (() => T);
+type Nullable<T> = T | null | undefined;
+declare const runIfFn: <T>(v: T | undefined, ...a: T extends ((...a: any[]) => void) ? Parameters<T> : never) => T extends ((...a: any[]) => void) ? NonNullable<ReturnType<T>> : NonNullable<T>;
+declare const cast: <T>(v: unknown) => T;
+declare const identity: (v: VoidFunction) => void;
+declare const noop: () => void;
+declare const callAll: <T extends (...a: any[]) => void>(...fns: (T | null | undefined)[]) => (...a: Parameters<T>) => void;
+declare const uuid: () => string;
+declare function match<V extends string | number = string, R = unknown>(key: V, record: Record<V, R | ((...args: any[]) => R)>, ...args: any[]): R;
+declare const tryCatch: <R>(fn: () => R, fallback: () => R) => R;
+declare function throttle<T extends (...args: any[]) => void>(fn: T, wait?: number): T;
+declare function debounce<T extends (...args: any[]) => void>(fn: T, wait?: number): T;
+//#endregion
+export { debounce as a, noop as c, tryCatch as d, uuid as f, cast as i, runIfFn as l, Nullable as n, identity as o, callAll as r, match as s, MaybeFunction as t, throttle as u };

package/dist/highlight-word.cjs

@@ -0,0 +1,100 @@
+
+//#region src/shared/highlight-word/normalize-span.ts
+const normalizeSpan = (spans, len) => {
+	const result = [];
+	const append = (start, end, match) => {
+		if (end - start > 0) result.push({
+			start,
+			end,
+			match
+		});
+	};
+	if (spans.length === 0) append(0, len, false);
+	else {
+		let lastIndex = 0;
+		for (const chunk of spans) {
+			append(lastIndex, chunk.start, false);
+			append(chunk.start, chunk.end, true);
+			lastIndex = chunk.end;
+		}
+		append(lastIndex, len, false);
+	}
+	return result;
+};
+
+//#endregion
+//#region src/shared/highlight-word/escape-regex.ts
+const escapeRegex = (term) => term.replace(/[|\\{}()[\]^$+*?.-]/g, (char) => `\\${char}`);
+
+//#endregion
+//#region src/shared/highlight-word/highlight-first.ts
+function highlightFirst(props) {
+	const { text, query, ignoreCase, exactMatch } = props;
+	if (exactMatch) {
+		const escapedQuery = escapeRegex(query);
+		const regex = new RegExp(`\\b(${escapedQuery})\\b`, ignoreCase ? "i" : "");
+		const match = text.match(regex);
+		if (!match || match.index === void 0) return [{
+			text,
+			match: false
+		}];
+		const start$1 = match.index;
+		return normalizeSpan([{
+			start: start$1,
+			end: start$1 + match[0].length
+		}], text.length).map((chunk) => ({
+			text: text.slice(chunk.start, chunk.end),
+			match: !!chunk.match
+		}));
+	}
+	const searchText = ignoreCase ? text.toLowerCase() : text;
+	const searchQuery = ignoreCase ? typeof query === "string" ? query.toLowerCase() : query : query;
+	const start = typeof searchText === "string" ? searchText.indexOf(searchQuery) : -1;
+	if (start === -1) return [{
+		text,
+		match: false
+	}];
+	return normalizeSpan([{
+		start,
+		end: start + searchQuery.length
+	}], text.length).map((chunk) => ({
+		text: text.slice(chunk.start, chunk.end),
+		match: !!chunk.match
+	}));
+}
+
+//#endregion
+//#region src/shared/highlight-word/highlight-multiple.ts
+const buildRegex = (queryProp, flags, exactMatch) => {
+	const query = queryProp.filter(Boolean).map((text) => escapeRegex(text));
+	const pattern = exactMatch ? `\\b(${query.join("|")})\\b` : `(${query.join("|")})`;
+	return new RegExp(pattern, flags);
+};
+const getRegexFlags = (ignoreCase, matchAll = true) => `${ignoreCase ? "i" : ""}${matchAll ? "g" : ""}`;
+function highlightMultiple(props) {
+	const { text, query, ignoreCase, matchAll, exactMatch } = props;
+	if (query.length === 0) return [{
+		text,
+		match: false
+	}];
+	const flags = getRegexFlags(ignoreCase, matchAll);
+	const regex = buildRegex(Array.isArray(query) ? query : [query], flags, exactMatch);
+	return normalizeSpan([...text.matchAll(regex)].map((match) => ({
+		start: match.index || 0,
+		end: (match.index || 0) + match[0].length
+	})), props.text.length).map((chunk) => ({
+		text: props.text.slice(chunk.start, chunk.end),
+		match: !!chunk.match
+	}));
+}
+
+//#endregion
+//#region src/shared/highlight-word/highlight.ts
+const highlightWord = (props) => {
+	if (props.matchAll == null) props.matchAll = Array.isArray(props.query);
+	if (!props.matchAll && Array.isArray(props.query)) throw new Error("matchAll must be true when using multiple queries");
+	return props.matchAll ? highlightMultiple(props) : highlightFirst(props);
+};
+
+//#endregion
+exports.highlightWord = highlightWord;

package/dist/highlight-word.d.cts

@@ -0,0 +1,24 @@
+//#region src/shared/highlight-word/types.d.ts
+interface HighlightRegexOptions {
+  ignoreCase?: boolean | undefined;
+  matchAll?: boolean | undefined;
+  exactMatch?: boolean | undefined;
+}
+interface HighlightWordProps extends HighlightRegexOptions {
+  text: string;
+  query: string | string[];
+}
+interface HighlightChunk {
+  text: string;
+  match: boolean;
+}
+interface HighlightSpan {
+  start: number;
+  end: number;
+  match?: boolean | undefined;
+}
+//#endregion
+//#region src/shared/highlight-word/highlight.d.ts
+declare const highlightWord: (props: HighlightWordProps) => HighlightChunk[];
+//#endregion
+export { HighlightChunk, HighlightSpan, HighlightWordProps, highlightWord };

package/dist/highlight-word.d.mts

@@ -0,0 +1,24 @@
+//#region src/shared/highlight-word/types.d.ts
+interface HighlightRegexOptions {
+  ignoreCase?: boolean | undefined;
+  matchAll?: boolean | undefined;
+  exactMatch?: boolean | undefined;
+}
+interface HighlightWordProps extends HighlightRegexOptions {
+  text: string;
+  query: string | string[];
+}
+interface HighlightChunk {
+  text: string;
+  match: boolean;
+}
+interface HighlightSpan {
+  start: number;
+  end: number;
+  match?: boolean | undefined;
+}
+//#endregion
+//#region src/shared/highlight-word/highlight.d.ts
+declare const highlightWord: (props: HighlightWordProps) => HighlightChunk[];
+//#endregion
+export { HighlightChunk, HighlightSpan, HighlightWordProps, highlightWord };