@neo4j-ndl/react 2.3.13 → 2.4.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Change Log
 
+## 2.4.0
+
+### Minor Changes
+
+- [#717](https://github.com/neo4j/needle/pull/717) [`b49b844b733b8d69a9d0157f316eb12c926eec5c`](https://github.com/neo4j/needle/commit/b49b844b733b8d69a9d0157f316eb12c926eec5c) Thanks [@basickarl](https://github.com/basickarl)! - Added new avatar component
+
+### Patch Changes
+
+- Updated dependencies [[`b49b844b733b8d69a9d0157f316eb12c926eec5c`](https://github.com/neo4j/needle/commit/b49b844b733b8d69a9d0157f316eb12c926eec5c)]:
+  - @neo4j-ndl/base@2.4.0
+
 ## 2.3.13
 
 ### Patch Changes

package/lib/LICENSES.txt

@@ -5133,6 +5133,32 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 
 -----
 
+The following software may be included in this product: @tanstack/react-table, react-table. A copy of the source code may be downloaded from git+https://github.com/tanstack/table.git (@tanstack/react-table), https://github.com/tannerlinsley/react-table (react-table). This software contains the following license and notice below:
+
+MIT License
+
+Copyright (c) 2016 Tanner Linsley
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+-----
+
 The following software may be included in this product: @testing-library/jest-dom. A copy of the source code may be downloaded from https://github.com/testing-library/jest-dom. This software contains the following license and notice below:
 
 The MIT License (MIT)
@@ -5425,7 +5451,7 @@ SOFTWARE.
 
 -----
 
-The following software may be included in this product: classnames. A copy of the source code may be downloaded from https://github.com/JedWatson/classnames.git. This software contains the following license and notice below:
+The following software may be included in this product: classnames. A copy of the source code may be downloaded from git+https://github.com/JedWatson/classnames.git. This software contains the following license and notice below:
 
 The MIT License (MIT)
 
@@ -17396,32 +17422,6 @@ SOFTWARE.
 
 -----
 
-The following software may be included in this product: react-table. A copy of the source code may be downloaded from https://github.com/tannerlinsley/react-table. This software contains the following license and notice below:
-
-MIT License
-
-Copyright (c) 2016 Tanner Linsley
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-
------
-
 The following software may be included in this product: react-use. A copy of the source code may be downloaded from https://github.com/streamich/react-use. This software contains the following license and notice below:
 
 This is free and unencumbered software released into the public domain.
@@ -19051,6 +19051,38 @@ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 
 
+--------------------------------------------------------------------------------
+
+web license:
+
+Copyright 2023, the Dart project authors.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
 --------------------------------------------------------------------------------
 
 yaml license:

package/lib/NOTICE.txt

@@ -23,7 +23,7 @@ Full license texts are found in LICENSES.txt.
 Third-party licenses
 --------------------
 ├─ MIT
-│  ├─ @babel/core@npm:7.23.6 (via npm:^7.16.0)
+│  ├─ @babel/core@npm:7.23.7 (via npm:^7.16.0)
 │  │  ├─ URL: https://github.com/babel/babel.git
 │  │  ├─ VendorName: The Babel Team
 │  │  └─ VendorUrl: https://babel.dev/docs/en/next/babel-core
@@ -83,7 +83,7 @@ Third-party licenses
 │  │  └─ URL: https://github.com/konsalex/table-nav
 │  ├─ @table-nav/react@npm:0.0.7 [a2e03] (via npm:0.0.7 [a2e03])
 │  │  └─ URL: https://github.com/konsalex/table-nav
-│  ├─ @tanstack/react-table@npm:8.11.2 [a2e03] (via npm:^8.9.3 [a2e03])
+│  ├─ @tanstack/react-table@npm:8.11.6 [a2e03] (via npm:^8.9.3 [a2e03])
 │  │  ├─ URL: git+https://github.com/tanstack/table.git
 │  │  ├─ VendorName: Tanner Linsley
 │  │  └─ VendorUrl: https://github.com/tanstack/table#readme
@@ -109,13 +109,13 @@ Third-party licenses
 │  ├─ @types/jest@npm:27.5.2 (via npm:^27.0.3)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/jest
-│  ├─ @types/node@npm:16.18.68 (via npm:^16.11.7)
+│  ├─ @types/node@npm:16.18.71 (via npm:^16.11.7)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/node
 │  ├─ @types/react@npm:18.2.18 (via npm:18.2.18)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react
-│  ├─ @types/react-datepicker@npm:4.19.4 (via npm:^4.11.2)
+│  ├─ @types/react-datepicker@npm:4.19.5 (via npm:^4.11.2)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-datepicker
 │  ├─ @types/react-dom@npm:18.2.7 (via npm:18.2.7)
@@ -127,7 +127,7 @@ Third-party licenses
 │  ├─ @types/react-syntax-highlighter@npm:15.5.11 (via npm:^15.5.5)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-syntax-highlighter
-│  ├─ @types/react-table@npm:7.7.18 (via npm:^7.7.10)
+│  ├─ @types/react-table@npm:7.7.19 (via npm:^7.7.10)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-table
 │  ├─ @types/tinycolor2@npm:1.4.6 (via npm:^1.4.3)
@@ -135,10 +135,10 @@ Third-party licenses
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/tinycolor2
 │  ├─ @typescript-eslint/eslint-plugin@npm:5.62.0 [a2e03] (via npm:^5.5.0 [a2e03])
 │  │  └─ URL: https://github.com/typescript-eslint/typescript-eslint.git
-│  ├─ acorn@npm:8.11.2 (via npm:^8.8.2)
+│  ├─ acorn@npm:8.11.3 (via npm:^8.8.2)
 │  │  ├─ URL: https://github.com/acornjs/acorn.git
 │  │  └─ VendorUrl: https://github.com/acornjs/acorn
-│  ├─ acorn-walk@npm:8.3.1 (via npm:^8.2.0)
+│  ├─ acorn-walk@npm:8.3.2 (via npm:^8.2.0)
 │  │  ├─ URL: https://github.com/acornjs/acorn.git
 │  │  └─ VendorUrl: https://github.com/acornjs/acorn
 │  ├─ autoprefixer@npm:10.4.16 [708d2] (via npm:^10.4.0 [708d2])
@@ -149,8 +149,8 @@ Third-party licenses
 │  ├─ chromatic@npm:6.24.1 (via npm:^6.5.1)
 │  │  ├─ URL: https://github.com/chromaui/chromatic-cli.git
 │  │  └─ VendorUrl: https://www.chromatic.com
-│  ├─ classnames@npm:2.3.2 (via npm:^2.3.1)
-│  │  ├─ URL: https://github.com/JedWatson/classnames.git
+│  ├─ classnames@npm:2.5.1 (via npm:^2.3.1)
+│  │  ├─ URL: git+https://github.com/JedWatson/classnames.git
 │  │  └─ VendorName: Jed Watson
 │  ├─ commitizen@npm:4.3.0 (via npm:^4.2.4)
 │  │  ├─ URL: https://github.com/commitizen/cz-cli.git
@@ -202,7 +202,7 @@ Third-party licenses
 │  │  └─ URL: git+https://github.com/jsdom/jsdom.git
 │  ├─ leva@npm:0.9.35 [d75d7] (via npm:^0.9.35 [d75d7])
 │  │  └─ URL: https://github.com/pmndrs/leva.git
-│  ├─ postcss@npm:8.4.32 (via npm:^8.4.18)
+│  ├─ postcss@npm:8.4.33 (via npm:^8.4.18)
 │  │  ├─ URL: git+https://github.com/postcss/postcss.git
 │  │  ├─ VendorName: Andrey Sitnik
 │  │  └─ VendorUrl: https://postcss.org/
@@ -274,14 +274,14 @@ Third-party licenses
 │  │  ├─ URL: https://github.com/que-etc/resize-observer-polyfill.git
 │  │  ├─ VendorName: Denis Rul
 │  │  └─ VendorUrl: https://github.com/que-etc/resize-observer-polyfill
-│  ├─ sass@npm:1.69.5 (via npm:^1.62.0)
+│  ├─ sass@npm:1.69.7 (via npm:^1.62.0)
 │  │  ├─ URL: https://github.com/sass/dart-sass
 │  │  ├─ VendorName: Natalie Weizenbaum
 │  │  └─ VendorUrl: https://github.com/sass/dart-sass
-│  ├─ sb@npm:7.6.6 (via npm:^7.0.10)
+│  ├─ sb@npm:7.6.8 (via npm:^7.0.10)
 │  │  ├─ URL: https://github.com/storybookjs/storybook.git
 │  │  └─ VendorUrl: https://github.com/storybookjs/storybook/tree/next/code/lib/cli
-│  ├─ storybook@npm:7.6.6 (via npm:^7.1.0)
+│  ├─ storybook@npm:7.6.8 (via npm:7.6.8)
 │  │  ├─ URL: https://github.com/storybookjs/storybook.git
 │  │  └─ VendorUrl: https://github.com/storybookjs/storybook/tree/next/code/lib/cli
 │  ├─ storybook-addon-pseudo-states@npm:1.15.5 [d75d7] (via npm:^1.15.1 [d75d7])
@@ -333,7 +333,7 @@ Third-party licenses
 │  │  ├─ URL: https://github.com/krisk/Fuse.git
 │  │  ├─ VendorName: Kiro Risk
 │  │  └─ VendorUrl: http://fusejs.io
-│  ├─ react-aria@npm:3.31.0 [a2e03] (via npm:^3.25.0 [a2e03])
+│  ├─ react-aria@npm:3.31.1 [a2e03] (via npm:^3.25.0 [a2e03])
 │  │  └─ URL: https://github.com/adobe/react-spectrum
 │  ├─ style-dictionary@npm:3.9.1 (via npm:^3.0.3)
 │  │  ├─ URL: git://github.com/amzn/style-dictionary.git
@@ -379,7 +379,7 @@ Third-party licenses
 │     └─ VendorUrl: https://github.com/rpearce/react-medium-image-zoom
 │
 └─ Unlicense
-   └─ react-use@npm:17.4.2 [a2e03] (via npm:^17.4.0 [a2e03])
+   └─ react-use@npm:17.4.3 [a2e03] (via npm:^17.4.0 [a2e03])
       ├─ URL: https://github.com/streamich/react-use
       ├─ VendorName: @streamich
       └─ VendorUrl: https://github.com/streamich/react-use#readme

package/lib/cjs/_common/defaultImports.js

@@ -26,5 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.classNames = void 0;
 // This file is help with consistent naming of default imports throughout the files.
 const classnames_1 = __importDefault(require("classnames"));
+// Fix for error: Exported variable 'classNames' has or is using name 'ClassNames' from external module "/Users/karl/development/neo4j/neo4j-design-2/node_modules/classnames/index" but cannot be named.ts(4023)
+// https://github.com/JedWatson/classnames/blob/main/index.d.ts#L18
 exports.classNames = classnames_1.default;
 //# sourceMappingURL=defaultImports.js.map

package/lib/cjs/_common/defaultImports.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultImports.js","sourceRoot":"","sources":["../../../src/_common/defaultImports.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,oFAAoF;AACpF,4DAA2C;AAC9B,QAAA,UAAU,GAAG,oBAAiB,CAAC"}
+{"version":3,"file":"defaultImports.js","sourceRoot":"","sources":["../../../src/_common/defaultImports.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,oFAAoF;AACpF,4DAAmE;AACnE,iNAAiN;AACjN,mEAAmE;AACtD,QAAA,UAAU,GAAuC,oBAAiB,CAAC"}

package/lib/cjs/avatar/Avatar.js

@@ -0,0 +1,121 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+const jsx_runtime_1 = require("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/>.
+ */
+const defaultImports_1 = require("../_common/defaultImports");
+const react_1 = __importDefault(require("react"));
+const typography_1 = require("../typography");
+const icons_1 = require("../icons");
+function circleSizeFactory(size) {
+    switch (size) {
+        case 'small':
+            return {
+                cxAndCy: '4',
+                diameter: '8',
+                r: '2.75',
+                rUnknown: '8',
+                rUnknownInner: '5',
+            };
+        case 'medium':
+            return {
+                cxAndCy: '5',
+                diameter: '10',
+                r: '3.75',
+                rUnknown: '4.5',
+                rUnknownInner: '2',
+            };
+        case 'large':
+            return {
+                cxAndCy: '6',
+                diameter: '12',
+                r: '5',
+                rUnknown: '6',
+                rUnknownInner: '3',
+            };
+        case 'x-large':
+        default:
+            return {
+                cxAndCy: '8',
+                diameter: '16',
+                r: '7',
+                rUnknown: '8',
+                rUnknownInner: '5',
+            };
+    }
+}
+function StatusIndicator({ size, status, }) {
+    const { cxAndCy, diameter, r, rUnknown, rUnknownInner } = circleSizeFactory(size);
+    const statusClasses = `ndl-avatar-status ndl-avatar-status-${size}`;
+    const svgCircleClasses = (0, defaultImports_1.classNames)(`ndl-avatar-status-svg-${size}`, {
+        [`ndl-avatar-status-svg-unknown-${size}`]: status === 'unknown',
+        [`ndl-avatar-status-svg-${status}`]: status !== 'unknown',
+    });
+    return ((0, jsx_runtime_1.jsx)("div", { "data-testid": "ndl-avatar-status", className: statusClasses, title: status.charAt(0).toUpperCase() + status.slice(1), role: "presentation", children: (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", height: diameter, width: diameter, viewBox: `0 0 ${diameter} ${diameter}`, fill: "none", children: [status === 'unknown' && size !== 'small' && ((0, jsx_runtime_1.jsx)("circle", { cx: cxAndCy, cy: cxAndCy, r: rUnknown, className: "ndl-avatar-status-svg-unknown-inner" })), (0, jsx_runtime_1.jsx)("circle", { cx: cxAndCy, cy: cxAndCy, r: status === 'unknown' && size !== 'small' ? rUnknownInner : r, className: svgCircleClasses })] }) }));
+}
+exports.Avatar = react_1.default.forwardRef(function Avatar(_a, ref) {
+    var { as = 'div', className, hasStatus = false, isDisabled = false, name, shape = 'circle', size = 'medium', source, status = undefined, type: initialType = 'image' } = _a, restProps = __rest(_a, ["as", "className", "hasStatus", "isDisabled", "name", "shape", "size", "source", "status", "type"]);
+    // If source is not provided, fallback to icon
+    const type = initialType === 'image' && !source ? 'icon' : initialType;
+    const Component = as;
+    const classes = (0, defaultImports_1.classNames)(`ndl-avatar ndl-avatar-${size}`, className);
+    const shapeClasses = (0, defaultImports_1.classNames)(`ndl-avatar-shape ndl-avatar-${shape} ndl-avatar-${shape}-${size}`, {
+        'ndl-avatar-disabled': isDisabled,
+    });
+    const typeClass = `ndl-avatar-${type}`;
+    const typeSizeClass = `ndl-avatar-${type}-${size}`;
+    const renderImageType = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { "data-testid": "ndl-avatar-image", src: source, alt: name }), (0, jsx_runtime_1.jsx)("div", { "data-testid": "ndl-avatar-image-overlay", className: `${shapeClasses} ndl-avatar-image-overlay` })] }));
+    const renderIconType = () => ((0, jsx_runtime_1.jsx)(icons_1.UserIconOutline, { "data-testid": "ndl-avatar-icon", className: typeSizeClass }));
+    const renderLettersType = () => {
+        const typographyVariant = size === 'small'
+            ? 'body-small'
+            : size === 'large' || size === 'x-large'
+                ? 'subheading-small'
+                : 'body-medium';
+        return ((0, jsx_runtime_1.jsx)(typography_1.Typography, { "data-testid": "ndl-avatar-letters", variant: typographyVariant, className: typeSizeClass, children: name }));
+    };
+    const TypeComponent = type === 'image'
+        ? renderImageType()
+        : type === 'icon'
+            ? renderIconType()
+            : type === 'letters' && name
+                ? renderLettersType()
+                : null;
+    const isStatusIndicatorVisible = hasStatus && !isDisabled && status;
+    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref }, restProps, { className: classes, "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, defaultImports_1.classNames)(shapeClasses, typeClass), "aria-label": `avatar ${name}`, role: "button", tabIndex: 0, "data-testid": "ndl-avatar-container", children: TypeComponent }), isStatusIndicatorVisible && ((0, jsx_runtime_1.jsx)(StatusIndicator, { size: size, status: status }))] })));
+});
+exports.default = exports.Avatar;
+//# sourceMappingURL=Avatar.js.map

package/lib/cjs/avatar/Avatar.js.map

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

package/lib/cjs/avatar/index.js

@@ -0,0 +1,38 @@
+"use strict";
+/**
+ *
+ *  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/>.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Avatar"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/avatar/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,2CAAyB"}

package/lib/cjs/index.js

@@ -72,4 +72,5 @@ __exportStar(require("./drawer"), exports);
 __exportStar(require("./breadcrumbs"), exports);
 __exportStar(require("./hooks"), exports);
 __exportStar(require("./layout"), exports);
+__exportStar(require("./avatar"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,sDAAoC;AACpC,4CAA0B;AAC1B,iDAA+B;AAC/B,0CAAwB;AACxB,6CAA2B;AAC3B,8CAA4B;AAC5B,+CAA6B;AAC7B,6CAA2B;AAC3B,8CAA4B;AAC5B,6CAA2B;AAC3B,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,2CAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,sDAAoC;AACpC,4CAA0B;AAC1B,iDAA+B;AAC/B,0CAAwB;AACxB,6CAA2B;AAC3B,8CAA4B;AAC5B,+CAA6B;AAC7B,6CAA2B;AAC3B,8CAA4B;AAC5B,6CAA2B;AAC3B,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB"}

package/lib/esm/_common/defaultImports.js

@@ -20,5 +20,7 @@
  */
 // This file is help with consistent naming of default imports throughout the files.
 import classNamesDefault from 'classnames';
+// Fix for error: Exported variable 'classNames' has or is using name 'ClassNames' from external module "/Users/karl/development/neo4j/neo4j-design-2/node_modules/classnames/index" but cannot be named.ts(4023)
+// https://github.com/JedWatson/classnames/blob/main/index.d.ts#L18
 export const classNames = classNamesDefault;
 //# sourceMappingURL=defaultImports.js.map

package/lib/esm/_common/defaultImports.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultImports.js","sourceRoot":"","sources":["../../../src/_common/defaultImports.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,oFAAoF;AACpF,OAAO,iBAAiB,MAAM,YAAY,CAAC;AAC3C,MAAM,CAAC,MAAM,UAAU,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"defaultImports.js","sourceRoot":"","sources":["../../../src/_common/defaultImports.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,oFAAoF;AACpF,OAAO,iBAAyC,MAAM,YAAY,CAAC;AACnE,iNAAiN;AACjN,mEAAmE;AACnE,MAAM,CAAC,MAAM,UAAU,GAAuC,iBAAiB,CAAC"}

package/lib/esm/avatar/Avatar.js

@@ -0,0 +1,115 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { classNames } from '../_common/defaultImports';
+import React from 'react';
+import { Typography } from '../typography';
+import { UserIconOutline } from '../icons';
+function circleSizeFactory(size) {
+    switch (size) {
+        case 'small':
+            return {
+                cxAndCy: '4',
+                diameter: '8',
+                r: '2.75',
+                rUnknown: '8',
+                rUnknownInner: '5',
+            };
+        case 'medium':
+            return {
+                cxAndCy: '5',
+                diameter: '10',
+                r: '3.75',
+                rUnknown: '4.5',
+                rUnknownInner: '2',
+            };
+        case 'large':
+            return {
+                cxAndCy: '6',
+                diameter: '12',
+                r: '5',
+                rUnknown: '6',
+                rUnknownInner: '3',
+            };
+        case 'x-large':
+        default:
+            return {
+                cxAndCy: '8',
+                diameter: '16',
+                r: '7',
+                rUnknown: '8',
+                rUnknownInner: '5',
+            };
+    }
+}
+function StatusIndicator({ size, status, }) {
+    const { cxAndCy, diameter, r, rUnknown, rUnknownInner } = circleSizeFactory(size);
+    const statusClasses = `ndl-avatar-status ndl-avatar-status-${size}`;
+    const svgCircleClasses = classNames(`ndl-avatar-status-svg-${size}`, {
+        [`ndl-avatar-status-svg-unknown-${size}`]: status === 'unknown',
+        [`ndl-avatar-status-svg-${status}`]: status !== 'unknown',
+    });
+    return (_jsx("div", { "data-testid": "ndl-avatar-status", className: statusClasses, title: status.charAt(0).toUpperCase() + status.slice(1), role: "presentation", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: diameter, width: diameter, viewBox: `0 0 ${diameter} ${diameter}`, fill: "none", children: [status === 'unknown' && size !== 'small' && (_jsx("circle", { cx: cxAndCy, cy: cxAndCy, r: rUnknown, className: "ndl-avatar-status-svg-unknown-inner" })), _jsx("circle", { cx: cxAndCy, cy: cxAndCy, r: status === 'unknown' && size !== 'small' ? rUnknownInner : r, className: svgCircleClasses })] }) }));
+}
+export const Avatar = React.forwardRef(function Avatar(_a, ref) {
+    var { as = 'div', className, hasStatus = false, isDisabled = false, name, shape = 'circle', size = 'medium', source, status = undefined, type: initialType = 'image' } = _a, restProps = __rest(_a, ["as", "className", "hasStatus", "isDisabled", "name", "shape", "size", "source", "status", "type"]);
+    // If source is not provided, fallback to icon
+    const type = initialType === 'image' && !source ? 'icon' : initialType;
+    const Component = as;
+    const classes = classNames(`ndl-avatar ndl-avatar-${size}`, className);
+    const shapeClasses = classNames(`ndl-avatar-shape ndl-avatar-${shape} ndl-avatar-${shape}-${size}`, {
+        'ndl-avatar-disabled': isDisabled,
+    });
+    const typeClass = `ndl-avatar-${type}`;
+    const typeSizeClass = `ndl-avatar-${type}-${size}`;
+    const renderImageType = () => (_jsxs(_Fragment, { children: [_jsx("img", { "data-testid": "ndl-avatar-image", src: source, alt: name }), _jsx("div", { "data-testid": "ndl-avatar-image-overlay", className: `${shapeClasses} ndl-avatar-image-overlay` })] }));
+    const renderIconType = () => (_jsx(UserIconOutline, { "data-testid": "ndl-avatar-icon", className: typeSizeClass }));
+    const renderLettersType = () => {
+        const typographyVariant = size === 'small'
+            ? 'body-small'
+            : size === 'large' || size === 'x-large'
+                ? 'subheading-small'
+                : 'body-medium';
+        return (_jsx(Typography, { "data-testid": "ndl-avatar-letters", variant: typographyVariant, className: typeSizeClass, children: name }));
+    };
+    const TypeComponent = type === 'image'
+        ? renderImageType()
+        : type === 'icon'
+            ? renderIconType()
+            : type === 'letters' && name
+                ? renderLettersType()
+                : null;
+    const isStatusIndicatorVisible = hasStatus && !isDisabled && status;
+    return (_jsxs(Component, Object.assign({ ref: ref }, restProps, { className: classes, "aria-hidden": "true", children: [_jsx("div", { className: classNames(shapeClasses, typeClass), "aria-label": `avatar ${name}`, role: "button", tabIndex: 0, "data-testid": "ndl-avatar-container", children: TypeComponent }), isStatusIndicatorVisible && (_jsx(StatusIndicator, { size: size, status: status }))] })));
+});
+export default Avatar;
+//# sourceMappingURL=Avatar.js.map

package/lib/esm/avatar/Avatar.js.map

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

package/lib/esm/avatar/index.js

@@ -0,0 +1,22 @@
+/**
+ *
+ *  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 * from './Avatar';
+//# sourceMappingURL=index.js.map

package/lib/esm/avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/avatar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,UAAU,CAAC"}

package/lib/esm/index.js

@@ -56,4 +56,5 @@ export * from './drawer';
 export * from './breadcrumbs';
 export * from './hooks';
 export * from './layout';
+export * from './avatar';
 //# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}

package/lib/types/_common/defaultImports.d.ts

@@ -18,5 +18,5 @@
  *  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 classNamesDefault from 'classnames';
-export declare const classNames: typeof classNamesDefault;
+import { type ArgumentArray } from 'classnames';
+export declare const classNames: (...args: ArgumentArray) => string;

package/lib/types/avatar/Avatar.d.ts

@@ -0,0 +1,37 @@
+/**
+ *
+ *  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 React from 'react';
+import { type ElementBase } from '../helpers';
+export interface AvatarProps extends ElementBase<HTMLDivElement> {
+    as?: string | React.ComponentType<any>;
+    className?: string;
+    hasStatus?: boolean;
+    isDisabled?: boolean;
+    name?: string;
+    shape?: 'circle' | 'square' | undefined;
+    size?: 'small' | 'medium' | 'large' | 'x-large';
+    source?: string;
+    status?: 'offline' | 'online' | 'unknown' | undefined;
+    type?: 'icon' | 'image' | 'letters';
+}
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<unknown>>;
+export default Avatar;

package/lib/types/avatar/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ *
+ *  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 * from './Avatar';

package/lib/types/index.d.ts

@@ -56,3 +56,4 @@ export * from './drawer';
 export * from './breadcrumbs';
 export * from './hooks';
 export * from './layout';
+export * from './avatar';

package/lib/types/tip/Tip.d.ts

@@ -19,7 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import { FloatingPortal } from '@floating-ui/react';
-import { type Side } from '@floating-ui/core/src/types';
+import { type Side } from '@floating-ui/core';
 import { type ElementBase } from '../helpers';
 import { Typography } from '../typography';
 import React, { type ComponentProps } from 'react';
@@ -38,7 +38,7 @@ export interface TipProps {
 export declare function useTip({ allowedPlacements, isOpen: controlledOpen, isDisabled, onOpenChange: setControlledOpen, type, }?: TipProps): {
     placement: import("@floating-ui/utils").Placement;
     strategy: import("@floating-ui/utils").Strategy;
-    middlewareData: import("@floating-ui/react").MiddlewareData;
+    middlewareData: import("@floating-ui/core").MiddlewareData;
     x: number;
     y: number;
     isPositioned: boolean;
@@ -59,7 +59,7 @@ export declare function useTip({ allowedPlacements, isOpen: controlledOpen, isDi
         strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
-        middlewareData: import("@floating-ui/react").MiddlewareData;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;
         floatingStyles: React.CSSProperties;
@@ -82,7 +82,7 @@ export declare function useTip({ allowedPlacements, isOpen: controlledOpen, isDi
 export declare const useTipContext: () => {
     placement: import("@floating-ui/utils").Placement;
     strategy: import("@floating-ui/utils").Strategy;
-    middlewareData: import("@floating-ui/react").MiddlewareData;
+    middlewareData: import("@floating-ui/core").MiddlewareData;
     x: number;
     y: number;
     isPositioned: boolean;
@@ -103,7 +103,7 @@ export declare const useTipContext: () => {
         strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
-        middlewareData: import("@floating-ui/react").MiddlewareData;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;
         floatingStyles: React.CSSProperties;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "2.3.13",
+  "version": "2.4.0",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -93,7 +93,7 @@
     "@floating-ui/react": "0.25.1",
     "@heroicons/react": "2.0.13",
     "@neo4j-cypher/react-codemirror": "^1.0.1",
-    "@neo4j-ndl/base": "^2.3.9",
+    "@neo4j-ndl/base": "^2.4.0",
     "@table-nav/core": "0.0.7",
     "@table-nav/react": "0.0.7",
     "@tanstack/react-table": "^8.9.3",