@neo4j-ndl/react 3.9.4 → 3.9.5

package/lib/esm/spotlight/stories/spotlight-with-pointer.story.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Button, Spotlight, SpotlightTarget, useNeedleTheme, useSpotlightContext, } from '@neo4j-ndl/react';
+import { useEffect } from 'react';
+const Component = (props) => {
+    const { themeClassName } = useNeedleTheme();
+    const { setIsOpen, setActiveSpotlight } = useSpotlightContext();
+    const targetId = `test-target-${themeClassName}`;
+    useEffect(() => {
+        if (props.isChromatic) {
+            setActiveSpotlight(targetId);
+            setIsOpen(true);
+        }
+    }, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);
+    return (_jsxs("div", { className: "n-flex n-justify-center n-gap-token-10", children: [_jsx(Button, { onClick: () => setActiveSpotlight(targetId), children: "Activate Spotlight" }), _jsx(SpotlightTarget, { id: targetId, hasPulse: !props.isChromatic, borderRadius: 4, backgroundColor: "rgb(var(--theme-palette-neutral-bg-weak))", indicatorVariant: "point", indicatorPlacement: "top-right", children: _jsx(Button, { onClick: () => alert('Target button clicked'), children: "Target" }) }), _jsxs(Spotlight, { placement: "bottom-end-top-end", target: targetId, actions: [
+                    {
+                        label: 'Close',
+                        onClick: () => {
+                            setIsOpen(false);
+                            setActiveSpotlight(null);
+                        },
+                    },
+                ], children: [_jsx(Spotlight.Header, { children: "This is a header" }), _jsx(Spotlight.Body, { children: "This is content" })] })] }));
+};
+export default Component;
+//# sourceMappingURL=spotlight-with-pointer.story.js.map

package/lib/esm/spotlight/stories/spotlight-with-pointer.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spotlight-with-pointer.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-with-pointer.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,MAAM,EACN,SAAS,EACT,eAAe,EACf,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC1C,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACT,KAAC,eAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,YAAY,EAAE,CAAC,EACf,eAAe,EAAC,2CAA2C,EAC3D,gBAAgB,EAAC,OAAO,EACxB,kBAAkB,EAAC,WAAW,YAE9B,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,uBAAiB,GACtD,EAClB,MAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE;oBACP;wBACE,KAAK,EAAE,OAAO;wBACd,OAAO,EAAE,GAAG,EAAE;4BACZ,SAAS,CAAC,KAAK,CAAC,CAAC;4BACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;wBAC3B,CAAC;qBACF;iBACF,aAED,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/spotlight/stories/spotlight.stories.js

@@ -0,0 +1,157 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import isChromatic from 'chromatic';
+import { Spotlight, SpotlightProvider } from '../../index';
+import { SpotlightFixedPositioning, SpotlightFixedPositioningSrc, SpotlightInDialog, SpotlightInDialogSrc, SpotlightInSideNav, SpotlightInSideNavSrc, SpotlightTour, SpotlightTourSrc, SpotlightWithIcon, SpotlightWithIconSrc, SpotlightWithImage, SpotlightWithImageSrc, SpotlightWithLabel, SpotlightWithLabelSrc, SpotlightWithPointer, SpotlightWithPointerSrc, } from './';
+const componentMeta = {
+    component: Spotlight,
+    decorators: [
+        (StoryFn) => (_jsx(SpotlightProvider, { hasOverlay: true, children: _jsx(StoryFn, {}) })),
+    ],
+    id: 'components-spotlight',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/Spotlight',
+};
+export default componentMeta;
+export const WithLabel = {
+    args: {
+        isChromatic: isChromatic(),
+    },
+    parameters: {
+        docs: {
+            source: {
+                code: SpotlightWithLabelSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: SpotlightWithLabel,
+};
+export const WithIcon = {
+    args: {
+        isChromatic: isChromatic(),
+    },
+    parameters: {
+        docs: {
+            source: {
+                code: SpotlightWithIconSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: SpotlightWithIcon,
+};
+export const WithImage = {
+    args: {
+        isChromatic: isChromatic(),
+    },
+    parameters: {
+        docs: {
+            source: {
+                code: SpotlightWithImageSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: SpotlightWithImage,
+};
+export const WithPointerIndicator = {
+    args: {
+        isChromatic: isChromatic(),
+    },
+    parameters: {
+        docs: {
+            source: {
+                code: SpotlightWithPointerSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: SpotlightWithPointer,
+};
+export const Tour = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: SpotlightTourSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: SpotlightTour,
+};
+export const InSideNav = {
+    args: {
+        isChromatic: isChromatic(),
+    },
+    parameters: {
+        docs: {
+            source: {
+                code: SpotlightInSideNavSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: SpotlightInSideNav,
+};
+export const TargetInDialog = {
+    args: {
+        isChromatic: isChromatic(),
+    },
+    parameters: {
+        docs: {
+            source: {
+                code: SpotlightInDialogSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: SpotlightInDialog,
+};
+export const FixedPositioning = {
+    args: {
+        isChromatic: isChromatic(),
+    },
+    parameters: {
+        docs: {
+            source: {
+                code: SpotlightFixedPositioningSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: SpotlightFixedPositioning,
+};
+//# sourceMappingURL=spotlight.stories.js.map

package/lib/esm/spotlight/stories/spotlight.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spotlight.stories.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight.stories.tsx"],"names":[],"mappings":"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"}

package/lib/types/spotlight/stories/index.d.ts

@@ -0,0 +1,36 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export { default as SpotlightWithLabel } from './spotlight-with-label.story';
+export { default as SpotlightWithIcon } from './spotlight-with-icon.story';
+export { default as SpotlightWithImage } from './spotlight-with-image.story';
+export { default as SpotlightWithPointer } from './spotlight-with-pointer.story';
+export { default as SpotlightTour } from './spotlight-tour.story';
+export { default as SpotlightInSideNav } from './spotlight-in-side-nav.story';
+export { default as SpotlightInDialog } from './spotlight-in-dialog.story';
+export { default as SpotlightFixedPositioning } from './spotlight-fixed-positioning.story';
+export declare const SpotlightWithLabelSrc: string;
+export declare const SpotlightWithIconSrc: string;
+export declare const SpotlightWithImageSrc: string;
+export declare const SpotlightWithPointerSrc: string;
+export declare const SpotlightTourSrc: string;
+export declare const SpotlightInSideNavSrc: string;
+export declare const SpotlightInDialogSrc: string;
+export declare const SpotlightFixedPositioningSrc: string;

package/lib/types/spotlight/stories/spotlight-fixed-positioning.story.d.ts

@@ -0,0 +1,27 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Spotlight } from '@neo4j-ndl/react';
+interface ComponentProps extends React.ComponentProps<typeof Spotlight> {
+    isChromatic: boolean;
+}
+declare const Component: (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/lib/types/spotlight/stories/spotlight-in-dialog.story.d.ts

@@ -0,0 +1,27 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Spotlight } from '@neo4j-ndl/react';
+interface ComponentProps extends React.ComponentProps<typeof Spotlight> {
+    isChromatic: boolean;
+}
+declare const Component: (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/lib/types/spotlight/stories/spotlight-in-side-nav.story.d.ts

@@ -0,0 +1,27 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Spotlight } from '@neo4j-ndl/react';
+interface ComponentProps extends React.ComponentProps<typeof Spotlight> {
+    isChromatic: boolean;
+}
+declare const Component: (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/lib/types/spotlight/stories/spotlight-tour.story.d.ts

@@ -0,0 +1,23 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/lib/types/spotlight/stories/spotlight-with-icon.story.d.ts

@@ -0,0 +1,27 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Spotlight } from '@neo4j-ndl/react';
+interface ComponentProps extends React.ComponentProps<typeof Spotlight> {
+    isChromatic: boolean;
+}
+declare const Component: (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/lib/types/spotlight/stories/spotlight-with-image.story.d.ts

@@ -0,0 +1,27 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Spotlight } from '@neo4j-ndl/react';
+interface ComponentProps extends React.ComponentProps<typeof Spotlight> {
+    isChromatic: boolean;
+}
+declare const Component: (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/lib/types/spotlight/stories/spotlight-with-label.story.d.ts

@@ -0,0 +1,27 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Spotlight } from '@neo4j-ndl/react';
+interface ComponentProps extends React.ComponentProps<typeof Spotlight> {
+    isChromatic: boolean;
+}
+declare const Component: (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/lib/types/spotlight/stories/spotlight-with-pointer.story.d.ts

@@ -0,0 +1,27 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Spotlight } from '@neo4j-ndl/react';
+interface ComponentProps extends React.ComponentProps<typeof Spotlight> {
+    isChromatic: boolean;
+}
+declare const Component: (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/lib/types/spotlight/stories/spotlight.stories.d.ts

@@ -0,0 +1,36 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import { Spotlight } from '../../index';
+type ComponentProps = React.ComponentProps<typeof Spotlight> & {
+    isChromatic: boolean;
+};
+declare const componentMeta: Meta<ComponentProps>;
+export default componentMeta;
+type Story = StoryObj<typeof componentMeta>;
+export declare const WithLabel: Story;
+export declare const WithIcon: Story;
+export declare const WithImage: Story;
+export declare const WithPointerIndicator: Story;
+export declare const Tour: Story;
+export declare const InSideNav: Story;
+export declare const TargetInDialog: Story;
+export declare const FixedPositioning: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "3.9.4",
+  "version": "3.9.5",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -82,7 +82,7 @@
     "@tanstack/react-table": "8.20.5",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "@neo4j-ndl/base": "^3.7.22"
+    "@neo4j-ndl/base": "^3.7.23"
   },
   "dependencies": {
     "@dnd-kit/core": "6.1.0",