@dbcdk/react-components 0.0.5 → 0.0.7

package/dist/components/sidebar/components/sidebar-container/SidebarContainer.js

@@ -1,43 +1,13 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Button } from '../../../button/Button';
-import styles from './SidebarContainer.module.css';
-import { Logo } from '../../../../assets/logo';
-import { Headline } from '../../../headline/Headline';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronLeft } from 'lucide-react';
-import { SidebarItems } from '../sidebar-items/SidebarItems';
-import SidenavFiltering from '../sidenav-filteirng/SidenavFiltering';
-import { useSidebar } from '../../providers/SidebarProvider';
-
-function SidebarContainer({
-  logo,
-  productName,
-  productLogo,
-  activeLink
-}) {
-  const { isSidebarCollapsed, handleSidebarCollapseChange } = useSidebar();
-  return /* @__PURE__ */ jsxs("div", { className: `${styles.container} ${isSidebarCollapsed ? styles.collapsed : ""}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
-      /* @__PURE__ */ jsxs("span", { className: styles.logoContainer, children: [
-        /* @__PURE__ */ jsx("div", { style: { textAlign: isSidebarCollapsed ? "center" : "right" }, children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            size: "sm",
-            variant: "inline",
-            icon: /* @__PURE__ */ jsx(ChevronLeft, { className: isSidebarCollapsed ? styles.collapsedIcon : "" }),
-            onClick: () => handleSidebarCollapseChange(!isSidebarCollapsed)
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { className: styles.logo, children: logo != null ? logo : /* @__PURE__ */ jsx(Logo, {}) })
-      ] }),
-      productName && /* @__PURE__ */ jsx(Headline, { disableMargin: true, children: productName }),
-      productLogo && /* @__PURE__ */ jsx("div", { className: styles.productLogo, children: productLogo })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: styles.content, children: [
-      /* @__PURE__ */ jsx("div", { className: styles.filter, children: /* @__PURE__ */ jsx(SidenavFiltering, {}) }),
-      /* @__PURE__ */ jsx("div", { className: `${styles.links} hideScrollBar`, children: /* @__PURE__ */ jsx(SidebarItems, { activeLink }) })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: styles.footer })
-  ] });
+import { Logo } from '../../../../assets/logo';
+import { Button } from '../../../../components/button/Button';
+import { Headline } from '../../../../components/headline/Headline';
+import { SidebarItems } from '../../../../components/sidebar/components/sidebar-items/SidebarItems';
+import SidenavFiltering from '../../../../components/sidebar/components/sidenav-filteirng/SidenavFiltering';
+import { useSidebar } from '../../../../components/sidebar/providers/SidebarProvider';
+import styles from './SidebarContainer.module.css';
+export function SidebarContainer({ logo, productName, productLogo, activeLink, }) {
+    const { isSidebarCollapsed, handleSidebarCollapseChange } = useSidebar();
+    return (_jsxs("div", { className: `${styles.container} ${isSidebarCollapsed ? styles.collapsed : ''}`, children: [_jsxs("div", { className: styles.header, children: [_jsxs("span", { className: styles.logoContainer, children: [_jsx("div", { style: { textAlign: isSidebarCollapsed ? 'center' : 'right' }, children: _jsx(Button, { size: "sm", variant: "inline", icon: _jsx(ChevronLeft, { className: isSidebarCollapsed ? styles.collapsedIcon : '' }), onClick: () => handleSidebarCollapseChange(!isSidebarCollapsed) }) }), _jsx("div", { className: styles.logo, children: logo !== null && logo !== void 0 ? logo : _jsx(Logo, {}) })] }), productName && _jsx(Headline, { disableMargin: true, children: productName }), productLogo && _jsx("div", { className: styles.productLogo, children: productLogo })] }), _jsxs("div", { className: styles.content, children: [_jsx("div", { className: styles.filter, children: _jsx(SidenavFiltering, {}) }), _jsx("div", { className: `${styles.links} hideScrollBar`, children: _jsx(SidebarItems, { activeLink: activeLink }) })] }), _jsx("div", { className: styles.footer })] }));
 }
-
-export { SidebarContainer };

package/dist/components/sidebar/components/sidebar-item-content/SidebarItemContent.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { JSX } from 'react';
 export interface SidebarItemContentProps {
     icon?: React.ReactNode;
     label: React.ReactNode;

package/dist/components/sidebar/components/sidebar-item-content/SidebarItemContent.js

@@ -1,28 +1,7 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styles from './SidebarItemContent.module.css';
 import { useSidebar } from '../../providers/SidebarProvider';
-
-function SidebarItemContent({
-  icon,
-  label,
-  suffixIcon,
-  href,
-  disableActiveStyles = false
-}) {
-  const { activeLink, isSidebarCollapsed } = useSidebar();
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      className: `${styles.container} ${!disableActiveStyles && activeLink === href ? styles.active : ""} ${isSidebarCollapsed ? styles.collapsed : ""}`,
-      children: [
-        /* @__PURE__ */ jsxs("span", { children: [
-          /* @__PURE__ */ jsx("span", { className: styles.icon, children: icon }),
-          !isSidebarCollapsed && /* @__PURE__ */ jsx("span", { className: styles.label, children: label })
-        ] }),
-        suffixIcon && !isSidebarCollapsed && /* @__PURE__ */ jsx("span", { className: styles.suffixIcon, children: suffixIcon })
-      ]
-    }
-  );
+export function SidebarItemContent({ icon, label, suffixIcon, href, disableActiveStyles = false, }) {
+    const { activeLink, isSidebarCollapsed } = useSidebar();
+    return (_jsxs("span", { className: `${styles.container} ${!disableActiveStyles && activeLink === href ? styles.active : ''} ${isSidebarCollapsed ? styles.collapsed : ''}`, children: [_jsxs("span", { children: [_jsx("span", { className: styles.icon, children: icon }), !isSidebarCollapsed && _jsx("span", { className: styles.label, children: label })] }), suffixIcon && !isSidebarCollapsed && _jsx("span", { className: styles.suffixIcon, children: suffixIcon })] }));
 }
-
-export { SidebarItemContent };

package/dist/components/sidebar/components/sidebar-items/SidebarItems.js

@@ -1,27 +1,13 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
+'use client';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import { useSidebar } from '../../providers/SidebarProvider';
-import { SidebarItem } from '../SidebarItem';
 import { ExpandableSidebarItem } from '../expandable-sidebar-item/ExpandableSidebarItem';
-
-function SidebarItems({ activeLink }) {
-  const { filteredItems, setActiveLink } = useSidebar();
-  useEffect(() => {
-    setActiveLink(activeLink != null ? activeLink : "");
-  }, [activeLink, setActiveLink]);
-  return /* @__PURE__ */ jsx(Fragment, { children: filteredItems == null ? void 0 : filteredItems.map(
-    ({ component: Component, label, icon, children, href }, id) => (children == null ? void 0 : children.length) ? /* @__PURE__ */ jsx(
-      ExpandableSidebarItem,
-      {
-        items: children,
-        label,
-        icon,
-        href,
-        component: Component
-      },
-      label
-    ) : /* @__PURE__ */ jsx(SidebarItem, { component: Component, label, icon, href }, id)
-  ) });
+import { SidebarItem } from '../SidebarItem';
+export function SidebarItems({ activeLink }) {
+    const { filteredItems, setActiveLink } = useSidebar();
+    useEffect(() => {
+        setActiveLink(activeLink !== null && activeLink !== void 0 ? activeLink : '');
+    }, [activeLink, setActiveLink]);
+    return (_jsx(_Fragment, { children: filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(({ component: Component, label, icon, children, href }, id) => (children === null || children === void 0 ? void 0 : children.length) ? (_jsx(ExpandableSidebarItem, { items: children, label: label, icon: icon, href: href, component: Component }, label)) : (_jsx(SidebarItem, { component: Component, label: label, icon: icon, href: href }, id))) }));
 }
-
-export { SidebarItems };

package/dist/components/sidebar/components/sidenav-filteirng/SidenavFiltering.js

@@ -1,46 +1,25 @@
-import { jsx } from 'react/jsx-runtime';
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Search } from 'lucide-react';
 import React from 'react';
+import { Button } from '../../../button/Button';
 import { SearchBox } from '../../../search-box/SearchBox';
 import { useSidebar } from '../../providers/SidebarProvider';
-import { Button } from '../../../button/Button';
-import { Search } from 'lucide-react';
-
 const SidenavFiltering = () => {
-  const { activeQuery, setActiveQuery, isSidebarCollapsed, handleSidebarCollapseChange } = useSidebar();
-  const searchBoxRef = React.useRef(null);
-  const handleSearch = (value) => {
-    setActiveQuery == null ? void 0 : setActiveQuery(value);
-  };
-  if (isSidebarCollapsed) {
-    return /* @__PURE__ */ jsx(
-      Button,
-      {
-        fullWidth: true,
-        icon: /* @__PURE__ */ jsx(Search, {}),
-        size: "sm",
-        variant: "inline",
-        onClick: () => {
-          handleSidebarCollapseChange(false);
-          setTimeout(() => {
-            var _a;
-            (_a = searchBoxRef.current) == null ? void 0 : _a.focus();
-          }, 50);
-        }
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    SearchBox,
-    {
-      ref: searchBoxRef,
-      inputWidth: "100%",
-      inputSize: "sm",
-      value: activeQuery != null ? activeQuery : "",
-      onSearch: handleSearch,
-      placeholder: "Filtrer menu"
+    const { activeQuery, setActiveQuery, isSidebarCollapsed, handleSidebarCollapseChange } = useSidebar();
+    const searchBoxRef = React.useRef(null);
+    const handleSearch = (value) => {
+        setActiveQuery === null || setActiveQuery === void 0 ? void 0 : setActiveQuery(value);
+    };
+    if (isSidebarCollapsed) {
+        return (_jsx(Button, { fullWidth: true, icon: _jsx(Search, {}), size: "sm", variant: "inline", onClick: () => {
+                handleSidebarCollapseChange(false);
+                setTimeout(() => {
+                    var _a;
+                    (_a = searchBoxRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                }, 50);
+            } }));
     }
-  );
+    return (_jsx(SearchBox, { ref: searchBoxRef, inputWidth: "100%", inputSize: "sm", value: activeQuery !== null && activeQuery !== void 0 ? activeQuery : '', onSearch: handleSearch, placeholder: "Filtrer menu" }));
 };
-var SidenavFiltering_default = SidenavFiltering;
-
-export { SidenavFiltering_default as default };
+export default SidenavFiltering;

package/dist/components/sidebar/providers/SidebarProvider.d.ts

@@ -1,5 +1,6 @@
+import type { JSX } from 'react';
 import * as React from 'react';
-import { NavBarItem } from '@/components/nav-bar/NavBar';
+import { NavBarItem } from '../../../components/nav-bar/NavBar';
 export type SidebarContextValue = {
     defaultExpanded: boolean | null;
     expandedItems: Set<string | undefined>;

package/dist/components/sidebar/providers/SidebarProvider.js

@@ -1,176 +1,193 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useCallback, useEffect, useMemo, useContext } from 'react';
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { nestedFiltering } from '../../../utils/arrays/nested-filtering';
-
+// const findPath = (
+//   navItem: NavBarItem,
+//   items: NavBarItem[],
+//   path: string[] = []
+// ): string[] | null => {
+//   for (const currentItem of items) {
+//     if (currentItem === navItem) {
+//       return [...path, currentItem.href || '']
+//     } else if (currentItem.children) {
+//       const result = findPath(navItem, currentItem.children, [...path, currentItem.href || ''])
+//       if (result) {
+//         return result
+//       }
+//     }
+//   }
+//   return null
+// }
 const findParentItem = (navItem, items, prevPath) => {
-  var _a;
-  for (const currentItem of items) {
-    let path = prevPath || `.${currentItem.href}`;
-    if ((_a = currentItem.children) == null ? void 0 : _a.some((child) => (child == null ? void 0 : child.href) === navItem)) {
-      return path;
-    } else if (currentItem.children) {
-      path = findParentItem(navItem, currentItem.children, path);
-      if (path) {
-        return path;
-      }
+    var _a;
+    for (const currentItem of items) {
+        let path = prevPath || '' + `.${currentItem.href}`;
+        if ((_a = currentItem.children) === null || _a === void 0 ? void 0 : _a.some(child => (child === null || child === void 0 ? void 0 : child.href) === navItem)) {
+            return path;
+        }
+        else if (currentItem.children) {
+            path = findParentItem(navItem, currentItem.children, path);
+            if (path) {
+                return path;
+            }
+        }
     }
-  }
-  return "";
+    return '';
 };
 const SidebarContext = createContext({
-  defaultExpanded: null,
-  expandedItems: /* @__PURE__ */ new Set(),
-  activeQuery: "",
-  areItemsCollapsed: false,
-  setActiveQuery: () => {
-  },
-  triggerExpandAll: () => {
-  },
-  setItemsCollapsed: () => {
-  },
-  resetExpandAll: () => {
-  },
-  activeLink: "",
-  setActiveLink: () => {
-  },
-  isSidebarCollapsed: false,
-  handleSidebarCollapseChange: () => {
-  }
+    defaultExpanded: null,
+    expandedItems: new Set(),
+    activeQuery: '',
+    areItemsCollapsed: false,
+    setActiveQuery: () => { },
+    triggerExpandAll: () => { },
+    setItemsCollapsed: () => { },
+    resetExpandAll: () => { },
+    activeLink: '',
+    setActiveLink: () => { },
+    isSidebarCollapsed: false,
+    handleSidebarCollapseChange: () => { },
 });
-const SIDEBAR_COLLAPSED_STORAGE_KEY = "sidebar-is-collapsed";
+const SIDEBAR_COLLAPSED_STORAGE_KEY = 'sidebar-is-collapsed';
 const SIDEBAR_BREAKPOINT = 1024;
-const getBreakpoint = (width) => width < SIDEBAR_BREAKPOINT ? "small" : "large";
-function SidebarProvider({
-  children,
-  items,
-  initialCollapsed = false,
-  initialSidebarCollapsed
-}) {
-  const [defaultExpanded, setDefaultExpanded] = useState(null);
-  const [activeQuery, setActiveQuery] = useState("");
-  const [areItemsCollapsed, setItemsCollapsed] = useState(initialCollapsed);
-  const [activeHref, setActiveHref] = useState("");
-  const [expandedItems, setExpandedItems] = useState(/* @__PURE__ */ new Set());
-  const [isSidebarCollapsed, setSidebarCollapsed] = useState(
-    initialSidebarCollapsed != null ? initialSidebarCollapsed : false
-  );
-  const [breakpoint, setBreakpoint] = useState(null);
-  const hasExplicitInitialSidebarCollapsed = initialSidebarCollapsed !== void 0;
-  const triggerExpandAll = useCallback(() => setDefaultExpanded(true), []);
-  const resetExpandAll = useCallback(() => setDefaultExpanded(null), []);
-  const setActiveLink = useCallback((href) => setActiveHref(href), []);
-  useEffect(() => {
-    const path = findParentItem(activeHref, items);
-    setExpandedItems(new Set(path.split(".").filter(Boolean)));
-  }, [activeHref]);
-  const filteredItems = useMemo(() => {
-    return activeQuery ? nestedFiltering(items, {
-      keys: ["label", "tags"],
-      includeParents: true,
-      mode: "OR",
-      query: activeQuery
-    }) : items;
-  }, [items, activeQuery]);
-  useEffect(() => {
-    if (activeQuery) {
-      triggerExpandAll();
-    }
-  }, [activeQuery, triggerExpandAll]);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const currentBreakpoint = getBreakpoint(window.innerWidth);
-    setBreakpoint(currentBreakpoint);
-    if (hasExplicitInitialSidebarCollapsed) {
-      const value2 = initialSidebarCollapsed != null ? initialSidebarCollapsed : false;
-      setSidebarCollapsed(value2);
-      try {
-        window.localStorage.setItem(SIDEBAR_COLLAPSED_STORAGE_KEY, JSON.stringify(value2));
-      } catch {
-      }
-      return;
-    }
-    try {
-      const stored = window.localStorage.getItem(SIDEBAR_COLLAPSED_STORAGE_KEY);
-      if (stored !== null) {
-        const parsed = JSON.parse(stored);
-        setSidebarCollapsed(Boolean(parsed));
-        return;
-      }
-    } catch {
-    }
-    const defaultCollapsed = currentBreakpoint === "small";
-    setSidebarCollapsed(defaultCollapsed);
-  }, [hasExplicitInitialSidebarCollapsed, initialSidebarCollapsed]);
-  const persistCollapsed = useCallback((collapsed) => {
-    if (typeof window === "undefined") return;
-    try {
-      window.localStorage.setItem(SIDEBAR_COLLAPSED_STORAGE_KEY, JSON.stringify(collapsed));
-    } catch {
-    }
-  }, []);
-  const handleSidebarCollapseChange = useCallback(
-    (collapsed) => {
-      setSidebarCollapsed(collapsed);
-      persistCollapsed(collapsed);
-    },
-    [persistCollapsed]
-  );
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const onResize = () => {
-      const nextBreakpoint = getBreakpoint(window.innerWidth);
-      setBreakpoint((prev) => {
-        if (prev === null) {
-          return nextBreakpoint;
+const getBreakpoint = (width) => width < SIDEBAR_BREAKPOINT ? 'small' : 'large';
+export function SidebarProvider({ children, items, initialCollapsed = false, initialSidebarCollapsed, }) {
+    const [defaultExpanded, setDefaultExpanded] = useState(null);
+    const [activeQuery, setActiveQuery] = useState('');
+    const [areItemsCollapsed, setItemsCollapsed] = useState(initialCollapsed);
+    const [activeHref, setActiveHref] = useState('');
+    const [expandedItems, setExpandedItems] = useState(new Set());
+    const [isSidebarCollapsed, setSidebarCollapsed] = useState(initialSidebarCollapsed !== null && initialSidebarCollapsed !== void 0 ? initialSidebarCollapsed : false);
+    const [breakpoint, setBreakpoint] = useState(null);
+    const hasExplicitInitialSidebarCollapsed = initialSidebarCollapsed !== undefined;
+    const triggerExpandAll = useCallback(() => setDefaultExpanded(true), []);
+    const resetExpandAll = useCallback(() => setDefaultExpanded(null), []);
+    const setActiveLink = useCallback((href) => setActiveHref(href), []);
+    useEffect(() => {
+        const path = findParentItem(activeHref, items);
+        setExpandedItems(new Set(path.split('.').filter(Boolean)));
+    }, [activeHref, items]);
+    const filteredItems = useMemo(() => {
+        return activeQuery
+            ? nestedFiltering(items, {
+                keys: ['label', 'tags'],
+                includeParents: true,
+                mode: 'OR',
+                query: activeQuery,
+            })
+            : items;
+    }, [items, activeQuery]);
+    useEffect(() => {
+        if (activeQuery) {
+            triggerExpandAll();
+        }
+    }, [activeQuery, triggerExpandAll]);
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const currentBreakpoint = getBreakpoint(window.innerWidth);
+        setBreakpoint(currentBreakpoint);
+        if (hasExplicitInitialSidebarCollapsed) {
+            const value = initialSidebarCollapsed !== null && initialSidebarCollapsed !== void 0 ? initialSidebarCollapsed : false;
+            setSidebarCollapsed(value);
+            try {
+                window.localStorage.setItem(SIDEBAR_COLLAPSED_STORAGE_KEY, JSON.stringify(value));
+            }
+            catch {
+                console.error('Failed to persist sidebar collapsed state');
+            }
+            return;
+        }
+        try {
+            const stored = window.localStorage.getItem(SIDEBAR_COLLAPSED_STORAGE_KEY);
+            if (stored !== null) {
+                const parsed = JSON.parse(stored);
+                setSidebarCollapsed(Boolean(parsed));
+                return;
+            }
+        }
+        catch {
+            console.error('Failed to parse sidebar collapsed state from storage');
+        }
+        // No explicit prop and nothing stored → use responsive default
+        const defaultCollapsed = currentBreakpoint === 'small';
+        setSidebarCollapsed(defaultCollapsed);
+    }, [hasExplicitInitialSidebarCollapsed, initialSidebarCollapsed]);
+    const persistCollapsed = useCallback((collapsed) => {
+        if (typeof window === 'undefined')
+            return;
+        try {
+            window.localStorage.setItem(SIDEBAR_COLLAPSED_STORAGE_KEY, JSON.stringify(collapsed));
         }
-        if (prev === nextBreakpoint) {
-          return prev;
+        catch {
+            console.error('Failed to persist sidebar collapsed state');
         }
-        const autoCollapsed = nextBreakpoint === "small";
-        setSidebarCollapsed(autoCollapsed);
-        persistCollapsed(autoCollapsed);
-        return nextBreakpoint;
-      });
-    };
-    window.addEventListener("resize", onResize);
-    return () => window.removeEventListener("resize", onResize);
-  }, [persistCollapsed]);
-  const value = useMemo(
-    () => ({
-      defaultExpanded,
-      expandedItems,
-      filteredItems,
-      activeQuery,
-      areItemsCollapsed,
-      setActiveQuery,
-      triggerExpandAll,
-      resetExpandAll,
-      setItemsCollapsed,
-      activeLink: activeHref,
-      setActiveLink,
-      isSidebarCollapsed,
-      handleSidebarCollapseChange
-    }),
-    [
-      defaultExpanded,
-      expandedItems,
-      filteredItems,
-      activeQuery,
-      areItemsCollapsed,
-      setActiveQuery,
-      triggerExpandAll,
-      resetExpandAll,
-      setItemsCollapsed,
-      activeHref,
-      setActiveLink,
-      isSidebarCollapsed,
-      handleSidebarCollapseChange
-    ]
-  );
-  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value, children });
+    }, []);
+    const handleSidebarCollapseChange = useCallback((collapsed) => {
+        setSidebarCollapsed(collapsed);
+        persistCollapsed(collapsed);
+    }, [persistCollapsed]);
+    // Resize behavior:
+    // - Track current breakpoint.
+    // - Only when the breakpoint actually changes (small <-> large)
+    //   do we auto-apply the "responsive default" for that breakpoint.
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const onResize = () => {
+            const nextBreakpoint = getBreakpoint(window.innerWidth);
+            setBreakpoint(prev => {
+                // First run / still null: just set and do nothing else
+                if (prev === null) {
+                    return nextBreakpoint;
+                }
+                // If breakpoint didn't actually change, we don't touch the collapsed state.
+                if (prev === nextBreakpoint) {
+                    return prev;
+                }
+                // Breakpoint changed → apply responsive default for the *new* range.
+                // small → collapsed, large → expanded
+                const autoCollapsed = nextBreakpoint === 'small';
+                setSidebarCollapsed(autoCollapsed);
+                persistCollapsed(autoCollapsed);
+                return nextBreakpoint;
+            });
+        };
+        window.addEventListener('resize', onResize);
+        return () => window.removeEventListener('resize', onResize);
+    }, [persistCollapsed]);
+    const value = useMemo(() => ({
+        defaultExpanded,
+        expandedItems,
+        filteredItems,
+        activeQuery,
+        areItemsCollapsed,
+        setActiveQuery,
+        triggerExpandAll,
+        resetExpandAll,
+        setItemsCollapsed,
+        activeLink: activeHref,
+        setActiveLink,
+        isSidebarCollapsed,
+        handleSidebarCollapseChange,
+    }), [
+        defaultExpanded,
+        expandedItems,
+        filteredItems,
+        activeQuery,
+        areItemsCollapsed,
+        setActiveQuery,
+        triggerExpandAll,
+        resetExpandAll,
+        setItemsCollapsed,
+        activeHref,
+        setActiveLink,
+        isSidebarCollapsed,
+        handleSidebarCollapseChange,
+    ]);
+    return _jsx(SidebarContext.Provider, { value: value, children: children });
 }
-function useSidebar() {
-  return useContext(SidebarContext);
+export function useSidebar() {
+    return useContext(SidebarContext);
 }
-
-export { SidebarProvider, useSidebar };