@neo4j-ndl/react 4.4.0 → 4.4.1

package/lib/cjs/flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/flex/Flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,0CAAyC;AASzC,4CAAyD;AAoDzD;;;GAGG;AACI,MAAM,IAAI,GAAG,CAAwC,EAgBjB,EAAE,EAAE;QAhBa,EAC1D,EAAE,EACF,GAAG,GAAG,GAAG,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,aAAa,GAAG,QAAQ,EACxB,QAAQ,GAAG,QAAQ,EACnB,UAAU,EACV,cAAc,EACd,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,OAEsC,EADtC,SAAS,cAf8C,4KAgB3D,CADa;IAEZ,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,KAAK,CAA8B,CAAC;IAE7D,0BAA0B;IAC1B,6CAA6C;IAC7C,8BAA8B;IAC9B,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,aAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,aAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,MAAM,YAAY,GAAG,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,IAAI,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,EAAE,CAAC;IAEpE,MAAM,eAAe,GAAwB;QAC3C,aAAa;QACb,UAAU;QACV,QAAQ;QACR,cAAc;QACd,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,YAAY;QACjB,YAAY,EAAE,IAAA,iBAAS,EAAC,YAAY,EAAE,cAAc,CAAC;KACtD,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,kCAAO,eAAe,GAAK,KAAK,KACjC,SAAS,EACT,cAAc,cAEjB,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,IAAI,QAgDf","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { tokens } from '@neo4j-ndl/base';\nimport type React from 'react';\n\nimport {\n  type PolymorphicCommonProps,\n  type Radius,\n  type ReactComponent,\n  type Spacing,\n} from '../_common/types';\nimport { getRadius, getSpacing } from '../_common/utils';\n\ntype AllowedFlexElements = 'div' | 'span' | 'ul' | 'ol' | 'li';\n\ntype BaseFlexProps = {\n  /**\n   * @default tokens.space['4']\n   */\n  gap?: Spacing;\n  /**\n   * @default undefined\n   */\n  rowGap?: Spacing;\n  /**\n   * @default undefined\n   */\n  columnGap?: Spacing;\n  /**\n   * @default undefined\n   */\n  borderRadius?: Radius;\n  /**\n   * Flex direction is set to column by default.\n   * The `row-reverse` and `column-reverse` values\n   * are skipped due to accessibility concerns.\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction#accessibility_concerns\n   *\n   * @default row\n   */\n  flexDirection?: Exclude<\n    React.CSSProperties['flexDirection'],\n    'row-reverse' | 'column-reverse'\n  >;\n  /**\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap\n   * @default nowrap\n   */\n  flexWrap?: React.CSSProperties['flexWrap'];\n  /**\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content\n   * @default undefined\n   */\n  justifyContent?: React.CSSProperties['justifyContent'];\n  /**\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items\n   * @default undefined\n   */\n  alignItems?: React.CSSProperties['alignItems'];\n  children?: React.ReactNode;\n  style?: React.CSSProperties;\n};\n\n/**\n * Flex is a general-purpose container that helps\n * lay out components with consistent spacing in a row or column.\n */\nexport const Flex = <T extends AllowedFlexElements = 'div'>({\n  as,\n  gap = '8',\n  rowGap,\n  columnGap,\n  children,\n  borderRadius,\n  flexDirection = 'column',\n  flexWrap = 'nowrap',\n  alignItems,\n  justifyContent,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, BaseFlexProps>) => {\n  const Component = (as || 'div') as unknown as ReactComponent;\n\n  // If gap is not provided,\n  // and rowGap and columnGap are not provided,\n  // then use the default value.\n  const gapPx = getSpacing(gap, 'gap');\n  const rowGapPx = rowGap ? tokens.space[rowGap] : undefined;\n  const columnGapPx = columnGap ? tokens.space[columnGap] : undefined;\n  const gapFormatted = `${rowGapPx ?? gapPx} ${columnGapPx ?? gapPx}`;\n\n  const additionalStyle: React.CSSProperties = {\n    flexDirection,\n    alignItems,\n    flexWrap,\n    justifyContent,\n    display: 'flex',\n    gap: gapFormatted,\n    borderRadius: getRadius(borderRadius, 'borderRadius'),\n  };\n\n  return (\n    <Component\n      ref={ref}\n      className={className}\n      style={{ ...additionalStyle, ...style }}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </Component>\n  );\n};\n"]}
+{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/flex/Flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,0CAAyC;AASzC,4CAAyD;AAoDzD;;;GAGG;AACI,MAAM,IAAI,GAAG,CAAwC,EAgBjB,EAAE,EAAE;QAhBa,EAC1D,EAAE,EACF,GAAG,GAAG,GAAG,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,aAAa,GAAG,QAAQ,EACxB,QAAQ,GAAG,QAAQ,EACnB,UAAU,EACV,cAAc,EACd,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,OAEsC,EADtC,SAAS,cAf8C,4KAgB3D,CADa;IAEZ,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,KAAK,CAA8B,CAAC;IAE7D,0BAA0B;IAC1B,6CAA6C;IAC7C,8BAA8B;IAC9B,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,aAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,aAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,MAAM,YAAY,GAAG,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,IAAI,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,EAAE,CAAC;IAEpE,MAAM,eAAe,GAAwB;QAC3C,UAAU;QACV,YAAY,EAAE,IAAA,iBAAS,EAAC,YAAY,EAAE,cAAc,CAAC;QACrD,OAAO,EAAE,MAAM;QACf,aAAa;QACb,QAAQ;QACR,GAAG,EAAE,YAAY;QACjB,cAAc;KACf,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,kCAAO,eAAe,GAAK,KAAK,KACjC,SAAS,EACT,cAAc,cAEjB,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,IAAI,QAgDf","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { tokens } from '@neo4j-ndl/base';\nimport type React from 'react';\n\nimport {\n  type PolymorphicCommonProps,\n  type Radius,\n  type ReactComponent,\n  type Spacing,\n} from '../_common/types';\nimport { getRadius, getSpacing } from '../_common/utils';\n\ntype AllowedFlexElements = 'div' | 'span' | 'ul' | 'ol' | 'li';\n\ntype BaseFlexProps = {\n  /**\n   * @default tokens.space['4']\n   */\n  gap?: Spacing;\n  /**\n   * @default undefined\n   */\n  rowGap?: Spacing;\n  /**\n   * @default undefined\n   */\n  columnGap?: Spacing;\n  /**\n   * @default undefined\n   */\n  borderRadius?: Radius;\n  /**\n   * Flex direction is set to column by default.\n   * The `row-reverse` and `column-reverse` values\n   * are skipped due to accessibility concerns.\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction#accessibility_concerns\n   *\n   * @default row\n   */\n  flexDirection?: Exclude<\n    React.CSSProperties['flexDirection'],\n    'row-reverse' | 'column-reverse'\n  >;\n  /**\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap\n   * @default nowrap\n   */\n  flexWrap?: React.CSSProperties['flexWrap'];\n  /**\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content\n   * @default undefined\n   */\n  justifyContent?: React.CSSProperties['justifyContent'];\n  /**\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items\n   * @default undefined\n   */\n  alignItems?: React.CSSProperties['alignItems'];\n  children?: React.ReactNode;\n  style?: React.CSSProperties;\n};\n\n/**\n * Flex is a general-purpose container that helps\n * lay out components with consistent spacing in a row or column.\n */\nexport const Flex = <T extends AllowedFlexElements = 'div'>({\n  as,\n  gap = '8',\n  rowGap,\n  columnGap,\n  children,\n  borderRadius,\n  flexDirection = 'column',\n  flexWrap = 'nowrap',\n  alignItems,\n  justifyContent,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, BaseFlexProps>) => {\n  const Component = (as || 'div') as unknown as ReactComponent;\n\n  // If gap is not provided,\n  // and rowGap and columnGap are not provided,\n  // then use the default value.\n  const gapPx = getSpacing(gap, 'gap');\n  const rowGapPx = rowGap ? tokens.space[rowGap] : undefined;\n  const columnGapPx = columnGap ? tokens.space[columnGap] : undefined;\n  const gapFormatted = `${rowGapPx ?? gapPx} ${columnGapPx ?? gapPx}`;\n\n  const additionalStyle: React.CSSProperties = {\n    alignItems,\n    borderRadius: getRadius(borderRadius, 'borderRadius'),\n    display: 'flex',\n    flexDirection,\n    flexWrap,\n    gap: gapFormatted,\n    justifyContent,\n  };\n\n  return (\n    <Component\n      ref={ref}\n      className={className}\n      style={{ ...additionalStyle, ...style }}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </Component>\n  );\n};\n"]}

package/lib/cjs/graph-label/stories/graph-label.stories.js

@@ -26,107 +26,107 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const index_1 = require("../../index");
 const _1 = require(".");
 const componentMeta = {
-    title: 'Components/GraphLabel',
-    id: 'components-graph-label',
     component: index_1.GraphLabel,
-    tags: ['docsPage'],
-    parameters: {
-        controls: { disable: true },
-    },
     decorators: [
         (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-center", children: (0, jsx_runtime_1.jsx)(Story, {}) })),
     ],
+    id: 'components-graph-label',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/GraphLabel',
 };
 exports.default = componentMeta;
 exports.Types = {
     args: {},
-    render: _1.GraphLabelTypes,
     parameters: {
         docs: {
             source: {
+                code: _1.GraphLabelTypesSource,
                 language: 'tsx',
                 type: 'code',
-                code: _1.GraphLabelTypesSource,
             },
         },
     },
+    render: _1.GraphLabelTypes,
 };
 exports.Color = {
     args: {},
-    render: _1.GraphLabelColor,
     parameters: {
         docs: {
             source: {
+                code: _1.GraphLabelColorSource,
                 language: 'tsx',
                 type: 'code',
-                code: _1.GraphLabelColorSource,
             },
         },
     },
+    render: _1.GraphLabelColor,
 };
 exports.Sizes = {
     args: {},
-    render: _1.GraphLabelSizes,
     parameters: {
         docs: {
             source: {
+                code: _1.GraphLabelSizesSource,
                 language: 'tsx',
                 type: 'code',
-                code: _1.GraphLabelSizesSource,
             },
         },
     },
+    render: _1.GraphLabelSizes,
 };
 exports.Fluid = {
     args: {},
-    render: _1.GraphLabelFluid,
     parameters: {
         docs: {
             source: {
+                code: _1.GraphLabelFluidSource,
                 language: 'tsx',
                 type: 'code',
-                code: _1.GraphLabelFluidSource,
             },
         },
     },
+    render: _1.GraphLabelFluid,
 };
 exports.NonInteractive = {
     args: {},
-    render: _1.GraphLabelNonInteractive,
     parameters: {
         docs: {
             source: {
+                code: _1.GraphLabelNonInteractiveSource,
                 language: 'tsx',
                 type: 'code',
-                code: _1.GraphLabelNonInteractiveSource,
             },
         },
     },
+    render: _1.GraphLabelNonInteractive,
 };
 exports.Disabled = {
     args: {},
-    render: _1.GraphLabelDisabled,
     parameters: {
         docs: {
             source: {
+                code: _1.GraphLabelDisabledSource,
                 language: 'tsx',
                 type: 'code',
-                code: _1.GraphLabelDisabledSource,
             },
         },
     },
+    render: _1.GraphLabelDisabled,
 };
 exports.Selected = {
     args: {},
-    render: _1.GraphLabelSelected,
     parameters: {
         docs: {
             source: {
+                code: _1.GraphLabelSelectedSource,
                 language: 'tsx',
                 type: 'code',
-                code: _1.GraphLabelSelectedSource,
             },
         },
     },
+    render: _1.GraphLabelSelected,
 };
 //# sourceMappingURL=graph-label.stories.js.map

package/lib/cjs/graph-label/stories/graph-label.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"graph-label.stories.js","sourceRoot":"","sources":["../../../../src/graph-label/stories/graph-label.stories.tsx"],"names":[],"mappings":";;;;AAuBA,uCAAyC;AACzC,wBAeW;AAEX,MAAM,aAAa,GAA4B;IAC7C,KAAK,EAAE,uBAAuB;IAC9B,EAAE,EAAE,wBAAwB;IAC5B,SAAS,EAAE,kBAAU;IACrB,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,KAAK,GAAU;IAC1B,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,wBAAqB;aAC5B;SACF;KACF;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,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,wBAAqB;aAC5B;SACF;KACF;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,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,wBAAqB;aAC5B;SACF;KACF;CACF,CAAC;AACW,QAAA,KAAK,GAAU;IAC1B,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,wBAAqB;aAC5B;SACF;KACF;CACF,CAAC;AAEW,QAAA,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,2BAAwB;IAChC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,iCAA8B;aACrC;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,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,2BAAwB;aAC/B;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,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,2BAAwB;aAC/B;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 */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { GraphLabel } from '../../index';\nimport {\n  GraphLabelColor,\n  GraphLabelColorSource,\n  GraphLabelDisabled,\n  GraphLabelDisabledSource,\n  GraphLabelFluid,\n  GraphLabelFluidSource,\n  GraphLabelNonInteractive,\n  GraphLabelNonInteractiveSource,\n  GraphLabelSelected,\n  GraphLabelSelectedSource,\n  GraphLabelSizes,\n  GraphLabelSizesSource,\n  GraphLabelTypes,\n  GraphLabelTypesSource,\n} from '.';\n\nconst componentMeta: Meta<typeof GraphLabel> = {\n  title: 'Components/GraphLabel',\n  id: 'components-graph-label',\n  component: GraphLabel,\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 Types: Story = {\n  args: {},\n  render: GraphLabelTypes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: GraphLabelTypesSource,\n      },\n    },\n  },\n};\n\nexport const Color: Story = {\n  args: {},\n  render: GraphLabelColor,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: GraphLabelColorSource,\n      },\n    },\n  },\n};\n\nexport const Sizes: Story = {\n  args: {},\n  render: GraphLabelSizes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: GraphLabelSizesSource,\n      },\n    },\n  },\n};\nexport const Fluid: Story = {\n  args: {},\n  render: GraphLabelFluid,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: GraphLabelFluidSource,\n      },\n    },\n  },\n};\n\nexport const NonInteractive: Story = {\n  args: {},\n  render: GraphLabelNonInteractive,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: GraphLabelNonInteractiveSource,\n      },\n    },\n  },\n};\n\nexport const Disabled: Story = {\n  args: {},\n  render: GraphLabelDisabled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: GraphLabelDisabledSource,\n      },\n    },\n  },\n};\n\nexport const Selected: Story = {\n  args: {},\n  render: GraphLabelSelected,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: GraphLabelSelectedSource,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"graph-label.stories.js","sourceRoot":"","sources":["../../../../src/graph-label/stories/graph-label.stories.tsx"],"names":[],"mappings":";;;;AAuBA,uCAAyC;AACzC,wBAeW;AAEX,MAAM,aAAa,GAA4B;IAC7C,SAAS,EAAE,kBAAU;IACrB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,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;CAC/B,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAqB;gBAC3B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAe;CACxB,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAqB;gBAC3B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAe;CACxB,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAqB;gBAC3B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAe;CACxB,CAAC;AACW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAqB;gBAC3B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAe;CACxB,CAAC;AAEW,QAAA,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,iCAA8B;gBACpC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,2BAAwB;CACjC,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,2BAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,2BAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { GraphLabel } from '../../index';\nimport {\n  GraphLabelColor,\n  GraphLabelColorSource,\n  GraphLabelDisabled,\n  GraphLabelDisabledSource,\n  GraphLabelFluid,\n  GraphLabelFluidSource,\n  GraphLabelNonInteractive,\n  GraphLabelNonInteractiveSource,\n  GraphLabelSelected,\n  GraphLabelSelectedSource,\n  GraphLabelSizes,\n  GraphLabelSizesSource,\n  GraphLabelTypes,\n  GraphLabelTypesSource,\n} from '.';\n\nconst componentMeta: Meta<typeof GraphLabel> = {\n  component: GraphLabel,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-graph-label',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/GraphLabel',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Types: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: GraphLabelTypesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: GraphLabelTypes,\n};\n\nexport const Color: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: GraphLabelColorSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: GraphLabelColor,\n};\n\nexport const Sizes: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: GraphLabelSizesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: GraphLabelSizes,\n};\nexport const Fluid: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: GraphLabelFluidSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: GraphLabelFluid,\n};\n\nexport const NonInteractive: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: GraphLabelNonInteractiveSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: GraphLabelNonInteractive,\n};\n\nexport const Disabled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: GraphLabelDisabledSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: GraphLabelDisabled,\n};\n\nexport const Selected: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: GraphLabelSelectedSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: GraphLabelSelected,\n};\n"]}

package/lib/cjs/hooks/index.js

@@ -68,7 +68,7 @@ function usePrevious(value) {
  */
 function useEffectDebugger(effectHook, dependencies, dependencyNames = []) {
     const previousDeps = usePrevious(dependencies);
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // oxlint-disable-next-line @typescript-eslint/no-explicit-any
     const changedDeps = dependencies.reduce((accum, dependency, index) => {
         if (previousDeps === undefined) {
             return accum;
@@ -79,8 +79,8 @@ function useEffectDebugger(effectHook, dependencies, dependencyNames = []) {
         if (dependency !== previousDeps[index]) {
             const keyName = dependencyNames[index] || index;
             return Object.assign(Object.assign({}, accum), { [keyName]: {
-                    before: previousDeps[index],
                     after: dependency,
+                    before: previousDeps[index],
                 } });
         }
         return accum;
@@ -124,8 +124,8 @@ const useRenderDebugger = (componentName, propsAndStates) => {
         Object.entries(propsAndStates).forEach(([key, newValue]) => {
             if (prev.current[key] !== newValue) {
                 changedPropsOrState[key] = {
-                    old: prev.current[key],
                     new: newValue,
+                    old: prev.current[key],
                 };
             }
         }, {});

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"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 { useEffect, useRef } from 'react';\n\nexport {\n  useDebounceValue,\n  useDebounceCallback,\n  useWindowSize,\n  useOnClickOutside,\n  useInterval,\n  useMediaQuery,\n  useCopyToClipboard,\n  useScrollLock,\n  useEventListener,\n  useResizeObserver,\n} from 'usehooks-ts';\n\n/**\n * Below are hooks that cannot be found in `usehooks-ts`\n * but are used in some projects.\n * 1. usePrevious\n * 2. useEffectDebugger\n * 3. useRenderCount\n */\n\n/**\n * The `usePrevious` hook tracks a variable's previous value in a functional component,\n * useful for comparing current and past values to trigger actions or render changes.\n */\nexport function usePrevious<T>(value: T): T | null {\n  // The ref object is a generic container whose current property is mutable\n  // and can hold any value, similar to an instance property on a class\n\n  const ref = useRef<T>(null);\n  // Store current value in ref\n  useEffect(() => {\n    ref.current = value;\n  }, [value]); // Only re-run if value changes\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n\n/**\n * The `useEffectDebugger` hook is a wrapper around the `useEffect` hook\n * that logs the dependencies of the effect when they change.\n *\n * Uses the `usePrevious` hook.\n *\n * Source: https://stackoverflow.com/a/59843241/3247715\n */\nexport function useEffectDebugger(\n  effectHook: React.EffectCallback,\n  dependencies: unknown[],\n  dependencyNames: string[] = [],\n) {\n  const previousDeps = usePrevious(dependencies);\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const changedDeps: any = dependencies.reduce((accum, dependency, index) => {\n    if (previousDeps === undefined) {\n      return accum;\n    }\n    if (previousDeps === null) {\n      return accum;\n    }\n    if (dependency !== previousDeps[index]) {\n      const keyName = dependencyNames[index] || index;\n      return {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        ...(accum as any),\n        [keyName]: {\n          before: previousDeps[index],\n          after: dependency,\n        },\n      };\n    }\n\n    return accum;\n  }, {});\n\n  if (Object.keys(changedDeps).length) {\n    console.info('[use-effect-debugger] ', changedDeps);\n  }\n\n  useEffect(() => {\n    return effectHook();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, dependencies);\n}\n\n/**\n * The `useRenderCount` hook returns the number of times a component has rendered.\n */\nexport function useRenderCount() {\n  const count = useRef(0);\n\n  count.current++;\n\n  return count.current;\n}\n\n/**\n * The `useRenderDebugger` outputs to console what props or states are causing a render (or re-render) of a component\n * if all relevant props and states variables are passed to the hook.\n * For debugging purposes only.\n *\n * Howto use:\n * Place the hook at the top of the component you want to debug and call it like this:\n * useRenderDebugger('MyComponent', props);\n *\n * if there are state variables include them as well:\n *\n * useRenderDebugger('MyComponent', { ...props, stateVar1, stateVar2 });\n *\n * @param componentName Name of the component to debug\n * @param propsAndStates an object containing all props and states variables of the component\n */\nexport const useRenderDebugger = (\n  componentName: string,\n  propsAndStates: Record<string, unknown>,\n) => {\n  const prev = useRef(propsAndStates);\n\n  useEffect(() => {\n    const changedPropsOrState: Record<string, { old: unknown; new: unknown }> =\n      {};\n\n    Object.entries(propsAndStates).forEach(\n      ([key, newValue]: [string, unknown]) => {\n        if (prev.current[key] !== newValue) {\n          changedPropsOrState[key] = {\n            old: prev.current[key],\n            new: newValue,\n          };\n        }\n      },\n      {},\n    );\n\n    if (Object.keys(changedPropsOrState).length > 0) {\n      console.debug(\n        `[${componentName}] Re-rendered due to:`,\n        changedPropsOrState,\n      );\n    }\n\n    prev.current = propsAndStates;\n  });\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AA+CA,kCAWC;AAUD,8CAsCC;AAKD,wCAMC;AArHD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iCAA0C;AAE1C,2CAWqB;AAVnB,+GAAA,gBAAgB,OAAA;AAChB,kHAAA,mBAAmB,OAAA;AACnB,4GAAA,aAAa,OAAA;AACb,gHAAA,iBAAiB,OAAA;AACjB,0GAAA,WAAW,OAAA;AACX,4GAAA,aAAa,OAAA;AACb,iHAAA,kBAAkB,OAAA;AAClB,4GAAA,aAAa,OAAA;AACb,+GAAA,gBAAgB,OAAA;AAChB,gHAAA,iBAAiB,OAAA;AAGnB;;;;;;GAMG;AAEH;;;GAGG;AACH,SAAgB,WAAW,CAAI,KAAQ;IACrC,0EAA0E;IAC1E,qEAAqE;IAErE,MAAM,GAAG,GAAG,IAAA,cAAM,EAAI,IAAI,CAAC,CAAC;IAC5B,6BAA6B;IAC7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,+BAA+B;IAC5C,mEAAmE;IACnE,OAAO,GAAG,CAAC,OAAO,CAAC;AACrB,CAAC;AAED;;;;;;;GAOG;AACH,SAAgB,iBAAiB,CAC/B,UAAgC,EAChC,YAAuB,EACvB,kBAA4B,EAAE;IAE9B,MAAM,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IAE/C,8DAA8D;IAC9D,MAAM,WAAW,GAAQ,YAAY,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE;QACxE,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;YAC/B,OAAO,KAAK,CAAC;QACf,CAAC;QACD,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;YAC1B,OAAO,KAAK,CAAC;QACf,CAAC;QACD,IAAI,UAAU,KAAK,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;YACvC,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;YAChD,uCAEM,KAAa,KACjB,CAAC,OAAO,CAAC,EAAE;oBACT,KAAK,EAAE,UAAU;oBACjB,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC;iBAC5B,IACD;QACJ,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,CAAC;QACpC,OAAO,CAAC,IAAI,CAAC,wBAAwB,EAAE,WAAW,CAAC,CAAC;IACtD,CAAC;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,UAAU,EAAE,CAAC;QACpB,uDAAuD;IACzD,CAAC,EAAE,YAAY,CAAC,CAAC;AACnB,CAAC;AAED;;GAEG;AACH,SAAgB,cAAc;IAC5B,MAAM,KAAK,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAC;IAExB,KAAK,CAAC,OAAO,EAAE,CAAC;IAEhB,OAAO,KAAK,CAAC,OAAO,CAAC;AACvB,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACI,MAAM,iBAAiB,GAAG,CAC/B,aAAqB,EACrB,cAAuC,EACvC,EAAE;IACF,MAAM,IAAI,GAAG,IAAA,cAAM,EAAC,cAAc,CAAC,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,mBAAmB,GACvB,EAAE,CAAC;QAEL,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,OAAO,CACpC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAoB,EAAE,EAAE;YACrC,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,QAAQ,EAAE,CAAC;gBACnC,mBAAmB,CAAC,GAAG,CAAC,GAAG;oBACzB,GAAG,EAAE,QAAQ;oBACb,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;iBACvB,CAAC;YACJ,CAAC;QACH,CAAC,EACD,EAAE,CACH,CAAC;QAEF,IAAI,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAChD,OAAO,CAAC,KAAK,CACX,IAAI,aAAa,uBAAuB,EACxC,mBAAmB,CACpB,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC;IAChC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AA/BW,QAAA,iBAAiB,qBA+B5B","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 { useEffect, useRef } from 'react';\n\nexport {\n  useDebounceValue,\n  useDebounceCallback,\n  useWindowSize,\n  useOnClickOutside,\n  useInterval,\n  useMediaQuery,\n  useCopyToClipboard,\n  useScrollLock,\n  useEventListener,\n  useResizeObserver,\n} from 'usehooks-ts';\n\n/**\n * Below are hooks that cannot be found in `usehooks-ts`\n * but are used in some projects.\n * 1. usePrevious\n * 2. useEffectDebugger\n * 3. useRenderCount\n */\n\n/**\n * The `usePrevious` hook tracks a variable's previous value in a functional component,\n * useful for comparing current and past values to trigger actions or render changes.\n */\nexport function usePrevious<T>(value: T): T | null {\n  // The ref object is a generic container whose current property is mutable\n  // and can hold any value, similar to an instance property on a class\n\n  const ref = useRef<T>(null);\n  // Store current value in ref\n  useEffect(() => {\n    ref.current = value;\n  }, [value]); // Only re-run if value changes\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n\n/**\n * The `useEffectDebugger` hook is a wrapper around the `useEffect` hook\n * that logs the dependencies of the effect when they change.\n *\n * Uses the `usePrevious` hook.\n *\n * Source: https://stackoverflow.com/a/59843241/3247715\n */\nexport function useEffectDebugger(\n  effectHook: React.EffectCallback,\n  dependencies: unknown[],\n  dependencyNames: string[] = [],\n) {\n  const previousDeps = usePrevious(dependencies);\n\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  const changedDeps: any = dependencies.reduce((accum, dependency, index) => {\n    if (previousDeps === undefined) {\n      return accum;\n    }\n    if (previousDeps === null) {\n      return accum;\n    }\n    if (dependency !== previousDeps[index]) {\n      const keyName = dependencyNames[index] || index;\n      return {\n        // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n        ...(accum as any),\n        [keyName]: {\n          after: dependency,\n          before: previousDeps[index],\n        },\n      };\n    }\n\n    return accum;\n  }, {});\n\n  if (Object.keys(changedDeps).length) {\n    console.info('[use-effect-debugger] ', changedDeps);\n  }\n\n  useEffect(() => {\n    return effectHook();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, dependencies);\n}\n\n/**\n * The `useRenderCount` hook returns the number of times a component has rendered.\n */\nexport function useRenderCount() {\n  const count = useRef(0);\n\n  count.current++;\n\n  return count.current;\n}\n\n/**\n * The `useRenderDebugger` outputs to console what props or states are causing a render (or re-render) of a component\n * if all relevant props and states variables are passed to the hook.\n * For debugging purposes only.\n *\n * Howto use:\n * Place the hook at the top of the component you want to debug and call it like this:\n * useRenderDebugger('MyComponent', props);\n *\n * if there are state variables include them as well:\n *\n * useRenderDebugger('MyComponent', { ...props, stateVar1, stateVar2 });\n *\n * @param componentName Name of the component to debug\n * @param propsAndStates an object containing all props and states variables of the component\n */\nexport const useRenderDebugger = (\n  componentName: string,\n  propsAndStates: Record<string, unknown>,\n) => {\n  const prev = useRef(propsAndStates);\n\n  useEffect(() => {\n    const changedPropsOrState: Record<string, { old: unknown; new: unknown }> =\n      {};\n\n    Object.entries(propsAndStates).forEach(\n      ([key, newValue]: [string, unknown]) => {\n        if (prev.current[key] !== newValue) {\n          changedPropsOrState[key] = {\n            new: newValue,\n            old: prev.current[key],\n          };\n        }\n      },\n      {},\n    );\n\n    if (Object.keys(changedPropsOrState).length > 0) {\n      console.debug(\n        `[${componentName}] Re-rendered due to:`,\n        changedPropsOrState,\n      );\n    }\n\n    prev.current = propsAndStates;\n  });\n};\n"]}

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

@@ -51,85 +51,85 @@ exports.Default = {
 exports.Active = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: _1.IconButtonActive,
     parameters: {
         docs: {
             source: {
+                code: _1.IconButtonActiveSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.IconButtonActiveSrc,
             },
         },
     },
+    render: _1.IconButtonActive,
 };
 exports.Disabled = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: _1.IconButtonDisabled,
     parameters: {
         docs: {
             source: {
+                code: _1.IconButtonDisabledSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.IconButtonDisabledSrc,
             },
         },
     },
+    render: _1.IconButtonDisabled,
 };
 exports.Floating = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: _1.IconButtonFloating,
     parameters: {
         docs: {
             source: {
+                code: _1.IconButtonFloatingSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.IconButtonFloatingSrc,
             },
         },
     },
+    render: _1.IconButtonFloating,
 };
 exports.Loading = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: _1.IconButtonLoading,
     parameters: {
         docs: {
             source: {
+                code: _1.IconButtonLoadingSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.IconButtonLoadingSrc,
             },
         },
     },
+    render: _1.IconButtonLoading,
 };
 exports.Sizes = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: _1.IconButtonSizes,
     parameters: {
         docs: {
             source: {
+                code: _1.IconButtonSizesSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.IconButtonSizesSrc,
             },
         },
     },
+    render: _1.IconButtonSizes,
 };
 exports.Tone = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: _1.IconButtonTone,
     parameters: {
         docs: {
             source: {
+                code: _1.IconButtonToneSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.IconButtonToneSrc,
             },
         },
     },
+    render: _1.IconButtonTone,
 };
 //# sourceMappingURL=icon-button.stories.js.map

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,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"]}
+{"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,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAqB;gBAC3B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAqB;gBAC3B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,CAAC;AAEW,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,KAAK,GAAU;IAC1B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,qBAAkB;gBACxB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAe;CACxB,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,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  parameters: {\n    docs: {\n      source: {\n        code: IconButtonActiveSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonActive,\n};\n\nexport const Disabled: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonDisabledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonDisabled,\n};\n\nexport const Floating: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonFloatingSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonFloating,\n};\n\nexport const Loading: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonLoadingSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonLoading,\n};\n\nexport const Sizes: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonSizesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonSizes,\n};\n\nexport const Tone: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonToneSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonTone,\n};\n"]}

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

@@ -26,81 +26,81 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const index_1 = require("../../index");
 const _1 = require(".");
 const componentMeta = {
-    title: 'Components/IconButtonArray',
-    id: 'components-buttons-icon-array',
     component: index_1.IconButtonArray,
-    tags: ['docsPage'],
-    parameters: {
-        controls: { disable: true },
-    },
     decorators: [
         (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-center", children: (0, jsx_runtime_1.jsx)(Story, {}) })),
     ],
+    id: 'components-buttons-icon-array',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/IconButtonArray',
 };
 exports.default = componentMeta;
 exports.Horizontal = {
     args: {},
-    render: _1.IconButtonArrayHorizontal,
     parameters: {
         docs: {
             source: {
+                code: _1.IconButtonArrayHorizontalSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.IconButtonArrayHorizontalSrc,
             },
         },
     },
+    render: _1.IconButtonArrayHorizontal,
 };
 exports.Vertical = {
     args: {},
-    render: _1.IconButtonArrayVertical,
     parameters: {
         docs: {
             source: {
+                code: _1.IconButtonArrayVerticalSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.IconButtonArrayVerticalSrc,
             },
         },
     },
+    render: _1.IconButtonArrayVertical,
 };
 exports.Floating = {
     args: {},
-    render: _1.IconButtonArrayFloating,
     parameters: {
         docs: {
             source: {
+                code: _1.IconButtonArrayFloatingSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.IconButtonArrayFloatingSrc,
             },
         },
     },
+    render: _1.IconButtonArrayFloating,
 };
 exports.Collapsiable = {
     args: {},
-    render: _1.IconButtonArrayCollapsible,
     parameters: {
         docs: {
             source: {
+                code: _1.IconButtonArrayCollapsibleSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.IconButtonArrayCollapsibleSrc,
             },
         },
     },
+    render: _1.IconButtonArrayCollapsible,
 };
 exports.Sizes = {
     args: {},
-    render: _1.IconButtonArraySizes,
     parameters: {
         docs: {
             source: {
+                code: _1.IconButtonArraySizesSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.IconButtonArraySizesSrc,
             },
         },
     },
+    render: _1.IconButtonArraySizes,
 };
 //# sourceMappingURL=icon-button-array.stories.js.map

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,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"]}
+{"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,SAAS,EAAE,uBAAe;IAC1B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,EAAE,EAAE,+BAA+B;IACnC,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,4BAA4B;CACpC,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,+BAA4B;gBAClC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,4BAAyB;CAClC,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,6BAA0B;gBAChC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,0BAAuB;CAChC,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,6BAA0B;gBAChC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,0BAAuB;CAChC,CAAC;AAEW,QAAA,YAAY,GAAU;IACjC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,gCAA6B;gBACnC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,6BAA0B;CACnC,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,0BAAuB;gBAC7B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,uBAAoB;CAC7B,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  component: IconButtonArray,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-buttons-icon-array',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/IconButtonArray',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Horizontal: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonArrayHorizontalSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonArrayHorizontal,\n};\n\nexport const Vertical: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonArrayVerticalSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonArrayVertical,\n};\n\nexport const Floating: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonArrayFloatingSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonArrayFloating,\n};\n\nexport const Collapsiable: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonArrayCollapsibleSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonArrayCollapsible,\n};\n\nexport const Sizes: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: IconButtonArraySizesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: IconButtonArraySizes,\n};\n"]}

package/lib/cjs/icons/wrapIcon.js

@@ -47,7 +47,7 @@ const ICON_CLASSNAME = 'ndl-icon-svg';
 function wrapIcon(Original) {
     const Wrapped = (_a) => {
         var { className = '', style, ref, htmlAttributes } = _a, restProps = __rest(_a, ["className", "style", "ref", "htmlAttributes"])
-        // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+        // oxlint-disable-next-line @typescript-eslint/no-empty-object-type
         ;
         return (
         // @ts-expect-error – Original is of any type and we don't know what props it accepts

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

@@ -1 +1 @@
-{"version":3,"file":"wrapIcon.js","sourceRoot":"","sources":["../../../src/icons/wrapIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiCA,4BAsBC;;AAvDD;;;;;;;;;;;;;;;;;;;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,iBACtC,MAAM,IACd,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      aria-hidden=\"true\"\n      {...restProps}\n      {...htmlAttributes}\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,4BAsBC;;AAvDD;;;;;;;;;;;;;;;;;;;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,iBACtC,MAAM,IACd,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    // oxlint-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      aria-hidden=\"true\"\n      {...restProps}\n      {...htmlAttributes}\n      ref={ref}\n    />\n  );\n\n  return React.memo(Wrapped);\n}\n"]}

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

@@ -25,39 +25,39 @@ exports.Sequence = exports.Default = void 0;
 const index_1 = require("../../index");
 const _1 = require(".");
 const componentMeta = {
-    title: 'Components/Kbd',
-    id: 'components-kbd',
     component: index_1.Kbd,
-    tags: ['docsPage'],
+    id: 'components-kbd',
     parameters: {
         controls: {},
     },
+    tags: ['docsPage'],
+    title: 'Components/Kbd',
 };
 exports.default = componentMeta;
 exports.Default = {
     args: {},
-    render: _1.KbdDefault,
     parameters: {
         docs: {
             source: {
+                code: _1.KbdDefaultSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.KbdDefaultSrc,
             },
         },
     },
+    render: _1.KbdDefault,
 };
 exports.Sequence = {
     args: {},
-    render: _1.KbdSequence,
     parameters: {
         docs: {
             source: {
+                code: _1.KbdSequenceSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.KbdSequenceSrc,
             },
         },
     },
+    render: _1.KbdSequence,
 };
 //# sourceMappingURL=kbd.stories.js.map

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,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"]}
+{"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,SAAS,EAAE,WAAG;IACd,EAAE,EAAE,gBAAgB;IACpB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;KACb;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,gBAAgB;CACxB,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,gBAAa;gBACnB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,aAAU;CACnB,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAc;gBACpB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,cAAW;CACpB,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  component: Kbd,\n  id: 'components-kbd',\n  parameters: {\n    controls: {},\n  },\n  tags: ['docsPage'],\n  title: 'Components/Kbd',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: KbdDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: KbdDefault,\n};\n\nexport const Sequence: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: KbdSequenceSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: KbdSequence,\n};\n"]}

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

@@ -48,9 +48,9 @@ const LoadingSpinner = (_a) => {
     var { as, size = 'small', className, htmlAttributes, ref } = _a, restProps = __rest(_a, ["as", "size", "className", "htmlAttributes", "ref"]);
     const Component = as || 'div';
     const classes = (0, classnames_1.default)('ndl-spin-wrapper', className, {
-        'ndl-small': size === 'small',
-        'ndl-medium': size === 'medium',
         'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
+        'ndl-small': size === 'small',
     });
     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" }) })));
 };

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,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"]}
+{"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-large': size === 'large',\n    'ndl-medium': size === 'medium',\n    'ndl-small': size === 'small',\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"]}