@neo4j-ndl/react 4.3.6 → 4.4.1

package/lib/esm/accordion/stories/accordion.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.stories.js","sourceRoot":"","sources":["../../../../src/accordion/stories/accordion.stories.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 { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Accordion } from '../../index';\nimport {\n  AccordionCleanItems,\n  AccordionCleanItemsSrc,\n  AccordionDefault,\n  AccordionDefaultSrc,\n  AccordionFull,\n  AccordionFullSrc,\n  AccordionMultipleExpanded,\n  AccordionMultipleExpandedSrc,\n  AccordionRightContent,\n  AccordionRightContentSrc,\n  AccordionSingleExpanded,\n  AccordionSingleExpandedSrc,\n} from '.';\n\nconst componentMeta = {\n  title: 'Components/Accordion',\n  id: 'components-accordion',\n  component: Accordion,\n  tags: ['docsPage'],\n  parameters: {\n    controls: { disable: true },\n  },\n} satisfies Meta<typeof Accordion>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {\n    children: undefined,\n    isMultiple: undefined,\n    expandedItemId: null,\n    onChange: () => undefined,\n  },\n  render: AccordionDefault,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AccordionDefaultSrc,\n      },\n    },\n  },\n};\n\nexport const SingleExpanded: Story = {\n  args: {\n    children: undefined,\n    isMultiple: undefined,\n    expandedItemId: null,\n    onChange: () => undefined,\n  },\n  render: AccordionSingleExpanded,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AccordionSingleExpandedSrc,\n      },\n    },\n  },\n};\n\nexport const MultipleExpanded: Story = {\n  args: {\n    children: undefined,\n    isMultiple: undefined,\n    expandedItemId: null,\n    onChange: () => undefined,\n  },\n  render: AccordionMultipleExpanded,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AccordionMultipleExpandedSrc,\n      },\n    },\n  },\n};\n\nexport const CleanItems: Story = {\n  args: {\n    children: undefined,\n    isMultiple: undefined,\n    expandedItemId: null,\n    onChange: () => undefined,\n  },\n  render: AccordionCleanItems,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AccordionCleanItemsSrc,\n      },\n    },\n  },\n};\n\nexport const RightContent: Story = {\n  args: {\n    children: undefined,\n    isMultiple: undefined,\n    expandedItemId: null,\n    onChange: () => undefined,\n  },\n  render: AccordionRightContent,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AccordionRightContentSrc,\n      },\n    },\n  },\n};\n\nexport const Full: Story = {\n  args: {\n    children: undefined,\n    isMultiple: undefined,\n    expandedItemId: null,\n    onChange: () => undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AccordionFullSrc,\n      },\n    },\n  },\n  render: AccordionFull,\n};\n"]}
+{"version":3,"file":"accordion.stories.js","sourceRoot":"","sources":["../../../../src/accordion/stories/accordion.stories.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,yBAAyB,EACzB,4BAA4B,EAC5B,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,SAAS;IACpB,EAAE,EAAE,sBAAsB;IAC1B,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,sBAAsB;CACG,CAAC;AAEnC,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,IAAI;QACpB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;KAC1B;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,gBAAgB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,IAAI;QACpB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;KAC1B;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,0BAA0B;gBAChC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,uBAAuB;CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,IAAI;QACpB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;KAC1B;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,4BAA4B;gBAClC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,yBAAyB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,IAAI;QACpB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;KAC1B;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAmB;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,IAAI;QACpB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;KAC1B;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAqB;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,IAAI;QACpB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;KAC1B;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,gBAAgB;gBACtB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,aAAa;CACtB,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 { Accordion } from '../../index';\nimport {\n  AccordionCleanItems,\n  AccordionCleanItemsSrc,\n  AccordionDefault,\n  AccordionDefaultSrc,\n  AccordionFull,\n  AccordionFullSrc,\n  AccordionMultipleExpanded,\n  AccordionMultipleExpandedSrc,\n  AccordionRightContent,\n  AccordionRightContentSrc,\n  AccordionSingleExpanded,\n  AccordionSingleExpandedSrc,\n} from '.';\n\nconst componentMeta = {\n  component: Accordion,\n  id: 'components-accordion',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Accordion',\n} satisfies Meta<typeof Accordion>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {\n    children: undefined,\n    expandedItemId: null,\n    isMultiple: undefined,\n    onChange: () => undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: AccordionDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AccordionDefault,\n};\n\nexport const SingleExpanded: Story = {\n  args: {\n    children: undefined,\n    expandedItemId: null,\n    isMultiple: undefined,\n    onChange: () => undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: AccordionSingleExpandedSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AccordionSingleExpanded,\n};\n\nexport const MultipleExpanded: Story = {\n  args: {\n    children: undefined,\n    expandedItemId: null,\n    isMultiple: undefined,\n    onChange: () => undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: AccordionMultipleExpandedSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AccordionMultipleExpanded,\n};\n\nexport const CleanItems: Story = {\n  args: {\n    children: undefined,\n    expandedItemId: null,\n    isMultiple: undefined,\n    onChange: () => undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: AccordionCleanItemsSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AccordionCleanItems,\n};\n\nexport const RightContent: Story = {\n  args: {\n    children: undefined,\n    expandedItemId: null,\n    isMultiple: undefined,\n    onChange: () => undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: AccordionRightContentSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AccordionRightContent,\n};\n\nexport const Full: Story = {\n  args: {\n    children: undefined,\n    expandedItemId: null,\n    isMultiple: undefined,\n    onChange: () => undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: AccordionFullSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AccordionFull,\n};\n"]}

package/lib/esm/ai/presence/Presence.js

@@ -41,6 +41,7 @@ const Presence = (_a) => {
     const { theme } = useNeedleTheme();
     const Component = theme === 'light' ? Neo4JAiColorLightIcon : Neo4JAiColorDarkIcon;
     return (_jsx(Component, Object.assign({ ref: ref, className: classes, style: style, htmlAttributes: htmlAttributes }, (isThinking === true && {
+        'aria-hidden': 'false',
         'aria-label': 'Thinking',
         'aria-live': 'polite',
         role: 'status',

package/lib/esm/ai/presence/Presence.js.map

@@ -1 +1 @@
-{"version":3,"file":"Presence.js","sourceRoot":"","sources":["../../../../src/ai/presence/Presence.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,QAAQ,GAAG,CAAC,EAOkB,EAAE,EAAE;QAPtB,EAChB,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,cAAc,EACd,GAAG,OAE+B,EAD/B,SAAS,cANI,6DAOjB,CADa;IAEZ,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACvD,cAAc,EAAE,UAAU,KAAK,IAAI;KACpC,CAAC,CAAC;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,CAAC;IAEnC,MAAM,SAAS,GACb,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAEnE,OAAO,CACL,KAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,IAC1B,CAAC,UAAU,KAAK,IAAI,IAAI;QAC1B,YAAY,EAAE,UAAU;QACxB,WAAW,EAAE,QAAQ;QACrB,IAAI,EAAE,QAAQ;KACf,CAAC,EACE,SAAS,EACb,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,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 { useNeedleTheme } from '@neo4j-ndl/react';\nimport {\n  Neo4JAiColorDarkIcon,\n  Neo4JAiColorLightIcon,\n} from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\n\nimport type { CommonProps } from '../../_common/types';\n\ntype PresenceProps = {\n  /** Whether the AI is thinking. Animates the underlying SVG */\n  isThinking?: boolean;\n};\n\nconst Presence = ({\n  className,\n  isThinking = false,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'svg', PresenceProps>) => {\n  const classes = classNames('ndl-ai-presence', className, {\n    'ndl-thinking': isThinking === true,\n  });\n  const { theme } = useNeedleTheme();\n\n  const Component =\n    theme === 'light' ? Neo4JAiColorLightIcon : Neo4JAiColorDarkIcon;\n\n  return (\n    <Component\n      ref={ref}\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...(isThinking === true && {\n        'aria-label': 'Thinking',\n        'aria-live': 'polite',\n        role: 'status',\n      })}\n      {...restProps}\n    />\n  );\n};\n\nPresence.displayName = 'Presence';\n\nexport { Presence };\n"]}
+{"version":3,"file":"Presence.js","sourceRoot":"","sources":["../../../../src/ai/presence/Presence.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,QAAQ,GAAG,CAAC,EAOkB,EAAE,EAAE;QAPtB,EAChB,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,cAAc,EACd,GAAG,OAE+B,EAD/B,SAAS,cANI,6DAOjB,CADa;IAEZ,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACvD,cAAc,EAAE,UAAU,KAAK,IAAI;KACpC,CAAC,CAAC;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,CAAC;IAEnC,MAAM,SAAS,GACb,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAEnE,OAAO,CACL,KAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,IAC1B,CAAC,UAAU,KAAK,IAAI,IAAI;QAC1B,aAAa,EAAE,OAAO;QACtB,YAAY,EAAE,UAAU;QACxB,WAAW,EAAE,QAAQ;QACrB,IAAI,EAAE,QAAQ;KACf,CAAC,EACE,SAAS,EACb,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,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 { useNeedleTheme } from '@neo4j-ndl/react';\nimport {\n  Neo4JAiColorDarkIcon,\n  Neo4JAiColorLightIcon,\n} from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\n\nimport type { CommonProps } from '../../_common/types';\n\ntype PresenceProps = {\n  /** Whether the AI is thinking. Animates the underlying SVG */\n  isThinking?: boolean;\n};\n\nconst Presence = ({\n  className,\n  isThinking = false,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'svg', PresenceProps>) => {\n  const classes = classNames('ndl-ai-presence', className, {\n    'ndl-thinking': isThinking === true,\n  });\n  const { theme } = useNeedleTheme();\n\n  const Component =\n    theme === 'light' ? Neo4JAiColorLightIcon : Neo4JAiColorDarkIcon;\n\n  return (\n    <Component\n      ref={ref}\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...(isThinking === true && {\n        'aria-hidden': 'false',\n        'aria-label': 'Thinking',\n        'aria-live': 'polite',\n        role: 'status',\n      })}\n      {...restProps}\n    />\n  );\n};\n\nPresence.displayName = 'Presence';\n\nexport { Presence };\n"]}

package/lib/esm/avatar/stories/avatar.stories.js

@@ -23,100 +23,100 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Avatar } from '../../index';
 import { AvatarDefault, AvatarDefaultSource, AvatarDisabled, AvatarDisabledSource, AvatarShapes, AvatarShapesSource, AvatarSizes, AvatarSizesSource, AvatarStatuses, AvatarStatusesSource, AvatarTypes, AvatarTypesSource, } from '.';
 const componentMeta = {
-    title: 'Components/Avatar',
-    id: 'components-avatar',
     component: Avatar,
-    tags: ['docsPage'],
-    parameters: {
-        controls: { disable: true },
-    },
     decorators: [
         (Story) => (_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Story, {}) })),
     ],
+    id: 'components-avatar',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/Avatar',
 };
 export default componentMeta;
 export const Default = {
     // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
-    render: AvatarDefault,
     parameters: {
         docs: {
             source: {
+                code: AvatarDefaultSource,
                 language: 'tsx',
                 type: 'code',
-                code: AvatarDefaultSource,
             },
         },
     },
+    render: AvatarDefault,
 };
 export const Disabled = {
     // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
-    render: AvatarDisabled,
     parameters: {
         docs: {
             source: {
+                code: AvatarDisabledSource,
                 language: 'tsx',
                 type: 'code',
-                code: AvatarDisabledSource,
             },
         },
     },
+    render: AvatarDisabled,
 };
 export const Shapes = {
     // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
-    render: AvatarShapes,
     parameters: {
         docs: {
             source: {
+                code: AvatarShapesSource,
                 language: 'tsx',
                 type: 'code',
-                code: AvatarShapesSource,
             },
         },
     },
+    render: AvatarShapes,
 };
 export const Sizes = {
     // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
-    render: AvatarSizes,
     parameters: {
         docs: {
             source: {
+                code: AvatarSizesSource,
                 language: 'tsx',
                 type: 'code',
-                code: AvatarSizesSource,
             },
         },
     },
+    render: AvatarSizes,
 };
 export const Statuses = {
     // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
-    render: AvatarStatuses,
     parameters: {
         docs: {
             source: {
+                code: AvatarStatusesSource,
                 language: 'tsx',
                 type: 'code',
-                code: AvatarStatusesSource,
             },
         },
     },
+    render: AvatarStatuses,
 };
 export const Types = {
     // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
-    render: AvatarTypes,
     parameters: {
         docs: {
             source: {
+                code: AvatarTypesSource,
                 language: 'tsx',
                 type: 'code',
-                code: AvatarTypesSource,
             },
         },
     },
+    render: AvatarTypes,
 };
 //# sourceMappingURL=avatar.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.stories.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar.stories.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,oBAAoB,EACpB,WAAW,EACX,iBAAiB,GAClB,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAwB;IACzC,KAAK,EAAE,mBAAmB;IAC1B,EAAE,EAAE,mBAAmB;IACvB,SAAS,EAAE,MAAM;IACjB,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,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,KAAK,KAAG,GACL,CACP;KACF;CAC4B,CAAC;AAEhC,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,aAAa;IACrB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,mBAAmB;aAC1B;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,cAAc;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,oBAAoB;aAC3B;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,kBAAkB;aACzB;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,WAAW;IACnB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,iBAAiB;aACxB;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,cAAc;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,oBAAoB;aAC3B;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,WAAW;IACnB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,iBAAiB;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 */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Avatar } from '../../index';\nimport {\n  AvatarDefault,\n  AvatarDefaultSource,\n  AvatarDisabled,\n  AvatarDisabledSource,\n  AvatarShapes,\n  AvatarShapesSource,\n  AvatarSizes,\n  AvatarSizesSource,\n  AvatarStatuses,\n  AvatarStatusesSource,\n  AvatarTypes,\n  AvatarTypesSource,\n} from '.';\n\nconst componentMeta: Meta<typeof Avatar> = {\n  title: 'Components/Avatar',\n  id: 'components-avatar',\n  component: Avatar,\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} satisfies Meta<typeof Avatar>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  render: AvatarDefault,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AvatarDefaultSource,\n      },\n    },\n  },\n};\n\nexport const Disabled: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  render: AvatarDisabled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AvatarDisabledSource,\n      },\n    },\n  },\n};\n\nexport const Shapes: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  render: AvatarShapes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AvatarShapesSource,\n      },\n    },\n  },\n};\n\nexport const Sizes: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  render: AvatarSizes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AvatarSizesSource,\n      },\n    },\n  },\n};\n\nexport const Statuses: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  render: AvatarStatuses,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AvatarStatusesSource,\n      },\n    },\n  },\n};\n\nexport const Types: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  render: AvatarTypes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AvatarTypesSource,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"avatar.stories.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar.stories.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,oBAAoB,EACpB,WAAW,EACX,iBAAiB,GAClB,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAwB;IACzC,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,EAAE,EAAE,mBAAmB;IACvB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,mBAAmB;CACG,CAAC;AAEhC,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,aAAa;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,cAAc;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kBAAkB;gBACxB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,YAAY;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,cAAc;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,WAAW;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 */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Avatar } from '../../index';\nimport {\n  AvatarDefault,\n  AvatarDefaultSource,\n  AvatarDisabled,\n  AvatarDisabledSource,\n  AvatarShapes,\n  AvatarShapesSource,\n  AvatarSizes,\n  AvatarSizesSource,\n  AvatarStatuses,\n  AvatarStatusesSource,\n  AvatarTypes,\n  AvatarTypesSource,\n} from '.';\n\nconst componentMeta: Meta<typeof Avatar> = {\n  component: Avatar,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-avatar',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Avatar',\n} satisfies Meta<typeof Avatar>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: AvatarDefaultSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AvatarDefault,\n};\n\nexport const Disabled: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: AvatarDisabledSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AvatarDisabled,\n};\n\nexport const Shapes: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: AvatarShapesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AvatarShapes,\n};\n\nexport const Sizes: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: AvatarSizesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AvatarSizes,\n};\n\nexport const Statuses: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: AvatarStatusesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AvatarStatuses,\n};\n\nexport const Types: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: AvatarTypesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AvatarTypes,\n};\n"]}

package/lib/esm/banner/Banner.js

@@ -85,7 +85,7 @@ const BannerComponent = (_a) => {
             onClose(e);
         }
     };
-    return (_jsxs(Element, Object.assign({ className: classes, role: isAlert ? (isCloseable ? 'alertdialog' : 'alert') : undefined, ref: ref }, restProps, htmlAttributes, { children: [hasIcon && _jsx(StatusIcon, { variant: variant }), _jsx("div", { className: "ndl-banner-content", children: children }), isCloseable && (_jsx(CleanIconButton, { size: "small", onClick: handleClose, description: "Close", children: _jsx(XMarkIconOutline, {}) }))] })));
+    return (_jsxs(Element, Object.assign({ className: classes, role: isAlert ? 'alert' : undefined, ref: ref }, restProps, htmlAttributes, { children: [hasIcon && _jsx(StatusIcon, { variant: variant }), _jsx("div", { className: "ndl-banner-content", children: children }), isCloseable && (_jsx(CleanIconButton, { size: "small", onClick: handleClose, description: "Close", children: _jsx(XMarkIconOutline, {}) }))] })));
 };
 const Banner = Object.assign(BannerComponent, {
     Actions: BannerActions,

package/lib/esm/banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/banner/Banner.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';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport {\n  BoltIconOutline,\n  CheckCircleIconSolid,\n  ExclamationCircleIconSolid,\n  ExclamationTriangleIconSolid,\n  InformationCircleIconSolid,\n  XMarkIconOutline,\n} from '../icons';\nimport { Typography } from '../typography';\n/**\n *\n *\n * Types\n *\n *\n */\n\ntype BannerCommonProps = {\n  /** Shows a status icon. The icon is based on the value of the `variant` prop */\n  hasIcon?: boolean;\n\n  /** Content to be shown in the banner. */\n  children?: React.ReactNode;\n\n  /** Sets the role to alert or alertdialog, based on the value of `isCloseable` */\n  isAlert?: boolean;\n\n  /** How the banner is used. */\n  usage?: 'inline' | 'global';\n\n  /** The variant of the banner */\n  variant?: BannerVariant;\n};\n\ntype CloseableBannerProps = {\n  /** If the banner is closeable. Renders an icon button in the top right corner */\n  isCloseable: true;\n\n  /** Event handler for when the close icon is clicked */\n  onClose: (\n    e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  ) => void;\n};\n\ntype NonCloseableBannerProps = {\n  isCloseable?: false;\n  onClose?: never;\n};\n\ntype BannerCloseProps = CloseableBannerProps | NonCloseableBannerProps;\n\ntype BannerProps = BannerCommonProps & BannerCloseProps;\ntype BannerVariant = 'info' | 'success' | 'warning' | 'danger' | 'neutral';\n\nconst StatusIcon = ({ variant }: { variant: BannerVariant }) => {\n  const iconComponent = (() => {\n    switch (variant) {\n      case 'success':\n        return <CheckCircleIconSolid />;\n      case 'warning':\n        return <ExclamationTriangleIconSolid />;\n      case 'danger':\n        return <ExclamationCircleIconSolid />;\n      case 'info':\n        return <InformationCircleIconSolid />;\n      case 'neutral':\n        return <BoltIconOutline />;\n      default:\n        return null;\n    }\n  })();\n\n  return <div className=\"ndl-banner-status-icon\">{iconComponent}</div>;\n};\n\nconst BannerHeader = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'span', { children: React.ReactNode }>) => {\n  const classes = classNames('ndl-banner-header', className);\n  return (\n    <Typography\n      as=\"span\"\n      variant=\"title-4\"\n      className={classes}\n      style={style}\n      ref={ref}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nconst BannerDescription = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', { children: React.ReactNode }>) => {\n  const classes = classNames('ndl-banner-description', className);\n  return (\n    <Typography\n      as=\"div\"\n      variant=\"body-medium\"\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nconst BannerActions = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', { children: React.ReactNode }>) => {\n  const classes = classNames('ndl-banner-actions', className);\n  return (\n    <div\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst BannerComponent = <T extends React.ElementType = 'section'>({\n  as,\n  variant = 'info',\n  hasIcon = false,\n  onClose,\n  className,\n  children,\n  isCloseable = false,\n  usage = 'inline',\n  htmlAttributes,\n  isAlert = false,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, BannerProps>) => {\n  const Element: React.ElementType = as ?? 'section';\n\n  const classes = classNames('ndl-banner', className, {\n    'ndl-danger': variant === 'danger',\n    'ndl-global': usage === 'global',\n    'ndl-info': variant === 'info',\n    'ndl-inline': usage === 'inline',\n    'ndl-neutral': variant === 'neutral',\n    'ndl-success': variant === 'success',\n    'ndl-warning': variant === 'warning',\n  });\n\n  const handleClose = (\n    e:\n      | React.MouseEvent<HTMLElement, MouseEvent>\n      | React.KeyboardEvent<HTMLElement>,\n  ) => {\n    if (onClose && typeof onClose === 'function') {\n      onClose(e);\n    }\n  };\n\n  return (\n    <Element\n      className={classes}\n      role={isAlert ? (isCloseable ? 'alertdialog' : 'alert') : undefined}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {hasIcon && <StatusIcon variant={variant} />}\n      <div className=\"ndl-banner-content\">{children}</div>\n      {isCloseable && (\n        <CleanIconButton size=\"small\" onClick={handleClose} description=\"Close\">\n          <XMarkIconOutline />\n        </CleanIconButton>\n      )}\n    </Element>\n  );\n};\n\nconst Banner = Object.assign(BannerComponent, {\n  Actions: BannerActions,\n  Description: BannerDescription,\n  Header: BannerHeader,\n});\n\nexport { Banner };\n"]}
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/banner/Banner.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';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport {\n  BoltIconOutline,\n  CheckCircleIconSolid,\n  ExclamationCircleIconSolid,\n  ExclamationTriangleIconSolid,\n  InformationCircleIconSolid,\n  XMarkIconOutline,\n} from '../icons';\nimport { Typography } from '../typography';\n/**\n *\n *\n * Types\n *\n *\n */\n\ntype BannerCommonProps = {\n  /** Shows a status icon. The icon is based on the value of the `variant` prop */\n  hasIcon?: boolean;\n\n  /** Content to be shown in the banner. */\n  children?: React.ReactNode;\n\n  /** Sets the role to alert or alertdialog, based on the value of `isCloseable` */\n  isAlert?: boolean;\n\n  /** How the banner is used. */\n  usage?: 'inline' | 'global';\n\n  /** The variant of the banner */\n  variant?: BannerVariant;\n};\n\ntype CloseableBannerProps = {\n  /** If the banner is closeable. Renders an icon button in the top right corner */\n  isCloseable: true;\n\n  /** Event handler for when the close icon is clicked */\n  onClose: (\n    e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  ) => void;\n};\n\ntype NonCloseableBannerProps = {\n  isCloseable?: false;\n  onClose?: never;\n};\n\ntype BannerCloseProps = CloseableBannerProps | NonCloseableBannerProps;\n\ntype BannerProps = BannerCommonProps & BannerCloseProps;\ntype BannerVariant = 'info' | 'success' | 'warning' | 'danger' | 'neutral';\n\nconst StatusIcon = ({ variant }: { variant: BannerVariant }) => {\n  const iconComponent = (() => {\n    switch (variant) {\n      case 'success':\n        return <CheckCircleIconSolid />;\n      case 'warning':\n        return <ExclamationTriangleIconSolid />;\n      case 'danger':\n        return <ExclamationCircleIconSolid />;\n      case 'info':\n        return <InformationCircleIconSolid />;\n      case 'neutral':\n        return <BoltIconOutline />;\n      default:\n        return null;\n    }\n  })();\n\n  return <div className=\"ndl-banner-status-icon\">{iconComponent}</div>;\n};\n\nconst BannerHeader = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'span', { children: React.ReactNode }>) => {\n  const classes = classNames('ndl-banner-header', className);\n  return (\n    <Typography\n      as=\"span\"\n      variant=\"title-4\"\n      className={classes}\n      style={style}\n      ref={ref}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nconst BannerDescription = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', { children: React.ReactNode }>) => {\n  const classes = classNames('ndl-banner-description', className);\n  return (\n    <Typography\n      as=\"div\"\n      variant=\"body-medium\"\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nconst BannerActions = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', { children: React.ReactNode }>) => {\n  const classes = classNames('ndl-banner-actions', className);\n  return (\n    <div\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst BannerComponent = <T extends React.ElementType = 'section'>({\n  as,\n  variant = 'info',\n  hasIcon = false,\n  onClose,\n  className,\n  children,\n  isCloseable = false,\n  usage = 'inline',\n  htmlAttributes,\n  isAlert = false,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, BannerProps>) => {\n  const Element: React.ElementType = as ?? 'section';\n\n  const classes = classNames('ndl-banner', className, {\n    'ndl-danger': variant === 'danger',\n    'ndl-global': usage === 'global',\n    'ndl-info': variant === 'info',\n    'ndl-inline': usage === 'inline',\n    'ndl-neutral': variant === 'neutral',\n    'ndl-success': variant === 'success',\n    'ndl-warning': variant === 'warning',\n  });\n\n  const handleClose = (\n    e:\n      | React.MouseEvent<HTMLElement, MouseEvent>\n      | React.KeyboardEvent<HTMLElement>,\n  ) => {\n    if (onClose && typeof onClose === 'function') {\n      onClose(e);\n    }\n  };\n\n  return (\n    <Element\n      className={classes}\n      role={isAlert ? 'alert' : undefined}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {hasIcon && <StatusIcon variant={variant} />}\n      <div className=\"ndl-banner-content\">{children}</div>\n      {isCloseable && (\n        <CleanIconButton size=\"small\" onClick={handleClose} description=\"Close\">\n          <XMarkIconOutline />\n        </CleanIconButton>\n      )}\n    </Element>\n  );\n};\n\nconst Banner = Object.assign(BannerComponent, {\n  Actions: BannerActions,\n  Description: BannerDescription,\n  Header: BannerHeader,\n});\n\nexport { Banner };\n"]}

package/lib/esm/breadcrumbs/stories/breadcrumbs.stories.js

@@ -22,12 +22,12 @@ import { Breadcrumbs } from '@neo4j-ndl/react';
 import { BreadcrumbsEllipses, BreadcrumbsEllipsesSrc, BreadcrumbsHeader, BreadcrumbsHeaderSrc, BreadcrumbsPages, BreadcrumbsPagesSrc, BreadcrumbsSteps, BreadcrumbsStepsSrc, } from '.';
 const componentMeta = {
     component: Breadcrumbs,
+    id: 'components-breadcrumbs',
     parameters: {
         controls: { disable: true },
     },
     tags: ['docsPage'],
     title: 'Components/Breadcrumbs',
-    id: 'components-breadcrumbs',
 };
 export default componentMeta;
 export const HeaderNavigation = {

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.stories.js","sourceRoot":"","sources":["../../../../src/breadcrumbs/stories/breadcrumbs.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,wBAAwB;IAC/B,EAAE,EAAE,wBAAwB;CACM,CAAC;AAErC,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAiB;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,gBAAgB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACxC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,gBAAgB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAmB;CAC5B,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 { Breadcrumbs } from '@neo4j-ndl/react';\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport {\n  BreadcrumbsEllipses,\n  BreadcrumbsEllipsesSrc,\n  BreadcrumbsHeader,\n  BreadcrumbsHeaderSrc,\n  BreadcrumbsPages,\n  BreadcrumbsPagesSrc,\n  BreadcrumbsSteps,\n  BreadcrumbsStepsSrc,\n} from '.';\n\nconst componentMeta = {\n  component: Breadcrumbs,\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Breadcrumbs',\n  id: 'components-breadcrumbs',\n} satisfies Meta<typeof Breadcrumbs>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const HeaderNavigation: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: BreadcrumbsHeaderSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BreadcrumbsHeader,\n};\n\nexport const PageNavigation: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: BreadcrumbsPagesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BreadcrumbsPages,\n};\n\nexport const MultiStepNavigation: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: BreadcrumbsStepsSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BreadcrumbsSteps,\n};\n\nexport const Ellipses: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: BreadcrumbsEllipsesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BreadcrumbsEllipses,\n};\n"]}
+{"version":3,"file":"breadcrumbs.stories.js","sourceRoot":"","sources":["../../../../src/breadcrumbs/stories/breadcrumbs.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,WAAW;IACtB,EAAE,EAAE,wBAAwB;IAC5B,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,wBAAwB;CACG,CAAC;AAErC,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAiB;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,gBAAgB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACxC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,gBAAgB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAmB;CAC5B,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 { Breadcrumbs } from '@neo4j-ndl/react';\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport {\n  BreadcrumbsEllipses,\n  BreadcrumbsEllipsesSrc,\n  BreadcrumbsHeader,\n  BreadcrumbsHeaderSrc,\n  BreadcrumbsPages,\n  BreadcrumbsPagesSrc,\n  BreadcrumbsSteps,\n  BreadcrumbsStepsSrc,\n} from '.';\n\nconst componentMeta = {\n  component: Breadcrumbs,\n  id: 'components-breadcrumbs',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Breadcrumbs',\n} satisfies Meta<typeof Breadcrumbs>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const HeaderNavigation: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: BreadcrumbsHeaderSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BreadcrumbsHeader,\n};\n\nexport const PageNavigation: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: BreadcrumbsPagesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BreadcrumbsPages,\n};\n\nexport const MultiStepNavigation: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: BreadcrumbsStepsSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BreadcrumbsSteps,\n};\n\nexport const Ellipses: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: BreadcrumbsEllipsesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BreadcrumbsEllipses,\n};\n"]}

package/lib/esm/checkbox/stories/checkbox-full.story.js

@@ -25,16 +25,16 @@ import { useState } from 'react';
 const Component = () => {
     const [childCheckboxes, setChildCheckboxes] = useState({
         childOne: false,
-        childTwo: false,
         childThree: true,
+        childTwo: false,
     });
     const handleParentCheckboxChange = (event) => {
         const isChecked = event.target.checked;
         // Update child checkboxes based on parent checkbox state.
         setChildCheckboxes({
             childOne: isChecked,
-            childTwo: isChecked,
             childThree: isChecked,
+            childTwo: isChecked,
         });
     };
     const handleChildCheckboxChange = (childKey) => {

package/lib/esm/checkbox/stories/checkbox-full.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-full.story.js","sourceRoot":"","sources":["../../../../src/checkbox/stories/checkbox-full.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC;QACrD,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,MAAM,0BAA0B,GAAG,CACjC,KAA0C,EAC1C,EAAE;QACF,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QAEvC,0DAA0D;QAC1D,kBAAkB,CAAC;YACjB,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,SAAS;SACtB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAChC,QAAsC,EACtC,EAAE;QACF,wCAAwC;QACxC,kBAAkB,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,iCAC7B,SAAS,KACZ,CAAC,QAAQ,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,IAChC,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,KAAK,CAC1D,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CACnC,CAAC;IAEF,MAAM,qBAAqB,GACzB,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC;QACvE,CAAC,eAAe,CAAC;IAEnB,OAAO,CACL,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,QAAQ,IACP,SAAS,EAAE,eAAe,EAC1B,eAAe,EAAE,qBAAqB,EACtC,KAAK,EAAC,iBAAiB,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,0BAA0B,CAAC,KAAK,CAAC,CAAC;gBACpC,CAAC,GACD,EACF,KAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,eAAe,CAAC,QAAQ,EACnC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,UAAU,CAAC,GACrD,EACF,KAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,eAAe,CAAC,QAAQ,EACnC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,UAAU,CAAC,GACrD,EACF,KAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,eAAe,CAAC,UAAU,EACrC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,YAAY,CAAC,GACvD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Checkbox } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [childCheckboxes, setChildCheckboxes] = useState({\n    childOne: false,\n    childTwo: false,\n    childThree: true,\n  });\n\n  const handleParentCheckboxChange = (\n    event: React.ChangeEvent<HTMLInputElement>,\n  ) => {\n    const isChecked = event.target.checked;\n\n    // Update child checkboxes based on parent checkbox state.\n    setChildCheckboxes({\n      childOne: isChecked,\n      childTwo: isChecked,\n      childThree: isChecked,\n    });\n  };\n\n  const handleChildCheckboxChange = (\n    childKey: keyof typeof childCheckboxes,\n  ) => {\n    // Set currently clicked child checkbox.\n    setChildCheckboxes((prevState) => ({\n      ...prevState,\n      [childKey]: !prevState[childKey],\n    }));\n  };\n\n  const isParentChecked = Object.values(childCheckboxes).every(\n    (isChildChecked) => isChildChecked,\n  );\n\n  const isParentIndeterminate =\n    Object.values(childCheckboxes).some((isChildChecked) => isChildChecked) &&\n    !isParentChecked;\n\n  return (\n    <div className=\"n-flex n-flex-col n-items-start n-gap-1\">\n      <Checkbox\n        isChecked={isParentChecked}\n        isIndeterminate={isParentIndeterminate}\n        label=\"Parent checkbox\"\n        onChange={(event) => {\n          handleParentCheckboxChange(event);\n        }}\n      />\n      <Checkbox\n        className=\"n-ml-7\"\n        isChecked={childCheckboxes.childOne}\n        label=\"Child checkbox 1\"\n        onChange={() => handleChildCheckboxChange('childOne')}\n      />\n      <Checkbox\n        className=\"n-ml-7\"\n        isChecked={childCheckboxes.childTwo}\n        label=\"Child checkbox 2\"\n        onChange={() => handleChildCheckboxChange('childTwo')}\n      />\n      <Checkbox\n        className=\"n-ml-7\"\n        isChecked={childCheckboxes.childThree}\n        label=\"Child checkbox 3\"\n        onChange={() => handleChildCheckboxChange('childThree')}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"checkbox-full.story.js","sourceRoot":"","sources":["../../../../src/checkbox/stories/checkbox-full.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC;QACrD,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IAEH,MAAM,0BAA0B,GAAG,CACjC,KAA0C,EAC1C,EAAE;QACF,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QAEvC,0DAA0D;QAC1D,kBAAkB,CAAC;YACjB,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,SAAS;SACpB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAChC,QAAsC,EACtC,EAAE;QACF,wCAAwC;QACxC,kBAAkB,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,iCAC7B,SAAS,KACZ,CAAC,QAAQ,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,IAChC,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,KAAK,CAC1D,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CACnC,CAAC;IAEF,MAAM,qBAAqB,GACzB,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC;QACvE,CAAC,eAAe,CAAC;IAEnB,OAAO,CACL,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,QAAQ,IACP,SAAS,EAAE,eAAe,EAC1B,eAAe,EAAE,qBAAqB,EACtC,KAAK,EAAC,iBAAiB,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,0BAA0B,CAAC,KAAK,CAAC,CAAC;gBACpC,CAAC,GACD,EACF,KAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,eAAe,CAAC,QAAQ,EACnC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,UAAU,CAAC,GACrD,EACF,KAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,eAAe,CAAC,QAAQ,EACnC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,UAAU,CAAC,GACrD,EACF,KAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,eAAe,CAAC,UAAU,EACrC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,YAAY,CAAC,GACvD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Checkbox } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [childCheckboxes, setChildCheckboxes] = useState({\n    childOne: false,\n    childThree: true,\n    childTwo: false,\n  });\n\n  const handleParentCheckboxChange = (\n    event: React.ChangeEvent<HTMLInputElement>,\n  ) => {\n    const isChecked = event.target.checked;\n\n    // Update child checkboxes based on parent checkbox state.\n    setChildCheckboxes({\n      childOne: isChecked,\n      childThree: isChecked,\n      childTwo: isChecked,\n    });\n  };\n\n  const handleChildCheckboxChange = (\n    childKey: keyof typeof childCheckboxes,\n  ) => {\n    // Set currently clicked child checkbox.\n    setChildCheckboxes((prevState) => ({\n      ...prevState,\n      [childKey]: !prevState[childKey],\n    }));\n  };\n\n  const isParentChecked = Object.values(childCheckboxes).every(\n    (isChildChecked) => isChildChecked,\n  );\n\n  const isParentIndeterminate =\n    Object.values(childCheckboxes).some((isChildChecked) => isChildChecked) &&\n    !isParentChecked;\n\n  return (\n    <div className=\"n-flex n-flex-col n-items-start n-gap-1\">\n      <Checkbox\n        isChecked={isParentChecked}\n        isIndeterminate={isParentIndeterminate}\n        label=\"Parent checkbox\"\n        onChange={(event) => {\n          handleParentCheckboxChange(event);\n        }}\n      />\n      <Checkbox\n        className=\"n-ml-7\"\n        isChecked={childCheckboxes.childOne}\n        label=\"Child checkbox 1\"\n        onChange={() => handleChildCheckboxChange('childOne')}\n      />\n      <Checkbox\n        className=\"n-ml-7\"\n        isChecked={childCheckboxes.childTwo}\n        label=\"Child checkbox 2\"\n        onChange={() => handleChildCheckboxChange('childTwo')}\n      />\n      <Checkbox\n        className=\"n-ml-7\"\n        isChecked={childCheckboxes.childThree}\n        label=\"Child checkbox 3\"\n        onChange={() => handleChildCheckboxChange('childThree')}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/checkbox/stories/checkbox.stories.js

@@ -23,100 +23,100 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Checkbox } from '../../index';
 import { CheckboxControlled, CheckboxControlledSrc, CheckboxDefault, CheckboxDefaultSrc, CheckboxDisabled, CheckboxDisabledSrc, CheckboxFull, CheckboxFullSrc, CheckboxHasLabelBefore, CheckboxHasLabelBeforeSrc, CheckboxIndeterminate, CheckboxIndeterminateSrc, CheckboxNoLabel, CheckboxNoLabelSrc, } from '.';
 const componentMeta = {
-    title: 'Components/Checkbox',
-    id: 'components-checkbox',
-    component: Checkbox,
-    tags: ['docsPage'],
     argTypes: {
         ref: {
             description: 'Ref to the `input` element',
         },
     },
-    parameters: {
-        controls: { disable: true },
-    },
+    component: Checkbox,
     decorators: [
         (Story) => (_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Story, {}) })),
     ],
+    id: 'components-checkbox',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/Checkbox',
 };
 export default componentMeta;
 export const Default = {
     args: {},
-    render: CheckboxDefault,
     parameters: {
         docs: {
             source: {
+                code: CheckboxDefaultSrc,
                 language: 'tsx',
                 type: 'code',
-                code: CheckboxDefaultSrc,
             },
         },
     },
+    render: CheckboxDefault,
 };
 export const Indeterminate = {
     args: {},
-    render: CheckboxIndeterminate,
     parameters: {
         docs: {
             source: {
+                code: CheckboxIndeterminateSrc,
                 language: 'tsx',
                 type: 'code',
-                code: CheckboxIndeterminateSrc,
             },
         },
     },
+    render: CheckboxIndeterminate,
 };
 export const NoLabel = {
     args: {},
-    render: CheckboxNoLabel,
     parameters: {
         docs: {
             source: {
+                code: CheckboxNoLabelSrc,
                 language: 'tsx',
                 type: 'code',
-                code: CheckboxNoLabelSrc,
             },
         },
     },
+    render: CheckboxNoLabel,
 };
 export const HasLeadingLabel = {
     args: {},
-    render: CheckboxHasLabelBefore,
     parameters: {
         docs: {
             source: {
+                code: CheckboxHasLabelBeforeSrc,
                 language: 'tsx',
                 type: 'code',
-                code: CheckboxHasLabelBeforeSrc,
             },
         },
     },
+    render: CheckboxHasLabelBefore,
 };
 export const Disabled = {
     args: {},
-    render: CheckboxDisabled,
     parameters: {
         docs: {
             source: {
+                code: CheckboxDisabledSrc,
                 language: 'tsx',
                 type: 'code',
-                code: CheckboxDisabledSrc,
             },
         },
     },
+    render: CheckboxDisabled,
 };
 export const Full = {
     args: {},
-    render: CheckboxFull,
     parameters: {
         docs: {
             source: {
+                code: CheckboxFullSrc,
                 language: 'tsx',
                 type: 'code',
-                code: CheckboxFullSrc,
             },
         },
     },
+    render: CheckboxFull,
 };
 export const Controlled = {
     args: {},

package/lib/esm/checkbox/stories/checkbox.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../../../src/checkbox/stories/checkbox.stories.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 { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Checkbox } from '../../index';\nimport {\n  CheckboxControlled,\n  CheckboxControlledSrc,\n  CheckboxDefault,\n  CheckboxDefaultSrc,\n  CheckboxDisabled,\n  CheckboxDisabledSrc,\n  CheckboxFull,\n  CheckboxFullSrc,\n  CheckboxHasLabelBefore,\n  CheckboxHasLabelBeforeSrc,\n  CheckboxIndeterminate,\n  CheckboxIndeterminateSrc,\n  CheckboxNoLabel,\n  CheckboxNoLabelSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof Checkbox> = {\n  title: 'Components/Checkbox',\n  id: 'components-checkbox',\n  component: Checkbox,\n  tags: ['docsPage'],\n  argTypes: {\n    ref: {\n      description: 'Ref to the `input` element',\n    },\n  },\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 Default: Story = {\n  args: {},\n  render: CheckboxDefault,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxDefaultSrc,\n      },\n    },\n  },\n};\n\nexport const Indeterminate: Story = {\n  args: {},\n  render: CheckboxIndeterminate,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxIndeterminateSrc,\n      },\n    },\n  },\n};\n\nexport const NoLabel: Story = {\n  args: {},\n  render: CheckboxNoLabel,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxNoLabelSrc,\n      },\n    },\n  },\n};\n\nexport const HasLeadingLabel: Story = {\n  args: {},\n  render: CheckboxHasLabelBefore,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxHasLabelBeforeSrc,\n      },\n    },\n  },\n};\n\nexport const Disabled: Story = {\n  args: {},\n  render: CheckboxDisabled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxDisabledSrc,\n      },\n    },\n  },\n};\n\nexport const Full: Story = {\n  args: {},\n  render: CheckboxFull,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxFullSrc,\n      },\n    },\n  },\n};\n\nexport const Controlled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CheckboxControlledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxControlled,\n};\n"]}
+{"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../../../src/checkbox/stories/checkbox.stories.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 { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Checkbox } from '../../index';\nimport {\n  CheckboxControlled,\n  CheckboxControlledSrc,\n  CheckboxDefault,\n  CheckboxDefaultSrc,\n  CheckboxDisabled,\n  CheckboxDisabledSrc,\n  CheckboxFull,\n  CheckboxFullSrc,\n  CheckboxHasLabelBefore,\n  CheckboxHasLabelBeforeSrc,\n  CheckboxIndeterminate,\n  CheckboxIndeterminateSrc,\n  CheckboxNoLabel,\n  CheckboxNoLabelSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof Checkbox> = {\n  argTypes: {\n    ref: {\n      description: 'Ref to the `input` element',\n    },\n  },\n  component: Checkbox,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-checkbox',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Checkbox',\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: CheckboxDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxDefault,\n};\n\nexport const Indeterminate: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CheckboxIndeterminateSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxIndeterminate,\n};\n\nexport const NoLabel: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CheckboxNoLabelSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxNoLabel,\n};\n\nexport const HasLeadingLabel: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CheckboxHasLabelBeforeSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxHasLabelBefore,\n};\n\nexport const Disabled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CheckboxDisabledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxDisabled,\n};\n\nexport const Full: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CheckboxFullSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxFull,\n};\n\nexport const Controlled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CheckboxControlledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxControlled,\n};\n"]}

package/lib/esm/clean-icon-button/stories/clean-icon-button.stories.js

@@ -37,9 +37,9 @@ export const Default = {
     parameters: {
         docs: {
             source: {
+                code: CleanIconButtonDefaultSrc,
                 language: 'tsx',
                 type: 'code',
-                code: CleanIconButtonDefaultSrc,
             },
         },
     },
@@ -48,71 +48,71 @@ export const Default = {
 export const Active = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: CleanIconButtonActive,
     parameters: {
         docs: {
             source: {
+                code: CleanIconButtonActiveSrc,
                 language: 'tsx',
                 type: 'code',
-                code: CleanIconButtonActiveSrc,
             },
         },
     },
+    render: CleanIconButtonActive,
 };
 export const Disabled = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: CleanIconButtonDisabled,
     parameters: {
         docs: {
             source: {
+                code: CleanIconButtonDisabledSrc,
                 language: 'tsx',
                 type: 'code',
-                code: CleanIconButtonDisabledSrc,
             },
         },
     },
+    render: CleanIconButtonDisabled,
 };
 export const Loading = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: CleanIconButtonLoading,
     parameters: {
         docs: {
             source: {
+                code: CleanIconButtonLoadingSrc,
                 language: 'tsx',
                 type: 'code',
-                code: CleanIconButtonLoadingSrc,
             },
         },
     },
+    render: CleanIconButtonLoading,
 };
 export const Sizes = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: CleanIconButtonSizes,
     parameters: {
         docs: {
             source: {
+                code: CleanIconButtonSizesSrc,
                 language: 'tsx',
                 type: 'code',
-                code: CleanIconButtonSizesSrc,
             },
         },
     },
+    render: CleanIconButtonSizes,
 };
 export const Tone = {
     // @ts-expect-error - args are not needed.
     args: {},
-    render: CleanIconButtonTone,
     parameters: {
         docs: {
             source: {
+                code: CleanIconButtonToneSrc,
                 language: 'tsx',
                 type: 'code',
-                code: CleanIconButtonToneSrc,
             },
         },
     },
+    render: CleanIconButtonTone,
 };
 //# sourceMappingURL=clean-icon-button.stories.js.map