@neo4j-ndl/react 4.3.6 → 4.4.1

package/lib/cjs/select/stories/select-inside-dialog.story.js

@@ -35,9 +35,9 @@ const Component = (props) => {
     const ref = (0, react_2.useRef)(null);
     const [isOpen, setIsOpen] = (0, react_2.useState)(false);
     return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: "n-flex n-flex-col n-items-center n-justify-center n-relative n-h-[500px]", children: [(0, jsx_runtime_1.jsx)(react_1.FilledButton, { size: "medium", onClick: () => setIsOpen(true), children: "Open Dialog" }), (0, jsx_runtime_1.jsxs)(react_1.Dialog, { container: (ref === null || ref === void 0 ? void 0 : ref.current) || undefined, isOpen: isOpen, onClose: () => setIsOpen(false), "aria-label": "Dialog", children: [(0, jsx_runtime_1.jsx)(react_1.Dialog.Header, { children: "Using Select inside a dialog" }), (0, jsx_runtime_1.jsxs)(react_1.Dialog.Description, { className: "n-flex n-flex-col n-gap-token-32", children: [(0, jsx_runtime_1.jsxs)(react_1.Typography, { variant: "body-medium", children: ["To use select inside a dialog and avoid the cut-off, you need to use the property ", (0, jsx_runtime_1.jsx)("code", { children: "menuPosition: \"fixed\"" }), " inside the", ' ', (0, jsx_runtime_1.jsx)("code", { children: "selectProps" }), ". This is done automatically if used in a Needle Dialog, but can always be overridden manually."] }), (0, jsx_runtime_1.jsx)(react_1.Select, { label: "Inside a dialog", type: "select", selectProps: {
+                                    defaultValue: EXAMPLE_OPTIONS[1],
                                     menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
                                     options: EXAMPLE_OPTIONS,
-                                    defaultValue: EXAMPLE_OPTIONS[1],
                                 } })] })] })] }));
 };
 exports.default = Component;

package/lib/cjs/select/stories/select-inside-dialog.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-inside-dialog.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-inside-dialog.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA4E;AAC5E,iCAAyC;AAEzC,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAErD,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,0EAA0E,aAEpF,uBAAC,oBAAY,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,4BAE3C,EACf,wBAAC,cAAM,IACL,SAAS,EAAE,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,KAAI,SAAS,EACpC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,gBACpB,QAAQ,aAEnB,uBAAC,cAAM,CAAC,MAAM,+CAA6C,EAC3D,wBAAC,cAAM,CAAC,WAAW,IAAC,SAAS,EAAC,kCAAkC,aAC9D,wBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,mGAElB,uEAA4C,iBAAY,GAAG,EACxE,2DAAwB,uGAEb,EACb,uBAAC,cAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;oCACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oCACzC,OAAO,EAAE,eAAe;oCACxB,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;iCACjC,GACD,IACiB,IACd,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Dialog, FilledButton, Select, Typography } from '@neo4j-ndl/react';\nimport { useRef, useState } from 'react';\n\nconst EXAMPLE_OPTIONS = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Needle 🪡', value: 'needle' },\n  { label: 'Graph Databases', value: 'graph-database' },\n  { isDisabled: true, label: 'Disabled database option', value: 'disabled' },\n];\n\nconst Component = (props: React.ComponentProps<typeof Select>) => {\n  const ref = useRef<HTMLDivElement | null>(null);\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  return (\n    <div\n      ref={ref}\n      className=\"n-flex n-flex-col n-items-center n-justify-center n-relative n-h-[500px]\"\n    >\n      <FilledButton size=\"medium\" onClick={() => setIsOpen(true)}>\n        Open Dialog\n      </FilledButton>\n      <Dialog\n        container={ref?.current || undefined}\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        aria-label=\"Dialog\"\n      >\n        <Dialog.Header>Using Select inside a dialog</Dialog.Header>\n        <Dialog.Description className=\"n-flex n-flex-col n-gap-token-32\">\n          <Typography variant=\"body-medium\">\n            To use select inside a dialog and avoid the cut-off, you need to use\n            the property <code>menuPosition: &quot;fixed&quot;</code> inside the{' '}\n            <code>selectProps</code>. This is done automatically if used in a\n            Needle Dialog, but can always be overridden manually.\n          </Typography>\n          <Select\n            label=\"Inside a dialog\"\n            type=\"select\"\n            selectProps={{\n              menuIsOpen: props.selectProps?.menuIsOpen,\n              options: EXAMPLE_OPTIONS,\n              defaultValue: EXAMPLE_OPTIONS[1],\n            }}\n          />\n        </Dialog.Description>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"select-inside-dialog.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-inside-dialog.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA4E;AAC5E,iCAAyC;AAEzC,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAErD,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,0EAA0E,aAEpF,uBAAC,oBAAY,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,4BAE3C,EACf,wBAAC,cAAM,IACL,SAAS,EAAE,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,KAAI,SAAS,EACpC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,gBACpB,QAAQ,aAEnB,uBAAC,cAAM,CAAC,MAAM,+CAA6C,EAC3D,wBAAC,cAAM,CAAC,WAAW,IAAC,SAAS,EAAC,kCAAkC,aAC9D,wBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,mGAElB,uEAA4C,iBAAY,GAAG,EACxE,2DAAwB,uGAEb,EACb,uBAAC,cAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;oCACX,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;oCAChC,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oCACzC,OAAO,EAAE,eAAe;iCACzB,GACD,IACiB,IACd,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Dialog, FilledButton, Select, Typography } from '@neo4j-ndl/react';\nimport { useRef, useState } from 'react';\n\nconst EXAMPLE_OPTIONS = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Needle 🪡', value: 'needle' },\n  { label: 'Graph Databases', value: 'graph-database' },\n  { isDisabled: true, label: 'Disabled database option', value: 'disabled' },\n];\n\nconst Component = (props: React.ComponentProps<typeof Select>) => {\n  const ref = useRef<HTMLDivElement | null>(null);\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  return (\n    <div\n      ref={ref}\n      className=\"n-flex n-flex-col n-items-center n-justify-center n-relative n-h-[500px]\"\n    >\n      <FilledButton size=\"medium\" onClick={() => setIsOpen(true)}>\n        Open Dialog\n      </FilledButton>\n      <Dialog\n        container={ref?.current || undefined}\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        aria-label=\"Dialog\"\n      >\n        <Dialog.Header>Using Select inside a dialog</Dialog.Header>\n        <Dialog.Description className=\"n-flex n-flex-col n-gap-token-32\">\n          <Typography variant=\"body-medium\">\n            To use select inside a dialog and avoid the cut-off, you need to use\n            the property <code>menuPosition: &quot;fixed&quot;</code> inside the{' '}\n            <code>selectProps</code>. This is done automatically if used in a\n            Needle Dialog, but can always be overridden manually.\n          </Typography>\n          <Select\n            label=\"Inside a dialog\"\n            type=\"select\"\n            selectProps={{\n              defaultValue: EXAMPLE_OPTIONS[1],\n              menuIsOpen: props.selectProps?.menuIsOpen,\n              options: EXAMPLE_OPTIONS,\n            }}\n          />\n        </Dialog.Description>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

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

@@ -118,7 +118,7 @@ const SideNavComponent = (_a) => {
                         setHasFocusVisible(false);
                     }
                 });
-            } }, restProps, htmlAttributes, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: innerClasses, style: customStyle }, htmlAttributes, { children: [(0, jsx_runtime_1.jsx)("nav", { className: "ndl-side-nav-nav", children: (0, jsx_runtime_1.jsx)(react_1.Composite, { as: "ul", "aria-label": ariaLabel, role: "menubar", orientation: "vertical", "aria-orientation": "vertical", className: "ndl-side-nav-list", loop: true, children: children }) }), shouldOverlayOnInteraction === true && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-side-nav-footer", children: (0, jsx_runtime_1.jsx)(PinButton, {}) }))] })) })) }));
+            } }, restProps, htmlAttributes, { children: (0, jsx_runtime_1.jsxs)("div", { className: innerClasses, children: [(0, jsx_runtime_1.jsx)("nav", { className: "ndl-side-nav-nav", "aria-label": ariaLabel, children: (0, jsx_runtime_1.jsx)(react_1.Composite, { as: "ul", "aria-label": ariaLabel, role: "menubar", orientation: "vertical", "aria-orientation": "vertical", className: "ndl-side-nav-list", loop: true, children: children }) }), shouldOverlayOnInteraction === true && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-side-nav-footer", children: (0, jsx_runtime_1.jsx)(PinButton, {}) }))] }) })) }));
 };
 /**
  * SideNavListItem

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

@@ -1 +1 @@
-{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../src/side-navigation/SideNavigation.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport {\n  autoUpdate,\n  Composite,\n  CompositeItem,\n  flip,\n  FloatingFocusManager,\n  FloatingList,\n  FloatingPortal,\n  offset,\n  safePolygon,\n  shift,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useListItem,\n  useListNavigation,\n  useMergeRefs,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { tokens } from '@neo4j-ndl/base';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { useEffect, useId, useRef, useState } from 'react';\n\nimport { IconIndicatorWrapper } from '../_common/IconIndicatorWrapper';\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { Divider } from '../divider';\nimport { ChevronRightIconOutline, PinIcon } from '../icons';\nimport { Tooltip } from '../tooltip';\nimport { Typography } from '../typography';\nimport {\n  SideNavCategoryContext,\n  SideNavContext,\n  useSideNavCategoryContext,\n  useSideNavContext,\n} from './side-navigation-context';\nimport {\n  type CategoryHeaderProps,\n  type CategoryItemProps,\n  type ItemBadgeProps,\n  type NavItemProps,\n  type SideNavListItemProps,\n  type SideNavProps,\n} from './side-navigation-types';\n\n/**\n * SideNav\n */\nconst SideNavComponent = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  isExpanded = false,\n  shouldOverlayOnInteraction = true,\n  ariaLabel,\n  onPinButtonClick,\n  expandedWidth,\n  ref,\n  ...restProps\n}: CommonProps<'div', SideNavProps>) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const [hasFocusVisible, setHasFocusVisible] = useState(false);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const isFloatingExpanded =\n    shouldOverlayOnInteraction && (!isHovered ? hasFocusVisible : true);\n\n  const classes = classNames('ndl-side-nav', 'ndl-side-nav-root', className, {\n    'ndl-side-nav-collapsed':\n      isExpanded !== true && shouldOverlayOnInteraction !== true,\n    'ndl-side-nav-expanded': isExpanded,\n  });\n\n  const innerClasses = classNames('ndl-side-nav-inner', {\n    'ndl-side-nav-hover':\n      shouldOverlayOnInteraction === true &&\n      isFloatingExpanded === true &&\n      isExpanded !== true,\n  });\n\n  const customStyle = {\n    ...style,\n    ...(Boolean(expandedWidth) && {\n      '--side-nav-width-expanded':\n        typeof expandedWidth === 'string'\n          ? expandedWidth\n          : `${expandedWidth}px`,\n    }),\n  };\n\n  const mergedRef = useMergeRefs([ref, rootRef]);\n\n  return (\n    <SideNavContext.Provider\n      value={{\n        isExpanded,\n        isHovered: isFloatingExpanded, // needs refactoring\n        onPinButtonClick,\n        shouldOverlayOnInteraction,\n      }}\n    >\n      <div\n        className={classes}\n        ref={mergedRef}\n        style={customStyle}\n        onMouseEnter={() => {\n          setIsHovered(true);\n        }}\n        onMouseLeave={() => {\n          setIsHovered(false);\n        }}\n        onFocusCapture={() => {\n          // Delay slightly to let Composite's focus management settle\n          requestAnimationFrame(() => {\n            const activeElement = document.activeElement;\n            // Check if focus is inside and visible (using :focus-visible on the active element)\n            if (\n              activeElement instanceof HTMLElement &&\n              rootRef.current !== null &&\n              rootRef.current.contains(activeElement) &&\n              activeElement.matches(':focus-visible')\n            ) {\n              // Update state after another frame to let focus fully settle\n              // This updates the context for consumers without disrupting focus\n              requestAnimationFrame(() => {\n                setHasFocusVisible(true);\n              });\n            }\n          });\n        }}\n        onBlurCapture={() => {\n          // Small delay to check if focus moved to another element inside\n          requestAnimationFrame(() => {\n            const activeElement = document.activeElement;\n            const isInsideNav =\n              activeElement instanceof HTMLElement &&\n              rootRef.current !== null &&\n              rootRef.current.contains(activeElement);\n            // Check if focus is in a portaled floating menu\n            const isInsideFloatingMenu =\n              activeElement instanceof HTMLElement &&\n              activeElement.closest('.ndl-side-nav-popover') !== null;\n\n            if (\n              (isInsideNav || isInsideFloatingMenu) &&\n              activeElement instanceof HTMLElement &&\n              activeElement.matches(':focus-visible')\n            ) {\n              // Focus stayed inside with focus-visible\n              setHasFocusVisible(true);\n            } else {\n              // Focus left - collapse\n              setHasFocusVisible(false);\n            }\n          });\n        }}\n        {...restProps}\n        {...htmlAttributes}\n      >\n        <div className={innerClasses} style={customStyle} {...htmlAttributes}>\n          <nav className=\"ndl-side-nav-nav\">\n            <Composite\n              as=\"ul\"\n              aria-label={ariaLabel}\n              role=\"menubar\"\n              orientation=\"vertical\"\n              aria-orientation=\"vertical\"\n              className=\"ndl-side-nav-list\"\n              loop={true}\n            >\n              {children}\n            </Composite>\n          </nav>\n          {shouldOverlayOnInteraction === true && (\n            <div className=\"ndl-side-nav-footer\">\n              <PinButton />\n            </div>\n          )}\n        </div>\n      </div>\n    </SideNavContext.Provider>\n  );\n};\n\n/**\n * SideNavListItem\n */\nconst SideNavListItem = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'li', SideNavListItemProps>) => {\n  const classes = classNames('ndl-side-nav-list-item', className, {});\n\n  return (\n    <li\n      role=\"none\"\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <SelectedIndicator />\n      {children}\n    </li>\n  );\n};\n\n/**\n * NavItem\n */\nconst NavItem = <T extends React.ElementType = 'button'>({\n  icon,\n  label,\n  trailingElement,\n  isActive,\n  className,\n  style,\n  htmlAttributes,\n  as,\n  badge,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, NavItemProps>) => {\n  const { isExpanded, isHovered, shouldOverlayOnInteraction } =\n    useSideNavContext();\n  const categoryContext = useSideNavCategoryContext();\n  const isInCategory = categoryContext !== null;\n\n  const item = useListItem();\n  const mergedRef = useMergeRefs([item.ref, ref]);\n\n  const isActiveIndex = item.index === categoryContext?.activeIndex;\n\n  const Component: React.ElementType = as ?? 'button';\n  const classes = classNames('ndl-side-nav-nav-item', className, {\n    'ndl-active': isActive === true,\n  });\n\n  const Wrapper = isInCategory ? Component : CompositeItem;\n  const componentProps = {\n    className: classes,\n    ref: mergedRef,\n    role: 'menuitem',\n    style: style,\n    ...(isInCategory && {\n      ...categoryContext?.getItemProps(),\n      tabIndex: isActiveIndex ? 0 : -1,\n    }),\n    ...restProps,\n    ...htmlAttributes,\n  };\n  const wrapperProps = isInCategory\n    ? componentProps\n    : {\n        render: <Component {...componentProps} />,\n      };\n\n  return (\n    <ConditionalWrap\n      shouldWrap={\n        isExpanded === false &&\n        !shouldOverlayOnInteraction &&\n        !isInCategory &&\n        Boolean(label)\n      }\n      wrap={(children) => (\n        <Tooltip\n          type=\"simple\"\n          placement=\"right\"\n          hoverDelay={{ close: 0, open: shouldOverlayOnInteraction ? 100 : 0 }}\n        >\n          <Tooltip.Trigger hasButtonWrapper={true}>{children}</Tooltip.Trigger>\n          <Tooltip.Content>{label}</Tooltip.Content>\n        </Tooltip>\n      )}\n    >\n      <Wrapper {...wrapperProps}>\n        <div className=\"ndl-side-nav-item-inner\">\n          {Boolean(icon) && (\n            <div className=\"ndl-side-nav-item-leading-element\">\n              <ConditionalWrap\n                shouldWrap={Boolean(badge) && !isHovered && !isExpanded}\n                wrap={(children) => (\n                  <IconIndicatorWrapper type={badge?.type ?? 'info'}>\n                    {children}\n                  </IconIndicatorWrapper>\n                )}\n              >\n                {icon}\n              </ConditionalWrap>\n            </div>\n          )}\n          {Boolean(label) && (\n            <Typography\n              variant=\"body-medium\"\n              as=\"div\"\n              className=\"ndl-side-nav-item-label\"\n            >\n              {label}\n            </Typography>\n          )}\n          {(Boolean(trailingElement) || Boolean(badge)) && (\n            <div className=\"ndl-side-nav-item-trailing-element\">\n              {trailingElement}\n              {badge !== undefined && (\n                <ItemBadge type={badge.type} number={badge.number} />\n              )}\n            </div>\n          )}\n        </div>\n      </Wrapper>\n    </ConditionalWrap>\n  );\n};\n\n/**\n * CategoryItem\n */\nconst CategoryItem = ({\n  children,\n  icon,\n  label,\n  isActive,\n  className,\n  style,\n  htmlAttributes,\n  badge,\n  isMenuOpen = false,\n  ref,\n  ...restProps\n}: CommonProps<'button', CategoryItemProps>) => {\n  const floatingId = useId();\n  const { isExpanded, isHovered, shouldOverlayOnInteraction } =\n    useSideNavContext();\n  const anchorRef = useRef<HTMLLIElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  const elementsRef = useRef<\n    Array<HTMLButtonElement | HTMLAnchorElement | null>\n  >([]);\n\n  const classes = classNames('ndl-side-nav-category-item', className, {\n    'ndl-active': isActive === true,\n  });\n\n  // Floating UI setup\n  const { refs, context } = useFloating({\n    elements: {\n      reference: anchorRef.current,\n    },\n    middleware: [\n      offset(5),\n      flip({ crossAxis: true, fallbackAxisSideDirection: 'end', padding: 5 }),\n      shift({ padding: 5 }),\n    ],\n    onOpenChange: setIsOpen,\n    open: isOpen || isMenuOpen,\n    placement: 'right-start',\n    strategy: 'fixed',\n    whileElementsMounted: autoUpdate,\n  });\n\n  const dismiss = useDismiss(context, {\n    referencePress: false,\n  });\n  const hover = useHover(context, {\n    delay: { close: 130, open: 130 },\n    handleClose: safePolygon({\n      blockPointerEvents: false,\n      requireIntent: false,\n    }),\n  });\n  const focus = useFocus(context);\n  const listNavigation = useListNavigation(context, {\n    activeIndex: activeIndex,\n    focusItemOnHover: false,\n    focusItemOnOpen: false,\n    listRef: elementsRef,\n    loop: true,\n    nested: true,\n    onNavigate: setActiveIndex,\n    openOnArrowKeyDown: false,\n  });\n\n  // Separate interactions: reference (no listNavigation), floating (with listNavigation)\n  const refInteractions = useInteractions([dismiss, hover, focus]);\n  const floatInteractions = useInteractions([dismiss, hover, listNavigation]);\n  const { styles: transitionStyles } = useTransitionStyles(context, {\n    duration: Number.parseInt(tokens.motion.duration.quick) ?? 0,\n  });\n\n  // Reset activeIndex when menu closes\n  useEffect(() => {\n    if (!context.open) {\n      setActiveIndex(null);\n    }\n  }, [context.open]);\n\n  const mergedRef = useMergeRefs([refs.setReference, ref]);\n\n  return (\n    <SideNavCategoryContext.Provider\n      value={{\n        activeIndex,\n        getItemProps: floatInteractions.getItemProps,\n      }}\n    >\n      <ConditionalWrap\n        shouldWrap={\n          isExpanded === false && !shouldOverlayOnInteraction && Boolean(label)\n        }\n        wrap={(children) => (\n          <Tooltip\n            type=\"simple\"\n            placement=\"top\"\n            hoverDelay={{\n              close: 0,\n              open: shouldOverlayOnInteraction ? 100 : 0,\n            }}\n            isOpen={isTooltipOpen}\n            onOpenChange={setIsTooltipOpen}\n          >\n            <Tooltip.Trigger hasButtonWrapper={true}>\n              {children}\n            </Tooltip.Trigger>\n            <Tooltip.Content className=\"ndl-side-nav ndl-side-nav-category-menu-tooltip-content\">\n              {label}\n            </Tooltip.Content>\n          </Tooltip>\n        )}\n      >\n        <CompositeItem\n          render={\n            <button\n              {...refInteractions.getReferenceProps({\n                className: classes,\n                ref: mergedRef,\n                style,\n                ...restProps,\n                ...htmlAttributes,\n              })}\n              // {...restProps}\n              // {...htmlAttributes}\n              role=\"menuitem\"\n              aria-haspopup=\"menu\"\n              aria-expanded={context.open}\n              aria-controls={floatingId}\n              onFocus={(e) => {\n                // Only show tooltip on focus-visible (keyboard navigation)\n                if (\n                  e.target instanceof HTMLElement &&\n                  e.target.matches(':focus-visible')\n                ) {\n                  setIsTooltipOpen(true);\n                }\n                // Call original handler if exists\n                const originalOnFocus = refInteractions.getReferenceProps({})\n                  .onFocus as\n                  | ((e: React.FocusEvent<HTMLButtonElement>) => void)\n                  | undefined;\n                originalOnFocus?.(e);\n              }}\n              onBlur={(e) => {\n                setIsTooltipOpen(false);\n                // Call original handler if exists\n                const originalOnBlur = refInteractions.getReferenceProps({})\n                  .onBlur as\n                  | ((e: React.FocusEvent<HTMLButtonElement>) => void)\n                  | undefined;\n                originalOnBlur?.(e);\n              }}\n              onKeyDown={(e) => {\n                if (e.key === 'ArrowRight') {\n                  // open and move focus into submenu\n                  setIsOpen(true);\n                  setActiveIndex(0);\n                  // Defer focusing first item (if needed) to next tick\n                  requestAnimationFrame(() => {\n                    const el = elementsRef.current[0];\n                    el?.focus();\n                  });\n                  e.preventDefault();\n                }\n                // ArrowDown/ArrowUp: let Composite handle top-level roving focus.\n              }}\n            />\n          }\n        >\n          <div className=\"ndl-side-nav-item-inner\">\n            {Boolean(icon) && (\n              <div className=\"ndl-side-nav-item-leading-element\">\n                <ConditionalWrap\n                  shouldWrap={Boolean(badge) && !isHovered && !isExpanded}\n                  wrap={(children) => (\n                    <IconIndicatorWrapper type={badge?.type ?? 'info'}>\n                      {children}\n                    </IconIndicatorWrapper>\n                  )}\n                >\n                  {icon}\n                </ConditionalWrap>\n              </div>\n            )}\n            {Boolean(label) && (\n              <Typography\n                variant=\"body-medium\"\n                as=\"div\"\n                className=\"ndl-side-nav-item-label\"\n              >\n                {label}\n              </Typography>\n            )}\n            <div className=\"ndl-side-nav-item-trailing-element\">\n              {badge && <ItemBadge type={badge.type} number={badge.number} />}\n              <ChevronRightIconOutline className=\"n-size-4 n-text-neutral-icon\" />\n            </div>\n          </div>\n          {context.open && (\n            <FloatingList elementsRef={elementsRef}>\n              <FloatingPortal>\n                <FloatingFocusManager\n                  context={context}\n                  modal={false}\n                  initialFocus={-1}\n                  returnFocus={true}\n                  closeOnFocusOut={true}\n                  guards={true}\n                >\n                  <ul\n                    id={floatingId}\n                    ref={refs.setFloating}\n                    className=\"ndl-side-nav ndl-side-nav-popover ndl-side-nav-popover-list\"\n                    style={{\n                      ...context.floatingStyles,\n                      ...transitionStyles,\n                    }}\n                    {...floatInteractions.getFloatingProps()}\n                    role=\"menu\"\n                  >\n                    {children}\n                  </ul>\n                </FloatingFocusManager>\n              </FloatingPortal>\n            </FloatingList>\n          )}\n        </CompositeItem>\n      </ConditionalWrap>\n    </SideNavCategoryContext.Provider>\n  );\n};\n\n/**\n * CategoryHeader\n */\nconst CategoryHeader = ({\n  children,\n  className,\n  ref,\n  style,\n  htmlAttributes,\n  ...restProps\n}: CommonProps<'li', CategoryHeaderProps>) => {\n  const { isExpanded, isHovered } = useSideNavContext();\n\n  const classes = classNames('ndl-side-nav-category-header', className, {\n    'ndl-side-nav-category-header-expanded': isExpanded || isHovered,\n  });\n\n  return (\n    <Typography\n      ref={ref}\n      variant=\"label\"\n      as=\"li\"\n      className={classes}\n      htmlAttributes={{\n        ...htmlAttributes,\n        role: 'separator',\n      }}\n      style={style}\n      {...restProps}\n    >\n      {isExpanded || isHovered ? children : <Divider />}\n    </Typography>\n  );\n};\n\n/**\n * SelectedIndicator\n */\nconst SelectedIndicator = () => {\n  return <div className=\"ndl-side-nav-selected-indicator\" />;\n};\n\n/**\n * SideNavDivider\n */\nconst SideNavDivider = () => {\n  return (\n    <Divider\n      orientation=\"horizontal\"\n      className=\"ndl-side-nav-divider\"\n      as=\"li\"\n    />\n  );\n};\n\n/**\n * ItemBadge\n */\nconst ItemBadge = ({\n  number,\n  type,\n  ref,\n  htmlAttributes,\n  style,\n  className,\n  ...restProps\n}: CommonProps<'span', ItemBadgeProps>) => {\n  useSideNavContext();\n\n  const badgeClasses = classNames('ndl-side-nav-item-badge', className, {\n    'ndl-danger': type === 'danger',\n    'ndl-info': type === 'info',\n    'ndl-warning': type === 'warning',\n  });\n\n  return (\n    <Typography\n      as=\"span\"\n      className={badgeClasses}\n      variant=\"subheading-small\"\n      htmlAttributes={{\n        'aria-label': `${number} notifications of type ${type}`,\n        ...htmlAttributes,\n      }}\n      style={style}\n      ref={ref}\n      {...restProps}\n    >\n      {number}\n    </Typography>\n  );\n};\n\n/**\n * PinButton\n */\nconst PinButton = () => {\n  const { isExpanded, shouldOverlayOnInteraction, onPinButtonClick } =\n    useSideNavContext();\n\n  const classes = classNames('ndl-side-nav-pin-button');\n\n  if (!shouldOverlayOnInteraction) {\n    return null;\n  }\n\n  return (\n    <CleanIconButton\n      onClick={onPinButtonClick}\n      className={classes}\n      description=\"Pin\"\n      size=\"medium\"\n      isActive={isExpanded}\n      tooltipProps={{\n        root: {\n          autoUpdateOptions: {\n            animationFrame: true,\n          },\n          placement: 'right',\n        },\n      }}\n    >\n      <PinIcon />\n    </CleanIconButton>\n  );\n};\n\nconst SideNavigation = Object.assign(SideNavComponent, {\n  CategoryHeader: CategoryHeader,\n  CategoryItem: CategoryItem,\n  Divider: SideNavDivider,\n  ItemBadge: ItemBadge,\n  ListItem: SideNavListItem,\n  NavItem,\n});\n\nexport { SideNavigation };\n"]}
+{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../src/side-navigation/SideNavigation.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport {\n  autoUpdate,\n  Composite,\n  CompositeItem,\n  flip,\n  FloatingFocusManager,\n  FloatingList,\n  FloatingPortal,\n  offset,\n  safePolygon,\n  shift,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useListItem,\n  useListNavigation,\n  useMergeRefs,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { tokens } from '@neo4j-ndl/base';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { useEffect, useId, useRef, useState } from 'react';\n\nimport { IconIndicatorWrapper } from '../_common/IconIndicatorWrapper';\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { Divider } from '../divider';\nimport { ChevronRightIconOutline, PinIcon } from '../icons';\nimport { Tooltip } from '../tooltip';\nimport { Typography } from '../typography';\nimport {\n  SideNavCategoryContext,\n  SideNavContext,\n  useSideNavCategoryContext,\n  useSideNavContext,\n} from './side-navigation-context';\nimport {\n  type CategoryHeaderProps,\n  type CategoryItemProps,\n  type ItemBadgeProps,\n  type NavItemProps,\n  type SideNavListItemProps,\n  type SideNavProps,\n} from './side-navigation-types';\n\n/**\n * SideNav\n */\nconst SideNavComponent = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  isExpanded = false,\n  shouldOverlayOnInteraction = true,\n  ariaLabel,\n  onPinButtonClick,\n  expandedWidth,\n  ref,\n  ...restProps\n}: CommonProps<'div', SideNavProps>) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const [hasFocusVisible, setHasFocusVisible] = useState(false);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const isFloatingExpanded =\n    shouldOverlayOnInteraction && (!isHovered ? hasFocusVisible : true);\n\n  const classes = classNames('ndl-side-nav', 'ndl-side-nav-root', className, {\n    'ndl-side-nav-collapsed':\n      isExpanded !== true && shouldOverlayOnInteraction !== true,\n    'ndl-side-nav-expanded': isExpanded,\n  });\n\n  const innerClasses = classNames('ndl-side-nav-inner', {\n    'ndl-side-nav-hover':\n      shouldOverlayOnInteraction === true &&\n      isFloatingExpanded === true &&\n      isExpanded !== true,\n  });\n\n  const customStyle = {\n    ...style,\n    ...(Boolean(expandedWidth) && {\n      '--side-nav-width-expanded':\n        typeof expandedWidth === 'string'\n          ? expandedWidth\n          : `${expandedWidth}px`,\n    }),\n  };\n\n  const mergedRef = useMergeRefs([ref, rootRef]);\n\n  return (\n    <SideNavContext.Provider\n      value={{\n        isExpanded,\n        isHovered: isFloatingExpanded, // needs refactoring\n        onPinButtonClick,\n        shouldOverlayOnInteraction,\n      }}\n    >\n      <div\n        className={classes}\n        ref={mergedRef}\n        style={customStyle}\n        onMouseEnter={() => {\n          setIsHovered(true);\n        }}\n        onMouseLeave={() => {\n          setIsHovered(false);\n        }}\n        onFocusCapture={() => {\n          // Delay slightly to let Composite's focus management settle\n          requestAnimationFrame(() => {\n            const activeElement = document.activeElement;\n            // Check if focus is inside and visible (using :focus-visible on the active element)\n            if (\n              activeElement instanceof HTMLElement &&\n              rootRef.current !== null &&\n              rootRef.current.contains(activeElement) &&\n              activeElement.matches(':focus-visible')\n            ) {\n              // Update state after another frame to let focus fully settle\n              // This updates the context for consumers without disrupting focus\n              requestAnimationFrame(() => {\n                setHasFocusVisible(true);\n              });\n            }\n          });\n        }}\n        onBlurCapture={() => {\n          // Small delay to check if focus moved to another element inside\n          requestAnimationFrame(() => {\n            const activeElement = document.activeElement;\n            const isInsideNav =\n              activeElement instanceof HTMLElement &&\n              rootRef.current !== null &&\n              rootRef.current.contains(activeElement);\n            // Check if focus is in a portaled floating menu\n            const isInsideFloatingMenu =\n              activeElement instanceof HTMLElement &&\n              activeElement.closest('.ndl-side-nav-popover') !== null;\n\n            if (\n              (isInsideNav || isInsideFloatingMenu) &&\n              activeElement instanceof HTMLElement &&\n              activeElement.matches(':focus-visible')\n            ) {\n              // Focus stayed inside with focus-visible\n              setHasFocusVisible(true);\n            } else {\n              // Focus left - collapse\n              setHasFocusVisible(false);\n            }\n          });\n        }}\n        {...restProps}\n        {...htmlAttributes}\n      >\n        <div className={innerClasses}>\n          {/** TODO v5: should the nav be the one that gets all the stuff spread on it? */}\n          <nav className=\"ndl-side-nav-nav\" aria-label={ariaLabel}>\n            <Composite\n              as=\"ul\"\n              aria-label={ariaLabel}\n              role=\"menubar\"\n              orientation=\"vertical\"\n              aria-orientation=\"vertical\"\n              className=\"ndl-side-nav-list\"\n              loop={true}\n            >\n              {children}\n            </Composite>\n          </nav>\n          {shouldOverlayOnInteraction === true && (\n            <div className=\"ndl-side-nav-footer\">\n              <PinButton />\n            </div>\n          )}\n        </div>\n      </div>\n    </SideNavContext.Provider>\n  );\n};\n\n/**\n * SideNavListItem\n */\nconst SideNavListItem = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'li', SideNavListItemProps>) => {\n  const classes = classNames('ndl-side-nav-list-item', className, {});\n\n  return (\n    <li\n      role=\"none\"\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <SelectedIndicator />\n      {children}\n    </li>\n  );\n};\n\n/**\n * NavItem\n */\nconst NavItem = <T extends React.ElementType = 'button'>({\n  icon,\n  label,\n  trailingElement,\n  isActive,\n  className,\n  style,\n  htmlAttributes,\n  as,\n  badge,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, NavItemProps>) => {\n  const { isExpanded, isHovered, shouldOverlayOnInteraction } =\n    useSideNavContext();\n  const categoryContext = useSideNavCategoryContext();\n  const isInCategory = categoryContext !== null;\n\n  const item = useListItem();\n  const mergedRef = useMergeRefs([item.ref, ref]);\n\n  const isActiveIndex = item.index === categoryContext?.activeIndex;\n\n  const Component: React.ElementType = as ?? 'button';\n  const classes = classNames('ndl-side-nav-nav-item', className, {\n    'ndl-active': isActive === true,\n  });\n\n  const Wrapper = isInCategory ? Component : CompositeItem;\n  const componentProps = {\n    className: classes,\n    ref: mergedRef,\n    role: 'menuitem',\n    style: style,\n    ...(isInCategory && {\n      ...categoryContext?.getItemProps(),\n      tabIndex: isActiveIndex ? 0 : -1,\n    }),\n    ...restProps,\n    ...htmlAttributes,\n  };\n  const wrapperProps = isInCategory\n    ? componentProps\n    : {\n        render: <Component {...componentProps} />,\n      };\n\n  return (\n    <ConditionalWrap\n      shouldWrap={\n        isExpanded === false &&\n        !shouldOverlayOnInteraction &&\n        !isInCategory &&\n        Boolean(label)\n      }\n      wrap={(children) => (\n        <Tooltip\n          type=\"simple\"\n          placement=\"right\"\n          hoverDelay={{ close: 0, open: shouldOverlayOnInteraction ? 100 : 0 }}\n        >\n          <Tooltip.Trigger hasButtonWrapper={true}>{children}</Tooltip.Trigger>\n          <Tooltip.Content>{label}</Tooltip.Content>\n        </Tooltip>\n      )}\n    >\n      <Wrapper {...wrapperProps}>\n        <div className=\"ndl-side-nav-item-inner\">\n          {Boolean(icon) && (\n            <div className=\"ndl-side-nav-item-leading-element\">\n              <ConditionalWrap\n                shouldWrap={Boolean(badge) && !isHovered && !isExpanded}\n                wrap={(children) => (\n                  <IconIndicatorWrapper type={badge?.type ?? 'info'}>\n                    {children}\n                  </IconIndicatorWrapper>\n                )}\n              >\n                {icon}\n              </ConditionalWrap>\n            </div>\n          )}\n          {Boolean(label) && (\n            <Typography\n              variant=\"body-medium\"\n              as=\"div\"\n              className=\"ndl-side-nav-item-label\"\n            >\n              {label}\n            </Typography>\n          )}\n          {(Boolean(trailingElement) || Boolean(badge)) && (\n            <div className=\"ndl-side-nav-item-trailing-element\">\n              {trailingElement}\n              {badge !== undefined && (\n                <ItemBadge type={badge.type} number={badge.number} />\n              )}\n            </div>\n          )}\n        </div>\n      </Wrapper>\n    </ConditionalWrap>\n  );\n};\n\n/**\n * CategoryItem\n */\nconst CategoryItem = ({\n  children,\n  icon,\n  label,\n  isActive,\n  className,\n  style,\n  htmlAttributes,\n  badge,\n  isMenuOpen = false,\n  ref,\n  ...restProps\n}: CommonProps<'button', CategoryItemProps>) => {\n  const floatingId = useId();\n  const { isExpanded, isHovered, shouldOverlayOnInteraction } =\n    useSideNavContext();\n  const anchorRef = useRef<HTMLLIElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  const elementsRef = useRef<\n    Array<HTMLButtonElement | HTMLAnchorElement | null>\n  >([]);\n\n  const classes = classNames('ndl-side-nav-category-item', className, {\n    'ndl-active': isActive === true,\n  });\n\n  // Floating UI setup\n  const { refs, context } = useFloating({\n    elements: {\n      reference: anchorRef.current,\n    },\n    middleware: [\n      offset(5),\n      flip({ crossAxis: true, fallbackAxisSideDirection: 'end', padding: 5 }),\n      shift({ padding: 5 }),\n    ],\n    onOpenChange: setIsOpen,\n    open: isOpen || isMenuOpen,\n    placement: 'right-start',\n    strategy: 'fixed',\n    whileElementsMounted: autoUpdate,\n  });\n\n  const dismiss = useDismiss(context, {\n    referencePress: false,\n  });\n  const hover = useHover(context, {\n    delay: { close: 130, open: 130 },\n    handleClose: safePolygon({\n      blockPointerEvents: false,\n      requireIntent: false,\n    }),\n  });\n  const focus = useFocus(context);\n  const listNavigation = useListNavigation(context, {\n    activeIndex: activeIndex,\n    focusItemOnHover: false,\n    focusItemOnOpen: false,\n    listRef: elementsRef,\n    loop: true,\n    nested: true,\n    onNavigate: setActiveIndex,\n    openOnArrowKeyDown: false,\n  });\n\n  // Separate interactions: reference (no listNavigation), floating (with listNavigation)\n  const refInteractions = useInteractions([dismiss, hover, focus]);\n  const floatInteractions = useInteractions([dismiss, hover, listNavigation]);\n  const { styles: transitionStyles } = useTransitionStyles(context, {\n    duration: Number.parseInt(tokens.motion.duration.quick) ?? 0,\n  });\n\n  // Reset activeIndex when menu closes\n  useEffect(() => {\n    if (!context.open) {\n      setActiveIndex(null);\n    }\n  }, [context.open]);\n\n  const mergedRef = useMergeRefs([refs.setReference, ref]);\n\n  return (\n    <SideNavCategoryContext.Provider\n      value={{\n        activeIndex,\n        getItemProps: floatInteractions.getItemProps,\n      }}\n    >\n      <ConditionalWrap\n        shouldWrap={\n          isExpanded === false && !shouldOverlayOnInteraction && Boolean(label)\n        }\n        wrap={(children) => (\n          <Tooltip\n            type=\"simple\"\n            placement=\"top\"\n            hoverDelay={{\n              close: 0,\n              open: shouldOverlayOnInteraction ? 100 : 0,\n            }}\n            isOpen={isTooltipOpen}\n            onOpenChange={setIsTooltipOpen}\n          >\n            <Tooltip.Trigger hasButtonWrapper={true}>\n              {children}\n            </Tooltip.Trigger>\n            <Tooltip.Content className=\"ndl-side-nav ndl-side-nav-category-menu-tooltip-content\">\n              {label}\n            </Tooltip.Content>\n          </Tooltip>\n        )}\n      >\n        <CompositeItem\n          render={\n            <button\n              {...refInteractions.getReferenceProps({\n                className: classes,\n                ref: mergedRef,\n                style,\n                ...restProps,\n                ...htmlAttributes,\n              })}\n              // {...restProps}\n              // {...htmlAttributes}\n              role=\"menuitem\"\n              aria-haspopup=\"menu\"\n              aria-expanded={context.open}\n              aria-controls={floatingId}\n              onFocus={(e) => {\n                // Only show tooltip on focus-visible (keyboard navigation)\n                if (\n                  e.target instanceof HTMLElement &&\n                  e.target.matches(':focus-visible')\n                ) {\n                  setIsTooltipOpen(true);\n                }\n                // Call original handler if exists\n                const originalOnFocus = refInteractions.getReferenceProps({})\n                  .onFocus as\n                  | ((e: React.FocusEvent<HTMLButtonElement>) => void)\n                  | undefined;\n                originalOnFocus?.(e);\n              }}\n              onBlur={(e) => {\n                setIsTooltipOpen(false);\n                // Call original handler if exists\n                const originalOnBlur = refInteractions.getReferenceProps({})\n                  .onBlur as\n                  | ((e: React.FocusEvent<HTMLButtonElement>) => void)\n                  | undefined;\n                originalOnBlur?.(e);\n              }}\n              onKeyDown={(e) => {\n                if (e.key === 'ArrowRight') {\n                  // open and move focus into submenu\n                  setIsOpen(true);\n                  setActiveIndex(0);\n                  // Defer focusing first item (if needed) to next tick\n                  requestAnimationFrame(() => {\n                    const el = elementsRef.current[0];\n                    el?.focus();\n                  });\n                  e.preventDefault();\n                }\n                // ArrowDown/ArrowUp: let Composite handle top-level roving focus.\n              }}\n            />\n          }\n        >\n          <div className=\"ndl-side-nav-item-inner\">\n            {Boolean(icon) && (\n              <div className=\"ndl-side-nav-item-leading-element\">\n                <ConditionalWrap\n                  shouldWrap={Boolean(badge) && !isHovered && !isExpanded}\n                  wrap={(children) => (\n                    <IconIndicatorWrapper type={badge?.type ?? 'info'}>\n                      {children}\n                    </IconIndicatorWrapper>\n                  )}\n                >\n                  {icon}\n                </ConditionalWrap>\n              </div>\n            )}\n            {Boolean(label) && (\n              <Typography\n                variant=\"body-medium\"\n                as=\"div\"\n                className=\"ndl-side-nav-item-label\"\n              >\n                {label}\n              </Typography>\n            )}\n            <div className=\"ndl-side-nav-item-trailing-element\">\n              {badge && <ItemBadge type={badge.type} number={badge.number} />}\n              <ChevronRightIconOutline className=\"n-size-4 n-text-neutral-icon\" />\n            </div>\n          </div>\n          {context.open && (\n            <FloatingList elementsRef={elementsRef}>\n              <FloatingPortal>\n                <FloatingFocusManager\n                  context={context}\n                  modal={false}\n                  initialFocus={-1}\n                  returnFocus={true}\n                  closeOnFocusOut={true}\n                  guards={true}\n                >\n                  <ul\n                    id={floatingId}\n                    ref={refs.setFloating}\n                    className=\"ndl-side-nav ndl-side-nav-popover ndl-side-nav-popover-list\"\n                    style={{\n                      ...context.floatingStyles,\n                      ...transitionStyles,\n                    }}\n                    {...floatInteractions.getFloatingProps()}\n                    role=\"menu\"\n                  >\n                    {children}\n                  </ul>\n                </FloatingFocusManager>\n              </FloatingPortal>\n            </FloatingList>\n          )}\n        </CompositeItem>\n      </ConditionalWrap>\n    </SideNavCategoryContext.Provider>\n  );\n};\n\n/**\n * CategoryHeader\n */\nconst CategoryHeader = ({\n  children,\n  className,\n  ref,\n  style,\n  htmlAttributes,\n  ...restProps\n}: CommonProps<'li', CategoryHeaderProps>) => {\n  const { isExpanded, isHovered } = useSideNavContext();\n\n  const classes = classNames('ndl-side-nav-category-header', className, {\n    'ndl-side-nav-category-header-expanded': isExpanded || isHovered,\n  });\n\n  return (\n    <Typography\n      ref={ref}\n      variant=\"label\"\n      as=\"li\"\n      className={classes}\n      htmlAttributes={{\n        ...htmlAttributes,\n        role: 'separator',\n      }}\n      style={style}\n      {...restProps}\n    >\n      {isExpanded || isHovered ? children : <Divider />}\n    </Typography>\n  );\n};\n\n/**\n * SelectedIndicator\n */\nconst SelectedIndicator = () => {\n  return <div className=\"ndl-side-nav-selected-indicator\" />;\n};\n\n/**\n * SideNavDivider\n */\nconst SideNavDivider = () => {\n  return (\n    <Divider\n      orientation=\"horizontal\"\n      className=\"ndl-side-nav-divider\"\n      as=\"li\"\n    />\n  );\n};\n\n/**\n * ItemBadge\n */\nconst ItemBadge = ({\n  number,\n  type,\n  ref,\n  htmlAttributes,\n  style,\n  className,\n  ...restProps\n}: CommonProps<'span', ItemBadgeProps>) => {\n  useSideNavContext();\n\n  const badgeClasses = classNames('ndl-side-nav-item-badge', className, {\n    'ndl-danger': type === 'danger',\n    'ndl-info': type === 'info',\n    'ndl-warning': type === 'warning',\n  });\n\n  return (\n    <Typography\n      as=\"span\"\n      className={badgeClasses}\n      variant=\"subheading-small\"\n      htmlAttributes={{\n        'aria-label': `${number} notifications of type ${type}`,\n        ...htmlAttributes,\n      }}\n      style={style}\n      ref={ref}\n      {...restProps}\n    >\n      {number}\n    </Typography>\n  );\n};\n\n/**\n * PinButton\n */\nconst PinButton = () => {\n  const { isExpanded, shouldOverlayOnInteraction, onPinButtonClick } =\n    useSideNavContext();\n\n  const classes = classNames('ndl-side-nav-pin-button');\n\n  if (!shouldOverlayOnInteraction) {\n    return null;\n  }\n\n  return (\n    <CleanIconButton\n      onClick={onPinButtonClick}\n      className={classes}\n      description=\"Pin\"\n      size=\"medium\"\n      isActive={isExpanded}\n      tooltipProps={{\n        root: {\n          autoUpdateOptions: {\n            animationFrame: true,\n          },\n          placement: 'right',\n        },\n      }}\n    >\n      <PinIcon />\n    </CleanIconButton>\n  );\n};\n\nconst SideNavigation = Object.assign(SideNavComponent, {\n  CategoryHeader: CategoryHeader,\n  CategoryItem: CategoryItem,\n  Divider: SideNavDivider,\n  ItemBadge: ItemBadge,\n  ListItem: SideNavListItem,\n  NavItem,\n});\n\nexport { SideNavigation };\n"]}

package/lib/cjs/side-navigation/stories/side-nav.stories.js

@@ -25,12 +25,12 @@ const index_1 = require("../index");
 const _1 = require(".");
 const componentMeta = {
     component: index_1.SideNavigation,
+    id: 'components-side-navigation',
     parameters: {
         controls: { disable: true },
     },
     tags: ['docsPage'],
     title: 'Components/SideNavigation',
-    id: 'components-side-navigation',
 };
 exports.default = componentMeta;
 exports.Default = {

package/lib/cjs/side-navigation/stories/side-nav.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav.stories.js","sourceRoot":"","sources":["../../../../src/side-navigation/stories/side-nav.stories.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAIH,oCAA0C;AAC1C,wBASW;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,sBAAc;IACzB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,2BAA2B;IAClC,EAAE,EAAE,4BAA4B;CACK,CAAC;AAExC,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,uCAAuC;IACvC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,uCAAuC;IACvC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,CAAC;AAEW,QAAA,gBAAgB,GAAU;IACrC,uCAAuC;IACvC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,uCAAuC;IACvC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mBAAgB;gBACtB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,gBAAa;CACtB,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { SideNavigation } from '../index';\nimport {\n  SideNavBadges,\n  SideNavBadgesSrc,\n  SideNavCompact,\n  SideNavCompactSrc,\n  SideNavDefault,\n  SideNavDefaultSrc,\n  SideNavSecondary,\n  SideNavSecondarySrc,\n} from '.';\n\nconst componentMeta = {\n  component: SideNavigation,\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/SideNavigation',\n  id: 'components-side-navigation',\n} satisfies Meta<typeof SideNavigation>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  // @ts-expect-error - we don't use args\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SideNavDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SideNavDefault,\n};\n\nexport const Compact: Story = {\n  // @ts-expect-error - we don't use args\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SideNavCompactSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SideNavCompact,\n};\n\nexport const WithSecondaryNav: Story = {\n  // @ts-expect-error - we don't use args\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SideNavSecondarySrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SideNavSecondary,\n};\n\nexport const WithBadges: Story = {\n  // @ts-expect-error - we don't use args\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SideNavBadgesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SideNavBadges,\n};\n"]}
+{"version":3,"file":"side-nav.stories.js","sourceRoot":"","sources":["../../../../src/side-navigation/stories/side-nav.stories.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAIH,oCAA0C;AAC1C,wBASW;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,sBAAc;IACzB,EAAE,EAAE,4BAA4B;IAChC,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,2BAA2B;CACG,CAAC;AAExC,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,uCAAuC;IACvC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,uCAAuC;IACvC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,CAAC;AAEW,QAAA,gBAAgB,GAAU;IACrC,uCAAuC;IACvC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,uCAAuC;IACvC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mBAAgB;gBACtB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,gBAAa;CACtB,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { SideNavigation } from '../index';\nimport {\n  SideNavBadges,\n  SideNavBadgesSrc,\n  SideNavCompact,\n  SideNavCompactSrc,\n  SideNavDefault,\n  SideNavDefaultSrc,\n  SideNavSecondary,\n  SideNavSecondarySrc,\n} from '.';\n\nconst componentMeta = {\n  component: SideNavigation,\n  id: 'components-side-navigation',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/SideNavigation',\n} satisfies Meta<typeof SideNavigation>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  // @ts-expect-error - we don't use args\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SideNavDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SideNavDefault,\n};\n\nexport const Compact: Story = {\n  // @ts-expect-error - we don't use args\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SideNavCompactSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SideNavCompact,\n};\n\nexport const WithSecondaryNav: Story = {\n  // @ts-expect-error - we don't use args\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SideNavSecondarySrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SideNavSecondary,\n};\n\nexport const WithBadges: Story = {\n  // @ts-expect-error - we don't use args\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SideNavBadgesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SideNavBadges,\n};\n"]}

package/lib/cjs/skeleton/stories/skeleton.stories.js

@@ -25,113 +25,113 @@ exports.FullExample = exports.InheritHeight = exports.InheritWidth = exports.Cir
 const index_1 = require("../../index");
 const _1 = require(".");
 const componentMeta = {
-    title: 'Components/Skeleton',
-    id: 'components-skeleton',
     component: index_1.Skeleton,
-    tags: ['docsPage'],
+    id: 'components-skeleton',
     parameters: {
         controls: { disable: true },
     },
+    tags: ['docsPage'],
+    title: 'Components/Skeleton',
 };
 exports.default = componentMeta;
 exports.Default = {
     args: {
         children: undefined,
-        shape: 'rectangular',
         height: undefined,
-        width: undefined,
-        onBackground: 'default',
         isLoading: true,
+        onBackground: 'default',
+        shape: 'rectangular',
+        width: undefined,
     },
-    render: _1.SkeletonDefault,
     parameters: {
         docs: {
             source: {
+                code: _1.SkeletonDefaultSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.SkeletonDefaultSrc,
             },
         },
     },
+    render: _1.SkeletonDefault,
 };
 exports.Circular = {
     args: {
         children: undefined,
-        shape: 'circular',
         height: undefined,
-        width: undefined,
-        onBackground: 'default',
         isLoading: true,
+        onBackground: 'default',
+        shape: 'circular',
+        width: undefined,
     },
-    render: _1.SkeletonCircular,
     parameters: {
         docs: {
             source: {
+                code: _1.SkeletonCircularSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.SkeletonCircularSrc,
             },
         },
     },
+    render: _1.SkeletonCircular,
 };
 exports.InheritWidth = {
     args: {
         children: undefined,
-        shape: 'rectangular',
         height: undefined,
-        width: undefined,
-        onBackground: 'default',
         isLoading: true,
+        onBackground: 'default',
+        shape: 'rectangular',
+        width: undefined,
     },
-    render: _1.SkeletonInheritWidth,
     parameters: {
         docs: {
             source: {
+                code: _1.SkeletonInheritWidthSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.SkeletonInheritWidthSrc,
             },
         },
     },
+    render: _1.SkeletonInheritWidth,
 };
 exports.InheritHeight = {
     args: {
         children: undefined,
-        shape: 'rectangular',
         height: undefined,
-        width: undefined,
-        onBackground: 'default',
         isLoading: true,
+        onBackground: 'default',
+        shape: 'rectangular',
+        width: undefined,
     },
-    render: _1.SkeletonInheritHeight,
     parameters: {
         docs: {
             source: {
+                code: _1.SkeletonInheritHeightSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.SkeletonInheritHeightSrc,
             },
         },
     },
+    render: _1.SkeletonInheritHeight,
 };
 exports.FullExample = {
     args: {
         children: undefined,
-        shape: 'rectangular',
         height: undefined,
-        width: undefined,
-        onBackground: 'default',
         isLoading: true,
+        onBackground: 'default',
+        shape: 'rectangular',
+        width: undefined,
     },
-    render: _1.SkeletonFullExample,
     parameters: {
         docs: {
             source: {
+                code: _1.SkeletonFullExampleSrc,
                 language: 'tsx',
                 type: 'code',
-                code: _1.SkeletonFullExampleSrc,
             },
         },
     },
+    render: _1.SkeletonFullExample,
 };
 //# sourceMappingURL=skeleton.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.stories.js","sourceRoot":"","sources":["../../../../src/skeleton/stories/skeleton.stories.tsx"],"names":[],"mappings":";;;AAsBA,uCAAuC;AACvC,wBAWW;AAEX,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,qBAAqB;IAC5B,EAAE,EAAE,qBAAqB;IACzB,SAAS,EAAE,gBAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;CAC8B,CAAC;AAElC,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE,kBAAe;IACvB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAkB;aACzB;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE,mBAAgB;IACxB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,sBAAmB;aAC1B;SACF;KACF;CACF,CAAC;AAEW,QAAA,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE,uBAAoB;IAC5B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,0BAAuB;aAC9B;SACF;KACF;CACF,CAAC;AAEW,QAAA,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE,wBAAqB;IAC7B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,2BAAwB;aAC/B;SACF;KACF;CACF,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE,sBAAmB;IAC3B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,yBAAsB;aAC7B;SACF;KACF;CACF,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Skeleton } from '../../index';\nimport {\n  SkeletonCircular,\n  SkeletonCircularSrc,\n  SkeletonDefault,\n  SkeletonDefaultSrc,\n  SkeletonFullExample,\n  SkeletonFullExampleSrc,\n  SkeletonInheritHeight,\n  SkeletonInheritHeightSrc,\n  SkeletonInheritWidth,\n  SkeletonInheritWidthSrc,\n} from '.';\n\nconst componentMeta = {\n  title: 'Components/Skeleton',\n  id: 'components-skeleton',\n  component: Skeleton,\n  tags: ['docsPage'],\n  parameters: {\n    controls: { disable: true },\n  },\n} satisfies Meta<typeof Skeleton>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {\n    children: undefined,\n    shape: 'rectangular',\n    height: undefined,\n    width: undefined,\n    onBackground: 'default',\n    isLoading: true,\n  },\n  render: SkeletonDefault,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: SkeletonDefaultSrc,\n      },\n    },\n  },\n};\n\nexport const Circular: Story = {\n  args: {\n    children: undefined,\n    shape: 'circular',\n    height: undefined,\n    width: undefined,\n    onBackground: 'default',\n    isLoading: true,\n  },\n  render: SkeletonCircular,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: SkeletonCircularSrc,\n      },\n    },\n  },\n};\n\nexport const InheritWidth: Story = {\n  args: {\n    children: undefined,\n    shape: 'rectangular',\n    height: undefined,\n    width: undefined,\n    onBackground: 'default',\n    isLoading: true,\n  },\n  render: SkeletonInheritWidth,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: SkeletonInheritWidthSrc,\n      },\n    },\n  },\n};\n\nexport const InheritHeight: Story = {\n  args: {\n    children: undefined,\n    shape: 'rectangular',\n    height: undefined,\n    width: undefined,\n    onBackground: 'default',\n    isLoading: true,\n  },\n  render: SkeletonInheritHeight,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: SkeletonInheritHeightSrc,\n      },\n    },\n  },\n};\n\nexport const FullExample: Story = {\n  args: {\n    children: undefined,\n    shape: 'rectangular',\n    height: undefined,\n    width: undefined,\n    onBackground: 'default',\n    isLoading: true,\n  },\n  render: SkeletonFullExample,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: SkeletonFullExampleSrc,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"skeleton.stories.js","sourceRoot":"","sources":["../../../../src/skeleton/stories/skeleton.stories.tsx"],"names":[],"mappings":";;;AAsBA,uCAAuC;AACvC,wBAWW;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,gBAAQ;IACnB,EAAE,EAAE,qBAAqB;IACzB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,qBAAqB;CACG,CAAC;AAElC,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,SAAS;QACvB,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,SAAS;KACjB;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,qBAAkB;gBACxB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAe;CACxB,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,SAAS;QACvB,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,SAAS;KACjB;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC;AAEW,QAAA,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,SAAS;QACvB,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,SAAS;KACjB;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,0BAAuB;gBAC7B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,uBAAoB;CAC7B,CAAC;AAEW,QAAA,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,SAAS;QACvB,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,SAAS;KACjB;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,2BAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,wBAAqB;CAC9B,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,SAAS;QACvB,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,SAAS;KACjB;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,sBAAmB;CAC5B,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Skeleton } from '../../index';\nimport {\n  SkeletonCircular,\n  SkeletonCircularSrc,\n  SkeletonDefault,\n  SkeletonDefaultSrc,\n  SkeletonFullExample,\n  SkeletonFullExampleSrc,\n  SkeletonInheritHeight,\n  SkeletonInheritHeightSrc,\n  SkeletonInheritWidth,\n  SkeletonInheritWidthSrc,\n} from '.';\n\nconst componentMeta = {\n  component: Skeleton,\n  id: 'components-skeleton',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Skeleton',\n} satisfies Meta<typeof Skeleton>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {\n    children: undefined,\n    height: undefined,\n    isLoading: true,\n    onBackground: 'default',\n    shape: 'rectangular',\n    width: undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: SkeletonDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SkeletonDefault,\n};\n\nexport const Circular: Story = {\n  args: {\n    children: undefined,\n    height: undefined,\n    isLoading: true,\n    onBackground: 'default',\n    shape: 'circular',\n    width: undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: SkeletonCircularSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SkeletonCircular,\n};\n\nexport const InheritWidth: Story = {\n  args: {\n    children: undefined,\n    height: undefined,\n    isLoading: true,\n    onBackground: 'default',\n    shape: 'rectangular',\n    width: undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: SkeletonInheritWidthSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SkeletonInheritWidth,\n};\n\nexport const InheritHeight: Story = {\n  args: {\n    children: undefined,\n    height: undefined,\n    isLoading: true,\n    onBackground: 'default',\n    shape: 'rectangular',\n    width: undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: SkeletonInheritHeightSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SkeletonInheritHeight,\n};\n\nexport const FullExample: Story = {\n  args: {\n    children: undefined,\n    height: undefined,\n    isLoading: true,\n    onBackground: 'default',\n    shape: 'rectangular',\n    width: undefined,\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: SkeletonFullExampleSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SkeletonFullExample,\n};\n"]}

package/lib/cjs/slider/Slider.js

@@ -89,7 +89,8 @@ const Slider = (_a) => {
         maxValue,
         minValue,
         numberFormatter: new Intl.NumberFormat('en-US'),
-        onChange: castedOnChange, // eslint-disable-line @typescript-eslint/no-explicit-any
+        // oxlint-disable-next-line no-explicit-any
+        onChange: castedOnChange,
         step,
     });
     const { setThumbValue } = state;

package/lib/cjs/slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/slider/Slider.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport React, { useCallback, useEffect } from 'react';\nimport {\n  mergeProps,\n  useFocusRing,\n  useSlider,\n  useSliderThumb,\n  VisuallyHidden,\n} from 'react-aria';\nimport { type SliderState, useSliderState } from 'react-stately';\n\nimport {\n  type HtmlAttributes,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { Tooltip } from '../tooltip';\n\ntype SliderPropsBase = {\n  /** Input props of the underlying input element */\n  inputProps?: HtmlAttributes<'input'>;\n  /** Determines the step size that will be added or removed from the current value when moving the slider button */\n  step?: number;\n  /** Whether the slider is disabled */\n  isDisabled?: boolean;\n  /** The minimum value possible to choose */\n  minValue?: number;\n  /** The maximum value possible to choose */\n  maxValue?: number;\n  /** Whether to display a tooltip with the current value when the slider is being dragged */\n  showValues?: boolean;\n  /** Whether to display visual indicators for each step in the slider */\n  showSteps?: boolean;\n};\n\ntype SingleSlider = SliderPropsBase & {\n  /** Type of the slider */\n  type?: 'single';\n  /** Current value of the single slider. **Only required when the type is 'single'**. */\n  value: number;\n  /** Callback function triggered when the slider value(s) changes. The function parameter varies depending on the slider type, for single slider, it is a number and for range slider, it is an array of two numbers. */\n  onChange: (value: number) => void;\n};\n\ntype RangeSlider = SliderPropsBase & {\n  /** Type of the slider */\n  type: 'range';\n  /** Current values of the range slider as an array of two numbers `[min, max]`. **Only required when the type is 'range'**.*/\n  values: [number, number];\n  /** Callback function triggered when the slider value(s) changes. The function parameter varies depending on the slider type, for single slider, it is a number and for range slider, it is an array of two numbers. */\n  onChange: (value: [number, number]) => void;\n};\n\ntype SliderProps = SingleSlider | RangeSlider;\n\nexport const Slider = <T extends React.ElementType = 'div'>({\n  as,\n  inputProps = {},\n  className,\n  style,\n  minValue = 0,\n  maxValue = 100,\n  isDisabled = false,\n  showSteps = false,\n  showValues = false,\n  step = 1,\n  type = 'single',\n  onChange,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, SliderProps>) => {\n  const trackRef = React.useRef<HTMLDivElement | null>(null);\n\n  const castedValue =\n    type === 'range'\n      ? (restProps as RangeSlider).values\n      : (restProps as SingleSlider).value;\n\n  const castedOnChange =\n    type === 'range'\n      ? (onChange as RangeSlider['onChange'])\n      : (onChange as SingleSlider['onChange']);\n\n  const state = useSliderState<typeof castedValue>({\n    defaultValue: castedValue,\n    isDisabled,\n    maxValue,\n    minValue,\n    numberFormatter: new Intl.NumberFormat('en-US'),\n    onChange: castedOnChange as any, // eslint-disable-line @typescript-eslint/no-explicit-any\n    step,\n  });\n\n  const { setThumbValue } = state;\n\n  const { groupProps, trackProps } = useSlider(\n    { 'aria-label': 'slider' },\n    state,\n    trackRef,\n  );\n\n  const updatesSliderValue = useCallback(\n    (newValue: number | [number, number]) => {\n      if (type === 'single' && typeof newValue === 'number') {\n        setThumbValue(0, newValue);\n      } else if (type === 'range' && Array.isArray(newValue)) {\n        setThumbValue(0, newValue[0]);\n        setThumbValue(1, newValue[1]);\n      }\n    },\n    [type, setThumbValue],\n  );\n\n  useEffect(() => {\n    updatesSliderValue(castedValue);\n    // Needed to make the slider work with controlled values\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [castedValue]);\n\n  const Component: React.ElementType = as ?? 'div';\n\n  return (\n    <Component\n      className={classNames('ndl-slider', className)}\n      style={style}\n      role=\"presentation\"\n      ref={ref}\n      {...groupProps}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {/* The track element holds the visible track line, the filled track line and the thumb. */}\n      <div\n        {...trackProps}\n        ref={trackRef as React.RefObject<HTMLDivElement>}\n        className={classNames('ndl-track', {\n          'ndl-is-disabled': state.isDisabled,\n        })}\n      >\n        {/* Circular marks, acting as indicators for the steps */}\n        {showSteps && (\n          <TrackMarks state={state} min={minValue} max={maxValue} />\n        )}\n        <FilledTrack state={state} />\n        <Thumb\n          index={0}\n          state={state}\n          trackRef={trackRef as React.RefObject<HTMLDivElement>}\n          showValues={showValues}\n          inputForwardedProps={inputProps}\n        />\n        {type === 'range' && (\n          <Thumb\n            index={1}\n            state={state}\n            trackRef={trackRef as React.RefObject<HTMLDivElement>}\n            showValues={showValues}\n            inputForwardedProps={inputProps}\n          />\n        )}\n      </div>\n    </Component>\n  );\n};\n\nSlider.displayName = 'Slider';\n\nfunction FilledTrack({ state }: { state: SliderState }) {\n  let width: number;\n  let left: number;\n  if (state.values.length === 1) {\n    width = state.getValuePercent(state.values[0]) * 100;\n    left = 0;\n  } else {\n    width =\n      state.getValuePercent(state.values[1]) * 100 -\n      state.getValuePercent(state.values[0]) * 100;\n    left = state.getValuePercent(state.values[0]) * 100;\n  }\n\n  return (\n    <div\n      className=\"ndl-filled-track\"\n      style={{\n        left: `${left}%`,\n        width: `${width}%`,\n      }}\n    />\n  );\n}\n\nfunction TrackMarks({\n  state,\n  max,\n  min,\n}: {\n  state: SliderState;\n  max: number;\n  min: number;\n}) {\n  const markNo = Math.round((max - min) / state.step);\n\n  return (\n    <div role=\"presentation\" className=\"ndl-track-marks\">\n      {Array.from({ length: markNo - 1 }).map((_, index) => {\n        const percent = (index / markNo) * 100;\n\n        let isFilled;\n        if (state.values.length === 1) {\n          isFilled = state.getValuePercent(state.values[0]) * 100 > percent;\n        } else {\n          isFilled =\n            state.getValuePercent(state.values[0]) * 100 < percent &&\n            state.getValuePercent(state.values[1]) * 100 > percent;\n        }\n\n        return (\n          <div\n            key={`track-mark-${index}`}\n            className={classNames('ndl-track-mark', {\n              'ndl-on-active-track': isFilled,\n            })}\n            style={{\n              left: `${((index + 1) / markNo) * 100}%`,\n            }}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\nfunction Thumb(props: {\n  index: number;\n  state: SliderState;\n  showValues?: boolean;\n  trackRef: React.RefObject<HTMLDivElement>;\n  inputForwardedProps: HtmlAttributes<'input'>;\n}) {\n  const { state, trackRef, index, inputForwardedProps } = props;\n  const inputRef = React.useRef(null);\n  const { thumbProps, inputProps, isDragging } = useSliderThumb(\n    {\n      index,\n      inputRef,\n      name: 'slider-thumb',\n      trackRef,\n    },\n    state,\n  );\n\n  const { focusProps, isFocusVisible } = useFocusRing();\n\n  /**\n   * Solve issue with:\n   * Warning: Received NaN for the `value` attribute. If this is expected, cast the value to a string.\n   * Receiving NaN for other attributes also, like `max`. Waiting for a fix in react-aria.\n   * @see https://github.com/adobe/react-spectrum/issues/5859\n   * @see https://github.com/adobe/react-spectrum/pull/5861\n   */\n  const mergedProps = mergeProps(\n    inputProps,\n    focusProps,\n    // Omitting aria-valuetext double announcements, unless explicitly provided\n    { 'aria-valuetext': '' },\n    inputForwardedProps,\n  );\n  const value =\n    mergedProps.value !== undefined || mergedProps.value === 0\n      ? mergedProps.value\n      : '';\n\n  return (\n    <Tooltip\n      isDisabled={props.showValues !== true}\n      isOpen={isDragging || undefined}\n      placement=\"top\"\n      type=\"simple\"\n    >\n      <Tooltip.Trigger hasButtonWrapper>\n        <div\n          {...thumbProps}\n          className={classNames('ndl-thumb', {\n            'ndl-focus': isFocusVisible,\n            'ndl-is-dragging': isDragging,\n          })}\n        >\n          <VisuallyHidden>\n            <input ref={inputRef} {...mergedProps} />\n          </VisuallyHidden>\n        </div>\n      </Tooltip.Trigger>\n      <Tooltip.Content>{value}</Tooltip.Content>\n    </Tooltip>\n  );\n}\n"]}
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AACpC,+CAAsD;AACtD,2CAMoB;AACpB,iDAAiE;AAMjE,wCAAqC;AAuC9B,MAAM,MAAM,GAAG,CAAsC,EAgBnB,EAAE,EAAE;QAhBe,EAC1D,EAAE,EACF,UAAU,GAAG,EAAE,EACf,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,GAAG,EACd,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,CAAC,EACR,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,cAAc,EACd,GAAG,OAEoC,EADpC,SAAS,cAf8C,gKAgB3D,CADa;IAEZ,MAAM,QAAQ,GAAG,eAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE3D,MAAM,WAAW,GACf,IAAI,KAAK,OAAO;QACd,CAAC,CAAE,SAAyB,CAAC,MAAM;QACnC,CAAC,CAAE,SAA0B,CAAC,KAAK,CAAC;IAExC,MAAM,cAAc,GAClB,IAAI,KAAK,OAAO;QACd,CAAC,CAAE,QAAoC;QACvC,CAAC,CAAE,QAAqC,CAAC;IAE7C,MAAM,KAAK,GAAG,IAAA,8BAAc,EAAqB;QAC/C,YAAY,EAAE,WAAW;QACzB,UAAU;QACV,QAAQ;QACR,QAAQ;QACR,eAAe,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;QAC/C,2CAA2C;QAC3C,QAAQ,EAAE,cAAqB;QAC/B,IAAI;KACL,CAAC,CAAC;IAEH,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAEhC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,sBAAS,EAC1C,EAAE,YAAY,EAAE,QAAQ,EAAE,EAC1B,KAAK,EACL,QAAQ,CACT,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,QAAmC,EAAE,EAAE;QACtC,IAAI,IAAI,KAAK,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACtD,aAAa,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;QAC7B,CAAC;aAAM,IAAI,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;YACvD,aAAa,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9B,aAAa,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,EACD,CAAC,IAAI,EAAE,aAAa,CAAC,CACtB,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,WAAW,CAAC,CAAC;QAChC,wDAAwD;QACxD,uDAAuD;IACzD,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,KAAK,CAAC;IAEjD,OAAO,CACL,uBAAC,SAAS,kBACR,SAAS,EAAE,IAAA,oBAAU,EAAC,YAAY,EAAE,SAAS,CAAC,EAC9C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,cAAc,EACnB,GAAG,EAAE,GAAG,IACJ,UAAU,EACV,SAAS,EACT,cAAc,cAGlB,iDACM,UAAU,IACd,GAAG,EAAE,QAA2C,EAChD,SAAS,EAAE,IAAA,oBAAU,EAAC,WAAW,EAAE;gBACjC,iBAAiB,EAAE,KAAK,CAAC,UAAU;aACpC,CAAC,aAGD,SAAS,IAAI,CACZ,uBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,GAAI,CAC3D,EACD,uBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI,EAC7B,uBAAC,KAAK,IACJ,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAA2C,EACrD,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,UAAU,GAC/B,EACD,IAAI,KAAK,OAAO,IAAI,CACnB,uBAAC,KAAK,IACJ,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAA2C,EACrD,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,UAAU,GAC/B,CACH,KACG,IACI,CACb,CAAC;AACJ,CAAC,CAAC;AA9GW,QAAA,MAAM,UA8GjB;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,SAAS,WAAW,CAAC,EAAE,KAAK,EAA0B;IACpD,IAAI,KAAa,CAAC;IAClB,IAAI,IAAY,CAAC;IACjB,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,KAAK,GAAG,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QACrD,IAAI,GAAG,CAAC,CAAC;IACX,CAAC;SAAM,CAAC;QACN,KAAK;YACH,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG;gBAC5C,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QAC/C,IAAI,GAAG,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;IACtD,CAAC;IAED,OAAO,CACL,gCACE,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE;YACL,IAAI,EAAE,GAAG,IAAI,GAAG;YAChB,KAAK,EAAE,GAAG,KAAK,GAAG;SACnB,GACD,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,GAAG,EACH,GAAG,GAKJ;IACC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAEpD,OAAO,CACL,gCAAK,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,iBAAiB,YACjD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YACnD,MAAM,OAAO,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC;YAEvC,IAAI,QAAQ,CAAC;YACb,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC9B,QAAQ,GAAG,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,OAAO,CAAC;YACpE,CAAC;iBAAM,CAAC;gBACN,QAAQ;oBACN,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,OAAO;wBACtD,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,OAAO,CAAC;YAC3D,CAAC;YAED,OAAO,CACL,gCAEE,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE;oBACtC,qBAAqB,EAAE,QAAQ;iBAChC,CAAC,EACF,KAAK,EAAE;oBACL,IAAI,EAAE,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,GAAG,GAAG;iBACzC,IANI,cAAc,KAAK,EAAE,CAO1B,CACH,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,KAAK,CAAC,KAMd;IACC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IAC9D,MAAM,QAAQ,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACpC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAc,EAC3D;QACE,KAAK;QACL,QAAQ;QACR,IAAI,EAAE,cAAc;QACpB,QAAQ;KACT,EACD,KAAK,CACN,CAAC;IAEF,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAA,yBAAY,GAAE,CAAC;IAEtD;;;;;;OAMG;IACH,MAAM,WAAW,GAAG,IAAA,uBAAU,EAC5B,UAAU,EACV,UAAU;IACV,2EAA2E;IAC3E,EAAE,gBAAgB,EAAE,EAAE,EAAE,EACxB,mBAAmB,CACpB,CAAC;IACF,MAAM,KAAK,GACT,WAAW,CAAC,KAAK,KAAK,SAAS,IAAI,WAAW,CAAC,KAAK,KAAK,CAAC;QACxD,CAAC,CAAC,WAAW,CAAC,KAAK;QACnB,CAAC,CAAC,EAAE,CAAC;IAET,OAAO,CACL,wBAAC,iBAAO,IACN,UAAU,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,EACrC,MAAM,EAAE,UAAU,IAAI,SAAS,EAC/B,SAAS,EAAC,KAAK,EACf,IAAI,EAAC,QAAQ,aAEb,uBAAC,iBAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,gDACM,UAAU,IACd,SAAS,EAAE,IAAA,oBAAU,EAAC,WAAW,EAAE;wBACjC,WAAW,EAAE,cAAc;wBAC3B,iBAAiB,EAAE,UAAU;qBAC9B,CAAC,YAEF,uBAAC,2BAAc,cACb,gDAAO,GAAG,EAAE,QAAQ,IAAM,WAAW,EAAI,GAC1B,IACb,GACU,EAClB,uBAAC,iBAAO,CAAC,OAAO,cAAE,KAAK,GAAmB,IAClC,CACX,CAAC;AACJ,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport React, { useCallback, useEffect } from 'react';\nimport {\n  mergeProps,\n  useFocusRing,\n  useSlider,\n  useSliderThumb,\n  VisuallyHidden,\n} from 'react-aria';\nimport { type SliderState, useSliderState } from 'react-stately';\n\nimport {\n  type HtmlAttributes,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { Tooltip } from '../tooltip';\n\ntype SliderPropsBase = {\n  /** Input props of the underlying input element */\n  inputProps?: HtmlAttributes<'input'>;\n  /** Determines the step size that will be added or removed from the current value when moving the slider button */\n  step?: number;\n  /** Whether the slider is disabled */\n  isDisabled?: boolean;\n  /** The minimum value possible to choose */\n  minValue?: number;\n  /** The maximum value possible to choose */\n  maxValue?: number;\n  /** Whether to display a tooltip with the current value when the slider is being dragged */\n  showValues?: boolean;\n  /** Whether to display visual indicators for each step in the slider */\n  showSteps?: boolean;\n};\n\ntype SingleSlider = SliderPropsBase & {\n  /** Type of the slider */\n  type?: 'single';\n  /** Current value of the single slider. **Only required when the type is 'single'**. */\n  value: number;\n  /** Callback function triggered when the slider value(s) changes. The function parameter varies depending on the slider type, for single slider, it is a number and for range slider, it is an array of two numbers. */\n  onChange: (value: number) => void;\n};\n\ntype RangeSlider = SliderPropsBase & {\n  /** Type of the slider */\n  type: 'range';\n  /** Current values of the range slider as an array of two numbers `[min, max]`. **Only required when the type is 'range'**.*/\n  values: [number, number];\n  /** Callback function triggered when the slider value(s) changes. The function parameter varies depending on the slider type, for single slider, it is a number and for range slider, it is an array of two numbers. */\n  onChange: (value: [number, number]) => void;\n};\n\ntype SliderProps = SingleSlider | RangeSlider;\n\nexport const Slider = <T extends React.ElementType = 'div'>({\n  as,\n  inputProps = {},\n  className,\n  style,\n  minValue = 0,\n  maxValue = 100,\n  isDisabled = false,\n  showSteps = false,\n  showValues = false,\n  step = 1,\n  type = 'single',\n  onChange,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, SliderProps>) => {\n  const trackRef = React.useRef<HTMLDivElement | null>(null);\n\n  const castedValue =\n    type === 'range'\n      ? (restProps as RangeSlider).values\n      : (restProps as SingleSlider).value;\n\n  const castedOnChange =\n    type === 'range'\n      ? (onChange as RangeSlider['onChange'])\n      : (onChange as SingleSlider['onChange']);\n\n  const state = useSliderState<typeof castedValue>({\n    defaultValue: castedValue,\n    isDisabled,\n    maxValue,\n    minValue,\n    numberFormatter: new Intl.NumberFormat('en-US'),\n    // oxlint-disable-next-line no-explicit-any\n    onChange: castedOnChange as any,\n    step,\n  });\n\n  const { setThumbValue } = state;\n\n  const { groupProps, trackProps } = useSlider(\n    { 'aria-label': 'slider' },\n    state,\n    trackRef,\n  );\n\n  const updatesSliderValue = useCallback(\n    (newValue: number | [number, number]) => {\n      if (type === 'single' && typeof newValue === 'number') {\n        setThumbValue(0, newValue);\n      } else if (type === 'range' && Array.isArray(newValue)) {\n        setThumbValue(0, newValue[0]);\n        setThumbValue(1, newValue[1]);\n      }\n    },\n    [type, setThumbValue],\n  );\n\n  useEffect(() => {\n    updatesSliderValue(castedValue);\n    // Needed to make the slider work with controlled values\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [castedValue]);\n\n  const Component: React.ElementType = as ?? 'div';\n\n  return (\n    <Component\n      className={classNames('ndl-slider', className)}\n      style={style}\n      role=\"presentation\"\n      ref={ref}\n      {...groupProps}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {/* The track element holds the visible track line, the filled track line and the thumb. */}\n      <div\n        {...trackProps}\n        ref={trackRef as React.RefObject<HTMLDivElement>}\n        className={classNames('ndl-track', {\n          'ndl-is-disabled': state.isDisabled,\n        })}\n      >\n        {/* Circular marks, acting as indicators for the steps */}\n        {showSteps && (\n          <TrackMarks state={state} min={minValue} max={maxValue} />\n        )}\n        <FilledTrack state={state} />\n        <Thumb\n          index={0}\n          state={state}\n          trackRef={trackRef as React.RefObject<HTMLDivElement>}\n          showValues={showValues}\n          inputForwardedProps={inputProps}\n        />\n        {type === 'range' && (\n          <Thumb\n            index={1}\n            state={state}\n            trackRef={trackRef as React.RefObject<HTMLDivElement>}\n            showValues={showValues}\n            inputForwardedProps={inputProps}\n          />\n        )}\n      </div>\n    </Component>\n  );\n};\n\nSlider.displayName = 'Slider';\n\nfunction FilledTrack({ state }: { state: SliderState }) {\n  let width: number;\n  let left: number;\n  if (state.values.length === 1) {\n    width = state.getValuePercent(state.values[0]) * 100;\n    left = 0;\n  } else {\n    width =\n      state.getValuePercent(state.values[1]) * 100 -\n      state.getValuePercent(state.values[0]) * 100;\n    left = state.getValuePercent(state.values[0]) * 100;\n  }\n\n  return (\n    <div\n      className=\"ndl-filled-track\"\n      style={{\n        left: `${left}%`,\n        width: `${width}%`,\n      }}\n    />\n  );\n}\n\nfunction TrackMarks({\n  state,\n  max,\n  min,\n}: {\n  state: SliderState;\n  max: number;\n  min: number;\n}) {\n  const markNo = Math.round((max - min) / state.step);\n\n  return (\n    <div role=\"presentation\" className=\"ndl-track-marks\">\n      {Array.from({ length: markNo - 1 }).map((_, index) => {\n        const percent = (index / markNo) * 100;\n\n        let isFilled;\n        if (state.values.length === 1) {\n          isFilled = state.getValuePercent(state.values[0]) * 100 > percent;\n        } else {\n          isFilled =\n            state.getValuePercent(state.values[0]) * 100 < percent &&\n            state.getValuePercent(state.values[1]) * 100 > percent;\n        }\n\n        return (\n          <div\n            key={`track-mark-${index}`}\n            className={classNames('ndl-track-mark', {\n              'ndl-on-active-track': isFilled,\n            })}\n            style={{\n              left: `${((index + 1) / markNo) * 100}%`,\n            }}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\nfunction Thumb(props: {\n  index: number;\n  state: SliderState;\n  showValues?: boolean;\n  trackRef: React.RefObject<HTMLDivElement>;\n  inputForwardedProps: HtmlAttributes<'input'>;\n}) {\n  const { state, trackRef, index, inputForwardedProps } = props;\n  const inputRef = React.useRef(null);\n  const { thumbProps, inputProps, isDragging } = useSliderThumb(\n    {\n      index,\n      inputRef,\n      name: 'slider-thumb',\n      trackRef,\n    },\n    state,\n  );\n\n  const { focusProps, isFocusVisible } = useFocusRing();\n\n  /**\n   * Solve issue with:\n   * Warning: Received NaN for the `value` attribute. If this is expected, cast the value to a string.\n   * Receiving NaN for other attributes also, like `max`. Waiting for a fix in react-aria.\n   * @see https://github.com/adobe/react-spectrum/issues/5859\n   * @see https://github.com/adobe/react-spectrum/pull/5861\n   */\n  const mergedProps = mergeProps(\n    inputProps,\n    focusProps,\n    // Omitting aria-valuetext double announcements, unless explicitly provided\n    { 'aria-valuetext': '' },\n    inputForwardedProps,\n  );\n  const value =\n    mergedProps.value !== undefined || mergedProps.value === 0\n      ? mergedProps.value\n      : '';\n\n  return (\n    <Tooltip\n      isDisabled={props.showValues !== true}\n      isOpen={isDragging || undefined}\n      placement=\"top\"\n      type=\"simple\"\n    >\n      <Tooltip.Trigger hasButtonWrapper>\n        <div\n          {...thumbProps}\n          className={classNames('ndl-thumb', {\n            'ndl-focus': isFocusVisible,\n            'ndl-is-dragging': isDragging,\n          })}\n        >\n          <VisuallyHidden>\n            <input ref={inputRef} {...mergedProps} />\n          </VisuallyHidden>\n        </div>\n      </Tooltip.Trigger>\n      <Tooltip.Content>{value}</Tooltip.Content>\n    </Tooltip>\n  );\n}\n"]}

package/lib/cjs/status-indicator/stories/status-indicator.stories.js

@@ -40,15 +40,15 @@ const componentMeta = {
 exports.default = componentMeta;
 exports.Variants = {
     args: {},
-    render: _1.StatusIndicatorVariants,
     parameters: {
         docs: {
             source: {
+                code: _1.StatusIndicatorVariantsSource,
                 language: 'tsx',
                 type: 'code',
-                code: _1.StatusIndicatorVariantsSource,
             },
         },
     },
+    render: _1.StatusIndicatorVariants,
 };
 //# sourceMappingURL=status-indicator.stories.js.map

package/lib/cjs/status-indicator/stories/status-indicator.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"status-indicator.stories.js","sourceRoot":"","sources":["../../../../src/status-indicator/stories/status-indicator.stories.tsx"],"names":[],"mappings":";;;;AAuBA,uCAA8C;AAC9C,wBAA2E;AAE3E,MAAM,aAAa,GAAiC;IAClD,SAAS,EAAE,uBAAe;IAC1B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,EAAE,EAAE,6BAA6B;IACjC,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,4BAA4B;CACpC,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,0BAAuB;IAC/B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,gCAA6B;aACpC;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 { StatusIndicator } from '../../index';\nimport { StatusIndicatorVariants, StatusIndicatorVariantsSource } from '.';\n\nconst componentMeta: Meta<typeof StatusIndicator> = {\n  component: StatusIndicator,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-status-indicator',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/StatusIndicator',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Variants: Story = {\n  args: {},\n  render: StatusIndicatorVariants,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: StatusIndicatorVariantsSource,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"status-indicator.stories.js","sourceRoot":"","sources":["../../../../src/status-indicator/stories/status-indicator.stories.tsx"],"names":[],"mappings":";;;;AAuBA,uCAA8C;AAC9C,wBAA2E;AAE3E,MAAM,aAAa,GAAiC;IAClD,SAAS,EAAE,uBAAe;IAC1B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,EAAE,EAAE,6BAA6B;IACjC,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,4BAA4B;CACpC,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,gCAA6B;gBACnC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,0BAAuB;CAChC,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 { StatusIndicator } from '../../index';\nimport { StatusIndicatorVariants, StatusIndicatorVariantsSource } from '.';\n\nconst componentMeta: Meta<typeof StatusIndicator> = {\n  component: StatusIndicator,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-status-indicator',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/StatusIndicator',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Variants: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: StatusIndicatorVariantsSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: StatusIndicatorVariants,\n};\n"]}

package/lib/cjs/switch/stories/switch.stories.js

@@ -26,21 +26,21 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const index_1 = require("../../index");
 const _1 = require(".");
 const componentMeta = {
-    title: 'Components/Switch',
-    id: 'components-switch',
-    component: index_1.Switch,
-    tags: ['docsPage'],
     argTypes: {
         ref: {
             description: 'Ref to the `input` element',
         },
     },
-    parameters: {
-        controls: { disable: true },
-    },
+    component: index_1.Switch,
     decorators: [
         (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-center", children: (0, jsx_runtime_1.jsx)(Story, {}) })),
     ],
+    id: 'components-switch',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/Switch',
 };
 exports.default = componentMeta;
 exports.Default = {