@neo4j-ndl/react 4.4.0 → 4.4.1

package/lib/esm/skeleton/stories/skeleton.stories.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.stories.js","sourceRoot":"","sources":["../../../../src/skeleton/stories/skeleton.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { 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":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { 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/esm/slider/Slider.js

@@ -50,7 +50,8 @@ export 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/esm/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":"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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    // 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/esm/status-indicator/stories/status-indicator.stories.js

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

package/lib/esm/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,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,6BAA6B,EAAE,MAAM,GAAG,CAAC;AAE3E,MAAM,aAAa,GAAiC;IAClD,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,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,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,uBAAuB;IAC/B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,6BAA6B;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,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,6BAA6B,EAAE,MAAM,GAAG,CAAC;AAE3E,MAAM,aAAa,GAAiC;IAClD,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,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,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,6BAA6B;gBACnC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,uBAAuB;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/esm/switch/stories/switch.stories.js

@@ -23,21 +23,21 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Switch } from '../../index';
 import { SwitchControlled, SwitchControlledSrc, SwitchDefault, SwitchDefaultSrc, SwitchDisabled, SwitchDisabledSrc, SwitchFull, SwitchFullSrc, SwitchHasLabelBefore, SwitchHasLabelBeforeSrc, SwitchIndeterminate, SwitchIndeterminateSrc, SwitchNoLabel, SwitchNoLabelSrc, } from '.';
 const componentMeta = {
-    title: 'Components/Switch',
-    id: 'components-switch',
-    component: Switch,
-    tags: ['docsPage'],
     argTypes: {
         ref: {
             description: 'Ref to the `input` element',
         },
     },
-    parameters: {
-        controls: { disable: true },
-    },
+    component: Switch,
     decorators: [
         (Story) => (_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Story, {}) })),
     ],
+    id: 'components-switch',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/Switch',
 };
 export default componentMeta;
 export const Default = {

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

@@ -1 +1 @@
-{"version":3,"file":"switch.stories.js","sourceRoot":"","sources":["../../../../src/switch/stories/switch.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Switch } from '../../index';\nimport {\n  SwitchControlled,\n  SwitchControlledSrc,\n  SwitchDefault,\n  SwitchDefaultSrc,\n  SwitchDisabled,\n  SwitchDisabledSrc,\n  SwitchFull,\n  SwitchFullSrc,\n  SwitchHasLabelBefore,\n  SwitchHasLabelBeforeSrc,\n  SwitchIndeterminate,\n  SwitchIndeterminateSrc,\n  SwitchNoLabel,\n  SwitchNoLabelSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof Switch> = {\n  title: 'Components/Switch',\n  id: 'components-switch',\n  component: Switch,\n  tags: ['docsPage'],\n  argTypes: {\n    ref: {\n      description: 'Ref to the `input` element',\n    },\n  },\n  parameters: {\n    controls: { disable: true },\n  },\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SwitchDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SwitchDefault,\n};\n\nexport const Indeterminate: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SwitchIndeterminateSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SwitchIndeterminate,\n};\n\nexport const Controlled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SwitchControlledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SwitchControlled,\n};\n\nexport const NoLabel: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SwitchNoLabelSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SwitchNoLabel,\n};\n\nexport const HasLeadingLabel: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SwitchHasLabelBeforeSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SwitchHasLabelBefore,\n};\n\nexport const Disabled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SwitchDisabledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SwitchDisabled,\n};\n\nexport const Full: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SwitchFullSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SwitchFull,\n};\n"]}
+{"version":3,"file":"switch.stories.js","sourceRoot":"","sources":["../../../../src/switch/stories/switch.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Switch } from '../../index';\nimport {\n  SwitchControlled,\n  SwitchControlledSrc,\n  SwitchDefault,\n  SwitchDefaultSrc,\n  SwitchDisabled,\n  SwitchDisabledSrc,\n  SwitchFull,\n  SwitchFullSrc,\n  SwitchHasLabelBefore,\n  SwitchHasLabelBeforeSrc,\n  SwitchIndeterminate,\n  SwitchIndeterminateSrc,\n  SwitchNoLabel,\n  SwitchNoLabelSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof Switch> = {\n  argTypes: {\n    ref: {\n      description: 'Ref to the `input` element',\n    },\n  },\n  component: Switch,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-switch',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Switch',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SwitchDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SwitchDefault,\n};\n\nexport const Indeterminate: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SwitchIndeterminateSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SwitchIndeterminate,\n};\n\nexport const Controlled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SwitchControlledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SwitchControlled,\n};\n\nexport const NoLabel: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SwitchNoLabelSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SwitchNoLabel,\n};\n\nexport const HasLeadingLabel: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SwitchHasLabelBeforeSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SwitchHasLabelBefore,\n};\n\nexport const Disabled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SwitchDisabledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SwitchDisabled,\n};\n\nexport const Full: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: SwitchFullSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: SwitchFull,\n};\n"]}

package/lib/esm/tabs/Tabs.js

@@ -49,7 +49,7 @@ const ScrollButton = ({ direction, isVisible, onClick, onBackground, }) => {
             'ndl-scroll-item-on-background-weak': onBackground === 'weak',
         }), children: _jsx("button", { tabIndex: -1, className: "ndl-scroll-icon-wrapper", onClick: onClick, "aria-hidden": "true", children: _jsx(Icon, { className: "ndl-scroll-icon" }) }) }));
 };
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// oxlint-disable-next-line @typescript-eslint/no-explicit-any
 const TabsContext = React.createContext(null);
 const useTabsContext = () => {
     const context = useContext(TabsContext);

package/lib/esm/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/tabs/Tabs.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 { useMergeRefs } from '@floating-ui/react';\nimport classNames from 'classnames';\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n  type TooltipObjectProps,\n} from '../_common/types';\nimport {\n  ArrowLeftCircleIconOutline,\n  ArrowRightCircleIconOutline,\n} from '../icons';\nimport { Tooltip } from '../tooltip';\nimport { Typography } from '../typography';\nimport { useTabsScrollOverflow } from './use-tabs-scroll-overflow';\n\n// Reusable scroll button component\nconst ScrollButton = ({\n  direction,\n  isVisible,\n  onClick,\n  onBackground,\n}: {\n  direction: 'left' | 'right';\n  isVisible: boolean;\n  onClick: () => void;\n  onBackground: React.ComponentProps<typeof TabsComponent>['onBackground'];\n}) => {\n  const Icon =\n    direction === 'left'\n      ? ArrowLeftCircleIconOutline\n      : ArrowRightCircleIconOutline;\n  const positionClass =\n    direction === 'left' ? 'ndl-scroll-left-item' : 'ndl-scroll-right-item';\n\n  return (\n    <div\n      className={classNames('ndl-scroll-item', positionClass, {\n        'ndl-scroll-item-hidden': !isVisible,\n        'ndl-scroll-item-on-background-default': onBackground === 'default',\n        'ndl-scroll-item-on-background-weak': onBackground === 'weak',\n      })}\n    >\n      <button\n        tabIndex={-1}\n        className=\"ndl-scroll-icon-wrapper\"\n        onClick={onClick}\n        aria-hidden=\"true\"\n      >\n        <Icon className=\"ndl-scroll-icon\" />\n      </button>\n    </div>\n  );\n};\n\ntype TabId = string;\ntype Size = 'small' | 'large';\ntype Fill = 'underline' | 'filled';\n\ntype BaseTabsProps<T extends TabId> = {\n  /** The currently active tabId */\n  value: T;\n  /** Callback function triggered when a new tab is selected */\n  onChange: (e: T) => void;\n  // TODO v5: add leadingVisual & trailingVisual props, to allow for children not to have flex (allowing text ellipsis). Also add a tooltip when ellipsing.\n  /** The content dislayed in the tabs */\n  children: React.ReactNode | string;\n  /** The fill type of the tabs */\n  fill?: Fill;\n  /**  The size of the tabs */\n  size?: Size;\n  /** What background the Tabs is placed on. This affects the gradient background of the scroll navigation buttons. */\n  onBackground?: 'weak' | 'default';\n};\n\ntype TabsContextType<T extends TabId> = Required<\n  Pick<BaseTabsProps<T>, 'fill' | 'size' | 'onChange' | 'value'>\n> & {\n  registerTab: (tabId: T, ref: React.RefObject<HTMLElement | null>) => void;\n  unregisterTab: (tabId: T) => void;\n  scrollTabIntoView: (tabId: T) => void;\n  firstTabId: T | null;\n  isValuePresent: boolean;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst TabsContext = React.createContext<TabsContextType<any> | null>(null);\n\nconst useTabsContext = () => {\n  const context = useContext(TabsContext);\n\n  if (context === null) {\n    throw new Error('Tab used without context');\n  }\n\n  return context;\n};\n\nconst getTabPanelId = (tabId: TabId) => `tabpanel-${tabId}`;\n\nconst getGeneralTabClasses = (size: Size, fill: Fill) => {\n  return {\n    'ndl-filled-tab': fill === 'filled',\n    'ndl-large': size === 'large',\n    'ndl-small': size === 'small',\n    'ndl-underline-tab': fill === 'underline',\n  };\n};\n\nconst TabsComponent = <U extends TabId, T extends React.ElementType = 'div'>({\n  children,\n  size = 'large',\n  fill = 'underline',\n  onChange,\n  value,\n  onBackground = 'weak',\n  className,\n  style,\n  as,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, BaseTabsProps<U>>) => {\n  const tabRefs = useRef<Map<U, React.RefObject<HTMLElement | null>>>(\n    new Map(),\n  );\n  const containerRef = useRef<HTMLElement>(null);\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs([containerRef, ref]);\n  const [firstTabId, setFirstTabId] = useState<U | null>(null);\n  const [isValuePresent, setIsValuePresent] = useState(false);\n  const valueRef = useRef(value);\n\n  // Use the custom hook for scroll overflow behavior\n  const { scrollState, scrollToNextItem, checkOverflow } =\n    useTabsScrollOverflow(scrollContainerRef);\n\n  useEffect(() => {\n    valueRef.current = value;\n    setIsValuePresent(tabRefs.current.has(value));\n  }, [value]);\n\n  const registerTab = useCallback(\n    (tabId: U, tabRef: React.RefObject<HTMLElement | null>) => {\n      tabRefs.current.set(tabId, tabRef);\n      const first = tabRefs.current.keys().next().value ?? null;\n      setFirstTabId((prev) => (prev === first ? prev : first));\n\n      if (tabId === valueRef.current) {\n        setIsValuePresent(true);\n      }\n    },\n    [],\n  );\n\n  const unregisterTab = useCallback((tabId: U) => {\n    tabRefs.current.delete(tabId);\n    const first = tabRefs.current.keys().next().value ?? null;\n    setFirstTabId((prev) => (prev === first ? prev : first));\n\n    if (tabId === valueRef.current) {\n      setIsValuePresent(false);\n    }\n  }, []);\n\n  // Check overflow when children change\n  useEffect(() => {\n    checkOverflow();\n  }, [checkOverflow, children]);\n\n  const scrollTabIntoView = useCallback((tabId: U) => {\n    const tabRef = tabRefs.current.get(tabId);\n    const scrollContainer = scrollContainerRef.current;\n\n    if (tabRef?.current && scrollContainer) {\n      const tabRect = tabRef.current.getBoundingClientRect();\n      const containerRect = scrollContainer.getBoundingClientRect();\n      const containerCenter = containerRect.left + containerRect.width / 2;\n\n      const targetScrollLeft =\n        scrollContainer.scrollLeft +\n        (tabRect.left - containerCenter + tabRect.width / 2);\n\n      scrollContainer.scrollTo({\n        behavior: 'smooth',\n        left: targetScrollLeft,\n      });\n    }\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') {\n        return;\n      }\n\n      event.preventDefault();\n\n      const tabIds = Array.from(tabRefs.current.keys());\n      const focusedElement = document.activeElement;\n\n      // Find the currently focused tab\n      let currentIndex = -1;\n      for (let i = 0; i < tabIds.length; i++) {\n        const tabRef = tabRefs.current.get(tabIds[i]);\n        if (tabRef?.current === focusedElement) {\n          currentIndex = i;\n          break;\n        }\n      }\n\n      // If no tab is focused, focus the active tab. Or the first tab if the active tab is not present.\n      if (currentIndex === -1) {\n        const activeTabRef = tabRefs.current.get(value);\n        if (activeTabRef?.current) {\n          activeTabRef.current.focus();\n        } else if (!isValuePresent && firstTabId !== null) {\n          const firstTabRef = tabRefs.current.get(firstTabId);\n          if (firstTabRef?.current) {\n            firstTabRef.current.focus();\n          }\n        }\n        return;\n      }\n\n      let nextIndex: number;\n\n      if (event.key === 'ArrowRight') {\n        nextIndex = currentIndex === tabIds.length - 1 ? 0 : currentIndex + 1;\n      } else {\n        nextIndex = currentIndex === 0 ? tabIds.length - 1 : currentIndex - 1;\n      }\n\n      const nextTabId = tabIds[nextIndex];\n      const nextTabRef = tabRefs.current.get(nextTabId);\n\n      if (nextTabRef?.current) {\n        nextTabRef.current.focus();\n        scrollTabIntoView(nextTabId);\n      }\n    },\n    [value, scrollTabIntoView, firstTabId, isValuePresent],\n  );\n\n  const classes = classNames(\n    'ndl-tabs',\n    getGeneralTabClasses(size, fill),\n    className,\n  );\n\n  const Component: React.ElementType = as ?? 'div';\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      role=\"tablist\"\n      aria-orientation=\"horizontal\"\n      onKeyDown={handleKeyDown}\n      ref={mergedRef}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <ScrollButton\n        direction=\"left\"\n        isVisible={scrollState.isLeftVisible}\n        onClick={() => scrollToNextItem('left')}\n        onBackground={onBackground}\n      />\n      <ScrollButton\n        direction=\"right\"\n        isVisible={scrollState.isRightVisible}\n        onClick={() => scrollToNextItem('right')}\n        onBackground={onBackground}\n      />\n      <TabsContext.Provider\n        value={{\n          fill,\n          firstTabId,\n          isValuePresent,\n          onChange,\n          registerTab,\n          scrollTabIntoView,\n          size,\n          unregisterTab,\n          value,\n        }}\n      >\n        <div className=\"ndl-tabs-container\" ref={scrollContainerRef}>\n          {children}\n        </div>\n      </TabsContext.Provider>\n    </Component>\n  );\n};\n\nTabsComponent.displayName = 'Tabs';\n\ntype TabProps<T extends TabId> = {\n  /** The id of the tab */\n  id: T;\n  /** The content of the tab */\n  children: React.ReactNode | string;\n  /** A string that will be shown as a tooltip when hovering over the button  it also acts as an aria-label- {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label} */\n  description?: string;\n  /** Props for the tooltip component. */\n  tooltipProps?: TooltipObjectProps;\n  /** Additional class name */\n  className?: string;\n  /** Whether the tab is disabled */\n  isDisabled?: boolean;\n};\n\nconst TabsTab = <\n  U extends TabId = TabId,\n  T extends React.ElementType = 'button',\n>({\n  children,\n  id: tabId,\n  isDisabled = false,\n  className,\n  description,\n  tooltipProps,\n  style,\n  as,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, TabProps<U>>) => {\n  const {\n    size,\n    fill,\n    value,\n    onChange,\n    registerTab,\n    unregisterTab,\n    scrollTabIntoView,\n    firstTabId,\n    isValuePresent,\n  } = useTabsContext();\n  const internalRef = useRef<HTMLElement>(null);\n\n  // Create a merged ref that handles both ref objects and ref functions\n  const mergedRef = useMergeRefs([\n    internalRef as React.RefObject<HTMLElement>,\n    ref as React.RefObject<HTMLElement>,\n  ]);\n\n  // Register/unregister tab for keyboard navigation\n  useEffect(() => {\n    registerTab(tabId, internalRef);\n\n    return () => {\n      unregisterTab(tabId);\n    };\n  }, [tabId, registerTab, unregisterTab]);\n\n  const baseClasses = classNames({\n    ...getGeneralTabClasses(size, fill),\n    'ndl-disabled': isDisabled,\n    'ndl-selected': value === tabId,\n  });\n\n  const Component: React.ElementType = as ?? 'button';\n\n  const classes = classNames('ndl-tab', baseClasses, className);\n\n  // Only the active tab should be in the tab sequence initially\n  // Other tabs can be focused via arrow keys but are not in tab sequence\n  const tabIndex =\n    value === tabId || (!isValuePresent && tabId === firstTabId) ? 0 : -1;\n\n  return (\n    <Tooltip\n      type=\"simple\"\n      {...tooltipProps?.root}\n      isDisabled={description === undefined}\n    >\n      <Tooltip.Trigger {...tooltipProps?.trigger} hasButtonWrapper>\n        <Component\n          className={classes}\n          style={style}\n          onClick={() => {\n            if (!isDisabled) {\n              onChange(tabId);\n              scrollTabIntoView(tabId);\n            }\n          }}\n          role=\"tab\"\n          id={tabId}\n          aria-disabled={isDisabled}\n          aria-label={description}\n          aria-selected={value === tabId}\n          aria-controls={getTabPanelId(tabId)}\n          tabIndex={tabIndex}\n          ref={mergedRef}\n          {...restProps}\n          {...htmlAttributes}\n        >\n          <span className=\"ndl-tab-content\">{children}</span>\n          {fill === 'underline' && <span className=\"ndl-tab-underline\" />}\n        </Component>\n      </Tooltip.Trigger>\n      <Tooltip.Content {...tooltipProps?.content}>\n        {description}\n      </Tooltip.Content>\n    </Tooltip>\n  );\n};\n\nTabsTab.displayName = 'Tabs.Tab';\n\ntype TabPanelProps = {\n  /** The content displayed in the tab panel */\n  children: React.ReactNode;\n  /** The currently selected tabId. The tab is visible if the value is equal to the tabId */\n  value: TabId;\n  /** The id of the tab panel */\n  tabId: TabId;\n  /** Additional class name */\n  className?: string;\n};\n\nconst TabsTabPanel = <T extends React.ElementType = 'div'>({\n  as,\n  children,\n  value,\n  tabId,\n  style,\n  className,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, TabPanelProps>) => {\n  const Component: React.ElementType = as ?? 'div';\n\n  return (\n    <>\n      {value === tabId ? (\n        <Component\n          role=\"tabpanel\"\n          id={getTabPanelId(tabId)}\n          aria-labelledby={tabId}\n          style={style}\n          className={classNames(className)}\n          ref={ref}\n          {...restProps}\n          {...htmlAttributes}\n        >\n          {children}\n        </Component>\n      ) : null}\n    </>\n  );\n};\n\nTabsTabPanel.displayName = 'Tabs.TabPanel';\n\ntype TabBadgeProps = {\n  /** The content of the badge */\n  children: React.ReactNode;\n};\n\nconst TabBadge = ({\n  children,\n  ref,\n  htmlAttributes,\n  style,\n  className,\n  ...restProps\n}: CommonProps<'span', TabBadgeProps>) => {\n  const classes = classNames('ndl-tab-badge', className);\n  return (\n    <Typography\n      ref={ref}\n      variant=\"subheading-small\"\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nconst Tabs = Object.assign(TabsComponent, {\n  Badge: TabBadge,\n  Tab: TabsTab,\n  TabPanel: TabsTabPanel,\n});\n\nexport { Tabs };\n"]}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/tabs/Tabs.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 { useMergeRefs } from '@floating-ui/react';\nimport classNames from 'classnames';\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n  type TooltipObjectProps,\n} from '../_common/types';\nimport {\n  ArrowLeftCircleIconOutline,\n  ArrowRightCircleIconOutline,\n} from '../icons';\nimport { Tooltip } from '../tooltip';\nimport { Typography } from '../typography';\nimport { useTabsScrollOverflow } from './use-tabs-scroll-overflow';\n\n// Reusable scroll button component\nconst ScrollButton = ({\n  direction,\n  isVisible,\n  onClick,\n  onBackground,\n}: {\n  direction: 'left' | 'right';\n  isVisible: boolean;\n  onClick: () => void;\n  onBackground: React.ComponentProps<typeof TabsComponent>['onBackground'];\n}) => {\n  const Icon =\n    direction === 'left'\n      ? ArrowLeftCircleIconOutline\n      : ArrowRightCircleIconOutline;\n  const positionClass =\n    direction === 'left' ? 'ndl-scroll-left-item' : 'ndl-scroll-right-item';\n\n  return (\n    <div\n      className={classNames('ndl-scroll-item', positionClass, {\n        'ndl-scroll-item-hidden': !isVisible,\n        'ndl-scroll-item-on-background-default': onBackground === 'default',\n        'ndl-scroll-item-on-background-weak': onBackground === 'weak',\n      })}\n    >\n      <button\n        tabIndex={-1}\n        className=\"ndl-scroll-icon-wrapper\"\n        onClick={onClick}\n        aria-hidden=\"true\"\n      >\n        <Icon className=\"ndl-scroll-icon\" />\n      </button>\n    </div>\n  );\n};\n\ntype TabId = string;\ntype Size = 'small' | 'large';\ntype Fill = 'underline' | 'filled';\n\ntype BaseTabsProps<T extends TabId> = {\n  /** The currently active tabId */\n  value: T;\n  /** Callback function triggered when a new tab is selected */\n  onChange: (e: T) => void;\n  // TODO v5: add leadingVisual & trailingVisual props, to allow for children not to have flex (allowing text ellipsis). Also add a tooltip when ellipsing.\n  /** The content dislayed in the tabs */\n  children: React.ReactNode | string;\n  /** The fill type of the tabs */\n  fill?: Fill;\n  /**  The size of the tabs */\n  size?: Size;\n  /** What background the Tabs is placed on. This affects the gradient background of the scroll navigation buttons. */\n  onBackground?: 'weak' | 'default';\n};\n\ntype TabsContextType<T extends TabId> = Required<\n  Pick<BaseTabsProps<T>, 'fill' | 'size' | 'onChange' | 'value'>\n> & {\n  registerTab: (tabId: T, ref: React.RefObject<HTMLElement | null>) => void;\n  unregisterTab: (tabId: T) => void;\n  scrollTabIntoView: (tabId: T) => void;\n  firstTabId: T | null;\n  isValuePresent: boolean;\n};\n\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nconst TabsContext = React.createContext<TabsContextType<any> | null>(null);\n\nconst useTabsContext = () => {\n  const context = useContext(TabsContext);\n\n  if (context === null) {\n    throw new Error('Tab used without context');\n  }\n\n  return context;\n};\n\nconst getTabPanelId = (tabId: TabId) => `tabpanel-${tabId}`;\n\nconst getGeneralTabClasses = (size: Size, fill: Fill) => {\n  return {\n    'ndl-filled-tab': fill === 'filled',\n    'ndl-large': size === 'large',\n    'ndl-small': size === 'small',\n    'ndl-underline-tab': fill === 'underline',\n  };\n};\n\nconst TabsComponent = <U extends TabId, T extends React.ElementType = 'div'>({\n  children,\n  size = 'large',\n  fill = 'underline',\n  onChange,\n  value,\n  onBackground = 'weak',\n  className,\n  style,\n  as,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, BaseTabsProps<U>>) => {\n  const tabRefs = useRef<Map<U, React.RefObject<HTMLElement | null>>>(\n    new Map(),\n  );\n  const containerRef = useRef<HTMLElement>(null);\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs([containerRef, ref]);\n  const [firstTabId, setFirstTabId] = useState<U | null>(null);\n  const [isValuePresent, setIsValuePresent] = useState(false);\n  const valueRef = useRef(value);\n\n  // Use the custom hook for scroll overflow behavior\n  const { scrollState, scrollToNextItem, checkOverflow } =\n    useTabsScrollOverflow(scrollContainerRef);\n\n  useEffect(() => {\n    valueRef.current = value;\n    setIsValuePresent(tabRefs.current.has(value));\n  }, [value]);\n\n  const registerTab = useCallback(\n    (tabId: U, tabRef: React.RefObject<HTMLElement | null>) => {\n      tabRefs.current.set(tabId, tabRef);\n      const first = tabRefs.current.keys().next().value ?? null;\n      setFirstTabId((prev) => (prev === first ? prev : first));\n\n      if (tabId === valueRef.current) {\n        setIsValuePresent(true);\n      }\n    },\n    [],\n  );\n\n  const unregisterTab = useCallback((tabId: U) => {\n    tabRefs.current.delete(tabId);\n    const first = tabRefs.current.keys().next().value ?? null;\n    setFirstTabId((prev) => (prev === first ? prev : first));\n\n    if (tabId === valueRef.current) {\n      setIsValuePresent(false);\n    }\n  }, []);\n\n  // Check overflow when children change\n  useEffect(() => {\n    checkOverflow();\n  }, [checkOverflow, children]);\n\n  const scrollTabIntoView = useCallback((tabId: U) => {\n    const tabRef = tabRefs.current.get(tabId);\n    const scrollContainer = scrollContainerRef.current;\n\n    if (tabRef?.current && scrollContainer) {\n      const tabRect = tabRef.current.getBoundingClientRect();\n      const containerRect = scrollContainer.getBoundingClientRect();\n      const containerCenter = containerRect.left + containerRect.width / 2;\n\n      const targetScrollLeft =\n        scrollContainer.scrollLeft +\n        (tabRect.left - containerCenter + tabRect.width / 2);\n\n      scrollContainer.scrollTo({\n        behavior: 'smooth',\n        left: targetScrollLeft,\n      });\n    }\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') {\n        return;\n      }\n\n      event.preventDefault();\n\n      const tabIds = Array.from(tabRefs.current.keys());\n      const focusedElement = document.activeElement;\n\n      // Find the currently focused tab\n      let currentIndex = -1;\n      for (let i = 0; i < tabIds.length; i++) {\n        const tabRef = tabRefs.current.get(tabIds[i]);\n        if (tabRef?.current === focusedElement) {\n          currentIndex = i;\n          break;\n        }\n      }\n\n      // If no tab is focused, focus the active tab. Or the first tab if the active tab is not present.\n      if (currentIndex === -1) {\n        const activeTabRef = tabRefs.current.get(value);\n        if (activeTabRef?.current) {\n          activeTabRef.current.focus();\n        } else if (!isValuePresent && firstTabId !== null) {\n          const firstTabRef = tabRefs.current.get(firstTabId);\n          if (firstTabRef?.current) {\n            firstTabRef.current.focus();\n          }\n        }\n        return;\n      }\n\n      let nextIndex: number;\n\n      if (event.key === 'ArrowRight') {\n        nextIndex = currentIndex === tabIds.length - 1 ? 0 : currentIndex + 1;\n      } else {\n        nextIndex = currentIndex === 0 ? tabIds.length - 1 : currentIndex - 1;\n      }\n\n      const nextTabId = tabIds[nextIndex];\n      const nextTabRef = tabRefs.current.get(nextTabId);\n\n      if (nextTabRef?.current) {\n        nextTabRef.current.focus();\n        scrollTabIntoView(nextTabId);\n      }\n    },\n    [value, scrollTabIntoView, firstTabId, isValuePresent],\n  );\n\n  const classes = classNames(\n    'ndl-tabs',\n    getGeneralTabClasses(size, fill),\n    className,\n  );\n\n  const Component: React.ElementType = as ?? 'div';\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      role=\"tablist\"\n      aria-orientation=\"horizontal\"\n      onKeyDown={handleKeyDown}\n      ref={mergedRef}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <ScrollButton\n        direction=\"left\"\n        isVisible={scrollState.isLeftVisible}\n        onClick={() => scrollToNextItem('left')}\n        onBackground={onBackground}\n      />\n      <ScrollButton\n        direction=\"right\"\n        isVisible={scrollState.isRightVisible}\n        onClick={() => scrollToNextItem('right')}\n        onBackground={onBackground}\n      />\n      <TabsContext.Provider\n        value={{\n          fill,\n          firstTabId,\n          isValuePresent,\n          onChange,\n          registerTab,\n          scrollTabIntoView,\n          size,\n          unregisterTab,\n          value,\n        }}\n      >\n        <div className=\"ndl-tabs-container\" ref={scrollContainerRef}>\n          {children}\n        </div>\n      </TabsContext.Provider>\n    </Component>\n  );\n};\n\nTabsComponent.displayName = 'Tabs';\n\ntype TabProps<T extends TabId> = {\n  /** The id of the tab */\n  id: T;\n  /** The content of the tab */\n  children: React.ReactNode | string;\n  /** A string that will be shown as a tooltip when hovering over the button  it also acts as an aria-label- {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label} */\n  description?: string;\n  /** Props for the tooltip component. */\n  tooltipProps?: TooltipObjectProps;\n  /** Additional class name */\n  className?: string;\n  /** Whether the tab is disabled */\n  isDisabled?: boolean;\n};\n\nconst TabsTab = <\n  U extends TabId = TabId,\n  T extends React.ElementType = 'button',\n>({\n  children,\n  id: tabId,\n  isDisabled = false,\n  className,\n  description,\n  tooltipProps,\n  style,\n  as,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, TabProps<U>>) => {\n  const {\n    size,\n    fill,\n    value,\n    onChange,\n    registerTab,\n    unregisterTab,\n    scrollTabIntoView,\n    firstTabId,\n    isValuePresent,\n  } = useTabsContext();\n  const internalRef = useRef<HTMLElement>(null);\n\n  // Create a merged ref that handles both ref objects and ref functions\n  const mergedRef = useMergeRefs([\n    internalRef as React.RefObject<HTMLElement>,\n    ref as React.RefObject<HTMLElement>,\n  ]);\n\n  // Register/unregister tab for keyboard navigation\n  useEffect(() => {\n    registerTab(tabId, internalRef);\n\n    return () => {\n      unregisterTab(tabId);\n    };\n  }, [tabId, registerTab, unregisterTab]);\n\n  const baseClasses = classNames({\n    ...getGeneralTabClasses(size, fill),\n    'ndl-disabled': isDisabled,\n    'ndl-selected': value === tabId,\n  });\n\n  const Component: React.ElementType = as ?? 'button';\n\n  const classes = classNames('ndl-tab', baseClasses, className);\n\n  // Only the active tab should be in the tab sequence initially\n  // Other tabs can be focused via arrow keys but are not in tab sequence\n  const tabIndex =\n    value === tabId || (!isValuePresent && tabId === firstTabId) ? 0 : -1;\n\n  return (\n    <Tooltip\n      type=\"simple\"\n      {...tooltipProps?.root}\n      isDisabled={description === undefined}\n    >\n      <Tooltip.Trigger {...tooltipProps?.trigger} hasButtonWrapper>\n        <Component\n          className={classes}\n          style={style}\n          onClick={() => {\n            if (!isDisabled) {\n              onChange(tabId);\n              scrollTabIntoView(tabId);\n            }\n          }}\n          role=\"tab\"\n          id={tabId}\n          aria-disabled={isDisabled}\n          aria-label={description}\n          aria-selected={value === tabId}\n          aria-controls={getTabPanelId(tabId)}\n          tabIndex={tabIndex}\n          ref={mergedRef}\n          {...restProps}\n          {...htmlAttributes}\n        >\n          <span className=\"ndl-tab-content\">{children}</span>\n          {fill === 'underline' && <span className=\"ndl-tab-underline\" />}\n        </Component>\n      </Tooltip.Trigger>\n      <Tooltip.Content {...tooltipProps?.content}>\n        {description}\n      </Tooltip.Content>\n    </Tooltip>\n  );\n};\n\nTabsTab.displayName = 'Tabs.Tab';\n\ntype TabPanelProps = {\n  /** The content displayed in the tab panel */\n  children: React.ReactNode;\n  /** The currently selected tabId. The tab is visible if the value is equal to the tabId */\n  value: TabId;\n  /** The id of the tab panel */\n  tabId: TabId;\n  /** Additional class name */\n  className?: string;\n};\n\nconst TabsTabPanel = <T extends React.ElementType = 'div'>({\n  as,\n  children,\n  value,\n  tabId,\n  style,\n  className,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, TabPanelProps>) => {\n  const Component: React.ElementType = as ?? 'div';\n\n  return (\n    <>\n      {value === tabId ? (\n        <Component\n          role=\"tabpanel\"\n          id={getTabPanelId(tabId)}\n          aria-labelledby={tabId}\n          style={style}\n          className={classNames(className)}\n          ref={ref}\n          {...restProps}\n          {...htmlAttributes}\n        >\n          {children}\n        </Component>\n      ) : null}\n    </>\n  );\n};\n\nTabsTabPanel.displayName = 'Tabs.TabPanel';\n\ntype TabBadgeProps = {\n  /** The content of the badge */\n  children: React.ReactNode;\n};\n\nconst TabBadge = ({\n  children,\n  ref,\n  htmlAttributes,\n  style,\n  className,\n  ...restProps\n}: CommonProps<'span', TabBadgeProps>) => {\n  const classes = classNames('ndl-tab-badge', className);\n  return (\n    <Typography\n      ref={ref}\n      variant=\"subheading-small\"\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nconst Tabs = Object.assign(TabsComponent, {\n  Badge: TabBadge,\n  Tab: TabsTab,\n  TabPanel: TabsTabPanel,\n});\n\nexport { Tabs };\n"]}

package/lib/esm/tag/Tag.js

@@ -41,9 +41,9 @@ export const Tag = (_a) => {
     var { children, type = 'default', size = 'medium', onClick, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["children", "type", "size", "onClick", "className", "style", "htmlAttributes", "ref"]);
     const classes = classNames(`ndl-tag`, className, {
         'ndl-destructive': type === 'destructive',
-        'ndl-small': size === 'small',
-        'ndl-medium': size === 'medium',
         'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
+        'ndl-small': size === 'small',
     });
     return (_jsxs("div", Object.assign({ className: classes, ref: ref, style: style }, restProps, htmlAttributes, { children: [_jsx(ConditionalWrap, { shouldWrap: type === 'destructive', wrap: (children) => (_jsx("button", { type: "button", onClick: onClick, children: children })), children: _jsx("span", { className: "ndl-tag-content", children: children }) }), type !== 'destructive' && (_jsx("button", { type: "button", className: "ndl-remove-icon", onClick: onClick, "aria-label": "Remove tag", children: _jsx(XMarkIconOutline, {}) }))] })));
 };

package/lib/esm/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,UAAU,MAAM,YAAY,CAAC;AAIpC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAa5C;;;GAGG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAUW,EAAE,EAAE;QAVf,EAClB,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,OAE0B,EAD1B,SAAS,cATM,sFAUnB,CADa;IAEZ,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QAC/C,iBAAiB,EAAE,IAAI,KAAK,aAAa;QACzC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,6BACE,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACR,SAAS,EACT,cAAc,eAElB,KAAC,eAAe,IACd,UAAU,EAAE,IAAI,KAAK,aAAa,EAClC,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAClB,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,YACnC,QAAQ,GACF,CACV,YAED,eAAM,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAQ,GACnC,EACjB,IAAI,KAAK,aAAa,IAAI,CACzB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,OAAO,gBACL,YAAY,YAEvB,KAAC,gBAAgB,KAAG,GACb,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { type CommonProps } from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { XMarkIconOutline } from '../icons';\n\ninterface TagProps {\n  /** The content of the tag */\n  children: React.ReactNode;\n  /** Type of the tag */\n  type?: 'destructive' | 'default';\n  /** Size of the tag */\n  size?: 'small' | 'medium' | 'large';\n  /** Callback function triggered when tag should be removed */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\n/**\n * Tag component is a small visual element that represents a tag.\n * A tag is always removable. If you want a non removable tag, use the StatusLabel component instead.\n */\nexport const Tag = ({\n  children,\n  type = 'default',\n  size = 'medium',\n  onClick,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', TagProps>) => {\n  const classes = classNames(`ndl-tag`, className, {\n    'ndl-destructive': type === 'destructive',\n    'ndl-small': size === 'small',\n    'ndl-medium': size === 'medium',\n    'ndl-large': size === 'large',\n  });\n\n  return (\n    <div\n      className={classes}\n      ref={ref}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <ConditionalWrap\n        shouldWrap={type === 'destructive'}\n        wrap={(children) => (\n          <button type=\"button\" onClick={onClick}>\n            {children}\n          </button>\n        )}\n      >\n        <span className=\"ndl-tag-content\">{children}</span>\n      </ConditionalWrap>\n      {type !== 'destructive' && (\n        <button\n          type=\"button\"\n          className=\"ndl-remove-icon\"\n          onClick={onClick}\n          aria-label=\"Remove tag\"\n        >\n          <XMarkIconOutline />\n        </button>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,UAAU,MAAM,YAAY,CAAC;AAIpC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAa5C;;;GAGG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAUW,EAAE,EAAE;QAVf,EAClB,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,OAE0B,EAD1B,SAAS,cATM,sFAUnB,CADa;IAEZ,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QAC/C,iBAAiB,EAAE,IAAI,KAAK,aAAa;QACzC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,6BACE,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACR,SAAS,EACT,cAAc,eAElB,KAAC,eAAe,IACd,UAAU,EAAE,IAAI,KAAK,aAAa,EAClC,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAClB,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,YACnC,QAAQ,GACF,CACV,YAED,eAAM,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAQ,GACnC,EACjB,IAAI,KAAK,aAAa,IAAI,CACzB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,OAAO,gBACL,YAAY,YAEvB,KAAC,gBAAgB,KAAG,GACb,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { type CommonProps } from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { XMarkIconOutline } from '../icons';\n\ninterface TagProps {\n  /** The content of the tag */\n  children: React.ReactNode;\n  /** Type of the tag */\n  type?: 'destructive' | 'default';\n  /** Size of the tag */\n  size?: 'small' | 'medium' | 'large';\n  /** Callback function triggered when tag should be removed */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\n/**\n * Tag component is a small visual element that represents a tag.\n * A tag is always removable. If you want a non removable tag, use the StatusLabel component instead.\n */\nexport const Tag = ({\n  children,\n  type = 'default',\n  size = 'medium',\n  onClick,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', TagProps>) => {\n  const classes = classNames(`ndl-tag`, className, {\n    'ndl-destructive': type === 'destructive',\n    'ndl-large': size === 'large',\n    'ndl-medium': size === 'medium',\n    'ndl-small': size === 'small',\n  });\n\n  return (\n    <div\n      className={classes}\n      ref={ref}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <ConditionalWrap\n        shouldWrap={type === 'destructive'}\n        wrap={(children) => (\n          <button type=\"button\" onClick={onClick}>\n            {children}\n          </button>\n        )}\n      >\n        <span className=\"ndl-tag-content\">{children}</span>\n      </ConditionalWrap>\n      {type !== 'destructive' && (\n        <button\n          type=\"button\"\n          className=\"ndl-remove-icon\"\n          onClick={onClick}\n          aria-label=\"Remove tag\"\n        >\n          <XMarkIconOutline />\n        </button>\n      )}\n    </div>\n  );\n};\n"]}

package/lib/esm/tag/stories/tag.stories.js

@@ -23,42 +23,42 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Tag } from '../../index';
 import { TagSizes, TagSizesSource, TagTypes, TagTypesSource } from '.';
 const componentMeta = {
-    title: 'Components/Tag',
-    id: 'components-tag',
     component: Tag,
-    tags: ['docsPage'],
-    parameters: {
-        controls: { disable: true },
-    },
     decorators: [
         (Story) => (_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Story, {}) })),
     ],
+    id: 'components-tag',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/Tag',
 };
 export default componentMeta;
 export const Types = {
     args: {},
-    render: TagTypes,
     parameters: {
         docs: {
             source: {
+                code: TagTypesSource,
                 language: 'tsx',
                 type: 'code',
-                code: TagTypesSource,
             },
         },
     },
+    render: TagTypes,
 };
 export const Sizes = {
     args: {},
-    render: TagSizes,
     parameters: {
         docs: {
             source: {
+                code: TagSizesSource,
                 language: 'tsx',
                 type: 'code',
-                code: TagSizesSource,
             },
         },
     },
+    render: TagSizes,
 };
 //# sourceMappingURL=tag.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tag.stories.js","sourceRoot":"","sources":["../../../../src/tag/stories/tag.stories.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAEvE,MAAM,aAAa,GAAqB;IACtC,KAAK,EAAE,gBAAgB;IACvB,EAAE,EAAE,gBAAgB;IACpB,SAAS,EAAE,GAAG;IACd,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,cAAc;aACrB;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,cAAc;aACrB;SACF;KACF;CACF,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Tag } from '../../index';\nimport { TagSizes, TagSizesSource, TagTypes, TagTypesSource } from '.';\n\nconst componentMeta: Meta<typeof Tag> = {\n  title: 'Components/Tag',\n  id: 'components-tag',\n  component: Tag,\n  tags: ['docsPage'],\n  parameters: {\n    controls: { disable: true },\n  },\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof Tag>;\n\nexport const Types: Story = {\n  args: {},\n  render: TagTypes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TagTypesSource,\n      },\n    },\n  },\n};\n\nexport const Sizes: Story = {\n  args: {},\n  render: TagSizes,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TagSizesSource,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"tag.stories.js","sourceRoot":"","sources":["../../../../src/tag/stories/tag.stories.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAEvE,MAAM,aAAa,GAAqB;IACtC,SAAS,EAAE,GAAG;IACd,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,EAAE,EAAE,gBAAgB;IACpB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,gBAAgB;CACxB,CAAC;AAEF,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,cAAc;gBACpB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,cAAc;gBACpB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,QAAQ;CACjB,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 { Tag } from '../../index';\nimport { TagSizes, TagSizesSource, TagTypes, TagTypesSource } from '.';\n\nconst componentMeta: Meta<typeof Tag> = {\n  component: Tag,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-tag',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Tag',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof Tag>;\n\nexport const Types: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TagTypesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TagTypes,\n};\n\nexport const Sizes: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TagSizesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TagSizes,\n};\n"]}