@neo4j-ndl/react 4.1.5 → 4.1.7

package/lib/cjs/icon-button/stories/icon-button.stories.js

@@ -22,7 +22,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tone = exports.Sizes = exports.Loading = exports.Floating = exports.Disabled = exports.Active = exports.Default = void 0;
-const __1 = require("../");
+const __1 = require("..");
 const _1 = require(".");
 const componentMeta = {
     component: __1.IconButton,

package/lib/cjs/icon-button/stories/icon-button.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.stories.js","sourceRoot":"","sources":["../../../../src/icon-button/stories/icon-button.stories.tsx"],"names":[],"mappings":";;;AAsBA,2BAAiC;AACjC,wBAeW;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,cAAU;IACrB,EAAE,EAAE,wBAAwB;IAC5B,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,uBAAuB;CACG,CAAC;AAEpC,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,uBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,oBAAiB;CAC1B,CAAC;AAEW,QAAA,MAAM,GAAU;IAC3B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,mBAAgB;IACxB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,sBAAmB;aAC1B;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,qBAAkB;IAC1B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,wBAAqB;aAC5B;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,qBAAkB;IAC1B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,wBAAqB;aAC5B;SACF;KACF;CACF,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,oBAAiB;IACzB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,uBAAoB;aAC3B;SACF;KACF;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,kBAAe;IACvB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAkB;aACzB;SACF;KACF;CACF,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,iBAAc;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,oBAAiB;aACxB;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 { IconButton } from '../';\nimport {\n  IconButtonActive,\n  IconButtonActiveSrc,\n  IconButtonDefault,\n  IconButtonDefaultSrc,\n  IconButtonDisabled,\n  IconButtonDisabledSrc,\n  IconButtonFloating,\n  IconButtonFloatingSrc,\n  IconButtonLoading,\n  IconButtonLoadingSrc,\n  IconButtonSizes,\n  IconButtonSizesSrc,\n  IconButtonTone,\n  IconButtonToneSrc,\n} from '.';\n\nconst componentMeta = {\n  component: IconButton,\n  id: 'components-icon-button',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/IconButton',\n} satisfies Meta<typeof IconButton>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonDefault,\n};\n\nexport const Active: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonActive,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonActiveSrc,\n      },\n    },\n  },\n};\n\nexport const Disabled: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonDisabled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonDisabledSrc,\n      },\n    },\n  },\n};\n\nexport const Floating: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonFloating,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonFloatingSrc,\n      },\n    },\n  },\n};\n\nexport const Loading: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonLoading,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonLoadingSrc,\n      },\n    },\n  },\n};\n\nexport const Sizes: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonSizes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonSizesSrc,\n      },\n    },\n  },\n};\n\nexport const Tone: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonTone,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonToneSrc,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"icon-button.stories.js","sourceRoot":"","sources":["../../../../src/icon-button/stories/icon-button.stories.tsx"],"names":[],"mappings":";;;AAsBA,0BAAgC;AAChC,wBAeW;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,cAAU;IACrB,EAAE,EAAE,wBAAwB;IAC5B,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,uBAAuB;CACG,CAAC;AAEpC,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,uBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,oBAAiB;CAC1B,CAAC;AAEW,QAAA,MAAM,GAAU;IAC3B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,mBAAgB;IACxB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,sBAAmB;aAC1B;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,qBAAkB;IAC1B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,wBAAqB;aAC5B;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,qBAAkB;IAC1B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,wBAAqB;aAC5B;SACF;KACF;CACF,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,oBAAiB;IACzB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,uBAAoB;aAC3B;SACF;KACF;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,kBAAe;IACvB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAkB;aACzB;SACF;KACF;CACF,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,iBAAc;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,oBAAiB;aACxB;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 { IconButton } from '..';\nimport {\n  IconButtonActive,\n  IconButtonActiveSrc,\n  IconButtonDefault,\n  IconButtonDefaultSrc,\n  IconButtonDisabled,\n  IconButtonDisabledSrc,\n  IconButtonFloating,\n  IconButtonFloatingSrc,\n  IconButtonLoading,\n  IconButtonLoadingSrc,\n  IconButtonSizes,\n  IconButtonSizesSrc,\n  IconButtonTone,\n  IconButtonToneSrc,\n} from '.';\n\nconst componentMeta = {\n  component: IconButton,\n  id: 'components-icon-button',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/IconButton',\n} satisfies Meta<typeof IconButton>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonDefault,\n};\n\nexport const Active: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonActive,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonActiveSrc,\n      },\n    },\n  },\n};\n\nexport const Disabled: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonDisabled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonDisabledSrc,\n      },\n    },\n  },\n};\n\nexport const Floating: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonFloating,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonFloatingSrc,\n      },\n    },\n  },\n};\n\nexport const Loading: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonLoading,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonLoadingSrc,\n      },\n    },\n  },\n};\n\nexport const Sizes: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonSizes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonSizesSrc,\n      },\n    },\n  },\n};\n\nexport const Tone: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  render: IconButtonTone,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonToneSrc,\n      },\n    },\n  },\n};\n"]}

package/lib/cjs/icon-button-array/IconButtonArray.js

@@ -1,4 +1,15 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -33,7 +44,8 @@ const CollapsibleButtonWrapper = ({ children, }) => {
     return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
 };
 CollapsibleButtonWrapper.displayName = 'CollapsibleButtonWrapper';
-const IconButtonArrayComponent = ({ children, as, isFloating = false, orientation = 'horizontal', size = 'medium', className, style, htmlAttributes, ref, }) => {
+const IconButtonArrayComponent = (_a) => {
+    var { children, as, isFloating = false, orientation = 'horizontal', size = 'medium', className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["children", "as", "isFloating", "orientation", "size", "className", "style", "htmlAttributes", "ref"]);
     const [isCollapsed, setIsCollapsed] = react_1.default.useState(true);
     const classes = (0, classnames_1.default)('ndl-icon-btn-array', {
         'n-flex-row': orientation === 'horizontal',
@@ -70,7 +82,7 @@ const IconButtonArrayComponent = ({ children, as, isFloating = false, orientatio
         }
         return isCollapsed ? (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, {}) : (0, jsx_runtime_1.jsx)(icons_1.ChevronUpIconOutline, {});
     };
-    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ role: "group", className: classes, ref: ref, style: style }, htmlAttributes, { children: [fixedButtonsWithProps, collapsibleButtonsWithProps && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isCollapsed && collapsibleButtonsWithProps, (0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { className: "ndl-grouped", onClick: () => {
+    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ role: "group", className: classes, ref: ref, style: style }, restProps, htmlAttributes, { children: [fixedButtonsWithProps, collapsibleButtonsWithProps && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isCollapsed && collapsibleButtonsWithProps, (0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { className: "ndl-grouped", onClick: () => {
                             setIsCollapsed((prev) => !prev);
                         }, size: size, description: isCollapsed ? 'Show more' : 'Show less', tooltipProps: {
                             root: {

package/lib/cjs/icon-button-array/IconButtonArray.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButtonArray.js","sourceRoot":"","sources":["../../../src/icon-button-array/IconButtonArray.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 classNames from 'classnames';\nimport React from 'react';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport {\n  ChevronDownIconOutline,\n  ChevronLeftIconOutline,\n  ChevronRightIconOutline,\n  ChevronUpIconOutline,\n} from '../icons';\n\n/**\n * Types\n */\ntype IconButtonArrayProps = {\n  /** Content displayed in the icon button array */\n  children: React.ReactNode;\n  /** Orientation of the icon button array */\n  orientation?: 'vertical' | 'horizontal';\n  /** Whether the icon button array is floating */\n  isFloating?: boolean;\n  /** Size of the icon button array */\n  size?: 'small' | 'medium' | 'large';\n  /** Additional class name*/\n  className?: string;\n};\n\ntype CollapsibleButtonWrapperProps = {\n  /** Icon buttons to be displayed in the collapsible button wrapper */\n  children:\n    | React.ReactElement<React.ComponentProps<typeof CleanIconButton>>\n    | React.ReactElement<React.ComponentProps<typeof CleanIconButton>>[];\n};\n\nconst CollapsibleButtonWrapper: React.FC<CollapsibleButtonWrapperProps> = ({\n  children,\n}) => {\n  return <>{children}</>;\n};\nCollapsibleButtonWrapper.displayName = 'CollapsibleButtonWrapper';\n\nexport const IconButtonArrayComponent = <T extends React.ElementType = 'div'>({\n  children,\n  as,\n  isFloating = false,\n  orientation = 'horizontal',\n  size = 'medium',\n  className,\n  style,\n  htmlAttributes,\n  ref,\n}: PolymorphicCommonProps<T, IconButtonArrayProps>) => {\n  const [isCollapsed, setIsCollapsed] = React.useState(true);\n\n  const classes = classNames('ndl-icon-btn-array', {\n    'n-flex-row': orientation === 'horizontal',\n    'n-flex-col': orientation === 'vertical',\n    'ndl-array-floating': isFloating,\n    [`ndl-${size}`]: size,\n    [className!]: className,\n  });\n\n  const Component: React.ElementType = as || 'div';\n\n  const applySizeProp = (child: React.ReactElement) => {\n    if (\n      React.isValidElement<React.ComponentProps<typeof CleanIconButton>>(\n        child,\n      ) &&\n      child.type === CleanIconButton\n    ) {\n      return React.cloneElement(child, {\n        className: classNames(child.props.className, 'ndl-grouped'),\n        size: child.props.size || size,\n      });\n    }\n    return child;\n  };\n\n  const childrenArray = React.Children.toArray(\n    children,\n  ) as React.ReactElement[];\n\n  const fixedButtons = childrenArray.filter(\n    (child) =>\n      !React.isValidElement(child) ||\n      (child.type as React.ComponentType).displayName !==\n        'CollapsibleButtonWrapper',\n  );\n\n  const fixedButtonsWithProps = React.Children.map(fixedButtons, applySizeProp);\n\n  const collapsibleButtonWrapper = childrenArray.find(\n    (child) =>\n      React.isValidElement(child) &&\n      (child.type as React.ComponentType).displayName ===\n        'CollapsibleButtonWrapper',\n  );\n\n  const collapsibleButtonsWithProps = collapsibleButtonWrapper\n    ? React.Children.map(\n        (\n          collapsibleButtonWrapper as React.ReactElement<CollapsibleButtonWrapperProps>\n        ).props.children,\n        applySizeProp,\n      )\n    : null;\n\n  const renderChevronIcon = () => {\n    if (orientation === 'horizontal') {\n      return isCollapsed ? (\n        <ChevronRightIconOutline />\n      ) : (\n        <ChevronLeftIconOutline />\n      );\n    }\n    return isCollapsed ? <ChevronDownIconOutline /> : <ChevronUpIconOutline />;\n  };\n\n  return (\n    <Component\n      role=\"group\"\n      className={classes}\n      ref={ref}\n      style={style}\n      {...htmlAttributes}\n    >\n      {fixedButtonsWithProps}\n      {collapsibleButtonsWithProps && (\n        <>\n          {!isCollapsed && collapsibleButtonsWithProps}\n          <CleanIconButton\n            className=\"ndl-grouped\"\n            onClick={() => {\n              setIsCollapsed((prev) => !prev);\n            }}\n            size={size}\n            description={isCollapsed ? 'Show more' : 'Show less'}\n            tooltipProps={{\n              root: {\n                shouldCloseOnReferenceClick: true,\n              },\n            }}\n            htmlAttributes={{\n              'aria-expanded': !isCollapsed,\n            }}\n          >\n            {renderChevronIcon()}\n          </CleanIconButton>\n        </>\n      )}\n    </Component>\n  );\n};\n\nconst IconButtonArray = Object.assign(IconButtonArrayComponent, {\n  CollapsibleButtonWrapper: CollapsibleButtonWrapper,\n});\n\nexport { IconButtonArray };\n"]}
+{"version":3,"file":"IconButtonArray.js","sourceRoot":"","sources":["../../../src/icon-button-array/IconButtonArray.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 classNames from 'classnames';\nimport React from 'react';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport {\n  ChevronDownIconOutline,\n  ChevronLeftIconOutline,\n  ChevronRightIconOutline,\n  ChevronUpIconOutline,\n} from '../icons';\n\n/**\n * Types\n */\ntype IconButtonArrayProps = {\n  /** Content displayed in the icon button array */\n  children: React.ReactNode;\n  /** Orientation of the icon button array */\n  orientation?: 'vertical' | 'horizontal';\n  /** Whether the icon button array is floating */\n  isFloating?: boolean;\n  /** Size of the icon button array */\n  size?: 'small' | 'medium' | 'large';\n  /** Additional class name*/\n  className?: string;\n};\n\ntype CollapsibleButtonWrapperProps = {\n  /** Icon buttons to be displayed in the collapsible button wrapper */\n  children:\n    | React.ReactElement<React.ComponentProps<typeof CleanIconButton>>\n    | React.ReactElement<React.ComponentProps<typeof CleanIconButton>>[];\n};\n\nconst CollapsibleButtonWrapper: React.FC<CollapsibleButtonWrapperProps> = ({\n  children,\n}) => {\n  return <>{children}</>;\n};\nCollapsibleButtonWrapper.displayName = 'CollapsibleButtonWrapper';\n\nexport const IconButtonArrayComponent = <T extends React.ElementType = 'div'>({\n  children,\n  as,\n  isFloating = false,\n  orientation = 'horizontal',\n  size = 'medium',\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, IconButtonArrayProps>) => {\n  const [isCollapsed, setIsCollapsed] = React.useState(true);\n\n  const classes = classNames('ndl-icon-btn-array', {\n    'n-flex-row': orientation === 'horizontal',\n    'n-flex-col': orientation === 'vertical',\n    'ndl-array-floating': isFloating,\n    [`ndl-${size}`]: size,\n    [className!]: className,\n  });\n\n  const Component: React.ElementType = as || 'div';\n\n  const applySizeProp = (child: React.ReactElement) => {\n    if (\n      React.isValidElement<React.ComponentProps<typeof CleanIconButton>>(\n        child,\n      ) &&\n      child.type === CleanIconButton\n    ) {\n      return React.cloneElement(child, {\n        className: classNames(child.props.className, 'ndl-grouped'),\n        size: child.props.size || size,\n      });\n    }\n    return child;\n  };\n\n  const childrenArray = React.Children.toArray(\n    children,\n  ) as React.ReactElement[];\n\n  const fixedButtons = childrenArray.filter(\n    (child) =>\n      !React.isValidElement(child) ||\n      (child.type as React.ComponentType).displayName !==\n        'CollapsibleButtonWrapper',\n  );\n\n  const fixedButtonsWithProps = React.Children.map(fixedButtons, applySizeProp);\n\n  const collapsibleButtonWrapper = childrenArray.find(\n    (child) =>\n      React.isValidElement(child) &&\n      (child.type as React.ComponentType).displayName ===\n        'CollapsibleButtonWrapper',\n  );\n\n  const collapsibleButtonsWithProps = collapsibleButtonWrapper\n    ? React.Children.map(\n        (\n          collapsibleButtonWrapper as React.ReactElement<CollapsibleButtonWrapperProps>\n        ).props.children,\n        applySizeProp,\n      )\n    : null;\n\n  const renderChevronIcon = () => {\n    if (orientation === 'horizontal') {\n      return isCollapsed ? (\n        <ChevronRightIconOutline />\n      ) : (\n        <ChevronLeftIconOutline />\n      );\n    }\n    return isCollapsed ? <ChevronDownIconOutline /> : <ChevronUpIconOutline />;\n  };\n\n  return (\n    <Component\n      role=\"group\"\n      className={classes}\n      ref={ref}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {fixedButtonsWithProps}\n      {collapsibleButtonsWithProps && (\n        <>\n          {!isCollapsed && collapsibleButtonsWithProps}\n          <CleanIconButton\n            className=\"ndl-grouped\"\n            onClick={() => {\n              setIsCollapsed((prev) => !prev);\n            }}\n            size={size}\n            description={isCollapsed ? 'Show more' : 'Show less'}\n            tooltipProps={{\n              root: {\n                shouldCloseOnReferenceClick: true,\n              },\n            }}\n            htmlAttributes={{\n              'aria-expanded': !isCollapsed,\n            }}\n          >\n            {renderChevronIcon()}\n          </CleanIconButton>\n        </>\n      )}\n    </Component>\n  );\n};\n\nconst IconButtonArray = Object.assign(IconButtonArrayComponent, {\n  CollapsibleButtonWrapper: CollapsibleButtonWrapper,\n});\n\nexport { IconButtonArray };\n"]}

package/lib/cjs/icon-button-array/index.js

@@ -34,5 +34,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("../icon-button-array/IconButtonArray"), exports);
+__exportStar(require("./IconButtonArray"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/icon-button-array/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icon-button-array/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,uEAAqD","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\nexport * from '../icon-button-array/IconButtonArray';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icon-button-array/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,oDAAkC","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\nexport * from './IconButtonArray';\n"]}

package/lib/cjs/icon-button-array/stories/icon-button-array.stories.js

@@ -24,7 +24,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sizes = exports.Collapsiable = exports.Floating = exports.Vertical = exports.Horizontal = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const index_1 = require("../../index");
-const _1 = require("./");
+const _1 = require(".");
 const componentMeta = {
     title: 'Components/IconButtonArray',
     id: 'components-buttons-icon-array',

package/lib/cjs/icon-button-array/stories/icon-button-array.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button-array.stories.js","sourceRoot":"","sources":["../../../../src/icon-button-array/stories/icon-button-array.stories.tsx"],"names":[],"mappings":";;;;AAsBA,uCAA8C;AAC9C,yBAWY;AAEZ,MAAM,aAAa,GAAiC;IAClD,KAAK,EAAE,4BAA4B;IACnC,EAAE,EAAE,+BAA+B;IACnC,SAAS,EAAE,uBAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,4BAAyB;IACjC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,+BAA4B;aACnC;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,0BAAuB;IAC/B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,6BAA0B;aACjC;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,0BAAuB;IAC/B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,6BAA0B;aACjC;SACF;KACF;CACF,CAAC;AAEW,QAAA,YAAY,GAAU;IACjC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,6BAA0B;IAClC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,gCAA6B;aACpC;SACF;KACF;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,uBAAoB;IAC5B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,0BAAuB;aAC9B;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 { IconButtonArray } from '../../index';\nimport {\n  IconButtonArrayCollapsible,\n  IconButtonArrayCollapsibleSrc,\n  IconButtonArrayFloating,\n  IconButtonArrayFloatingSrc,\n  IconButtonArrayHorizontal,\n  IconButtonArrayHorizontalSrc,\n  IconButtonArraySizes,\n  IconButtonArraySizesSrc,\n  IconButtonArrayVertical,\n  IconButtonArrayVerticalSrc,\n} from './';\n\nconst componentMeta: Meta<typeof IconButtonArray> = {\n  title: 'Components/IconButtonArray',\n  id: 'components-buttons-icon-array',\n  component: IconButtonArray,\n  tags: ['docsPage'],\n  parameters: {\n    controls: { disable: true },\n  },\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Horizontal: Story = {\n  args: {},\n  render: IconButtonArrayHorizontal,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonArrayHorizontalSrc,\n      },\n    },\n  },\n};\n\nexport const Vertical: Story = {\n  args: {},\n  render: IconButtonArrayVertical,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonArrayVerticalSrc,\n      },\n    },\n  },\n};\n\nexport const Floating: Story = {\n  args: {},\n  render: IconButtonArrayFloating,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonArrayFloatingSrc,\n      },\n    },\n  },\n};\n\nexport const Collapsiable: Story = {\n  args: {},\n  render: IconButtonArrayCollapsible,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonArrayCollapsibleSrc,\n      },\n    },\n  },\n};\n\nexport const Sizes: Story = {\n  args: {},\n  render: IconButtonArraySizes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonArraySizesSrc,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"icon-button-array.stories.js","sourceRoot":"","sources":["../../../../src/icon-button-array/stories/icon-button-array.stories.tsx"],"names":[],"mappings":";;;;AAsBA,uCAA8C;AAC9C,wBAWW;AAEX,MAAM,aAAa,GAAiC;IAClD,KAAK,EAAE,4BAA4B;IACnC,EAAE,EAAE,+BAA+B;IACnC,SAAS,EAAE,uBAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,4BAAyB;IACjC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,+BAA4B;aACnC;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,0BAAuB;IAC/B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,6BAA0B;aACjC;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,0BAAuB;IAC/B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,6BAA0B;aACjC;SACF;KACF;CACF,CAAC;AAEW,QAAA,YAAY,GAAU;IACjC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,6BAA0B;IAClC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,gCAA6B;aACpC;SACF;KACF;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,uBAAoB;IAC5B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,0BAAuB;aAC9B;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 { IconButtonArray } from '../../index';\nimport {\n  IconButtonArrayCollapsible,\n  IconButtonArrayCollapsibleSrc,\n  IconButtonArrayFloating,\n  IconButtonArrayFloatingSrc,\n  IconButtonArrayHorizontal,\n  IconButtonArrayHorizontalSrc,\n  IconButtonArraySizes,\n  IconButtonArraySizesSrc,\n  IconButtonArrayVertical,\n  IconButtonArrayVerticalSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof IconButtonArray> = {\n  title: 'Components/IconButtonArray',\n  id: 'components-buttons-icon-array',\n  component: IconButtonArray,\n  tags: ['docsPage'],\n  parameters: {\n    controls: { disable: true },\n  },\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Horizontal: Story = {\n  args: {},\n  render: IconButtonArrayHorizontal,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonArrayHorizontalSrc,\n      },\n    },\n  },\n};\n\nexport const Vertical: Story = {\n  args: {},\n  render: IconButtonArrayVertical,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonArrayVerticalSrc,\n      },\n    },\n  },\n};\n\nexport const Floating: Story = {\n  args: {},\n  render: IconButtonArrayFloating,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonArrayFloatingSrc,\n      },\n    },\n  },\n};\n\nexport const Collapsiable: Story = {\n  args: {},\n  render: IconButtonArrayCollapsible,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonArrayCollapsibleSrc,\n      },\n    },\n  },\n};\n\nexport const Sizes: Story = {\n  args: {},\n  render: IconButtonArraySizes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: IconButtonArraySizesSrc,\n      },\n    },\n  },\n};\n"]}

package/lib/cjs/icons/wrapIcon.js

@@ -51,7 +51,7 @@ function wrapIcon(Original) {
         ;
         return (
         // @ts-expect-error – Original is of any type and we don't know what props it accepts
-        (0, jsx_runtime_1.jsx)(Original, Object.assign({ strokeWidth: 1.5, style: style, className: `${ICON_CLASSNAME} ${className}`.trim() }, htmlAttributes, restProps, { ref: ref })));
+        (0, jsx_runtime_1.jsx)(Original, Object.assign({ strokeWidth: 1.5, style: style, className: `${ICON_CLASSNAME} ${className}`.trim() }, restProps, htmlAttributes, { ref: ref })));
     };
     return react_1.default.memo(Wrapped);
 }

package/lib/cjs/icons/wrapIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrapIcon.js","sourceRoot":"","sources":["../../../src/icons/wrapIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiCA,4BAqBC;;AAtDD;;;;;;;;;;;;;;;;;;;GAmBG;AAEH;;;;;GAKG;AACH,kDAA0B;AAI1B,MAAM,cAAc,GAAG,cAAc,CAAC;AAEtC,SAAgB,QAAQ,CAA8B,QAAW;IAC/D,MAAM,OAAO,GAAG,CAAC,EAOI,EAAE,EAAE;YAPR,EACf,SAAS,GAAG,EAAE,EACd,KAAK,EACL,GAAG,EACH,cAAc,OAGK,EAFhB,SAAS,cALG,+CAOhB,CAFa;QACZ,mEAAmE;;QAC3C,OAAA;QACxB,qFAAqF;QACrF,uBAAC,QAAQ,kBACP,WAAW,EAAE,GAAG,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,GAAG,cAAc,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,IAC9C,cAAc,EACd,SAAS,IACb,GAAG,EAAE,GAAG,IACR,CACH,CAAA;KAAA,CAAC;IAEF,OAAO,eAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC7B,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\n/**\n * Utility to add common Neo4j-Design styles / behaviour to any HeroIcon.\n *\n * This wrapper is kept in a single place so that the generated icon files\n * can stay **tiny** and tree-shakeable.\n */\nimport React from 'react';\n\nimport type { CommonProps } from '../_common/types';\n\nconst ICON_CLASSNAME = 'ndl-icon-svg';\n\nexport function wrapIcon<T extends React.ElementType>(Original: T) {\n  const Wrapped = ({\n    className = '',\n    style,\n    ref,\n    htmlAttributes,\n    ...restProps\n    // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n  }: CommonProps<T, {}>) => (\n    // @ts-expect-error – Original is of any type and we don't know what props it accepts\n    <Original\n      strokeWidth={1.5}\n      style={style}\n      className={`${ICON_CLASSNAME} ${className}`.trim()}\n      {...htmlAttributes}\n      {...restProps}\n      ref={ref}\n    />\n  );\n\n  return React.memo(Wrapped);\n}\n"]}
+{"version":3,"file":"wrapIcon.js","sourceRoot":"","sources":["../../../src/icons/wrapIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiCA,4BAqBC;;AAtDD;;;;;;;;;;;;;;;;;;;GAmBG;AAEH;;;;;GAKG;AACH,kDAA0B;AAI1B,MAAM,cAAc,GAAG,cAAc,CAAC;AAEtC,SAAgB,QAAQ,CAA8B,QAAW;IAC/D,MAAM,OAAO,GAAG,CAAC,EAOI,EAAE,EAAE;YAPR,EACf,SAAS,GAAG,EAAE,EACd,KAAK,EACL,GAAG,EACH,cAAc,OAGK,EAFhB,SAAS,cALG,+CAOhB,CAFa;QACZ,mEAAmE;;QAC3C,OAAA;QACxB,qFAAqF;QACrF,uBAAC,QAAQ,kBACP,WAAW,EAAE,GAAG,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,GAAG,cAAc,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,IAC9C,SAAS,EACT,cAAc,IAClB,GAAG,EAAE,GAAG,IACR,CACH,CAAA;KAAA,CAAC;IAEF,OAAO,eAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC7B,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\n/**\n * Utility to add common Neo4j-Design styles / behaviour to any HeroIcon.\n *\n * This wrapper is kept in a single place so that the generated icon files\n * can stay **tiny** and tree-shakeable.\n */\nimport React from 'react';\n\nimport type { CommonProps } from '../_common/types';\n\nconst ICON_CLASSNAME = 'ndl-icon-svg';\n\nexport function wrapIcon<T extends React.ElementType>(Original: T) {\n  const Wrapped = ({\n    className = '',\n    style,\n    ref,\n    htmlAttributes,\n    ...restProps\n    // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n  }: CommonProps<T, {}>) => (\n    // @ts-expect-error – Original is of any type and we don't know what props it accepts\n    <Original\n      strokeWidth={1.5}\n      style={style}\n      className={`${ICON_CLASSNAME} ${className}`.trim()}\n      {...restProps}\n      {...htmlAttributes}\n      ref={ref}\n    />\n  );\n\n  return React.memo(Wrapped);\n}\n"]}

package/lib/cjs/inline-edit/InlineEdit.js

@@ -8,6 +8,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -45,13 +56,14 @@ const typography_1 = require("../typography");
 const utils_2 = require("./utils");
 // The input should not be less than this (it does shrink if container is smaller though).
 const MINIMUM_WIDTH = 320;
-const InlineEdit = ({ as, className, defaultValue, htmlAttributes, label, onChange, onCancel, onConfirm, ref, style, value, hasEditIcon = false, inputProps, isDisabled = false, isEditing, blurBehavior = 'confirm', isFluid = false, typographyVariant = 'subheading-medium', placeholder, }) => {
-    var _a;
+const InlineEdit = (_a) => {
+    var _b;
+    var { as, className, defaultValue, htmlAttributes, label, onChange, onCancel, onConfirm, ref, style, value, hasEditIcon = false, inputProps, isDisabled = false, isEditing, blurBehavior = 'confirm', isFluid = false, typographyVariant = 'subheading-medium', placeholder } = _a, restProps = __rest(_a, ["as", "className", "defaultValue", "htmlAttributes", "label", "onChange", "onCancel", "onConfirm", "ref", "style", "value", "hasEditIcon", "inputProps", "isDisabled", "isEditing", "blurBehavior", "isFluid", "typographyVariant", "placeholder"]);
     const [hasEditMode, setEditMode] = (0, react_1.useState)(false);
     const [currentValue, setCurrentValue] = (0, use_semi_controlled_state_1.useSemicontrolledState)({
         isControlled: value !== undefined,
         onChange,
-        state: (_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : '',
+        state: (_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : '',
     });
     const [previousConfirmedValue, setPreviousConfirmedValue] = (0, react_1.useState)(currentValue);
     const mirrorRef = (0, react_1.useRef)(null);
@@ -153,10 +165,10 @@ const InlineEdit = ({ as, className, defaultValue, htmlAttributes, label, onChan
         updateInputWidth();
     }, [updateInputWidth, isInEditMode, currentValue]);
     const displayText = currentValue || placeholder;
-    return ((0, jsx_runtime_1.jsxs)(typography_1.Typography, { as: as !== null && as !== void 0 ? as : 'div', variant: typographyVariant, className: (0, classnames_1.default)('ndl-inline-edit', className, {
+    return ((0, jsx_runtime_1.jsxs)(typography_1.Typography, Object.assign({ as: as !== null && as !== void 0 ? as : 'div', variant: typographyVariant, className: (0, classnames_1.default)('ndl-inline-edit', className, {
             'ndl-disabled': isDisabled,
             'ndl-fluid': isFluid,
-        }), style: style, ref: ref, htmlAttributes: htmlAttributes, children: [Boolean(label) && (0, jsx_runtime_1.jsx)("label", { htmlFor: inputID, children: label }), isInEditMode === true ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-inline-edit-container", ref: containerRef }, focusWithinProps, { children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": true, className: "ndl-inline-edit-mirror", ref: mirrorRef, children: displayText }), (0, jsx_runtime_1.jsx)("input", Object.assign({}, inputProps, { 
+        }), style: style, ref: ref, htmlAttributes: htmlAttributes }, restProps, { children: [Boolean(label) && (0, jsx_runtime_1.jsx)("label", { htmlFor: inputID, children: label }), isInEditMode === true ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-inline-edit-container", ref: containerRef }, focusWithinProps, { children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": true, className: "ndl-inline-edit-mirror", ref: mirrorRef, children: displayText }), (0, jsx_runtime_1.jsx)("input", Object.assign({}, inputProps, { 
                         // eslint-disable-next-line jsx-a11y/no-autofocus
                         autoFocus: true, "aria-label": typeof label === 'string' ? label : 'Inline edit input', className: (0, classnames_1.default)('ndl-inline-edit-input', inputProps === null || inputProps === void 0 ? void 0 : inputProps.className), id: inputID, value: currentValue, onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: placeholder })), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-inline-edit-buttons", children: [(0, jsx_runtime_1.jsx)(icon_button_1.IconButton, { description: "Accept", tooltipProps: {
                                     root: { placement: 'bottom' },
@@ -176,7 +188,7 @@ const InlineEdit = ({ as, className, defaultValue, htmlAttributes, label, onChan
                     'ndl-has-edit-icon': hasEditIcon,
                 }), "aria-disabled": isDisabled, disabled: isDisabled, onClick: handleEditClick, style: {
                     minHeight: (0, utils_2.getMinHeight)(typographyVariant),
-                }, children: [(0, jsx_runtime_1.jsx)("span", { className: "ndl-inline-edit-text", children: displayText }), hasEditIcon && ((0, jsx_runtime_1.jsx)(icons_1.PencilIconOutline, { className: "ndl-inline-edit-pencil-icon", style: (0, utils_2.getIconStyle)(typographyVariant) }))] }))] }));
+                }, children: [(0, jsx_runtime_1.jsx)("span", { className: "ndl-inline-edit-text", children: displayText }), hasEditIcon && ((0, jsx_runtime_1.jsx)(icons_1.PencilIconOutline, { className: "ndl-inline-edit-pencil-icon", style: (0, utils_2.getIconStyle)(typographyVariant) }))] }))] })));
 };
 exports.InlineEdit = InlineEdit;
 //# sourceMappingURL=InlineEdit.js.map

package/lib/cjs/inline-edit/InlineEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineEdit.js","sourceRoot":"","sources":["../../../src/inline-edit/InlineEdit.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 classNames from 'classnames';\nimport type React from 'react';\nimport {\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useFocusWithin } from 'react-aria';\n\nimport {\n  type HtmlAttributes,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { useSemicontrolledState } from '../_common/use-semi-controlled-state';\nimport { needleWarningMessage, randomId } from '../_common/utils';\nimport { IconButton } from '../icon-button';\nimport {\n  CheckIconOutline,\n  PencilIconOutline,\n  XMarkIconOutline,\n} from '../icons';\nimport { Typography } from '../typography';\nimport { type TypographyVariants } from '../typography';\nimport { getIconStyle, getMinHeight } from './utils';\n\ntype InlineEditProps = {\n  /** Label text */\n  label?: ReactNode;\n\n  /**\n   * The typographyVariant of the component applied to Typography as its variant.\n   * @default subheading-medium\n   */\n  typographyVariant?: TypographyVariants;\n\n  /**\n   * The default input value. Use for an uncontrolled component.\n   */\n  defaultValue?: string;\n\n  /**\n   * The input value. Makes the component controlled.\n   */\n  value?: string;\n\n  /**\n   * Callback when the input value changes. Must be used when the component is controlled.\n   */\n  onChange?: (value: string) => void;\n\n  /**\n   * Placeholder text displayed when the input is empty.\n   */\n  placeholder: string;\n\n  /**\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * If edit pencil icon should be visible on hover\n   * @default false\n   */\n  hasEditIcon?: boolean;\n\n  /**\n   * If the input is in editing mode\n   * Used in a stateless inline edit\n   * @default undefined\n   */\n  isEditing?: boolean;\n\n  /** Callback when confirm icon button is pressed */\n  onConfirm?: (\n    value: string,\n    event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  ) => void;\n\n  /** Callback when cancel icon button is pressed */\n  onCancel?: (\n    event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  ) => void;\n\n  /**\n   * What the input should do on blur\n   * - \"confirm\" will confirm the value\n   * - \"cancel\" will cancel the value\n   * - \"none\" will do nothing\n   * @default \"confirm\"\n   */\n  blurBehavior?: 'confirm' | 'cancel' | 'none';\n\n  /** props applied to the internal input element */\n  inputProps?: HtmlAttributes<'input'>;\n\n  /**\n   * If the input is fluid\n   * @default false\n   */\n  isFluid?: boolean;\n};\n\n// The input should not be less than this (it does shrink if container is smaller though).\nconst MINIMUM_WIDTH = 320;\n\nexport const InlineEdit = <T extends React.ElementType = 'div'>({\n  as,\n  className,\n  defaultValue,\n  htmlAttributes,\n  label,\n  onChange,\n  onCancel,\n  onConfirm,\n  ref,\n  style,\n  value,\n  hasEditIcon = false,\n  inputProps,\n  isDisabled = false,\n  isEditing,\n  blurBehavior = 'confirm',\n  isFluid = false,\n  typographyVariant = 'subheading-medium',\n  placeholder,\n}: PolymorphicCommonProps<T, InlineEditProps>) => {\n  const [hasEditMode, setEditMode] = useState(false);\n\n  const [currentValue, setCurrentValue] = useSemicontrolledState({\n    isControlled: value !== undefined,\n    onChange,\n    state: value ?? defaultValue ?? '',\n  });\n  const [previousConfirmedValue, setPreviousConfirmedValue] =\n    useState(currentValue);\n\n  const mirrorRef = useRef<HTMLSpanElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  /**\n   * This ref is used to prevent the blur behavior from being triggered on mouse down events\n   * on the confirm and cancel buttons. So when true, the blur behavior is not triggered.\n   * This is needed due to Webkit browsers (like Safari) triggering blur on mouse down events.\n   *\n   * It is also used to prevent the blur behavior from being triggered after the component exits edit mode without blur.\n   * This bug caused the handler to be called when something was focused after confirming.\n   */\n  const blurWithinRef = useRef(false);\n\n  // Validate controlled mode requirements\n  useEffect(() => {\n    if (value !== undefined && onChange === undefined) {\n      needleWarningMessage(\n        'onChange prop should be supplied when using controlled mode (value prop is provided).',\n      );\n    }\n  }, [value, onChange]);\n\n  const { focusWithinProps } = useFocusWithin({\n    onBlurWithin: () => {\n      if (blurWithinRef.current) {\n        return;\n      }\n\n      if (blurBehavior === 'confirm') {\n        onConfirmHandler();\n        return;\n      }\n      if (blurBehavior === 'cancel') {\n        onCancelHandler();\n        return;\n      }\n    },\n  });\n\n  const resetToDefaults = useCallback(() => {\n    // In controlled mode, don't reset the value - let the parent manage it\n    // In uncontrolled mode, reset to default value\n    if (value === undefined) {\n      setCurrentValue(previousConfirmedValue ?? '');\n    }\n    // Only reset edit mode if isEditing is not controlled (undefined)\n    if (isEditing === undefined) {\n      blurWithinRef.current = true;\n      setEditMode(false);\n    }\n  }, [previousConfirmedValue, isEditing, setCurrentValue, value]);\n\n  const resetEditState = useCallback(() => {\n    // Only reset edit mode if isEditing is not controlled (undefined)\n    if (isEditing === undefined) {\n      blurWithinRef.current = true;\n      setEditMode(false);\n    }\n  }, [isEditing]);\n\n  const onConfirmHandler = useCallback(\n    async (\n      event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n    ) => {\n      setPreviousConfirmedValue(currentValue);\n      onConfirm?.(currentValue, event);\n      resetEditState();\n    },\n    [onConfirm, currentValue, resetEditState],\n  );\n\n  const onCancelHandler = useCallback(\n    (\n      event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n    ) => {\n      onCancel?.(event);\n      resetToDefaults();\n    },\n    [onCancel, resetToDefaults],\n  );\n\n  const inputID = useMemo(() => {\n    return inputProps?.id ?? randomId(12);\n  }, [inputProps?.id]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (['Enter', 'Escape'].includes(e.key)) {\n        if (e.key === 'Enter') {\n          onConfirmHandler();\n        }\n        if (e.key === 'Escape') {\n          onCancelHandler();\n        }\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    },\n    [onConfirmHandler, onCancelHandler],\n  );\n\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value;\n      setCurrentValue(newValue);\n    },\n    [setCurrentValue],\n  );\n\n  const isInEditMode = isEditing ?? hasEditMode;\n\n  const handleEditClick = useCallback(() => {\n    if (isDisabled === false) {\n      setEditMode(true);\n      blurWithinRef.current = false;\n    }\n  }, [isDisabled]);\n\n  const updateInputWidth = useCallback(() => {\n    if (mirrorRef.current && containerRef.current && !isFluid) {\n      const mirrorWidth = mirrorRef.current.offsetWidth;\n      const newWidth = Math.max(mirrorWidth, MINIMUM_WIDTH);\n      containerRef.current.style.width = `${newWidth}px`;\n    }\n  }, [mirrorRef, containerRef, isFluid]);\n\n  // Width calculation effect\n  useLayoutEffect(() => {\n    updateInputWidth();\n  }, [updateInputWidth, isInEditMode, currentValue]);\n\n  const displayText = currentValue || placeholder;\n\n  return (\n    <Typography\n      as={as ?? 'div'}\n      variant={typographyVariant}\n      className={classNames('ndl-inline-edit', className, {\n        'ndl-disabled': isDisabled,\n        'ndl-fluid': isFluid,\n      })}\n      style={style}\n      ref={ref}\n      htmlAttributes={htmlAttributes}\n    >\n      {Boolean(label) && <label htmlFor={inputID}>{label}</label>}\n      {isInEditMode === true ? (\n        <div\n          className=\"ndl-inline-edit-container\"\n          ref={containerRef}\n          {...focusWithinProps}\n        >\n          {/* Mirror span for measuring width */}\n          <span\n            aria-hidden={true}\n            className=\"ndl-inline-edit-mirror\"\n            ref={mirrorRef}\n          >\n            {displayText}\n          </span>\n          <input\n            {...inputProps}\n            // eslint-disable-next-line jsx-a11y/no-autofocus\n            autoFocus\n            aria-label={typeof label === 'string' ? label : 'Inline edit input'}\n            className={classNames(\n              'ndl-inline-edit-input',\n              inputProps?.className,\n            )}\n            id={inputID}\n            value={currentValue}\n            onChange={handleInputChange}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n          />\n          <div className=\"ndl-inline-edit-buttons\">\n            <IconButton\n              description=\"Accept\"\n              tooltipProps={{\n                root: { placement: 'bottom' },\n              }}\n              onClick={onConfirmHandler}\n              size=\"small\"\n              isFloating={true}\n              htmlAttributes={{\n                onMouseDown: () => {\n                  blurWithinRef.current = true;\n                },\n              }}\n            >\n              <CheckIconOutline />\n            </IconButton>\n            <IconButton\n              description=\"Cancel\"\n              tooltipProps={{\n                root: { placement: 'bottom' },\n              }}\n              onClick={(event) => onCancelHandler(event)}\n              size=\"small\"\n              isFloating={true}\n              htmlAttributes={{\n                onMouseDown: () => {\n                  blurWithinRef.current = true;\n                },\n              }}\n            >\n              <XMarkIconOutline />\n            </IconButton>\n          </div>\n        </div>\n      ) : (\n        <button\n          className={classNames('ndl-inline-idle-container', {\n            'n-text-neutral-text-weaker': displayText === placeholder,\n            'ndl-disabled': isDisabled,\n            'ndl-has-edit-icon': hasEditIcon,\n          })}\n          aria-disabled={isDisabled}\n          disabled={isDisabled}\n          onClick={handleEditClick}\n          style={{\n            minHeight: getMinHeight(typographyVariant),\n          }}\n        >\n          <span className=\"ndl-inline-edit-text\">{displayText}</span>\n          {hasEditIcon && (\n            <PencilIconOutline\n              className=\"ndl-inline-edit-pencil-icon\"\n              style={getIconStyle(typographyVariant)}\n            />\n          )}\n        </button>\n      )}\n    </Typography>\n  );\n};\n"]}
+{"version":3,"file":"InlineEdit.js","sourceRoot":"","sources":["../../../src/inline-edit/InlineEdit.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 classNames from 'classnames';\nimport type React from 'react';\nimport {\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useFocusWithin } from 'react-aria';\n\nimport {\n  type HtmlAttributes,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { useSemicontrolledState } from '../_common/use-semi-controlled-state';\nimport { needleWarningMessage, randomId } from '../_common/utils';\nimport { IconButton } from '../icon-button';\nimport {\n  CheckIconOutline,\n  PencilIconOutline,\n  XMarkIconOutline,\n} from '../icons';\nimport { Typography } from '../typography';\nimport { type TypographyVariants } from '../typography';\nimport { getIconStyle, getMinHeight } from './utils';\n\ntype InlineEditProps = {\n  /** Label text */\n  label?: ReactNode;\n\n  /**\n   * The typographyVariant of the component applied to Typography as its variant.\n   * @default subheading-medium\n   */\n  typographyVariant?: TypographyVariants;\n\n  /**\n   * The default input value. Use for an uncontrolled component.\n   */\n  defaultValue?: string;\n\n  /**\n   * The input value. Makes the component controlled.\n   */\n  value?: string;\n\n  /**\n   * Callback when the input value changes. Must be used when the component is controlled.\n   */\n  onChange?: (value: string) => void;\n\n  /**\n   * Placeholder text displayed when the input is empty.\n   */\n  placeholder: string;\n\n  /**\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * If edit pencil icon should be visible on hover\n   * @default false\n   */\n  hasEditIcon?: boolean;\n\n  /**\n   * If the input is in editing mode\n   * Used in a stateless inline edit\n   * @default undefined\n   */\n  isEditing?: boolean;\n\n  /** Callback when confirm icon button is pressed */\n  onConfirm?: (\n    value: string,\n    event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  ) => void;\n\n  /** Callback when cancel icon button is pressed */\n  onCancel?: (\n    event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  ) => void;\n\n  /**\n   * What the input should do on blur\n   * - \"confirm\" will confirm the value\n   * - \"cancel\" will cancel the value\n   * - \"none\" will do nothing\n   * @default \"confirm\"\n   */\n  blurBehavior?: 'confirm' | 'cancel' | 'none';\n\n  /** props applied to the internal input element */\n  inputProps?: HtmlAttributes<'input'>;\n\n  /**\n   * If the input is fluid\n   * @default false\n   */\n  isFluid?: boolean;\n};\n\n// The input should not be less than this (it does shrink if container is smaller though).\nconst MINIMUM_WIDTH = 320;\n\nexport const InlineEdit = <T extends React.ElementType = 'div'>({\n  as,\n  className,\n  defaultValue,\n  htmlAttributes,\n  label,\n  onChange,\n  onCancel,\n  onConfirm,\n  ref,\n  style,\n  value,\n  hasEditIcon = false,\n  inputProps,\n  isDisabled = false,\n  isEditing,\n  blurBehavior = 'confirm',\n  isFluid = false,\n  typographyVariant = 'subheading-medium',\n  placeholder,\n  ...restProps\n}: PolymorphicCommonProps<T, InlineEditProps>) => {\n  const [hasEditMode, setEditMode] = useState(false);\n\n  const [currentValue, setCurrentValue] = useSemicontrolledState({\n    isControlled: value !== undefined,\n    onChange,\n    state: value ?? defaultValue ?? '',\n  });\n  const [previousConfirmedValue, setPreviousConfirmedValue] =\n    useState(currentValue);\n\n  const mirrorRef = useRef<HTMLSpanElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  /**\n   * This ref is used to prevent the blur behavior from being triggered on mouse down events\n   * on the confirm and cancel buttons. So when true, the blur behavior is not triggered.\n   * This is needed due to Webkit browsers (like Safari) triggering blur on mouse down events.\n   *\n   * It is also used to prevent the blur behavior from being triggered after the component exits edit mode without blur.\n   * This bug caused the handler to be called when something was focused after confirming.\n   */\n  const blurWithinRef = useRef(false);\n\n  // Validate controlled mode requirements\n  useEffect(() => {\n    if (value !== undefined && onChange === undefined) {\n      needleWarningMessage(\n        'onChange prop should be supplied when using controlled mode (value prop is provided).',\n      );\n    }\n  }, [value, onChange]);\n\n  const { focusWithinProps } = useFocusWithin({\n    onBlurWithin: () => {\n      if (blurWithinRef.current) {\n        return;\n      }\n\n      if (blurBehavior === 'confirm') {\n        onConfirmHandler();\n        return;\n      }\n      if (blurBehavior === 'cancel') {\n        onCancelHandler();\n        return;\n      }\n    },\n  });\n\n  const resetToDefaults = useCallback(() => {\n    // In controlled mode, don't reset the value - let the parent manage it\n    // In uncontrolled mode, reset to default value\n    if (value === undefined) {\n      setCurrentValue(previousConfirmedValue ?? '');\n    }\n    // Only reset edit mode if isEditing is not controlled (undefined)\n    if (isEditing === undefined) {\n      blurWithinRef.current = true;\n      setEditMode(false);\n    }\n  }, [previousConfirmedValue, isEditing, setCurrentValue, value]);\n\n  const resetEditState = useCallback(() => {\n    // Only reset edit mode if isEditing is not controlled (undefined)\n    if (isEditing === undefined) {\n      blurWithinRef.current = true;\n      setEditMode(false);\n    }\n  }, [isEditing]);\n\n  const onConfirmHandler = useCallback(\n    async (\n      event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n    ) => {\n      setPreviousConfirmedValue(currentValue);\n      onConfirm?.(currentValue, event);\n      resetEditState();\n    },\n    [onConfirm, currentValue, resetEditState],\n  );\n\n  const onCancelHandler = useCallback(\n    (\n      event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n    ) => {\n      onCancel?.(event);\n      resetToDefaults();\n    },\n    [onCancel, resetToDefaults],\n  );\n\n  const inputID = useMemo(() => {\n    return inputProps?.id ?? randomId(12);\n  }, [inputProps?.id]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (['Enter', 'Escape'].includes(e.key)) {\n        if (e.key === 'Enter') {\n          onConfirmHandler();\n        }\n        if (e.key === 'Escape') {\n          onCancelHandler();\n        }\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    },\n    [onConfirmHandler, onCancelHandler],\n  );\n\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value;\n      setCurrentValue(newValue);\n    },\n    [setCurrentValue],\n  );\n\n  const isInEditMode = isEditing ?? hasEditMode;\n\n  const handleEditClick = useCallback(() => {\n    if (isDisabled === false) {\n      setEditMode(true);\n      blurWithinRef.current = false;\n    }\n  }, [isDisabled]);\n\n  const updateInputWidth = useCallback(() => {\n    if (mirrorRef.current && containerRef.current && !isFluid) {\n      const mirrorWidth = mirrorRef.current.offsetWidth;\n      const newWidth = Math.max(mirrorWidth, MINIMUM_WIDTH);\n      containerRef.current.style.width = `${newWidth}px`;\n    }\n  }, [mirrorRef, containerRef, isFluid]);\n\n  // Width calculation effect\n  useLayoutEffect(() => {\n    updateInputWidth();\n  }, [updateInputWidth, isInEditMode, currentValue]);\n\n  const displayText = currentValue || placeholder;\n\n  return (\n    <Typography\n      as={as ?? 'div'}\n      variant={typographyVariant}\n      className={classNames('ndl-inline-edit', className, {\n        'ndl-disabled': isDisabled,\n        'ndl-fluid': isFluid,\n      })}\n      style={style}\n      ref={ref}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    >\n      {Boolean(label) && <label htmlFor={inputID}>{label}</label>}\n      {isInEditMode === true ? (\n        <div\n          className=\"ndl-inline-edit-container\"\n          ref={containerRef}\n          {...focusWithinProps}\n        >\n          {/* Mirror span for measuring width */}\n          <span\n            aria-hidden={true}\n            className=\"ndl-inline-edit-mirror\"\n            ref={mirrorRef}\n          >\n            {displayText}\n          </span>\n          <input\n            {...inputProps}\n            // eslint-disable-next-line jsx-a11y/no-autofocus\n            autoFocus\n            aria-label={typeof label === 'string' ? label : 'Inline edit input'}\n            className={classNames(\n              'ndl-inline-edit-input',\n              inputProps?.className,\n            )}\n            id={inputID}\n            value={currentValue}\n            onChange={handleInputChange}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n          />\n          <div className=\"ndl-inline-edit-buttons\">\n            <IconButton\n              description=\"Accept\"\n              tooltipProps={{\n                root: { placement: 'bottom' },\n              }}\n              onClick={onConfirmHandler}\n              size=\"small\"\n              isFloating={true}\n              htmlAttributes={{\n                onMouseDown: () => {\n                  blurWithinRef.current = true;\n                },\n              }}\n            >\n              <CheckIconOutline />\n            </IconButton>\n            <IconButton\n              description=\"Cancel\"\n              tooltipProps={{\n                root: { placement: 'bottom' },\n              }}\n              onClick={(event) => onCancelHandler(event)}\n              size=\"small\"\n              isFloating={true}\n              htmlAttributes={{\n                onMouseDown: () => {\n                  blurWithinRef.current = true;\n                },\n              }}\n            >\n              <XMarkIconOutline />\n            </IconButton>\n          </div>\n        </div>\n      ) : (\n        <button\n          className={classNames('ndl-inline-idle-container', {\n            'n-text-neutral-text-weaker': displayText === placeholder,\n            'ndl-disabled': isDisabled,\n            'ndl-has-edit-icon': hasEditIcon,\n          })}\n          aria-disabled={isDisabled}\n          disabled={isDisabled}\n          onClick={handleEditClick}\n          style={{\n            minHeight: getMinHeight(typographyVariant),\n          }}\n        >\n          <span className=\"ndl-inline-edit-text\">{displayText}</span>\n          {hasEditIcon && (\n            <PencilIconOutline\n              className=\"ndl-inline-edit-pencil-icon\"\n              style={getIconStyle(typographyVariant)}\n            />\n          )}\n        </button>\n      )}\n    </Typography>\n  );\n};\n"]}

package/lib/cjs/kbd/Kbd.js

@@ -43,15 +43,17 @@ const Kbd = (_a) => {
     var { modifierKeys, keys, os, as, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["modifierKeys", "keys", "os", "as", "className", "style", "htmlAttributes", "ref"]);
     const Component = as !== null && as !== void 0 ? as : 'span';
     const modifierKeysContent = (0, react_1.useMemo)(() => {
-        if (modifierKeys === undefined)
+        if (modifierKeys === undefined) {
             return null;
+        }
         const keyMap = (0, kbd_utils_1.getKbdKeysMap)(os);
         const labelMap = (0, kbd_utils_1.getKbdKeysLabelMap)(os);
         return modifierKeys === null || modifierKeys === void 0 ? void 0 : modifierKeys.map((key) => ((0, jsx_runtime_1.jsx)("abbr", { className: "ndl-kbd-key", title: labelMap[key], children: keyMap[key] }, key)));
     }, [modifierKeys, os]);
     const keysContent = (0, react_1.useMemo)(() => {
-        if (keys === undefined)
+        if (keys === undefined) {
             return null;
+        }
         return keys === null || keys === void 0 ? void 0 : keys.map((key, index) => {
             if (index === 0) {
                 return ((0, jsx_runtime_1.jsx)("span", { className: "ndl-kbd-key", children: key }, key === null || key === void 0 ? void 0 : key.toString()));
@@ -60,7 +62,7 @@ const Kbd = (_a) => {
         });
     }, [keys]);
     const classes = (0, classnames_1.default)('ndl-kbd', className);
-    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: classes, style: style, ref: ref }, htmlAttributes, restProps, { children: [modifierKeysContent, keysContent] })));
+    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: classes, style: style, ref: ref }, restProps, htmlAttributes, { children: [modifierKeysContent, keysContent] })));
 };
 exports.Kbd = Kbd;
 //# sourceMappingURL=Kbd.js.map

package/lib/cjs/kbd/Kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.js","sourceRoot":"","sources":["../../../src/kbd/Kbd.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AACpC,iCAAgC;AAGhC,2CAKqB;AAiBd,MAAM,GAAG,GAAG,CAAuC,EAUpB,EAAE,EAAE;QAVgB,EACxD,YAAY,EACZ,IAAI,EACJ,EAAE,EACF,EAAE,EACF,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,OAEiC,EADjC,SAAS,cAT4C,mFAUzD,CADa;IAEZ,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,MAAM,CAAC;IAElD,MAAM,mBAAmB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACvC,IAAI,YAAY,KAAK,SAAS;YAAE,OAAO,IAAI,CAAC;QAE5C,MAAM,MAAM,GAAG,IAAA,yBAAa,EAAC,EAAE,CAAC,CAAC;QACjC,MAAM,QAAQ,GAAG,IAAA,8BAAkB,EAAC,EAAE,CAAC,CAAC;QAExC,OAAO,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAChC,iCAAM,SAAS,EAAC,aAAa,EAAW,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,YACzD,MAAM,CAAC,GAAG,CAAC,IADqB,GAAG,CAE/B,CACR,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;IAEvB,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/B,IAAI,IAAI,KAAK,SAAS;YAAE,OAAO,IAAI,CAAC;QAEpC,OAAO,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YAC9B,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;gBAChB,OAAO,CACL,iCAAM,SAAS,EAAC,aAAa,YAC1B,GAAG,IAD6B,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,EAAE,CAE3C,CACR,CAAC;YACJ,CAAC;YACD,OAAO,CACL,6DACE,iCAAM,SAAS,EAAC,cAAc,qBAAY,EAC1C,iCAAM,SAAS,EAAC,aAAa,YAC1B,GAAG,IAD6B,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,EAAE,CAE3C,IACN,CACJ,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACjD,OAAO,CACL,wBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,IACJ,cAAc,EACd,SAAS,eAEZ,mBAAmB,EACnB,WAAW,KACF,CACb,CAAC;AACJ,CAAC,CAAC;AA7DW,QAAA,GAAG,OA6Dd","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 { useMemo } from 'react';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport {\n  getKbdKeysLabelMap,\n  getKbdKeysMap,\n  type KbdKey,\n  type OperatingSystem,\n} from './kbd-utils';\n\ntype KbdProps = {\n  /**\n   * The modifier keys to display in the keyboard shortcut.\n   */\n  modifierKeys?: KbdKey[];\n  /**\n   * The main keys to display in the keyboard shortcut.\n   */\n  keys?: React.ReactNode[];\n  /**\n   * Override the operating system detection for key symbols\n   */\n  os?: OperatingSystem;\n};\n\nexport const Kbd = <T extends React.ElementType = 'span'>({\n  modifierKeys,\n  keys,\n  os,\n  as,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, KbdProps>) => {\n  const Component: React.ElementType = as ?? 'span';\n\n  const modifierKeysContent = useMemo(() => {\n    if (modifierKeys === undefined) return null;\n\n    const keyMap = getKbdKeysMap(os);\n    const labelMap = getKbdKeysLabelMap(os);\n\n    return modifierKeys?.map((key) => (\n      <abbr className=\"ndl-kbd-key\" key={key} title={labelMap[key]}>\n        {keyMap[key]}\n      </abbr>\n    ));\n  }, [modifierKeys, os]);\n\n  const keysContent = useMemo(() => {\n    if (keys === undefined) return null;\n\n    return keys?.map((key, index) => {\n      if (index === 0) {\n        return (\n          <span className=\"ndl-kbd-key\" key={key?.toString()}>\n            {key}\n          </span>\n        );\n      }\n      return (\n        <>\n          <span className=\"ndl-kbd-then\">Then</span>\n          <span className=\"ndl-kbd-key\" key={key?.toString()}>\n            {key}\n          </span>\n        </>\n      );\n    });\n  }, [keys]);\n\n  const classes = classNames('ndl-kbd', className);\n  return (\n    <Component\n      className={classes}\n      style={style}\n      ref={ref}\n      {...htmlAttributes}\n      {...restProps}\n    >\n      {modifierKeysContent}\n      {keysContent}\n    </Component>\n  );\n};\n"]}
+{"version":3,"file":"Kbd.js","sourceRoot":"","sources":["../../../src/kbd/Kbd.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AACpC,iCAAgC;AAGhC,2CAKqB;AAiBd,MAAM,GAAG,GAAG,CAAuC,EAUpB,EAAE,EAAE;QAVgB,EACxD,YAAY,EACZ,IAAI,EACJ,EAAE,EACF,EAAE,EACF,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,OAEiC,EADjC,SAAS,cAT4C,mFAUzD,CADa;IAEZ,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,MAAM,CAAC;IAElD,MAAM,mBAAmB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACvC,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;YAC/B,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,MAAM,GAAG,IAAA,yBAAa,EAAC,EAAE,CAAC,CAAC;QACjC,MAAM,QAAQ,GAAG,IAAA,8BAAkB,EAAC,EAAE,CAAC,CAAC;QAExC,OAAO,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAChC,iCAAM,SAAS,EAAC,aAAa,EAAW,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,YACzD,MAAM,CAAC,GAAG,CAAC,IADqB,GAAG,CAE/B,CACR,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;IAEvB,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/B,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YAC9B,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;gBAChB,OAAO,CACL,iCAAM,SAAS,EAAC,aAAa,YAC1B,GAAG,IAD6B,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,EAAE,CAE3C,CACR,CAAC;YACJ,CAAC;YACD,OAAO,CACL,6DACE,iCAAM,SAAS,EAAC,cAAc,qBAAY,EAC1C,iCAAM,SAAS,EAAC,aAAa,YAC1B,GAAG,IAD6B,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,EAAE,CAE3C,IACN,CACJ,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACjD,OAAO,CACL,wBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,IACJ,SAAS,EACT,cAAc,eAEjB,mBAAmB,EACnB,WAAW,KACF,CACb,CAAC;AACJ,CAAC,CAAC;AAjEW,QAAA,GAAG,OAiEd","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 { useMemo } from 'react';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport {\n  getKbdKeysLabelMap,\n  getKbdKeysMap,\n  type KbdKey,\n  type OperatingSystem,\n} from './kbd-utils';\n\ntype KbdProps = {\n  /**\n   * The modifier keys to display in the keyboard shortcut.\n   */\n  modifierKeys?: KbdKey[];\n  /**\n   * The main keys to display in the keyboard shortcut.\n   */\n  keys?: React.ReactNode[];\n  /**\n   * Override the operating system detection for key symbols\n   */\n  os?: OperatingSystem;\n};\n\nexport const Kbd = <T extends React.ElementType = 'span'>({\n  modifierKeys,\n  keys,\n  os,\n  as,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, KbdProps>) => {\n  const Component: React.ElementType = as ?? 'span';\n\n  const modifierKeysContent = useMemo(() => {\n    if (modifierKeys === undefined) {\n      return null;\n    }\n\n    const keyMap = getKbdKeysMap(os);\n    const labelMap = getKbdKeysLabelMap(os);\n\n    return modifierKeys?.map((key) => (\n      <abbr className=\"ndl-kbd-key\" key={key} title={labelMap[key]}>\n        {keyMap[key]}\n      </abbr>\n    ));\n  }, [modifierKeys, os]);\n\n  const keysContent = useMemo(() => {\n    if (keys === undefined) {\n      return null;\n    }\n\n    return keys?.map((key, index) => {\n      if (index === 0) {\n        return (\n          <span className=\"ndl-kbd-key\" key={key?.toString()}>\n            {key}\n          </span>\n        );\n      }\n      return (\n        <>\n          <span className=\"ndl-kbd-then\">Then</span>\n          <span className=\"ndl-kbd-key\" key={key?.toString()}>\n            {key}\n          </span>\n        </>\n      );\n    });\n  }, [keys]);\n\n  const classes = classNames('ndl-kbd', className);\n  return (\n    <Component\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {modifierKeysContent}\n      {keysContent}\n    </Component>\n  );\n};\n"]}

package/lib/cjs/kbd/stories/kbd.stories.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"kbd.stories.js","sourceRoot":"","sources":["../../../../src/kbd/stories/kbd.stories.tsx"],"names":[],"mappings":";;;AAsBA,uCAAkC;AAClC,yBAA4E;AAE5E,MAAM,aAAa,GAAqB;IACtC,KAAK,EAAE,gBAAgB;IACvB,EAAE,EAAE,gBAAgB;IACpB,SAAS,EAAE,WAAG;IACd,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;KACb;CACF,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,aAAU;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,gBAAa;aACpB;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,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","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 { Kbd } from '../../index';\nimport { KbdDefault, KbdDefaultSrc, KbdSequence, KbdSequenceSrc } from './';\n\nconst componentMeta: Meta<typeof Kbd> = {\n  title: 'Components/Kbd',\n  id: 'components-kbd',\n  component: Kbd,\n  tags: ['docsPage'],\n  parameters: {\n    controls: {},\n  },\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  render: KbdDefault,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: KbdDefaultSrc,\n      },\n    },\n  },\n};\n\nexport const Sequence: Story = {\n  args: {},\n  render: KbdSequence,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: KbdSequenceSrc,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"kbd.stories.js","sourceRoot":"","sources":["../../../../src/kbd/stories/kbd.stories.tsx"],"names":[],"mappings":";;;AAsBA,uCAAkC;AAClC,wBAA2E;AAE3E,MAAM,aAAa,GAAqB;IACtC,KAAK,EAAE,gBAAgB;IACvB,EAAE,EAAE,gBAAgB;IACpB,SAAS,EAAE,WAAG;IACd,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;KACb;CACF,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,aAAU;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,gBAAa;aACpB;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,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","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 { Kbd } from '../../index';\nimport { KbdDefault, KbdDefaultSrc, KbdSequence, KbdSequenceSrc } from '.';\n\nconst componentMeta: Meta<typeof Kbd> = {\n  title: 'Components/Kbd',\n  id: 'components-kbd',\n  component: Kbd,\n  tags: ['docsPage'],\n  parameters: {\n    controls: {},\n  },\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  render: KbdDefault,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: KbdDefaultSrc,\n      },\n    },\n  },\n};\n\nexport const Sequence: Story = {\n  args: {},\n  render: KbdSequence,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: KbdSequenceSrc,\n      },\n    },\n  },\n};\n"]}

package/lib/cjs/loading-bar/LoadingBar.js

@@ -1,4 +1,15 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -26,12 +37,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 const classnames_1 = __importDefault(require("classnames"));
-const LoadingBar = ({ as, hasRail = false, className, htmlAttributes, style, ref, }) => {
+const LoadingBar = (_a) => {
+    var { as, hasRail = false, className, htmlAttributes, style, ref } = _a, restProps = __rest(_a, ["as", "hasRail", "className", "htmlAttributes", "style", "ref"]);
     const Component = as !== null && as !== void 0 ? as : 'div';
     const classes = (0, classnames_1.default)('ndl-loading-bar', className, {
         'ndl-loading-bar-rail': hasRail,
     });
-    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, ref: ref, role: "status", style: style }, htmlAttributes)));
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, ref: ref, role: "status", style: style }, restProps, htmlAttributes)));
 };
 exports.LoadingBar = LoadingBar;
 //# sourceMappingURL=LoadingBar.js.map

package/lib/cjs/loading-bar/LoadingBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingBar.js","sourceRoot":"","sources":["../../../src/loading-bar/LoadingBar.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AAS7B,MAAM,UAAU,GAAG,CAAsC,EAC9D,EAAE,EACF,OAAO,GAAG,KAAK,EACf,SAAS,EACT,cAAc,EACd,KAAK,EACL,GAAG,GACwC,EAAE,EAAE;IAC/C,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,KAAK,CAAC;IACjD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE,SAAS,EAAE;QACvD,sBAAsB,EAAE,OAAO;KAChC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,IACR,cAAc,EAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,UAAU,cAsBrB","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\ntype LoadingBarProps = {\n  hasRail?: boolean;\n};\n\nexport const LoadingBar = <T extends React.ElementType = 'div'>({\n  as,\n  hasRail = false,\n  className,\n  htmlAttributes,\n  style,\n  ref,\n}: PolymorphicCommonProps<T, LoadingBarProps>) => {\n  const Component: React.ElementType = as ?? 'div';\n  const classes = classNames('ndl-loading-bar', className, {\n    'ndl-loading-bar-rail': hasRail,\n  });\n\n  return (\n    <Component\n      className={classes}\n      ref={ref}\n      role=\"status\"\n      style={style}\n      {...htmlAttributes}\n    />\n  );\n};\n"]}
+{"version":3,"file":"LoadingBar.js","sourceRoot":"","sources":["../../../src/loading-bar/LoadingBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AAS7B,MAAM,UAAU,GAAG,CAAsC,EAQnB,EAAE,EAAE;QARe,EAC9D,EAAE,EACF,OAAO,GAAG,KAAK,EACf,SAAS,EACT,cAAc,EACd,KAAK,EACL,GAAG,OAEwC,EADxC,SAAS,cAPkD,gEAQ/D,CADa;IAEZ,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,KAAK,CAAC;IACjD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE,SAAS,EAAE;QACvD,sBAAsB,EAAE,OAAO;KAChC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,IACR,SAAS,EACT,cAAc,EAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,UAAU,cAwBrB","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\ntype LoadingBarProps = {\n  hasRail?: boolean;\n};\n\nexport const LoadingBar = <T extends React.ElementType = 'div'>({\n  as,\n  hasRail = false,\n  className,\n  htmlAttributes,\n  style,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, LoadingBarProps>) => {\n  const Component: React.ElementType = as ?? 'div';\n  const classes = classNames('ndl-loading-bar', className, {\n    'ndl-loading-bar-rail': hasRail,\n  });\n\n  return (\n    <Component\n      className={classes}\n      ref={ref}\n      role=\"status\"\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    />\n  );\n};\n"]}

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

@@ -52,7 +52,7 @@ const LoadingSpinner = (_a) => {
         'ndl-medium': size === 'medium',
         'ndl-large': size === 'large',
     });
-    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, role: "status", "aria-label": "Loading content", "aria-live": "polite", ref: ref }, htmlAttributes, restProps, { children: (0, jsx_runtime_1.jsx)("div", { className: "ndl-spin" }) })));
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, role: "status", "aria-label": "Loading content", "aria-live": "polite", ref: ref }, restProps, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("div", { className: "ndl-spin" }) })));
 };
 exports.LoadingSpinner = LoadingSpinner;
 //# sourceMappingURL=LoadingSpinner.js.map

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,