@neo4j-ndl/react 4.21.0 → 4.21.1-alpha.b78fc61

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

@@ -1 +1 @@
-{"version":3,"file":"dropzone-full.story.js","sourceRoot":"","sources":["../../../../src/dropzone/stories/dropzone-full.story.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 { XMarkIcon } from '@heroicons/react/24/solid';\nimport { Dropzone, FilledButton, Typography } from '@neo4j-ndl/react';\nimport { useCallback, useState } from 'react';\nimport {\n  type DropEvent,\n  type DropzoneOptions,\n  type FileRejection,\n} from 'react-dropzone';\n\n// Configuration constants\nconst CONFIG = {\n  MAX_FILES: 3,\n  MAX_FILE_SIZE: 5 * 1024 * 1024, // 5MB\n  PROGRESS_INCREMENT: 5,\n  UPDATE_INTERVAL: 100,\n  ACCEPTED_EXTENSIONS: ['.txt', '.json'] as string[],\n} as const;\n\nenum UploadState {\n  Idle = 'idle',\n  Uploading = 'uploading',\n  Success = 'success',\n  Error = 'error',\n}\n\ninterface UploadData {\n  state: UploadState;\n  progress: number;\n  files: File[];\n  errors: string[];\n}\n\nconst Component = () => {\n  const [uploadData, setUploadData] = useState<UploadData>({\n    errors: [],\n    files: [],\n    progress: 0,\n    state: UploadState.Idle,\n  });\n\n  const resetUpload = useCallback(() => {\n    setUploadData({\n      errors: [],\n      files: [],\n      progress: 0,\n      state: UploadState.Idle,\n    });\n  }, []);\n\n  const simulateUpload = useCallback((files: File[]) => {\n    setUploadData((prev) => ({\n      ...prev,\n      state: UploadState.Uploading,\n      files,\n      progress: 0,\n    }));\n\n    const interval = setInterval(() => {\n      setUploadData((prev) => {\n        const newProgress = prev.progress + CONFIG.PROGRESS_INCREMENT;\n        if (newProgress >= 100) {\n          clearInterval(interval);\n          setTimeout(\n            () =>\n              setUploadData((current) => ({\n                ...current,\n                state: UploadState.Success,\n              })),\n            500,\n          );\n          return { ...prev, progress: 100 };\n        }\n        return { ...prev, progress: newProgress };\n      });\n    }, CONFIG.UPDATE_INTERVAL);\n  }, []);\n\n  const handleDrop: DropzoneOptions['onDrop'] = useCallback(\n    (\n      acceptedFiles: File[],\n      rejectedFiles: FileRejection[],\n      event: DropEvent,\n    ) => {\n      console.info('Drop event:', { acceptedFiles, event, rejectedFiles });\n\n      if (acceptedFiles.length > 0) {\n        simulateUpload(acceptedFiles);\n      }\n    },\n    [simulateUpload],\n  );\n\n  const handleDropRejected: DropzoneOptions['onDropRejected'] = useCallback(\n    (rejectedFiles: FileRejection[]) => {\n      const errors = rejectedFiles.map(\n        (file) =>\n          `${file.file.name}: ${file.errors.map((error) => error.message).join(', ')}`,\n      );\n      setUploadData((prev) => ({ ...prev, state: UploadState.Error, errors }));\n    },\n    [],\n  );\n\n  const handleError = useCallback((error: Error) => {\n    console.error('Dropzone error:', error);\n    setUploadData((prev) => ({\n      ...prev,\n      state: UploadState.Error,\n      errors: [error.message],\n    }));\n  }, []);\n\n  const renderStatusContent = () => {\n    const { state, progress, files, errors } = uploadData;\n\n    switch (state) {\n      case UploadState.Uploading:\n        return (\n          <Dropzone.LoadingProgressBar\n            progressBarPrecentage={Math.round(progress)}\n          />\n        );\n\n      case UploadState.Success:\n        return (\n          <div className=\"n-flex n-flex-col n-justify-center n-items-center n-gap-y-token-32\">\n            <Typography\n              variant=\"title-4\"\n              className=\"n-text-success-text n-font-semibold\"\n            >\n              Upload Complete!\n            </Typography>\n            <Typography\n              variant=\"body-small\"\n              className=\"n-text-neutral-text-weak\"\n            >\n              Successfully uploaded: {files.map((file) => file.name).join(', ')}\n            </Typography>\n            <FilledButton onClick={resetUpload}>Upload More Files</FilledButton>\n          </div>\n        );\n\n      case UploadState.Error:\n        return (\n          <div className=\"n-flex n-flex-col n-justify-center n-items-center n-gap-y-token-32\">\n            <XMarkIcon className=\"n-w-token-32 n-h-token-32 n-text-danger-text\" />\n            <div className=\"n-flex n-flex-col n-gap-y-token-2\">\n              {errors.map((message, index) => (\n                <Typography\n                  key={index}\n                  variant=\"label\"\n                  className=\"n-text-danger-text n-font-semibold\"\n                  htmlAttributes={{ role: 'alert' }}\n                >\n                  {message}\n                </Typography>\n              ))}\n            </div>\n            <FilledButton onClick={resetUpload}>Try Again</FilledButton>\n          </div>\n        );\n\n      default:\n        return undefined;\n    }\n  };\n\n  return (\n    <Dropzone\n      dropZoneOptions={{\n        disabled: uploadData.state === UploadState.Uploading,\n        maxFiles: CONFIG.MAX_FILES,\n        maxSize: CONFIG.MAX_FILE_SIZE,\n        multiple: true,\n        onDrop: handleDrop,\n        onDropRejected: handleDropRejected,\n        onError: handleError,\n      }}\n      supportedFilesDescription={\n        <div className=\"n-text-center n-flex n-flex-col n-gap-y-token-2\">\n          <Typography variant=\"body-small\" className=\"n-text-neutral-text-weak\">\n            Supports: Text files (.txt, .json) only\n          </Typography>\n          <Typography variant=\"body-small\" className=\"n-text-neutral-text-weak\">\n            Max {CONFIG.MAX_FILES} files •{' '}\n            {CONFIG.MAX_FILE_SIZE / (1024 * 1024)}MB per file\n          </Typography>\n        </div>\n      }\n      acceptedFileExtensions={CONFIG.ACCEPTED_EXTENSIONS}\n      loadingElement={renderStatusContent()}\n      rejectedText=\"Error: Please make sure to only upload .json or .txt files\"\n      heading=\"Drag & Drop your files\"\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"dropzone-full.story.js","sourceRoot":"","sources":["../../../../src/dropzone/stories/dropzone-full.story.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 { XMarkIcon } from '@heroicons/react/24/solid';\nimport { Dropzone, FilledButton, Typography } from '@neo4j-ndl/react';\nimport { useCallback, useState } from 'react';\nimport {\n  type DropEvent,\n  type DropzoneOptions,\n  type FileRejection,\n} from 'react-dropzone';\n\n// Configuration constants\nconst CONFIG = {\n  ACCEPTED_EXTENSIONS: ['.txt', '.json'] as string[],\n  MAX_FILE_SIZE: 5 * 1024 * 1024, // 5MB\n  MAX_FILES: 3,\n  PROGRESS_INCREMENT: 5,\n  UPDATE_INTERVAL: 100,\n} as const;\n\nenum UploadState {\n  Idle = 'idle',\n  Uploading = 'uploading',\n  Success = 'success',\n  Error = 'error',\n}\n\ninterface UploadData {\n  state: UploadState;\n  progress: number;\n  files: File[];\n  errors: string[];\n}\n\nconst Component = () => {\n  const [uploadData, setUploadData] = useState<UploadData>({\n    errors: [],\n    files: [],\n    progress: 0,\n    state: UploadState.Idle,\n  });\n\n  const resetUpload = useCallback(() => {\n    setUploadData({\n      errors: [],\n      files: [],\n      progress: 0,\n      state: UploadState.Idle,\n    });\n  }, []);\n\n  const simulateUpload = useCallback((files: File[]) => {\n    setUploadData((prev) => ({\n      ...prev,\n      files,\n      progress: 0,\n      state: UploadState.Uploading,\n    }));\n\n    const interval = setInterval(() => {\n      setUploadData((prev) => {\n        const newProgress = prev.progress + CONFIG.PROGRESS_INCREMENT;\n        if (newProgress >= 100) {\n          clearInterval(interval);\n          setTimeout(\n            () =>\n              setUploadData((current) => ({\n                ...current,\n                state: UploadState.Success,\n              })),\n            500,\n          );\n          return { ...prev, progress: 100 };\n        }\n        return { ...prev, progress: newProgress };\n      });\n    }, CONFIG.UPDATE_INTERVAL);\n  }, []);\n\n  const handleDrop: DropzoneOptions['onDrop'] = useCallback(\n    (\n      acceptedFiles: File[],\n      rejectedFiles: FileRejection[],\n      event: DropEvent,\n    ) => {\n      console.info('Drop event:', { acceptedFiles, event, rejectedFiles });\n\n      if (acceptedFiles.length > 0) {\n        simulateUpload(acceptedFiles);\n      }\n    },\n    [simulateUpload],\n  );\n\n  const handleDropRejected: DropzoneOptions['onDropRejected'] = useCallback(\n    (rejectedFiles: FileRejection[]) => {\n      const errors = rejectedFiles.map(\n        (file) =>\n          `${file.file.name}: ${file.errors.map((error) => error.message).join(', ')}`,\n      );\n      setUploadData((prev) => ({ ...prev, errors, state: UploadState.Error }));\n    },\n    [],\n  );\n\n  const handleError = useCallback((error: Error) => {\n    console.error('Dropzone error:', error);\n    setUploadData((prev) => ({\n      ...prev,\n      errors: [error.message],\n      state: UploadState.Error,\n    }));\n  }, []);\n\n  const renderStatusContent = () => {\n    const { state, progress, files, errors } = uploadData;\n\n    switch (state) {\n      case UploadState.Uploading:\n        return (\n          <Dropzone.LoadingProgressBar\n            progressBarPrecentage={Math.round(progress)}\n          />\n        );\n\n      case UploadState.Success:\n        return (\n          <div className=\"n-flex n-flex-col n-justify-center n-items-center n-gap-y-token-32\">\n            <Typography\n              variant=\"title-4\"\n              className=\"n-text-success-text n-font-semibold\"\n            >\n              Upload Complete!\n            </Typography>\n            <Typography\n              variant=\"body-small\"\n              className=\"n-text-neutral-text-weak\"\n            >\n              Successfully uploaded: {files.map((file) => file.name).join(', ')}\n            </Typography>\n            <FilledButton onClick={resetUpload}>Upload More Files</FilledButton>\n          </div>\n        );\n\n      case UploadState.Error:\n        return (\n          <div className=\"n-flex n-flex-col n-justify-center n-items-center n-gap-y-token-32\">\n            <XMarkIcon className=\"n-w-token-32 n-h-token-32 n-text-danger-text\" />\n            <div className=\"n-flex n-flex-col n-gap-y-token-2\">\n              {errors.map((message, index) => (\n                <Typography\n                  key={index}\n                  variant=\"title-4\"\n                  className=\"n-text-danger-text n-font-semibold\"\n                  htmlAttributes={{ role: 'alert' }}\n                >\n                  {message}\n                </Typography>\n              ))}\n            </div>\n            <FilledButton onClick={resetUpload}>Try Again</FilledButton>\n          </div>\n        );\n\n      default:\n        return undefined;\n    }\n  };\n\n  return (\n    <Dropzone\n      dropZoneOptions={{\n        disabled: uploadData.state === UploadState.Uploading,\n        maxFiles: CONFIG.MAX_FILES,\n        maxSize: CONFIG.MAX_FILE_SIZE,\n        multiple: true,\n        onDrop: handleDrop,\n        onDropRejected: handleDropRejected,\n        onError: handleError,\n      }}\n      supportedFilesDescription={\n        <div className=\"n-text-center n-flex n-flex-col n-gap-y-token-2\">\n          <Typography variant=\"body-small\" className=\"n-text-neutral-text-weak\">\n            Supports: Text files (.txt, .json) only\n          </Typography>\n          <Typography variant=\"body-small\" className=\"n-text-neutral-text-weak\">\n            Max {CONFIG.MAX_FILES} files •{' '}\n            {CONFIG.MAX_FILE_SIZE / (1024 * 1024)}MB per file\n          </Typography>\n        </div>\n      }\n      acceptedFileExtensions={CONFIG.ACCEPTED_EXTENSIONS}\n      loadingElement={renderStatusContent()}\n      rejectedText=\"Error: Please make sure to only upload .json or .txt files\"\n      heading=\"Drag & Drop your files\"\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/icon-button/stories/icon-button-sizes.story.js

@@ -23,7 +23,7 @@ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { IconButton, Typography } from '@neo4j-ndl/react';
 import { MagnifyingGlassIconOutline } from '@neo4j-ndl/react/icons';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-16", children: [_jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(IconButton, { description: "Search", size: "small", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "label", children: " Small" })] }), _jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(IconButton, { description: "Search", size: "medium", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "label", children: " Medium" })] }), _jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(IconButton, { description: "Search", size: "large", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "label", children: " Large" })] })] }));
+    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-16", children: [_jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(IconButton, { description: "Search", size: "small", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "title-4", children: " Small" })] }), _jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(IconButton, { description: "Search", size: "medium", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "title-4", children: " Medium" })] }), _jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(IconButton, { description: "Search", size: "large", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "title-4", children: " Large" })] })] }));
 };
 export default Component;
 //# sourceMappingURL=icon-button-sizes.story.js.map

package/lib/esm/icon-button/stories/icon-button-sizes.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button-sizes.story.js","sourceRoot":"","sources":["../../../../src/icon-button/stories/icon-button-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC/C,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,UAAU,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,YAC3C,KAAC,0BAA0B,KAAG,GACnB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,IAC3C,EACN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,UAAU,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,YAC5C,KAAC,0BAA0B,KAAG,GACnB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,wBAAqB,IAC5C,EACN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,UAAU,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,YAC3C,KAAC,0BAA0B,KAAG,GACnB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,IAC3C,IACF,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { IconButton, Typography } from '@neo4j-ndl/react';\nimport { MagnifyingGlassIconOutline } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-16\">\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <IconButton description=\"Search\" size=\"small\">\n          <MagnifyingGlassIconOutline />\n        </IconButton>\n        <Typography variant=\"label\"> Small</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <IconButton description=\"Search\" size=\"medium\">\n          <MagnifyingGlassIconOutline />\n        </IconButton>\n        <Typography variant=\"label\"> Medium</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <IconButton description=\"Search\" size=\"large\">\n          <MagnifyingGlassIconOutline />\n        </IconButton>\n        <Typography variant=\"label\"> Large</Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"icon-button-sizes.story.js","sourceRoot":"","sources":["../../../../src/icon-button/stories/icon-button-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC/C,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,UAAU,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,YAC3C,KAAC,0BAA0B,KAAG,GACnB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,uBAAoB,IAC7C,EACN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,UAAU,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,YAC5C,KAAC,0BAA0B,KAAG,GACnB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,wBAAqB,IAC9C,EACN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,UAAU,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,YAC3C,KAAC,0BAA0B,KAAG,GACnB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,uBAAoB,IAC7C,IACF,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { IconButton, Typography } from '@neo4j-ndl/react';\nimport { MagnifyingGlassIconOutline } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-16\">\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <IconButton description=\"Search\" size=\"small\">\n          <MagnifyingGlassIconOutline />\n        </IconButton>\n        <Typography variant=\"title-4\"> Small</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <IconButton description=\"Search\" size=\"medium\">\n          <MagnifyingGlassIconOutline />\n        </IconButton>\n        <Typography variant=\"title-4\"> Medium</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <IconButton description=\"Search\" size=\"large\">\n          <MagnifyingGlassIconOutline />\n        </IconButton>\n        <Typography variant=\"title-4\"> Large</Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/icon-button/stories/icon-button-tone.story.js

@@ -23,7 +23,7 @@ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { IconButton, Typography } from '@neo4j-ndl/react';
 import { MagnifyingGlassIconOutline } from '@neo4j-ndl/react/icons';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-16", children: [_jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(IconButton, { description: "Search", variant: "neutral", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "label", children: "Default" })] }), _jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(IconButton, { description: "Search", variant: "danger", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "label", children: "Danger" })] })] }));
+    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-16", children: [_jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(IconButton, { description: "Search", variant: "neutral", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "title-4", children: "Default" })] }), _jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(IconButton, { description: "Search", variant: "danger", children: _jsx(MagnifyingGlassIconOutline, {}) }), _jsx(Typography, { variant: "title-4", children: "Danger" })] })] }));
 };
 export default Component;
 //# sourceMappingURL=icon-button-tone.story.js.map

package/lib/esm/icon-button/stories/icon-button-tone.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button-tone.story.js","sourceRoot":"","sources":["../../../../src/icon-button/stories/icon-button-tone.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC/C,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,UAAU,IAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,YAChD,KAAC,0BAA0B,KAAG,GACnB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,wBAAqB,IAC5C,EACN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,UAAU,IAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,YAC/C,KAAC,0BAA0B,KAAG,GACnB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,IAC3C,IACF,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { IconButton, Typography } from '@neo4j-ndl/react';\nimport { MagnifyingGlassIconOutline } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-16\">\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <IconButton description=\"Search\" variant=\"neutral\">\n          <MagnifyingGlassIconOutline />\n        </IconButton>\n        <Typography variant=\"label\">Default</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <IconButton description=\"Search\" variant=\"danger\">\n          <MagnifyingGlassIconOutline />\n        </IconButton>\n        <Typography variant=\"label\">Danger</Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"icon-button-tone.story.js","sourceRoot":"","sources":["../../../../src/icon-button/stories/icon-button-tone.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC/C,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,UAAU,IAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,YAChD,KAAC,0BAA0B,KAAG,GACnB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,wBAAqB,IAC9C,EACN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,UAAU,IAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,YAC/C,KAAC,0BAA0B,KAAG,GACnB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,uBAAoB,IAC7C,IACF,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { IconButton, Typography } from '@neo4j-ndl/react';\nimport { MagnifyingGlassIconOutline } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-16\">\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <IconButton description=\"Search\" variant=\"neutral\">\n          <MagnifyingGlassIconOutline />\n        </IconButton>\n        <Typography variant=\"title-4\">Default</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <IconButton description=\"Search\" variant=\"danger\">\n          <MagnifyingGlassIconOutline />\n        </IconButton>\n        <Typography variant=\"title-4\">Danger</Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/radio/stories/radio-custom-label.story.js

@@ -22,7 +22,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { Radio, Typography } from '@neo4j-ndl/react';
 const Component = () => {
-    return (_jsx(Radio, { label: _jsx(Typography, { variant: "label", children: "Custom label" }), ariaLabel: "example aria label" }));
+    return (_jsx(Radio, { label: _jsx(Typography, { variant: "title-4", children: "Custom label" }), ariaLabel: "example aria label" }));
 };
 export default Component;
 //# sourceMappingURL=radio-custom-label.story.js.map

package/lib/esm/radio/stories/radio-custom-label.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-custom-label.story.js","sourceRoot":"","sources":["../../../../src/radio/stories/radio-custom-label.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,KAAK,IACJ,KAAK,EAAE,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,6BAA0B,EAC5D,SAAS,EAAC,oBAAoB,GAC9B,CACH,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Radio, Typography } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <Radio\n      label={<Typography variant=\"label\">Custom label</Typography>}\n      ariaLabel=\"example aria label\"\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"radio-custom-label.story.js","sourceRoot":"","sources":["../../../../src/radio/stories/radio-custom-label.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,KAAK,IACJ,KAAK,EAAE,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,6BAA0B,EAC9D,SAAS,EAAC,oBAAoB,GAC9B,CACH,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Radio, Typography } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <Radio\n      label={<Typography variant=\"title-4\">Custom label</Typography>}\n      ariaLabel=\"example aria label\"\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/select-icon-button/stories/select-icon-button-sizes.story.js

@@ -23,7 +23,7 @@ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { SelectIconButton, Typography } from '@neo4j-ndl/react';
 import { SelectIcon } from '@neo4j-ndl/react/icons';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-16", children: [_jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(SelectIconButton, { description: "Select", size: "small", isOpen: false, children: _jsx(SelectIcon, {}) }), _jsx(Typography, { variant: "label", children: " Small" })] }), _jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(SelectIconButton, { description: "Select", size: "medium", isOpen: false, children: _jsx(SelectIcon, {}) }), _jsx(Typography, { variant: "label", children: " Medium" })] }), _jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(SelectIconButton, { description: "Select", size: "large", isOpen: false, children: _jsx(SelectIcon, {}) }), _jsx(Typography, { variant: "label", children: " Large" })] })] }));
+    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-16", children: [_jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(SelectIconButton, { description: "Select", size: "small", isOpen: false, children: _jsx(SelectIcon, {}) }), _jsx(Typography, { variant: "title-4", children: " Small" })] }), _jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(SelectIconButton, { description: "Select", size: "medium", isOpen: false, children: _jsx(SelectIcon, {}) }), _jsx(Typography, { variant: "title-4", children: " Medium" })] }), _jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(SelectIconButton, { description: "Select", size: "large", isOpen: false, children: _jsx(SelectIcon, {}) }), _jsx(Typography, { variant: "title-4", children: " Large" })] })] }));
 };
 export default Component;
 //# sourceMappingURL=select-icon-button-sizes.story.js.map

package/lib/esm/select-icon-button/stories/select-icon-button-sizes.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-icon-button-sizes.story.js","sourceRoot":"","sources":["../../../../src/select-icon-button/stories/select-icon-button-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC/C,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,gBAAgB,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,KAAK,YAC/D,KAAC,UAAU,KAAG,GACG,EACnB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,IAC3C,EACN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,gBAAgB,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAE,KAAK,YAChE,KAAC,UAAU,KAAG,GACG,EACnB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,wBAAqB,IAC5C,EACN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,gBAAgB,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,KAAK,YAC/D,KAAC,UAAU,KAAG,GACG,EACnB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,IAC3C,IACF,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { SelectIconButton, Typography } from '@neo4j-ndl/react';\nimport { SelectIcon } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-16\">\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton description=\"Select\" size=\"small\" isOpen={false}>\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"label\"> Small</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton description=\"Select\" size=\"medium\" isOpen={false}>\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"label\"> Medium</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton description=\"Select\" size=\"large\" isOpen={false}>\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"label\"> Large</Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"select-icon-button-sizes.story.js","sourceRoot":"","sources":["../../../../src/select-icon-button/stories/select-icon-button-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC/C,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,gBAAgB,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,KAAK,YAC/D,KAAC,UAAU,KAAG,GACG,EACnB,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,uBAAoB,IAC7C,EACN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,gBAAgB,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAE,KAAK,YAChE,KAAC,UAAU,KAAG,GACG,EACnB,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,wBAAqB,IAC9C,EACN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,gBAAgB,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,KAAK,YAC/D,KAAC,UAAU,KAAG,GACG,EACnB,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,uBAAoB,IAC7C,IACF,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { SelectIconButton, Typography } from '@neo4j-ndl/react';\nimport { SelectIcon } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-16\">\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton description=\"Select\" size=\"small\" isOpen={false}>\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"title-4\"> Small</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton description=\"Select\" size=\"medium\" isOpen={false}>\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"title-4\"> Medium</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton description=\"Select\" size=\"large\" isOpen={false}>\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"title-4\"> Large</Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/select-icon-button/stories/select-icon-button-states.story.js

@@ -23,7 +23,7 @@ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { SelectIconButton, Typography } from '@neo4j-ndl/react';
 import { SelectIcon } from '@neo4j-ndl/react/icons';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-16", children: [_jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(SelectIconButton, { description: "Select", size: "small", isDisabled: true, isOpen: false, children: _jsx(SelectIcon, {}) }), _jsx(Typography, { variant: "label", children: " Disabled" })] }), _jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(SelectIconButton, { description: "Select", size: "small", isOpen: true, children: _jsx(SelectIcon, {}) }), _jsx(Typography, { variant: "label", children: " Active" })] }), _jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(SelectIconButton, { description: "Select", size: "small", isLoading: true, loadingMessage: "Loading", isOpen: false, children: _jsx(SelectIcon, {}) }), _jsx(Typography, { variant: "label", children: " Loading" })] })] }));
+    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-16", children: [_jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(SelectIconButton, { description: "Select", size: "small", isDisabled: true, isOpen: false, children: _jsx(SelectIcon, {}) }), _jsx(Typography, { variant: "title-4", children: " Disabled" })] }), _jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(SelectIconButton, { description: "Select", size: "small", isOpen: true, children: _jsx(SelectIcon, {}) }), _jsx(Typography, { variant: "title-4", children: " Active" })] }), _jsxs("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [_jsx(SelectIconButton, { description: "Select", size: "small", isLoading: true, loadingMessage: "Loading", isOpen: false, children: _jsx(SelectIcon, {}) }), _jsx(Typography, { variant: "title-4", children: " Loading" })] })] }));
 };
 export default Component;
 //# sourceMappingURL=select-icon-button-states.story.js.map

package/lib/esm/select-icon-button/stories/select-icon-button-states.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-icon-button-states.story.js","sourceRoot":"","sources":["../../../../src/select-icon-button/stories/select-icon-button-states.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC/C,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,gBAAgB,IACf,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAC,OAAO,EACZ,UAAU,QACV,MAAM,EAAE,KAAK,YAEb,KAAC,UAAU,KAAG,GACG,EACnB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,0BAAuB,IAC9C,EACN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,gBAAgB,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,IAAI,YAC9D,KAAC,UAAU,KAAG,GACG,EACnB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,wBAAqB,IAC5C,EACN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,gBAAgB,IACf,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAC,OAAO,EACZ,SAAS,QACT,cAAc,EAAC,SAAS,EACxB,MAAM,EAAE,KAAK,YAEb,KAAC,UAAU,KAAG,GACG,EACnB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,yBAAsB,IAC7C,IACF,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { SelectIconButton, Typography } from '@neo4j-ndl/react';\nimport { SelectIcon } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-16\">\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton\n          description=\"Select\"\n          size=\"small\"\n          isDisabled\n          isOpen={false}\n        >\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"label\"> Disabled</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton description=\"Select\" size=\"small\" isOpen={true}>\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"label\"> Active</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton\n          description=\"Select\"\n          size=\"small\"\n          isLoading\n          loadingMessage=\"Loading\"\n          isOpen={false}\n        >\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"label\"> Loading</Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"select-icon-button-states.story.js","sourceRoot":"","sources":["../../../../src/select-icon-button/stories/select-icon-button-states.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC/C,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,gBAAgB,IACf,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAC,OAAO,EACZ,UAAU,QACV,MAAM,EAAE,KAAK,YAEb,KAAC,UAAU,KAAG,GACG,EACnB,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,0BAAuB,IAChD,EACN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,gBAAgB,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,IAAI,YAC9D,KAAC,UAAU,KAAG,GACG,EACnB,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,wBAAqB,IAC9C,EACN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,gBAAgB,IACf,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAC,OAAO,EACZ,SAAS,QACT,cAAc,EAAC,SAAS,EACxB,MAAM,EAAE,KAAK,YAEb,KAAC,UAAU,KAAG,GACG,EACnB,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,yBAAsB,IAC/C,IACF,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { SelectIconButton, Typography } from '@neo4j-ndl/react';\nimport { SelectIcon } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-16\">\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton\n          description=\"Select\"\n          size=\"small\"\n          isDisabled\n          isOpen={false}\n        >\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"title-4\"> Disabled</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton description=\"Select\" size=\"small\" isOpen={true}>\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"title-4\"> Active</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton\n          description=\"Select\"\n          size=\"small\"\n          isLoading\n          loadingMessage=\"Loading\"\n          isOpen={false}\n        >\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"title-4\"> Loading</Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/side-navigation/SideNavigation.js

@@ -299,7 +299,7 @@ const CategoryHeader = (_a) => {
     const classes = classNames('ndl-side-nav-category-header', className, {
         'ndl-side-nav-category-header-expanded': isExpanded || isHovered,
     });
-    return (_jsx(Typography, Object.assign({ ref: ref, variant: "label", as: "li", className: classes, htmlAttributes: Object.assign(Object.assign({}, htmlAttributes), { role: 'separator' }), style: style }, restProps, { children: isExpanded || isHovered ? children : _jsx(Divider, {}) })));
+    return (_jsx(Typography, Object.assign({ ref: ref, variant: "title-4", as: "li", className: classes, htmlAttributes: Object.assign(Object.assign({}, htmlAttributes), { role: 'separator' }), style: style }, restProps, { children: isExpanded || isHovered ? children : _jsx(Divider, {}) })));
 };
 /**
  * SelectedIndicator

package/lib/esm/side-navigation/SideNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../src/side-navigation/SideNavigation.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,IAAI,EACJ,oBAAoB,EACpB,YAAY,EACZ,cAAc,EACd,MAAM,EACN,WAAW,EACX,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAKvE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,OAAO,MAAM,+BAA+B,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,sDAAsD,CAAC;AAC/F,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EACL,sBAAsB,EACtB,cAAc,EACd,yBAAyB,EACzB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAUnC;;GAEG;AACH,MAAM,gBAAgB,GAAG,CAAC,EAYS,EAAE,EAAE;QAZb,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,cAAc,EACd,UAAU,GAAG,KAAK,EAClB,0BAA0B,GAAG,IAAI,EACjC,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,GAAG,OAE8B,EAD9B,SAAS,cAXY,yJAYzB,CADa;IAEZ,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9E,MAAM,4BAA4B,GAAG,MAAM,CAEjC,IAAI,CAAC,CAAC;IAEhB,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,MAAM,kBAAkB,GACtB,0BAA0B,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEtE,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE;QACzE,wBAAwB,EACtB,UAAU,KAAK,IAAI,IAAI,0BAA0B,KAAK,IAAI;QAC5D,uBAAuB,EAAE,UAAU;KACpC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,UAAU,CAAC,oBAAoB,EAAE;QACpD,yBAAyB,EAAE,uBAAuB;QAClD,oBAAoB,EAAE,kBAAkB,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI;KACzE,CAAC,CAAC;IAEH,MAAM,WAAW,mCACZ,KAAK,GACL,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI;QAC5B,2BAA2B,EACzB,OAAO,aAAa,KAAK,QAAQ;YAC/B,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,GAAG,aAAa,IAAI;KAC3B,CAAC,CACH,CAAC;IAEF,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,MAAM,0BAA0B,GAAG,MAAM,CAAC,QAAQ,CAChD,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,EAC5B,EAAE,CACH,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,4BAA4B,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;gBAClD,YAAY,CAAC,4BAA4B,CAAC,OAAO,CAAC,CAAC;gBACnD,4BAA4B,CAAC,OAAO,GAAG,IAAI,CAAC;YAC9C,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;YACL,UAAU;YACV,SAAS,EAAE,kBAAkB,EAAE,oBAAoB;YACnD,gBAAgB;YAChB,0BAA0B;SAC3B,YAED,4BACE,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,WAAW,EAClB,YAAY,EAAE,GAAG,EAAE;gBACjB,IAAI,4BAA4B,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;oBAClD,YAAY,CAAC,4BAA4B,CAAC,OAAO,CAAC,CAAC;oBACnD,4BAA4B,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC9C,CAAC;gBACD,0BAA0B,CAAC,KAAK,CAAC,CAAC;gBAClC,YAAY,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;gBACjB,MAAM,wBAAwB,GAC5B,0BAA0B;oBAC1B,CAAC,UAAU;oBACX,CAAC,SAAS,IAAI,eAAe,CAAC,CAAC;gBACjC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,IAAI,wBAAwB,EAAE,CAAC;oBAC7B,IAAI,4BAA4B,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;wBAClD,YAAY,CAAC,4BAA4B,CAAC,OAAO,CAAC,CAAC;oBACrD,CAAC;oBACD,0BAA0B,CAAC,IAAI,CAAC,CAAC;oBACjC,4BAA4B,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;wBACrD,4BAA4B,CAAC,OAAO,GAAG,IAAI,CAAC;wBAC5C,0BAA0B,CAAC,KAAK,CAAC,CAAC;oBACpC,CAAC,EAAE,0BAA0B,CAAC,CAAC;gBACjC,CAAC;YACH,CAAC,EACD,cAAc,EAAE,GAAG,EAAE;gBACnB,4DAA4D;gBAC5D,qBAAqB,CAAC,GAAG,EAAE;oBACzB,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC;oBAC7C,oFAAoF;oBACpF,IACE,aAAa,YAAY,WAAW;wBACpC,OAAO,CAAC,OAAO,KAAK,IAAI;wBACxB,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC;wBACvC,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC,EACvC,CAAC;wBACD,6DAA6D;wBAC7D,kEAAkE;wBAClE,qBAAqB,CAAC,GAAG,EAAE;4BACzB,kBAAkB,CAAC,IAAI,CAAC,CAAC;wBAC3B,CAAC,CAAC,CAAC;oBACL,CAAC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,EACD,aAAa,EAAE,GAAG,EAAE;gBAClB,gEAAgE;gBAChE,qBAAqB,CAAC,GAAG,EAAE;oBACzB,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC;oBAC7C,MAAM,WAAW,GACf,aAAa,YAAY,WAAW;wBACpC,OAAO,CAAC,OAAO,KAAK,IAAI;wBACxB,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;oBAC1C,gDAAgD;oBAChD,MAAM,oBAAoB,GACxB,aAAa,YAAY,WAAW;wBACpC,aAAa,CAAC,OAAO,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;oBAE1D,IACE,CAAC,WAAW,IAAI,oBAAoB,CAAC;wBACrC,aAAa,YAAY,WAAW;wBACpC,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC,EACvC,CAAC;wBACD,yCAAyC;wBACzC,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC;yBAAM,CAAC;wBACN,wBAAwB;wBACxB,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC5B,CAAC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,IACG,SAAS,EACT,cAAc,cAElB,eAAK,SAAS,EAAE,YAAY,aAE1B,cAAK,SAAS,EAAC,kBAAkB,gBAAa,SAAS,YACrD,KAAC,SAAS,IACR,EAAE,EAAC,IAAI,gBACK,SAAS,EACrB,IAAI,EAAC,SAAS,EACd,WAAW,EAAC,UAAU,sBACL,UAAU,EAC3B,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAE,IAAI,YAET,QAAQ,GACC,GACR,EACL,0BAA0B,KAAK,IAAI,IAAI,CACtC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,SAAS,KAAG,GACT,CACP,IACG,IACF,GACkB,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,eAAe,GAAG,CAAC,EAOiB,EAAE,EAAE;QAPrB,EACvB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,OAEqC,EADrC,SAAS,cANW,2DAOxB,CADa;IAEZ,MAAM,OAAO,GAAG,UAAU,CAAC,wBAAwB,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL,4BACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,IACJ,SAAS,EACT,cAAc,eAElB,KAAC,iBAAiB,KAAG,EACpB,QAAQ,KACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,OAAO,GAAG,CAAyC,EAYf,EAAE,EAAE;QAZW,EACvD,IAAI,EACJ,KAAK,EACL,eAAe,EACf,QAAQ,EACR,SAAS,EACT,KAAK,EACL,cAAc,EACd,EAAE,EACF,KAAK,EACL,GAAG,OAEqC,EADrC,SAAS,cAX2C,8GAYxD,CADa;IAEZ,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,0BAA0B,EAAE,GACzD,iBAAiB,EAAE,CAAC;IACtB,MAAM,eAAe,GAAG,yBAAyB,EAAE,CAAC;IACpD,MAAM,YAAY,GAAG,eAAe,KAAK,IAAI,CAAC;IAE9C,MAAM,IAAI,GAAG,WAAW,EAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAEhD,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,MAAK,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,WAAW,CAAA,CAAC;IAElE,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,QAAQ,CAAC;IACpD,MAAM,OAAO,GAAG,UAAU,CAAC,uBAAuB,EAAE,SAAS,EAAE;QAC7D,YAAY,EAAE,QAAQ,KAAK,IAAI;KAChC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC;IACzD,MAAM,cAAc,+CAClB,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,KAAK,IACT,CAAC,YAAY,oCACX,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,YAAY,EAAE,KAClC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACjC,CAAC,GACC,SAAS,GACT,cAAc,CAClB,CAAC;IACF,MAAM,YAAY,GAAG,YAAY;QAC/B,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC;YACE,MAAM,EAAE,KAAC,SAAS,oBAAK,cAAc,EAAI;SAC1C,CAAC;IAEN,OAAO,CACL,KAAC,eAAe,IACd,UAAU,EACR,UAAU,KAAK,KAAK;YACpB,CAAC,0BAA0B;YAC3B,CAAC,YAAY;YACb,OAAO,CAAC,KAAK,CAAC,EAEhB,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAClB,MAAC,OAAO,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,OAAO,EACjB,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,0BAA0B,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,aAEpE,KAAC,OAAO,CAAC,OAAO,IAAC,gBAAgB,EAAE,IAAI,YAAG,QAAQ,GAAmB,EACrE,KAAC,OAAO,CAAC,OAAO,cAAE,KAAK,GAAmB,IAClC,CACX,YAED,KAAC,OAAO,oBAAK,YAAY,cACvB,eAAK,SAAS,EAAC,yBAAyB,aACrC,OAAO,CAAC,IAAI,CAAC,IAAI,CAChB,cAAK,SAAS,EAAC,mCAAmC,YAChD,KAAC,eAAe,IACd,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,EACvD,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE;;gCAAC,OAAA,CAClB,KAAC,oBAAoB,IAAC,IAAI,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,mCAAI,MAAM,YAC9C,QAAQ,GACY,CACxB,CAAA;6BAAA,YAEA,IAAI,GACW,GACd,CACP,EACA,OAAO,CAAC,KAAK,CAAC,IAAI,CACjB,KAAC,UAAU,IACT,OAAO,EAAC,aAAa,EACrB,EAAE,EAAC,KAAK,EACR,SAAS,EAAC,yBAAyB,YAElC,KAAK,GACK,CACd,EACA,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,CAC/C,eAAK,SAAS,EAAC,oCAAoC,aAChD,eAAe,EACf,KAAK,KAAK,SAAS,IAAI,CACtB,KAAC,SAAS,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CACtD,IACG,CACP,IACG,IACE,GACM,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,YAAY,GAAG,CAAC,EAYqB,EAAE,EAAE;;QAZzB,EACpB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,cAAc,EACd,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,GAAG,OAEsC,EADtC,SAAS,cAXQ,+GAYrB,CADa;IAEZ,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,0BAA0B,EAAE,GACzD,iBAAiB,EAAE,CAAC;IACtB,MAAM,SAAS,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACpE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,WAAW,GAAG,MAAM,CAExB,EAAE,CAAC,CAAC;IAEN,MAAM,OAAO,GAAG,UAAU,CAAC,4BAA4B,EAAE,SAAS,EAAE;QAClE,YAAY,EAAE,QAAQ,KAAK,IAAI;KAChC,CAAC,CAAC;IAEH,oBAAoB;IACpB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;QACpC,QAAQ,EAAE;YACR,SAAS,EAAE,SAAS,CAAC,OAAO;SAC7B;QACD,UAAU,EAAE;YACV,MAAM,CAAC,CAAC,CAAC;YACT,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,yBAAyB,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YACvE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;SACtB;QACD,YAAY,EAAE,SAAS;QACvB,IAAI,EAAE,MAAM,IAAI,UAAU;QAC1B,SAAS,EAAE,aAAa;QACxB,QAAQ,EAAE,OAAO;QACjB,oBAAoB,EAAE,UAAU;KACjC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,EAAE;QAClC,cAAc,EAAE,KAAK;KACtB,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE;QAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE;QAChC,WAAW,EAAE,WAAW,CAAC;YACvB,kBAAkB,EAAE,KAAK;YACzB,aAAa,EAAE,KAAK;SACrB,CAAC;KACH,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAChC,MAAM,cAAc,GAAG,iBAAiB,CAAC,OAAO,EAAE;QAChD,WAAW,EAAE,WAAW;QACxB,gBAAgB,EAAE,KAAK;QACvB,eAAe,EAAE,KAAK;QACtB,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,IAAI;QACZ,UAAU,EAAE,cAAc;QAC1B,kBAAkB,EAAE,KAAK;KAC1B,CAAC,CAAC;IAEH,uFAAuF;IACvF,MAAM,eAAe,GAAG,eAAe,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IACjE,MAAM,iBAAiB,GAAG,eAAe,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC;IAC5E,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,CAAC,OAAO,EAAE;QAChE,QAAQ,EAAE,MAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,mCAAI,CAAC;KAC7D,CAAC,CAAC;IAEH,qCAAqC;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAClB,cAAc,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnB,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC;IAEzD,OAAO,CACL,KAAC,sBAAsB,CAAC,QAAQ,IAC9B,KAAK,EAAE;YACL,WAAW;YACX,YAAY,EAAE,iBAAiB,CAAC,YAAY;SAC7C,YAED,KAAC,eAAe,IACd,UAAU,EACR,UAAU,KAAK,KAAK,IAAI,CAAC,0BAA0B,IAAI,OAAO,CAAC,KAAK,CAAC,EAEvE,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAClB,MAAC,OAAO,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,KAAK,EACf,UAAU,EAAE;oBACV,KAAK,EAAE,CAAC;oBACR,IAAI,EAAE,0BAA0B,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;iBAC3C,EACD,MAAM,EAAE,aAAa,EACrB,YAAY,EAAE,gBAAgB,aAE9B,KAAC,OAAO,CAAC,OAAO,IAAC,gBAAgB,EAAE,IAAI,YACpC,QAAQ,GACO,EAClB,KAAC,OAAO,CAAC,OAAO,IAAC,SAAS,EAAC,yDAAyD,YACjF,KAAK,GACU,IACV,CACX,YAED,MAAC,aAAa,IACZ,MAAM,EACJ,+BACE,IAAI,EAAC,QAAQ,IACT,eAAe,CAAC,iBAAiB,+BACnC,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,SAAS,EACd,KAAK,IACF,SAAS,GACT,cAAc,EACjB;oBACF,iBAAiB;oBACjB,sBAAsB;oBACtB,IAAI,EAAC,UAAU,mBACD,MAAM,mBACL,OAAO,CAAC,IAAI,mBACZ,UAAU,EACzB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;wBACjB,2DAA2D;wBAC3D,IACE,KAAK,CAAC,MAAM,YAAY,WAAW;4BACnC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,EACtC,CAAC;4BACD,gBAAgB,CAAC,IAAI,CAAC,CAAC;wBACzB,CAAC;wBACD,kCAAkC;wBAClC,MAAM,eAAe,GAAG,eAAe,CAAC,iBAAiB,CAAC,EAAE,CAAC;6BAC1D,OAEU,CAAC;wBACd,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,KAAK,CAAC,CAAC;oBAC3B,CAAC,EACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;wBAChB,gBAAgB,CAAC,KAAK,CAAC,CAAC;wBACxB,kCAAkC;wBAClC,MAAM,cAAc,GAAG,eAAe,CAAC,iBAAiB,CAAC,EAAE,CAAC;6BACzD,MAEU,CAAC;wBACd,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,KAAK,CAAC,CAAC;oBAC1B,CAAC,EACD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;wBACnB,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,EAAE,CAAC;4BAC/B,mCAAmC;4BACnC,SAAS,CAAC,IAAI,CAAC,CAAC;4BAChB,cAAc,CAAC,CAAC,CAAC,CAAC;4BAClB,qDAAqD;4BACrD,qBAAqB,CAAC,GAAG,EAAE;gCACzB,MAAM,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;gCAClC,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,KAAK,EAAE,CAAC;4BACd,CAAC,CAAC,CAAC;4BACH,KAAK,CAAC,cAAc,EAAE,CAAC;wBACzB,CAAC;wBACD,kEAAkE;oBACpE,CAAC,IACD,aAGJ,eAAK,SAAS,EAAC,yBAAyB,aACrC,OAAO,CAAC,IAAI,CAAC,IAAI,CAChB,cAAK,SAAS,EAAC,mCAAmC,YAChD,KAAC,eAAe,IACd,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,EACvD,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE;;wCAAC,OAAA,CAClB,KAAC,oBAAoB,IAAC,IAAI,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,mCAAI,MAAM,YAC9C,QAAQ,GACY,CACxB,CAAA;qCAAA,YAEA,IAAI,GACW,GACd,CACP,EACA,OAAO,CAAC,KAAK,CAAC,IAAI,CACjB,KAAC,UAAU,IACT,OAAO,EAAC,aAAa,EACrB,EAAE,EAAC,KAAK,EACR,SAAS,EAAC,yBAAyB,YAElC,KAAK,GACK,CACd,EACD,eAAK,SAAS,EAAC,oCAAoC,aAChD,KAAK,IAAI,KAAC,SAAS,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,EAC/D,KAAC,uBAAuB,IAAC,SAAS,EAAC,8BAA8B,GAAG,IAChE,IACF,EACL,OAAO,CAAC,IAAI,IAAI,CACf,KAAC,YAAY,IAAC,WAAW,EAAE,WAAW,YACpC,KAAC,cAAc,cACb,KAAC,oBAAoB,IACnB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,CAAC,CAAC,EAChB,WAAW,EAAE,IAAI,EACjB,eAAe,EAAE,IAAI,EACrB,MAAM,EAAE,IAAI,YAEZ,2BACE,EAAE,EAAE,UAAU,EACd,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,SAAS,EAAC,6DAA6D,EACvE,KAAK,kCACA,OAAO,CAAC,cAAc,GACtB,gBAAgB,KAEjB,iBAAiB,CAAC,gBAAgB,EAAE,IACxC,IAAI,EAAC,MAAM,YAEV,QAAQ,IACN,GACgB,GACR,GACJ,CAChB,IACa,GACA,GACc,CACnC,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,cAAc,GAAG,CAAC,EAOiB,EAAE,EAAE;QAPrB,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,EACH,KAAK,EACL,cAAc,OAEyB,EADpC,SAAS,cANU,2DAOvB,CADa;IAEZ,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAEtD,MAAM,OAAO,GAAG,UAAU,CAAC,8BAA8B,EAAE,SAAS,EAAE;QACpE,uCAAuC,EAAE,UAAU,IAAI,SAAS;KACjE,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,UAAU,kBACT,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,OAAO,EACf,EAAE,EAAC,IAAI,EACP,SAAS,EAAE,OAAO,EAClB,cAAc,kCACT,cAAc,KACjB,IAAI,EAAE,WAAW,KAEnB,KAAK,EAAE,KAAK,IACR,SAAS,cAEZ,UAAU,IAAI,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,OAAO,KAAG,IACtC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,OAAO,cAAK,SAAS,EAAC,iCAAiC,GAAG,CAAC;AAC7D,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,OAAO,CACL,KAAC,OAAO,IACN,WAAW,EAAC,YAAY,EACxB,SAAS,EAAC,sBAAsB,EAChC,EAAE,EAAC,IAAI,GACP,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,SAAS,GAAG,CAAC,EAQmB,EAAE,EAAE;QARvB,EACjB,MAAM,EACN,IAAI,EACJ,GAAG,EACH,cAAc,EACd,KAAK,EACL,SAAS,OAE2B,EADjC,SAAS,cAPK,iEAQlB,CADa;IAEZ,iBAAiB,EAAE,CAAC;IAEpB,MAAM,YAAY,GAAG,UAAU,CAAC,yBAAyB,EAAE,SAAS,EAAE;QACpE,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,UAAU,EAAE,IAAI,KAAK,MAAM;QAC3B,aAAa,EAAE,IAAI,KAAK,SAAS;KAClC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,UAAU,kBACT,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,YAAY,EACvB,OAAO,EAAC,kBAAkB,EAC1B,cAAc,kBACZ,YAAY,EAAE,GAAG,MAAM,0BAA0B,IAAI,EAAE,IACpD,cAAc,GAEnB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,IACJ,SAAS,cAEZ,MAAM,IACI,CACd,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,UAAU,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,GAChE,iBAAiB,EAAE,CAAC;IAEtB,MAAM,OAAO,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAC;IAEtD,IAAI,CAAC,0BAA0B,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,eAAe,IACd,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAE,OAAO,EAClB,WAAW,EAAC,KAAK,EACjB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,YAAY,EAAE;YACZ,IAAI,EAAE;gBACJ,iBAAiB,EAAE;oBACjB,cAAc,EAAE,IAAI;iBACrB;gBACD,SAAS,EAAE,OAAO;aACnB;SACF,YAED,KAAC,OAAO,KAAG,GACK,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE;IACrD,cAAc,EAAE,cAAc;IAC9B,YAAY,EAAE,YAAY;IAC1B,OAAO,EAAE,cAAc;IACvB,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,eAAe;IACzB,OAAO;CACR,CAAC,CAAC;AAEH,OAAO,EAAE,cAAc,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 {\n  autoUpdate,\n  Composite,\n  CompositeItem,\n  flip,\n  FloatingFocusManager,\n  FloatingList,\n  FloatingPortal,\n  offset,\n  safePolygon,\n  shift,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useListItem,\n  useListNavigation,\n  useMergeRefs,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { tokens } from '@neo4j-ndl/base';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { useEffect, useId, useRef, useState } from 'react';\n\nimport { IconIndicatorWrapper } from '../_common/IconIndicatorWrapper';\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { Divider } from '../divider';\nimport PinIcon from '../icons/generated/custom/Pin';\nimport { ChevronRightIconOutline } from '../icons/generated/heroIcons/ChevronRightIconOutline';\nimport { Tooltip } from '../tooltip';\nimport { Typography } from '../typography';\nimport {\n  SideNavCategoryContext,\n  SideNavContext,\n  useSideNavCategoryContext,\n  useSideNavContext,\n} from './side-navigation-context';\nimport {\n  type CategoryHeaderProps,\n  type CategoryItemProps,\n  type ItemBadgeProps,\n  type NavItemProps,\n  type SideNavListItemProps,\n  type SideNavProps,\n} from './side-navigation-types';\n\n/**\n * SideNav\n */\nconst SideNavComponent = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  isExpanded = false,\n  shouldOverlayOnInteraction = true,\n  ariaLabel,\n  onPinButtonClick,\n  expandedWidth,\n  ref,\n  ...restProps\n}: CommonProps<'div', SideNavProps>) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const [hasFocusVisible, setHasFocusVisible] = useState(false);\n  const [isCollapseTransitioning, setIsCollapseTransitioning] = useState(false);\n  const collapseTransitionTimeoutRef = useRef<ReturnType<\n    typeof setTimeout\n  > | null>(null);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const isFloatingExpanded =\n    shouldOverlayOnInteraction && (!isHovered ? hasFocusVisible : true);\n\n  const classes = classNames('ndl-side-nav', 'ndl-side-nav-root', className, {\n    'ndl-side-nav-collapsed':\n      isExpanded !== true && shouldOverlayOnInteraction !== true,\n    'ndl-side-nav-expanded': isExpanded,\n  });\n\n  const innerClasses = classNames('ndl-side-nav-inner', {\n    'ndl-side-nav-collapsing': isCollapseTransitioning,\n    'ndl-side-nav-hover': isFloatingExpanded === true && isExpanded !== true,\n  });\n\n  const customStyle = {\n    ...style,\n    ...(Boolean(expandedWidth) && {\n      '--side-nav-width-expanded':\n        typeof expandedWidth === 'string'\n          ? expandedWidth\n          : `${expandedWidth}px`,\n    }),\n  };\n\n  const mergedRef = useMergeRefs([ref, rootRef]);\n\n  const collapseTransitionDuration = Number.parseInt(\n    tokens.motion.duration.quick,\n    10,\n  );\n\n  useEffect(() => {\n    return () => {\n      if (collapseTransitionTimeoutRef.current !== null) {\n        clearTimeout(collapseTransitionTimeoutRef.current);\n        collapseTransitionTimeoutRef.current = null;\n      }\n    };\n  }, []);\n\n  return (\n    <SideNavContext.Provider\n      value={{\n        isExpanded,\n        isHovered: isFloatingExpanded, // needs refactoring\n        onPinButtonClick,\n        shouldOverlayOnInteraction,\n      }}\n    >\n      <div\n        className={classes}\n        ref={mergedRef}\n        style={customStyle}\n        onMouseEnter={() => {\n          if (collapseTransitionTimeoutRef.current !== null) {\n            clearTimeout(collapseTransitionTimeoutRef.current);\n            collapseTransitionTimeoutRef.current = null;\n          }\n          setIsCollapseTransitioning(false);\n          setIsHovered(true);\n        }}\n        onMouseLeave={() => {\n          const shouldDelayZIndexRemoval =\n            shouldOverlayOnInteraction &&\n            !isExpanded &&\n            (isHovered || hasFocusVisible);\n          setIsHovered(false);\n          if (shouldDelayZIndexRemoval) {\n            if (collapseTransitionTimeoutRef.current !== null) {\n              clearTimeout(collapseTransitionTimeoutRef.current);\n            }\n            setIsCollapseTransitioning(true);\n            collapseTransitionTimeoutRef.current = setTimeout(() => {\n              collapseTransitionTimeoutRef.current = null;\n              setIsCollapseTransitioning(false);\n            }, collapseTransitionDuration);\n          }\n        }}\n        onFocusCapture={() => {\n          // Delay slightly to let Composite's focus management settle\n          requestAnimationFrame(() => {\n            const activeElement = document.activeElement;\n            // Check if focus is inside and visible (using :focus-visible on the active element)\n            if (\n              activeElement instanceof HTMLElement &&\n              rootRef.current !== null &&\n              rootRef.current.contains(activeElement) &&\n              activeElement.matches(':focus-visible')\n            ) {\n              // Update state after another frame to let focus fully settle\n              // This updates the context for consumers without disrupting focus\n              requestAnimationFrame(() => {\n                setHasFocusVisible(true);\n              });\n            }\n          });\n        }}\n        onBlurCapture={() => {\n          // Small delay to check if focus moved to another element inside\n          requestAnimationFrame(() => {\n            const activeElement = document.activeElement;\n            const isInsideNav =\n              activeElement instanceof HTMLElement &&\n              rootRef.current !== null &&\n              rootRef.current.contains(activeElement);\n            // Check if focus is in a portaled floating menu\n            const isInsideFloatingMenu =\n              activeElement instanceof HTMLElement &&\n              activeElement.closest('.ndl-side-nav-popover') !== null;\n\n            if (\n              (isInsideNav || isInsideFloatingMenu) &&\n              activeElement instanceof HTMLElement &&\n              activeElement.matches(':focus-visible')\n            ) {\n              // Focus stayed inside with focus-visible\n              setHasFocusVisible(true);\n            } else {\n              // Focus left - collapse\n              setHasFocusVisible(false);\n            }\n          });\n        }}\n        {...restProps}\n        {...htmlAttributes}\n      >\n        <div className={innerClasses}>\n          {/** TODO v5: should the nav be the one that gets all the stuff spread on it? */}\n          <nav className=\"ndl-side-nav-nav\" aria-label={ariaLabel}>\n            <Composite\n              as=\"ul\"\n              aria-label={ariaLabel}\n              role=\"menubar\"\n              orientation=\"vertical\"\n              aria-orientation=\"vertical\"\n              className=\"ndl-side-nav-list\"\n              loop={true}\n            >\n              {children}\n            </Composite>\n          </nav>\n          {shouldOverlayOnInteraction === true && (\n            <div className=\"ndl-side-nav-footer\">\n              <PinButton />\n            </div>\n          )}\n        </div>\n      </div>\n    </SideNavContext.Provider>\n  );\n};\n\n/**\n * SideNavListItem\n */\nconst SideNavListItem = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'li', SideNavListItemProps>) => {\n  const classes = classNames('ndl-side-nav-list-item', className, {});\n\n  return (\n    <li\n      role=\"none\"\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <SelectedIndicator />\n      {children}\n    </li>\n  );\n};\n\n/**\n * NavItem\n */\nconst NavItem = <T extends React.ElementType = 'button'>({\n  icon,\n  label,\n  trailingElement,\n  isActive,\n  className,\n  style,\n  htmlAttributes,\n  as,\n  badge,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, NavItemProps>) => {\n  const { isExpanded, isHovered, shouldOverlayOnInteraction } =\n    useSideNavContext();\n  const categoryContext = useSideNavCategoryContext();\n  const isInCategory = categoryContext !== null;\n\n  const item = useListItem();\n  const mergedRef = useMergeRefs([item.ref, ref]);\n\n  const isActiveIndex = item.index === categoryContext?.activeIndex;\n\n  const Component: React.ElementType = as ?? 'button';\n  const classes = classNames('ndl-side-nav-nav-item', className, {\n    'ndl-active': isActive === true,\n  });\n\n  const Wrapper = isInCategory ? Component : CompositeItem;\n  const componentProps = {\n    className: classes,\n    ref: mergedRef,\n    role: 'menuitem',\n    style: style,\n    ...(isInCategory && {\n      ...categoryContext?.getItemProps(),\n      tabIndex: isActiveIndex ? 0 : -1,\n    }),\n    ...restProps,\n    ...htmlAttributes,\n  };\n  const wrapperProps = isInCategory\n    ? componentProps\n    : {\n        render: <Component {...componentProps} />,\n      };\n\n  return (\n    <ConditionalWrap\n      shouldWrap={\n        isExpanded === false &&\n        !shouldOverlayOnInteraction &&\n        !isInCategory &&\n        Boolean(label)\n      }\n      wrap={(children) => (\n        <Tooltip\n          type=\"simple\"\n          placement=\"right\"\n          hoverDelay={{ close: 0, open: shouldOverlayOnInteraction ? 100 : 0 }}\n        >\n          <Tooltip.Trigger hasButtonWrapper={true}>{children}</Tooltip.Trigger>\n          <Tooltip.Content>{label}</Tooltip.Content>\n        </Tooltip>\n      )}\n    >\n      <Wrapper {...wrapperProps}>\n        <div className=\"ndl-side-nav-item-inner\">\n          {Boolean(icon) && (\n            <div className=\"ndl-side-nav-item-leading-element\">\n              <ConditionalWrap\n                shouldWrap={Boolean(badge) && !isHovered && !isExpanded}\n                wrap={(children) => (\n                  <IconIndicatorWrapper type={badge?.type ?? 'info'}>\n                    {children}\n                  </IconIndicatorWrapper>\n                )}\n              >\n                {icon}\n              </ConditionalWrap>\n            </div>\n          )}\n          {Boolean(label) && (\n            <Typography\n              variant=\"body-medium\"\n              as=\"div\"\n              className=\"ndl-side-nav-item-label\"\n            >\n              {label}\n            </Typography>\n          )}\n          {(Boolean(trailingElement) || Boolean(badge)) && (\n            <div className=\"ndl-side-nav-item-trailing-element\">\n              {trailingElement}\n              {badge !== undefined && (\n                <ItemBadge type={badge.type} number={badge.number} />\n              )}\n            </div>\n          )}\n        </div>\n      </Wrapper>\n    </ConditionalWrap>\n  );\n};\n\n/**\n * CategoryItem\n */\nconst CategoryItem = ({\n  children,\n  icon,\n  label,\n  isActive,\n  className,\n  style,\n  htmlAttributes,\n  badge,\n  isMenuOpen = false,\n  ref,\n  ...restProps\n}: CommonProps<'button', CategoryItemProps>) => {\n  const floatingId = useId();\n  const { isExpanded, isHovered, shouldOverlayOnInteraction } =\n    useSideNavContext();\n  const anchorRef = useRef<HTMLLIElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  const elementsRef = useRef<\n    Array<HTMLButtonElement | HTMLAnchorElement | null>\n  >([]);\n\n  const classes = classNames('ndl-side-nav-category-item', className, {\n    'ndl-active': isActive === true,\n  });\n\n  // Floating UI setup\n  const { refs, context } = useFloating({\n    elements: {\n      reference: anchorRef.current,\n    },\n    middleware: [\n      offset(5),\n      flip({ crossAxis: true, fallbackAxisSideDirection: 'end', padding: 5 }),\n      shift({ padding: 5 }),\n    ],\n    onOpenChange: setIsOpen,\n    open: isOpen || isMenuOpen,\n    placement: 'right-start',\n    strategy: 'fixed',\n    whileElementsMounted: autoUpdate,\n  });\n\n  const dismiss = useDismiss(context, {\n    referencePress: false,\n  });\n  const hover = useHover(context, {\n    delay: { close: 130, open: 130 },\n    handleClose: safePolygon({\n      blockPointerEvents: false,\n      requireIntent: false,\n    }),\n  });\n  const focus = useFocus(context);\n  const listNavigation = useListNavigation(context, {\n    activeIndex: activeIndex,\n    focusItemOnHover: false,\n    focusItemOnOpen: false,\n    listRef: elementsRef,\n    loop: true,\n    nested: true,\n    onNavigate: setActiveIndex,\n    openOnArrowKeyDown: false,\n  });\n\n  // Separate interactions: reference (no listNavigation), floating (with listNavigation)\n  const refInteractions = useInteractions([dismiss, hover, focus]);\n  const floatInteractions = useInteractions([dismiss, hover, listNavigation]);\n  const { styles: transitionStyles } = useTransitionStyles(context, {\n    duration: Number.parseInt(tokens.motion.duration.quick) ?? 0,\n  });\n\n  // Reset activeIndex when menu closes\n  useEffect(() => {\n    if (!context.open) {\n      setActiveIndex(null);\n    }\n  }, [context.open]);\n\n  const mergedRef = useMergeRefs([refs.setReference, ref]);\n\n  return (\n    <SideNavCategoryContext.Provider\n      value={{\n        activeIndex,\n        getItemProps: floatInteractions.getItemProps,\n      }}\n    >\n      <ConditionalWrap\n        shouldWrap={\n          isExpanded === false && !shouldOverlayOnInteraction && Boolean(label)\n        }\n        wrap={(children) => (\n          <Tooltip\n            type=\"simple\"\n            placement=\"top\"\n            hoverDelay={{\n              close: 0,\n              open: shouldOverlayOnInteraction ? 100 : 0,\n            }}\n            isOpen={isTooltipOpen}\n            onOpenChange={setIsTooltipOpen}\n          >\n            <Tooltip.Trigger hasButtonWrapper={true}>\n              {children}\n            </Tooltip.Trigger>\n            <Tooltip.Content className=\"ndl-side-nav ndl-side-nav-category-menu-tooltip-content\">\n              {label}\n            </Tooltip.Content>\n          </Tooltip>\n        )}\n      >\n        <CompositeItem\n          render={\n            <button\n              type=\"button\"\n              {...refInteractions.getReferenceProps({\n                className: classes,\n                ref: mergedRef,\n                style,\n                ...restProps,\n                ...htmlAttributes,\n              })}\n              // {...restProps}\n              // {...htmlAttributes}\n              role=\"menuitem\"\n              aria-haspopup=\"menu\"\n              aria-expanded={context.open}\n              aria-controls={floatingId}\n              onFocus={(event) => {\n                // Only show tooltip on focus-visible (keyboard navigation)\n                if (\n                  event.target instanceof HTMLElement &&\n                  event.target.matches(':focus-visible')\n                ) {\n                  setIsTooltipOpen(true);\n                }\n                // Call original handler if exists\n                const originalOnFocus = refInteractions.getReferenceProps({})\n                  .onFocus as\n                  | ((event: React.FocusEvent<HTMLButtonElement>) => void)\n                  | undefined;\n                originalOnFocus?.(event);\n              }}\n              onBlur={(event) => {\n                setIsTooltipOpen(false);\n                // Call original handler if exists\n                const originalOnBlur = refInteractions.getReferenceProps({})\n                  .onBlur as\n                  | ((event: React.FocusEvent<HTMLButtonElement>) => void)\n                  | undefined;\n                originalOnBlur?.(event);\n              }}\n              onKeyDown={(event) => {\n                if (event.key === 'ArrowRight') {\n                  // open and move focus into submenu\n                  setIsOpen(true);\n                  setActiveIndex(0);\n                  // Defer focusing first item (if needed) to next tick\n                  requestAnimationFrame(() => {\n                    const el = elementsRef.current[0];\n                    el?.focus();\n                  });\n                  event.preventDefault();\n                }\n                // ArrowDown/ArrowUp: let Composite handle top-level roving focus.\n              }}\n            />\n          }\n        >\n          <div className=\"ndl-side-nav-item-inner\">\n            {Boolean(icon) && (\n              <div className=\"ndl-side-nav-item-leading-element\">\n                <ConditionalWrap\n                  shouldWrap={Boolean(badge) && !isHovered && !isExpanded}\n                  wrap={(children) => (\n                    <IconIndicatorWrapper type={badge?.type ?? 'info'}>\n                      {children}\n                    </IconIndicatorWrapper>\n                  )}\n                >\n                  {icon}\n                </ConditionalWrap>\n              </div>\n            )}\n            {Boolean(label) && (\n              <Typography\n                variant=\"body-medium\"\n                as=\"div\"\n                className=\"ndl-side-nav-item-label\"\n              >\n                {label}\n              </Typography>\n            )}\n            <div className=\"ndl-side-nav-item-trailing-element\">\n              {badge && <ItemBadge type={badge.type} number={badge.number} />}\n              <ChevronRightIconOutline className=\"n-size-4 n-text-neutral-icon\" />\n            </div>\n          </div>\n          {context.open && (\n            <FloatingList elementsRef={elementsRef}>\n              <FloatingPortal>\n                <FloatingFocusManager\n                  context={context}\n                  modal={false}\n                  initialFocus={-1}\n                  returnFocus={true}\n                  closeOnFocusOut={true}\n                  guards={true}\n                >\n                  <ul\n                    id={floatingId}\n                    ref={refs.setFloating}\n                    className=\"ndl-side-nav ndl-side-nav-popover ndl-side-nav-popover-list\"\n                    style={{\n                      ...context.floatingStyles,\n                      ...transitionStyles,\n                    }}\n                    {...floatInteractions.getFloatingProps()}\n                    role=\"menu\"\n                  >\n                    {children}\n                  </ul>\n                </FloatingFocusManager>\n              </FloatingPortal>\n            </FloatingList>\n          )}\n        </CompositeItem>\n      </ConditionalWrap>\n    </SideNavCategoryContext.Provider>\n  );\n};\n\n/**\n * CategoryHeader\n */\nconst CategoryHeader = ({\n  children,\n  className,\n  ref,\n  style,\n  htmlAttributes,\n  ...restProps\n}: CommonProps<'li', CategoryHeaderProps>) => {\n  const { isExpanded, isHovered } = useSideNavContext();\n\n  const classes = classNames('ndl-side-nav-category-header', className, {\n    'ndl-side-nav-category-header-expanded': isExpanded || isHovered,\n  });\n\n  return (\n    <Typography\n      ref={ref}\n      variant=\"label\"\n      as=\"li\"\n      className={classes}\n      htmlAttributes={{\n        ...htmlAttributes,\n        role: 'separator',\n      }}\n      style={style}\n      {...restProps}\n    >\n      {isExpanded || isHovered ? children : <Divider />}\n    </Typography>\n  );\n};\n\n/**\n * SelectedIndicator\n */\nconst SelectedIndicator = () => {\n  return <div className=\"ndl-side-nav-selected-indicator\" />;\n};\n\n/**\n * SideNavDivider\n */\nconst SideNavDivider = () => {\n  return (\n    <Divider\n      orientation=\"horizontal\"\n      className=\"ndl-side-nav-divider\"\n      as=\"li\"\n    />\n  );\n};\n\n/**\n * ItemBadge\n */\nconst ItemBadge = ({\n  number,\n  type,\n  ref,\n  htmlAttributes,\n  style,\n  className,\n  ...restProps\n}: CommonProps<'span', ItemBadgeProps>) => {\n  useSideNavContext();\n\n  const badgeClasses = classNames('ndl-side-nav-item-badge', className, {\n    'ndl-danger': type === 'danger',\n    'ndl-info': type === 'info',\n    'ndl-warning': type === 'warning',\n  });\n\n  return (\n    <Typography\n      as=\"span\"\n      className={badgeClasses}\n      variant=\"subheading-small\"\n      htmlAttributes={{\n        'aria-label': `${number} notifications of type ${type}`,\n        ...htmlAttributes,\n      }}\n      style={style}\n      ref={ref}\n      {...restProps}\n    >\n      {number}\n    </Typography>\n  );\n};\n\n/**\n * PinButton\n */\nconst PinButton = () => {\n  const { isExpanded, shouldOverlayOnInteraction, onPinButtonClick } =\n    useSideNavContext();\n\n  const classes = classNames('ndl-side-nav-pin-button');\n\n  if (!shouldOverlayOnInteraction) {\n    return null;\n  }\n\n  return (\n    <CleanIconButton\n      onClick={onPinButtonClick}\n      className={classes}\n      description=\"Pin\"\n      size=\"medium\"\n      isActive={isExpanded}\n      tooltipProps={{\n        root: {\n          autoUpdateOptions: {\n            animationFrame: true,\n          },\n          placement: 'right',\n        },\n      }}\n    >\n      <PinIcon />\n    </CleanIconButton>\n  );\n};\n\nconst SideNavigation = Object.assign(SideNavComponent, {\n  CategoryHeader: CategoryHeader,\n  CategoryItem: CategoryItem,\n  Divider: SideNavDivider,\n  ItemBadge: ItemBadge,\n  ListItem: SideNavListItem,\n  NavItem,\n});\n\nexport { SideNavigation };\n"]}
+{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../src/side-navigation/SideNavigation.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 */\n\nimport {\n  autoUpdate,\n  Composite,\n  CompositeItem,\n  flip,\n  FloatingFocusManager,\n  FloatingList,\n  FloatingPortal,\n  offset,\n  safePolygon,\n  shift,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useListItem,\n  useListNavigation,\n  useMergeRefs,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { tokens } from '@neo4j-ndl/base';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { useEffect, useId, useRef, useState } from 'react';\n\nimport { IconIndicatorWrapper } from '../_common/IconIndicatorWrapper';\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { Divider } from '../divider';\nimport PinIcon from '../icons/generated/custom/Pin';\nimport { ChevronRightIconOutline } from '../icons/generated/heroIcons/ChevronRightIconOutline';\nimport { Tooltip } from '../tooltip';\nimport { Typography } from '../typography';\nimport {\n  SideNavCategoryContext,\n  SideNavContext,\n  useSideNavCategoryContext,\n  useSideNavContext,\n} from './side-navigation-context';\nimport {\n  type CategoryHeaderProps,\n  type CategoryItemProps,\n  type ItemBadgeProps,\n  type NavItemProps,\n  type SideNavListItemProps,\n  type SideNavProps,\n} from './side-navigation-types';\n\n/**\n * SideNav\n */\nconst SideNavComponent = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  isExpanded = false,\n  shouldOverlayOnInteraction = true,\n  ariaLabel,\n  onPinButtonClick,\n  expandedWidth,\n  ref,\n  ...restProps\n}: CommonProps<'div', SideNavProps>) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const [hasFocusVisible, setHasFocusVisible] = useState(false);\n  const [isCollapseTransitioning, setIsCollapseTransitioning] = useState(false);\n  const collapseTransitionTimeoutRef = useRef<ReturnType<\n    typeof setTimeout\n  > | null>(null);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const isFloatingExpanded =\n    shouldOverlayOnInteraction && (!isHovered ? hasFocusVisible : true);\n\n  const classes = classNames('ndl-side-nav', 'ndl-side-nav-root', className, {\n    'ndl-side-nav-collapsed':\n      isExpanded !== true && shouldOverlayOnInteraction !== true,\n    'ndl-side-nav-expanded': isExpanded,\n  });\n\n  const innerClasses = classNames('ndl-side-nav-inner', {\n    'ndl-side-nav-collapsing': isCollapseTransitioning,\n    'ndl-side-nav-hover': isFloatingExpanded === true && isExpanded !== true,\n  });\n\n  const customStyle = {\n    ...style,\n    ...(Boolean(expandedWidth) && {\n      '--side-nav-width-expanded':\n        typeof expandedWidth === 'string'\n          ? expandedWidth\n          : `${expandedWidth}px`,\n    }),\n  };\n\n  const mergedRef = useMergeRefs([ref, rootRef]);\n\n  const collapseTransitionDuration = Number.parseInt(\n    tokens.motion.duration.quick,\n    10,\n  );\n\n  useEffect(() => {\n    return () => {\n      if (collapseTransitionTimeoutRef.current !== null) {\n        clearTimeout(collapseTransitionTimeoutRef.current);\n        collapseTransitionTimeoutRef.current = null;\n      }\n    };\n  }, []);\n\n  return (\n    <SideNavContext.Provider\n      value={{\n        isExpanded,\n        isHovered: isFloatingExpanded, // needs refactoring\n        onPinButtonClick,\n        shouldOverlayOnInteraction,\n      }}\n    >\n      <div\n        className={classes}\n        ref={mergedRef}\n        style={customStyle}\n        onMouseEnter={() => {\n          if (collapseTransitionTimeoutRef.current !== null) {\n            clearTimeout(collapseTransitionTimeoutRef.current);\n            collapseTransitionTimeoutRef.current = null;\n          }\n          setIsCollapseTransitioning(false);\n          setIsHovered(true);\n        }}\n        onMouseLeave={() => {\n          const shouldDelayZIndexRemoval =\n            shouldOverlayOnInteraction &&\n            !isExpanded &&\n            (isHovered || hasFocusVisible);\n          setIsHovered(false);\n          if (shouldDelayZIndexRemoval) {\n            if (collapseTransitionTimeoutRef.current !== null) {\n              clearTimeout(collapseTransitionTimeoutRef.current);\n            }\n            setIsCollapseTransitioning(true);\n            collapseTransitionTimeoutRef.current = setTimeout(() => {\n              collapseTransitionTimeoutRef.current = null;\n              setIsCollapseTransitioning(false);\n            }, collapseTransitionDuration);\n          }\n        }}\n        onFocusCapture={() => {\n          // Delay slightly to let Composite's focus management settle\n          requestAnimationFrame(() => {\n            const activeElement = document.activeElement;\n            // Check if focus is inside and visible (using :focus-visible on the active element)\n            if (\n              activeElement instanceof HTMLElement &&\n              rootRef.current !== null &&\n              rootRef.current.contains(activeElement) &&\n              activeElement.matches(':focus-visible')\n            ) {\n              // Update state after another frame to let focus fully settle\n              // This updates the context for consumers without disrupting focus\n              requestAnimationFrame(() => {\n                setHasFocusVisible(true);\n              });\n            }\n          });\n        }}\n        onBlurCapture={() => {\n          // Small delay to check if focus moved to another element inside\n          requestAnimationFrame(() => {\n            const activeElement = document.activeElement;\n            const isInsideNav =\n              activeElement instanceof HTMLElement &&\n              rootRef.current !== null &&\n              rootRef.current.contains(activeElement);\n            // Check if focus is in a portaled floating menu\n            const isInsideFloatingMenu =\n              activeElement instanceof HTMLElement &&\n              activeElement.closest('.ndl-side-nav-popover') !== null;\n\n            if (\n              (isInsideNav || isInsideFloatingMenu) &&\n              activeElement instanceof HTMLElement &&\n              activeElement.matches(':focus-visible')\n            ) {\n              // Focus stayed inside with focus-visible\n              setHasFocusVisible(true);\n            } else {\n              // Focus left - collapse\n              setHasFocusVisible(false);\n            }\n          });\n        }}\n        {...restProps}\n        {...htmlAttributes}\n      >\n        <div className={innerClasses}>\n          {/** TODO v5: should the nav be the one that gets all the stuff spread on it? */}\n          <nav className=\"ndl-side-nav-nav\" aria-label={ariaLabel}>\n            <Composite\n              as=\"ul\"\n              aria-label={ariaLabel}\n              role=\"menubar\"\n              orientation=\"vertical\"\n              aria-orientation=\"vertical\"\n              className=\"ndl-side-nav-list\"\n              loop={true}\n            >\n              {children}\n            </Composite>\n          </nav>\n          {shouldOverlayOnInteraction === true && (\n            <div className=\"ndl-side-nav-footer\">\n              <PinButton />\n            </div>\n          )}\n        </div>\n      </div>\n    </SideNavContext.Provider>\n  );\n};\n\n/**\n * SideNavListItem\n */\nconst SideNavListItem = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'li', SideNavListItemProps>) => {\n  const classes = classNames('ndl-side-nav-list-item', className, {});\n\n  return (\n    <li\n      role=\"none\"\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <SelectedIndicator />\n      {children}\n    </li>\n  );\n};\n\n/**\n * NavItem\n */\nconst NavItem = <T extends React.ElementType = 'button'>({\n  icon,\n  label,\n  trailingElement,\n  isActive,\n  className,\n  style,\n  htmlAttributes,\n  as,\n  badge,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, NavItemProps>) => {\n  const { isExpanded, isHovered, shouldOverlayOnInteraction } =\n    useSideNavContext();\n  const categoryContext = useSideNavCategoryContext();\n  const isInCategory = categoryContext !== null;\n\n  const item = useListItem();\n  const mergedRef = useMergeRefs([item.ref, ref]);\n\n  const isActiveIndex = item.index === categoryContext?.activeIndex;\n\n  const Component: React.ElementType = as ?? 'button';\n  const classes = classNames('ndl-side-nav-nav-item', className, {\n    'ndl-active': isActive === true,\n  });\n\n  const Wrapper = isInCategory ? Component : CompositeItem;\n  const componentProps = {\n    className: classes,\n    ref: mergedRef,\n    role: 'menuitem',\n    style: style,\n    ...(isInCategory && {\n      ...categoryContext?.getItemProps(),\n      tabIndex: isActiveIndex ? 0 : -1,\n    }),\n    ...restProps,\n    ...htmlAttributes,\n  };\n  const wrapperProps = isInCategory\n    ? componentProps\n    : {\n        render: <Component {...componentProps} />,\n      };\n\n  return (\n    <ConditionalWrap\n      shouldWrap={\n        isExpanded === false &&\n        !shouldOverlayOnInteraction &&\n        !isInCategory &&\n        Boolean(label)\n      }\n      wrap={(children) => (\n        <Tooltip\n          type=\"simple\"\n          placement=\"right\"\n          hoverDelay={{ close: 0, open: shouldOverlayOnInteraction ? 100 : 0 }}\n        >\n          <Tooltip.Trigger hasButtonWrapper={true}>{children}</Tooltip.Trigger>\n          <Tooltip.Content>{label}</Tooltip.Content>\n        </Tooltip>\n      )}\n    >\n      <Wrapper {...wrapperProps}>\n        <div className=\"ndl-side-nav-item-inner\">\n          {Boolean(icon) && (\n            <div className=\"ndl-side-nav-item-leading-element\">\n              <ConditionalWrap\n                shouldWrap={Boolean(badge) && !isHovered && !isExpanded}\n                wrap={(children) => (\n                  <IconIndicatorWrapper type={badge?.type ?? 'info'}>\n                    {children}\n                  </IconIndicatorWrapper>\n                )}\n              >\n                {icon}\n              </ConditionalWrap>\n            </div>\n          )}\n          {Boolean(label) && (\n            <Typography\n              variant=\"body-medium\"\n              as=\"div\"\n              className=\"ndl-side-nav-item-label\"\n            >\n              {label}\n            </Typography>\n          )}\n          {(Boolean(trailingElement) || Boolean(badge)) && (\n            <div className=\"ndl-side-nav-item-trailing-element\">\n              {trailingElement}\n              {badge !== undefined && (\n                <ItemBadge type={badge.type} number={badge.number} />\n              )}\n            </div>\n          )}\n        </div>\n      </Wrapper>\n    </ConditionalWrap>\n  );\n};\n\n/**\n * CategoryItem\n */\nconst CategoryItem = ({\n  children,\n  icon,\n  label,\n  isActive,\n  className,\n  style,\n  htmlAttributes,\n  badge,\n  isMenuOpen = false,\n  ref,\n  ...restProps\n}: CommonProps<'button', CategoryItemProps>) => {\n  const floatingId = useId();\n  const { isExpanded, isHovered, shouldOverlayOnInteraction } =\n    useSideNavContext();\n  const anchorRef = useRef<HTMLLIElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  const elementsRef = useRef<\n    Array<HTMLButtonElement | HTMLAnchorElement | null>\n  >([]);\n\n  const classes = classNames('ndl-side-nav-category-item', className, {\n    'ndl-active': isActive === true,\n  });\n\n  // Floating UI setup\n  const { refs, context } = useFloating({\n    elements: {\n      reference: anchorRef.current,\n    },\n    middleware: [\n      offset(5),\n      flip({ crossAxis: true, fallbackAxisSideDirection: 'end', padding: 5 }),\n      shift({ padding: 5 }),\n    ],\n    onOpenChange: setIsOpen,\n    open: isOpen || isMenuOpen,\n    placement: 'right-start',\n    strategy: 'fixed',\n    whileElementsMounted: autoUpdate,\n  });\n\n  const dismiss = useDismiss(context, {\n    referencePress: false,\n  });\n  const hover = useHover(context, {\n    delay: { close: 130, open: 130 },\n    handleClose: safePolygon({\n      blockPointerEvents: false,\n      requireIntent: false,\n    }),\n  });\n  const focus = useFocus(context);\n  const listNavigation = useListNavigation(context, {\n    activeIndex: activeIndex,\n    focusItemOnHover: false,\n    focusItemOnOpen: false,\n    listRef: elementsRef,\n    loop: true,\n    nested: true,\n    onNavigate: setActiveIndex,\n    openOnArrowKeyDown: false,\n  });\n\n  // Separate interactions: reference (no listNavigation), floating (with listNavigation)\n  const refInteractions = useInteractions([dismiss, hover, focus]);\n  const floatInteractions = useInteractions([dismiss, hover, listNavigation]);\n  const { styles: transitionStyles } = useTransitionStyles(context, {\n    duration: Number.parseInt(tokens.motion.duration.quick) ?? 0,\n  });\n\n  // Reset activeIndex when menu closes\n  useEffect(() => {\n    if (!context.open) {\n      setActiveIndex(null);\n    }\n  }, [context.open]);\n\n  const mergedRef = useMergeRefs([refs.setReference, ref]);\n\n  return (\n    <SideNavCategoryContext.Provider\n      value={{\n        activeIndex,\n        getItemProps: floatInteractions.getItemProps,\n      }}\n    >\n      <ConditionalWrap\n        shouldWrap={\n          isExpanded === false && !shouldOverlayOnInteraction && Boolean(label)\n        }\n        wrap={(children) => (\n          <Tooltip\n            type=\"simple\"\n            placement=\"top\"\n            hoverDelay={{\n              close: 0,\n              open: shouldOverlayOnInteraction ? 100 : 0,\n            }}\n            isOpen={isTooltipOpen}\n            onOpenChange={setIsTooltipOpen}\n          >\n            <Tooltip.Trigger hasButtonWrapper={true}>\n              {children}\n            </Tooltip.Trigger>\n            <Tooltip.Content className=\"ndl-side-nav ndl-side-nav-category-menu-tooltip-content\">\n              {label}\n            </Tooltip.Content>\n          </Tooltip>\n        )}\n      >\n        <CompositeItem\n          render={\n            <button\n              type=\"button\"\n              {...refInteractions.getReferenceProps({\n                className: classes,\n                ref: mergedRef,\n                style,\n                ...restProps,\n                ...htmlAttributes,\n              })}\n              // {...restProps}\n              // {...htmlAttributes}\n              role=\"menuitem\"\n              aria-haspopup=\"menu\"\n              aria-expanded={context.open}\n              aria-controls={floatingId}\n              onFocus={(event) => {\n                // Only show tooltip on focus-visible (keyboard navigation)\n                if (\n                  event.target instanceof HTMLElement &&\n                  event.target.matches(':focus-visible')\n                ) {\n                  setIsTooltipOpen(true);\n                }\n                // Call original handler if exists\n                const originalOnFocus = refInteractions.getReferenceProps({})\n                  .onFocus as\n                  | ((event: React.FocusEvent<HTMLButtonElement>) => void)\n                  | undefined;\n                originalOnFocus?.(event);\n              }}\n              onBlur={(event) => {\n                setIsTooltipOpen(false);\n                // Call original handler if exists\n                const originalOnBlur = refInteractions.getReferenceProps({})\n                  .onBlur as\n                  | ((event: React.FocusEvent<HTMLButtonElement>) => void)\n                  | undefined;\n                originalOnBlur?.(event);\n              }}\n              onKeyDown={(event) => {\n                if (event.key === 'ArrowRight') {\n                  // open and move focus into submenu\n                  setIsOpen(true);\n                  setActiveIndex(0);\n                  // Defer focusing first item (if needed) to next tick\n                  requestAnimationFrame(() => {\n                    const el = elementsRef.current[0];\n                    el?.focus();\n                  });\n                  event.preventDefault();\n                }\n                // ArrowDown/ArrowUp: let Composite handle top-level roving focus.\n              }}\n            />\n          }\n        >\n          <div className=\"ndl-side-nav-item-inner\">\n            {Boolean(icon) && (\n              <div className=\"ndl-side-nav-item-leading-element\">\n                <ConditionalWrap\n                  shouldWrap={Boolean(badge) && !isHovered && !isExpanded}\n                  wrap={(children) => (\n                    <IconIndicatorWrapper type={badge?.type ?? 'info'}>\n                      {children}\n                    </IconIndicatorWrapper>\n                  )}\n                >\n                  {icon}\n                </ConditionalWrap>\n              </div>\n            )}\n            {Boolean(label) && (\n              <Typography\n                variant=\"body-medium\"\n                as=\"div\"\n                className=\"ndl-side-nav-item-label\"\n              >\n                {label}\n              </Typography>\n            )}\n            <div className=\"ndl-side-nav-item-trailing-element\">\n              {badge && <ItemBadge type={badge.type} number={badge.number} />}\n              <ChevronRightIconOutline className=\"n-size-4 n-text-neutral-icon\" />\n            </div>\n          </div>\n          {context.open && (\n            <FloatingList elementsRef={elementsRef}>\n              <FloatingPortal>\n                <FloatingFocusManager\n                  context={context}\n                  modal={false}\n                  initialFocus={-1}\n                  returnFocus={true}\n                  closeOnFocusOut={true}\n                  guards={true}\n                >\n                  <ul\n                    id={floatingId}\n                    ref={refs.setFloating}\n                    className=\"ndl-side-nav ndl-side-nav-popover ndl-side-nav-popover-list\"\n                    style={{\n                      ...context.floatingStyles,\n                      ...transitionStyles,\n                    }}\n                    {...floatInteractions.getFloatingProps()}\n                    role=\"menu\"\n                  >\n                    {children}\n                  </ul>\n                </FloatingFocusManager>\n              </FloatingPortal>\n            </FloatingList>\n          )}\n        </CompositeItem>\n      </ConditionalWrap>\n    </SideNavCategoryContext.Provider>\n  );\n};\n\n/**\n * CategoryHeader\n */\nconst CategoryHeader = ({\n  children,\n  className,\n  ref,\n  style,\n  htmlAttributes,\n  ...restProps\n}: CommonProps<'li', CategoryHeaderProps>) => {\n  const { isExpanded, isHovered } = useSideNavContext();\n\n  const classes = classNames('ndl-side-nav-category-header', className, {\n    'ndl-side-nav-category-header-expanded': isExpanded || isHovered,\n  });\n\n  return (\n    <Typography\n      ref={ref}\n      variant=\"title-4\"\n      as=\"li\"\n      className={classes}\n      htmlAttributes={{\n        ...htmlAttributes,\n        role: 'separator',\n      }}\n      style={style}\n      {...restProps}\n    >\n      {isExpanded || isHovered ? children : <Divider />}\n    </Typography>\n  );\n};\n\n/**\n * SelectedIndicator\n */\nconst SelectedIndicator = () => {\n  return <div className=\"ndl-side-nav-selected-indicator\" />;\n};\n\n/**\n * SideNavDivider\n */\nconst SideNavDivider = () => {\n  return (\n    <Divider\n      orientation=\"horizontal\"\n      className=\"ndl-side-nav-divider\"\n      as=\"li\"\n    />\n  );\n};\n\n/**\n * ItemBadge\n */\nconst ItemBadge = ({\n  number,\n  type,\n  ref,\n  htmlAttributes,\n  style,\n  className,\n  ...restProps\n}: CommonProps<'span', ItemBadgeProps>) => {\n  useSideNavContext();\n\n  const badgeClasses = classNames('ndl-side-nav-item-badge', className, {\n    'ndl-danger': type === 'danger',\n    'ndl-info': type === 'info',\n    'ndl-warning': type === 'warning',\n  });\n\n  return (\n    <Typography\n      as=\"span\"\n      className={badgeClasses}\n      variant=\"subheading-small\"\n      htmlAttributes={{\n        'aria-label': `${number} notifications of type ${type}`,\n        ...htmlAttributes,\n      }}\n      style={style}\n      ref={ref}\n      {...restProps}\n    >\n      {number}\n    </Typography>\n  );\n};\n\n/**\n * PinButton\n */\nconst PinButton = () => {\n  const { isExpanded, shouldOverlayOnInteraction, onPinButtonClick } =\n    useSideNavContext();\n\n  const classes = classNames('ndl-side-nav-pin-button');\n\n  if (!shouldOverlayOnInteraction) {\n    return null;\n  }\n\n  return (\n    <CleanIconButton\n      onClick={onPinButtonClick}\n      className={classes}\n      description=\"Pin\"\n      size=\"medium\"\n      isActive={isExpanded}\n      tooltipProps={{\n        root: {\n          autoUpdateOptions: {\n            animationFrame: true,\n          },\n          placement: 'right',\n        },\n      }}\n    >\n      <PinIcon />\n    </CleanIconButton>\n  );\n};\n\nconst SideNavigation = Object.assign(SideNavComponent, {\n  CategoryHeader: CategoryHeader,\n  CategoryItem: CategoryItem,\n  Divider: SideNavDivider,\n  ItemBadge: ItemBadge,\n  ListItem: SideNavListItem,\n  NavItem,\n});\n\nexport { SideNavigation };\n"]}

package/lib/esm/status-indicator/stories/status-indicator-variants.story.js

@@ -22,7 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { StatusIndicator, Typography } from '@neo4j-ndl/react';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-gap-token-16", children: [_jsxs("div", { className: "n-flex n-flex-col n-items-center n-gap-token-8", children: [_jsx(StatusIndicator, { variant: "unknown" }), _jsx(Typography, { variant: "label", children: "Unknown" })] }), _jsxs("div", { className: "n-flex n-flex-col n-items-center n-gap-token-8", children: [_jsx(StatusIndicator, { variant: "success" }), _jsx(Typography, { variant: "label", children: "Success" })] }), _jsxs("div", { className: "n-flex n-flex-col n-items-center n-gap-token-8", children: [_jsx(StatusIndicator, { variant: "info" }), _jsx(Typography, { variant: "label", children: "Info" })] }), _jsxs("div", { className: "n-flex n-flex-col n-items-center n-gap-token-8", children: [_jsx(StatusIndicator, { variant: "warning" }), _jsx(Typography, { variant: "label", children: "Warning" })] }), _jsxs("div", { className: "n-flex n-flex-col n-items-center n-gap-token-8", children: [_jsx(StatusIndicator, { variant: "danger" }), _jsx(Typography, { variant: "label", children: "Danger" })] })] }));
+    return (_jsxs("div", { className: "n-flex n-gap-token-16", children: [_jsxs("div", { className: "n-flex n-flex-col n-items-center n-gap-token-8", children: [_jsx(StatusIndicator, { variant: "unknown" }), _jsx(Typography, { variant: "title-4", children: "Unknown" })] }), _jsxs("div", { className: "n-flex n-flex-col n-items-center n-gap-token-8", children: [_jsx(StatusIndicator, { variant: "success" }), _jsx(Typography, { variant: "title-4", children: "Success" })] }), _jsxs("div", { className: "n-flex n-flex-col n-items-center n-gap-token-8", children: [_jsx(StatusIndicator, { variant: "info" }), _jsx(Typography, { variant: "title-4", children: "Info" })] }), _jsxs("div", { className: "n-flex n-flex-col n-items-center n-gap-token-8", children: [_jsx(StatusIndicator, { variant: "warning" }), _jsx(Typography, { variant: "title-4", children: "Warning" })] }), _jsxs("div", { className: "n-flex n-flex-col n-items-center n-gap-token-8", children: [_jsx(StatusIndicator, { variant: "danger" }), _jsx(Typography, { variant: "title-4", children: "Danger" })] })] }));
 };
 export default Component;
 //# sourceMappingURL=status-indicator-variants.story.js.map

package/lib/esm/status-indicator/stories/status-indicator-variants.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"status-indicator-variants.story.js","sourceRoot":"","sources":["../../../../src/status-indicator/stories/status-indicator-variants.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE/D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,eAAe,IAAC,OAAO,EAAC,SAAS,GAAG,EACrC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,wBAAqB,IAC5C,EACN,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,eAAe,IAAC,OAAO,EAAC,SAAS,GAAG,EACrC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,wBAAqB,IAC5C,EACN,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,eAAe,IAAC,OAAO,EAAC,MAAM,GAAG,EAClC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,qBAAkB,IACzC,EACN,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,eAAe,IAAC,OAAO,EAAC,SAAS,GAAG,EACrC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,wBAAqB,IAC5C,EACN,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,eAAe,IAAC,OAAO,EAAC,QAAQ,GAAG,EACpC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,IAC3C,IACF,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { StatusIndicator, Typography } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-gap-token-16\">\n      <div className=\"n-flex n-flex-col n-items-center n-gap-token-8\">\n        <StatusIndicator variant=\"unknown\" />\n        <Typography variant=\"label\">Unknown</Typography>\n      </div>\n      <div className=\"n-flex n-flex-col n-items-center n-gap-token-8\">\n        <StatusIndicator variant=\"success\" />\n        <Typography variant=\"label\">Success</Typography>\n      </div>\n      <div className=\"n-flex n-flex-col n-items-center n-gap-token-8\">\n        <StatusIndicator variant=\"info\" />\n        <Typography variant=\"label\">Info</Typography>\n      </div>\n      <div className=\"n-flex n-flex-col n-items-center n-gap-token-8\">\n        <StatusIndicator variant=\"warning\" />\n        <Typography variant=\"label\">Warning</Typography>\n      </div>\n      <div className=\"n-flex n-flex-col n-items-center n-gap-token-8\">\n        <StatusIndicator variant=\"danger\" />\n        <Typography variant=\"label\">Danger</Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"status-indicator-variants.story.js","sourceRoot":"","sources":["../../../../src/status-indicator/stories/status-indicator-variants.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE/D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,eAAe,IAAC,OAAO,EAAC,SAAS,GAAG,EACrC,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,wBAAqB,IAC9C,EACN,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,eAAe,IAAC,OAAO,EAAC,SAAS,GAAG,EACrC,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,wBAAqB,IAC9C,EACN,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,eAAe,IAAC,OAAO,EAAC,MAAM,GAAG,EAClC,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,qBAAkB,IAC3C,EACN,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,eAAe,IAAC,OAAO,EAAC,SAAS,GAAG,EACrC,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,wBAAqB,IAC9C,EACN,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,eAAe,IAAC,OAAO,EAAC,QAAQ,GAAG,EACpC,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,uBAAoB,IAC7C,IACF,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { StatusIndicator, Typography } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-gap-token-16\">\n      <div className=\"n-flex n-flex-col n-items-center n-gap-token-8\">\n        <StatusIndicator variant=\"unknown\" />\n        <Typography variant=\"title-4\">Unknown</Typography>\n      </div>\n      <div className=\"n-flex n-flex-col n-items-center n-gap-token-8\">\n        <StatusIndicator variant=\"success\" />\n        <Typography variant=\"title-4\">Success</Typography>\n      </div>\n      <div className=\"n-flex n-flex-col n-items-center n-gap-token-8\">\n        <StatusIndicator variant=\"info\" />\n        <Typography variant=\"title-4\">Info</Typography>\n      </div>\n      <div className=\"n-flex n-flex-col n-items-center n-gap-token-8\">\n        <StatusIndicator variant=\"warning\" />\n        <Typography variant=\"title-4\">Warning</Typography>\n      </div>\n      <div className=\"n-flex n-flex-col n-items-center n-gap-token-8\">\n        <StatusIndicator variant=\"danger\" />\n        <Typography variant=\"title-4\">Danger</Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/tabs/stories/tabs-fill-variants.story.js

@@ -25,7 +25,7 @@ import { useState } from 'react';
 const Component = () => {
     const [underlineValue, setUnderlineValue] = useState('0');
     const [filledValue, setFilledValue] = useState('0');
-    return (_jsxs("div", { className: "n-flex n-gap-token-8", children: [_jsxs("div", { className: "n-flex n-flex-col n-gap-token-32", children: [_jsx(Typography, { variant: "label", children: "Underline (Default)" }), _jsxs("div", { children: [_jsxs(Tabs, { value: underlineValue, onChange: setUnderlineValue, className: "n-mb-token-8", children: [_jsx(Tabs.Tab, { id: "0", children: "Tab 1" }), _jsx(Tabs.Tab, { id: "1", children: "Tab 2" }), _jsx(Tabs.Tab, { id: "2", children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { value: underlineValue, tabId: "0", children: _jsx(Typography, { variant: "body-medium", children: "Tab 1 content" }) }), _jsx(Tabs.TabPanel, { value: underlineValue, tabId: "1", children: _jsx(Typography, { variant: "body-medium", children: "Tab 2 content" }) }), _jsx(Tabs.TabPanel, { value: underlineValue, tabId: "2", children: _jsx(Typography, { variant: "body-medium", children: "Tab 3 content" }) })] })] }), _jsxs("div", { className: "n-flex n-flex-col n-gap-token-8", children: [_jsx(Typography, { variant: "label", children: "Filled" }), _jsxs("div", { children: [_jsxs(Tabs, { value: filledValue, onChange: setFilledValue, fill: "filled", className: "n-mb-token-8", children: [_jsx(Tabs.Tab, { id: "0", children: "Tab 1" }), _jsx(Tabs.Tab, { id: "1", children: "Tab 2" }), _jsx(Tabs.Tab, { id: "2", children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { value: filledValue, tabId: "0", children: _jsx(Typography, { variant: "body-medium", children: "Tab 1 content" }) }), _jsx(Tabs.TabPanel, { value: filledValue, tabId: "1", children: _jsx(Typography, { variant: "body-medium", children: "Tab 2 content" }) }), _jsx(Tabs.TabPanel, { value: filledValue, tabId: "2", children: _jsx(Typography, { variant: "body-medium", children: "Tab 3 content" }) })] })] })] }));
+    return (_jsxs("div", { className: "n-flex n-gap-token-8", children: [_jsxs("div", { className: "n-flex n-flex-col n-gap-token-32", children: [_jsx(Typography, { variant: "title-4", children: "Underline (Default)" }), _jsxs("div", { children: [_jsxs(Tabs, { value: underlineValue, onChange: setUnderlineValue, className: "n-mb-token-8", children: [_jsx(Tabs.Tab, { id: "0", children: "Tab 1" }), _jsx(Tabs.Tab, { id: "1", children: "Tab 2" }), _jsx(Tabs.Tab, { id: "2", children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { value: underlineValue, tabId: "0", children: _jsx(Typography, { variant: "body-medium", children: "Tab 1 content" }) }), _jsx(Tabs.TabPanel, { value: underlineValue, tabId: "1", children: _jsx(Typography, { variant: "body-medium", children: "Tab 2 content" }) }), _jsx(Tabs.TabPanel, { value: underlineValue, tabId: "2", children: _jsx(Typography, { variant: "body-medium", children: "Tab 3 content" }) })] })] }), _jsxs("div", { className: "n-flex n-flex-col n-gap-token-8", children: [_jsx(Typography, { variant: "title-4", children: "Filled" }), _jsxs("div", { children: [_jsxs(Tabs, { value: filledValue, onChange: setFilledValue, fill: "filled", className: "n-mb-token-8", children: [_jsx(Tabs.Tab, { id: "0", children: "Tab 1" }), _jsx(Tabs.Tab, { id: "1", children: "Tab 2" }), _jsx(Tabs.Tab, { id: "2", children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { value: filledValue, tabId: "0", children: _jsx(Typography, { variant: "body-medium", children: "Tab 1 content" }) }), _jsx(Tabs.TabPanel, { value: filledValue, tabId: "1", children: _jsx(Typography, { variant: "body-medium", children: "Tab 2 content" }) }), _jsx(Tabs.TabPanel, { value: filledValue, tabId: "2", children: _jsx(Typography, { variant: "body-medium", children: "Tab 3 content" }) })] })] })] }));
 };
 export default Component;
 //# sourceMappingURL=tabs-fill-variants.story.js.map

package/lib/esm/tabs/stories/tabs-fill-variants.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-fill-variants.story.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs-fill-variants.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAY,GAAG,CAAC,CAAC;IACrE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAY,GAAG,CAAC,CAAC;IAE/D,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,oCAAiC,EAC5D,0BACE,MAAC,IAAI,IACH,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAC,cAAc,aAExB,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,IAC5B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAC,GAAG,YAC7C,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAC,GAAG,YAC7C,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAC,GAAG,YAC7C,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,IACF,EAEN,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,EAC/C,0BACE,MAAC,IAAI,IACH,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,cAAc,aAExB,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,IAC5B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAC,GAAG,YAC1C,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAC,GAAG,YAC1C,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAC,GAAG,YAC1C,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,IACF,IACF,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Tabs, Typography } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\ntype TabValues = '0' | '1' | '2';\n\nconst Component = () => {\n  const [underlineValue, setUnderlineValue] = useState<TabValues>('0');\n  const [filledValue, setFilledValue] = useState<TabValues>('0');\n\n  return (\n    <div className=\"n-flex n-gap-token-8\">\n      <div className=\"n-flex n-flex-col n-gap-token-32\">\n        <Typography variant=\"label\">Underline (Default)</Typography>\n        <div>\n          <Tabs\n            value={underlineValue}\n            onChange={setUnderlineValue}\n            className=\"n-mb-token-8\"\n          >\n            <Tabs.Tab id=\"0\">Tab 1</Tabs.Tab>\n            <Tabs.Tab id=\"1\">Tab 2</Tabs.Tab>\n            <Tabs.Tab id=\"2\">Tab 3</Tabs.Tab>\n          </Tabs>\n          <Tabs.TabPanel value={underlineValue} tabId=\"0\">\n            <Typography variant=\"body-medium\">Tab 1 content</Typography>\n          </Tabs.TabPanel>\n          <Tabs.TabPanel value={underlineValue} tabId=\"1\">\n            <Typography variant=\"body-medium\">Tab 2 content</Typography>\n          </Tabs.TabPanel>\n          <Tabs.TabPanel value={underlineValue} tabId=\"2\">\n            <Typography variant=\"body-medium\">Tab 3 content</Typography>\n          </Tabs.TabPanel>\n        </div>\n      </div>\n\n      <div className=\"n-flex n-flex-col n-gap-token-8\">\n        <Typography variant=\"label\">Filled</Typography>\n        <div>\n          <Tabs\n            value={filledValue}\n            onChange={setFilledValue}\n            fill=\"filled\"\n            className=\"n-mb-token-8\"\n          >\n            <Tabs.Tab id=\"0\">Tab 1</Tabs.Tab>\n            <Tabs.Tab id=\"1\">Tab 2</Tabs.Tab>\n            <Tabs.Tab id=\"2\">Tab 3</Tabs.Tab>\n          </Tabs>\n          <Tabs.TabPanel value={filledValue} tabId=\"0\">\n            <Typography variant=\"body-medium\">Tab 1 content</Typography>\n          </Tabs.TabPanel>\n          <Tabs.TabPanel value={filledValue} tabId=\"1\">\n            <Typography variant=\"body-medium\">Tab 2 content</Typography>\n          </Tabs.TabPanel>\n          <Tabs.TabPanel value={filledValue} tabId=\"2\">\n            <Typography variant=\"body-medium\">Tab 3 content</Typography>\n          </Tabs.TabPanel>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"tabs-fill-variants.story.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs-fill-variants.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAY,GAAG,CAAC,CAAC;IACrE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAY,GAAG,CAAC,CAAC;IAE/D,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,oCAAiC,EAC9D,0BACE,MAAC,IAAI,IACH,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAC,cAAc,aAExB,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,IAC5B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAC,GAAG,YAC7C,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAC,GAAG,YAC7C,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAC,GAAG,YAC7C,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,IACF,EAEN,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,uBAAoB,EACjD,0BACE,MAAC,IAAI,IACH,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,cAAc,aAExB,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,IAC5B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAC,GAAG,YAC1C,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAC,GAAG,YAC1C,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAC,GAAG,YAC1C,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,IACF,IACF,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Tabs, Typography } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\ntype TabValues = '0' | '1' | '2';\n\nconst Component = () => {\n  const [underlineValue, setUnderlineValue] = useState<TabValues>('0');\n  const [filledValue, setFilledValue] = useState<TabValues>('0');\n\n  return (\n    <div className=\"n-flex n-gap-token-8\">\n      <div className=\"n-flex n-flex-col n-gap-token-32\">\n        <Typography variant=\"title-4\">Underline (Default)</Typography>\n        <div>\n          <Tabs\n            value={underlineValue}\n            onChange={setUnderlineValue}\n            className=\"n-mb-token-8\"\n          >\n            <Tabs.Tab id=\"0\">Tab 1</Tabs.Tab>\n            <Tabs.Tab id=\"1\">Tab 2</Tabs.Tab>\n            <Tabs.Tab id=\"2\">Tab 3</Tabs.Tab>\n          </Tabs>\n          <Tabs.TabPanel value={underlineValue} tabId=\"0\">\n            <Typography variant=\"body-medium\">Tab 1 content</Typography>\n          </Tabs.TabPanel>\n          <Tabs.TabPanel value={underlineValue} tabId=\"1\">\n            <Typography variant=\"body-medium\">Tab 2 content</Typography>\n          </Tabs.TabPanel>\n          <Tabs.TabPanel value={underlineValue} tabId=\"2\">\n            <Typography variant=\"body-medium\">Tab 3 content</Typography>\n          </Tabs.TabPanel>\n        </div>\n      </div>\n\n      <div className=\"n-flex n-flex-col n-gap-token-8\">\n        <Typography variant=\"title-4\">Filled</Typography>\n        <div>\n          <Tabs\n            value={filledValue}\n            onChange={setFilledValue}\n            fill=\"filled\"\n            className=\"n-mb-token-8\"\n          >\n            <Tabs.Tab id=\"0\">Tab 1</Tabs.Tab>\n            <Tabs.Tab id=\"1\">Tab 2</Tabs.Tab>\n            <Tabs.Tab id=\"2\">Tab 3</Tabs.Tab>\n          </Tabs>\n          <Tabs.TabPanel value={filledValue} tabId=\"0\">\n            <Typography variant=\"body-medium\">Tab 1 content</Typography>\n          </Tabs.TabPanel>\n          <Tabs.TabPanel value={filledValue} tabId=\"1\">\n            <Typography variant=\"body-medium\">Tab 2 content</Typography>\n          </Tabs.TabPanel>\n          <Tabs.TabPanel value={filledValue} tabId=\"2\">\n            <Typography variant=\"body-medium\">Tab 3 content</Typography>\n          </Tabs.TabPanel>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/tabs/stories/tabs-sizes.story.js

@@ -25,7 +25,7 @@ import { useState } from 'react';
 const Component = () => {
     const [smallValue, setSmallValue] = useState('0');
     const [largeValue, setLargeValue] = useState('0');
-    return (_jsxs("div", { className: "n-flex n-gap-token-8", children: [_jsxs("div", { className: "n-flex n-flex-col n-gap-token-8", children: [_jsx(Typography, { variant: "label", children: "Small Size" }), _jsxs("div", { className: "n-w-fit", children: [_jsxs(Tabs, { value: smallValue, onChange: setSmallValue, size: "small", className: "n-mb-token-8", children: [_jsx(Tabs.Tab, { id: "0", children: "Tab 1" }), _jsx(Tabs.Tab, { id: "1", children: "Tab 2" }), _jsx(Tabs.Tab, { id: "2", children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { value: smallValue, tabId: "0", children: _jsx(Typography, { variant: "body-small", children: "Content for small tab 1" }) }), _jsx(Tabs.TabPanel, { value: smallValue, tabId: "1", children: _jsx(Typography, { variant: "body-small", children: "Content for small tab 2" }) }), _jsx(Tabs.TabPanel, { value: smallValue, tabId: "2", children: _jsx(Typography, { variant: "body-small", children: "Content for small tab 3" }) })] })] }), _jsxs("div", { className: "n-flex n-flex-col n-gap-token-8", children: [_jsx(Typography, { variant: "label", children: "Large Size (Default)" }), _jsxs(Tabs, { value: largeValue, onChange: setLargeValue, size: "large", className: "n-mb-token-8", children: [_jsx(Tabs.Tab, { id: "0", children: "Tab 1" }), _jsx(Tabs.Tab, { id: "1", children: "Tab 2" }), _jsx(Tabs.Tab, { id: "2", children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { value: largeValue, tabId: "0", children: _jsx(Typography, { variant: "body-medium", children: "Content for large tab 1" }) }), _jsx(Tabs.TabPanel, { value: largeValue, tabId: "1", children: _jsx(Typography, { variant: "body-medium", children: "Content for large tab 2" }) }), _jsx(Tabs.TabPanel, { value: largeValue, tabId: "2", children: _jsx(Typography, { variant: "body-medium", children: "Content for large tab 3" }) })] })] }));
+    return (_jsxs("div", { className: "n-flex n-gap-token-8", children: [_jsxs("div", { className: "n-flex n-flex-col n-gap-token-8", children: [_jsx(Typography, { variant: "title-4", children: "Small Size" }), _jsxs("div", { className: "n-w-fit", children: [_jsxs(Tabs, { value: smallValue, onChange: setSmallValue, size: "small", className: "n-mb-token-8", children: [_jsx(Tabs.Tab, { id: "0", children: "Tab 1" }), _jsx(Tabs.Tab, { id: "1", children: "Tab 2" }), _jsx(Tabs.Tab, { id: "2", children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { value: smallValue, tabId: "0", children: _jsx(Typography, { variant: "body-small", children: "Content for small tab 1" }) }), _jsx(Tabs.TabPanel, { value: smallValue, tabId: "1", children: _jsx(Typography, { variant: "body-small", children: "Content for small tab 2" }) }), _jsx(Tabs.TabPanel, { value: smallValue, tabId: "2", children: _jsx(Typography, { variant: "body-small", children: "Content for small tab 3" }) })] })] }), _jsxs("div", { className: "n-flex n-flex-col n-gap-token-8", children: [_jsx(Typography, { variant: "title-4", children: "Large Size (Default)" }), _jsxs(Tabs, { value: largeValue, onChange: setLargeValue, size: "large", className: "n-mb-token-8", children: [_jsx(Tabs.Tab, { id: "0", children: "Tab 1" }), _jsx(Tabs.Tab, { id: "1", children: "Tab 2" }), _jsx(Tabs.Tab, { id: "2", children: "Tab 3" })] }), _jsx(Tabs.TabPanel, { value: largeValue, tabId: "0", children: _jsx(Typography, { variant: "body-medium", children: "Content for large tab 1" }) }), _jsx(Tabs.TabPanel, { value: largeValue, tabId: "1", children: _jsx(Typography, { variant: "body-medium", children: "Content for large tab 2" }) }), _jsx(Tabs.TabPanel, { value: largeValue, tabId: "2", children: _jsx(Typography, { variant: "body-medium", children: "Content for large tab 3" }) })] })] }));
 };
 export default Component;
 //# sourceMappingURL=tabs-sizes.story.js.map

package/lib/esm/tabs/stories/tabs-sizes.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-sizes.story.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAY,GAAG,CAAC,CAAC;IAC7D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAY,GAAG,CAAC,CAAC;IAE7D,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,2BAAwB,EACnD,eAAK,SAAS,EAAC,SAAS,aACtB,MAAC,IAAI,IACH,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,aAAa,EACvB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,cAAc,aAExB,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,IAC5B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,YACzC,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,wCAEnB,GACC,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,YACzC,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,wCAEnB,GACC,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,YACzC,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,wCAEnB,GACC,IACZ,IACF,EAEN,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,qCAAkC,EAC7D,MAAC,IAAI,IACH,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,aAAa,EACvB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,cAAc,aAExB,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,IAC5B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,YACzC,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,YACzC,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,YACzC,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,IACZ,IACF,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Tabs, Typography } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\ntype TabValues = '0' | '1' | '2';\n\nconst Component = () => {\n  const [smallValue, setSmallValue] = useState<TabValues>('0');\n  const [largeValue, setLargeValue] = useState<TabValues>('0');\n\n  return (\n    <div className=\"n-flex n-gap-token-8\">\n      <div className=\"n-flex n-flex-col n-gap-token-8\">\n        <Typography variant=\"label\">Small Size</Typography>\n        <div className=\"n-w-fit\">\n          <Tabs\n            value={smallValue}\n            onChange={setSmallValue}\n            size=\"small\"\n            className=\"n-mb-token-8\"\n          >\n            <Tabs.Tab id=\"0\">Tab 1</Tabs.Tab>\n            <Tabs.Tab id=\"1\">Tab 2</Tabs.Tab>\n            <Tabs.Tab id=\"2\">Tab 3</Tabs.Tab>\n          </Tabs>\n          <Tabs.TabPanel value={smallValue} tabId=\"0\">\n            <Typography variant=\"body-small\">\n              Content for small tab 1\n            </Typography>\n          </Tabs.TabPanel>\n          <Tabs.TabPanel value={smallValue} tabId=\"1\">\n            <Typography variant=\"body-small\">\n              Content for small tab 2\n            </Typography>\n          </Tabs.TabPanel>\n          <Tabs.TabPanel value={smallValue} tabId=\"2\">\n            <Typography variant=\"body-small\">\n              Content for small tab 3\n            </Typography>\n          </Tabs.TabPanel>\n        </div>\n      </div>\n\n      <div className=\"n-flex n-flex-col n-gap-token-8\">\n        <Typography variant=\"label\">Large Size (Default)</Typography>\n        <Tabs\n          value={largeValue}\n          onChange={setLargeValue}\n          size=\"large\"\n          className=\"n-mb-token-8\"\n        >\n          <Tabs.Tab id=\"0\">Tab 1</Tabs.Tab>\n          <Tabs.Tab id=\"1\">Tab 2</Tabs.Tab>\n          <Tabs.Tab id=\"2\">Tab 3</Tabs.Tab>\n        </Tabs>\n        <Tabs.TabPanel value={largeValue} tabId=\"0\">\n          <Typography variant=\"body-medium\">Content for large tab 1</Typography>\n        </Tabs.TabPanel>\n        <Tabs.TabPanel value={largeValue} tabId=\"1\">\n          <Typography variant=\"body-medium\">Content for large tab 2</Typography>\n        </Tabs.TabPanel>\n        <Tabs.TabPanel value={largeValue} tabId=\"2\">\n          <Typography variant=\"body-medium\">Content for large tab 3</Typography>\n        </Tabs.TabPanel>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"tabs-sizes.story.js","sourceRoot":"","sources":["../../../../src/tabs/stories/tabs-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAY,GAAG,CAAC,CAAC;IAC7D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAY,GAAG,CAAC,CAAC;IAE7D,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,2BAAwB,EACrD,eAAK,SAAS,EAAC,SAAS,aACtB,MAAC,IAAI,IACH,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,aAAa,EACvB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,cAAc,aAExB,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,IAC5B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,YACzC,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,wCAEnB,GACC,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,YACzC,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,wCAEnB,GACC,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,YACzC,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,wCAEnB,GACC,IACZ,IACF,EAEN,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,qCAAkC,EAC/D,MAAC,IAAI,IACH,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,aAAa,EACvB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,cAAc,aAExB,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,IAC5B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,YACzC,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,YACzC,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,YACzC,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,wCAAqC,GACxD,IACZ,IACF,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Tabs, Typography } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\ntype TabValues = '0' | '1' | '2';\n\nconst Component = () => {\n  const [smallValue, setSmallValue] = useState<TabValues>('0');\n  const [largeValue, setLargeValue] = useState<TabValues>('0');\n\n  return (\n    <div className=\"n-flex n-gap-token-8\">\n      <div className=\"n-flex n-flex-col n-gap-token-8\">\n        <Typography variant=\"title-4\">Small Size</Typography>\n        <div className=\"n-w-fit\">\n          <Tabs\n            value={smallValue}\n            onChange={setSmallValue}\n            size=\"small\"\n            className=\"n-mb-token-8\"\n          >\n            <Tabs.Tab id=\"0\">Tab 1</Tabs.Tab>\n            <Tabs.Tab id=\"1\">Tab 2</Tabs.Tab>\n            <Tabs.Tab id=\"2\">Tab 3</Tabs.Tab>\n          </Tabs>\n          <Tabs.TabPanel value={smallValue} tabId=\"0\">\n            <Typography variant=\"body-small\">\n              Content for small tab 1\n            </Typography>\n          </Tabs.TabPanel>\n          <Tabs.TabPanel value={smallValue} tabId=\"1\">\n            <Typography variant=\"body-small\">\n              Content for small tab 2\n            </Typography>\n          </Tabs.TabPanel>\n          <Tabs.TabPanel value={smallValue} tabId=\"2\">\n            <Typography variant=\"body-small\">\n              Content for small tab 3\n            </Typography>\n          </Tabs.TabPanel>\n        </div>\n      </div>\n\n      <div className=\"n-flex n-flex-col n-gap-token-8\">\n        <Typography variant=\"title-4\">Large Size (Default)</Typography>\n        <Tabs\n          value={largeValue}\n          onChange={setLargeValue}\n          size=\"large\"\n          className=\"n-mb-token-8\"\n        >\n          <Tabs.Tab id=\"0\">Tab 1</Tabs.Tab>\n          <Tabs.Tab id=\"1\">Tab 2</Tabs.Tab>\n          <Tabs.Tab id=\"2\">Tab 3</Tabs.Tab>\n        </Tabs>\n        <Tabs.TabPanel value={largeValue} tabId=\"0\">\n          <Typography variant=\"body-medium\">Content for large tab 1</Typography>\n        </Tabs.TabPanel>\n        <Tabs.TabPanel value={largeValue} tabId=\"1\">\n          <Typography variant=\"body-medium\">Content for large tab 2</Typography>\n        </Tabs.TabPanel>\n        <Tabs.TabPanel value={largeValue} tabId=\"2\">\n          <Typography variant=\"body-medium\">Content for large tab 3</Typography>\n        </Tabs.TabPanel>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/typography/Typography.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAqBA,OAAO,UAAU,MAAM,YAAY,CAAC;AAapC,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,KAAiD,EACtB,EAAE;IAC7B,MAAM,EACJ,EAAE,EACF,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,OAAO,EACP,cAAc,EACd,GAAG,KAED,KAAK,EADJ,SAAS,UACV,KAAK,EARH,mEAQL,CAAQ,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,MAAM,CAAC;IAE/B,OAAO,CACL,KAAC,SAAS,kBAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAM,SAAS,EAAM,cAAc,cACvE,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,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 tokens } from '@neo4j-ndl/base';\nimport classNames from 'classnames';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\n\nexport type TypographyVariants = keyof typeof tokens.typography;\n\ntype TypographyProps = {\n  /** The typography variant to use for the text. */\n  variant: TypographyVariants;\n  /** Content displayed inside the component */\n  children?: React.ReactNode;\n};\n\nexport const Typography = <T extends React.ElementType = 'span'>(\n  props: PolymorphicCommonProps<T, TypographyProps>,\n): React.ReactElement | null => {\n  const {\n    as,\n    className = '',\n    children,\n    variant,\n    htmlAttributes,\n    ref,\n    ...restProps\n  } = props;\n\n  const classes = classNames(`n-${variant}`, className);\n  const Component = as ?? 'span';\n\n  return (\n    <Component className={classes} ref={ref} {...restProps} {...htmlAttributes}>\n      {children}\n    </Component>\n  );\n};\n"]}
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/typography/Typography.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAqBA,OAAO,UAAU,MAAM,YAAY,CAAC;AAkBpC,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,KAAiD,EACtB,EAAE;IAC7B,MAAM,EACJ,EAAE,EACF,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,OAAO,EACP,cAAc,EACd,GAAG,KAED,KAAK,EADJ,SAAS,UACV,KAAK,EARH,mEAQL,CAAQ,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,MAAM,CAAC;IAE/B,OAAO,CACL,KAAC,SAAS,kBAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAM,SAAS,EAAM,cAAc,cACvE,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,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 tokens } from '@neo4j-ndl/base';\nimport classNames from 'classnames';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\n\nexport type TypographyVariants = keyof typeof tokens.typography;\n\ntype TypographyProps = {\n  /**\n   * The typography variant to use for the text.\n   *\n   * `label` is deprecated: it is identical to `title-4`, which should be used\n   * instead.\n   */\n  variant: TypographyVariants;\n  /** Content displayed inside the component */\n  children?: React.ReactNode;\n};\n\nexport const Typography = <T extends React.ElementType = 'span'>(\n  props: PolymorphicCommonProps<T, TypographyProps>,\n): React.ReactElement | null => {\n  const {\n    as,\n    className = '',\n    children,\n    variant,\n    htmlAttributes,\n    ref,\n    ...restProps\n  } = props;\n\n  const classes = classNames(`n-${variant}`, className);\n  const Component = as ?? 'span';\n\n  return (\n    <Component className={classes} ref={ref} {...restProps} {...htmlAttributes}>\n      {children}\n    </Component>\n  );\n};\n"]}