ding-react-admin 1.0.4 → 2.0.4

package/dist/src/layouts/AdminLayout.d.ts

@@ -1,3 +1,3 @@
 import { AdminLayoutProps } from '../types';
-export declare function AdminLayout({ navItems, brand, collapsedBrand, mobileDrawerTitle, headerExtras, userMenuItems, onUserMenuClick, loginPath, siderCollapsedStorageKey, }: AdminLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function AdminLayout({ navItems, brand, collapsedBrand, mobileDrawerTitle, headerExtras, userMenuItems, onUserMenuClick, loginPath, siderCollapsedStorageKey, navSearch, }: AdminLayoutProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AdminLayout.d.ts.map

package/dist/src/layouts/AdminLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminLayout.d.ts","sourceRoot":"","sources":["../../../src/layouts/AdminLayout.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAW,MAAM,UAAU,CAAC;AAyG1D,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAe,EACf,cAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,eAAe,EACf,SAAoB,EACpB,wBAA4C,GAC7C,EAAE,gBAAgB,2CAiPlB"}
+{"version":3,"file":"AdminLayout.d.ts","sourceRoot":"","sources":["../../../src/layouts/AdminLayout.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,gBAAgB,EAAW,MAAM,UAAU,CAAC;AAC1D,OAAO,2BAA2B,CAAC;AA4InC,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAe,EACf,cAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,eAAe,EACf,SAAoB,EACpB,wBAA4C,EAC5C,SAAgB,GACjB,EAAE,gBAAgB,2CA0VlB"}

package/dist/src/layouts/AuthPageLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthPageLayout.d.ts","sourceRoot":"","sources":["../../../src/layouts/AuthPageLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,MAAM,EACN,gBAAuB,GACxB,EAAE,mBAAmB,2CA8DrB"}
+{"version":3,"file":"AuthPageLayout.d.ts","sourceRoot":"","sources":["../../../src/layouts/AuthPageLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,MAAM,EACN,gBAAuB,GACxB,EAAE,mBAAmB,2CAmErB"}

package/dist/src/layouts/navFilter.d.ts

@@ -0,0 +1,5 @@
+import { NavItem } from '../types';
+export declare function getNavItemLabel(item: NavItem): string;
+export declare function filterNavItems(items: NavItem[], query: string): NavItem[];
+export declare function collectSubmenuKeys(items: NavItem[]): string[];
+//# sourceMappingURL=navFilter.d.ts.map

package/dist/src/layouts/navFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navFilter.d.ts","sourceRoot":"","sources":["../../../src/layouts/navFilter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,wBAAgB,eAAe,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAKrD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,EAAE,CAyBzE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,CAY7D"}

package/dist/src/layouts/navMenuItems.d.ts

@@ -0,0 +1,6 @@
+import { MenuProps } from 'antd';
+import { NavItem } from '../types';
+export declare function navItemsToAntdItems(items: NavItem[], options?: {
+    showLabelTooltip?: boolean;
+}): NonNullable<MenuProps["items"]>;
+//# sourceMappingURL=navMenuItems.d.ts.map

package/dist/src/layouts/navMenuItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navMenuItems.d.ts","sourceRoot":"","sources":["../../../src/layouts/navMenuItems.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAEtC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAGxC,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,OAAO,EAAE,EAChB,OAAO,CAAC,EAAE;IAAE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAE,GACvC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAmCjC"}

package/dist/src/types.d.ts

@@ -30,6 +30,11 @@ export type AuthAdapter = {
     logout: () => void;
     /** Synchronous read of session (e.g. token). Used after mount and after login/logout. */
     getToken: () => string | null;
+    /**
+     * Label for the account menu in `AdminLayout` (top-right button).
+     * Return `null` when no user is loaded. Defaults to `"User"` when omitted.
+     */
+    getUserLabel?: () => string | null;
 };
 /** How a route participates in auth when using `AdminApp` / `createAdminRouter`. */
 export type RouteAccess = 
@@ -68,6 +73,13 @@ export type AdminLayoutProps = {
     loginPath?: string;
     /** localStorage key for sider collapsed state. Default `ding-react-admin-sider-collapsed`. */
     siderCollapsedStorageKey?: string;
+    /**
+     * Sidebar menu search. Enabled by default; pass `false` to hide.
+     * Use an object to customize the placeholder.
+     */
+    navSearch?: boolean | {
+        placeholder?: string;
+    };
 };
 export type { AuthPageLayoutProps } from './layouts/AuthPageLayout';
 export type { AuthAlternateLinkProps } from './components/AuthAlternateLink';

package/dist/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AACtC,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,aAAa,GAAG,SAAS,CAAC;AAErD;;;;;;GAMG;AACH,MAAM,MAAM,OAAO,GAAG;IACpB,wGAAwG;IACxG,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACtB,CAAC;AAEF,wFAAwF;AACxF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF,iFAAiF;AACjF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,yFAAyF;IACzF,QAAQ,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;CACpC,CAAC;AAEF,oFAAoF;AACpF,MAAM,MAAM,WAAW;AACrB,yDAAyD;AACvD,WAAW;AACb,sEAAsE;GACpE,QAAQ;AACV,+DAA+D;GAC7D,OAAO,CAAC;AAEZ,MAAM,MAAM,aAAa,GAAG;IAC1B,6GAA6G;IAC7G,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uIAAuI;IACvI,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,mEAAmE;IACnE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACnC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8FAA8F;IAC9F,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG;QAAE,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAChD,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AACpE,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yEAAyE;IACzE,aAAa,CAAC,EAAE;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,YAAY,CAAC;IACtB,sEAAsE;IACtE,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,uDAAuD;AACvD,MAAM,MAAM,eAAe,GACvB,CAAC,mBAAmB,GAAG;IAAE,KAAK,EAAE,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,GACzD,CAAC,mBAAmB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AAEhE,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,gFAAgF;IAChF,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,2FAA2F;IAC3F,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,OAAO,CACb,IAAI,CAAC,qBAAqB,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,CACpE,CAAC;CACH,CAAC"}

package/package.json

@@ -1,59 +1,79 @@
-{
-  "name": "ding-react-admin",
-  "version": "1.0.4",
-  "type": "module",
-  "license": "MIT",
-  "description": "Composable admin shell (Ant Design + React Router): quick-start AdminApp or build your own layout.",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Muhammadinaam/ding-react-admin.git"
-  },
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    }
-  },
-  "files": [
-    "dist",
-    "src",
-    "docs/assets"
-  ],
-  "scripts": {
-    "build": "vite build && node -e \"require('fs').writeFileSync('dist/index.d.ts','export * from \\\"./src/index\\\";\\n')\"",
-    "dev:example": "yarn --cwd examples/playground dev",
-    "build:example": "yarn --cwd examples/playground build",
-    "build:example:gh-pages": "yarn --cwd examples/playground build:gh-pages",
-    "test": "vitest run",
-    "prepublishOnly": "yarn build"
-  },
-  "peerDependencies": {
-    "@ant-design/icons": ">=6",
-    "antd": ">=6",
-    "dayjs": ">=1",
-    "react": ">=18",
-    "react-dom": ">=18",
-    "react-hook-form": ">=7",
-    "react-router-dom": ">=6"
-  },
-  "devDependencies": {
-    "@ant-design/icons": "^6.0.0",
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "antd": "^6.0.0",
-    "dayjs": "^1.11.13",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
-    "react-hook-form": "^7.56.4",
-    "react-router-dom": "^7.14.2",
-    "typescript": "~6.0.2",
-    "vite": "^8.0.9",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.4"
-  },
-  "dependencies": {}
-}
+{
+  "name": "ding-react-admin",
+  "version": "2.0.4",
+  "type": "module",
+  "license": "MIT",
+  "description": "Composable admin shell (Ant Design + React Router): quick-start AdminApp or build your own layout.",
+  "keywords": [
+    "react",
+    "admin",
+    "dashboard",
+    "antd",
+    "ant-design",
+    "crud",
+    "react-router",
+    "react-hook-form",
+    "data-grid",
+    "forms",
+    "typescript"
+  ],
+  "homepage": "https://muhammadinaam.github.io/ding-react-admin/",
+  "bugs": {
+    "url": "https://github.com/Muhammadinaam/ding-react-admin/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Muhammadinaam/ding-react-admin.git"
+  },
+  "publishConfig": {
+    "provenance": true
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "docs/assets"
+  ],
+  "scripts": {
+    "build": "vite build && node -e \"require('fs').writeFileSync('dist/index.d.ts','export * from \\\"./src/index\\\";\\n')\"",
+    "dev:example": "yarn --cwd examples/playground dev",
+    "build:example": "yarn --cwd examples/playground build",
+    "build:example:gh-pages": "yarn --cwd examples/playground build:gh-pages",
+    "test": "vitest run",
+    "prepublishOnly": "yarn build"
+  },
+  "peerDependencies": {
+    "@ant-design/icons": ">=6",
+    "antd": ">=6",
+    "dayjs": ">=1",
+    "react": ">=18",
+    "react-dom": ">=18",
+    "react-hook-form": ">=7",
+    "react-router-dom": ">=6"
+  },
+  "devDependencies": {
+    "@ant-design/icons": "^6.0.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "antd": "^6.0.0",
+    "dayjs": "^1.11.13",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-hook-form": "^7.56.4",
+    "react-router-dom": "^7.14.2",
+    "typescript": "~6.0.2",
+    "vite": "^8.0.9",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.4"
+  },
+  "dependencies": {}
+}

package/src/app/AdminApp.tsx

@@ -1,34 +1,34 @@
-import { useMemo } from "react";
-import { RouterProvider } from "react-router-dom";
-import { AppThemeProvider } from "../context/AppThemeProvider";
-import { createAdminRouter } from "../router/createAdminRouter";
-import type { AdminAppProps } from "../types";
-
-/**
- * Declarative admin shell: theme, router, and layout from your route list.
- * Wrap in `<AuthProvider adapter={...}>` — auth is not configured on this component.
- */
-export function AdminApp({
-  navItems,
-  routes,
-  authRedirects,
-  layoutProps,
-  theme: themeKeys,
-}: AdminAppProps) {
-  const router = useMemo(
-    () =>
-      createAdminRouter({
-        navItems,
-        children: routes,
-        layoutProps,
-        redirects: authRedirects,
-      }),
-    [navItems, routes, layoutProps, authRedirects],
-  );
-
-  return (
-    <AppThemeProvider {...themeKeys}>
-      <RouterProvider router={router} />
-    </AppThemeProvider>
-  );
-}
+import { useMemo } from "react";
+import { RouterProvider } from "react-router-dom";
+import { AppThemeProvider } from "../context/AppThemeProvider";
+import { createAdminRouter } from "../router/createAdminRouter";
+import type { AdminAppProps } from "../types";
+
+/**
+ * Declarative admin shell: theme, router, and layout from your route list.
+ * Wrap in `<AuthProvider adapter={...}>` — auth is not configured on this component.
+ */
+export function AdminApp({
+  navItems,
+  routes,
+  authRedirects,
+  layoutProps,
+  theme: themeKeys,
+}: AdminAppProps) {
+  const router = useMemo(
+    () =>
+      createAdminRouter({
+        navItems,
+        children: routes,
+        layoutProps,
+        redirects: authRedirects,
+      }),
+    [navItems, routes, layoutProps, authRedirects],
+  );
+
+  return (
+    <AppThemeProvider {...themeKeys}>
+      <RouterProvider router={router} />
+    </AppThemeProvider>
+  );
+}

package/src/components/AuthAlternateLink.tsx

@@ -1,23 +1,23 @@
-import { Typography } from "antd";
-import { Link } from "react-router-dom";
-
-export type AuthAlternateLinkProps = {
-  prompt: string;
-  linkText: string;
-  to: string;
-};
-
-export function AuthAlternateLink({
-  prompt,
-  linkText,
-  to,
-}: AuthAlternateLinkProps) {
-  return (
-    <Typography.Paragraph
-      type="secondary"
-      style={{ textAlign: "center", marginBottom: 0 }}
-    >
-      {prompt} <Link to={to}>{linkText}</Link>
-    </Typography.Paragraph>
-  );
-}
+import { Typography } from "antd";
+import { Link } from "react-router-dom";
+
+export type AuthAlternateLinkProps = {
+  prompt: string;
+  linkText: string;
+  to: string;
+};
+
+export function AuthAlternateLink({
+  prompt,
+  linkText,
+  to,
+}: AuthAlternateLinkProps) {
+  return (
+    <Typography.Paragraph
+      type="secondary"
+      style={{ textAlign: "center", marginBottom: 0 }}
+    >
+      {prompt} <Link to={to}>{linkText}</Link>
+    </Typography.Paragraph>
+  );
+}

package/src/components/DensitySwitch.tsx

@@ -1,31 +1,31 @@
-import { ColumnHeightOutlined, LayoutOutlined } from "@ant-design/icons";
-import { Segmented } from "antd";
-import type { SegmentedProps } from "antd";
-import { useThemeMode } from "../context/AppThemeProvider";
-import type { ThemeDensity } from "../types";
-
-const OPTIONS: SegmentedProps["options"] = [
-  {
-    label: "Comfortable",
-    value: "comfortable",
-    icon: <LayoutOutlined />,
-  },
-  {
-    label: "Compact",
-    value: "compact",
-    icon: <ColumnHeightOutlined />,
-  },
-];
-
-export function DensitySwitch() {
-  const { density, setDensity } = useThemeMode();
-
-  return (
-    <Segmented
-      size="small"
-      value={density}
-      options={OPTIONS}
-      onChange={(v) => setDensity(v as ThemeDensity)}
-    />
-  );
-}
+import { ColumnHeightOutlined, LayoutOutlined } from "@ant-design/icons";
+import { Segmented } from "antd";
+import type { SegmentedProps } from "antd";
+import { useThemeMode } from "../context/AppThemeProvider";
+import type { ThemeDensity } from "../types";
+
+const OPTIONS: SegmentedProps["options"] = [
+  {
+    label: "Comfortable",
+    value: "comfortable",
+    icon: <LayoutOutlined />,
+  },
+  {
+    label: "Compact",
+    value: "compact",
+    icon: <ColumnHeightOutlined />,
+  },
+];
+
+export function DensitySwitch() {
+  const { density, setDensity } = useThemeMode();
+
+  return (
+    <Segmented
+      size="small"
+      value={density}
+      options={OPTIONS}
+      onChange={(v) => setDensity(v as ThemeDensity)}
+    />
+  );
+}

package/src/components/NavMenuLabel.tsx

@@ -0,0 +1,26 @@
+import { Tooltip } from "antd";
+import type { ReactNode } from "react";
+import "./navMenu.css";
+
+export type NavMenuLabelProps = {
+  label: ReactNode;
+  /** Plain-text tooltip shown on hover. */
+  title: string;
+};
+
+export function NavMenuLabel({ label, title }: NavMenuLabelProps) {
+  if (!title) {
+    return <span className="ding-admin-menu-label">{label}</span>;
+  }
+
+  return (
+    <Tooltip
+      title={title}
+      placement="right"
+      mouseEnterDelay={1}
+      destroyOnHidden
+    >
+      <span className="ding-admin-menu-label">{label}</span>
+    </Tooltip>
+  );
+}

package/src/components/NavMenuSearch.tsx

@@ -0,0 +1,76 @@
+import { SearchOutlined } from "@ant-design/icons";
+import { ConfigProvider, Input, theme } from "antd";
+import type { ChangeEvent } from "react";
+
+export type NavMenuSearchProps = {
+  value: string;
+  onChange: (value: string) => void;
+  placeholder?: string;
+  /** Lighter styling for the classic dark navy sidebar. */
+  variant?: "on-dark" | "app";
+};
+
+export function NavMenuSearch({
+  value,
+  onChange,
+  placeholder = "Search menu…",
+  variant = "on-dark",
+}: NavMenuSearchProps) {
+  const { token } = theme.useToken();
+  const onDark = variant === "on-dark";
+
+  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
+    onChange(event.target.value);
+  };
+
+  return (
+    <div
+      style={{
+        flexShrink: 0,
+        paddingInline: token.paddingSM,
+        paddingBlock: token.paddingXS,
+      }}
+    >
+      <ConfigProvider
+        theme={
+          onDark
+            ? { token: { colorTextPlaceholder: "rgba(255, 255, 255, 0.45)" } }
+            : undefined
+        }
+      >
+        <Input
+          allowClear
+          size="small"
+          value={value}
+          onChange={handleChange}
+          placeholder={placeholder}
+          prefix={
+            <SearchOutlined
+              style={{
+                color: onDark
+                  ? "rgba(255, 255, 255, 0.45)"
+                  : token.colorTextDescription,
+              }}
+            />
+          }
+          aria-label={placeholder}
+          styles={{
+            input: onDark
+              ? { color: "rgba(255, 255, 255, 0.88)" }
+              : undefined,
+            clear: onDark
+              ? { color: "rgba(255, 255, 255, 0.45)" }
+              : undefined,
+          }}
+          style={{
+            background: onDark
+              ? "rgba(255, 255, 255, 0.08)"
+              : token.colorFillTertiary,
+            borderColor: "transparent",
+            boxShadow: "none",
+          }}
+        />
+      </ConfigProvider>
+    </div>
+  );
+}

package/src/components/ScrollableArea.tsx

@@ -0,0 +1,46 @@
+import { theme } from "antd";
+import { forwardRef } from "react";
+import type { CSSProperties, ReactNode } from "react";
+import "./scrollable.css";
+
+export type ScrollableAreaProps = {
+  children: ReactNode;
+  className?: string;
+  style?: CSSProperties;
+  /** Use lighter thumbs on dark sidebar backgrounds. */
+  variant?: "default" | "on-dark";
+};
+
+export const ScrollableArea = forwardRef<HTMLDivElement, ScrollableAreaProps>(
+  function ScrollableArea(
+    { children, className, style, variant = "default" },
+    ref,
+  ) {
+    const { token } = theme.useToken();
+
+    const thumb =
+      variant === "on-dark"
+        ? "rgba(255, 255, 255, 0.22)"
+        : token.colorTextQuaternary;
+    const thumbHover =
+      variant === "on-dark"
+        ? "rgba(255, 255, 255, 0.38)"
+        : token.colorTextTertiary;
+
+    return (
+      <div
+        ref={ref}
+        className={["ding-admin-scroll", className].filter(Boolean).join(" ")}
+        style={
+          {
+            ...style,
+            "--ding-scroll-thumb": thumb,
+            "--ding-scroll-thumb-hover": thumbHover,
+          } as CSSProperties
+        }
+      >
+        {children}
+      </div>
+    );
+  },
+);

package/src/components/ThemeSwitch.tsx

@@ -1,28 +1,28 @@
-import {
-  DesktopOutlined,
-  MoonOutlined,
-  SunOutlined,
-} from "@ant-design/icons";
-import { Segmented } from "antd";
-import type { SegmentedProps } from "antd";
-import type { ThemeMode } from "../types";
-import { useThemeMode } from "../context/AppThemeProvider";
-
-const OPTIONS: SegmentedProps["options"] = [
-  { label: "Light", value: "light", icon: <SunOutlined /> },
-  { label: "Dark", value: "dark", icon: <MoonOutlined /> },
-  { label: "Auto", value: "system", icon: <DesktopOutlined /> },
-];
-
-export function ThemeSwitch() {
-  const { mode, setMode } = useThemeMode();
-
-  return (
-    <Segmented
-      size="small"
-      value={mode}
-      options={OPTIONS}
-      onChange={(v) => setMode(v as ThemeMode)}
-    />
-  );
-}
+import {
+  DesktopOutlined,
+  MoonOutlined,
+  SunOutlined,
+} from "@ant-design/icons";
+import { Segmented } from "antd";
+import type { SegmentedProps } from "antd";
+import type { ThemeMode } from "../types";
+import { useThemeMode } from "../context/AppThemeProvider";
+
+const OPTIONS: SegmentedProps["options"] = [
+  { label: "Light", value: "light", icon: <SunOutlined /> },
+  { label: "Dark", value: "dark", icon: <MoonOutlined /> },
+  { label: "Auto", value: "system", icon: <DesktopOutlined /> },
+];
+
+export function ThemeSwitch() {
+  const { mode, setMode } = useThemeMode();
+
+  return (
+    <Segmented
+      size="small"
+      value={mode}
+      options={OPTIONS}
+      onChange={(v) => setMode(v as ThemeMode)}
+    />
+  );
+}