@grasp-labs/ds-react-components 0.17.0 → 0.18.0

package/dist/components/{menu/Menu.d.ts → sidebar/Sidebar.d.ts}

@@ -1,43 +1,43 @@
 import { JSX, ReactElement, ReactNode } from 'react';
 /**
- * Represents a single route in the menu.
+ * Represents a single route in the sidebar.
  */
-export type MenuRoute = {
+export type SidebarRoute = {
     /** Unique path of the route, used as key and for navigation */
     path: string;
-    /** Display title of the menu item */
+    /** Display title of the sidebar item */
     title: string;
     /** Optional icon element to render next to the title */
     icon?: ReactNode;
     /** Nested children entries for submenus */
-    children?: MenuRoute[];
+    children?: SidebarRoute[];
     /** Permissions required to display this route */
     permissions?: string[];
-    /** Whether this route should be hidden from the menu */
-    hideMenu?: boolean;
+    /** Whether this route should be hidden from the sidebar */
+    isHidden?: boolean;
 };
 /**
- * Props for the `Menu` component.
+ * Props for the `Sidebar` component.
  */
-export type MenuProps = {
-    /** React element to display as the menu logo (e.g. an SVG component or img element) */
+export type SidebarProps = {
+    /** React element to display as the sidebar logo (e.g. an SVG component or img element) */
     logo: ReactElement;
     /** Content to display in the footer */
     footerContent: React.ReactNode;
-    /** Array of routes to display in the menu */
-    routes: MenuRoute[];
+    /** Array of routes to display in the sidebar */
+    routes: SidebarRoute[];
     /** Current user permissions used to filter routes */
     permissions?: string[];
     /** Optional additional class names for styling */
     className?: string;
 };
 /**
- * `Menu` is a vertical navigation component that displays a header with a logo,
+ * `Sidebar` is a vertical navigation component that displays a header with a logo,
  * a list of navigable entries (filtered by permissions), and a footer.
  *
  * @example
  * ```tsx
- * <Menu
+ * <Sidebar
  *   logo={<MyLogo />}
  *   footerContent="© 2025 My Company"
  *   routes={[
@@ -48,4 +48,4 @@ export type MenuProps = {
  * />
  * ```
  */
-export declare const Menu: ({ logo, footerContent, routes, permissions, className, }: MenuProps) => JSX.Element;
+export declare const Sidebar: ({ logo, footerContent, routes, permissions, className, }: SidebarProps) => JSX.Element;

package/dist/components/{menu/MenuEntry.d.ts → sidebar/SidebarEntry.d.ts}

@@ -1,33 +1,33 @@
 import { JSX, ReactNode } from 'react';
 /**
- * Represents a child route/entry in the menu hierarchy.
+ * Represents a child route/entry in the sidebar hierarchy.
  */
-export type MenuChild = {
+export type SidebarChild = {
     /** Unique path of the child entry (if navigable) */
     path?: string;
-    /** Display title of the menu item */
+    /** Display title of the sidebar item */
     title: string;
-    /** Optional icon for the menu item */
+    /** Optional icon for the sidebar item */
     icon?: ReactNode;
     /** Nested children for submenus */
-    children?: MenuChild[];
+    children?: SidebarChild[];
     /** Required permissions for the entry */
     permissions?: string[];
-    /** Whether this entry should be hidden from the menu */
-    hideMenu?: boolean;
+    /** Whether this entry should be hidden from the sidebar */
+    isHidden?: boolean;
 };
 /**
- * Props for the `MenuEntry` component.
+ * Props for the `SidebarEntry` component.
  */
-export type MenuEntryProps = {
+export type SidebarEntryProps = {
     /** Icon to display before the title */
     icon?: ReactNode;
-    /** Title text of the menu item */
+    /** Title text of the sidebar item */
     title: string;
     /** Path used for navigation when clicked (ignored if it has children) */
     path?: string;
-    /** Nested children menu entries */
-    childrenEntries?: MenuChild[];
+    /** Nested children sidebar entries */
+    childrenEntries?: SidebarChild[];
     /** Current user permissions for filtering children */
     permissions?: string[];
     /** The currently active path to highlight the entry */
@@ -40,15 +40,15 @@ export type MenuEntryProps = {
     depth?: number;
 };
 /**
- * `MenuEntry` renders a single menu item.
+ * `SidebarEntry` renders a single sidebar item.
  *
  * - If the entry has children, it can expand/collapse to reveal them.
  * - If it has a `path`, clicking navigates to that path via `onNavigate`.
- * - Entries are filtered by `permissions` and `hideMenu` before rendering.
+ * - Entries are filtered by `permissions` and `isHidden` before rendering.
  *
  * @example
  * ```tsx
- * <MenuEntry
+ * <SidebarEntry
  *   title="Settings"
  *   path="/settings"
  *   icon={<SettingsIcon />}
@@ -56,7 +56,7 @@ export type MenuEntryProps = {
  *   onNavigate={(path) => console.log("Navigate to:", path)}
  * />
  *
- * <MenuEntry
+ * <SidebarEntry
  *   title="Admin"
  *   icon={<AdminIcon />}
  *   childrenEntries={[
@@ -69,5 +69,5 @@ export type MenuEntryProps = {
  * />
  * ```
  */
-declare const MenuEntry: ({ icon, title, path, childrenEntries, permissions, className, activePath, onNavigate, depth, }: MenuEntryProps) => JSX.Element;
-export default MenuEntry;
+declare const SidebarEntry: ({ icon, title, path, childrenEntries, permissions, className, activePath, onNavigate, depth, }: SidebarEntryProps) => JSX.Element;
+export default SidebarEntry;

package/dist/components/sidebar/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Barrel exports for the Sidebar system.
+ * Allows importing the main Sidebar component.
+ *
+ * @example
+ * ```tsx
+ * import { Sidebar } from "@/components/Sidebar";
+ * ```
+ */
+export { Sidebar } from './Sidebar';
+export type { SidebarProps, SidebarRoute } from './Sidebar';

package/dist/{index-CTQbH0dg.js → index-B-Odpfhq.js}

@@ -4110,7 +4110,7 @@ const Ec = ({ status: e }) => {
     iconCancel: "var(--error)"
   }
 }, Tc = le(
-  () => import("./index.esm-B4HiWhze.js").then((e) => ({
+  () => import("./index.esm-Dvqs323u.js").then((e) => ({
     default: e.JsonEditor
   }))
 );
@@ -4236,7 +4236,7 @@ const Ds = "EMPTY", Yt = ({
   onNavigate: i,
   depth: l = 0
 }) => {
-  const [c, d] = Ee(!1), u = Array.isArray(r) && r.length > 0, h = Ne(() => r ? r.filter((g) => g.hideMenu ? !1 : g.permissions && s ? g.permissions.some((O) => s.includes(O)) : !(g.permissions && !s)) : [], [r, s]), w = n && a && (a === n || a.startsWith(n + "/")), C = () => {
+  const [c, d] = Ee(!1), u = Array.isArray(r) && r.length > 0, h = Ne(() => r ? r.filter((g) => g.isHidden ? !1 : g.permissions && s ? g.permissions.some((O) => s.includes(O)) : !(g.permissions && !s)) : [], [r, s]), w = n && a && (a === n || a.startsWith(n + "/")), C = () => {
     u ? d((g) => !g) : n && i && i(n);
   }, _ = (g) => {
     (g.key === "Enter" || g.key === " ") && (g.preventDefault(), C());
@@ -4289,7 +4289,7 @@ const Ds = "EMPTY", Yt = ({
   ] });
 };
 function jc(e, t) {
-  return e.filter((n) => n.hideMenu ? !1 : n.permissions && t ? n.permissions.some((r) => t.includes(r)) : !(n.permissions && !t));
+  return e.filter((n) => n.isHidden ? !1 : n.permissions && t ? n.permissions.some((r) => t.includes(r)) : !(n.permissions && !t));
 }
 const Xh = ({
   logo: e,
@@ -11430,13 +11430,13 @@ export {
   Uh as J,
   Qu as K,
   Gh as L,
-  Xh as M,
+  Qh as M,
   ed as N,
   rp as O,
   qu as P,
   Eo as Q,
   ep as R,
-  Gu as S,
+  Xh as S,
   np as T,
   $u as U,
   op as V,
@@ -11511,8 +11511,8 @@ export {
   Ds as t,
   Yt as u,
   Zh as v,
-  Qh as w,
-  Dt as x,
+  Dt as w,
+  Gu as x,
   tp as y,
   Zu as z
 };

package/dist/index.d.ts

@@ -17,7 +17,7 @@ export * from './components/iconButton';
 export * from './components/jsonEditor';
 export * from './components/list';
 export * from './components/logo';
-export * from './components/menu';
+export * from './components/sidebar';
 export * from './components/multiSelect';
 export * from './components/popover';
 export * from './components/portal';

package/dist/{index.esm-B4HiWhze.js → index.esm-Dvqs323u.js}

@@ -1,4 +1,4 @@
-import { j as o } from "./index-CTQbH0dg.js";
+import { j as o } from "./index-B-Odpfhq.js";
 import { useState as G, useEffect as Oe, createContext as Xt, useRef as ce, useContext as Zt, useMemo as le, useCallback as Ie } from "react";
 const Be = (e, t, n, r, a) => {
   if (!r) throw new Error(a ?? `Invalid property path: ${t}

package/dist/index.js

@@ -1,4 +1,4 @@
-import { A as e, b as o, B as n, a as l, c, d as r, a6 as t, C as i, y as I, a7 as d, e as u, f as C, a8 as g, a9 as b, aa as T, ab as h, ac as D, ad as F, ae as p, g as B, af as x, ag as E, a4 as P, ah as H, ai as L, D as S, h as m, i as v, t as w, aj as f, E as y, ak as O, al as R, k, am as A, ao as M, an as W, F as G, m as _, q, l as z, p as J, n as N, r as U, o as V, ap as Y, s as j, Y as K, Z as Q, _ as X, $ as Z, a0 as $, a1 as aa, aq as sa, ar as ea, I as oa, as as na, at as la, J as ca, a2 as ra, L as ta, u as ia, v as Ia, M as da, w as ua, G as Ca, au as ga, av as ba, P as Ta, x as ha, R as Da, aw as Fa, ax as pa, ay as Ba, az as xa, S as Ea, z as Pa, aA as Ha, aB as La, N as Sa, O as ma, T as va, aC as wa, H as fa, K as ya, aD as Oa, Q as Ra, U as ka, V as Aa, W as Ma, X as Wa, a3 as Ga, aE as _a, aF as qa, a5 as za, aG as Ja, aH as Na } from "./index-CTQbH0dg.js";
+import { A as e, b as o, B as n, a as l, c, d as r, a6 as t, C as i, y as I, a7 as d, e as u, f as C, a8 as g, a9 as b, aa as T, ab as h, ac as D, ad as F, ae as p, g as B, af as x, ag as E, a4 as P, ah as S, ai as H, D as L, h as m, i as v, t as w, aj as f, E as y, ak as O, al as R, k, am as A, ao as M, an as W, F as G, m as _, q, l as z, p as J, n as N, r as U, o as V, ap as Y, s as j, Y as K, Z as Q, _ as X, $ as Z, a0 as $, a1 as aa, aq as sa, ar as ea, I as oa, as as na, at as la, J as ca, a2 as ra, L as ta, u as ia, v as Ia, M as da, G as ua, au as Ca, av as ga, P as ba, w as Ta, R as ha, aw as Da, ax as Fa, ay as pa, az as Ba, x as xa, S as Ea, z as Pa, aA as Sa, aB as Ha, N as La, O as ma, T as va, aC as wa, H as fa, K as ya, aD as Oa, Q as Ra, U as ka, V as Aa, W as Ma, X as Wa, a3 as Ga, aE as _a, aF as qa, a5 as za, aG as Ja, aH as Na } from "./index-B-Odpfhq.js";
 export {
   e as Alert,
   o as AnimatedList,
@@ -23,9 +23,9 @@ export {
   x as DashIcon,
   E as DatabaseIcon,
   P as DatePicker,
-  H as DeleteIcon,
-  L as DetailsIcon,
-  S as Dialog,
+  S as DeleteIcon,
+  H as DetailsIcon,
+  L as Dialog,
   m as Drawer,
   v as DynamicIcon,
   w as EMPTY_OPTION_ID,
@@ -63,23 +63,23 @@ export {
   ta as List,
   ia as ListItem,
   Ia as Logo,
-  da as Menu,
-  ua as MultiSelect,
-  Ca as Pagination,
-  ga as PlayIcon,
-  ba as PlusIcon,
-  Ta as Popover,
-  ha as Portal,
-  Da as RadioButton,
-  Fa as RecycleIcon,
-  pa as ReloadIcon,
-  Ba as SaveIcon,
-  xa as SearchIcon,
-  Ea as Select,
+  da as MultiSelect,
+  ua as Pagination,
+  Ca as PlayIcon,
+  ga as PlusIcon,
+  ba as Popover,
+  Ta as Portal,
+  ha as RadioButton,
+  Da as RecycleIcon,
+  Fa as ReloadIcon,
+  pa as SaveIcon,
+  Ba as SearchIcon,
+  xa as Select,
+  Ea as Sidebar,
   Pa as Spinner,
-  Ha as SuccessFilledIcon,
-  La as SuccessOutlinedIcon,
-  Sa as Tab,
+  Sa as SuccessFilledIcon,
+  Ha as SuccessOutlinedIcon,
+  La as Tab,
   ma as TabPanel,
   va as Table,
   wa as TableArrowIcon,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grasp-labs/ds-react-components",
-  "version": "0.17.0",
+  "version": "0.18.0",
   "private": false,
   "license": "Apache-2.0",
   "type": "module",

package/dist/components/menu/index.d.ts

@@ -1,11 +0,0 @@
-/**
- * Barrel exports for the Menu system.
- * Allows importing the main menu component.
- *
- * @example
- * ```tsx
- * import { Menu } from "@/components/Menu";
- * ```
- */
-export { Menu } from './Menu';
-export type { MenuProps, MenuRoute } from './Menu';