@dbcdk/react-components 0.0.5 → 0.0.6

package/dist/hooks/useTheme.js

@@ -1,55 +1,60 @@
-import { useState, useEffect, useCallback } from 'react';
-
-const LINK_ID = "dbc-theme-link";
-const STORAGE_KEY = "dbc_theme";
-function createLinkElement() {
-  if (typeof document === "undefined") return null;
-  let el = document.getElementById(LINK_ID);
-  if (!el) {
-    el = document.createElement("link");
-    el.id = LINK_ID;
-    el.rel = "stylesheet";
-    document.head.appendChild(el);
-  }
-  return el;
+'use client';
+import { useCallback, useEffect, useState } from 'react';
+const THEME_VARIANTS = ['light', 'dark'];
+const STORAGE_KEY = 'dbc_theme';
+function isThemeVariant(x) {
+    return !!x && THEME_VARIANTS.includes(x);
 }
-function setLinkHref(href) {
-  const el = createLinkElement();
-  if (el && el.getAttribute("href") !== href) el.setAttribute("href", href);
+function getCookie(name) {
+    const match = document.cookie.match(new RegExp(`(?:^|; )${name}=([^;]*)`));
+    return match ? decodeURIComponent(match[1]) : null;
 }
-function useTheme(initialTheme = "light") {
-  const [theme, setTheme] = useState(null);
-  useEffect(() => {
-    let stored = initialTheme;
+function persistTheme(id) {
     try {
-      stored = localStorage.getItem(STORAGE_KEY);
-      console.log("Restored theme from localStorage:", stored);
-    } catch {
+        localStorage.setItem(STORAGE_KEY, id);
     }
-    if (stored) {
-      setLinkHref(`/themes/${stored}.css`);
-      setTheme(stored);
-      try {
-        localStorage.setItem(STORAGE_KEY, stored);
-      } catch {
-      }
+    catch {
+        console.error('Failed to access localStorage');
     }
-  }, []);
-  const switchTheme = useCallback((id) => {
-    const href = `/themes/${id}.css`;
-    if (!href) return "";
-    setLinkHref(href);
-    setTheme(id);
     try {
-      localStorage.setItem(STORAGE_KEY, id);
-      document.cookie = `${STORAGE_KEY}=${encodeURIComponent(
-        id
-      )}; Path=/; Max-Age=${60 * 60 * 24 * 365}`;
-    } catch {
+        document.cookie = `${STORAGE_KEY}=${encodeURIComponent(id)}; Path=/; Max-Age=${60 * 60 * 24 * 365}`;
     }
-    return id;
-  }, []);
-  return { theme, switchTheme, linkId: LINK_ID };
+    catch {
+        console.error('Failed to set theme cookie');
+    }
+}
+function applyTheme(id) {
+    document.documentElement.dataset.theme = id;
+}
+export function useTheme(initialTheme = 'light') {
+    const [theme, setTheme] = useState(null);
+    useEffect(() => {
+        let resolved = 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 };
 }
-
-export { LINK_ID, useTheme };

package/dist/hooks/useTimeDuration.d.ts

@@ -1,4 +1,4 @@
-export type useTimeDuration = {
+export type useTimeDurationReturn = {
     /** Formatted start date (hydration-safe) */
     started: string;
     /** Formatted end date (hydration-safe) */
@@ -18,5 +18,5 @@ type useTimeDurationArgs = {
     /** Custom duration formatter if you don’t want the default "1t 2m 3s" */
     formatDuration?: (ms: number) => string;
 };
-export declare function useTimeDuration({ start, end, dateFormat, fallback, formatDuration, }: useTimeDurationArgs): useTimeDuration;
+export declare function useTimeDuration({ start, end, dateFormat, fallback, formatDuration, }: useTimeDurationArgs): useTimeDurationReturn;
 export {};

package/dist/hooks/useTimeDuration.js

@@ -1,37 +1,36 @@
-import { useState, useEffect, useMemo } from 'react';
-
+'use client';
+import { useEffect, useMemo, useState } from 'react';
 function defaultDuration(ms) {
-  if (!Number.isFinite(ms) || ms < 0) return "\u2014";
-  const sec = Math.floor(ms / 1e3) % 60;
-  const min = Math.floor(ms / (1e3 * 60)) % 60;
-  const hr = Math.floor(ms / (1e3 * 60 * 60));
-  return hr > 0 ? `${hr}t ${min}m ${sec}s` : `${min}m ${sec}s`;
+    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));
+    return hr > 0 ? `${hr}t ${min}m ${sec}s` : `${min}m ${sec}s`;
 }
-function useTimeDuration({
-  start,
-  end,
-  dateFormat = { dateStyle: "short", timeStyle: "medium" },
-  fallback = "\u2014",
-  formatDuration = defaultDuration
-}) {
-  const [hydrated, setHydrated] = useState(false);
-  useEffect(() => setHydrated(true), []);
-  const started = useMemo(() => {
-    if (!start) return fallback;
-    if (!hydrated) return fallback;
-    return new Intl.DateTimeFormat(void 0, dateFormat).format(start);
-  }, [start, hydrated, fallback, dateFormat]);
-  const ended = useMemo(() => {
-    if (!end) return fallback;
-    if (!hydrated) return fallback;
-    return new Intl.DateTimeFormat(void 0, dateFormat).format(end);
-  }, [end, hydrated, fallback, dateFormat]);
-  const duration = useMemo(() => {
-    if (!start || !end) return fallback;
-    if (!hydrated) return fallback;
-    return formatDuration(end.getTime() - start.getTime());
-  }, [start, end, hydrated, fallback, formatDuration]);
-  return { started, ended, duration, hydrated };
+export function useTimeDuration({ start, end, dateFormat = { dateStyle: 'short', timeStyle: 'medium' }, fallback = '—', formatDuration = defaultDuration, }) {
+    const [hydrated, setHydrated] = useState(false);
+    useEffect(() => setHydrated(true), []);
+    const started = useMemo(() => {
+        if (!start)
+            return fallback;
+        if (!hydrated)
+            return fallback;
+        return new Intl.DateTimeFormat(undefined, dateFormat).format(start);
+    }, [start, hydrated, fallback, dateFormat]);
+    const ended = useMemo(() => {
+        if (!end)
+            return fallback;
+        if (!hydrated)
+            return fallback;
+        return new Intl.DateTimeFormat(undefined, dateFormat).format(end);
+    }, [end, hydrated, fallback, dateFormat]);
+    const duration = useMemo(() => {
+        if (!start || !end)
+            return fallback;
+        if (!hydrated)
+            return fallback;
+        return formatDuration(end.getTime() - start.getTime());
+    }, [start, end, hydrated, fallback, formatDuration]);
+    return { started, ended, duration, hydrated };
 }
-
-export { useTimeDuration };

package/dist/hooks/useViewportFill.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties, RefObject } from 'react';
 type Options = {
     bottomOffset?: number;
     min?: number;
@@ -7,9 +8,9 @@ type Options = {
  * Computes the remaining viewport space below the element and returns a style
  * with `maxHeight` + `overflow: auto`.
  */
-export declare function useViewportFill<T extends HTMLElement>(ref: React.RefObject<T>, { bottomOffset, min, includeMarginTop }?: Options): {
+export declare function useViewportFill<T extends HTMLElement>(ref: RefObject<T>, { bottomOffset, min, includeMarginTop }?: Options): {
     maxHeight: number;
-    style: React.CSSProperties;
+    style: CSSProperties;
     recompute: () => void;
 };
 export {};

package/dist/hooks/useViewportFill.js

@@ -1,50 +1,57 @@
-import { useState, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
-
-const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
-function useViewportFill(ref, { bottomOffset = 0, min = 120, includeMarginTop = false } = {}) {
-  const [maxHeight, setMaxHeight] = useState(0);
-  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 mt = parseFloat(getComputedStyle(el).marginTop || "0") || 0;
-      top -= mt;
-    }
-    const raw = window.innerHeight - bottomOffset - top;
-    const next = Math.max(min, Math.floor(raw));
-    setMaxHeight(next);
-  }, [ref, bottomOffset, min, includeMarginTop]);
-  useIsomorphicLayoutEffect(() => {
-    measure();
-  }, [measure]);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const onFrame = () => {
-      if (raf.current) cancelAnimationFrame(raf.current);
-      raf.current = requestAnimationFrame(measure);
+import { useCallback, useEffect, useLayoutEffect, useRef, useState, } from 'react';
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+/**
+ * Computes the remaining viewport space below the element and returns a style
+ * with `maxHeight` + `overflow: auto`.
+ */
+export function useViewportFill(ref, { bottomOffset = 0, min = 120, includeMarginTop = false } = {}) {
+    const [maxHeight, setMaxHeight] = useState(0);
+    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 mt = parseFloat(getComputedStyle(el).marginTop || '0') || 0;
+            top -= mt;
+        }
+        const raw = window.innerHeight - bottomOffset - top;
+        const next = Math.max(min, Math.floor(raw));
+        setMaxHeight(next);
+    }, [ref, bottomOffset, min, includeMarginTop]);
+    // Initial + dependency-triggered measurement
+    useIsomorphicLayoutEffect(() => {
+        measure();
+    }, [measure]);
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const onFrame = () => {
+            if (raf.current)
+                cancelAnimationFrame(raf.current);
+            raf.current = requestAnimationFrame(measure);
+        };
+        window.addEventListener('scroll', onFrame, { passive: true });
+        window.addEventListener('resize', onFrame);
+        let ro = null;
+        if ('ResizeObserver' in window && ref.current) {
+            ro = new ResizeObserver(onFrame);
+            ro.observe(ref.current);
+        }
+        return () => {
+            window.removeEventListener('scroll', onFrame);
+            window.removeEventListener('resize', onFrame);
+            if (ro)
+                ro.disconnect();
+            if (raf.current)
+                cancelAnimationFrame(raf.current);
+        };
+    }, [measure, ref]);
+    return {
+        maxHeight,
+        style: { height: maxHeight, overflow: 'auto' },
+        recompute: measure,
     };
-    window.addEventListener("scroll", onFrame, { passive: true });
-    window.addEventListener("resize", onFrame);
-    let ro = null;
-    if ("ResizeObserver" in window && ref.current) {
-      ro = new ResizeObserver(onFrame);
-      ro.observe(ref.current);
-    }
-    return () => {
-      window.removeEventListener("scroll", onFrame);
-      window.removeEventListener("resize", onFrame);
-      if (ro) ro.disconnect();
-      if (raf.current) cancelAnimationFrame(raf.current);
-    };
-  }, [measure, ref]);
-  return {
-    maxHeight,
-    style: { height: maxHeight, overflow: "auto" },
-    recompute: measure
-  };
 }
-
-export { useViewportFill };

package/dist/index.d.ts

@@ -8,7 +8,7 @@ export * from './components/user-display/UserDisplay';
 export * from './components/tabs/Tabs';
 export * from './components/headline/Headline';
 export * from './components/page-layout/PageLayout';
-export * from './components/input/Input';
+export * from './components/forms/input/Input';
 export * from './components/search-box/SearchBox';
 export * from './hooks/useTheme';
 export * from './components/chip/Chip';
@@ -20,24 +20,23 @@ export * from './components/skeleton-loader/SkeletonLoader';
 export * from './components/page/Page';
 export * from './components/breadcrumbs/Breadcrumbs';
 export * from './components/circle/Circle';
-export * from './components/checkbox/Checkbox';
+export * from './components/forms/checkbox/Checkbox';
 export * from './components/table/Table';
 export * from './constants/severity.types';
-export * from './components/text-area/Textarea';
+export * from './components/forms/text-area/Textarea';
 export * from './components/app-header/AppHeader';
 export * from './components/sidebar/Sidebar';
 export * from './utils/arrays/nested-filtering';
-export * from './components/multi-select/MultiSelect';
+export * from './components/forms/multi-select/MultiSelect';
 export * from './hooks/useViewportFill';
 export * from './utils/date/formatDate';
 export * from './components/filter-field/FilterField';
-export * from './components/select/Select';
+export * from './components/forms/select/Select';
 export * from './components/split-button/SplitButton';
-export * from './components/tooltip/Tooltip';
 export * from './components/segmented-progress-bar/SegmentedProgressBar';
 export * from './components/datetime-picker/DateTimePicker';
-export * from './components/modal/provider/ModalProvider';
-export * from './components/modal/Modal';
+export * from './components/overlay/modal/provider/ModalProvider';
+export * from './components/overlay/modal/Modal';
 export * from './components/toast/provider/ToastProvider';
 export * from './components/toast/Toast';
 export * from './components/attribute-chip/AttributeChip';
@@ -52,3 +51,13 @@ export * from './hooks/useTableData';
 export * from './hooks/useTableSelection';
 export * from './hooks/useTableSettings';
 export * from './components/table/components/table-settings/TableSettings';
+export * from './components/filtering/chip-multi-toggle/ChipMultiToggle';
+export * from './components/forms/checkbox-group/CheckboxGroup';
+export * from './components/table/tanstack';
+export * from './components/overlay/side-panel/SidePanel';
+export * from './components/overlay/side-panel/useSidePanel';
+export * from './components/forms/input-container/InputContainer';
+export * from './components/hyperlink/Hyperlink';
+export * from './components/overlay/tooltip/Tooltip';
+export * from './components/overlay/tooltip/TooltipProvider';
+export * from './components/overlay/tooltip/useTooltipTrigger';

package/dist/index.js

@@ -1,3 +1,4 @@
+'use client';
 export * from './components/button/Button';
 export * from './components/nav-bar/NavBar';
 export * from './components/avatar/Avatar';
@@ -8,7 +9,7 @@ export * from './components/user-display/UserDisplay';
 export * from './components/tabs/Tabs';
 export * from './components/headline/Headline';
 export * from './components/page-layout/PageLayout';
-export * from './components/input/Input';
+export * from './components/forms/input/Input';
 export * from './components/search-box/SearchBox';
 export * from './hooks/useTheme';
 export * from './components/chip/Chip';
@@ -20,24 +21,23 @@ export * from './components/skeleton-loader/SkeletonLoader';
 export * from './components/page/Page';
 export * from './components/breadcrumbs/Breadcrumbs';
 export * from './components/circle/Circle';
-export * from './components/checkbox/Checkbox';
+export * from './components/forms/checkbox/Checkbox';
 export * from './components/table/Table';
 export * from './constants/severity.types';
-export * from './components/text-area/Textarea';
+export * from './components/forms/text-area/Textarea';
 export * from './components/app-header/AppHeader';
 export * from './components/sidebar/Sidebar';
 export * from './utils/arrays/nested-filtering';
-export * from './components/multi-select/MultiSelect';
+export * from './components/forms/multi-select/MultiSelect';
 export * from './hooks/useViewportFill';
 export * from './utils/date/formatDate';
 export * from './components/filter-field/FilterField';
-export * from './components/select/Select';
+export * from './components/forms/select/Select';
 export * from './components/split-button/SplitButton';
-export * from './components/tooltip/Tooltip';
 export * from './components/segmented-progress-bar/SegmentedProgressBar';
 export * from './components/datetime-picker/DateTimePicker';
-export * from './components/modal/provider/ModalProvider';
-export * from './components/modal/Modal';
+export * from './components/overlay/modal/provider/ModalProvider';
+export * from './components/overlay/modal/Modal';
 export * from './components/toast/provider/ToastProvider';
 export * from './components/toast/Toast';
 export * from './components/attribute-chip/AttributeChip';
@@ -52,3 +52,13 @@ export * from './hooks/useTableData';
 export * from './hooks/useTableSelection';
 export * from './hooks/useTableSettings';
 export * from './components/table/components/table-settings/TableSettings';
+export * from './components/filtering/chip-multi-toggle/ChipMultiToggle';
+export * from './components/forms/checkbox-group/CheckboxGroup';
+export * from './components/table/tanstack';
+export * from './components/overlay/side-panel/SidePanel';
+export * from './components/overlay/side-panel/useSidePanel';
+export * from './components/forms/input-container/InputContainer';
+export * from './components/hyperlink/Hyperlink';
+export * from './components/overlay/tooltip/Tooltip';
+export * from './components/overlay/tooltip/TooltipProvider';
+export * from './components/overlay/tooltip/useTooltipTrigger';

package/dist/src/styles/styles.css

@@ -60,11 +60,10 @@ body.dbc-app {
   line-height: var(--line-height-normal);
   tr + tr th,
   tr + tr td {
-    padding-top: var(--spacing-xxs);
+    padding-block: var(--spacing-xxs);
   }
 
   th {
-    width: 1%;
     white-space: nowrap;
     color: var(--color-fg-subtle);
     font-weight: var(--font-weight-default);
@@ -161,7 +160,8 @@ body.dbc-app {
 .fitContent {
   white-space: nowrap !important;
   width: 1% !important;
-  min-width: unset !important;
+  min-width: 1% !important;
+  max-width: 1% !important;
 }
 
 .dbc-full-height {

package/dist/styles/css-helper-classes/flex.css

@@ -2,6 +2,10 @@
   display: flex;
 }
 
+.dbc-inline-flex {
+  display: inline-flex;
+}
+
 .dbc-flex-row {
   flex-direction: row;
 }

package/dist/styles/styles.css

@@ -60,11 +60,10 @@ body.dbc-app {
   line-height: var(--line-height-normal);
   tr + tr th,
   tr + tr td {
-    padding-top: var(--spacing-xxs);
+    padding-block: var(--spacing-xxs);
   }
 
   th {
-    width: 1%;
     white-space: nowrap;
     color: var(--color-fg-subtle);
     font-weight: var(--font-weight-default);
@@ -161,7 +160,8 @@ body.dbc-app {
 .fitContent {
   white-space: nowrap !important;
   width: 1% !important;
-  min-width: unset !important;
+  min-width: 1% !important;
+  max-width: 1% !important;
 }
 
 .dbc-full-height {

package/dist/styles/themes/dbc/dark.css

@@ -1,4 +1,4 @@
-:root {
+html[data-theme='dark'] {
   /* Brand blues */
   --dbc-blue-500: #3b82f6;
   --dbc-blue-600: #2563eb;

package/dist/styles/themes/dbc/light.css

@@ -1,4 +1,4 @@
-:root {
+html[data-theme='light'] {
   /* ==========================================================================
    * PRIMITIVES (DBC)
    * ======================================================================= */
@@ -286,6 +286,7 @@
 
   /* Layers */
   --z-base: 0;
+  --z-backdrop: 1245;
   --z-dropdown: 1000;
   --z-sticky: 1100;
   --z-banner: 1150;

package/dist/styles/themes/forfatterweb/light.css

@@ -63,7 +63,7 @@
   --border-radius-round: 50%;
 
   /* Typography */
-  --font-family: Roboto, -apple-system, "Segoe UI", Roboto, sans-serif;
+  --font-family: Roboto, -apple-system, 'Segoe UI', Roboto, sans-serif;
   --font-family-mono: ui-monospace, SFMono-Regular, monospace;
 
   --font-size-xs: 0.75rem;

package/dist/styles/themes/types.js

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

package/dist/types/a11y-props.types.d.ts

@@ -1,8 +1,8 @@
 export type A11yProps = {
-    "aria-label"?: string;
-    "aria-describedby"?: string;
-    "aria-controls"?: string;
-    "aria-current"?: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-    "aria-hidden"?: boolean;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+    'aria-controls'?: string;
+    'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
+    'aria-hidden'?: boolean;
     title?: string;
 };

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

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

package/dist/types/sizes.types.js

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

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

@@ -1,38 +1,48 @@
-const normalize = (s) => s.normalize("NFKC").toLowerCase().trim();
+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 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);
+    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);
 };
-function nestedFiltering(items, opts) {
-  const { keys, query, includeParents = true, childrenKey, mode = "AND" } = opts;
-  const ck = childrenKey != null ? 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);
+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);
+        return out;
+    };
+    return searchNested(items);
 }
-
-export { nestedFiltering };