@dbcdk/react-components 0.0.95 → 0.0.97

package/dist/hooks/useTableSelection.js

@@ -1,164 +0,0 @@
-'use client';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-const EMPTY_IDS = new Set();
-function safeParseIds(raw) {
-    if (!raw)
-        return null;
-    try {
-        const parsed = JSON.parse(raw);
-        if (!Array.isArray(parsed))
-            return null;
-        return parsed.filter((v) => typeof v === 'string' || typeof v === 'number');
-    }
-    catch {
-        return null;
-    }
-}
-function serializeIds(ids) {
-    return JSON.stringify(Array.from(ids));
-}
-function areSetsEqual(a, b) {
-    if (a.size !== b.size)
-        return false;
-    for (const value of a) {
-        if (!b.has(value))
-            return false;
-    }
-    return true;
-}
-export function useTableSelection({ storageKey, items, getId, initialSelectedIds, onSelectionChange, selectionMode = 'single', pruneToItems = false, storage = 'session', }) {
-    const resolvedInitialSelectedIds = initialSelectedIds !== null && initialSelectedIds !== void 0 ? initialSelectedIds : EMPTY_IDS;
-    const [selectedIds, setSelectedIds] = useState(resolvedInitialSelectedIds);
-    const [hydrated, setHydrated] = useState(false);
-    const lastWrittenRef = useRef(null);
-    const itemsById = useMemo(() => {
-        const map = new Map();
-        for (const item of items) {
-            map.set(getId(item), item);
-        }
-        return map;
-    }, [items, getId]);
-    useEffect(() => {
-        if (typeof window === 'undefined')
-            return;
-        const storageApi = storage === 'local' ? window.localStorage : window.sessionStorage;
-        if (!storageKey) {
-            setSelectedIds(prev => areSetsEqual(prev, resolvedInitialSelectedIds) ? prev : new Set(resolvedInitialSelectedIds));
-            setHydrated(true);
-            lastWrittenRef.current = null;
-            return;
-        }
-        const parsed = safeParseIds(storageApi.getItem(storageKey));
-        const next = new Set(parsed !== null && parsed !== void 0 ? parsed : Array.from(resolvedInitialSelectedIds));
-        setSelectedIds(prev => (areSetsEqual(prev, next) ? prev : next));
-        lastWrittenRef.current = serializeIds(next);
-        setHydrated(true);
-    }, [storage, storageKey, resolvedInitialSelectedIds]);
-    useEffect(() => {
-        if (!pruneToItems)
-            return;
-        const visibleIds = new Set(Array.from(itemsById.keys()));
-        setSelectedIds(prev => {
-            if (prev.size === 0)
-                return prev;
-            if (visibleIds.size === 0)
-                return prev;
-            const next = new Set();
-            for (const id of prev) {
-                if (visibleIds.has(id))
-                    next.add(id);
-            }
-            return areSetsEqual(prev, next) ? prev : next;
-        });
-    }, [pruneToItems, itemsById]);
-    const selectedItemMap = useMemo(() => {
-        const map = new Map();
-        for (const id of selectedIds) {
-            const item = itemsById.get(id);
-            if (item !== undefined)
-                map.set(id, item);
-        }
-        return map;
-    }, [selectedIds, itemsById]);
-    const selectedItems = useMemo(() => Array.from(selectedItemMap.values()), [selectedItemMap]);
-    const allSelected = useMemo(() => {
-        if (items.length === 0)
-            return false;
-        return items.every(item => selectedIds.has(getId(item)));
-    }, [items, selectedIds, getId]);
-    const anySelected = useMemo(() => selectedIds.size > 0, [selectedIds]);
-    useEffect(() => {
-        if (!hydrated)
-            return;
-        if (typeof window === 'undefined')
-            return;
-        if (storageKey) {
-            const storageApi = storage === 'local' ? window.localStorage : window.sessionStorage;
-            const nextStr = serializeIds(selectedIds);
-            if (lastWrittenRef.current !== nextStr) {
-                storageApi.setItem(storageKey, nextStr);
-                lastWrittenRef.current = nextStr;
-            }
-        }
-        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange({ selectedIds, selectedItems });
-    }, [hydrated, onSelectionChange, selectedIds, selectedItems, storage, storageKey]);
-    const toggleId = useCallback((id, selected) => {
-        setSelectedIds(prev => {
-            const next = new Set(prev);
-            const isSelected = next.has(id);
-            const shouldSelect = selected === undefined ? !isSelected : selected;
-            if (selectionMode === 'single') {
-                next.clear();
-                if (shouldSelect)
-                    next.add(id);
-                return areSetsEqual(prev, next) ? prev : next;
-            }
-            if (shouldSelect)
-                next.add(id);
-            else
-                next.delete(id);
-            return areSetsEqual(prev, next) ? prev : next;
-        });
-    }, [selectionMode]);
-    const toggleItem = useCallback((item) => {
-        toggleId(getId(item));
-    }, [toggleId, getId]);
-    const selectOnly = useCallback((id) => {
-        setSelectedIds(prev => {
-            const next = new Set([id]);
-            return areSetsEqual(prev, next) ? prev : next;
-        });
-    }, []);
-    const clearSelection = useCallback(() => {
-        setSelectedIds(prev => (prev.size === 0 ? prev : new Set()));
-    }, []);
-    const toggleAll = useCallback((selected) => {
-        if (!selected) {
-            clearSelection();
-            return;
-        }
-        if (selectionMode === 'single') {
-            const first = items[0];
-            const next = first ? new Set([getId(first)]) : new Set();
-            setSelectedIds(prev => (areSetsEqual(prev, next) ? prev : next));
-            return;
-        }
-        const next = new Set();
-        for (const item of items) {
-            next.add(getId(item));
-        }
-        setSelectedIds(prev => (areSetsEqual(prev, next) ? prev : next));
-    }, [clearSelection, getId, items, selectionMode]);
-    return {
-        selectedIds,
-        selectedItems,
-        selectedItemMap,
-        toggleItem,
-        toggleId,
-        selectOnly,
-        clearSelection,
-        allSelected,
-        anySelected,
-        toggleAll,
-    };
-}

package/dist/hooks/useTableSettings.js

@@ -1,71 +0,0 @@
-'use client';
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { readLocalStorage, writeLocalStorage } from '../utils/localStorage.utils';
-function getDefaultVisibleIds(tableColumns) {
-    var _a;
-    return ((_a = tableColumns === null || tableColumns === void 0 ? void 0 : tableColumns.filter(c => { var _a; return !((_a = c.meta) === null || _a === void 0 ? void 0 : _a.hidden); }).map(c => c.id).filter(Boolean)) !== null && _a !== void 0 ? _a : []);
-}
-function mergeDefaults(stored, defaults) {
-    const viewMode = (stored === null || stored === void 0 ? void 0 : stored.viewMode) === 'compact' || (stored === null || stored === void 0 ? void 0 : stored.viewMode) === 'wrapped'
-        ? stored.viewMode
-        : defaults.viewMode;
-    const visibleColumnIds = Array.isArray(stored === null || stored === void 0 ? void 0 : stored.visibleColumnIds) && stored.visibleColumnIds.length > 0
-        ? stored.visibleColumnIds
-        : defaults.visibleColumnIds;
-    return { viewMode, visibleColumnIds };
-}
-export const localStorageTableSettingsStorage = {
-    get: key => {
-        const v = readLocalStorage(key);
-        return v && typeof v === 'object' ? v : undefined;
-    },
-    set: (key, next) => {
-        writeLocalStorage(key, next);
-    },
-};
-export function useTableSettings({ storageKey, tableColumns, defaultViewMode = 'compact', defaultVisibleColumnIds, storage = localStorageTableSettingsStorage, }) {
-    const defaults = useMemo(() => {
-        return {
-            viewMode: defaultViewMode,
-            visibleColumnIds: defaultVisibleColumnIds !== null && defaultVisibleColumnIds !== void 0 ? defaultVisibleColumnIds : getDefaultVisibleIds(tableColumns),
-        };
-    }, [defaultViewMode, defaultVisibleColumnIds, tableColumns]);
-    const [state, setState] = useState(defaults);
-    useEffect(() => {
-        const stored = storage.get(storageKey);
-        const next = mergeDefaults(stored, defaults);
-        setState(next);
-    }, [storageKey, storage, defaults]);
-    const persist = useCallback((next) => storage.set(storageKey, next), [storage, storageKey]);
-    const setViewMode = useCallback((mode) => {
-        setState(prev => {
-            if (prev.viewMode === mode)
-                return prev;
-            const next = { ...prev, viewMode: mode };
-            persist(next);
-            return next;
-        });
-    }, [persist]);
-    const toggleViewMode = useCallback(() => {
-        setState(prev => {
-            const nextMode = prev.viewMode === 'wrapped' ? 'compact' : 'wrapped';
-            const next = { ...prev, viewMode: nextMode };
-            persist(next);
-            return next;
-        });
-    }, [persist]);
-    const setVisibleColumnIds = useCallback((ids) => {
-        setState(prev => {
-            const next = { ...prev, visibleColumnIds: ids };
-            persist(next);
-            return next;
-        });
-    }, [persist]);
-    return {
-        viewMode: state.viewMode,
-        toggleViewMode,
-        setViewMode,
-        visibleColumnIds: state.visibleColumnIds,
-        setVisibleColumnIds,
-    };
-}

package/dist/hooks/useTheme.js

@@ -1,66 +0,0 @@
-'use client';
-import { useCallback, useEffect, useState } from 'react';
-const THEME_VARIANTS = ['light', 'dark', 'system'];
-const STORAGE_KEY = 'dbc_theme';
-function isThemeVariant(x) {
-    return !!x && THEME_VARIANTS.includes(x);
-}
-function getCookie(name) {
-    const match = document.cookie.match(new RegExp(`(?:^|; )${name}=([^;]*)`));
-    return match ? decodeURIComponent(match[1]) : null;
-}
-function persistTheme(id) {
-    try {
-        localStorage.setItem(STORAGE_KEY, id);
-    }
-    catch {
-        console.error('Failed to access localStorage');
-    }
-    try {
-        document.cookie = `${STORAGE_KEY}=${encodeURIComponent(id)}; Path=/; Max-Age=${60 * 60 * 24 * 365}`;
-    }
-    catch {
-        console.error('Failed to set theme cookie');
-    }
-}
-function getTheme() {
-    return document.documentElement.dataset.theme;
-}
-function applyTheme(id) {
-    document.documentElement.dataset.theme = id;
-}
-export function useTheme(initialTheme = 'system') {
-    const [theme, setTheme] = useState(null);
-    useEffect(() => {
-        const themeFromDataAttributes = getTheme();
-        let resolved = isThemeVariant(themeFromDataAttributes)
-            ? themeFromDataAttributes
-            : initialTheme;
-        // Prefer cookie (SSR + client consistency)
-        const fromCookie = getCookie(STORAGE_KEY);
-        if (isThemeVariant(fromCookie)) {
-            resolved = fromCookie;
-        }
-        else {
-            // fallback to localStorage
-            try {
-                const fromStorage = localStorage.getItem(STORAGE_KEY);
-                if (isThemeVariant(fromStorage))
-                    resolved = fromStorage;
-            }
-            catch {
-                console.error('Failed to access localStorage');
-            }
-        }
-        applyTheme(resolved);
-        setTheme(resolved);
-        persistTheme(resolved);
-    }, [initialTheme]);
-    const switchTheme = useCallback((id) => {
-        applyTheme(id);
-        setTheme(id);
-        persistTheme(id);
-        return id;
-    }, []);
-    return { theme, switchTheme };
-}

package/dist/hooks/useTimeDuration.js

@@ -1,68 +0,0 @@
-'use client';
-import { useEffect, useMemo, useState } from 'react';
-function defaultDuration(ms) {
-    if (!Number.isFinite(ms) || ms < 0)
-        return '—';
-    const sec = Math.floor(ms / 1000) % 60;
-    const min = Math.floor(ms / (1000 * 60)) % 60;
-    const hr = Math.floor(ms / (1000 * 60 * 60));
-    if (hr > 0) {
-        return `${hr}t ${min}m ${sec}s`;
-    }
-    if (min > 0) {
-        return `${min}m ${sec}s`;
-    }
-    return `${sec}s`;
-}
-export function useTimeDuration({ start, end, dateFormat = {
-    year: '2-digit',
-    month: '2-digit',
-    day: '2-digit',
-    hour: '2-digit',
-    minute: '2-digit',
-    second: '2-digit',
-}, fallback = '—', liveUpdate = false, formatDuration = defaultDuration, }) {
-    const [hydrated, setHydrated] = useState(false);
-    const [tick, setTick] = useState(0);
-    useEffect(() => setHydrated(true), []);
-    useEffect(() => {
-        if (!liveUpdate)
-            return;
-        if (end && end.getTime() <= Date.now())
-            return;
-        const timer = setInterval(() => {
-            if (end && end.getTime() <= Date.now()) {
-                clearInterval(timer);
-            }
-            setTick(tick => tick + 1);
-        }, 1000);
-        return () => clearInterval(timer);
-    }, [liveUpdate, end]);
-    const started = useMemo(() => {
-        if (!start)
-            return fallback;
-        if (!hydrated)
-            return fallback;
-        return new Intl.DateTimeFormat('da-DK', dateFormat).format(start);
-    }, [start, hydrated, fallback, dateFormat]);
-    const ended = useMemo(() => {
-        if (!end)
-            return fallback;
-        if (!hydrated)
-            return fallback;
-        return new Intl.DateTimeFormat('da-DK', dateFormat).format(end);
-    }, [end, hydrated, fallback, dateFormat]);
-    const duration = useMemo(() => {
-        if (!start || !hydrated)
-            return fallback;
-        const now = Date.now();
-        if (!end) {
-            return formatDuration(now - start.getTime());
-        }
-        if (end.getTime() > now) {
-            return formatDuration(end.getTime() - now);
-        }
-        return formatDuration(end.getTime() - start.getTime());
-    }, [start, end, fallback, hydrated, formatDuration, tick]);
-    return { started, ended, isFinished: !!start && !!end, duration, hydrated };
-}

package/dist/hooks/useViewportFill.js

@@ -1,77 +0,0 @@
-'use client';
-import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
-const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
-export function useViewportFill(ref, { bottomOffset = 0, min = 120, includeMarginTop = false, watchRef } = {}) {
-    const [maxHeight, setMaxHeight] = useState(min);
-    const raf = useRef(null);
-    const measure = useCallback(() => {
-        if (typeof window === 'undefined' || !ref.current)
-            return;
-        const el = ref.current;
-        const rect = el.getBoundingClientRect();
-        let top = rect.top;
-        if (includeMarginTop) {
-            const marginTop = parseFloat(window.getComputedStyle(el).marginTop || '0') || 0;
-            top -= marginTop;
-        }
-        const next = Math.max(min, Math.floor(window.innerHeight - bottomOffset - top));
-        setMaxHeight(prev => (prev === next ? prev : next));
-    }, [ref, bottomOffset, min, includeMarginTop]);
-    const scheduleMeasure = useCallback(() => {
-        if (typeof window === 'undefined')
-            return;
-        if (raf.current != null) {
-            cancelAnimationFrame(raf.current);
-        }
-        raf.current = window.requestAnimationFrame(() => {
-            raf.current = null;
-            measure();
-        });
-    }, [measure]);
-    useIsomorphicLayoutEffect(() => {
-        measure();
-    }, [measure]);
-    useEffect(() => {
-        var _a;
-        if (typeof window === 'undefined' || !ref.current)
-            return;
-        const target = ref.current;
-        const extra = (_a = watchRef === null || watchRef === void 0 ? void 0 : watchRef.current) !== null && _a !== void 0 ? _a : null;
-        const parent = target.parentElement;
-        const onResize = () => scheduleMeasure();
-        const onTransitionOrAnimationEnd = () => scheduleMeasure();
-        window.addEventListener('resize', onResize);
-        document.addEventListener('transitionend', onTransitionOrAnimationEnd, true);
-        document.addEventListener('animationend', onTransitionOrAnimationEnd, true);
-        let resizeObserver = null;
-        if ('ResizeObserver' in window) {
-            resizeObserver = new ResizeObserver(() => scheduleMeasure());
-            resizeObserver.observe(target);
-            if (parent && parent !== target) {
-                resizeObserver.observe(parent);
-            }
-            if (extra && extra !== target && extra !== parent) {
-                resizeObserver.observe(extra);
-            }
-        }
-        return () => {
-            window.removeEventListener('resize', onResize);
-            document.removeEventListener('transitionend', onTransitionOrAnimationEnd, true);
-            document.removeEventListener('animationend', onTransitionOrAnimationEnd, true);
-            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
-            if (raf.current != null) {
-                cancelAnimationFrame(raf.current);
-                raf.current = null;
-            }
-        };
-    }, [ref, watchRef, scheduleMeasure]);
-    const style = useMemo(() => ({
-        maxHeight,
-        overflow: 'auto',
-    }), [maxHeight]);
-    return {
-        maxHeight,
-        style,
-        recompute: measure,
-    };
-}

package/dist/styles/animation.js

@@ -1,5 +0,0 @@
-export const MOTION_MS = {
-    panelSlide: 300,
-    modal: 200,
-    tooltipOpen: 300,
-};

package/dist/styles/themes/types.js

@@ -1 +0,0 @@
-export {};

package/dist/types/a11y-props.types.js

@@ -1 +0,0 @@
-export {};

package/dist/types/sizes.types.js

@@ -1 +0,0 @@
-export {};

package/dist/utils/arrays/nested-filtering.js

@@ -1,48 +0,0 @@
-const normalize = (s) => s.normalize('NFKC').toLowerCase().trim();
-const toTerms = (q) => (Array.isArray(q) ? q : q.split(/\s+/)).map(normalize).filter(Boolean);
-const valueToSearchable = (value) => typeof value === 'string'
-    ? value
-    : Array.isArray(value) || typeof value === 'object'
-        ? JSON.stringify(value)
-        : value == null
-            ? ''
-            : String(value);
-const itemMatches = (item, keys, terms, mode) => {
-    if (terms.length === 0)
-        return true;
-    const haystack = keys
-        .map(k => valueToSearchable(item[k]))
-        .join(' ')
-        .toString();
-    const h = normalize(haystack);
-    const hit = (t) => h.includes(t);
-    return mode === 'AND' ? terms.every(hit) : terms.some(hit);
-};
-export function nestedFiltering(items, opts) {
-    const { keys, query, includeParents = true, childrenKey, mode = 'AND' } = opts;
-    const ck = (childrenKey !== null && childrenKey !== void 0 ? childrenKey : 'children');
-    const terms = toTerms(query);
-    const searchNested = (list) => {
-        const out = [];
-        for (const item of list) {
-            const children = item[ck] || [];
-            const filteredChildren = searchNested(children);
-            const matchedSelf = itemMatches(item, keys, terms, mode);
-            if (matchedSelf) {
-                const clone = { ...item, [ck]: filteredChildren };
-                out.push(clone);
-            }
-            else if (filteredChildren.length) {
-                if (includeParents) {
-                    const clone = { ...item, [ck]: filteredChildren };
-                    out.push(clone);
-                }
-                else {
-                    out.push(...filteredChildren);
-                }
-            }
-        }
-        return out;
-    };
-    return searchNested(items);
-}

package/dist/utils/date/formatDate.js

@@ -1,51 +0,0 @@
-/**
- * Formats a Date as "dd/mm/yyyy" or "dd/mm/yyyy hh:mm:ss".
- * Optionally returns user-friendly Danish labels like "I dag" or "I går".
- *
- * Examples:
- * - formatDate(new Date(), { userFriendlyLabel: true }) => "I dag"
- * - formatDate(new Date(), { userFriendlyLabel: true, showTime: true }) => "I dag, kl. 14:30"
- * - formatDate(date, { showTime: true }) => "10.03.2026 14:30"
- *
- * @param date - The Date or date-parsable value to format
- * @param options.showTime - If true, append time "hh:mm" or "hh:mm:ss"
- * @param options.showSeconds - If true, append seconds when showTime is enabled
- * @param options.userFriendlyLabel - If true, use "I dag" / "I går" when applicable
- * @returns A formatted string
- */
-export function formatDate(date, options = {}) {
-    const d = date instanceof Date ? date : new Date(date);
-    if (isNaN(d.getTime()))
-        return '';
-    const { showTime = false, showSeconds = false, userFriendlyLabel = false } = options;
-    const pad = (n) => n.toString().padStart(2, '0');
-    const formatTime = () => {
-        const hours = pad(d.getHours());
-        const minutes = pad(d.getMinutes());
-        if (!showSeconds)
-            return `${hours}:${minutes}`;
-        const seconds = pad(d.getSeconds());
-        return `${hours}:${minutes}:${seconds}`;
-    };
-    const isSameCalendarDay = (a, b) => a.getDate() === b.getDate() &&
-        a.getMonth() === b.getMonth() &&
-        a.getFullYear() === b.getFullYear();
-    if (userFriendlyLabel) {
-        const now = new Date();
-        const yesterday = new Date(now);
-        yesterday.setDate(now.getDate() - 1);
-        if (isSameCalendarDay(d, now)) {
-            return showTime ? `I dag, kl. ${formatTime()}` : 'I dag';
-        }
-        if (isSameCalendarDay(d, yesterday)) {
-            return showTime ? `I går, kl. ${formatTime()}` : 'I går';
-        }
-    }
-    const day = pad(d.getDate());
-    const month = pad(d.getMonth() + 1);
-    const year = d.getFullYear();
-    const base = `${day}.${month}.${year}`;
-    if (!showTime)
-        return base;
-    return `${base} ${formatTime()}`;
-}

package/dist/utils/localStorage.utils.js

@@ -1,78 +0,0 @@
-function isBrowser() {
-    return typeof window !== 'undefined' && typeof window.localStorage !== 'undefined';
-}
-/**
- * Safely read from localStorage.
- * - Returns undefined if not in browser
- * - Returns parsed JSON if value is JSON
- * - Returns plain string if not JSON
- * - Never throws
- */
-export function readLocalStorage(key) {
-    if (!isBrowser())
-        return undefined;
-    try {
-        const raw = window.localStorage.getItem(key);
-        if (raw == null)
-            return undefined;
-        // Try parse once
-        try {
-            const parsed = JSON.parse(raw);
-            // Handle double-stringified JSON
-            if (typeof parsed === 'string') {
-                try {
-                    return JSON.parse(parsed);
-                }
-                catch {
-                    return parsed;
-                }
-            }
-            return parsed;
-        }
-        catch {
-            // Not JSON — return as plain string
-            return raw;
-        }
-    }
-    catch {
-        return undefined;
-    }
-}
-/**
- * Safely write to localStorage.
- * - Automatically JSON.stringifies objects/arrays
- * - Stores plain strings as-is
- * - Never throws
- */
-export function writeLocalStorage(key, value) {
-    if (!isBrowser())
-        return;
-    try {
-        if (value === undefined) {
-            window.localStorage.removeItem(key);
-            return;
-        }
-        if (typeof value === 'string') {
-            window.localStorage.setItem(key, value);
-        }
-        else {
-            window.localStorage.setItem(key, JSON.stringify(value));
-        }
-    }
-    catch {
-        // ignore quota errors etc.
-    }
-}
-/**
- * Remove key safely
- */
-export function removeLocalStorage(key) {
-    if (!isBrowser())
-        return;
-    try {
-        window.localStorage.removeItem(key);
-    }
-    catch {
-        // ignore
-    }
-}

package/dist/utils/text/get-highlighted-segments.js

@@ -1,46 +0,0 @@
-function normalizeTerms(query) {
-    const terms = Array.isArray(query) ? query : [query];
-    return [...new Set(terms.map(term => term.trim().toLowerCase()).filter(Boolean))].sort((a, b) => b.length - a.length);
-}
-export function getHighlightedSegments(text, query) {
-    const terms = normalizeTerms(query);
-    if (!text || terms.length === 0)
-        return [{ text, matched: false }];
-    const lower = text.toLowerCase();
-    const ranges = [];
-    for (const term of terms) {
-        let startIndex = 0;
-        while (startIndex < lower.length) {
-            const matchIndex = lower.indexOf(term, startIndex);
-            if (matchIndex === -1)
-                break;
-            ranges.push({ start: matchIndex, end: matchIndex + term.length });
-            startIndex = matchIndex + term.length;
-        }
-    }
-    if (ranges.length === 0)
-        return [{ text, matched: false }];
-    ranges.sort((a, b) => a.start - b.start || a.end - b.end);
-    const mergedRanges = [];
-    for (const range of ranges) {
-        const previous = mergedRanges[mergedRanges.length - 1];
-        if (!previous || range.start > previous.end) {
-            mergedRanges.push({ ...range });
-            continue;
-        }
-        previous.end = Math.max(previous.end, range.end);
-    }
-    const segments = [];
-    let cursor = 0;
-    for (const range of mergedRanges) {
-        if (range.start > cursor) {
-            segments.push({ text: text.slice(cursor, range.start), matched: false });
-        }
-        segments.push({ text: text.slice(range.start, range.end), matched: true });
-        cursor = range.end;
-    }
-    if (cursor < text.length) {
-        segments.push({ text: text.slice(cursor), matched: false });
-    }
-    return segments.length > 0 ? segments : [{ text, matched: false }];
-}