@neo4j-ndl/react 4.1.4 → 4.1.6

package/lib/cjs/loading-spinner/LoadingSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../src/loading-spinner/LoadingSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AAiBpC;;;;;;GAMG;AAEI,MAAM,cAAc,GAAG,CAAsC,EAOnB,EAAE,EAAE;QAPe,EAClE,EAAE,EACF,IAAI,GAAG,OAAO,EACd,SAAS,EACT,cAAc,EACd,GAAG,OAE4C,EAD5C,SAAS,cANsD,oDAOnE,CADa;IAEZ,MAAM,SAAS,GAAsB,EAAE,IAAI,KAAK,CAAC;IACjD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,kBAAkB,EAAE,SAAS,EAAE;QACxD,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,QAAQ,gBACF,iBAAiB,eAClB,QAAQ,EAClB,GAAG,EAAE,GAAG,IACJ,cAAc,EACd,SAAS,cAEb,gCAAK,SAAS,EAAC,UAAU,GAAG,IAClB,CACb,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,cAAc,kBA4BzB","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\n\n/**\n *\n *\n * Types\n *\n *\n */\n\ntype LoadingSpinnerProps = {\n  size?: 'small' | 'medium' | 'large';\n};\n\n/**\n *\n *\n * LoadingSpinner Component\n *\n *\n */\n\nexport const LoadingSpinner = <T extends React.ElementType = 'div'>({\n  as,\n  size = 'small',\n  className,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, LoadingSpinnerProps>) => {\n  const Component: React.ElementType = as || 'div';\n  const classes = classNames('ndl-spin-wrapper', className, {\n    'ndl-small': size === 'small',\n    'ndl-medium': size === 'medium',\n    'ndl-large': size === 'large',\n  });\n\n  return (\n    <Component\n      className={classes}\n      role=\"status\"\n      aria-label=\"Loading content\"\n      aria-live=\"polite\"\n      ref={ref}\n      {...htmlAttributes}\n      {...restProps}\n    >\n      <div className=\"ndl-spin\" />\n    </Component>\n  );\n};\n"]}
+{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../src/loading-spinner/LoadingSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AAiBpC;;;;;;GAMG;AAEI,MAAM,cAAc,GAAG,CAAsC,EAOnB,EAAE,EAAE;QAPe,EAClE,EAAE,EACF,IAAI,GAAG,OAAO,EACd,SAAS,EACT,cAAc,EACd,GAAG,OAE4C,EAD5C,SAAS,cANsD,oDAOnE,CADa;IAEZ,MAAM,SAAS,GAAsB,EAAE,IAAI,KAAK,CAAC;IACjD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,kBAAkB,EAAE,SAAS,EAAE;QACxD,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,QAAQ,gBACF,iBAAiB,eAClB,QAAQ,EAClB,GAAG,EAAE,GAAG,IACJ,SAAS,EACT,cAAc,cAElB,gCAAK,SAAS,EAAC,UAAU,GAAG,IAClB,CACb,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,cAAc,kBA4BzB","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\n\n/**\n *\n *\n * Types\n *\n *\n */\n\ntype LoadingSpinnerProps = {\n  size?: 'small' | 'medium' | 'large';\n};\n\n/**\n *\n *\n * LoadingSpinner Component\n *\n *\n */\n\nexport const LoadingSpinner = <T extends React.ElementType = 'div'>({\n  as,\n  size = 'small',\n  className,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, LoadingSpinnerProps>) => {\n  const Component: React.ElementType = as || 'div';\n  const classes = classNames('ndl-spin-wrapper', className, {\n    'ndl-small': size === 'small',\n    'ndl-medium': size === 'medium',\n    'ndl-large': size === 'large',\n  });\n\n  return (\n    <Component\n      className={classes}\n      role=\"status\"\n      aria-label=\"Loading content\"\n      aria-live=\"polite\"\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <div className=\"ndl-spin\" />\n    </Component>\n  );\n};\n"]}

package/lib/cjs/logo/stories/logo.stories.js

@@ -23,7 +23,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = exports.Black = exports.Default = void 0;
 const index_1 = require("../../index");
-const _1 = require("./");
+const _1 = require(".");
 const componentMeta = {
     title: 'Components/Logo',
     id: 'components-logo',

package/lib/cjs/logo/stories/logo.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"logo.stories.js","sourceRoot":"","sources":["../../../../src/logo/stories/logo.stories.tsx"],"names":[],"mappings":";;;AAsBA,uCAAmC;AACnC,yBAOY;AAEZ,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,iBAAiB;IACxB,EAAE,EAAE,iBAAiB;IACrB,SAAS,EAAE,YAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;CAC0B,CAAC;AAE9B,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAChB;IACD,MAAM,EAAE,cAAW;IACnB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,iBAAc;aACrB;SACF;KACF;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAChB;IACD,MAAM,EAAE,YAAS;IACjB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,eAAY;aACnB;SACF;KACF;CACF,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAChB;IACD,MAAM,EAAE,WAAQ;IAChB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,cAAW;aAClB;SACF;KACF;CACF,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Logo } from '../../index';\nimport {\n  LogoBlack,\n  LogoBlackSrc,\n  LogoDefault,\n  LogoDefaultSrc,\n  LogoIcon,\n  LogoIconSrc,\n} from './';\n\nconst componentMeta = {\n  title: 'Components/Logo',\n  id: 'components-logo',\n  component: Logo,\n  tags: ['docsPage'],\n  parameters: {\n    controls: { disable: true },\n  },\n} satisfies Meta<typeof Logo>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {\n    className: undefined,\n    color: undefined,\n    type: undefined,\n  },\n  render: LogoDefault,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: LogoDefaultSrc,\n      },\n    },\n  },\n};\n\nexport const Black: Story = {\n  args: {\n    className: undefined,\n    color: undefined,\n    type: undefined,\n  },\n  render: LogoBlack,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: LogoBlackSrc,\n      },\n    },\n  },\n};\n\nexport const Icon: Story = {\n  args: {\n    className: undefined,\n    color: undefined,\n    type: undefined,\n  },\n  render: LogoIcon,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: LogoIconSrc,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"logo.stories.js","sourceRoot":"","sources":["../../../../src/logo/stories/logo.stories.tsx"],"names":[],"mappings":";;;AAsBA,uCAAmC;AACnC,wBAOW;AAEX,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,iBAAiB;IACxB,EAAE,EAAE,iBAAiB;IACrB,SAAS,EAAE,YAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;CAC0B,CAAC;AAE9B,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAChB;IACD,MAAM,EAAE,cAAW;IACnB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,iBAAc;aACrB;SACF;KACF;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAChB;IACD,MAAM,EAAE,YAAS;IACjB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,eAAY;aACnB;SACF;KACF;CACF,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAChB;IACD,MAAM,EAAE,WAAQ;IAChB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,cAAW;aAClB;SACF;KACF;CACF,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Logo } from '../../index';\nimport {\n  LogoBlack,\n  LogoBlackSrc,\n  LogoDefault,\n  LogoDefaultSrc,\n  LogoIcon,\n  LogoIconSrc,\n} from '.';\n\nconst componentMeta = {\n  title: 'Components/Logo',\n  id: 'components-logo',\n  component: Logo,\n  tags: ['docsPage'],\n  parameters: {\n    controls: { disable: true },\n  },\n} satisfies Meta<typeof Logo>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {\n    className: undefined,\n    color: undefined,\n    type: undefined,\n  },\n  render: LogoDefault,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: LogoDefaultSrc,\n      },\n    },\n  },\n};\n\nexport const Black: Story = {\n  args: {\n    className: undefined,\n    color: undefined,\n    type: undefined,\n  },\n  render: LogoBlack,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: LogoBlackSrc,\n      },\n    },\n  },\n};\n\nexport const Icon: Story = {\n  args: {\n    className: undefined,\n    color: undefined,\n    type: undefined,\n  },\n  render: LogoIcon,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: LogoIconSrc,\n      },\n    },\n  },\n};\n"]}

package/lib/cjs/menu/Menu.js

@@ -149,8 +149,9 @@ const MenuComponent = ({ children, isOpen: controlledOpen, onClose, isRoot, anch
     // This effect closes all menus when an item gets clicked anywhere
     // in the tree.
     (0, react_2.useEffect)(() => {
-        if (!tree)
+        if (!tree) {
             return;
+        }
         function handleTreeClick(data) {
             if (controlledOpen === undefined) {
                 setIsOpen(false);
@@ -204,7 +205,7 @@ const MenuItemComponent = (_a) => {
         'ndl-disabled': isDisabled,
     });
     const Component = as !== null && as !== void 0 ? as : 'button';
-    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, ref: ref, type: "button", role: "menuitem", disabled: isDisabled, style: style }, htmlAttributes, restProps, { children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-menu-item-inner", children: [Boolean(leadingContent) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-menu-item-leading-content", children: leadingContent })), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-menu-item-title-wrapper", children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-menu-item-title", children: title }), Boolean(description) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-menu-item-description", children: description }))] }), Boolean(trailingContent) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-menu-item-trailing-content", children: trailingContent }))] }) })));
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, ref: ref, type: "button", role: "menuitem", disabled: isDisabled, style: style }, restProps, htmlAttributes, { children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-menu-item-inner", children: [Boolean(leadingContent) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-menu-item-leading-content", children: leadingContent })), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-menu-item-title-wrapper", children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-menu-item-title", children: title }), Boolean(description) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-menu-item-description", children: description }))] }), Boolean(trailingContent) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-menu-item-trailing-content", children: trailingContent }))] }) })));
 };
 const MenuItem = ({ title, className, style, leadingVisual, trailingContent, description, isDisabled, as, onClick, onFocus, htmlAttributes, id, ref, }) => {
     const menu = (0, react_2.useContext)(MenuContext);
@@ -245,15 +246,17 @@ const NestedMenuItem = ({ title, isDisabled, description, leadingVisual, as, onF
             },
         })), { id: id }) }));
 };
-const CategoryItem = ({ children, className, style, as, htmlAttributes, ref, }) => {
+const CategoryItem = (_a) => {
+    var { children, className, style, as, htmlAttributes, ref } = _a, restProps = __rest(_a, ["children", "className", "style", "as", "htmlAttributes", "ref"]);
     const classes = (0, classnames_1.default)('ndl-menu-category-item', className);
     const Component = as !== null && as !== void 0 ? as : 'div';
-    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, style: style, ref: ref }, htmlAttributes, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, style: style, ref: ref }, restProps, htmlAttributes, { children: children })));
 };
-const MenuItems = ({ as, children, className, htmlAttributes, style, ref, }) => {
+const MenuItems = (_a) => {
+    var { as, children, className, htmlAttributes, style, ref } = _a, restProps = __rest(_a, ["as", "children", "className", "htmlAttributes", "style", "ref"]);
     const classes = (0, classnames_1.default)('ndl-menu-items', className);
     const Component = as !== null && as !== void 0 ? as : 'div';
-    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, style: style, ref: ref }, htmlAttributes, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, style: style, ref: ref }, restProps, htmlAttributes, { children: children })));
 };
 const Menu = Object.assign(MenuWrapper, {
     CategoryItem: CategoryItem,

package/lib/cjs/menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/menu/Menu.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingList,\n  FloatingNode,\n  FloatingPortal,\n  FloatingTree,\n  offset,\n  safePolygon,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFloatingNodeId,\n  useFloatingParentNodeId,\n  useFloatingTree,\n  useHover,\n  useInteractions,\n  useListItem,\n  useListNavigation,\n  useMergeRefs,\n  useRole,\n  useTypeahead,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { createContext, useContext, useEffect, useRef, useState } from 'react';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { Divider } from '../divider';\nimport { ChevronRightIconOutline } from '../icons';\nimport { placementTranslation } from '../popover';\nimport { useNeedleTheme } from '../theme';\nimport type {\n  CategoryItemProps,\n  MenuItemComponentProps,\n  MenuItemProps,\n  MenuItemsProps,\n  MenuProps,\n  NestedMenuItemProps,\n} from './menu-types';\n\nconst MenuContext = createContext<{\n  getItemProps: (\n    userProps?: React.HTMLProps<HTMLElement>,\n  ) => Record<string, unknown>;\n  activeIndex: number | null;\n  setActiveIndex: React.Dispatch<React.SetStateAction<number | null>>;\n  setHasFocusInside: React.Dispatch<React.SetStateAction<boolean>>;\n  isOpen: boolean;\n}>({\n  activeIndex: null,\n  getItemProps: () => ({}),\n  isOpen: false,\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  setActiveIndex: () => {},\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  setHasFocusInside: () => {},\n});\n\nconst MenuWrapper = (props: React.ComponentProps<typeof MenuComponent>) => {\n  const parentId = useFloatingParentNodeId();\n\n  if (parentId === null) {\n    return (\n      <FloatingTree>\n        <MenuComponent {...props} isRoot />\n      </FloatingTree>\n    );\n  }\n\n  return <MenuComponent {...props} />;\n};\n\nconst MenuComponent = <T extends React.ElementType = 'div'>({\n  children,\n  isOpen: controlledOpen,\n  onClose,\n  isRoot,\n  anchorRef,\n  as,\n  className,\n  placement,\n  minWidth,\n  title,\n  isDisabled,\n  description,\n  icon,\n  isPortaled = true,\n  portalTarget,\n  htmlAttributes,\n  strategy,\n  ref: forwardedRef,\n}: PolymorphicCommonProps<T, MenuProps>) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [hasFocusInside, setHasFocusInside] = useState(false);\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n\n  const elementsRef = useRef<Array<HTMLButtonElement | null>>([]);\n  const labelsRef = useRef<Array<string | null>>([]);\n  const parent = useContext(MenuContext);\n\n  const isInsideDialog = useIsInsideDialog();\n  const tree = useFloatingTree();\n  const nodeId = useFloatingNodeId();\n  const parentId = useFloatingParentNodeId();\n  const item = useListItem();\n  const { themeClassName } = useNeedleTheme();\n  useEffect(() => {\n    if (controlledOpen === undefined) {\n      return;\n    }\n    setIsOpen(controlledOpen);\n  }, [controlledOpen]);\n\n  useEffect(() => {\n    if (isOpen) {\n      setActiveIndex(0);\n    }\n  }, [isOpen]);\n\n  const Component = as ?? 'div';\n\n  const isNested = parentId !== null;\n\n  const defaultPlacement = isNested ? 'right-start' : 'bottom-start';\n\n  const { floatingStyles, refs, context } = useFloating<HTMLButtonElement>({\n    elements: {\n      reference: anchorRef?.current,\n    },\n    middleware: [\n      offset({\n        alignmentAxis: isNested ? -4 : 0,\n        mainAxis: isNested ? 0 : 4,\n      }),\n      flip({\n        fallbackPlacements: ['left-start', 'right-start'],\n      }),\n      shift(),\n    ],\n    nodeId,\n    onOpenChange: (open, event) => {\n      if (controlledOpen === undefined) {\n        setIsOpen(open);\n      }\n\n      if (!open) {\n        if (event instanceof PointerEvent) {\n          onClose?.(event, { type: 'backdropClick' });\n        } else if (event instanceof KeyboardEvent) {\n          onClose?.(event, { type: 'escapeKeyDown' });\n        }\n      }\n    },\n    open: isOpen,\n    placement: placement ? placementTranslation[placement] : defaultPlacement,\n    strategy: strategy ?? (isInsideDialog ? 'fixed' : 'absolute'),\n    whileElementsMounted: autoUpdate,\n  });\n\n  const hover = useHover(context, {\n    delay: { open: 75 },\n    enabled: isNested,\n    handleClose: safePolygon({ blockPointerEvents: true }),\n  });\n  const click = useClick(context, {\n    event: 'mousedown',\n    ignoreMouse: isNested,\n    toggle: !isNested,\n  });\n  const role = useRole(context, { role: 'menu' });\n  const dismiss = useDismiss(context, { bubbles: true });\n  const listNavigation = useListNavigation(context, {\n    activeIndex,\n    listRef: elementsRef,\n    nested: isNested,\n    onNavigate: setActiveIndex,\n  });\n  const typeahead = useTypeahead(context, {\n    activeIndex,\n    listRef: labelsRef,\n    onMatch: isOpen ? setActiveIndex : undefined,\n  });\n\n  const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions(\n    [hover, click, role, dismiss, listNavigation, typeahead],\n  );\n\n  // Event emitter allows you to communicate across tree components.\n  // This effect closes all menus when an item gets clicked anywhere\n  // in the tree.\n  useEffect(() => {\n    if (!tree) return;\n\n    function handleTreeClick(data: { id?: string }) {\n      if (controlledOpen === undefined) {\n        setIsOpen(false);\n      }\n      onClose?.(undefined, { id: data?.id, type: 'itemClick' });\n    }\n\n    function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n      if (event.nodeId !== nodeId && event.parentId === parentId) {\n        if (controlledOpen === undefined) {\n          setIsOpen(false);\n        }\n        onClose?.(undefined, { type: 'itemClick' });\n      }\n    }\n\n    tree.events.on('click', handleTreeClick);\n    tree.events.on('menuopen', onSubMenuOpen);\n\n    return () => {\n      tree.events.off('click', handleTreeClick);\n      tree.events.off('menuopen', onSubMenuOpen);\n    };\n  }, [tree, nodeId, parentId, onClose, controlledOpen]);\n\n  useEffect(() => {\n    if (isOpen && tree) {\n      tree.events.emit('menuopen', { nodeId, parentId });\n    }\n  }, [tree, isOpen, nodeId, parentId]);\n\n  const menuClasses = classNames('ndl-menu', themeClassName, className);\n  const ref = useMergeRefs([refs.setReference, item.ref, forwardedRef]);\n\n  return (\n    <FloatingNode id={nodeId}>\n      {isRoot !== true && (\n        <NestedMenuItem\n          ref={ref}\n          className={isNested ? 'MenuItem' : 'RootMenu'}\n          isDisabled={isDisabled}\n          htmlAttributes={{\n            'data-focus-inside': hasFocusInside ? '' : undefined,\n            'data-nested': isNested ? '' : undefined,\n            'data-open': isOpen ? '' : undefined,\n            role: isNested ? 'menuitem' : undefined,\n            tabIndex: !isNested\n              ? undefined\n              : parent.activeIndex === item.index\n                ? 0\n                : -1,\n            ...htmlAttributes,\n            ...getReferenceProps(\n              parent.getItemProps({\n                onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n                  htmlAttributes?.onFocus?.(event);\n                  setHasFocusInside(false);\n                  parent.setHasFocusInside(true);\n                },\n              }),\n            ),\n          }}\n          title={title}\n          description={description}\n          leadingVisual={icon}\n        />\n      )}\n      <MenuContext.Provider\n        value={{\n          activeIndex,\n          getItemProps,\n          isOpen: isDisabled === true ? false : isOpen,\n          setActiveIndex,\n          setHasFocusInside,\n        }}\n      >\n        <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>\n          {isOpen && (\n            <ConditionalWrap\n              shouldWrap={isPortaled}\n              wrap={(wrapChildren) => (\n                <FloatingPortal root={portalTarget}>\n                  {wrapChildren}\n                </FloatingPortal>\n              )}\n            >\n              <FloatingFocusManager\n                context={context}\n                modal={false}\n                initialFocus={0}\n                returnFocus={!isNested}\n                closeOnFocusOut={true}\n                guards={true}\n              >\n                <Component\n                  ref={refs.setFloating}\n                  className={menuClasses}\n                  style={{\n                    minWidth:\n                      minWidth !== undefined ? `${minWidth}px` : undefined,\n                    ...floatingStyles,\n                  }}\n                  {...getFloatingProps()}\n                >\n                  {children}\n                </Component>\n              </FloatingFocusManager>\n            </ConditionalWrap>\n          )}\n        </FloatingList>\n      </MenuContext.Provider>\n    </FloatingNode>\n  );\n};\n\nconst MenuItemComponent = <T extends React.ElementType = 'button'>({\n  title,\n  leadingContent,\n  trailingContent,\n  description,\n  isDisabled,\n  as,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, MenuItemComponentProps>) => {\n  const classes = classNames(`ndl-menu-item`, className, {\n    'ndl-disabled': isDisabled,\n  });\n\n  const Component = as ?? 'button';\n\n  return (\n    <Component\n      className={classes}\n      ref={ref}\n      type=\"button\"\n      role=\"menuitem\"\n      disabled={isDisabled}\n      style={style}\n      {...htmlAttributes}\n      {...restProps}\n    >\n      <div className=\"ndl-menu-item-inner\">\n        {Boolean(leadingContent) && (\n          <div className=\"ndl-menu-item-leading-content\">{leadingContent}</div>\n        )}\n\n        <div className=\"ndl-menu-item-title-wrapper\">\n          <div className=\"ndl-menu-item-title\">{title}</div>\n          {Boolean(description) && (\n            <div className=\"ndl-menu-item-description\">{description}</div>\n          )}\n        </div>\n\n        {Boolean(trailingContent) && (\n          <div className=\"ndl-menu-item-trailing-content\">\n            {trailingContent}\n          </div>\n        )}\n      </div>\n    </Component>\n  );\n};\n\nconst MenuItem = <T extends React.ElementType = 'button'>({\n  title,\n  className,\n  style,\n  leadingVisual,\n  trailingContent,\n  description,\n  isDisabled,\n  as,\n  onClick,\n  onFocus,\n  htmlAttributes,\n  id,\n  ref,\n}: PolymorphicCommonProps<T, MenuItemProps>) => {\n  const menu = useContext(MenuContext);\n  const itemLabel = typeof title === 'string' ? title : undefined;\n  const item = useListItem({ label: isDisabled === true ? null : itemLabel });\n  const tree = useFloatingTree();\n  const isActive = item.index === menu.activeIndex;\n\n  const mergedRefs = useMergeRefs([item.ref, ref]);\n\n  return (\n    <MenuItemComponent\n      as={as ?? 'button'}\n      style={style}\n      className={className}\n      ref={mergedRefs}\n      title={title}\n      description={description}\n      leadingContent={leadingVisual}\n      trailingContent={trailingContent}\n      isDisabled={isDisabled}\n      htmlAttributes={{\n        ...htmlAttributes,\n        tabIndex: isActive ? 0 : -1,\n        ...menu.getItemProps({\n          onClick(event: React.MouseEvent<HTMLButtonElement>) {\n            onClick?.(event);\n            tree?.events.emit('click', { id });\n          },\n          onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n            onFocus?.(event);\n            menu.setHasFocusInside(true);\n          },\n          id: id,\n          style: style,\n        }),\n      }}\n    />\n  );\n};\n\nconst NestedMenuItem = <T extends React.ElementType = 'button'>({\n  title,\n  isDisabled,\n  description,\n  leadingVisual,\n  as,\n  onFocus,\n  onClick,\n  className,\n  style,\n  htmlAttributes,\n  id,\n  ref,\n}: PolymorphicCommonProps<T, NestedMenuItemProps>) => {\n  const menu = useContext(MenuContext);\n  const itemLabel = typeof title === 'string' ? title : undefined;\n  const item = useListItem({ label: isDisabled === true ? null : itemLabel });\n  const isActive = item.index === menu.activeIndex;\n  const mergedRefs = useMergeRefs([item.ref, ref]);\n\n  return (\n    <MenuItemComponent\n      as={as ?? 'button'}\n      style={style}\n      className={className}\n      ref={mergedRefs}\n      title={title}\n      description={description}\n      leadingContent={leadingVisual}\n      trailingContent={\n        <ChevronRightIconOutline className=\"ndl-menu-item-chevron\" />\n      }\n      isDisabled={isDisabled}\n      htmlAttributes={{\n        ...htmlAttributes,\n        tabIndex: isActive ? 0 : -1,\n        ...menu.getItemProps({\n          onClick(event: React.MouseEvent<HTMLButtonElement>) {\n            onClick?.(event);\n          },\n          onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n            onFocus?.(event);\n            menu.setHasFocusInside(true);\n          },\n          onTouchStart() {\n            menu.setHasFocusInside(true);\n          },\n        }),\n        id: id,\n      }}\n    />\n  );\n};\n\nconst CategoryItem = <T extends React.ElementType = 'button'>({\n  children,\n  className,\n  style,\n  as,\n  htmlAttributes,\n  ref,\n}: PolymorphicCommonProps<T, CategoryItemProps>) => {\n  const classes = classNames('ndl-menu-category-item', className);\n  const Component: React.ElementType = as ?? 'div';\n  return (\n    <Component className={classes} style={style} ref={ref} {...htmlAttributes}>\n      {children}\n    </Component>\n  );\n};\n\nconst MenuItems = <T extends React.ElementType = 'div'>({\n  as,\n  children,\n  className,\n  htmlAttributes,\n  style,\n  ref,\n}: PolymorphicCommonProps<T, MenuItemsProps>) => {\n  const classes = classNames('ndl-menu-items', className);\n  const Component: React.ElementType = as ?? 'div';\n  return (\n    <Component className={classes} style={style} ref={ref} {...htmlAttributes}>\n      {children}\n    </Component>\n  );\n};\n\nconst Menu = Object.assign(MenuWrapper, {\n  CategoryItem: CategoryItem,\n  Divider: Divider,\n  Item: MenuItem,\n  Items: MenuItems,\n});\nexport { Menu };\n"]}
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/menu/Menu.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingList,\n  FloatingNode,\n  FloatingPortal,\n  FloatingTree,\n  offset,\n  safePolygon,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFloatingNodeId,\n  useFloatingParentNodeId,\n  useFloatingTree,\n  useHover,\n  useInteractions,\n  useListItem,\n  useListNavigation,\n  useMergeRefs,\n  useRole,\n  useTypeahead,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { createContext, useContext, useEffect, useRef, useState } from 'react';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { Divider } from '../divider';\nimport { ChevronRightIconOutline } from '../icons';\nimport { placementTranslation } from '../popover';\nimport { useNeedleTheme } from '../theme';\nimport type {\n  CategoryItemProps,\n  MenuItemComponentProps,\n  MenuItemProps,\n  MenuItemsProps,\n  MenuProps,\n  NestedMenuItemProps,\n} from './menu-types';\n\nconst MenuContext = createContext<{\n  getItemProps: (\n    userProps?: React.HTMLProps<HTMLElement>,\n  ) => Record<string, unknown>;\n  activeIndex: number | null;\n  setActiveIndex: React.Dispatch<React.SetStateAction<number | null>>;\n  setHasFocusInside: React.Dispatch<React.SetStateAction<boolean>>;\n  isOpen: boolean;\n}>({\n  activeIndex: null,\n  getItemProps: () => ({}),\n  isOpen: false,\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  setActiveIndex: () => {},\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  setHasFocusInside: () => {},\n});\n\nconst MenuWrapper = (props: React.ComponentProps<typeof MenuComponent>) => {\n  const parentId = useFloatingParentNodeId();\n\n  if (parentId === null) {\n    return (\n      <FloatingTree>\n        <MenuComponent {...props} isRoot />\n      </FloatingTree>\n    );\n  }\n\n  return <MenuComponent {...props} />;\n};\n\nconst MenuComponent = <T extends React.ElementType = 'div'>({\n  children,\n  isOpen: controlledOpen,\n  onClose,\n  isRoot,\n  anchorRef,\n  as,\n  className,\n  placement,\n  minWidth,\n  title,\n  isDisabled,\n  description,\n  icon,\n  isPortaled = true,\n  portalTarget,\n  htmlAttributes,\n  strategy,\n  ref: forwardedRef,\n}: PolymorphicCommonProps<T, MenuProps>) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [hasFocusInside, setHasFocusInside] = useState(false);\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n\n  const elementsRef = useRef<Array<HTMLButtonElement | null>>([]);\n  const labelsRef = useRef<Array<string | null>>([]);\n  const parent = useContext(MenuContext);\n\n  const isInsideDialog = useIsInsideDialog();\n  const tree = useFloatingTree();\n  const nodeId = useFloatingNodeId();\n  const parentId = useFloatingParentNodeId();\n  const item = useListItem();\n  const { themeClassName } = useNeedleTheme();\n  useEffect(() => {\n    if (controlledOpen === undefined) {\n      return;\n    }\n    setIsOpen(controlledOpen);\n  }, [controlledOpen]);\n\n  useEffect(() => {\n    if (isOpen) {\n      setActiveIndex(0);\n    }\n  }, [isOpen]);\n\n  const Component = as ?? 'div';\n\n  const isNested = parentId !== null;\n\n  const defaultPlacement = isNested ? 'right-start' : 'bottom-start';\n\n  const { floatingStyles, refs, context } = useFloating<HTMLButtonElement>({\n    elements: {\n      reference: anchorRef?.current,\n    },\n    middleware: [\n      offset({\n        alignmentAxis: isNested ? -4 : 0,\n        mainAxis: isNested ? 0 : 4,\n      }),\n      flip({\n        fallbackPlacements: ['left-start', 'right-start'],\n      }),\n      shift(),\n    ],\n    nodeId,\n    onOpenChange: (open, event) => {\n      if (controlledOpen === undefined) {\n        setIsOpen(open);\n      }\n\n      if (!open) {\n        if (event instanceof PointerEvent) {\n          onClose?.(event, { type: 'backdropClick' });\n        } else if (event instanceof KeyboardEvent) {\n          onClose?.(event, { type: 'escapeKeyDown' });\n        }\n      }\n    },\n    open: isOpen,\n    placement: placement ? placementTranslation[placement] : defaultPlacement,\n    strategy: strategy ?? (isInsideDialog ? 'fixed' : 'absolute'),\n    whileElementsMounted: autoUpdate,\n  });\n\n  const hover = useHover(context, {\n    delay: { open: 75 },\n    enabled: isNested,\n    handleClose: safePolygon({ blockPointerEvents: true }),\n  });\n  const click = useClick(context, {\n    event: 'mousedown',\n    ignoreMouse: isNested,\n    toggle: !isNested,\n  });\n  const role = useRole(context, { role: 'menu' });\n  const dismiss = useDismiss(context, { bubbles: true });\n  const listNavigation = useListNavigation(context, {\n    activeIndex,\n    listRef: elementsRef,\n    nested: isNested,\n    onNavigate: setActiveIndex,\n  });\n  const typeahead = useTypeahead(context, {\n    activeIndex,\n    listRef: labelsRef,\n    onMatch: isOpen ? setActiveIndex : undefined,\n  });\n\n  const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions(\n    [hover, click, role, dismiss, listNavigation, typeahead],\n  );\n\n  // Event emitter allows you to communicate across tree components.\n  // This effect closes all menus when an item gets clicked anywhere\n  // in the tree.\n  useEffect(() => {\n    if (!tree) {\n      return;\n    }\n\n    function handleTreeClick(data: { id?: string }) {\n      if (controlledOpen === undefined) {\n        setIsOpen(false);\n      }\n      onClose?.(undefined, { id: data?.id, type: 'itemClick' });\n    }\n\n    function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n      if (event.nodeId !== nodeId && event.parentId === parentId) {\n        if (controlledOpen === undefined) {\n          setIsOpen(false);\n        }\n        onClose?.(undefined, { type: 'itemClick' });\n      }\n    }\n\n    tree.events.on('click', handleTreeClick);\n    tree.events.on('menuopen', onSubMenuOpen);\n\n    return () => {\n      tree.events.off('click', handleTreeClick);\n      tree.events.off('menuopen', onSubMenuOpen);\n    };\n  }, [tree, nodeId, parentId, onClose, controlledOpen]);\n\n  useEffect(() => {\n    if (isOpen && tree) {\n      tree.events.emit('menuopen', { nodeId, parentId });\n    }\n  }, [tree, isOpen, nodeId, parentId]);\n\n  const menuClasses = classNames('ndl-menu', themeClassName, className);\n  const ref = useMergeRefs([refs.setReference, item.ref, forwardedRef]);\n\n  return (\n    <FloatingNode id={nodeId}>\n      {isRoot !== true && (\n        <NestedMenuItem\n          ref={ref}\n          className={isNested ? 'MenuItem' : 'RootMenu'}\n          isDisabled={isDisabled}\n          htmlAttributes={{\n            'data-focus-inside': hasFocusInside ? '' : undefined,\n            'data-nested': isNested ? '' : undefined,\n            'data-open': isOpen ? '' : undefined,\n            role: isNested ? 'menuitem' : undefined,\n            tabIndex: !isNested\n              ? undefined\n              : parent.activeIndex === item.index\n                ? 0\n                : -1,\n            ...htmlAttributes,\n            ...getReferenceProps(\n              parent.getItemProps({\n                onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n                  htmlAttributes?.onFocus?.(event);\n                  setHasFocusInside(false);\n                  parent.setHasFocusInside(true);\n                },\n              }),\n            ),\n          }}\n          title={title}\n          description={description}\n          leadingVisual={icon}\n        />\n      )}\n      <MenuContext.Provider\n        value={{\n          activeIndex,\n          getItemProps,\n          isOpen: isDisabled === true ? false : isOpen,\n          setActiveIndex,\n          setHasFocusInside,\n        }}\n      >\n        <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>\n          {isOpen && (\n            <ConditionalWrap\n              shouldWrap={isPortaled}\n              wrap={(wrapChildren) => (\n                <FloatingPortal root={portalTarget}>\n                  {wrapChildren}\n                </FloatingPortal>\n              )}\n            >\n              <FloatingFocusManager\n                context={context}\n                modal={false}\n                initialFocus={0}\n                returnFocus={!isNested}\n                closeOnFocusOut={true}\n                guards={true}\n              >\n                <Component\n                  ref={refs.setFloating}\n                  className={menuClasses}\n                  style={{\n                    minWidth:\n                      minWidth !== undefined ? `${minWidth}px` : undefined,\n                    ...floatingStyles,\n                  }}\n                  {...getFloatingProps()}\n                >\n                  {children}\n                </Component>\n              </FloatingFocusManager>\n            </ConditionalWrap>\n          )}\n        </FloatingList>\n      </MenuContext.Provider>\n    </FloatingNode>\n  );\n};\n\nconst MenuItemComponent = <T extends React.ElementType = 'button'>({\n  title,\n  leadingContent,\n  trailingContent,\n  description,\n  isDisabled,\n  as,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, MenuItemComponentProps>) => {\n  const classes = classNames(`ndl-menu-item`, className, {\n    'ndl-disabled': isDisabled,\n  });\n\n  const Component = as ?? 'button';\n\n  return (\n    <Component\n      className={classes}\n      ref={ref}\n      type=\"button\"\n      role=\"menuitem\"\n      disabled={isDisabled}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <div className=\"ndl-menu-item-inner\">\n        {Boolean(leadingContent) && (\n          <div className=\"ndl-menu-item-leading-content\">{leadingContent}</div>\n        )}\n\n        <div className=\"ndl-menu-item-title-wrapper\">\n          <div className=\"ndl-menu-item-title\">{title}</div>\n          {Boolean(description) && (\n            <div className=\"ndl-menu-item-description\">{description}</div>\n          )}\n        </div>\n\n        {Boolean(trailingContent) && (\n          <div className=\"ndl-menu-item-trailing-content\">\n            {trailingContent}\n          </div>\n        )}\n      </div>\n    </Component>\n  );\n};\n\nconst MenuItem = <T extends React.ElementType = 'button'>({\n  title,\n  className,\n  style,\n  leadingVisual,\n  trailingContent,\n  description,\n  isDisabled,\n  as,\n  onClick,\n  onFocus,\n  htmlAttributes,\n  id,\n  ref,\n}: PolymorphicCommonProps<T, MenuItemProps>) => {\n  const menu = useContext(MenuContext);\n  const itemLabel = typeof title === 'string' ? title : undefined;\n  const item = useListItem({ label: isDisabled === true ? null : itemLabel });\n  const tree = useFloatingTree();\n  const isActive = item.index === menu.activeIndex;\n\n  const mergedRefs = useMergeRefs([item.ref, ref]);\n\n  return (\n    <MenuItemComponent\n      as={as ?? 'button'}\n      style={style}\n      className={className}\n      ref={mergedRefs}\n      title={title}\n      description={description}\n      leadingContent={leadingVisual}\n      trailingContent={trailingContent}\n      isDisabled={isDisabled}\n      htmlAttributes={{\n        ...htmlAttributes,\n        tabIndex: isActive ? 0 : -1,\n        ...menu.getItemProps({\n          onClick(event: React.MouseEvent<HTMLButtonElement>) {\n            onClick?.(event);\n            tree?.events.emit('click', { id });\n          },\n          onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n            onFocus?.(event);\n            menu.setHasFocusInside(true);\n          },\n          id: id,\n          style: style,\n        }),\n      }}\n    />\n  );\n};\n\nconst NestedMenuItem = <T extends React.ElementType = 'button'>({\n  title,\n  isDisabled,\n  description,\n  leadingVisual,\n  as,\n  onFocus,\n  onClick,\n  className,\n  style,\n  htmlAttributes,\n  id,\n  ref,\n}: PolymorphicCommonProps<T, NestedMenuItemProps>) => {\n  const menu = useContext(MenuContext);\n  const itemLabel = typeof title === 'string' ? title : undefined;\n  const item = useListItem({ label: isDisabled === true ? null : itemLabel });\n  const isActive = item.index === menu.activeIndex;\n  const mergedRefs = useMergeRefs([item.ref, ref]);\n\n  return (\n    <MenuItemComponent\n      as={as ?? 'button'}\n      style={style}\n      className={className}\n      ref={mergedRefs}\n      title={title}\n      description={description}\n      leadingContent={leadingVisual}\n      trailingContent={\n        <ChevronRightIconOutline className=\"ndl-menu-item-chevron\" />\n      }\n      isDisabled={isDisabled}\n      htmlAttributes={{\n        ...htmlAttributes,\n        tabIndex: isActive ? 0 : -1,\n        ...menu.getItemProps({\n          onClick(event: React.MouseEvent<HTMLButtonElement>) {\n            onClick?.(event);\n          },\n          onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n            onFocus?.(event);\n            menu.setHasFocusInside(true);\n          },\n          onTouchStart() {\n            menu.setHasFocusInside(true);\n          },\n        }),\n        id: id,\n      }}\n    />\n  );\n};\n\nconst CategoryItem = <T extends React.ElementType = 'button'>({\n  children,\n  className,\n  style,\n  as,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, CategoryItemProps>) => {\n  const classes = classNames('ndl-menu-category-item', className);\n  const Component: React.ElementType = as ?? 'div';\n  return (\n    <Component\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </Component>\n  );\n};\n\nconst MenuItems = <T extends React.ElementType = 'div'>({\n  as,\n  children,\n  className,\n  htmlAttributes,\n  style,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, MenuItemsProps>) => {\n  const classes = classNames('ndl-menu-items', className);\n  const Component: React.ElementType = as ?? 'div';\n  return (\n    <Component\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </Component>\n  );\n};\n\nconst Menu = Object.assign(MenuWrapper, {\n  CategoryItem: CategoryItem,\n  Divider: Divider,\n  Item: MenuItem,\n  Items: MenuItems,\n});\nexport { Menu };\n"]}

package/lib/cjs/popover/Popover.js

@@ -106,8 +106,9 @@ const PopoverTrigger = (_a) => {
     }
     return ((0, jsx_runtime_1.jsx)("button", Object.assign({ ref: context.refs.setReference, type: "button", "data-state": context.isOpen ? 'open' : 'closed' }, context.getReferenceProps(props), { children: children })));
 };
-const PopoverContent = ({ as, className, style, children, htmlAttributes, ref, }) => {
-    const _a = (0, exports.usePopoverContext)(), { context: floatingContext } = _a, context = __rest(_a, ["context"]);
+const PopoverContent = (_a) => {
+    var { as, className, style, children, htmlAttributes, ref } = _a, restProps = __rest(_a, ["as", "className", "style", "children", "htmlAttributes", "ref"]);
+    const _b = (0, exports.usePopoverContext)(), { context: floatingContext } = _b, context = __rest(_b, ["context"]);
     const refs = (0, react_1.useMergeRefs)([context.refs.setFloating, ref]);
     const { themeClassName } = (0, ThemeProvider_1.useNeedleTheme)();
     const classes = (0, classnames_1.default)('ndl-popover', themeClassName, className);
@@ -116,14 +117,15 @@ const PopoverContent = ({ as, className, style, children, htmlAttributes, ref, }
     // To be noted is that axe gives us a false positive error here since the focus guards directly pass focus to other elements
     // https://github.com/floating-ui/floating-ui/issues/2462
     (0, usePatchFloatingFocusGuards_1.usePatchFloatingFocusGuards)();
-    if (!floatingContext.open)
+    if (!floatingContext.open) {
         return null;
+    }
     return ((0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: context.isPortaled, wrap: (wrapChildren) => {
             var _a;
             return ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { root: ((_a = context.anchorElementAsPortalAnchor) !== null && _a !== void 0 ? _a : false)
                     ? context.refs.reference.current
                     : undefined, children: wrapChildren }));
-        }, children: (0, jsx_runtime_1.jsx)(react_1.FloatingFocusManager, { context: floatingContext, modal: context.shouldCaptureFocus, initialFocus: context.initialFocus, children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, "aria-labelledby": context.labelId, "aria-describedby": context.descriptionId, style: Object.assign(Object.assign(Object.assign({}, context.floatingStyles), context.transitionStyles), style), ref: refs }, context.getFloatingProps(Object.assign({}, htmlAttributes)), { children: children })) }) }));
+        }, children: (0, jsx_runtime_1.jsx)(react_1.FloatingFocusManager, { context: floatingContext, modal: context.shouldCaptureFocus, initialFocus: context.initialFocus, children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, "aria-labelledby": context.labelId, "aria-describedby": context.descriptionId, style: Object.assign(Object.assign(Object.assign({}, context.floatingStyles), context.transitionStyles), style), ref: refs }, context.getFloatingProps(Object.assign({}, htmlAttributes)), restProps, { children: children })) }) }));
 };
 const Popover = Object.assign(PopoverComponent, {
     Content: PopoverContent,

package/lib/cjs/popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/popover/Popover.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport {\n  FloatingFocusManager,\n  FloatingPortal,\n  type OffsetOptions,\n  type Placement,\n  useMergeRefs,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport React from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { useNeedleTheme } from '../theme/ThemeProvider';\nimport { usePopover } from './use-popover';\nimport { usePatchFloatingFocusGuards } from './usePatchFloatingFocusGuards';\n\ntype PlacementOptions =\n  | 'bottom-end-top-end'\n  | 'bottom-start-top-start'\n  | 'bottom-middle-top-middle'\n  | 'top-end-bottom-end'\n  | 'top-start-bottom-start'\n  | 'top-middle-bottom-middle'\n  | 'bottom-start-bottom-end'\n  | 'top-start-top-end'\n  | 'middle-start-middle-end'\n  | 'bottom-end-bottom-start'\n  | 'top-end-top-start'\n  | 'middle-end-middle-start';\n\nexport const placementTranslation: Record<PlacementOptions, Placement> = {\n  'bottom-end-top-end': 'bottom-end',\n  'bottom-start-top-start': 'bottom-start',\n  'bottom-middle-top-middle': 'bottom',\n  'top-end-bottom-end': 'top-end',\n  'top-start-bottom-start': 'top-start',\n  'top-middle-bottom-middle': 'top',\n  'bottom-start-bottom-end': 'left-end',\n  'top-start-top-end': 'left-start',\n  'middle-start-middle-end': 'left',\n  'bottom-end-bottom-start': 'right-end',\n  'top-end-top-start': 'right-start',\n  'middle-end-middle-start': 'right',\n};\ntype PopoverProps = {\n  /** if the popover is open */\n  isOpen?: boolean;\n  /** The content of the popover */\n  children?: React.ReactNode;\n  /** Can be used if the anchor should be separated from the trigger */\n  anchorElement?: Element | null;\n  /** If the anchorPosition is provided the anchorElement will be ignored */\n  anchorPosition?: {\n    x: number;\n    y: number;\n  };\n  /** The placement of the floating element is determined by two sets of words. The first set of words specifies the point on the anchor element where the floating element will be attached. The second set of coordinates specifies the point on the floating element that will attach to the anchor element.*/\n  placement?: PlacementOptions;\n  /** can take either a number, an object or a function. Full documentation here:  https://floating-ui.com/docs/offset   */\n  offset?: OffsetOptions;\n  /**  Called when the floating element is opened or closed */\n  onOpenChange?: (isOpen: boolean, event?: Event) => void;\n  /** Use anchorEl for portal's container. Should be used if the popover is portaled and is inside a Dialog for example. */\n  hasAnchorPortal?: boolean;\n  /** If the popover should constrain the focus inside the popover while open */\n  shouldCaptureFocus?: boolean;\n  /** Which element to initially focus. **/\n  initialFocus?: number | React.RefObject<HTMLElement | null>;\n  /** The role of the popover */\n  role?:\n    | 'tooltip'\n    | 'dialog'\n    | 'alertdialog'\n    | 'menu'\n    | 'listbox'\n    | 'grid'\n    | 'tree';\n  /** If the popover should close when the user clicks outside of it */\n  closeOnClickOutside?: boolean;\n  /** The strategy of the popover. Fixed should be used when the popover is inside a Dialog. */\n  strategy?: 'fixed' | 'absolute';\n  /** Whether the content is rendered in a portal */\n  isPortaled?: boolean;\n};\n\ntype ContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<ContextType>(null);\n\nexport const usePopoverContext = () => {\n  const context = React.useContext(PopoverContext);\n\n  if (context === null) {\n    throw new Error('Popover components must be wrapped in <Popover />');\n  }\n\n  return context;\n};\n\nconst PopoverComponent = ({\n  children,\n  anchorElement,\n  placement,\n  isOpen,\n  offset,\n  anchorPosition,\n  hasAnchorPortal: hasAnchorPortalProp,\n  shouldCaptureFocus = false,\n  initialFocus,\n  onOpenChange,\n  role,\n  closeOnClickOutside = true,\n  isPortaled: isPortaledProp,\n  strategy: strategyProp,\n}: PopoverProps) => {\n  const isInsideDialog = useIsInsideDialog();\n\n  const strategy = isInsideDialog ? 'fixed' : 'absolute';\n  const hasAnchorPortal = isInsideDialog;\n  const isPortaled = !isInsideDialog;\n\n  const popover = usePopover({\n    placement: placement ? placementTranslation[placement] : undefined,\n    isOpen: isOpen,\n    offsetOption: offset,\n    anchorElement: anchorElement,\n    anchorElementAsPortalAnchor: hasAnchorPortalProp ?? hasAnchorPortal,\n    anchorPosition,\n    onOpenChange: onOpenChange,\n    shouldCaptureFocus: shouldCaptureFocus,\n    initialFocus,\n    role,\n    closeOnClickOutside,\n    strategy: strategyProp ?? strategy,\n    isPortaled: isPortaledProp ?? isPortaled,\n  });\n\n  return (\n    <PopoverContext.Provider value={popover}>\n      {children}\n    </PopoverContext.Provider>\n  );\n};\n\ntype PopoverTriggerProps = {\n  /** The content of the trigger */\n  children: React.ReactNode;\n  /** Whether the trigger should render a button element, or pass its props to the child element */\n  hasButtonWrapper?: boolean;\n};\n\nconst PopoverTrigger = ({\n  children,\n  hasButtonWrapper = false,\n  ref,\n  ...props\n}: CommonProps<'button', PopoverTriggerProps>) => {\n  const context = usePopoverContext();\n  // Example from floating UI\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const childrenProps = (children as any).props;\n  const mergedRefs = useMergeRefs([\n    context.refs.setReference,\n    ref,\n    childrenProps?.ref,\n  ]);\n\n  // `hasButtonWrapper` allows the user to pass any element as the anchor\n  if (hasButtonWrapper && React.isValidElement(children)) {\n    return React.cloneElement(\n      children,\n      context.getReferenceProps({\n        ...props,\n        ...childrenProps,\n        'data-state': context.isOpen ? 'open' : 'closed',\n        ref: mergedRefs,\n      }),\n    );\n  }\n  return (\n    <button\n      ref={context.refs.setReference}\n      type=\"button\"\n      data-state={context.isOpen ? 'open' : 'closed'}\n      {...context.getReferenceProps(props)}\n    >\n      {children}\n    </button>\n  );\n};\n\ntype PopoverContentProps = {\n  children: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nconst PopoverContent = <T extends React.ElementType = 'div'>({\n  as,\n  className,\n  style,\n  children,\n  htmlAttributes,\n  ref,\n}: PolymorphicCommonProps<T, PopoverContentProps>) => {\n  const { context: floatingContext, ...context } = usePopoverContext();\n\n  const refs = useMergeRefs([context.refs.setFloating, ref]);\n\n  const { themeClassName } = useNeedleTheme();\n\n  const classes = classNames('ndl-popover', themeClassName, className);\n  const Component: React.ElementType = as ?? 'div';\n\n  // Patch to not get axe errors for the focus guards\n  // To be noted is that axe gives us a false positive error here since the focus guards directly pass focus to other elements\n  // https://github.com/floating-ui/floating-ui/issues/2462\n  usePatchFloatingFocusGuards();\n\n  if (!floatingContext.open) return null;\n\n  return (\n    <ConditionalWrap\n      shouldWrap={context.isPortaled}\n      wrap={(wrapChildren) => (\n        <FloatingPortal\n          root={\n            (context.anchorElementAsPortalAnchor ?? false)\n              ? (context.refs.reference.current as HTMLElement | null)\n              : undefined\n          }\n        >\n          {wrapChildren}\n        </FloatingPortal>\n      )}\n    >\n      <FloatingFocusManager\n        context={floatingContext}\n        modal={context.shouldCaptureFocus}\n        initialFocus={context.initialFocus}\n      >\n        <Component\n          className={classes}\n          aria-labelledby={context.labelId}\n          aria-describedby={context.descriptionId}\n          style={{\n            ...context.floatingStyles,\n            ...context.transitionStyles,\n            ...style,\n          }}\n          ref={refs}\n          {...context.getFloatingProps({ ...htmlAttributes })}\n        >\n          {children}\n        </Component>\n      </FloatingFocusManager>\n    </ConditionalWrap>\n  );\n};\n\nconst Popover = Object.assign(PopoverComponent, {\n  Content: PopoverContent,\n  Trigger: PopoverTrigger,\n});\n\nexport { Popover };\n"]}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/popover/Popover.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport {\n  FloatingFocusManager,\n  FloatingPortal,\n  type OffsetOptions,\n  type Placement,\n  useMergeRefs,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport React from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { useNeedleTheme } from '../theme/ThemeProvider';\nimport { usePopover } from './use-popover';\nimport { usePatchFloatingFocusGuards } from './usePatchFloatingFocusGuards';\n\ntype PlacementOptions =\n  | 'bottom-end-top-end'\n  | 'bottom-start-top-start'\n  | 'bottom-middle-top-middle'\n  | 'top-end-bottom-end'\n  | 'top-start-bottom-start'\n  | 'top-middle-bottom-middle'\n  | 'bottom-start-bottom-end'\n  | 'top-start-top-end'\n  | 'middle-start-middle-end'\n  | 'bottom-end-bottom-start'\n  | 'top-end-top-start'\n  | 'middle-end-middle-start';\n\nexport const placementTranslation: Record<PlacementOptions, Placement> = {\n  'bottom-end-top-end': 'bottom-end',\n  'bottom-start-top-start': 'bottom-start',\n  'bottom-middle-top-middle': 'bottom',\n  'top-end-bottom-end': 'top-end',\n  'top-start-bottom-start': 'top-start',\n  'top-middle-bottom-middle': 'top',\n  'bottom-start-bottom-end': 'left-end',\n  'top-start-top-end': 'left-start',\n  'middle-start-middle-end': 'left',\n  'bottom-end-bottom-start': 'right-end',\n  'top-end-top-start': 'right-start',\n  'middle-end-middle-start': 'right',\n};\ntype PopoverProps = {\n  /** if the popover is open */\n  isOpen?: boolean;\n  /** The content of the popover */\n  children?: React.ReactNode;\n  /** Can be used if the anchor should be separated from the trigger */\n  anchorElement?: Element | null;\n  /** If the anchorPosition is provided the anchorElement will be ignored */\n  anchorPosition?: {\n    x: number;\n    y: number;\n  };\n  /** The placement of the floating element is determined by two sets of words. The first set of words specifies the point on the anchor element where the floating element will be attached. The second set of coordinates specifies the point on the floating element that will attach to the anchor element.*/\n  placement?: PlacementOptions;\n  /** can take either a number, an object or a function. Full documentation here:  https://floating-ui.com/docs/offset   */\n  offset?: OffsetOptions;\n  /**  Called when the floating element is opened or closed */\n  onOpenChange?: (isOpen: boolean, event?: Event) => void;\n  /** Use anchorEl for portal's container. Should be used if the popover is portaled and is inside a Dialog for example. */\n  hasAnchorPortal?: boolean;\n  /** If the popover should constrain the focus inside the popover while open */\n  shouldCaptureFocus?: boolean;\n  /** Which element to initially focus. **/\n  initialFocus?: number | React.RefObject<HTMLElement | null>;\n  /** The role of the popover */\n  role?:\n    | 'tooltip'\n    | 'dialog'\n    | 'alertdialog'\n    | 'menu'\n    | 'listbox'\n    | 'grid'\n    | 'tree';\n  /** If the popover should close when the user clicks outside of it */\n  closeOnClickOutside?: boolean;\n  /** The strategy of the popover. Fixed should be used when the popover is inside a Dialog. */\n  strategy?: 'fixed' | 'absolute';\n  /** Whether the content is rendered in a portal */\n  isPortaled?: boolean;\n};\n\ntype ContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<ContextType>(null);\n\nexport const usePopoverContext = () => {\n  const context = React.useContext(PopoverContext);\n\n  if (context === null) {\n    throw new Error('Popover components must be wrapped in <Popover />');\n  }\n\n  return context;\n};\n\nconst PopoverComponent = ({\n  children,\n  anchorElement,\n  placement,\n  isOpen,\n  offset,\n  anchorPosition,\n  hasAnchorPortal: hasAnchorPortalProp,\n  shouldCaptureFocus = false,\n  initialFocus,\n  onOpenChange,\n  role,\n  closeOnClickOutside = true,\n  isPortaled: isPortaledProp,\n  strategy: strategyProp,\n}: PopoverProps) => {\n  const isInsideDialog = useIsInsideDialog();\n\n  const strategy = isInsideDialog ? 'fixed' : 'absolute';\n  const hasAnchorPortal = isInsideDialog;\n  const isPortaled = !isInsideDialog;\n\n  const popover = usePopover({\n    placement: placement ? placementTranslation[placement] : undefined,\n    isOpen: isOpen,\n    offsetOption: offset,\n    anchorElement: anchorElement,\n    anchorElementAsPortalAnchor: hasAnchorPortalProp ?? hasAnchorPortal,\n    anchorPosition,\n    onOpenChange: onOpenChange,\n    shouldCaptureFocus: shouldCaptureFocus,\n    initialFocus,\n    role,\n    closeOnClickOutside,\n    strategy: strategyProp ?? strategy,\n    isPortaled: isPortaledProp ?? isPortaled,\n  });\n\n  return (\n    <PopoverContext.Provider value={popover}>\n      {children}\n    </PopoverContext.Provider>\n  );\n};\n\ntype PopoverTriggerProps = {\n  /** The content of the trigger */\n  children: React.ReactNode;\n  /** Whether the trigger should render a button element, or pass its props to the child element */\n  hasButtonWrapper?: boolean;\n};\n\nconst PopoverTrigger = ({\n  children,\n  hasButtonWrapper = false,\n  ref,\n  ...props\n}: CommonProps<'button', PopoverTriggerProps>) => {\n  const context = usePopoverContext();\n  // Example from floating UI\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const childrenProps = (children as any).props;\n  const mergedRefs = useMergeRefs([\n    context.refs.setReference,\n    ref,\n    childrenProps?.ref,\n  ]);\n\n  // `hasButtonWrapper` allows the user to pass any element as the anchor\n  if (hasButtonWrapper && React.isValidElement(children)) {\n    return React.cloneElement(\n      children,\n      context.getReferenceProps({\n        ...props,\n        ...childrenProps,\n        'data-state': context.isOpen ? 'open' : 'closed',\n        ref: mergedRefs,\n      }),\n    );\n  }\n  return (\n    <button\n      ref={context.refs.setReference}\n      type=\"button\"\n      data-state={context.isOpen ? 'open' : 'closed'}\n      {...context.getReferenceProps(props)}\n    >\n      {children}\n    </button>\n  );\n};\n\ntype PopoverContentProps = {\n  children: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nconst PopoverContent = <T extends React.ElementType = 'div'>({\n  as,\n  className,\n  style,\n  children,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, PopoverContentProps>) => {\n  const { context: floatingContext, ...context } = usePopoverContext();\n\n  const refs = useMergeRefs([context.refs.setFloating, ref]);\n\n  const { themeClassName } = useNeedleTheme();\n\n  const classes = classNames('ndl-popover', themeClassName, className);\n  const Component: React.ElementType = as ?? 'div';\n\n  // Patch to not get axe errors for the focus guards\n  // To be noted is that axe gives us a false positive error here since the focus guards directly pass focus to other elements\n  // https://github.com/floating-ui/floating-ui/issues/2462\n  usePatchFloatingFocusGuards();\n\n  if (!floatingContext.open) {\n    return null;\n  }\n\n  return (\n    <ConditionalWrap\n      shouldWrap={context.isPortaled}\n      wrap={(wrapChildren) => (\n        <FloatingPortal\n          root={\n            (context.anchorElementAsPortalAnchor ?? false)\n              ? (context.refs.reference.current as HTMLElement | null)\n              : undefined\n          }\n        >\n          {wrapChildren}\n        </FloatingPortal>\n      )}\n    >\n      <FloatingFocusManager\n        context={floatingContext}\n        modal={context.shouldCaptureFocus}\n        initialFocus={context.initialFocus}\n      >\n        <Component\n          className={classes}\n          aria-labelledby={context.labelId}\n          aria-describedby={context.descriptionId}\n          style={{\n            ...context.floatingStyles,\n            ...context.transitionStyles,\n            ...style,\n          }}\n          ref={refs}\n          {...context.getFloatingProps({ ...htmlAttributes })}\n          {...restProps}\n        >\n          {children}\n        </Component>\n      </FloatingFocusManager>\n    </ConditionalWrap>\n  );\n};\n\nconst Popover = Object.assign(PopoverComponent, {\n  Content: PopoverContent,\n  Trigger: PopoverTrigger,\n});\n\nexport { Popover };\n"]}

package/lib/cjs/popover/stories/popover-custom-offset.story.js

@@ -61,8 +61,9 @@ const Component = () => {
     return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-gap-token-32 n-items-center", children: [(0, jsx_runtime_1.jsxs)(react_1.Popover, { offset: offsetTranslation[selectedPosition], children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { children: "Open Popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "n-p-token-16", children: "Popover content" })] }), (0, jsx_runtime_1.jsx)(react_1.Select, { type: "select", label: "Example positions", selectProps: {
                     defaultValue: offsetOptions[0],
                     onChange: (e) => {
-                        if (e)
+                        if (e) {
                             setSelectedPosition(e.value);
+                        }
                     },
                     options: offsetOptions,
                 } })] }));

package/lib/cjs/popover/stories/popover-custom-offset.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-custom-offset.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-custom-offset.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAiE;AACjE,iCAAiC;AAEjC,MAAM,aAAa,GAAG;IACpB;QACE,KAAK,EAAE,gCAAgC;QACvC,KAAK,EAAE,gCAAgC;KACxC;IACD;QACE,KAAK,EAAE,yCAAyC;QAChD,KAAK,EAAE,yCAAyC;KACjD;IACD;QACE,KAAK,EAAE,2CAA2C;QAClD,KAAK,EAAE,2CAA2C;KACnD;IACD;QACE,KAAK,EAAE,kCAAkC;QACzC,KAAK,EAAE,kCAAkC;KAC1C;CACF,CAAC;AAEF,MAAM,iBAAiB,GAGnB;IACF,yCAAyC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QACzD,SAAS,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK;KAClC,CAAC;IACF,gCAAgC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK;KACjC,CAAC;IACF,2CAA2C,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAC3D,SAAS,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK;KACjC,CAAC;IACF,kCAAkC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAClD,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK;KAChC,CAAC;CACH,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EACtD,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CACvB,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,wBAAC,eAAO,IAAC,MAAM,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,aAClD,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,oBAAY,+BAA4B,GACzB,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,cAAc,gCAEvB,IACV,EAEV,uBAAC,cAAM,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,mBAAmB,EACzB,WAAW,EAAE;oBACX,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;oBAC9B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,IAAI,CAAC;4BAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;oBACtC,CAAC;oBACD,OAAO,EAAE,aAAa;iBACvB,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, Popover, Select } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst offsetOptions = [\n  {\n    label: 'crossAxis-anchor-element-width',\n    value: 'crossAxis-anchor-element-width',\n  },\n  {\n    label: 'crossAxis-anchor-element-negative-width',\n    value: 'crossAxis-anchor-element-negative-width',\n  },\n  {\n    label: 'crossAxis-floating-element-negative-width',\n    value: 'crossAxis-floating-element-negative-width',\n  },\n  {\n    label: 'crossAxis-floating-element-width',\n    value: 'crossAxis-floating-element-width',\n  },\n];\n\nconst offsetTranslation: Record<\n  string,\n  React.ComponentProps<typeof Popover>['offset']\n> = {\n  'crossAxis-anchor-element-negative-width': ({ rects }) => ({\n    crossAxis: -rects.reference.width,\n  }),\n  'crossAxis-anchor-element-width': ({ rects }) => ({\n    crossAxis: rects.reference.width,\n  }),\n  'crossAxis-floating-element-negative-width': ({ rects }) => ({\n    crossAxis: -rects.floating.width,\n  }),\n  'crossAxis-floating-element-width': ({ rects }) => ({\n    crossAxis: rects.floating.width,\n  }),\n};\n\nconst Component = () => {\n  const [selectedPosition, setSelectedPosition] = useState(\n    offsetOptions[0].value,\n  );\n\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-32 n-items-center\">\n      <Popover offset={offsetTranslation[selectedPosition]}>\n        <Popover.Trigger hasButtonWrapper>\n          <FilledButton>Open Popover</FilledButton>\n        </Popover.Trigger>\n        <Popover.Content className=\"n-p-token-16\">\n          Popover content\n        </Popover.Content>\n      </Popover>\n\n      <Select\n        type=\"select\"\n        label=\"Example positions\"\n        selectProps={{\n          defaultValue: offsetOptions[0],\n          onChange: (e) => {\n            if (e) setSelectedPosition(e.value);\n          },\n          options: offsetOptions,\n        }}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"popover-custom-offset.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-custom-offset.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAiE;AACjE,iCAAiC;AAEjC,MAAM,aAAa,GAAG;IACpB;QACE,KAAK,EAAE,gCAAgC;QACvC,KAAK,EAAE,gCAAgC;KACxC;IACD;QACE,KAAK,EAAE,yCAAyC;QAChD,KAAK,EAAE,yCAAyC;KACjD;IACD;QACE,KAAK,EAAE,2CAA2C;QAClD,KAAK,EAAE,2CAA2C;KACnD;IACD;QACE,KAAK,EAAE,kCAAkC;QACzC,KAAK,EAAE,kCAAkC;KAC1C;CACF,CAAC;AAEF,MAAM,iBAAiB,GAGnB;IACF,yCAAyC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QACzD,SAAS,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK;KAClC,CAAC;IACF,gCAAgC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK;KACjC,CAAC;IACF,2CAA2C,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAC3D,SAAS,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK;KACjC,CAAC;IACF,kCAAkC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAClD,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK;KAChC,CAAC;CACH,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EACtD,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CACvB,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,wBAAC,eAAO,IAAC,MAAM,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,aAClD,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,oBAAY,+BAA4B,GACzB,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,cAAc,gCAEvB,IACV,EAEV,uBAAC,cAAM,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,mBAAmB,EACzB,WAAW,EAAE;oBACX,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;oBAC9B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,IAAI,CAAC,EAAE,CAAC;4BACN,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;wBAC/B,CAAC;oBACH,CAAC;oBACD,OAAO,EAAE,aAAa;iBACvB,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, Popover, Select } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst offsetOptions = [\n  {\n    label: 'crossAxis-anchor-element-width',\n    value: 'crossAxis-anchor-element-width',\n  },\n  {\n    label: 'crossAxis-anchor-element-negative-width',\n    value: 'crossAxis-anchor-element-negative-width',\n  },\n  {\n    label: 'crossAxis-floating-element-negative-width',\n    value: 'crossAxis-floating-element-negative-width',\n  },\n  {\n    label: 'crossAxis-floating-element-width',\n    value: 'crossAxis-floating-element-width',\n  },\n];\n\nconst offsetTranslation: Record<\n  string,\n  React.ComponentProps<typeof Popover>['offset']\n> = {\n  'crossAxis-anchor-element-negative-width': ({ rects }) => ({\n    crossAxis: -rects.reference.width,\n  }),\n  'crossAxis-anchor-element-width': ({ rects }) => ({\n    crossAxis: rects.reference.width,\n  }),\n  'crossAxis-floating-element-negative-width': ({ rects }) => ({\n    crossAxis: -rects.floating.width,\n  }),\n  'crossAxis-floating-element-width': ({ rects }) => ({\n    crossAxis: rects.floating.width,\n  }),\n};\n\nconst Component = () => {\n  const [selectedPosition, setSelectedPosition] = useState(\n    offsetOptions[0].value,\n  );\n\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-32 n-items-center\">\n      <Popover offset={offsetTranslation[selectedPosition]}>\n        <Popover.Trigger hasButtonWrapper>\n          <FilledButton>Open Popover</FilledButton>\n        </Popover.Trigger>\n        <Popover.Content className=\"n-p-token-16\">\n          Popover content\n        </Popover.Content>\n      </Popover>\n\n      <Select\n        type=\"select\"\n        label=\"Example positions\"\n        selectProps={{\n          defaultValue: offsetOptions[0],\n          onChange: (e) => {\n            if (e) {\n              setSelectedPosition(e.value);\n            }\n          },\n          options: offsetOptions,\n        }}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/popover/stories/popover-separate-anchor.story.js

@@ -27,7 +27,7 @@ const react_2 = require("react");
 const Component = () => {
     const anchorRef = (0, react_2.useRef)(null);
     const [isOpen, setIsOpen] = (0, react_2.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-justify-between n-w-full", children: [(0, jsx_runtime_1.jsx)("div", { ref: anchorRef, children: "Anchor Element" }), (0, jsx_runtime_1.jsxs)(react_1.Popover, { anchorElement: anchorRef.current, isOpen: isOpen, onOpenChange: (open, event) => setIsOpen(open), children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { onClick: () => setIsOpen(true), children: "Open Popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "n-p-token-16", children: "Popover content" })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-justify-between n-w-full", children: [(0, jsx_runtime_1.jsx)("div", { ref: anchorRef, children: "Anchor Element" }), (0, jsx_runtime_1.jsxs)(react_1.Popover, { anchorElement: anchorRef.current, isOpen: isOpen, onOpenChange: (open) => setIsOpen(open), children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { onClick: () => setIsOpen(true), children: "Open Popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "n-p-token-16", children: "Popover content" })] })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=popover-separate-anchor.story.js.map

package/lib/cjs/popover/stories/popover-separate-anchor.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-separate-anchor.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-separate-anchor.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAyD;AACzD,iCAAyC;AAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,iCAAK,SAAS,EAAC,mCAAmC,aAChD,gCAAK,GAAG,EAAE,SAAS,+BAAsB,EACzC,wBAAC,eAAO,IACN,aAAa,EAAE,SAAS,CAAC,OAAO,EAChC,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,aAE9C,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,oBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,6BAE7B,GACC,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,cAAc,gCAEvB,IACV,IACN,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, Popover } from '@neo4j-ndl/react';\nimport { useRef, useState } from 'react';\n\nconst Component = () => {\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <div className=\"n-flex n-justify-between n-w-full\">\n      <div ref={anchorRef}>Anchor Element</div>\n      <Popover\n        anchorElement={anchorRef.current}\n        isOpen={isOpen}\n        onOpenChange={(open, event) => setIsOpen(open)}\n      >\n        <Popover.Trigger hasButtonWrapper>\n          <FilledButton onClick={() => setIsOpen(true)}>\n            Open Popover\n          </FilledButton>\n        </Popover.Trigger>\n        <Popover.Content className=\"n-p-token-16\">\n          Popover content\n        </Popover.Content>\n      </Popover>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"popover-separate-anchor.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-separate-anchor.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAyD;AACzD,iCAAyC;AAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,iCAAK,SAAS,EAAC,mCAAmC,aAChD,gCAAK,GAAG,EAAE,SAAS,+BAAsB,EACzC,wBAAC,eAAO,IACN,aAAa,EAAE,SAAS,CAAC,OAAO,EAChC,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,aAEvC,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,oBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,6BAE7B,GACC,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,cAAc,gCAEvB,IACV,IACN,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, Popover } from '@neo4j-ndl/react';\nimport { useRef, useState } from 'react';\n\nconst Component = () => {\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <div className=\"n-flex n-justify-between n-w-full\">\n      <div ref={anchorRef}>Anchor Element</div>\n      <Popover\n        anchorElement={anchorRef.current}\n        isOpen={isOpen}\n        onOpenChange={(open) => setIsOpen(open)}\n      >\n        <Popover.Trigger hasButtonWrapper>\n          <FilledButton onClick={() => setIsOpen(true)}>\n            Open Popover\n          </FilledButton>\n        </Popover.Trigger>\n        <Popover.Content className=\"n-p-token-16\">\n          Popover content\n        </Popover.Content>\n      </Popover>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/progress-bar/ProgressBar.js

@@ -44,7 +44,7 @@ const ProgressBar = (_a) => {
         'ndl-small': size === 'small',
     });
     const Component = as !== null && as !== void 0 ? as : 'div';
-    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: classes, style: style, ref: ref }, htmlAttributes, restProps, { children: [heading && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-header", children: [(0, jsx_runtime_1.jsx)("span", { className: "ndl-heading", children: heading }), (0, jsx_runtime_1.jsx)("span", { className: "ndl-progress-number", children: value + '%' })] })), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-progress-bar-wrapper-inner", children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-progress-bar-container", role: "progressbar", title: "progress bar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": value, children: (0, jsx_runtime_1.jsx)("div", { className: "ndl-progress-bar", style: { width: value + '%' } }) }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-progress-bar-shadow", style: { width: value + '%' } })] })] })));
+    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: classes, style: style, ref: ref }, restProps, htmlAttributes, { children: [heading && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-header", children: [(0, jsx_runtime_1.jsx)("span", { className: "ndl-heading", children: heading }), (0, jsx_runtime_1.jsx)("span", { className: "ndl-progress-number", children: `${value}%` })] })), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-progress-bar-wrapper-inner", children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-progress-bar-container", role: "progressbar", title: "progress bar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": value, children: (0, jsx_runtime_1.jsx)("div", { className: "ndl-progress-bar", style: { width: `${value}%` } }) }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-progress-bar-shadow", style: { width: `${value}%` } })] })] })));
 };
 exports.ProgressBar = ProgressBar;
 //# sourceMappingURL=ProgressBar.js.map

package/lib/cjs/progress-bar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AAqB7B,MAAM,WAAW,GAAG,CAAsC,EAUnB,EAAE,EAAE;QAVe,EAC/D,EAAE,EACF,OAAO,EACP,KAAK,EACL,IAAI,GAAG,OAAO,EACd,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,OAEyC,EADzC,SAAS,cATmD,iFAUhE,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,0BAA0B,EAAE,SAAS,EAAE;QAChE,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IACH,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,KAAK,CAAC;IAEjD,OAAO,CACL,wBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,IACJ,cAAc,EACd,SAAS,eAEZ,OAAO,IAAI,CACV,iCAAK,SAAS,EAAC,YAAY,aACzB,iCAAM,SAAS,EAAC,aAAa,YAAE,OAAO,GAAQ,EAC9C,iCAAM,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAG,GAAG,GAAQ,IACtD,CACP,EACD,iCAAK,SAAS,EAAC,gCAAgC,aAC7C,gCACE,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,cAAc,mBACL,CAAC,mBACD,GAAG,mBACH,KAAK,YAEpB,gCAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,GAAI,GAC/D,EACN,gCACE,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,GAC7B,IACE,KACI,CACb,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,WAAW,eAiDtB","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport {\n  type HtmlAttributes,\n  type PolymorphicCommonProps,\n} from '../_common/types';\n\ntype ProgressBarProps = {\n  /** The heading displayed above the progress bar */\n  heading?: string;\n  /** The current progress value, should be between 0 and 100 */\n  value: number;\n  /** Size of the progress bar */\n  size: 'small' | 'large';\n  /** Additional class names */\n  className?: string;\n  /** Additional HTML attributes */\n  htmlAttributes?: HtmlAttributes<'div'>;\n};\n\nexport const ProgressBar = <T extends React.ElementType = 'div'>({\n  as,\n  heading,\n  value,\n  size = 'small',\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, ProgressBarProps>) => {\n  const classes = classNames('ndl-progress-bar-wrapper', className, {\n    'ndl-large': size === 'large',\n    'ndl-small': size === 'small',\n  });\n  const Component: React.ElementType = as ?? 'div';\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      ref={ref}\n      {...htmlAttributes}\n      {...restProps}\n    >\n      {heading && (\n        <div className=\"ndl-header\">\n          <span className=\"ndl-heading\">{heading}</span>\n          <span className=\"ndl-progress-number\">{value + '%'}</span>\n        </div>\n      )}\n      <div className=\"ndl-progress-bar-wrapper-inner\">\n        <div\n          className=\"ndl-progress-bar-container\"\n          role=\"progressbar\"\n          title=\"progress bar\"\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-valuenow={value}\n        >\n          <div className=\"ndl-progress-bar\" style={{ width: value + '%' }} />\n        </div>\n        <div\n          className=\"ndl-progress-bar-shadow\"\n          style={{ width: value + '%' }}\n        />\n      </div>\n    </Component>\n  );\n};\n"]}
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AAqB7B,MAAM,WAAW,GAAG,CAAsC,EAUnB,EAAE,EAAE;QAVe,EAC/D,EAAE,EACF,OAAO,EACP,KAAK,EACL,IAAI,GAAG,OAAO,EACd,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,OAEyC,EADzC,SAAS,cATmD,iFAUhE,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,0BAA0B,EAAE,SAAS,EAAE;QAChE,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IACH,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,KAAK,CAAC;IAEjD,OAAO,CACL,wBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,IACJ,SAAS,EACT,cAAc,eAEjB,OAAO,IAAI,CACV,iCAAK,SAAS,EAAC,YAAY,aACzB,iCAAM,SAAS,EAAC,aAAa,YAAE,OAAO,GAAQ,EAC9C,iCAAM,SAAS,EAAC,qBAAqB,YAAE,GAAG,KAAK,GAAG,GAAQ,IACtD,CACP,EACD,iCAAK,SAAS,EAAC,gCAAgC,aAC7C,gCACE,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,cAAc,mBACL,CAAC,mBACD,GAAG,mBACH,KAAK,YAEpB,gCAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,EAAE,GAAI,GAC/D,EACN,gCACE,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,EAAE,GAC7B,IACE,KACI,CACb,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,WAAW,eAiDtB","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport {\n  type HtmlAttributes,\n  type PolymorphicCommonProps,\n} from '../_common/types';\n\ntype ProgressBarProps = {\n  /** The heading displayed above the progress bar */\n  heading?: string;\n  /** The current progress value, should be between 0 and 100 */\n  value: number;\n  /** Size of the progress bar */\n  size: 'small' | 'large';\n  /** Additional class names */\n  className?: string;\n  /** Additional HTML attributes */\n  htmlAttributes?: HtmlAttributes<'div'>;\n};\n\nexport const ProgressBar = <T extends React.ElementType = 'div'>({\n  as,\n  heading,\n  value,\n  size = 'small',\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, ProgressBarProps>) => {\n  const classes = classNames('ndl-progress-bar-wrapper', className, {\n    'ndl-large': size === 'large',\n    'ndl-small': size === 'small',\n  });\n  const Component: React.ElementType = as ?? 'div';\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {heading && (\n        <div className=\"ndl-header\">\n          <span className=\"ndl-heading\">{heading}</span>\n          <span className=\"ndl-progress-number\">{`${value}%`}</span>\n        </div>\n      )}\n      <div className=\"ndl-progress-bar-wrapper-inner\">\n        <div\n          className=\"ndl-progress-bar-container\"\n          role=\"progressbar\"\n          title=\"progress bar\"\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-valuenow={value}\n        >\n          <div className=\"ndl-progress-bar\" style={{ width: `${value}%` }} />\n        </div>\n        <div\n          className=\"ndl-progress-bar-shadow\"\n          style={{ width: `${value}%` }}\n        />\n      </div>\n    </Component>\n  );\n};\n"]}

package/lib/cjs/radio/Radio.js

@@ -58,8 +58,9 @@ const Radio = (_a) => {
     });
     /** TODO: Label handling. We can get rid of this annoying stuff as soon as we do proper form control. */
     const labelContent = (0, react_1.useMemo)(() => {
-        if (Boolean(label) === false)
+        if (Boolean(label) === false) {
             return null;
+        }
         if (typeof label === 'string') {
             return ((0, jsx_runtime_1.jsx)("span", { title: label, className: "ndl-radio-label-text", children: label }));
         }

package/lib/cjs/radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AACpC,iCAA2C;AAG3C,oFAA8E;AAC9E,4CAAwD;AAgCjD,MAAM,KAAK,GAAG,CAAC,EAgBa,EAAE,EAAE;;QAhBjB,EACpB,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,gBAAgB,EAChB,KAAK,EACL,OAAO,GAAG,KAAK,EACf,SAAS,EACT,eAAe,EACf,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACL,cAAc,EACd,GAAG,OAE8B,EAD9B,SAAS,cAfQ,kLAgBrB,CADa;IAEZ,MAAM,CAAC,cAAc,EAAE,gBAAgB,CAAC,GAAG,IAAA,kDAAsB,EAAC;QAChE,SAAS,EAAE,OAAO;QAClB,YAAY,EAAE,SAAS,KAAK,SAAS;QACrC,QAAQ;QACR,KAAK,EAAE,MAAA,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,gBAAgB,mCAAI,KAAK;KAC9C,CAAC,CAAC;IAEH,MAAM,oBAAoB,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE;QACzD,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,OAAO;KACrB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,oBAAU,EAAC,WAAW,EAAE,SAAS,EAAE;QACtD,cAAc,EAAE,UAAU;KAC3B,CAAC,CAAC;IAEH,wGAAwG;IACxG,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAChC,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK;YAAE,OAAO,IAAI,CAAC;QAE1C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,CACL,iCAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,sBAAsB,YACjD,KAAK,GACD,CACR,CAAC;QACJ,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,KAAK,EAAE,CAAC;YAC7D,IAAA,4BAAoB,EAClB,4GAA4G,CAC7G,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,mCAAO,SAAS,EAAE,oBAAoB,aACnC,eAAe,KAAK,IAAI,IAAI,YAAY,EACzC,gDACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,gBACA,SAAS,EACrB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,YAAY,IACnB,SAAS,EACT,cAAc,EAClB,EACD,OAAO,CAAC,eAAe,CAAC,KAAK,KAAK,IAAI,YAAY,IAC7C,CACT,CAAC;AACJ,CAAC,CAAC;AA3EW,QAAA,KAAK,SA2EhB","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport { useEffect, useMemo } from 'react';\n\nimport { type CommonProps, type HtmlAttributes } from '../_common/types';\nimport { useSemiControlledInput } from '../_common/use-semi-controlled-input';\nimport { needleWarningMessage } from '../_common/utils';\n\ntype RadioProps = {\n  /** Whether the radio is checked */\n  isChecked?: boolean;\n  /** Selects the radio by default in uncontrolled mode */\n  isDefaultChecked?: boolean;\n  /** Whether the radio is disabled */\n  isDisabled?: boolean;\n  /** Whether the radio & label should take the full available width of its container */\n  isFluid?: boolean;\n  /** Whether the label should be displayed before the radio */\n  hasLeadingLabel?: boolean;\n  /** The callback function triggered when the radio value changes */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  /** The value of the radio */\n  value?: HtmlAttributes<'input'>['value'];\n  /** The callback function triggered when the radio is clicked */\n  onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;\n} & (\n  | {\n      /** The aria label of the radio. Required if the label is not a string. */\n      ariaLabel: string;\n      /** The label of the radio. If not a string, supply an aria label for screen reader support. */\n      label?: undefined;\n    }\n  | {\n      ariaLabel?: string;\n      label: React.ReactNode;\n    }\n);\n\nexport const Radio = ({\n  ariaLabel,\n  isDisabled = false,\n  isDefaultChecked,\n  label,\n  isFluid = false,\n  isChecked,\n  hasLeadingLabel,\n  onChange,\n  className,\n  style,\n  onClick,\n  value,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'input', RadioProps>) => {\n  const [isCheckedState, internalOnChange] = useSemiControlledInput({\n    inputType: 'radio',\n    isControlled: isChecked !== undefined,\n    onChange,\n    state: isChecked ?? isDefaultChecked ?? false,\n  });\n\n  const labelWrappingClasses = classNames('ndl-radio-label', {\n    'ndl-disabled': isDisabled,\n    'ndl-fluid': isFluid,\n  });\n\n  const radioClasses = classNames('ndl-radio', className, {\n    'ndl-disabled': isDisabled,\n  });\n\n  /** TODO: Label handling. We can get rid of this annoying stuff as soon as we do proper form control. */\n  const labelContent = useMemo(() => {\n    if (Boolean(label) === false) return null;\n\n    if (typeof label === 'string') {\n      return (\n        <span title={label} className=\"ndl-radio-label-text\">\n          {label}\n        </span>\n      );\n    }\n    return label;\n  }, [label]);\n\n  useEffect(() => {\n    if (Boolean(label) === false && Boolean(ariaLabel) === false) {\n      needleWarningMessage(\n        'Radio needs a valid label or ariaLabel: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI',\n      );\n    }\n  }, [ariaLabel, label]);\n\n  return (\n    <label className={labelWrappingClasses}>\n      {hasLeadingLabel === true && labelContent}\n      <input\n        ref={ref}\n        type=\"radio\"\n        aria-label={ariaLabel}\n        disabled={isDisabled}\n        checked={isCheckedState}\n        onClick={onClick}\n        onChange={internalOnChange}\n        value={value}\n        style={style}\n        className={radioClasses}\n        {...restProps}\n        {...htmlAttributes}\n      />\n      {Boolean(hasLeadingLabel) === false && labelContent}\n    </label>\n  );\n};\n"]}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AACpC,iCAA2C;AAG3C,oFAA8E;AAC9E,4CAAwD;AAgCjD,MAAM,KAAK,GAAG,CAAC,EAgBa,EAAE,EAAE;;QAhBjB,EACpB,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,gBAAgB,EAChB,KAAK,EACL,OAAO,GAAG,KAAK,EACf,SAAS,EACT,eAAe,EACf,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACL,cAAc,EACd,GAAG,OAE8B,EAD9B,SAAS,cAfQ,kLAgBrB,CADa;IAEZ,MAAM,CAAC,cAAc,EAAE,gBAAgB,CAAC,GAAG,IAAA,kDAAsB,EAAC;QAChE,SAAS,EAAE,OAAO;QAClB,YAAY,EAAE,SAAS,KAAK,SAAS;QACrC,QAAQ;QACR,KAAK,EAAE,MAAA,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,gBAAgB,mCAAI,KAAK;KAC9C,CAAC,CAAC;IAEH,MAAM,oBAAoB,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE;QACzD,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,OAAO;KACrB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,oBAAU,EAAC,WAAW,EAAE,SAAS,EAAE;QACtD,cAAc,EAAE,UAAU;KAC3B,CAAC,CAAC;IAEH,wGAAwG;IACxG,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAChC,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,CACL,iCAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,sBAAsB,YACjD,KAAK,GACD,CACR,CAAC;QACJ,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,KAAK,EAAE,CAAC;YAC7D,IAAA,4BAAoB,EAClB,4GAA4G,CAC7G,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,mCAAO,SAAS,EAAE,oBAAoB,aACnC,eAAe,KAAK,IAAI,IAAI,YAAY,EACzC,gDACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,gBACA,SAAS,EACrB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,YAAY,IACnB,SAAS,EACT,cAAc,EAClB,EACD,OAAO,CAAC,eAAe,CAAC,KAAK,KAAK,IAAI,YAAY,IAC7C,CACT,CAAC;AACJ,CAAC,CAAC;AA7EW,QAAA,KAAK,SA6EhB","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport { useEffect, useMemo } from 'react';\n\nimport { type CommonProps, type HtmlAttributes } from '../_common/types';\nimport { useSemiControlledInput } from '../_common/use-semi-controlled-input';\nimport { needleWarningMessage } from '../_common/utils';\n\ntype RadioProps = {\n  /** Whether the radio is checked */\n  isChecked?: boolean;\n  /** Selects the radio by default in uncontrolled mode */\n  isDefaultChecked?: boolean;\n  /** Whether the radio is disabled */\n  isDisabled?: boolean;\n  /** Whether the radio & label should take the full available width of its container */\n  isFluid?: boolean;\n  /** Whether the label should be displayed before the radio */\n  hasLeadingLabel?: boolean;\n  /** The callback function triggered when the radio value changes */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  /** The value of the radio */\n  value?: HtmlAttributes<'input'>['value'];\n  /** The callback function triggered when the radio is clicked */\n  onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;\n} & (\n  | {\n      /** The aria label of the radio. Required if the label is not a string. */\n      ariaLabel: string;\n      /** The label of the radio. If not a string, supply an aria label for screen reader support. */\n      label?: undefined;\n    }\n  | {\n      ariaLabel?: string;\n      label: React.ReactNode;\n    }\n);\n\nexport const Radio = ({\n  ariaLabel,\n  isDisabled = false,\n  isDefaultChecked,\n  label,\n  isFluid = false,\n  isChecked,\n  hasLeadingLabel,\n  onChange,\n  className,\n  style,\n  onClick,\n  value,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'input', RadioProps>) => {\n  const [isCheckedState, internalOnChange] = useSemiControlledInput({\n    inputType: 'radio',\n    isControlled: isChecked !== undefined,\n    onChange,\n    state: isChecked ?? isDefaultChecked ?? false,\n  });\n\n  const labelWrappingClasses = classNames('ndl-radio-label', {\n    'ndl-disabled': isDisabled,\n    'ndl-fluid': isFluid,\n  });\n\n  const radioClasses = classNames('ndl-radio', className, {\n    'ndl-disabled': isDisabled,\n  });\n\n  /** TODO: Label handling. We can get rid of this annoying stuff as soon as we do proper form control. */\n  const labelContent = useMemo(() => {\n    if (Boolean(label) === false) {\n      return null;\n    }\n\n    if (typeof label === 'string') {\n      return (\n        <span title={label} className=\"ndl-radio-label-text\">\n          {label}\n        </span>\n      );\n    }\n    return label;\n  }, [label]);\n\n  useEffect(() => {\n    if (Boolean(label) === false && Boolean(ariaLabel) === false) {\n      needleWarningMessage(\n        'Radio needs a valid label or ariaLabel: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI',\n      );\n    }\n  }, [ariaLabel, label]);\n\n  return (\n    <label className={labelWrappingClasses}>\n      {hasLeadingLabel === true && labelContent}\n      <input\n        ref={ref}\n        type=\"radio\"\n        aria-label={ariaLabel}\n        disabled={isDisabled}\n        checked={isCheckedState}\n        onClick={onClick}\n        onChange={internalOnChange}\n        value={value}\n        style={style}\n        className={radioClasses}\n        {...restProps}\n        {...htmlAttributes}\n      />\n      {Boolean(hasLeadingLabel) === false && labelContent}\n    </label>\n  );\n};\n"]}

package/lib/cjs/radio/stories/radio.stories.js

@@ -24,7 +24,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Controlled = exports.TruncatedLabel = exports.CustomLabel = exports.Disabled = exports.HasLeadingLabel = exports.NoLabel = exports.Default = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const index_1 = require("../../index");
-const _1 = require("./");
+const _1 = require(".");
 const componentMeta = {
     component: index_1.Radio,
     decorators: [

package/lib/cjs/radio/stories/radio.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.stories.js","sourceRoot":"","sources":["../../../../src/radio/stories/radio.stories.tsx"],"names":[],"mappings":";;;;AAsBA,uCAAoC;AACpC,yBAeY;AAEZ,MAAM,aAAa,GAAuB;IACxC,SAAS,EAAE,aAAK;IAChB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,EAAE,EAAE,kBAAkB;IACtB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,kBAAkB;CAC1B,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kBAAe;gBACrB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,eAAY;CACrB,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kBAAe;gBACrB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,eAAY;CACrB,CAAC;AAEW,QAAA,eAAe,GAAU;IACpC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,sBAAmB;CAC5B,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mBAAgB;gBACtB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,gBAAa;CACtB,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC;AAEW,QAAA,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,sBAAmB;CAC5B,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,qBAAkB;gBACxB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAe;CACxB,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Radio } from '../../index';\nimport {\n  RadioControlled,\n  RadioControlledSrc,\n  RadioCustomLabel,\n  RadioCustomLabelSrc,\n  RadioDefault,\n  RadioDefaultSrc,\n  RadioDisabled,\n  RadioDisabledSrc,\n  RadioHasLabelBefore,\n  RadioHasLabelBeforeSrc,\n  RadioNoLabel,\n  RadioNoLabelSrc,\n  RadioTruncatedLabel,\n  RadioTruncatedLabelSrc,\n} from './';\n\nconst componentMeta: Meta<typeof Radio> = {\n  component: Radio,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-radio',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Radio',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: RadioDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: RadioDefault,\n};\n\nexport const NoLabel: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: RadioNoLabelSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: RadioNoLabel,\n};\n\nexport const HasLeadingLabel: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: RadioHasLabelBeforeSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: RadioHasLabelBefore,\n};\n\nexport const Disabled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: RadioDisabledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: RadioDisabled,\n};\n\nexport const CustomLabel: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: RadioCustomLabelSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: RadioCustomLabel,\n};\n\nexport const TruncatedLabel: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: RadioTruncatedLabelSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: RadioTruncatedLabel,\n};\n\nexport const Controlled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: RadioControlledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: RadioControlled,\n};\n"]}
+{"version":3,"file":"radio.stories.js","sourceRoot":"","sources":["../../../../src/radio/stories/radio.stories.tsx"],"names":[],"mappings":";;;;AAsBA,uCAAoC;AACpC,wBAeW;AAEX,MAAM,aAAa,GAAuB;IACxC,SAAS,EAAE,aAAK;IAChB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,EAAE,EAAE,kBAAkB;IACtB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,kBAAkB;CAC1B,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kBAAe;gBACrB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,eAAY;CACrB,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kBAAe;gBACrB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,eAAY;CACrB,CAAC;AAEW,QAAA,eAAe,GAAU;IACpC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,sBAAmB;CAC5B,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mBAAgB;gBACtB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,gBAAa;CACtB,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC;AAEW,QAAA,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,sBAAmB;CAC5B,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,qBAAkB;gBACxB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAe;CACxB,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Radio } from '../../index';\nimport {\n  RadioControlled,\n  RadioControlledSrc,\n  RadioCustomLabel,\n  RadioCustomLabelSrc,\n  RadioDefault,\n  RadioDefaultSrc,\n  RadioDisabled,\n  RadioDisabledSrc,\n  RadioHasLabelBefore,\n  RadioHasLabelBeforeSrc,\n  RadioNoLabel,\n  RadioNoLabelSrc,\n  RadioTruncatedLabel,\n  RadioTruncatedLabelSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof Radio> = {\n  component: Radio,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-radio',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Radio',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: RadioDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: RadioDefault,\n};\n\nexport const NoLabel: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: RadioNoLabelSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: RadioNoLabel,\n};\n\nexport const HasLeadingLabel: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: RadioHasLabelBeforeSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: RadioHasLabelBefore,\n};\n\nexport const Disabled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: RadioDisabledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: RadioDisabled,\n};\n\nexport const CustomLabel: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: RadioCustomLabelSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: RadioCustomLabel,\n};\n\nexport const TruncatedLabel: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: RadioTruncatedLabelSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: RadioTruncatedLabel,\n};\n\nexport const Controlled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: RadioControlledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: RadioControlled,\n};\n"]}

package/lib/cjs/select/Overrides.js

@@ -146,7 +146,7 @@ const CustomValueContainer = ({ size, }) => function Component(_a) {
 };
 exports.CustomValueContainer = CustomValueContainer;
 const CustomInput = ({ size, }) => function Component(_a) {
-    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    var { className } = _a, restProps = __rest(_a, ["className"]);
     const classes = (0, classnames_1.default)('ndl-select-input', className, {
         'ndl-is-multi': restProps.isMulti,
         'ndl-disabled': restProps.isDisabled,