@neo4j-ndl/react 4.3.6 → 4.4.1

package/lib/cjs/_common/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/_common/types.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type tokens } from '@neo4j-ndl/base';\nimport type React from 'react';\n\nimport type { Tooltip } from '../tooltip';\n\nexport type HtmlAttributes<T extends React.ElementType> =\n  React.ComponentPropsWithoutRef<T> & {\n    [key: `data-${string}`]: string | undefined;\n  };\n\ntype BaseProps<T extends React.ElementType> = {\n  /**\n   * Additional classnames will be applied to the root element.\n   */\n  className?: string;\n  /**\n   * Additional css styling. Will be applied to the root element.\n   */\n  style?: React.CSSProperties;\n\n  /**\n   * Html attributes to apply to the root element. This will override any default html attributes, use with caution.\n   */\n  htmlAttributes?: HtmlAttributes<T>;\n\n  /**\n   * A ref to apply to the root element.\n   */\n  ref?: React.ComponentPropsWithRef<T>['ref'];\n};\n\nexport type PolymorphicCommonProps<T extends React.ElementType, P> = P & {\n  /**\n   * An override of the default HTML tag of the root of the component.\n   * Can also be another React component.\n   */\n  as?: T;\n} & BaseProps<T>;\n\nexport type CommonProps<T extends React.ElementType, P> = P & BaseProps<T>;\n\nexport type TooltipObjectProps = {\n  root?: Partial<React.ComponentProps<typeof Tooltip>>;\n  trigger?: Partial<React.ComponentProps<typeof Tooltip.Trigger>>;\n  content?: Partial<React.ComponentProps<typeof Tooltip.Content>>;\n};\n\nexport type Spacing = keyof typeof tokens.space;\n\nexport type Radius = keyof typeof tokens.borderRadius;\n\n/**\n * Currently supporting only native HTML elements.\n */\nexport type CustomElementType = keyof HTMLElementTagNameMap;\n\n/**\n * More info here:\n * https://stackoverflow.com/questions/75085783/conditional-react-component-properties-with-multiple-generics#comment132505139_75086121\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type ReactComponent = (args: any) => React.JSX.Element;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/_common/types.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type tokens } from '@neo4j-ndl/base';\nimport type React from 'react';\n\nimport type { Tooltip } from '../tooltip';\n\nexport type HtmlAttributes<T extends React.ElementType> =\n  React.ComponentPropsWithoutRef<T> & {\n    [key: `data-${string}`]: string | undefined;\n  };\n\ntype BaseProps<T extends React.ElementType> = {\n  /**\n   * Additional classnames will be applied to the root element.\n   */\n  className?: string;\n  /**\n   * Additional css styling. Will be applied to the root element.\n   */\n  style?: React.CSSProperties;\n\n  /**\n   * Html attributes to apply to the root element. This will override any default html attributes, use with caution.\n   */\n  htmlAttributes?: HtmlAttributes<T>;\n\n  /**\n   * A ref to apply to the root element.\n   */\n  ref?: React.ComponentPropsWithRef<T>['ref'];\n};\n\nexport type PolymorphicCommonProps<T extends React.ElementType, P> = P & {\n  /**\n   * An override of the default HTML tag of the root of the component.\n   * Can also be another React component.\n   */\n  as?: T;\n} & BaseProps<T>;\n\nexport type CommonProps<T extends React.ElementType, P> = P & BaseProps<T>;\n\nexport type TooltipObjectProps = {\n  root?: Partial<React.ComponentProps<typeof Tooltip>>;\n  trigger?: Partial<React.ComponentProps<typeof Tooltip.Trigger>>;\n  content?: Partial<React.ComponentProps<typeof Tooltip.Content>>;\n};\n\nexport type Spacing = keyof typeof tokens.space;\n\nexport type Radius = keyof typeof tokens.borderRadius;\n\n/**\n * Currently supporting only native HTML elements.\n */\nexport type CustomElementType = keyof HTMLElementTagNameMap;\n\n/**\n * More info here:\n * https://stackoverflow.com/questions/75085783/conditional-react-component-properties-with-multiple-generics#comment132505139_75086121\n */\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport type ReactComponent = (args: any) => React.JSX.Element;\n"]}

package/lib/cjs/_common/utils.js

@@ -76,14 +76,14 @@ const useOnClickOutside = (ref, handler) => {
             }
             handler(event); // Call the handler only if the click is outside of the element passed.
         };
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        // oxlint-disable-next-line @typescript-eslint/no-explicit-any
         document.addEventListener('mousedown', listener);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        // oxlint-disable-next-line @typescript-eslint/no-explicit-any
         document.addEventListener('touchstart', listener);
         return () => {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            // oxlint-disable-next-line @typescript-eslint/no-explicit-any
             document.removeEventListener('mousedown', listener);
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            // oxlint-disable-next-line @typescript-eslint/no-explicit-any
             document.removeEventListener('touchstart', listener);
         };
     }, [ref, handler]); // Reload only if ref or handler changes

package/lib/cjs/_common/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/_common/utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { tokens } from '@neo4j-ndl/base';\nimport {\n  type MouseEvent,\n  type TouchEvent,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react';\n\nimport type { Radius, Spacing } from './types';\n\nexport const removeNewlines = (input: string) =>\n  input.replace(/(\\r\\n|\\n|\\r)/gm, '');\n\n/** Remove extra spaces from sting */\nexport const removeSpaces = (input: string) =>\n  input.replace(/\\s+/g, ' ').trim();\n\nexport const needleWarningMessage = (message: string) =>\n  console.warn(`[🪡 Needle]:  ${message}`);\n\nconst getScrollbarSize = (doc: Document): number => {\n  // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes\n  const documentWidth = doc.documentElement.clientWidth;\n  const scrollBarSize = Math.abs(window.innerWidth - documentWidth);\n  // Firefox with 110% and 120% zoom level return 1px even if there is no scrollbar\n  return scrollBarSize > 1 ? scrollBarSize : 0;\n};\n\nconst getPaddingRight = (element: Element): number =>\n  parseInt(window.getComputedStyle(element).paddingRight, 10) || 0;\n\n/**\n * Toggles scroll on the provided document.\n * Useful for disabling scroll when a popup is open (ie ContextMenu/Modal)\n */\nexport const useDocumentScrollToggle = () => {\n  const bodyPadding = useRef<number>(0);\n\n  return useCallback((disable: boolean, doc: Document = document) => {\n    if (disable) {\n      const existingPaddingRight = getPaddingRight(doc.body);\n      bodyPadding.current = existingPaddingRight;\n      const newPaddingRight = existingPaddingRight + getScrollbarSize(doc);\n      doc.body.style.overflow = 'hidden';\n      doc.body.style.paddingRight = `${newPaddingRight}px`;\n    } else {\n      doc.body.style.overflow = '';\n      doc.body.style.paddingRight = `${bodyPadding.current}px`;\n    }\n  }, []);\n};\n\n/**\n * Detect if there is a click event outside\n * of the provided element\n * Source:\n * https://hashnode.com/post/useonclickoutside-custom-hook-to-detect-the-mouse-click-on-outside-typescript-ckrejmy3h0k5r91s18iu42t28\n */\nexport const useOnClickOutside = <T extends HTMLElement = HTMLElement>(\n  ref: React.RefObject<T>,\n  handler: (event: MouseEvent | TouchEvent) => void,\n) => {\n  useEffect(() => {\n    const listener = (event: MouseEvent | TouchEvent) => {\n      const el = ref?.current;\n      if (!el || el.contains((event?.target as Node) || null)) {\n        return;\n      }\n\n      handler(event); // Call the handler only if the click is outside of the element passed.\n    };\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    document.addEventListener('mousedown', listener as any);\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    document.addEventListener('touchstart', listener as any);\n\n    return () => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      document.removeEventListener('mousedown', listener as any);\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      document.removeEventListener('touchstart', listener as any);\n    };\n  }, [ref, handler]); // Reload only if ref or handler changes\n};\n\n/**\n *  X - char long pseudo-random string\n */\nexport const randomId = (length: number) =>\n  Math.random()\n    .toString(36)\n    .slice(2, length + 2);\n\n// Utility / Type-Guard if the object is a ref\nexport function isRefObject<T>(\n  obj: React.RefObject<T> | T,\n): obj is React.RefObject<T> {\n  return obj && typeof obj === 'object' && 'current' in obj;\n}\n\n/**\n * Equivalent to prevUntil/nextUntil in jQuery\n * https://api.jquery.com/prevUntil/\n * https://api.jquery.com/nextUntil/\n *\n * Additional functionality is added to circle back\n * to the beginning of a list of siblings if it reaches the end\n * or vice versa.\n */\nexport function findUntil(\n  direction: 'next' | 'prev',\n  el: Element | ChildNode,\n  matchSelector: string,\n): Element | null {\n  const element: ChildNode = el;\n\n  if (!element.parentElement) {\n    return null;\n  }\n\n  const allSiblings = [...element.parentElement.children].filter((sibling) =>\n    sibling.matches(matchSelector),\n  );\n\n  const index = allSiblings.findIndex((sibling) =>\n    sibling.isEqualNode(element),\n  );\n\n  if (index === -1) {\n    return null;\n  }\n\n  const newIndex =\n    direction === 'next'\n      ? (index + 1) % allSiblings.length\n      : (index - 1 + allSiblings.length) % allSiblings.length;\n\n  return allSiblings[newIndex];\n}\n\n/**\n * Find all html elements that are focusable given a parent element\n * @param parentElement the parent element\n * @returns an array of HTML elements\n */\nexport const findFocusableChildren = (parentElement: HTMLElement) => {\n  const focusableElements =\n    'a:not([disabled]), button:not([disabled]), input[type=text]:not([disabled]), input[type=checkbox]:not([disabled]), [tabindex]:not([disabled]):not([tabindex=\"-1\"])';\n\n  const focusable = Array.from(\n    parentElement.querySelectorAll(focusableElements),\n  ).filter((element) => {\n    if (element instanceof HTMLElement) {\n      return true;\n    }\n\n    return false;\n  });\n  return focusable;\n};\n\n/**\n * Using the element that currently has focus, finds the previous sibling of the currently focused element that is focusable\n * @param parentRef the parent element\n * @returns the previous focusable element\n */\nexport const findFocusableSibling = (\n  parentRef: React.RefObject<HTMLElement | null>,\n  direction: 'prev' | 'next',\n): HTMLElement | undefined => {\n  const { current } = parentRef;\n  const { activeElement } = document;\n\n  if (current === null || activeElement === null) {\n    return undefined;\n  }\n\n  const focusable = findFocusableChildren(current);\n  const index = focusable.indexOf(activeElement);\n  if (index > -1) {\n    const siblingElement = focusable[index + (direction === 'next' ? 1 : -1)];\n    if (\n      siblingElement === undefined ||\n      !(siblingElement instanceof HTMLElement)\n    ) {\n      return undefined;\n    }\n    return siblingElement;\n  }\n  return undefined;\n};\n\n/**\n * Convert hex color to rgb format\n *\n * @param hex color in hex code format\n * @returns color in rgb format rgb(_, _, _)\n */\nexport const convertHexToRGB = (hex: string) => {\n  hex = hex.replace(/^#/, '');\n\n  const red = parseInt(hex.substring(0, 2), 16);\n  const green = parseInt(hex.substring(2, 4), 16);\n  const blue = parseInt(hex.substring(4, 6), 16);\n\n  return `rgb(${red}, ${green}, ${blue})`;\n};\n\nexport const SpacingDefaults = {\n  gap: '4',\n  padding: '4',\n  paddingBlockEnd: undefined,\n  paddingBlockStart: undefined,\n  paddingInline: undefined,\n  paddingInlineEnd: undefined,\n  paddingInlineStart: undefined,\n} as const;\n\nexport const getSpacing = (\n  spacing: Spacing | undefined,\n  property: keyof typeof SpacingDefaults,\n) => {\n  return spacing\n    ? tokens.space[spacing || SpacingDefaults[property]]\n    : undefined;\n};\n\nexport const RadiusDefaults = {\n  borderRadius: undefined,\n};\n\nexport const getRadius = (\n  spacing: Radius | undefined,\n  property: keyof typeof RadiusDefaults,\n) => {\n  return spacing\n    ? tokens.borderRadius[spacing || RadiusDefaults[property]]\n    : undefined;\n};\n\nexport const parseRgbString = (rgbString: string): [number, number, number] => {\n  const match = rgbString.match(/rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)/);\n  if (!match) {\n    throw new Error(`Unable to parse RGB color: ${rgbString}`);\n  }\n  return [Number(match[1]), Number(match[2]), Number(match[3])];\n};\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/_common/utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { tokens } from '@neo4j-ndl/base';\nimport {\n  type MouseEvent,\n  type TouchEvent,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react';\n\nimport type { Radius, Spacing } from './types';\n\nexport const removeNewlines = (input: string) =>\n  input.replace(/(\\r\\n|\\n|\\r)/gm, '');\n\n/** Remove extra spaces from sting */\nexport const removeSpaces = (input: string) =>\n  input.replace(/\\s+/g, ' ').trim();\n\nexport const needleWarningMessage = (message: string) =>\n  console.warn(`[🪡 Needle]:  ${message}`);\n\nconst getScrollbarSize = (doc: Document): number => {\n  // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes\n  const documentWidth = doc.documentElement.clientWidth;\n  const scrollBarSize = Math.abs(window.innerWidth - documentWidth);\n  // Firefox with 110% and 120% zoom level return 1px even if there is no scrollbar\n  return scrollBarSize > 1 ? scrollBarSize : 0;\n};\n\nconst getPaddingRight = (element: Element): number =>\n  parseInt(window.getComputedStyle(element).paddingRight, 10) || 0;\n\n/**\n * Toggles scroll on the provided document.\n * Useful for disabling scroll when a popup is open (ie ContextMenu/Modal)\n */\nexport const useDocumentScrollToggle = () => {\n  const bodyPadding = useRef<number>(0);\n\n  return useCallback((disable: boolean, doc: Document = document) => {\n    if (disable) {\n      const existingPaddingRight = getPaddingRight(doc.body);\n      bodyPadding.current = existingPaddingRight;\n      const newPaddingRight = existingPaddingRight + getScrollbarSize(doc);\n      doc.body.style.overflow = 'hidden';\n      doc.body.style.paddingRight = `${newPaddingRight}px`;\n    } else {\n      doc.body.style.overflow = '';\n      doc.body.style.paddingRight = `${bodyPadding.current}px`;\n    }\n  }, []);\n};\n\n/**\n * Detect if there is a click event outside\n * of the provided element\n * Source:\n * https://hashnode.com/post/useonclickoutside-custom-hook-to-detect-the-mouse-click-on-outside-typescript-ckrejmy3h0k5r91s18iu42t28\n */\nexport const useOnClickOutside = <T extends HTMLElement = HTMLElement>(\n  ref: React.RefObject<T>,\n  handler: (event: MouseEvent | TouchEvent) => void,\n) => {\n  useEffect(() => {\n    const listener = (event: MouseEvent | TouchEvent) => {\n      const el = ref?.current;\n      if (!el || el.contains((event?.target as Node) || null)) {\n        return;\n      }\n\n      handler(event); // Call the handler only if the click is outside of the element passed.\n    };\n\n    // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n    document.addEventListener('mousedown', listener as any);\n    // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n    document.addEventListener('touchstart', listener as any);\n\n    return () => {\n      // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n      document.removeEventListener('mousedown', listener as any);\n      // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n      document.removeEventListener('touchstart', listener as any);\n    };\n  }, [ref, handler]); // Reload only if ref or handler changes\n};\n\n/**\n *  X - char long pseudo-random string\n */\nexport const randomId = (length: number) =>\n  Math.random()\n    .toString(36)\n    .slice(2, length + 2);\n\n// Utility / Type-Guard if the object is a ref\nexport function isRefObject<T>(\n  obj: React.RefObject<T> | T,\n): obj is React.RefObject<T> {\n  return obj && typeof obj === 'object' && 'current' in obj;\n}\n\n/**\n * Equivalent to prevUntil/nextUntil in jQuery\n * https://api.jquery.com/prevUntil/\n * https://api.jquery.com/nextUntil/\n *\n * Additional functionality is added to circle back\n * to the beginning of a list of siblings if it reaches the end\n * or vice versa.\n */\nexport function findUntil(\n  direction: 'next' | 'prev',\n  el: Element | ChildNode,\n  matchSelector: string,\n): Element | null {\n  const element: ChildNode = el;\n\n  if (!element.parentElement) {\n    return null;\n  }\n\n  const allSiblings = [...element.parentElement.children].filter((sibling) =>\n    sibling.matches(matchSelector),\n  );\n\n  const index = allSiblings.findIndex((sibling) =>\n    sibling.isEqualNode(element),\n  );\n\n  if (index === -1) {\n    return null;\n  }\n\n  const newIndex =\n    direction === 'next'\n      ? (index + 1) % allSiblings.length\n      : (index - 1 + allSiblings.length) % allSiblings.length;\n\n  return allSiblings[newIndex];\n}\n\n/**\n * Find all html elements that are focusable given a parent element\n * @param parentElement the parent element\n * @returns an array of HTML elements\n */\nexport const findFocusableChildren = (parentElement: HTMLElement) => {\n  const focusableElements =\n    'a:not([disabled]), button:not([disabled]), input[type=text]:not([disabled]), input[type=checkbox]:not([disabled]), [tabindex]:not([disabled]):not([tabindex=\"-1\"])';\n\n  const focusable = Array.from(\n    parentElement.querySelectorAll(focusableElements),\n  ).filter((element) => {\n    if (element instanceof HTMLElement) {\n      return true;\n    }\n\n    return false;\n  });\n  return focusable;\n};\n\n/**\n * Using the element that currently has focus, finds the previous sibling of the currently focused element that is focusable\n * @param parentRef the parent element\n * @returns the previous focusable element\n */\nexport const findFocusableSibling = (\n  parentRef: React.RefObject<HTMLElement | null>,\n  direction: 'prev' | 'next',\n): HTMLElement | undefined => {\n  const { current } = parentRef;\n  const { activeElement } = document;\n\n  if (current === null || activeElement === null) {\n    return undefined;\n  }\n\n  const focusable = findFocusableChildren(current);\n  const index = focusable.indexOf(activeElement);\n  if (index > -1) {\n    const siblingElement = focusable[index + (direction === 'next' ? 1 : -1)];\n    if (\n      siblingElement === undefined ||\n      !(siblingElement instanceof HTMLElement)\n    ) {\n      return undefined;\n    }\n    return siblingElement;\n  }\n  return undefined;\n};\n\n/**\n * Convert hex color to rgb format\n *\n * @param hex color in hex code format\n * @returns color in rgb format rgb(_, _, _)\n */\nexport const convertHexToRGB = (hex: string) => {\n  hex = hex.replace(/^#/, '');\n\n  const red = parseInt(hex.substring(0, 2), 16);\n  const green = parseInt(hex.substring(2, 4), 16);\n  const blue = parseInt(hex.substring(4, 6), 16);\n\n  return `rgb(${red}, ${green}, ${blue})`;\n};\n\nexport const SpacingDefaults = {\n  gap: '4',\n  padding: '4',\n  paddingBlockEnd: undefined,\n  paddingBlockStart: undefined,\n  paddingInline: undefined,\n  paddingInlineEnd: undefined,\n  paddingInlineStart: undefined,\n} as const;\n\nexport const getSpacing = (\n  spacing: Spacing | undefined,\n  property: keyof typeof SpacingDefaults,\n) => {\n  return spacing\n    ? tokens.space[spacing || SpacingDefaults[property]]\n    : undefined;\n};\n\nexport const RadiusDefaults = {\n  borderRadius: undefined,\n};\n\nexport const getRadius = (\n  spacing: Radius | undefined,\n  property: keyof typeof RadiusDefaults,\n) => {\n  return spacing\n    ? tokens.borderRadius[spacing || RadiusDefaults[property]]\n    : undefined;\n};\n\nexport const parseRgbString = (rgbString: string): [number, number, number] => {\n  const match = rgbString.match(/rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)/);\n  if (!match) {\n    throw new Error(`Unable to parse RGB color: ${rgbString}`);\n  }\n  return [Number(match[1]), Number(match[2]), Number(match[3])];\n};\n"]}

package/lib/cjs/accordion/Accordion.js

@@ -105,14 +105,14 @@ const AccordionComponent = function AccordionComponent(_a) {
     const { expandedItemId } = restProps;
     const contextValue = isMultiple
         ? {
-            onChange,
-            isMultiple,
             expandedItemIds,
+            isMultiple,
+            onChange,
         }
         : {
-            onChange,
-            isMultiple,
             expandedItemId,
+            isMultiple,
+            onChange,
         };
     return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, style: style, ref: accordionRef, onKeyDown: handleKeyDown, role: "presentation" }, restProps, htmlAttributes, { children: (0, jsx_runtime_1.jsx)(accordion_context_1.AccordionContext.Provider, { value: contextValue, children: children }) })));
 };
@@ -191,8 +191,8 @@ const BaseAccordionItem = ({ itemId, children, title, className = '', arrowPosit
         'ndl-accordion-item-content-leading': arrowPosition === 'leading',
     });
     return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: classes, style: style, id: itemElementId }, htmlAttributes, { children: [(0, jsx_runtime_1.jsxs)("div", { className: headerClasses, id: headerElementId, children: [(0, jsx_runtime_1.jsx)("button", { id: buttonElementId, onClick: handleOnClick, className: buttonClasses, "aria-expanded": isExpanded, "aria-disabled": isDisabled, "aria-label": title, "aria-controls": panelElementId, disabled: isDisabled, children: (0, jsx_runtime_1.jsxs)("span", { className: iconClasses, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: titleTypographyVariant, className: titleClasses, htmlAttributes: {
-                                        role: 'heading',
                                         'aria-level': 2,
+                                        role: 'heading',
                                     }, children: title }), (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, { className: (0, classnames_1.default)('ndl-accordion-item-header-icon', {
                                         '-n-rotate-180': isExpanded,
                                     }) })] }) }), trailingContent && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { as: "div", variant: "body-medium", children: trailingContent }))] }), (0, jsx_runtime_1.jsx)("div", { id: panelElementId, ref: contentRef, className: contentClasses, "aria-hidden": !isExpanded, "aria-labelledby": buttonElementId, role: "region", children: (0, jsx_runtime_1.jsx)("div", { ref: innerContentRef, className: "ndl-accordion-item-content-inner", onKeyDown: (event) => event.stopPropagation(), children: (0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "body-medium", className: "n-text-neutral-text-weak", as: "div", children: children }) }) }), hasDivider && (0, jsx_runtime_1.jsx)(divider_1.Divider, {})] })));

package/lib/cjs/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AAEpC,iCAAiE;AAGjE,4CAA6C;AAC7C,wCAAqC;AACrC,oCAAkD;AAClD,8CAA2C;AAC3C,2DAA4E;AAY5E,IAAK,iBAGJ;AAHD,WAAK,iBAAiB;IACpB,iDAA4B,CAAA;IAC5B,8FAAyE,CAAA;AAC3E,CAAC,EAHI,iBAAiB,KAAjB,iBAAiB,QAGrB;AAED,MAAM,gBAAgB,GAAG,CACvB,gBAAyB,EACzB,QAAgB,EAChB,YAA6B,MAAM,EACnB,EAAE;IAClB,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACpE,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,IAAA,iBAAS,EAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,SAAS,kBAAkB,CAGpD,EAU6C;QAV7C,EACA,QAAQ,EACR,EAAE,EACF,UAAU,EACV,QAAQ,EACR,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,OAE0C,EAD1C,SAAS,cATZ,2FAUD,CADa;IAEZ,MAAM,YAAY,GAAG,IAAA,cAAM,EAAI,IAAI,CAAC,CAAC;IAErC,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAQ,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAsB,EAAE,IAAI,KAAK,CAAC;IAEjD,oDAAoD;IACpD,kDAAkD;IAClD,MAAM,aAAa,GAAG,CAAC,KAA0C,EAAE,EAAE;QACnE,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAC;QAC9C,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QACD,MAAM,aAAa,GAAG,QAAQ,CAAC,aAA4B,CAAC;QAC5D,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAC9B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,aAAa,EACb,iBAAiB,CAAC,eAAe,EACjC,MAAM,CACP,CAAC;YACF,MAAM,SAAS,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,iBAAiB,CAAC;YAEvD,IAAI,SAAS,IAAI,SAAS,YAAY,WAAW,EAAE,CAAC;gBAClD,kBAAkB,CAAC,SAAwB,CAAC,CAAC;YAC/C,CAAC;QACH,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YACnC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,aAAa,EACb,iBAAiB,CAAC,eAAe,EACjC,MAAM,CACP,CAAC;YACF,MAAM,SAAS,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,iBAAiB,CAAC;YAEvD,IAAI,SAAS,IAAI,SAAS,YAAY,WAAW,EAAE,CAAC;gBAClD,kBAAkB,CAAC,SAAwB,CAAC,CAAC;YAC/C,CAAC;QACH,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,aAAa,CAAC,KAAK,EAAE,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,oBAAiC,EAAE,EAAE;QAC/D,MAAM,eAAe,GAAG,oBAAoB;aACzC,sBAAsB,CAAC,kCAAkC,CAAC;aAC1D,IAAI,CAAC,CAAC,CAAC,CAAC;QAEX,IAAI,eAAe,KAAK,IAAI,IAAI,eAAe,YAAY,WAAW,EAAE,CAAC;YACvE,eAAe,CAAC,KAAK,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,eAAe,EAAE,SAAS,CAAC,CAAC;IAEvD,MAAM,EAAE,eAAe,EAAE,GAAG,SAAmC,CAAC;IAChE,MAAM,EAAE,cAAc,EAAE,GAAG,SAAsC,CAAC;IAElE,MAAM,YAAY,GAAG,UAAU;QAC7B,CAAC,CAAE;YACC,QAAQ;YACR,UAAU;YACV,eAAe;SACE;QACrB,CAAC,CAAE;YACC,QAAQ;YACR,UAAU;YACV,cAAc;SACM,CAAC;IAE3B,OAAO,CACL,uBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAC,cAAc,IACf,SAAS,EACT,cAAc,cAElB,uBAAC,oCAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC3C,QAAQ,GACiB,IAClB,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,EAAmB,EAAE,EAAE,CACzD,oBAAoB,IAAI,MAAM,EAAE,EAAE,CAAC;AAErC,MAAM,iBAAiB,GAAG,CAGxB,EACA,MAAM,EACN,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,EAAE,EACd,aAAa,GAAG,SAAS,EACzB,UAAU,GAAG,KAAK,EAClB,gBAAgB,EAChB,cAAc,EACd,KAAK,EACL,EAAE,EACF,sBAAsB,GAAG,mBAAmB,EAC5C,UAAU,GAAG,IAAI,EACjB,eAAe,GACkC,EAAE,EAAE;IACrD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACrD,MAAM,aAAa,GAAG,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnD,MAAM,eAAe,GAAG,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACvD,MAAM,eAAe,GAAG,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACvD,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACrD,MAAM,SAAS,GAAsB,EAAE,IAAI,KAAK,CAAC;IAEjD,MAAM,OAAO,GAAG,IAAA,uCAAmB,GAAE,CAAC;IACtC,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAE/B,MAAM,UAAU,GAAG,UAAU;QAC3B,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC;QAC1C,CAAC,CAAC,OAAO,CAAC,cAAc,KAAK,MAAM,CAAC;IAEtC,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;;QACrC,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,2BAA2B;QAC3B,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;YACnC,gBAAgB,CAAC,CAAC,UAAU,CAAC,CAAC;QAChC,CAAC;QAED,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAkB,OAAO,CAAC;YAC7D,qBAAqB;YACrB,IAAI,UAAU,EAAE,CAAC;gBACf,oBAAoB;gBACpB,MAAM,QAAQ,GAAQ,eAAe,CAAC,MAAM,CAC1C,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,MAAM,CAClC,CAAC;gBACF,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACrB,CAAC;iBAAM,IAAI,CAAC,UAAU,EAAE,CAAC;gBACvB,eAAe;gBACf,MAAM,QAAQ,GAAG,CAAC,GAAG,eAAe,CAAC,CAAC;gBACtC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBACtB,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACrB,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,EAAE,QAAQ,EAAE,GAAqB,OAAO,CAAC;YAC/C,mBAAmB;YACnB,IAAI,UAAU,EAAE,CAAC;gBACf,YAAY;gBACZ,QAAQ,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;iBAAM,IAAI,CAAC,UAAU,EAAE,CAAC;gBACvB,aAAa;gBACb,QAAQ,CAAC,MAAM,CAAC,CAAC;YACnB,CAAC;QACH,CAAC;QAED,yFAAyF;QACzF,MAAA,MAAA,QAAQ,CAAC,aAAa,0CAAE,aAAa,0CAAE,KAAK,EAAE,CAAC;IACjD,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,gBAAgB,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5E,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,oBAAoB,EAAE,SAAS,EAAE;QAC1D,6BAA6B,EAAE,UAAU;QACzC,6BAA6B,EAAE,UAAU;KAC1C,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,IAAA,oBAAU,EAAC,2BAA2B,EAAE;QAC5D,oCAAoC,EAAE,UAAU;KACjD,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,IAAA,oBAAU,EAAC,wCAAwC,EAAE;QACvE,gDAAgD,EAC9C,aAAa,KAAK,SAAS;KAC9B,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,IAAA,oBAAU,EAAC,kCAAkC,EAAE;QACnE,2CAA2C,EAAE,UAAU;KACxD,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,oBAAU,EAAC,wCAAwC,EAAE;QACxE,wCAAwC,EAAE,UAAU;QACpD,gDAAgD,EAC9C,aAAa,KAAK,SAAS;KAC9B,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,4BAA4B,EAAE;QAC9D,qCAAqC,EAAE,UAAU;QACjD,oCAAoC,EAAE,aAAa,KAAK,SAAS;KAClE,CAAC,CAAC;IAEH,OAAO,CACL,wBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,aAAa,IACb,cAAc,eAElB,iCAAK,SAAS,EAAE,aAAa,EAAE,EAAE,EAAE,eAAe,aAChD,mCACE,EAAE,EAAE,eAAe,EACnB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,aAAa,mBACT,UAAU,mBACV,UAAU,gBACb,KAAK,mBACF,cAAc,EAC7B,QAAQ,EAAE,UAAU,YAEpB,kCAAM,SAAS,EAAE,WAAW,aAC1B,uBAAC,uBAAU,IACT,OAAO,EAAE,sBAAsB,EAC/B,SAAS,EAAE,YAAY,EACvB,cAAc,EAAE;wCACd,IAAI,EAAE,SAAS;wCACf,YAAY,EAAE,CAAC;qCAChB,YAEA,KAAK,GACK,EAEb,uBAAC,8BAAsB,IACrB,SAAS,EAAE,IAAA,oBAAU,EAAC,gCAAgC,EAAE;wCACtD,eAAe,EAAE,UAAU;qCAC5B,CAAC,GACF,IACG,GACA,EACR,eAAe,IAAI,CAClB,uBAAC,uBAAU,IAAC,EAAE,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,YACvC,eAAe,GACL,CACd,IACG,EAEN,gCACE,EAAE,EAAE,cAAc,EAClB,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,cAAc,iBACZ,CAAC,UAAU,qBACP,eAAe,EAChC,IAAI,EAAC,QAAQ,YAIb,gCACE,GAAG,EAAE,eAAe,EACpB,SAAS,EAAC,kCAAkC,EAC5C,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,YAE7C,uBAAC,uBAAU,IACT,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,0BAA0B,EACpC,EAAE,EAAC,KAAK,YAEP,QAAQ,GACE,GACT,GACF,EACL,UAAU,IAAI,uBAAC,iBAAO,KAAG,KAChB,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAGpB,EAG+C,EAAE,EAAE;QAHnD,EACA,SAAS,OAEsC,EAD5C,SAAS,cAFZ,aAGD,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,4BAA4B,EAAE,SAAS,CAAC,CAAC;IAEpE,OAAO,uBAAC,iBAAiB,oBAAK,SAAS,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AAClE,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAO7C,MAAM,SAAS,GAAG,CAGhB,EAG6C,EAAE,EAAE;QAHjD,EACA,SAAS,OAEoC,EAD1C,SAAS,cAFZ,aAGD,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,0BAA0B,EAAE,SAAS,CAAC,CAAC;IAElE,OAAO,CACL,uBAAC,iBAAiB,oBAAK,SAAS,IAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,IAAI,CAC5E,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAE9C,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,EAAE;IAClD,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,aAAa;CACpB,CAAC,CAAC;AAEM,8BAAS","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { useCallback, useImperativeHandle, useRef } from 'react';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport { findUntil } from '../_common/utils';\nimport { Divider } from '../divider';\nimport { ChevronDownIconOutline } from '../icons';\nimport { Typography } from '../typography';\nimport { AccordionContext, useAccordionContext } from './accordion-context';\nimport {\n  type AccordionIsMultiple,\n  type AccordionIsNotMultiple,\n  type AccordionItemId,\n  type AccordionItemProps,\n  type AccordionProps,\n  type ClassicItemProps,\n  type IsMultiple,\n  type IsNotMultiple,\n} from './accordion-types';\n\nenum AccordionSelector {\n  Item = '.ndl-accordion-item',\n  ItemNotDisabled = '.ndl-accordion-item:not(.ndl-accordion-item-disabled)',\n}\n\nconst getAccordionItem = (\n  accordionElement: Element,\n  selector: string,\n  direction: 'next' | 'prev' = 'next',\n): Element | null => {\n  const itemParent = accordionElement.closest(AccordionSelector.Item);\n  if (!itemParent) {\n    return null;\n  }\n\n  return findUntil(direction, itemParent, selector);\n};\n\nconst AccordionComponent = function AccordionComponent<\n  T extends AccordionItemId,\n  U extends React.ElementType = 'div',\n>({\n  children,\n  as,\n  isMultiple,\n  onChange,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<U, AccordionProps<T>>) {\n  const accordionRef = useRef<U>(null);\n\n  useImperativeHandle(ref, () => accordionRef.current!);\n\n  const Component: React.ElementType = as || 'div';\n\n  // The following function includes code needed to be\n  // able to navigate with the arrow keys (not tab).\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    const accordionElement = accordionRef.current;\n    if (!accordionElement) {\n      return;\n    }\n    const activeElement = document.activeElement as HTMLElement;\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      event.stopPropagation();\n      const newFocusedElement = getAccordionItem(\n        activeElement,\n        AccordionSelector.ItemNotDisabled,\n        'next',\n      );\n      const newHeader = newFocusedElement?.firstElementChild;\n\n      if (newHeader && newHeader instanceof HTMLElement) {\n        focusAccordionItem(newHeader as HTMLElement);\n      }\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      event.stopPropagation();\n      const newFocusedElement = getAccordionItem(\n        activeElement,\n        AccordionSelector.ItemNotDisabled,\n        'prev',\n      );\n      const newHeader = newFocusedElement?.firstElementChild;\n\n      if (newHeader && newHeader instanceof HTMLElement) {\n        focusAccordionItem(newHeader as HTMLElement);\n      }\n    } else if (event.key === ' ' || event.key === 'Enter') {\n      event.preventDefault();\n      event.stopPropagation();\n      activeElement.click();\n    }\n  };\n\n  const focusAccordionItem = (accordionHtmlElement: HTMLElement) => {\n    const accordionButton = accordionHtmlElement\n      .getElementsByClassName('ndl-accordion-item-header-button')\n      .item(0);\n\n    if (accordionButton !== null && accordionButton instanceof HTMLElement) {\n      accordionButton.focus();\n    }\n  };\n\n  const classes = classNames('ndl-accordion', className);\n\n  const { expandedItemIds } = restProps as AccordionIsMultiple<T>;\n  const { expandedItemId } = restProps as AccordionIsNotMultiple<T>;\n\n  const contextValue = isMultiple\n    ? ({\n        onChange,\n        isMultiple,\n        expandedItemIds,\n      } as IsMultiple<T>)\n    : ({\n        onChange,\n        isMultiple,\n        expandedItemId,\n      } as IsNotMultiple<T>);\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      ref={accordionRef}\n      onKeyDown={handleKeyDown}\n      role=\"presentation\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <AccordionContext.Provider value={contextValue}>\n        {children}\n      </AccordionContext.Provider>\n    </Component>\n  );\n};\n\nconst createItemId = (type: string, id: AccordionItemId) =>\n  `ndl-accordionitem${type}id-${id}`;\n\nconst BaseAccordionItem = <\n  T extends AccordionItemId,\n  U extends React.ElementType = 'div',\n>({\n  itemId,\n  children,\n  title,\n  className = '',\n  arrowPosition = 'leading',\n  isDisabled = false,\n  onExpandedChange,\n  htmlAttributes,\n  style,\n  as,\n  titleTypographyVariant = 'subheading-medium',\n  hasDivider = true,\n  trailingContent,\n}: PolymorphicCommonProps<U, AccordionItemProps<T>>) => {\n  const contentRef = useRef<HTMLDivElement>(null);\n  const innerContentRef = useRef<HTMLDivElement>(null);\n  const itemElementId = createItemId('item', itemId);\n  const headerElementId = createItemId('header', itemId);\n  const buttonElementId = createItemId('button', itemId);\n  const panelElementId = createItemId('panel', itemId);\n  const Component: React.ElementType = as || 'div';\n\n  const context = useAccordionContext();\n  const { isMultiple } = context;\n\n  const isExpanded = isMultiple\n    ? context.expandedItemIds.includes(itemId)\n    : context.expandedItemId === itemId;\n\n  const handleOnClick = useCallback(() => {\n    if (isDisabled) {\n      return;\n    }\n\n    // Custom callback to call.\n    if (onExpandedChange !== undefined) {\n      onExpandedChange(!isExpanded);\n    }\n\n    if (isMultiple) {\n      const { expandedItemIds, onChange }: IsMultiple<T> = context;\n      // Multiple expanded.\n      if (isExpanded) {\n        // Remove from list.\n        const newArray: T[] = expandedItemIds.filter(\n          (activeId) => activeId !== itemId,\n        );\n        onChange(newArray);\n      } else if (!isExpanded) {\n        // Add to list.\n        const newArray = [...expandedItemIds];\n        newArray.push(itemId);\n        onChange(newArray);\n      }\n    } else {\n      const { onChange }: IsNotMultiple<T> = context;\n      // Single expanded.\n      if (isExpanded) {\n        // Set null.\n        onChange(null);\n      } else if (!isExpanded) {\n        // Set to id.\n        onChange(itemId);\n      }\n    }\n\n    // The W3 WAI-ARIA states that focus can only happen on the header not the header button.\n    document.activeElement?.parentElement?.focus();\n  }, [isExpanded, isMultiple, isDisabled, itemId, onExpandedChange, context]);\n\n  const classes = classNames('ndl-accordion-item', className, {\n    'ndl-accordion-item-disabled': isDisabled,\n    'ndl-accordion-item-expanded': isExpanded,\n  });\n\n  const headerClasses = classNames('ndl-accordion-item-header', {\n    'ndl-accordion-item-header-disabled': isDisabled,\n  });\n\n  const iconClasses = classNames('ndl-accordion-item-header-icon-wrapper', {\n    'ndl-accordion-item-header-icon-wrapper-leading':\n      arrowPosition === 'leading',\n  });\n\n  const buttonClasses = classNames('ndl-accordion-item-header-button', {\n    'ndl-accordion-item-header-button-disabled': isDisabled,\n  });\n\n  const titleClasses = classNames('ndl-accordion-item-header-button-title', {\n    'ndl-accordion-item-header-button-title': isDisabled,\n    'ndl-accordion-item-header-button-title-leading':\n      arrowPosition === 'leading',\n  });\n\n  const contentClasses = classNames('ndl-accordion-item-content', {\n    'ndl-accordion-item-content-expanded': isExpanded,\n    'ndl-accordion-item-content-leading': arrowPosition === 'leading',\n  });\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      id={itemElementId}\n      {...htmlAttributes}\n    >\n      <div className={headerClasses} id={headerElementId}>\n        <button\n          id={buttonElementId}\n          onClick={handleOnClick}\n          className={buttonClasses}\n          aria-expanded={isExpanded}\n          aria-disabled={isDisabled}\n          aria-label={title}\n          aria-controls={panelElementId}\n          disabled={isDisabled}\n        >\n          <span className={iconClasses}>\n            <Typography\n              variant={titleTypographyVariant}\n              className={titleClasses}\n              htmlAttributes={{\n                role: 'heading',\n                'aria-level': 2,\n              }}\n            >\n              {title}\n            </Typography>\n\n            <ChevronDownIconOutline\n              className={classNames('ndl-accordion-item-header-icon', {\n                '-n-rotate-180': isExpanded,\n              })}\n            />\n          </span>\n        </button>\n        {trailingContent && (\n          <Typography as=\"div\" variant=\"body-medium\">\n            {trailingContent}\n          </Typography>\n        )}\n      </div>\n\n      <div\n        id={panelElementId}\n        ref={contentRef}\n        className={contentClasses}\n        aria-hidden={!isExpanded}\n        aria-labelledby={buttonElementId}\n        role=\"region\"\n      >\n        {/* The <div> element has a child <button> element that allows keyboard interaction */}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n        <div\n          ref={innerContentRef}\n          className=\"ndl-accordion-item-content-inner\"\n          onKeyDown={(event) => event.stopPropagation()}\n        >\n          <Typography\n            variant=\"body-medium\"\n            className=\"n-text-neutral-text-weak\"\n            as=\"div\"\n          >\n            {children}\n          </Typography>\n        </div>\n      </div>\n      {hasDivider && <Divider />}\n    </Component>\n  );\n};\n\nconst AccordionItem = <\n  T extends AccordionItemId,\n  U extends React.ElementType = 'div',\n>({\n  className,\n  ...restProps\n}: PolymorphicCommonProps<U, ClassicItemProps<T>>) => {\n  const classes = classNames('ndl-accordion-item-classic', className);\n\n  return <BaseAccordionItem {...restProps} className={classes} />;\n};\nAccordionItem.displayName = 'Accordion.Item';\n\ntype CleanItemProps<T extends AccordionItemId> = Omit<\n  AccordionItemProps<T>,\n  'hasDivider'\n>;\n\nconst CleanItem = <\n  T extends AccordionItemId,\n  U extends React.ElementType = 'div',\n>({\n  className,\n  ...restProps\n}: PolymorphicCommonProps<U, CleanItemProps<T>>) => {\n  const classes = classNames('ndl-accordion-item-clean', className);\n\n  return (\n    <BaseAccordionItem {...restProps} className={classes} hasDivider={false} />\n  );\n};\n\nCleanItem.displayName = 'Accordion.CleanItem';\n\nconst Accordion = Object.assign(AccordionComponent, {\n  CleanItem: CleanItem,\n  Item: AccordionItem,\n});\n\nexport { Accordion };\n"]}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/accordion/Accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { useCallback, useImperativeHandle, useRef } from 'react';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport { findUntil } from '../_common/utils';\nimport { Divider } from '../divider';\nimport { ChevronDownIconOutline } from '../icons';\nimport { Typography } from '../typography';\nimport { AccordionContext, useAccordionContext } from './accordion-context';\nimport {\n  type AccordionIsMultiple,\n  type AccordionIsNotMultiple,\n  type AccordionItemId,\n  type AccordionItemProps,\n  type AccordionProps,\n  type ClassicItemProps,\n  type IsMultiple,\n  type IsNotMultiple,\n} from './accordion-types';\n\nenum AccordionSelector {\n  Item = '.ndl-accordion-item',\n  ItemNotDisabled = '.ndl-accordion-item:not(.ndl-accordion-item-disabled)',\n}\n\nconst getAccordionItem = (\n  accordionElement: Element,\n  selector: string,\n  direction: 'next' | 'prev' = 'next',\n): Element | null => {\n  const itemParent = accordionElement.closest(AccordionSelector.Item);\n  if (!itemParent) {\n    return null;\n  }\n\n  return findUntil(direction, itemParent, selector);\n};\n\nconst AccordionComponent = function AccordionComponent<\n  T extends AccordionItemId,\n  U extends React.ElementType = 'div',\n>({\n  children,\n  as,\n  isMultiple,\n  onChange,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<U, AccordionProps<T>>) {\n  const accordionRef = useRef<U>(null);\n\n  useImperativeHandle(ref, () => accordionRef.current!);\n\n  const Component: React.ElementType = as || 'div';\n\n  // The following function includes code needed to be\n  // able to navigate with the arrow keys (not tab).\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    const accordionElement = accordionRef.current;\n    if (!accordionElement) {\n      return;\n    }\n    const activeElement = document.activeElement as HTMLElement;\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      event.stopPropagation();\n      const newFocusedElement = getAccordionItem(\n        activeElement,\n        AccordionSelector.ItemNotDisabled,\n        'next',\n      );\n      const newHeader = newFocusedElement?.firstElementChild;\n\n      if (newHeader && newHeader instanceof HTMLElement) {\n        focusAccordionItem(newHeader as HTMLElement);\n      }\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      event.stopPropagation();\n      const newFocusedElement = getAccordionItem(\n        activeElement,\n        AccordionSelector.ItemNotDisabled,\n        'prev',\n      );\n      const newHeader = newFocusedElement?.firstElementChild;\n\n      if (newHeader && newHeader instanceof HTMLElement) {\n        focusAccordionItem(newHeader as HTMLElement);\n      }\n    } else if (event.key === ' ' || event.key === 'Enter') {\n      event.preventDefault();\n      event.stopPropagation();\n      activeElement.click();\n    }\n  };\n\n  const focusAccordionItem = (accordionHtmlElement: HTMLElement) => {\n    const accordionButton = accordionHtmlElement\n      .getElementsByClassName('ndl-accordion-item-header-button')\n      .item(0);\n\n    if (accordionButton !== null && accordionButton instanceof HTMLElement) {\n      accordionButton.focus();\n    }\n  };\n\n  const classes = classNames('ndl-accordion', className);\n\n  const { expandedItemIds } = restProps as AccordionIsMultiple<T>;\n  const { expandedItemId } = restProps as AccordionIsNotMultiple<T>;\n\n  const contextValue = isMultiple\n    ? ({\n        expandedItemIds,\n        isMultiple,\n        onChange,\n      } as IsMultiple<T>)\n    : ({\n        expandedItemId,\n        isMultiple,\n        onChange,\n      } as IsNotMultiple<T>);\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      ref={accordionRef}\n      onKeyDown={handleKeyDown}\n      role=\"presentation\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <AccordionContext.Provider value={contextValue}>\n        {children}\n      </AccordionContext.Provider>\n    </Component>\n  );\n};\n\nconst createItemId = (type: string, id: AccordionItemId) =>\n  `ndl-accordionitem${type}id-${id}`;\n\nconst BaseAccordionItem = <\n  T extends AccordionItemId,\n  U extends React.ElementType = 'div',\n>({\n  itemId,\n  children,\n  title,\n  className = '',\n  arrowPosition = 'leading',\n  isDisabled = false,\n  onExpandedChange,\n  htmlAttributes,\n  style,\n  as,\n  titleTypographyVariant = 'subheading-medium',\n  hasDivider = true,\n  trailingContent,\n}: PolymorphicCommonProps<U, AccordionItemProps<T>>) => {\n  const contentRef = useRef<HTMLDivElement>(null);\n  const innerContentRef = useRef<HTMLDivElement>(null);\n  const itemElementId = createItemId('item', itemId);\n  const headerElementId = createItemId('header', itemId);\n  const buttonElementId = createItemId('button', itemId);\n  const panelElementId = createItemId('panel', itemId);\n  const Component: React.ElementType = as || 'div';\n\n  const context = useAccordionContext();\n  const { isMultiple } = context;\n\n  const isExpanded = isMultiple\n    ? context.expandedItemIds.includes(itemId)\n    : context.expandedItemId === itemId;\n\n  const handleOnClick = useCallback(() => {\n    if (isDisabled) {\n      return;\n    }\n\n    // Custom callback to call.\n    if (onExpandedChange !== undefined) {\n      onExpandedChange(!isExpanded);\n    }\n\n    if (isMultiple) {\n      const { expandedItemIds, onChange }: IsMultiple<T> = context;\n      // Multiple expanded.\n      if (isExpanded) {\n        // Remove from list.\n        const newArray: T[] = expandedItemIds.filter(\n          (activeId) => activeId !== itemId,\n        );\n        onChange(newArray);\n      } else if (!isExpanded) {\n        // Add to list.\n        const newArray = [...expandedItemIds];\n        newArray.push(itemId);\n        onChange(newArray);\n      }\n    } else {\n      const { onChange }: IsNotMultiple<T> = context;\n      // Single expanded.\n      if (isExpanded) {\n        // Set null.\n        onChange(null);\n      } else if (!isExpanded) {\n        // Set to id.\n        onChange(itemId);\n      }\n    }\n\n    // The W3 WAI-ARIA states that focus can only happen on the header not the header button.\n    document.activeElement?.parentElement?.focus();\n  }, [isExpanded, isMultiple, isDisabled, itemId, onExpandedChange, context]);\n\n  const classes = classNames('ndl-accordion-item', className, {\n    'ndl-accordion-item-disabled': isDisabled,\n    'ndl-accordion-item-expanded': isExpanded,\n  });\n\n  const headerClasses = classNames('ndl-accordion-item-header', {\n    'ndl-accordion-item-header-disabled': isDisabled,\n  });\n\n  const iconClasses = classNames('ndl-accordion-item-header-icon-wrapper', {\n    'ndl-accordion-item-header-icon-wrapper-leading':\n      arrowPosition === 'leading',\n  });\n\n  const buttonClasses = classNames('ndl-accordion-item-header-button', {\n    'ndl-accordion-item-header-button-disabled': isDisabled,\n  });\n\n  const titleClasses = classNames('ndl-accordion-item-header-button-title', {\n    'ndl-accordion-item-header-button-title': isDisabled,\n    'ndl-accordion-item-header-button-title-leading':\n      arrowPosition === 'leading',\n  });\n\n  const contentClasses = classNames('ndl-accordion-item-content', {\n    'ndl-accordion-item-content-expanded': isExpanded,\n    'ndl-accordion-item-content-leading': arrowPosition === 'leading',\n  });\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      id={itemElementId}\n      {...htmlAttributes}\n    >\n      <div className={headerClasses} id={headerElementId}>\n        <button\n          id={buttonElementId}\n          onClick={handleOnClick}\n          className={buttonClasses}\n          aria-expanded={isExpanded}\n          aria-disabled={isDisabled}\n          aria-label={title}\n          aria-controls={panelElementId}\n          disabled={isDisabled}\n        >\n          <span className={iconClasses}>\n            <Typography\n              variant={titleTypographyVariant}\n              className={titleClasses}\n              htmlAttributes={{\n                'aria-level': 2,\n                role: 'heading',\n              }}\n            >\n              {title}\n            </Typography>\n\n            <ChevronDownIconOutline\n              className={classNames('ndl-accordion-item-header-icon', {\n                '-n-rotate-180': isExpanded,\n              })}\n            />\n          </span>\n        </button>\n        {trailingContent && (\n          <Typography as=\"div\" variant=\"body-medium\">\n            {trailingContent}\n          </Typography>\n        )}\n      </div>\n\n      <div\n        id={panelElementId}\n        ref={contentRef}\n        className={contentClasses}\n        aria-hidden={!isExpanded}\n        aria-labelledby={buttonElementId}\n        role=\"region\"\n      >\n        {/* The <div> element has a child <button> element that allows keyboard interaction */}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n        <div\n          ref={innerContentRef}\n          className=\"ndl-accordion-item-content-inner\"\n          onKeyDown={(event) => event.stopPropagation()}\n        >\n          <Typography\n            variant=\"body-medium\"\n            className=\"n-text-neutral-text-weak\"\n            as=\"div\"\n          >\n            {children}\n          </Typography>\n        </div>\n      </div>\n      {hasDivider && <Divider />}\n    </Component>\n  );\n};\n\nconst AccordionItem = <\n  T extends AccordionItemId,\n  U extends React.ElementType = 'div',\n>({\n  className,\n  ...restProps\n}: PolymorphicCommonProps<U, ClassicItemProps<T>>) => {\n  const classes = classNames('ndl-accordion-item-classic', className);\n\n  return <BaseAccordionItem {...restProps} className={classes} />;\n};\nAccordionItem.displayName = 'Accordion.Item';\n\ntype CleanItemProps<T extends AccordionItemId> = Omit<\n  AccordionItemProps<T>,\n  'hasDivider'\n>;\n\nconst CleanItem = <\n  T extends AccordionItemId,\n  U extends React.ElementType = 'div',\n>({\n  className,\n  ...restProps\n}: PolymorphicCommonProps<U, CleanItemProps<T>>) => {\n  const classes = classNames('ndl-accordion-item-clean', className);\n\n  return (\n    <BaseAccordionItem {...restProps} className={classes} hasDivider={false} />\n  );\n};\n\nCleanItem.displayName = 'Accordion.CleanItem';\n\nconst Accordion = Object.assign(AccordionComponent, {\n  CleanItem: CleanItem,\n  Item: AccordionItem,\n});\n\nexport { Accordion };\n"]}

package/lib/cjs/accordion/accordion-context.js

@@ -22,7 +22,7 @@ exports.useAccordionContext = exports.AccordionContext = void 0;
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 const react_1 = require("react");
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// oxlint-disable-next-line @typescript-eslint/no-explicit-any
 exports.AccordionContext = (0, react_1.createContext)(null);
 const useAccordionContext = () => {
     const context = (0, react_1.useContext)(exports.AccordionContext);

package/lib/cjs/accordion/accordion-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-context.js","sourceRoot":"","sources":["../../../src/accordion/accordion-context.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iCAAkD;AAsBlD,8DAA8D;AACjD,QAAA,gBAAgB,GAAG,IAAA,qBAAa,EAC3C,IAAI,CACL,CAAC;AAEK,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAgB,CAAC,CAAC;IAC7C,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACpD,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AANW,QAAA,mBAAmB,uBAM9B","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 { createContext, useContext } from 'react';\n\nimport {\n  type AccordionIsMultiple,\n  type AccordionIsNotMultiple,\n  type AccordionItemId,\n} from './accordion-types';\n\ntype AccordionContextType<T extends AccordionItemId> =\n  | Required<\n      Pick<\n        AccordionIsMultiple<T>,\n        'onChange' | 'expandedItemIds' | 'isMultiple'\n      >\n    >\n  | Required<\n      Pick<\n        AccordionIsNotMultiple<T>,\n        'onChange' | 'expandedItemId' | 'isMultiple'\n      >\n    >;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const AccordionContext = createContext<AccordionContextType<any> | null>(\n  null,\n);\n\nexport const useAccordionContext = () => {\n  const context = useContext(AccordionContext);\n  if (context === null) {\n    throw new Error('Accordion used without context');\n  }\n  return context;\n};\n"]}
+{"version":3,"file":"accordion-context.js","sourceRoot":"","sources":["../../../src/accordion/accordion-context.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iCAAkD;AAsBlD,8DAA8D;AACjD,QAAA,gBAAgB,GAAG,IAAA,qBAAa,EAC3C,IAAI,CACL,CAAC;AAEK,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAgB,CAAC,CAAC;IAC7C,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACpD,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AANW,QAAA,mBAAmB,uBAM9B","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 { createContext, useContext } from 'react';\n\nimport {\n  type AccordionIsMultiple,\n  type AccordionIsNotMultiple,\n  type AccordionItemId,\n} from './accordion-types';\n\ntype AccordionContextType<T extends AccordionItemId> =\n  | Required<\n      Pick<\n        AccordionIsMultiple<T>,\n        'onChange' | 'expandedItemIds' | 'isMultiple'\n      >\n    >\n  | Required<\n      Pick<\n        AccordionIsNotMultiple<T>,\n        'onChange' | 'expandedItemId' | 'isMultiple'\n      >\n    >;\n\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const AccordionContext = createContext<AccordionContextType<any> | null>(\n  null,\n);\n\nexport const useAccordionContext = () => {\n  const context = useContext(AccordionContext);\n  if (context === null) {\n    throw new Error('Accordion used without context');\n  }\n  return context;\n};\n"]}

package/lib/cjs/accordion/stories/accordion.stories.js

@@ -25,118 +25,118 @@ exports.Full = exports.RightContent = exports.CleanItems = exports.MultipleExpan
 const index_1 = require("../../index");
 const _1 = require(".");
 const componentMeta = {
-    title: 'Components/Accordion',
-    id: 'components-accordion',
     component: index_1.Accordion,
-    tags: ['docsPage'],
+    id: 'components-accordion',
     parameters: {
         controls: { disable: true },
     },
+    tags: ['docsPage'],
+    title: 'Components/Accordion',
 };
 exports.default = componentMeta;
 exports.Default = {
     args: {
         children: undefined,
-        isMultiple: undefined,
         expandedItemId: null,
+        isMultiple: undefined,
         onChange: () => undefined,
     },
-    render: _1.AccordionDefault,
     parameters: {
         docs: {
             source: {
+                code: _1.AccordionDefaultSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.AccordionDefaultSrc,
             },
         },
     },
+    render: _1.AccordionDefault,
 };
 exports.SingleExpanded = {
     args: {
         children: undefined,
-        isMultiple: undefined,
         expandedItemId: null,
+        isMultiple: undefined,
         onChange: () => undefined,
     },
-    render: _1.AccordionSingleExpanded,
     parameters: {
         docs: {
             source: {
+                code: _1.AccordionSingleExpandedSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.AccordionSingleExpandedSrc,
             },
         },
     },
+    render: _1.AccordionSingleExpanded,
 };
 exports.MultipleExpanded = {
     args: {
         children: undefined,
-        isMultiple: undefined,
         expandedItemId: null,
+        isMultiple: undefined,
         onChange: () => undefined,
     },
-    render: _1.AccordionMultipleExpanded,
     parameters: {
         docs: {
             source: {
+                code: _1.AccordionMultipleExpandedSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.AccordionMultipleExpandedSrc,
             },
         },
     },
+    render: _1.AccordionMultipleExpanded,
 };
 exports.CleanItems = {
     args: {
         children: undefined,
-        isMultiple: undefined,
         expandedItemId: null,
+        isMultiple: undefined,
         onChange: () => undefined,
     },
-    render: _1.AccordionCleanItems,
     parameters: {
         docs: {
             source: {
+                code: _1.AccordionCleanItemsSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.AccordionCleanItemsSrc,
             },
         },
     },
+    render: _1.AccordionCleanItems,
 };
 exports.RightContent = {
     args: {
         children: undefined,
-        isMultiple: undefined,
         expandedItemId: null,
+        isMultiple: undefined,
         onChange: () => undefined,
     },
-    render: _1.AccordionRightContent,
     parameters: {
         docs: {
             source: {
+                code: _1.AccordionRightContentSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.AccordionRightContentSrc,
             },
         },
     },
+    render: _1.AccordionRightContent,
 };
 exports.Full = {
     args: {
         children: undefined,
-        isMultiple: undefined,
         expandedItemId: null,
+        isMultiple: undefined,
         onChange: () => undefined,
     },
     parameters: {
         docs: {
             source: {
+                code: _1.AccordionFullSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.AccordionFullSrc,
             },
         },
     },

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.stories.js","sourceRoot":"","sources":["../../../../src/accordion/stories/accordion.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Accordion } from '../../index';\nimport {\n  AccordionCleanItems,\n  AccordionCleanItemsSrc,\n  AccordionDefault,\n  AccordionDefaultSrc,\n  AccordionFull,\n  AccordionFullSrc,\n  AccordionMultipleExpanded,\n  AccordionMultipleExpandedSrc,\n  AccordionRightContent,\n  AccordionRightContentSrc,\n  AccordionSingleExpanded,\n  AccordionSingleExpandedSrc,\n} from '.';\n\nconst componentMeta = {\n  title: 'Components/Accordion',\n  id: 'components-accordion',\n  component: Accordion,\n  tags: ['docsPage'],\n  parameters: {\n    controls: { disable: true },\n  },\n} satisfies Meta<typeof Accordion>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {\n    children: undefined,\n    isMultiple: undefined,\n    expandedItemId: null,\n    onChange: () => undefined,\n  },\n  render: AccordionDefault,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AccordionDefaultSrc,\n      },\n    },\n  },\n};\n\nexport const SingleExpanded: Story = {\n  args: {\n    children: undefined,\n    isMultiple: undefined,\n    expandedItemId: null,\n    onChange: () => undefined,\n  },\n  render: AccordionSingleExpanded,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AccordionSingleExpandedSrc,\n      },\n    },\n  },\n};\n\nexport const MultipleExpanded: Story = {\n  args: {\n    children: undefined,\n    isMultiple: undefined,\n    expandedItemId: null,\n    onChange: () => undefined,\n  },\n  render: AccordionMultipleExpanded,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AccordionMultipleExpandedSrc,\n      },\n    },\n  },\n};\n\nexport const CleanItems: Story = {\n  args: {\n    children: undefined,\n    isMultiple: undefined,\n    expandedItemId: null,\n    onChange: () => undefined,\n  },\n  render: AccordionCleanItems,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AccordionCleanItemsSrc,\n      },\n    },\n  },\n};\n\nexport const RightContent: Story = {\n  args: {\n    children: undefined,\n    isMultiple: undefined,\n    expandedItemId: null,\n    onChange: () => undefined,\n  },\n  render: AccordionRightContent,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AccordionRightContentSrc,\n      },\n    },\n  },\n};\n\nexport const Full: Story = {\n  args: {\n    children: undefined,\n    isMultiple: undefined,\n    expandedItemId: null,\n    onChange: () => undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AccordionFullSrc,\n      },\n    },\n  },\n  render: AccordionFull,\n};\n"]}
+{"version":3,"file":"accordion.stories.js","sourceRoot":"","sources":["../../../../src/accordion/stories/accordion.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Accordion } from '../../index';\nimport {\n  AccordionCleanItems,\n  AccordionCleanItemsSrc,\n  AccordionDefault,\n  AccordionDefaultSrc,\n  AccordionFull,\n  AccordionFullSrc,\n  AccordionMultipleExpanded,\n  AccordionMultipleExpandedSrc,\n  AccordionRightContent,\n  AccordionRightContentSrc,\n  AccordionSingleExpanded,\n  AccordionSingleExpandedSrc,\n} from '.';\n\nconst componentMeta = {\n  component: Accordion,\n  id: 'components-accordion',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Accordion',\n} satisfies Meta<typeof Accordion>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {\n    children: undefined,\n    expandedItemId: null,\n    isMultiple: undefined,\n    onChange: () => undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: AccordionDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AccordionDefault,\n};\n\nexport const SingleExpanded: Story = {\n  args: {\n    children: undefined,\n    expandedItemId: null,\n    isMultiple: undefined,\n    onChange: () => undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: AccordionSingleExpandedSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AccordionSingleExpanded,\n};\n\nexport const MultipleExpanded: Story = {\n  args: {\n    children: undefined,\n    expandedItemId: null,\n    isMultiple: undefined,\n    onChange: () => undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: AccordionMultipleExpandedSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AccordionMultipleExpanded,\n};\n\nexport const CleanItems: Story = {\n  args: {\n    children: undefined,\n    expandedItemId: null,\n    isMultiple: undefined,\n    onChange: () => undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: AccordionCleanItemsSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AccordionCleanItems,\n};\n\nexport const RightContent: Story = {\n  args: {\n    children: undefined,\n    expandedItemId: null,\n    isMultiple: undefined,\n    onChange: () => undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: AccordionRightContentSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AccordionRightContent,\n};\n\nexport const Full: Story = {\n  args: {\n    children: undefined,\n    expandedItemId: null,\n    isMultiple: undefined,\n    onChange: () => undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: AccordionFullSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AccordionFull,\n};\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Presence.js","sourceRoot":"","sources":["../../../../src/ai/presence/Presence.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAAkD;AAClD,kDAGgC;AAChC,4DAAoC;AASpC,MAAM,QAAQ,GAAG,CAAC,EAOkB,EAAE,EAAE;QAPtB,EAChB,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,cAAc,EACd,GAAG,OAE+B,EAD/B,SAAS,cANI,6DAOjB,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE,SAAS,EAAE;QACvD,cAAc,EAAE,UAAU,KAAK,IAAI;KACpC,CAAC,CAAC;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEnC,MAAM,SAAS,GACb,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,6BAAqB,CAAC,CAAC,CAAC,4BAAoB,CAAC;IAEnE,OAAO,CACL,uBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,IAC1B,CAAC,UAAU,KAAK,IAAI,IAAI;QAC1B,YAAY,EAAE,UAAU;QACxB,WAAW,EAAE,QAAQ;QACrB,IAAI,EAAE,QAAQ;KACf,CAAC,EACE,SAAS,EACb,CACH,CAAC;AACJ,CAAC,CAAC;AAIO,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { useNeedleTheme } from '@neo4j-ndl/react';\nimport {\n  Neo4JAiColorDarkIcon,\n  Neo4JAiColorLightIcon,\n} from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\n\nimport type { CommonProps } from '../../_common/types';\n\ntype PresenceProps = {\n  /** Whether the AI is thinking. Animates the underlying SVG */\n  isThinking?: boolean;\n};\n\nconst Presence = ({\n  className,\n  isThinking = false,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'svg', PresenceProps>) => {\n  const classes = classNames('ndl-ai-presence', className, {\n    'ndl-thinking': isThinking === true,\n  });\n  const { theme } = useNeedleTheme();\n\n  const Component =\n    theme === 'light' ? Neo4JAiColorLightIcon : Neo4JAiColorDarkIcon;\n\n  return (\n    <Component\n      ref={ref}\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...(isThinking === true && {\n        'aria-label': 'Thinking',\n        'aria-live': 'polite',\n        role: 'status',\n      })}\n      {...restProps}\n    />\n  );\n};\n\nPresence.displayName = 'Presence';\n\nexport { Presence };\n"]}
+{"version":3,"file":"Presence.js","sourceRoot":"","sources":["../../../../src/ai/presence/Presence.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAAkD;AAClD,kDAGgC;AAChC,4DAAoC;AASpC,MAAM,QAAQ,GAAG,CAAC,EAOkB,EAAE,EAAE;QAPtB,EAChB,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,cAAc,EACd,GAAG,OAE+B,EAD/B,SAAS,cANI,6DAOjB,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE,SAAS,EAAE;QACvD,cAAc,EAAE,UAAU,KAAK,IAAI;KACpC,CAAC,CAAC;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEnC,MAAM,SAAS,GACb,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,6BAAqB,CAAC,CAAC,CAAC,4BAAoB,CAAC;IAEnE,OAAO,CACL,uBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,IAC1B,CAAC,UAAU,KAAK,IAAI,IAAI;QAC1B,aAAa,EAAE,OAAO;QACtB,YAAY,EAAE,UAAU;QACxB,WAAW,EAAE,QAAQ;QACrB,IAAI,EAAE,QAAQ;KACf,CAAC,EACE,SAAS,EACb,CACH,CAAC;AACJ,CAAC,CAAC;AAIO,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { useNeedleTheme } from '@neo4j-ndl/react';\nimport {\n  Neo4JAiColorDarkIcon,\n  Neo4JAiColorLightIcon,\n} from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\n\nimport type { CommonProps } from '../../_common/types';\n\ntype PresenceProps = {\n  /** Whether the AI is thinking. Animates the underlying SVG */\n  isThinking?: boolean;\n};\n\nconst Presence = ({\n  className,\n  isThinking = false,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'svg', PresenceProps>) => {\n  const classes = classNames('ndl-ai-presence', className, {\n    'ndl-thinking': isThinking === true,\n  });\n  const { theme } = useNeedleTheme();\n\n  const Component =\n    theme === 'light' ? Neo4JAiColorLightIcon : Neo4JAiColorDarkIcon;\n\n  return (\n    <Component\n      ref={ref}\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...(isThinking === true && {\n        'aria-hidden': 'false',\n        'aria-label': 'Thinking',\n        'aria-live': 'polite',\n        role: 'status',\n      })}\n      {...restProps}\n    />\n  );\n};\n\nPresence.displayName = 'Presence';\n\nexport { Presence };\n"]}

package/lib/cjs/avatar/stories/avatar.stories.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.stories.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar.stories.tsx"],"names":[],"mappings":";;;;AAuBA,uCAAqC;AACrC,wBAaW;AAEX,MAAM,aAAa,GAAwB;IACzC,KAAK,EAAE,mBAAmB;IAC1B,EAAE,EAAE,mBAAmB;IACvB,SAAS,EAAE,cAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;CAC4B,CAAC;AAEhC,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,gBAAa;IACrB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,sBAAmB;aAC1B;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,iBAAc;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,uBAAoB;aAC3B;SACF;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAU;IAC3B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,eAAY;IACpB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAkB;aACzB;SACF;KACF;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,cAAW;IACnB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,oBAAiB;aACxB;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,iBAAc;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,uBAAoB;aAC3B;SACF;KACF;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,cAAW;IACnB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,oBAAiB;aACxB;SACF;KACF;CACF,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Avatar } from '../../index';\nimport {\n  AvatarDefault,\n  AvatarDefaultSource,\n  AvatarDisabled,\n  AvatarDisabledSource,\n  AvatarShapes,\n  AvatarShapesSource,\n  AvatarSizes,\n  AvatarSizesSource,\n  AvatarStatuses,\n  AvatarStatusesSource,\n  AvatarTypes,\n  AvatarTypesSource,\n} from '.';\n\nconst componentMeta: Meta<typeof Avatar> = {\n  title: 'Components/Avatar',\n  id: 'components-avatar',\n  component: Avatar,\n  tags: ['docsPage'],\n  parameters: {\n    controls: { disable: true },\n  },\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n} satisfies Meta<typeof Avatar>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  render: AvatarDefault,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AvatarDefaultSource,\n      },\n    },\n  },\n};\n\nexport const Disabled: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  render: AvatarDisabled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AvatarDisabledSource,\n      },\n    },\n  },\n};\n\nexport const Shapes: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  render: AvatarShapes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AvatarShapesSource,\n      },\n    },\n  },\n};\n\nexport const Sizes: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  render: AvatarSizes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AvatarSizesSource,\n      },\n    },\n  },\n};\n\nexport const Statuses: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  render: AvatarStatuses,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AvatarStatusesSource,\n      },\n    },\n  },\n};\n\nexport const Types: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  render: AvatarTypes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: AvatarTypesSource,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"avatar.stories.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar.stories.tsx"],"names":[],"mappings":";;;;AAuBA,uCAAqC;AACrC,wBAaW;AAEX,MAAM,aAAa,GAAwB;IACzC,SAAS,EAAE,cAAM;IACjB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,EAAE,EAAE,mBAAmB;IACvB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,mBAAmB;CACG,CAAC;AAEhC,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,gBAAa;CACtB,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,uBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,CAAC;AAEW,QAAA,MAAM,GAAU;IAC3B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,qBAAkB;gBACxB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,eAAY;CACrB,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,cAAW;CACpB,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,uBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,cAAW;CACpB,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Avatar } from '../../index';\nimport {\n  AvatarDefault,\n  AvatarDefaultSource,\n  AvatarDisabled,\n  AvatarDisabledSource,\n  AvatarShapes,\n  AvatarShapesSource,\n  AvatarSizes,\n  AvatarSizesSource,\n  AvatarStatuses,\n  AvatarStatusesSource,\n  AvatarTypes,\n  AvatarTypesSource,\n} from '.';\n\nconst componentMeta: Meta<typeof Avatar> = {\n  component: Avatar,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-avatar',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Avatar',\n} satisfies Meta<typeof Avatar>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: AvatarDefaultSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AvatarDefault,\n};\n\nexport const Disabled: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: AvatarDisabledSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AvatarDisabled,\n};\n\nexport const Shapes: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: AvatarShapesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AvatarShapes,\n};\n\nexport const Sizes: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: AvatarSizesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AvatarSizes,\n};\n\nexport const Statuses: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: AvatarStatusesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AvatarStatuses,\n};\n\nexport const Types: Story = {\n  // @ts-expect-error The args from the full story are not actually used but we get a type issue here\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: AvatarTypesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: AvatarTypes,\n};\n"]}