@neo4j-ndl/react 2.1.1 → 2.3.0

package/lib/esm/breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,180 @@
+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 } 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/>.
+ */
+// NPM
+import { Menu } from '../context-menu';
+import { IconButton } from '../button';
+import { useRef, useState } from 'react';
+// Local
+import { classNames } from '../_common/defaultImports';
+import { HomeIconOutline, ChevronDownIconOutline } from '../icons';
+import { Typography } from '../typography';
+const BreadcrumbsBaseItem = (_a) => {
+    var { as = 'a', children = _jsx(HomeIconOutline, {}), className, href, isCurrentPage = false, onClick } = _a, restProps = __rest(_a, ["as", "children", "className", "href", "isCurrentPage", "onClick"]);
+    const Component = as;
+    const classes = classNames('ndl-breadcrumbs-base-item-link', className, {
+        'ndl-breadcrumbs-base-item-link-active': isCurrentPage,
+    });
+    return (_jsx("li", { className: "ndl-breadcrumbs-base-item", children: _jsx(Component
+        /* Overridable */
+        , Object.assign({ 
+            /* Overridable */
+            role: "button", tabIndex: 0 }, restProps, { 
+            /* Non-overridable */
+            className: classes, href: href, onClick: (event) => {
+                if (onClick)
+                    onClick(event, href);
+            }, children: children })) }));
+};
+BreadcrumbsBaseItem.displayName = 'Breadcrumbs.BaseItem';
+const BreadcrumbsGroupItem = (_a) => {
+    var { as = 'li', children, className } = _a, restProps = __rest(_a, ["as", "children", "className"]);
+    const Component = as;
+    const classes = classNames('ndl-breadcrumbs-group-item', className);
+    return (_jsx(Component
+    /* Overridable */
+    , Object.assign({}, restProps, { 
+        /* Non-overridable */
+        className: classes, children: _jsx("ol", { children: children }) })));
+};
+BreadcrumbsGroupItem.displayName = 'Breadcrumbs.GroupItem';
+const BreadcrumbsItem = (_a) => {
+    var { as = 'a', children, className, hasSeparator = true, href, isCurrentPage = false, onClick } = _a, restProps = __rest(_a, ["as", "children", "className", "hasSeparator", "href", "isCurrentPage", "onClick"]);
+    const listItemClasses = classNames('ndl-breadcrumbs-item', {
+        'ndl-breadcrumbs-separator': hasSeparator,
+    });
+    const linkClasses = classNames('ndl-breadcrumbs-item-link', {
+        'ndl-breadcrumbs-item-link-active': isCurrentPage,
+    }, className);
+    return (_jsx("li", { className: listItemClasses, children: _jsx(Typography
+        /* Overridable */
+        , Object.assign({ "aria-current": isCurrentPage ? 'page' : undefined, as: as, role: "button", tabIndex: 0, variant: "body-medium" }, restProps, { 
+            /* Non-overridable */
+            className: linkClasses, href: href, onClick: (event) => {
+                if (onClick)
+                    onClick(event, href);
+            }, children: children })) }));
+};
+BreadcrumbsItem.displayName = 'Breadcrumbs.Item';
+const BreadcrumbsItemMenu = (_a) => {
+    var { children, className, isOpen = false, onClick, onClose } = _a, restProps = __rest(_a, ["children", "className", "isOpen", "onClick", "onClose"]);
+    const buttonRef = useRef(null);
+    const [isItemMenuOpen, setIsItemMenuOpen] = useState(isOpen);
+    const classes = classNames('ndl-breadcrumbs-item-menu-button', className);
+    return (_jsxs("li", { className: "ndl-breadcrumbs-item-menu", children: [_jsx(IconButton
+            /* Overridable */
+            , Object.assign({ "aria-haspopup": "true", "aria-label": "breadcrumbs item menu", clean: true, grouped: true, size: "small" }, restProps, { 
+                /* Non-overridable */
+                className: classes, onClick: (event) => {
+                    setIsItemMenuOpen(true);
+                    if (onClick)
+                        onClick(event);
+                }, ref: buttonRef, children: _jsx(ChevronDownIconOutline, {}) })), _jsx(Menu, { anchorEl: buttonRef, anchorOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'center',
+                }, captureFocus: true, onClose: (event) => {
+                    setIsItemMenuOpen(false);
+                    if (onClose)
+                        onClose(event);
+                }, open: isItemMenuOpen, transformOrigin: { vertical: 'top', horizontal: 'left' }, children: _jsx(Menu.Items, { children: children }) })] }));
+};
+BreadcrumbsItemMenu.displayName = 'Breadcrumbs.ItemMenu';
+const BreadcrumbsEllipsisMenu = (_a) => {
+    var { as = 'span', children, className, isOpen = false, onClick, onClose, onKeyDown } = _a, restProps = __rest(_a, ["as", "children", "className", "isOpen", "onClick", "onClose", "onKeyDown"]);
+    const ellipsisButtonRef = useRef(null);
+    const ellipsisMenuRef = useRef(null);
+    const [isEllipsisMenuOpen, setIsEllipsisMenuOpen] = useState(isOpen);
+    const Component = as;
+    const classes = classNames('ndl-breadcrumbs-ellipsis-menu-button', className);
+    return (_jsxs("li", { className: "ndl-breadcrumbs-ellipsis-menu ndl-breadcrumbs-separator", children: [_jsx(Component
+            /* Overridable */
+            , Object.assign({ "aria-controls": isEllipsisMenuOpen ? 'ellipsis-menu' : undefined, "aria-expanded": isEllipsisMenuOpen ? 'true' : undefined, "aria-haspopup": "true", role: "button", tabIndex: 0 }, restProps, { 
+                /* Non-overridable */
+                className: classes, onClick: (event) => {
+                    setIsEllipsisMenuOpen(true);
+                    if (onClick)
+                        onClick(event);
+                }, onKeyDown: (event) => {
+                    if (event.key === 'Enter')
+                        setIsEllipsisMenuOpen(true);
+                    if (onKeyDown)
+                        onKeyDown(event);
+                }, ref: ellipsisButtonRef, children: "\u2026" })), _jsx(Menu, { anchorEl: ellipsisButtonRef, captureFocus: true, onClose: (event) => {
+                    setIsEllipsisMenuOpen(false);
+                    if (onClose)
+                        onClose(event);
+                }, open: isEllipsisMenuOpen, ref: ellipsisMenuRef, children: _jsx(Menu.Items, { children: children }) })] }));
+};
+BreadcrumbsEllipsisMenu.displayName = 'Breadcrumbs.EllipsisMenu';
+const BreadcrumbsMenuItem = (_a) => {
+    var { as = 'span', children, className, href, isCurrentPage = false, onClick } = _a, restProps = __rest(_a, ["as", "children", "className", "href", "isCurrentPage", "onClick"]);
+    const linkClasses = classNames('ndl-breadcrumbs-item-link', className, {
+        'ndl-breadcrumbs-item-link-active': isCurrentPage,
+    });
+    return (_jsx(Menu.Item, { as: as, className: "ndl-breadcrumbs-menu-item", title: href ? (_jsx(Typography
+        /* Overridable */
+        , Object.assign({ "aria-current": isCurrentPage ? 'page' : undefined, as: as, role: "button", tabIndex: 0, variant: "body-medium" }, restProps, { 
+            /* Non-overridable */
+            className: linkClasses, href: href, onClick: (event) => {
+                if (onClick)
+                    onClick(event, href);
+            }, children: children }))) : (_jsx(Typography
+        /* Overridable */
+        , Object.assign({ 
+            /* Overridable */
+            as: as, tabIndex: -1, variant: "body-medium" }, restProps, { 
+            /* Non-overridable */
+            className: linkClasses, children: children }))) }));
+};
+BreadcrumbsMenuItem.displayName = 'Breadcrumbs.MenuItem';
+const BreadcrumbsComponent = (_a) => {
+    var { as = 'nav', children, className } = _a, restProps = __rest(_a, ["as", "children", "className"]);
+    const Component = as;
+    const classes = classNames('ndl-breadcrumbs', className);
+    return (_jsx(Component
+    /* Overridable */
+    , Object.assign({ "aria-label": "breadcrumb" }, restProps, { 
+        /* Non-overridable */
+        className: classes, children: _jsx("ol", { children: children }) })));
+};
+BreadcrumbsComponent.displayName = 'Breadcrumbs';
+// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
+const Breadcrumbs = Object.assign(BreadcrumbsComponent, {
+    BaseItem: BreadcrumbsBaseItem,
+    GroupItem: BreadcrumbsGroupItem,
+    Item: BreadcrumbsItem,
+    ItemMenu: BreadcrumbsItemMenu,
+    EllipsisMenu: BreadcrumbsEllipsisMenu,
+    MenuItem: BreadcrumbsMenuItem,
+});
+export { Breadcrumbs };
+//# sourceMappingURL=Breadcrumbs.js.map

package/lib/esm/breadcrumbs/Breadcrumbs.js.map

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

package/lib/esm/breadcrumbs/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 './Breadcrumbs';
+//# sourceMappingURL=index.js.map

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

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

package/lib/esm/index.js

@@ -53,4 +53,7 @@ export * from './status-indicator';
 export * from './side-navigation';
 export * from './typography';
 export * from './drawer';
+export * from './breadcrumbs';
+export * from './hooks';
+export * from './layout';
 //# 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"}
+{"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"}

package/lib/esm/layout/Box.js

@@ -0,0 +1,53 @@
+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 } 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 { forwardRef, } from 'react';
+import { getSpacing, getRadius, } from './types';
+/**
+ * Box is a general-purpose container that allows for controlled use of design tokens.
+ * Use the given props to configure display behavior and styling that aligns with Needle's tokens.
+ */
+export const Box = forwardRef(function Box(_a, ref) {
+    var { as = 'div', padding, paddingInline, paddingInlineStart, paddingInlineEnd, paddingBlockEnd, paddingBlockStart, borderRadius, children } = _a, restProps = __rest(_a, ["as", "padding", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlockEnd", "paddingBlockStart", "borderRadius", "children"]);
+    const Component = as;
+    const style = {
+        padding: getSpacing(padding, 'padding'),
+        paddingInline: getSpacing(paddingInline, 'paddingInline'),
+        paddingInlineStart: getSpacing(paddingInlineStart, 'paddingInlineStart'),
+        paddingInlineEnd: getSpacing(paddingInlineEnd, 'paddingInlineEnd'),
+        paddingBlockEnd: getSpacing(paddingBlockEnd, 'paddingBlockEnd'),
+        paddingBlockStart: getSpacing(paddingBlockStart, 'paddingBlockStart'),
+        borderRadius: getRadius(borderRadius, 'borderRadius'),
+    };
+    return (_jsx(Component, Object.assign({ ref: ref }, restProps, { style: Object.assign(Object.assign({}, style), restProps.style), children: children })));
+});
+//# sourceMappingURL=Box.js.map

package/lib/esm/layout/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAc,EACZ,UAAU,GAGX,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,UAAU,EACV,SAAS,GACV,MAAM,SAAS,CAAC;AAiDjB;;;GAGG;AACH,MAAM,CAAC,MAAM,GAAG,GAAiB,UAAU,CAAC,SAAS,GAAG,CAGtD,EAWc,EACd,GAAoC;QAZpC,EACE,EAAE,GAAG,KAAU,EACf,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,QAAQ,OAEI,EADT,SAAS,cAVd,gJAWC,CADa;IAId,MAAM,SAAS,GAAG,EAA+B,CAAC;IAElD,MAAM,KAAK,GAAG;QACZ,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC;QACvC,aAAa,EAAE,UAAU,CAAC,aAAa,EAAE,eAAe,CAAC;QACzD,kBAAkB,EAAE,UAAU,CAAC,kBAAkB,EAAE,oBAAoB,CAAC;QACxE,gBAAgB,EAAE,UAAU,CAAC,gBAAgB,EAAE,kBAAkB,CAAC;QAClE,eAAe,EAAE,UAAU,CAAC,eAAe,EAAE,iBAAiB,CAAC;QAC/D,iBAAiB,EAAE,UAAU,CAAC,iBAAiB,EAAE,mBAAmB,CAAC;QACrE,YAAY,EAAE,SAAS,CAAC,YAAY,EAAE,cAAc,CAAC;KACtD,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,kBACR,GAAG,EAAE,GAAG,IACJ,SAAS,IACb,KAAK,kCAAO,KAAK,GAAK,SAAS,CAAC,KAAK,aAEpC,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/esm/layout/Flex.js

@@ -0,0 +1,61 @@
+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 } 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 { forwardRef, } from 'react';
+import { getSpacing, getRadius, } from './types';
+import { tokens } from '@neo4j-ndl/base';
+/**
+ * Flex is a general-purpose container that helps
+ * lay out components with consistent spacing in a row or column.
+ */
+export const Flex = forwardRef(function Flex(_a, ref) {
+    var { as = 'div', gap = '4', rowGap, columnGap, children, borderRadius, flexDirection = 'column', flexWrap = 'nowrap', alignItems, justifyContent } = _a, restProps = __rest(_a, ["as", "gap", "rowGap", "columnGap", "children", "borderRadius", "flexDirection", "flexWrap", "alignItems", "justifyContent"]);
+    const Component = as;
+    // If gap is not provided,
+    // and rowGap and columnGap are not provided,
+    // then use the default value.
+    const gapPx = getSpacing(gap, 'gap');
+    const rowGapPx = rowGap ? tokens.space[rowGap] : undefined;
+    const columnGapPx = columnGap ? tokens.space[columnGap] : undefined;
+    const gapFormatted = `${rowGapPx !== null && rowGapPx !== void 0 ? rowGapPx : gapPx} ${columnGapPx !== null && columnGapPx !== void 0 ? columnGapPx : gapPx}`;
+    const style = {
+        flexDirection,
+        alignItems,
+        flexWrap,
+        justifyContent,
+        display: 'flex',
+        gap: gapFormatted,
+        borderRadius: getRadius(borderRadius, 'borderRadius'),
+    };
+    return (_jsx(Component, Object.assign({ ref: ref }, restProps, { style: Object.assign(Object.assign({}, style), restProps.style), children: children })));
+});
+//# sourceMappingURL=Flex.js.map

package/lib/esm/layout/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/layout/Flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAc,EACZ,UAAU,GAGX,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,UAAU,EACV,SAAS,GACV,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAmEzC;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAkB,UAAU,CAAC,SAAS,IAAI,CAGzD,EAYe,EACf,GAAoC;QAbpC,EACE,EAAE,GAAG,KAAU,EACf,GAAG,GAAG,GAAG,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,aAAa,GAAG,QAAQ,EACxB,QAAQ,GAAG,QAAQ,EACnB,UAAU,EACV,cAAc,OAED,EADV,SAAS,cAXd,6HAYC,CADa;IAId,MAAM,SAAS,GAAG,EAA+B,CAAC;IAElD,0BAA0B;IAC1B,6CAA6C;IAC7C,8BAA8B;IAC9B,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,MAAM,YAAY,GAAG,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,IAAI,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,EAAE,CAAC;IAEpE,MAAM,KAAK,GAAwB;QACjC,aAAa;QACb,UAAU;QACV,QAAQ;QACR,cAAc;QACd,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,YAAY;QACjB,YAAY,EAAE,SAAS,CAAC,YAAY,EAAE,cAAc,CAAC;KACtD,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,kBACR,GAAG,EAAE,GAAG,IACJ,SAAS,IACb,KAAK,kCAAO,KAAK,GAAK,SAAS,CAAC,KAAK,aAEpC,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/esm/layout/index.js

@@ -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/>.
+ */
+export * from './Flex';
+export * from './Box';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC"}

package/lib/esm/layout/types.js

@@ -0,0 +1,44 @@
+/**
+ *
+ *  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 { tokens } from '@neo4j-ndl/base';
+export const SpacingDefaults = {
+    padding: '4',
+    paddingBlockStart: undefined,
+    paddingBlockEnd: undefined,
+    paddingInline: undefined,
+    paddingInlineStart: undefined,
+    paddingInlineEnd: undefined,
+    gap: '4',
+};
+export const getSpacing = (spacing, property) => {
+    return spacing
+        ? tokens.space[spacing || SpacingDefaults[property]]
+        : undefined;
+};
+export const RadiusDefaults = {
+    borderRadius: undefined,
+};
+export const getRadius = (spacing, property) => {
+    return spacing
+        ? tokens.borderRadius[spacing || RadiusDefaults[property]]
+        : undefined;
+};
+//# sourceMappingURL=types.js.map

package/lib/esm/layout/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/types.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAgBzC,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,OAAO,EAAE,GAAG;IACZ,iBAAiB,EAAE,SAAS;IAC5B,eAAe,EAAE,SAAS;IAC1B,aAAa,EAAE,SAAS;IACxB,kBAAkB,EAAE,SAAS;IAC7B,gBAAgB,EAAE,SAAS;IAC3B,GAAG,EAAE,GAAG;CACA,CAAC;AAEX,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,OAA4B,EAC5B,QAAsC,EACtC,EAAE;IACF,OAAO,OAAO;QACZ,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,eAAe,CAAC,QAAQ,CAAC,CAAC;QACpD,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,YAAY,EAAE,SAAS;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,OAA2B,EAC3B,QAAqC,EACrC,EAAE;IACF,OAAO,OAAO;QACZ,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;QAC1D,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC,CAAC"}

package/lib/types/breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,98 @@
+/**
+ *
+ *  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 ContextMenuProps } from '../context-menu';
+import React from 'react';
+export interface BreadcrumbsBaseItemProps extends Omit<React.HTMLProps<HTMLLIElement>, 'as' | 'onClick'> {
+    as?: string | React.ComponentType<any>;
+    children?: React.ReactNode;
+    className?: string;
+    href: string;
+    isCurrentPage?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>, href: string) => void;
+}
+export interface BreadcrumbsGroupItemProps extends Omit<React.HTMLProps<HTMLLIElement>, 'as'> {
+    as?: string | React.ComponentType<any>;
+    children?: React.ReactNode;
+    className?: string;
+}
+export interface BreadcrumbsItemProps extends Omit<React.HTMLProps<HTMLLIElement>, 'as' | 'onClick'> {
+    as?: string | React.ComponentType<any>;
+    children: React.ReactNode;
+    className?: string;
+    hasSeparator?: boolean;
+    href: string;
+    isCurrentPage?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>, href: string) => void;
+}
+export interface BreadcrumbsItemMenuProps extends Omit<ContextMenuProps, 'open'> {
+    children: React.ReactNode;
+    className?: string;
+    isOpen?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLElement> | undefined) => void;
+    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
+}
+export interface BreadcrumbsEllipsisMenuProps extends Omit<ContextMenuProps, 'open'> {
+    isOpen?: boolean;
+    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
+}
+export interface BreadcrumbsMenuItemProps extends Omit<React.HTMLProps<HTMLLIElement>, 'as' | 'onClick'> {
+    as?: string | React.ComponentType<any>;
+    children: React.ReactNode;
+    className?: string;
+    href?: string;
+    isCurrentPage?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>, href?: string) => void;
+}
+export interface BreadcrumbsProps {
+    as?: string | React.ComponentType<any>;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare const Breadcrumbs: {
+    ({ as, children, className, ...restProps }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    BaseItem: {
+        ({ as, children, className, href, isCurrentPage, onClick, ...restProps }: BreadcrumbsBaseItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    GroupItem: {
+        ({ as, children, className, ...restProps }: BreadcrumbsGroupItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ as, children, className, hasSeparator, href, isCurrentPage, onClick, ...restProps }: BreadcrumbsItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    ItemMenu: {
+        ({ children, className, isOpen, onClick, onClose, ...restProps }: BreadcrumbsItemMenuProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    EllipsisMenu: {
+        ({ as, children, className, isOpen, onClick, onClose, onKeyDown, ...restProps }: BreadcrumbsEllipsisMenuProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    MenuItem: {
+        ({ as, children, className, href, isCurrentPage, onClick, ...restProps }: BreadcrumbsMenuItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export { Breadcrumbs };

package/lib/types/breadcrumbs/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 './Breadcrumbs';

package/lib/types/index.d.ts

@@ -53,3 +53,6 @@ export * from './status-indicator';
 export * from './side-navigation';
 export * from './typography';
 export * from './drawer';
+export * from './breadcrumbs';
+export * from './hooks';
+export * from './layout';

package/lib/types/layout/Box.d.ts

@@ -0,0 +1,66 @@
+/**
+ *
+ *  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, { type ComponentPropsWithoutRef } from 'react';
+import { type CustomElementType, type Spacing, type Radius } from './types';
+type BaseBoxProps<T extends CustomElementType> = {
+    /**
+     * The DOM element to render as the Box.
+     * @default div
+     */
+    as?: T;
+    /**
+     * @default tokens.space['4']
+     */
+    padding?: Spacing;
+    /**
+     * @default undefined
+     */
+    paddingBlockStart?: Spacing;
+    /**
+     * @default undefined
+     */
+    paddingBlockEnd?: Spacing;
+    /**
+     * @default undefined
+     */
+    paddingInline?: Spacing;
+    /**
+     * @default undefined
+     */
+    paddingInlineStart?: Spacing;
+    /**
+     * @default undefined
+     */
+    paddingInlineEnd?: Spacing;
+    /**
+     * @default undefined
+     */
+    borderRadius?: Radius;
+    children?: React.ReactNode;
+};
+export type BoxProps<T extends CustomElementType> = Omit<ComponentPropsWithoutRef<T>, 'as'> & BaseBoxProps<T>;
+type BoxComponent = <T extends CustomElementType>(props: BoxProps<T>) => React.ReactNode;
+/**
+ * Box is a general-purpose container that allows for controlled use of design tokens.
+ * Use the given props to configure display behavior and styling that aligns with Needle's tokens.
+ */
+export declare const Box: BoxComponent;
+export {};