@neo4j-ndl/react 4.22.1 → 4.23.4

package/lib/esm/spotlight/SpotlightTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpotlightTarget.js","sourceRoot":"","sources":["../../../src/spotlight/SpotlightTarget.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 { FloatingPortal, useMergeRefs } from '@floating-ui/react';\nimport classNames from 'classnames';\nimport React, { useEffect } from 'react';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useSpotlightContext } from './SpotlightProvider';\nimport {\n  type IndicatorPlacement,\n  type IndicatorVariant,\n  useIndicator,\n} from './use-indicator';\n\ntype SpotlightTargetProps = {\n  /** The id of the wrapper. This should match a `target` prop in a `Spotlight`, to indicate that this is where it should be rendered when open */\n  id: string;\n  /** A boolean that controls if the pulse animation should be used or not */\n  hasPulse?: boolean;\n  /** A string that controls the style of the indicator. It can be either \"point\" or \"border\" */\n  indicatorVariant?: IndicatorVariant;\n  /** A string that controls the placement of the indicator. A combination of \"middle\", \"top\", \"right\", \"bottom\" and \"left\" separated by a dash, e.g. \"top-right\" */\n  indicatorPlacement?: IndicatorPlacement;\n  /** An inline style CSS property to control the border radius of the wrapper */\n  borderRadius?: React.CSSProperties['borderRadius'];\n  /** The content to wrap */\n  children?: React.ReactNode;\n  /** Fit the target size to the children. */\n  shouldFitToChildren?: boolean;\n  /**\n   * When true, merges the spotlight target props directly with the child element instead of wrapping it in a div.\n   *\n   * This is useful for applying spotlight functionality to existing interactive elements (buttons, links, etc.)\n   * while preserving their original behavior, styling, and accessibility attributes.\n   *\n   * @remarks\n   * - **Warning:** Only use with interactive elements that can receive focus and handle click events.\n   * - **Warning:** The child element's `id` will be overridden with the target's `id`.\n   *\n   * @example\n   * ```tsx\n   * <SpotlightTarget id=\"my-button\" asChild>\n   *   <FilledButton>Click me</FilledButton>\n   * </SpotlightTarget>\n   * ```\n   */\n  // TODO v5: decide if this naming is okay, don't see how to follow the rule without a name that is tooo long\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  asChild?: boolean;\n};\n\nexport const SpotlightTarget = ({\n  id,\n  hasPulse = true,\n  indicatorVariant = 'border',\n  indicatorPlacement = 'top-right',\n  borderRadius,\n  shouldFitToChildren = false,\n  children,\n  className,\n  htmlAttributes,\n  style,\n  as,\n  ref,\n  asChild,\n  ...restProps\n}: PolymorphicCommonProps<'div', SpotlightTargetProps>) => {\n  const Component = as ?? 'div';\n\n  const {\n    isActiveSpotlight,\n    isOpen,\n    setIsOpen,\n    registerTarget,\n    unregisterTarget,\n    setActiveSpotlight,\n  } = useSpotlightContext();\n\n  const internalRef = React.useRef<HTMLElement>(null);\n  const childRef =\n    asChild && React.isValidElement(children)\n      ? (\n          children as React.ReactElement<unknown> & {\n            ref?: React.Ref<HTMLElement>;\n          }\n        ).ref\n      : undefined;\n  const mergedRefs = useMergeRefs<HTMLElement>([\n    ref as React.RefObject<HTMLElement>,\n    internalRef as React.RefObject<HTMLElement>,\n    childRef as React.Ref<HTMLElement> | undefined,\n  ]);\n  useEffect(() => {\n    if (internalRef.current !== null) {\n      registerTarget(id, internalRef as React.RefObject<HTMLElement>);\n    }\n    return () => unregisterTarget(id);\n  }, [id, registerTarget, unregisterTarget]);\n\n  const isActive = isActiveSpotlight(id);\n  const indicator = useIndicator({\n    hasPulse,\n    indicatorPlacement,\n    indicatorVariant,\n    isOpen: isActive,\n    targetRef: internalRef,\n  });\n\n  if (asChild === true && React.isValidElement(children)) {\n    const child = children as React.ReactElement<{\n      className?: string;\n      style?: React.CSSProperties;\n      onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n      onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n    }>;\n\n    const onClick = (event: React.MouseEvent<HTMLElement>) => {\n      if (isActive) {\n        // When spotlight is active, always prevent the child's click handler\n        event.preventDefault();\n\n        if (!isOpen) {\n          setIsOpen(true);\n        }\n        // Don't call child.props?.onClick when spotlight is active\n        return;\n      }\n\n      // Only call the child's click handler when spotlight is not active\n      child.props?.onClick?.(event);\n    };\n\n    const onKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n      if (\n        isActive &&\n        !isOpen &&\n        (event.code === 'Enter' || event.code === 'Space')\n      ) {\n        event.preventDefault();\n        setIsOpen(true);\n        return;\n      }\n\n      if (isActive && event.code === 'Escape') {\n        event.preventDefault();\n        setActiveSpotlight(null);\n        return;\n      }\n\n      child.props?.onKeyDown?.(event);\n    };\n\n    // IMPORTANT: do NOT force role/tabIndex here; preserves Composite semantics for the SideNavigation\n    const mergedProps = {\n      id,\n      onClick,\n      onKeyDown,\n      ref: mergedRefs,\n      style: {\n        ...style,\n        ...child.props.style,\n      },\n      // Avoid overriding the child's own role/tabIndex with any passed htmlAttributes\n      ...(htmlAttributes\n        ? { ...htmlAttributes, role: undefined, tabIndex: undefined }\n        : {}),\n    };\n\n    return (\n      <>\n        {React.cloneElement(child, mergedProps as Record<string, unknown>)}\n        <ConditionalWrap\n          shouldWrap={isActive && isOpen}\n          wrap={(wrapChildren) => (\n            <FloatingPortal>{wrapChildren}</FloatingPortal>\n          )}\n        >\n          {indicator.context.open && (\n            <div\n              className={indicator.indicatorClasses}\n              ref={indicator.context.refs.setFloating}\n              style={{ ...indicator.floatingStyles, ...indicator.style }}\n            />\n          )}\n        </ConditionalWrap>\n      </>\n    );\n  }\n\n  const classes = classNames(\n    'ndl-spotlight-target',\n    {\n      'ndl-spotlight-target-fit-to-children': shouldFitToChildren,\n      'ndl-spotlight-target-open': isOpen && isActive,\n    },\n    className,\n  );\n\n  const inertClasses = classNames(\n    'ndl-spotlight-target-inert',\n    {\n      'ndl-spotlight-target-inert-fit-to-children': shouldFitToChildren,\n    },\n    className,\n  );\n\n  return (\n    <>\n      <Component\n        role={isActive ? 'button' : undefined}\n        id={id}\n        ref={mergedRefs}\n        className={classes}\n        onClick={(event) => {\n          if (isActive) {\n            event.preventDefault();\n            event.stopPropagation();\n\n            if (!isOpen) {\n              setIsOpen(true);\n            }\n          }\n        }}\n        style={{ borderRadius, ...style }}\n        onKeyDown={(event) => {\n          if (\n            isActive &&\n            !isOpen &&\n            (event.code === 'Enter' || event.code === 'Space')\n          ) {\n            setIsOpen(true);\n            event.preventDefault();\n          } else if (event.code === 'Escape' && isActive) {\n            setActiveSpotlight(null);\n          }\n        }}\n        tabIndex={isActive ? 0 : undefined}\n        {...(isActive && { 'aria-label': 'Open spotlight' })}\n        {...restProps}\n        {...htmlAttributes}\n      >\n        <ConditionalWrap\n          shouldWrap={isActive}\n          wrap={(children) => (\n            <div inert aria-disabled className={inertClasses}>\n              {children}\n            </div>\n          )}\n        >\n          {children}\n        </ConditionalWrap>\n      </Component>\n      <ConditionalWrap\n        shouldWrap={isActive && isOpen}\n        wrap={(wrapChildren) => <FloatingPortal>{wrapChildren}</FloatingPortal>}\n      >\n        {indicator.context.open && (\n          <div\n            className={indicator.indicatorClasses}\n            ref={indicator.context.refs.setFloating}\n            style={{ ...indicator.floatingStyles, ...indicator.style }}\n          />\n        )}\n      </ConditionalWrap>\n    </>\n  );\n};\n"]}
+{"version":3,"file":"SpotlightTarget.js","sourceRoot":"","sources":["../../../src/spotlight/SpotlightTarget.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 { FloatingPortal, useMergeRefs } from '@floating-ui/react';\nimport classNames from 'classnames';\nimport React, { useEffect } from 'react';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useSpotlightContext } from './SpotlightProvider';\nimport {\n  type IndicatorPlacement,\n  type IndicatorVariant,\n  useIndicator,\n} from './use-indicator';\n\ntype SpotlightTargetProps = {\n  /** The id of the wrapper. This should match a `target` prop in a `Spotlight`, to indicate that this is where it should be rendered when open */\n  id: string;\n  /** A boolean that controls if the pulse animation should be used or not */\n  hasPulse?: boolean;\n  /** A string that controls the style of the indicator. It can be either \"point\" or \"border\" */\n  indicatorVariant?: IndicatorVariant;\n  /** A string that controls the placement of the indicator. A combination of \"middle\", \"top\", \"right\", \"bottom\" and \"left\" separated by a dash, e.g. \"top-right\" */\n  indicatorPlacement?: IndicatorPlacement;\n  /** An inline style CSS property to control the border radius of the wrapper */\n  borderRadius?: React.CSSProperties['borderRadius'];\n  /** The content to wrap */\n  children?: React.ReactNode;\n  /** Fit the target size to the children. */\n  shouldFitToChildren?: boolean;\n  /**\n   * When true, merges the spotlight target props directly with the child element instead of wrapping it in a div.\n   *\n   * This is useful for applying spotlight functionality to existing interactive elements (buttons, links, etc.)\n   * while preserving their original behavior, styling, and accessibility attributes.\n   *\n   * @remarks\n   * - **Warning:** Only use with interactive elements that can receive focus and handle click events.\n   * - **Warning:** The child element's `id` will be overridden with the target's `id`.\n   *\n   * @example\n   * ```tsx\n   * <SpotlightTarget id=\"my-button\" asChild>\n   *   <FilledButton>Click me</FilledButton>\n   * </SpotlightTarget>\n   * ```\n   */\n  // TODO v5: decide if this naming is okay, don't see how to follow the rule without a name that is tooo long\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  asChild?: boolean;\n};\n\nexport const SpotlightTarget = ({\n  id,\n  hasPulse = true,\n  indicatorVariant = 'border',\n  indicatorPlacement = 'top-right',\n  borderRadius,\n  shouldFitToChildren = false,\n  children,\n  className,\n  htmlAttributes,\n  style,\n  as,\n  ref,\n  asChild,\n  ...restProps\n}: PolymorphicCommonProps<'div', SpotlightTargetProps>) => {\n  const Component = as ?? 'div';\n\n  const {\n    isActiveSpotlight,\n    isOpen,\n    setIsOpen,\n    registerTarget,\n    unregisterTarget,\n    setActiveSpotlight,\n  } = useSpotlightContext();\n\n  const internalRef = React.useRef<HTMLElement>(null);\n  const childRef =\n    asChild && React.isValidElement(children)\n      ? (\n          children as React.ReactElement<unknown> & {\n            ref?: React.Ref<HTMLElement>;\n          }\n        ).ref\n      : undefined;\n  const mergedRefs = useMergeRefs<HTMLElement>([\n    ref as React.RefObject<HTMLElement>,\n    internalRef as React.RefObject<HTMLElement>,\n    childRef as React.Ref<HTMLElement> | undefined,\n  ]);\n  useEffect(() => {\n    if (internalRef.current !== null) {\n      registerTarget(id, internalRef as React.RefObject<HTMLElement>);\n    }\n    return () => unregisterTarget(id);\n  }, [id, registerTarget, unregisterTarget]);\n\n  const isActive = isActiveSpotlight(id);\n  const indicator = useIndicator({\n    hasPulse,\n    indicatorPlacement,\n    indicatorVariant,\n    isOpen: isActive,\n    targetRef: internalRef,\n  });\n\n  if (asChild === true && React.isValidElement(children)) {\n    const child = children as React.ReactElement<{\n      className?: string;\n      style?: React.CSSProperties;\n      onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n      onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n    }>;\n\n    const onClick = (event: React.MouseEvent<HTMLElement>) => {\n      if (isActive) {\n        // When spotlight is active, always prevent the child's click handler\n        event.preventDefault();\n\n        if (!isOpen) {\n          setIsOpen(true);\n        }\n        // Don't call child.props?.onClick when spotlight is active\n        return;\n      }\n\n      // Only call the child's click handler when spotlight is not active\n      child.props?.onClick?.(event);\n    };\n\n    const onKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n      if (\n        isActive &&\n        !isOpen &&\n        (event.code === 'Enter' || event.code === 'Space')\n      ) {\n        event.preventDefault();\n        setIsOpen(true);\n        return;\n      }\n\n      if (isActive && event.code === 'Escape') {\n        event.preventDefault();\n        setActiveSpotlight(null);\n        return;\n      }\n\n      child.props?.onKeyDown?.(event);\n    };\n\n    // IMPORTANT: do NOT force role/tabIndex here; preserves Composite semantics for the SideNavigation\n    const mergedProps = {\n      id,\n      onClick,\n      onKeyDown,\n      ref: mergedRefs,\n      style: {\n        ...style,\n        ...child.props.style,\n      },\n      // Avoid overriding the child's own role/tabIndex with any passed htmlAttributes\n      ...(htmlAttributes\n        ? { ...htmlAttributes, role: undefined, tabIndex: undefined }\n        : {}),\n    };\n\n    return (\n      <>\n        {React.cloneElement(child, mergedProps as Record<string, unknown>)}\n        <ConditionalWrap\n          shouldWrap={isActive && isOpen}\n          wrap={(wrapChildren) => (\n            <FloatingPortal>{wrapChildren}</FloatingPortal>\n          )}\n        >\n          {indicator.context.open && (\n            <div\n              className={indicator.indicatorClasses}\n              ref={indicator.context.refs.setFloating}\n              style={{ ...indicator.floatingStyles, ...indicator.style }}\n            />\n          )}\n        </ConditionalWrap>\n      </>\n    );\n  }\n\n  const classes = classNames(\n    'ndl-spotlight-target',\n    {\n      'ndl-spotlight-target-fit-to-children': shouldFitToChildren,\n      'ndl-spotlight-target-open': isOpen && isActive,\n    },\n    className,\n  );\n\n  const inertClasses = classNames(\n    'ndl-spotlight-target-inert',\n    {\n      'ndl-spotlight-target-inert-fit-to-children': shouldFitToChildren,\n    },\n    className,\n  );\n\n  return (\n    <>\n      <Component\n        role={isActive ? 'button' : undefined}\n        id={id}\n        ref={mergedRefs}\n        className={classes}\n        onClick={(event) => {\n          if (isActive) {\n            event.preventDefault();\n            event.stopPropagation();\n\n            if (!isOpen) {\n              setIsOpen(true);\n            }\n          }\n        }}\n        style={{ borderRadius, ...style }}\n        onKeyDown={(event) => {\n          if (\n            isActive &&\n            !isOpen &&\n            (event.code === 'Enter' || event.code === 'Space')\n          ) {\n            setIsOpen(true);\n            event.preventDefault();\n          } else if (event.code === 'Escape' && isActive) {\n            setActiveSpotlight(null);\n          }\n        }}\n        tabIndex={isActive ? 0 : undefined}\n        {...(isActive && { 'aria-label': 'Open spotlight' })}\n        {...restProps}\n        {...htmlAttributes}\n      >\n        <ConditionalWrap\n          shouldWrap={isActive}\n          wrap={(children) => (\n            <div inert aria-disabled className={inertClasses}>\n              {children}\n            </div>\n          )}\n        >\n          {children}\n        </ConditionalWrap>\n      </Component>\n      <ConditionalWrap\n        shouldWrap={isActive && isOpen}\n        wrap={(wrapChildren) => <FloatingPortal>{wrapChildren}</FloatingPortal>}\n      >\n        {indicator.context.open && (\n          <div\n            className={indicator.indicatorClasses}\n            ref={indicator.context.refs.setFloating}\n            style={{ ...indicator.floatingStyles, ...indicator.style }}\n          />\n        )}\n      </ConditionalWrap>\n    </>\n  );\n};\n"]}

package/lib/esm/spotlight/SpotlightTour.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpotlightTour.js","sourceRoot":"","sources":["../../../src/spotlight/SpotlightTour.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAqBA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAA6B,MAAM,aAAa,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAyB1D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,UAAU,EACV,kBAAkB,GAAG,SAAS,EAC9B,eAAe,GAAG,MAAM,EACxB,eAAe,GAAG,MAAM,EACxB,gBAAgB,GAAG,OAAO,EAC1B,QAAQ,GACW,EAAE,EAAE;IACvB,MAAM,EAAE,kBAAkB,EAAE,SAAS,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhE,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,KAAa,EAAE,EAAE;QAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC7C,kBAAkB,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAC3C,CAAC;IAEF,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,KAAa,EAAE,EAAE;QAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC7C,kBAAkB,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAC3C,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,KAAa,EAAE,EAAE;QAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QAChD,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACzB,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,SAAS,CAAC,CACtD,CAAC;IAEF,MAAM,KAAK,GAAG,WAAW,CACvB,CAAC,KAAa,EAAE,EAAE;QAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAC9C,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACzB,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,SAAS,CAAC,CACtD,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAa,EAAE,OAAwB,EAAmB,EAAE;QAC3D,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YAC9C,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC;QAC5B,MAAM,MAAM,GAAG,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;QAC/C,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;QAE1C,MAAM,UAAU,GAAsB,EAAE,CAAC;QAEzC,IAAI,CAAC,MAAM,IAAI,WAAW,EAAE,CAAC;YAC3B,UAAU,CAAC,IAAI,CACb,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,YACtC,kBAAkB,GACR,CACd,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,OAAO,IAAI,WAAW,EAAE,CAAC;YAC5B,UAAU,CAAC,IAAI,CACb,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,YACnC,eAAe,GACL,CACd,CAAC;QACJ,CAAC;QAED,IAAI,MAAM,EAAE,CAAC;YACX,UAAU,CAAC,IAAI,CACb,KAAC,cAAc,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YACxC,gBAAgB,GACF,CAClB,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,IAAI,CACb,KAAC,cAAc,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,YACvC,eAAe,GACD,CAClB,CAAC;QACJ,CAAC;QAED,OAAO,UAAU,CAAC;IACpB,CAAC,EACD;QACE,UAAU;QACV,kBAAkB;QAClB,OAAO;QACP,eAAe;QACf,IAAI;QACJ,gBAAgB;QAChB,KAAK;QACL,eAAe;QACf,IAAI;KACL,CACF,CAAC;IAEF,MAAM,gBAAgB,GAGC,WAAW,CAChC,CAAC,KAAa,EAAE,aAA8B,EAAE,EAAE;QAChD,IAAI,aAAa,KAAK,SAAS,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;YAC1D,OAAO,aAAa,CAAC;QACvB,CAAC;QAED,OAAO,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5E,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,MAAM,UAAU,GAG4C,WAAW,CACrE,CACE,KAAa,EACb,OAA6D,EAC7D,EAAE;QACF,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,OAAO,CAAC,MAAM,EAAE,EAAE;YAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IAEF,MAAM,SAAS,GAGiB,WAAW,CACzC,CAAC,KAAa,EAAE,MAAgC,EAAE,EAAE;QAClD,IAAI,MAAM,EAAE,CAAC;YACX,OAAO,MAAM,CAAC;QAChB,CAAC;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,4BACG,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;YACnC,MAAM,EACJ,OAAO,EACP,aAAa,EACb,YAAY,EACZ,OAAO,EACP,MAAM,KAEJ,SAAS,EADR,aAAa,UACd,SAAS,EAPP,iEAOL,CAAY,CAAC;YACd,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YAC9C,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;YAChE,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YAC9C,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YAE3C,OAAO,CACL,KAAC,SAAS,oBAEJ,aAAa,IACjB,OAAO,EAAE,UAAU,EACnB,aAAa,EAAE,gBAAgB,EAC/B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE,SAAS,KANZ,KAAK,CAOV,CACH,CAAC;QACJ,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport type React from 'react';\nimport { useCallback } from 'react';\n\nimport { OutlinedButton } from '../outlined-button';\nimport { TextButton } from '../text-button';\nimport { Spotlight, type SpotlightCloseAction } from './Spotlight';\nimport { useSpotlightContext } from './SpotlightProvider';\n\ntype SpotlightTourAction =\n  | SpotlightCloseAction\n  | 'dismiss'\n  | 'back'\n  | 'next'\n  | 'close'\n  | 'open';\n\ntype SpotlightTourProps = {\n  /** An array of `Spotlight` component props objects. SpotlightTour overrides the following props, to simplify your implementation, if they are undefined: `actions`, `beforeActions`, `initialFocus`, `onClose`. If you want custom behaviour for a certain `Spotlight` you can set these props yourself. */\n  spotlights: React.ComponentProps<typeof Spotlight>[];\n  /** A string that will be the text for the dismiss button */\n  dismissButtonLabel?: string;\n  /** A string that will be the text for the back button */\n  backButtonLabel?: string;\n  /** A string that will be the text for the next button */\n  nextButtonLabel?: string;\n  /** A string that will be the text for the close button */\n  closeButtonLabel?: string;\n  /** A callback function that is called when some actions are performed inside a `Spotlight`. It receives two arguments: `target` (string identifying the `Spotlight` that the action was performed in) and `action` (string describing the action that has been performed. These actions can be \"dismiss\", \"back\", \"next\", \"close\", \"clickOutside\" or \"escapeKeyDown\") */\n  onAction?: (target: string, action: SpotlightTourAction) => void;\n};\n\nexport const SpotlightTour = ({\n  spotlights,\n  dismissButtonLabel = 'Dismiss',\n  backButtonLabel = 'Back',\n  nextButtonLabel = 'Next',\n  closeButtonLabel = 'Close',\n  onAction,\n}: SpotlightTourProps) => {\n  const { setActiveSpotlight, setIsOpen } = useSpotlightContext();\n\n  const next = useCallback(\n    (index: number) => {\n      onAction?.(spotlights[index].target, 'next');\n      setActiveSpotlight(spotlights[index + 1].target);\n    },\n    [onAction, spotlights, setActiveSpotlight],\n  );\n\n  const back = useCallback(\n    (index: number) => {\n      onAction?.(spotlights[index].target, 'back');\n      setActiveSpotlight(spotlights[index - 1].target);\n    },\n    [onAction, spotlights, setActiveSpotlight],\n  );\n\n  const dismiss = useCallback(\n    (index: number) => {\n      onAction?.(spotlights[index].target, 'dismiss');\n      setActiveSpotlight(null);\n      setIsOpen(false);\n    },\n    [onAction, spotlights, setActiveSpotlight, setIsOpen],\n  );\n\n  const close = useCallback(\n    (index: number) => {\n      onAction?.(spotlights[index].target, 'close');\n      setActiveSpotlight(null);\n      setIsOpen(false);\n    },\n    [onAction, spotlights, setActiveSpotlight, setIsOpen],\n  );\n\n  const getActions = useCallback(\n    (index: number, actions: React.ReactNode): React.ReactNode => {\n      if (actions !== undefined && actions !== null) {\n        return actions;\n      }\n\n      const isFirst = index === 0;\n      const isLast = index === spotlights.length - 1;\n      const hasMultiple = spotlights.length > 1;\n\n      const newActions: React.ReactNode[] = [];\n\n      if (!isLast && hasMultiple) {\n        newActions.push(\n          <TextButton onClick={() => dismiss(index)}>\n            {dismissButtonLabel}\n          </TextButton>,\n        );\n      }\n\n      if (!isFirst && hasMultiple) {\n        newActions.push(\n          <TextButton onClick={() => back(index)}>\n            {backButtonLabel}\n          </TextButton>,\n        );\n      }\n\n      if (isLast) {\n        newActions.push(\n          <OutlinedButton onClick={() => close(index)}>\n            {closeButtonLabel}\n          </OutlinedButton>,\n        );\n      } else {\n        newActions.push(\n          <OutlinedButton onClick={() => next(index)}>\n            {nextButtonLabel}\n          </OutlinedButton>,\n        );\n      }\n\n      return newActions;\n    },\n    [\n      spotlights,\n      dismissButtonLabel,\n      dismiss,\n      backButtonLabel,\n      back,\n      closeButtonLabel,\n      close,\n      nextButtonLabel,\n      next,\n    ],\n  );\n\n  const getBeforeActions: (\n    index: number,\n    beforeActions: React.ReactNode,\n  ) => React.ReactNode = useCallback(\n    (index: number, beforeActions: React.ReactNode) => {\n      if (beforeActions !== undefined && beforeActions !== null) {\n        return beforeActions;\n      }\n\n      return spotlights.length > 1 ? `${index + 1}/${spotlights.length}` : null;\n    },\n    [spotlights],\n  );\n\n  const getOnClose: (\n    index: number,\n    onClose: ((reason: SpotlightCloseAction) => void) | undefined,\n  ) => ((reason: SpotlightCloseAction) => void) | undefined = useCallback(\n    (\n      index: number,\n      onClose: ((reason: SpotlightCloseAction) => void) | undefined,\n    ) => {\n      if (onClose) {\n        return onClose;\n      }\n\n      return (reason) => {\n        onAction?.(spotlights[index].target, reason);\n      };\n    },\n    [onAction, spotlights],\n  );\n\n  const getOnOpen: (\n    index: number,\n    onOpen: (() => void) | undefined,\n  ) => (() => void) | undefined = useCallback(\n    (index: number, onOpen: (() => void) | undefined) => {\n      if (onOpen) {\n        return onOpen;\n      }\n\n      return () => {\n        onAction?.(spotlights[index].target, 'open');\n      };\n    },\n    [onAction, spotlights],\n  );\n\n  return (\n    <>\n      {spotlights.map((spotlight, index) => {\n        const {\n          actions,\n          beforeActions,\n          initialFocus,\n          onClose,\n          onOpen,\n          ...restSpotlight\n        } = spotlight;\n        const newActions = getActions(index, actions);\n        const newBeforeActions = getBeforeActions(index, beforeActions);\n        const newOnClose = getOnClose(index, onClose);\n        const newOnOpen = getOnOpen(index, onOpen);\n\n        return (\n          <Spotlight\n            key={index}\n            {...restSpotlight}\n            actions={newActions}\n            beforeActions={newBeforeActions}\n            initialFocus={initialFocus}\n            onClose={newOnClose}\n            onOpen={newOnOpen}\n          />\n        );\n      })}\n    </>\n  );\n};\n"]}
+{"version":3,"file":"SpotlightTour.js","sourceRoot":"","sources":["../../../src/spotlight/SpotlightTour.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 React from 'react';\nimport { useCallback } from 'react';\n\nimport { OutlinedButton } from '../outlined-button';\nimport { TextButton } from '../text-button';\nimport { Spotlight, type SpotlightCloseAction } from './Spotlight';\nimport { useSpotlightContext } from './SpotlightProvider';\n\ntype SpotlightTourAction =\n  | SpotlightCloseAction\n  | 'dismiss'\n  | 'back'\n  | 'next'\n  | 'close'\n  | 'open';\n\ntype SpotlightTourProps = {\n  /** An array of `Spotlight` component props objects. SpotlightTour overrides the following props, to simplify your implementation, if they are undefined: `actions`, `beforeActions`, `initialFocus`, `onClose`. If you want custom behaviour for a certain `Spotlight` you can set these props yourself. */\n  spotlights: React.ComponentProps<typeof Spotlight>[];\n  /** A string that will be the text for the dismiss button */\n  dismissButtonLabel?: string;\n  /** A string that will be the text for the back button */\n  backButtonLabel?: string;\n  /** A string that will be the text for the next button */\n  nextButtonLabel?: string;\n  /** A string that will be the text for the close button */\n  closeButtonLabel?: string;\n  /** A callback function that is called when some actions are performed inside a `Spotlight`. It receives two arguments: `target` (string identifying the `Spotlight` that the action was performed in) and `action` (string describing the action that has been performed. These actions can be \"dismiss\", \"back\", \"next\", \"close\", \"clickOutside\" or \"escapeKeyDown\") */\n  onAction?: (target: string, action: SpotlightTourAction) => void;\n};\n\nexport const SpotlightTour = ({\n  spotlights,\n  dismissButtonLabel = 'Dismiss',\n  backButtonLabel = 'Back',\n  nextButtonLabel = 'Next',\n  closeButtonLabel = 'Close',\n  onAction,\n}: SpotlightTourProps) => {\n  const { setActiveSpotlight, setIsOpen } = useSpotlightContext();\n\n  const next = useCallback(\n    (index: number) => {\n      onAction?.(spotlights[index].target, 'next');\n      setActiveSpotlight(spotlights[index + 1].target);\n    },\n    [onAction, spotlights, setActiveSpotlight],\n  );\n\n  const back = useCallback(\n    (index: number) => {\n      onAction?.(spotlights[index].target, 'back');\n      setActiveSpotlight(spotlights[index - 1].target);\n    },\n    [onAction, spotlights, setActiveSpotlight],\n  );\n\n  const dismiss = useCallback(\n    (index: number) => {\n      onAction?.(spotlights[index].target, 'dismiss');\n      setActiveSpotlight(null);\n      setIsOpen(false);\n    },\n    [onAction, spotlights, setActiveSpotlight, setIsOpen],\n  );\n\n  const close = useCallback(\n    (index: number) => {\n      onAction?.(spotlights[index].target, 'close');\n      setActiveSpotlight(null);\n      setIsOpen(false);\n    },\n    [onAction, spotlights, setActiveSpotlight, setIsOpen],\n  );\n\n  const getActions = useCallback(\n    (index: number, actions: React.ReactNode): React.ReactNode => {\n      if (actions !== undefined && actions !== null) {\n        return actions;\n      }\n\n      const isFirst = index === 0;\n      const isLast = index === spotlights.length - 1;\n      const hasMultiple = spotlights.length > 1;\n\n      const newActions: React.ReactNode[] = [];\n\n      if (!isLast && hasMultiple) {\n        newActions.push(\n          <TextButton onClick={() => dismiss(index)}>\n            {dismissButtonLabel}\n          </TextButton>,\n        );\n      }\n\n      if (!isFirst && hasMultiple) {\n        newActions.push(\n          <TextButton onClick={() => back(index)}>\n            {backButtonLabel}\n          </TextButton>,\n        );\n      }\n\n      if (isLast) {\n        newActions.push(\n          <OutlinedButton onClick={() => close(index)}>\n            {closeButtonLabel}\n          </OutlinedButton>,\n        );\n      } else {\n        newActions.push(\n          <OutlinedButton onClick={() => next(index)}>\n            {nextButtonLabel}\n          </OutlinedButton>,\n        );\n      }\n\n      return newActions;\n    },\n    [\n      spotlights,\n      dismissButtonLabel,\n      dismiss,\n      backButtonLabel,\n      back,\n      closeButtonLabel,\n      close,\n      nextButtonLabel,\n      next,\n    ],\n  );\n\n  const getBeforeActions: (\n    index: number,\n    beforeActions: React.ReactNode,\n  ) => React.ReactNode = useCallback(\n    (index: number, beforeActions: React.ReactNode) => {\n      if (beforeActions !== undefined && beforeActions !== null) {\n        return beforeActions;\n      }\n\n      return spotlights.length > 1 ? `${index + 1}/${spotlights.length}` : null;\n    },\n    [spotlights],\n  );\n\n  const getOnClose: (\n    index: number,\n    onClose: ((reason: SpotlightCloseAction) => void) | undefined,\n  ) => ((reason: SpotlightCloseAction) => void) | undefined = useCallback(\n    (\n      index: number,\n      onClose: ((reason: SpotlightCloseAction) => void) | undefined,\n    ) => {\n      if (onClose) {\n        return onClose;\n      }\n\n      return (reason) => {\n        onAction?.(spotlights[index].target, reason);\n      };\n    },\n    [onAction, spotlights],\n  );\n\n  const getOnOpen: (\n    index: number,\n    onOpen: (() => void) | undefined,\n  ) => (() => void) | undefined = useCallback(\n    (index: number, onOpen: (() => void) | undefined) => {\n      if (onOpen) {\n        return onOpen;\n      }\n\n      return () => {\n        onAction?.(spotlights[index].target, 'open');\n      };\n    },\n    [onAction, spotlights],\n  );\n\n  return (\n    <>\n      {spotlights.map((spotlight, index) => {\n        const {\n          actions,\n          beforeActions,\n          initialFocus,\n          onClose,\n          onOpen,\n          ...restSpotlight\n        } = spotlight;\n        const newActions = getActions(index, actions);\n        const newBeforeActions = getBeforeActions(index, beforeActions);\n        const newOnClose = getOnClose(index, onClose);\n        const newOnOpen = getOnOpen(index, onOpen);\n\n        return (\n          <Spotlight\n            key={index}\n            {...restSpotlight}\n            actions={newActions}\n            beforeActions={newBeforeActions}\n            initialFocus={initialFocus}\n            onClose={newOnClose}\n            onOpen={newOnOpen}\n          />\n        );\n      })}\n    </>\n  );\n};\n"]}

package/lib/esm/spotlight/index.js

@@ -1,4 +1,4 @@
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/spotlight/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/spotlight/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,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\nexport * from './Spotlight';\nexport * from './SpotlightProvider';\nexport * from './SpotlightTarget';\nexport * from './SpotlightTour';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/spotlight/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,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\nexport * from './Spotlight';\nexport * from './SpotlightProvider';\nexport * from './SpotlightTarget';\nexport * from './SpotlightTour';\n"]}

package/lib/esm/spotlight/stories/index.js

@@ -1,4 +1,4 @@
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/spotlight/stories/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,+BAA+B,MAAM,yCAAyC,CAAC;AACtF,OAAO,uBAAuB,MAAM,iCAAiC,CAAC;AACtE,OAAO,wBAAwB,MAAM,mCAAmC,CAAC;AACzE,OAAO,qBAAqB,MAAM,+BAA+B,CAAC;AAClE,OAAO,mBAAmB,MAAM,4BAA4B,CAAC;AAC7D,OAAO,uBAAuB,MAAM,iCAAiC,CAAC;AACtE,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AACxE,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AACxE,OAAO,0BAA0B,MAAM,oCAAoC,CAAC;AAE5E,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CACtD,wBAAwB,CACzB,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAAG,mBAAmB,CACrD,uBAAuB,CACxB,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CACtD,wBAAwB,CACzB,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CACxD,0BAA0B,CAC3B,CAAC;AACF,MAAM,CAAC,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;AACzE,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CACtD,wBAAwB,CACzB,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAAG,mBAAmB,CACrD,uBAAuB,CACxB,CAAC;AACF,MAAM,CAAC,MAAM,4BAA4B,GAAG,mBAAmB,CAC7D,+BAA+B,CAChC,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,qBAAqB,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 */\n\nexport { default as SpotlightWithLabel } from './spotlight-with-label.story';\nexport { default as SpotlightWithIcon } from './spotlight-with-icon.story';\nexport { default as SpotlightWithImage } from './spotlight-with-image.story';\nexport { default as SpotlightWithPointer } from './spotlight-with-pointer.story';\nexport { default as SpotlightTour } from './spotlight-tour.story';\nexport { default as SpotlightInSideNav } from './spotlight-in-side-nav.story';\nexport { default as SpotlightInDialog } from './spotlight-in-dialog.story';\nexport { default as SpotlightFixedPositioning } from './spotlight-fixed-positioning.story';\nexport { default as SpotlightOnTabs } from './spotlight-on-tabs.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport SpotlightFixedPositioningSrcRaw from './spotlight-fixed-positioning.story?raw';\nimport SpotlightInDialogSrcRaw from './spotlight-in-dialog.story?raw';\nimport SpotlightInSideNavSrcRaw from './spotlight-in-side-nav.story?raw';\nimport SpotlightOnTabsSrcRaw from './spotlight-on-tabs.story?raw';\nimport SpotlightTourSrcRaw from './spotlight-tour.story?raw';\nimport SpotlightWithIconSrcRaw from './spotlight-with-icon.story?raw';\nimport SpotlightWithImageSrcRaw from './spotlight-with-image.story?raw';\nimport SpotlightWithLabelSrcRaw from './spotlight-with-label.story?raw';\nimport SpotlightWithPointerSrcRaw from './spotlight-with-pointer.story?raw';\n\nexport const SpotlightWithLabelSrc = removeLicenseHeader(\n  SpotlightWithLabelSrcRaw,\n);\nexport const SpotlightWithIconSrc = removeLicenseHeader(\n  SpotlightWithIconSrcRaw,\n);\nexport const SpotlightWithImageSrc = removeLicenseHeader(\n  SpotlightWithImageSrcRaw,\n);\nexport const SpotlightWithPointerSrc = removeLicenseHeader(\n  SpotlightWithPointerSrcRaw,\n);\nexport const SpotlightTourSrc = removeLicenseHeader(SpotlightTourSrcRaw);\nexport const SpotlightInSideNavSrc = removeLicenseHeader(\n  SpotlightInSideNavSrcRaw,\n);\nexport const SpotlightInDialogSrc = removeLicenseHeader(\n  SpotlightInDialogSrcRaw,\n);\nexport const SpotlightFixedPositioningSrc = removeLicenseHeader(\n  SpotlightFixedPositioningSrcRaw,\n);\nexport const SpotlightOnTabsSrc = removeLicenseHeader(SpotlightOnTabsSrcRaw);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,+BAA+B,MAAM,yCAAyC,CAAC;AACtF,OAAO,uBAAuB,MAAM,iCAAiC,CAAC;AACtE,OAAO,wBAAwB,MAAM,mCAAmC,CAAC;AACzE,OAAO,qBAAqB,MAAM,+BAA+B,CAAC;AAClE,OAAO,mBAAmB,MAAM,4BAA4B,CAAC;AAC7D,OAAO,uBAAuB,MAAM,iCAAiC,CAAC;AACtE,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AACxE,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AACxE,OAAO,0BAA0B,MAAM,oCAAoC,CAAC;AAE5E,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CACtD,wBAAwB,CACzB,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAAG,mBAAmB,CACrD,uBAAuB,CACxB,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CACtD,wBAAwB,CACzB,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CACxD,0BAA0B,CAC3B,CAAC;AACF,MAAM,CAAC,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;AACzE,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CACtD,wBAAwB,CACzB,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAAG,mBAAmB,CACrD,uBAAuB,CACxB,CAAC;AACF,MAAM,CAAC,MAAM,4BAA4B,GAAG,mBAAmB,CAC7D,+BAA+B,CAChC,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,qBAAqB,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 */\n\nexport { default as SpotlightWithLabel } from './spotlight-with-label.story';\nexport { default as SpotlightWithIcon } from './spotlight-with-icon.story';\nexport { default as SpotlightWithImage } from './spotlight-with-image.story';\nexport { default as SpotlightWithPointer } from './spotlight-with-pointer.story';\nexport { default as SpotlightTour } from './spotlight-tour.story';\nexport { default as SpotlightInSideNav } from './spotlight-in-side-nav.story';\nexport { default as SpotlightInDialog } from './spotlight-in-dialog.story';\nexport { default as SpotlightFixedPositioning } from './spotlight-fixed-positioning.story';\nexport { default as SpotlightOnTabs } from './spotlight-on-tabs.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport SpotlightFixedPositioningSrcRaw from './spotlight-fixed-positioning.story?raw';\nimport SpotlightInDialogSrcRaw from './spotlight-in-dialog.story?raw';\nimport SpotlightInSideNavSrcRaw from './spotlight-in-side-nav.story?raw';\nimport SpotlightOnTabsSrcRaw from './spotlight-on-tabs.story?raw';\nimport SpotlightTourSrcRaw from './spotlight-tour.story?raw';\nimport SpotlightWithIconSrcRaw from './spotlight-with-icon.story?raw';\nimport SpotlightWithImageSrcRaw from './spotlight-with-image.story?raw';\nimport SpotlightWithLabelSrcRaw from './spotlight-with-label.story?raw';\nimport SpotlightWithPointerSrcRaw from './spotlight-with-pointer.story?raw';\n\nexport const SpotlightWithLabelSrc = removeLicenseHeader(\n  SpotlightWithLabelSrcRaw,\n);\nexport const SpotlightWithIconSrc = removeLicenseHeader(\n  SpotlightWithIconSrcRaw,\n);\nexport const SpotlightWithImageSrc = removeLicenseHeader(\n  SpotlightWithImageSrcRaw,\n);\nexport const SpotlightWithPointerSrc = removeLicenseHeader(\n  SpotlightWithPointerSrcRaw,\n);\nexport const SpotlightTourSrc = removeLicenseHeader(SpotlightTourSrcRaw);\nexport const SpotlightInSideNavSrc = removeLicenseHeader(\n  SpotlightInSideNavSrcRaw,\n);\nexport const SpotlightInDialogSrc = removeLicenseHeader(\n  SpotlightInDialogSrcRaw,\n);\nexport const SpotlightFixedPositioningSrc = removeLicenseHeader(\n  SpotlightFixedPositioningSrcRaw,\n);\nexport const SpotlightOnTabsSrc = removeLicenseHeader(SpotlightOnTabsSrcRaw);\n"]}

package/lib/esm/spotlight/stories/spotlight-fixed-positioning.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/spotlight/stories/spotlight-fixed-positioning.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"spotlight-fixed-positioning.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-fixed-positioning.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,SAAS,EACT,eAAe,EACf,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,SAAS,GAAG,CAAC,KAA+B,EAAE,EAAE;IACpD,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,eAAK,SAAS,EAAC,oDAAoD,aACjE,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACf,cAAK,SAAS,EAAC,qCAAqC,YAClD,KAAC,eAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,OAAO,QACP,gBAAgB,EAAC,QAAQ,EACzB,kBAAkB,EAAC,eAAe,YAElC,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,uBAE5C,GACC,GACd,EACN,MAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EACL,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;wBACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC,sBAGc,aAGnB,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  FilledButton,\n  OutlinedButton,\n  Spotlight,\n  SpotlightTarget,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { useEffect } from 'react';\n\nconst Component = (props: { isChromatic: boolean }) => {\n  const { themeClassName } = useNeedleTheme();\n  const { setIsOpen, setActiveSpotlight } = useSpotlightContext();\n\n  const targetId = `test-target-${themeClassName}`;\n\n  useEffect(() => {\n    if (props.isChromatic) {\n      setActiveSpotlight(targetId);\n      setIsOpen(true);\n    }\n  }, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);\n\n  return (\n    <div className=\"n-flex n-justify-center n-gap-token-64 n-h-[100px]\">\n      <FilledButton onClick={() => setActiveSpotlight(targetId)}>\n        Activate Spotlight\n      </FilledButton>\n      <div className=\"n-left-[auto] n-top-[110px] n-fixed\">\n        <SpotlightTarget\n          id={targetId}\n          hasPulse={!props.isChromatic}\n          asChild\n          indicatorVariant=\"border\"\n          indicatorPlacement=\"middle-middle\"\n        >\n          <FilledButton onClick={() => alert('Target button clicked')}>\n            Target\n          </FilledButton>\n        </SpotlightTarget>\n      </div>\n      <Spotlight\n        placement=\"bottom-end-top-end\"\n        target={targetId}\n        actions={\n          <OutlinedButton\n            onClick={() => {\n              setIsOpen(false);\n              setActiveSpotlight(null);\n            }}\n          >\n            Close\n          </OutlinedButton>\n        }\n      >\n        <Spotlight.Header>This is a header</Spotlight.Header>\n        <Spotlight.Body>This is content</Spotlight.Body>\n      </Spotlight>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"spotlight-fixed-positioning.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-fixed-positioning.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,SAAS,EACT,eAAe,EACf,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,SAAS,GAAG,CAAC,KAA+B,EAAE,EAAE;IACpD,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,eAAK,SAAS,EAAC,oDAAoD,aACjE,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACf,cAAK,SAAS,EAAC,qCAAqC,YAClD,KAAC,eAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,OAAO,QACP,gBAAgB,EAAC,QAAQ,EACzB,kBAAkB,EAAC,eAAe,YAElC,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,uBAE5C,GACC,GACd,EACN,MAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EACL,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;wBACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC,sBAGc,aAGnB,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  FilledButton,\n  OutlinedButton,\n  Spotlight,\n  SpotlightTarget,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { useEffect } from 'react';\n\nconst Component = (props: { isChromatic: boolean }) => {\n  const { themeClassName } = useNeedleTheme();\n  const { setIsOpen, setActiveSpotlight } = useSpotlightContext();\n\n  const targetId = `test-target-${themeClassName}`;\n\n  useEffect(() => {\n    if (props.isChromatic) {\n      setActiveSpotlight(targetId);\n      setIsOpen(true);\n    }\n  }, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);\n\n  return (\n    <div className=\"n-flex n-justify-center n-gap-token-64 n-h-[100px]\">\n      <FilledButton onClick={() => setActiveSpotlight(targetId)}>\n        Activate Spotlight\n      </FilledButton>\n      <div className=\"n-left-[auto] n-top-[110px] n-fixed\">\n        <SpotlightTarget\n          id={targetId}\n          hasPulse={!props.isChromatic}\n          asChild\n          indicatorVariant=\"border\"\n          indicatorPlacement=\"middle-middle\"\n        >\n          <FilledButton onClick={() => alert('Target button clicked')}>\n            Target\n          </FilledButton>\n        </SpotlightTarget>\n      </div>\n      <Spotlight\n        placement=\"bottom-end-top-end\"\n        target={targetId}\n        actions={\n          <OutlinedButton\n            onClick={() => {\n              setIsOpen(false);\n              setActiveSpotlight(null);\n            }}\n          >\n            Close\n          </OutlinedButton>\n        }\n      >\n        <Spotlight.Header>This is a header</Spotlight.Header>\n        <Spotlight.Body>This is content</Spotlight.Body>\n      </Spotlight>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/spotlight/stories/spotlight-in-dialog.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/spotlight/stories/spotlight-in-dialog.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"spotlight-in-dialog.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-in-dialog.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,MAAM,EACN,YAAY,EACZ,cAAc,EACd,SAAS,EACT,eAAe,EACf,UAAU,EACV,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,SAAS,GAAG,CAAC,KAA+B,EAAE,EAAE;IACpD,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,WAAW,CAAC,CAAC;IAC3E,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,IAAI,WAAW,EAAE,CAAC;YACrC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,4BAElC,EACf,MAAC,MAAM,IACL,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACpC,SAAS,EAAE,cAAc,aAEzB,KAAC,MAAM,CAAC,MAAM,kDAAgD,EAC9D,MAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,kCAAkC,aAC1D,MAAC,UAAU,IAAC,OAAO,EAAC,aAAa,wLAI/B,iDAAgC,sBACrB,EACb,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACf,KAAC,eAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,OAAO,QACP,gBAAgB,EAAC,QAAQ,YAEzB,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,uBAE5C,GACC,IACd,IACS,EACjB,MAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EACL,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;gCACZ,SAAS,CAAC,KAAK,CAAC,CAAC;gCACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;4BAC3B,CAAC,sBAGc,aAGnB,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACL,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  Dialog,\n  FilledButton,\n  OutlinedButton,\n  Spotlight,\n  SpotlightTarget,\n  Typography,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { useEffect, useState } from 'react';\n\nconst Component = (props: { isChromatic: boolean }) => {\n  const { themeClassName } = useNeedleTheme();\n  const { setIsOpen, setActiveSpotlight } = useSpotlightContext();\n\n  const [isModalOpen, setIsModalOpen] = useState<boolean>(props.isChromatic);\n  const targetId = `test-target-${themeClassName}`;\n\n  useEffect(() => {\n    if (props.isChromatic && isModalOpen) {\n      setActiveSpotlight(targetId);\n      setIsOpen(true);\n    }\n  }, [isModalOpen, setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);\n\n  return (\n    <div className=\"n-flex n-justify-center n-gap-token-64\">\n      <FilledButton onClick={() => setIsModalOpen(true)}>\n        Open Dialog\n      </FilledButton>\n      <Dialog\n        isOpen={isModalOpen}\n        onClose={() => setIsModalOpen(false)}\n        className={themeClassName}\n      >\n        <Dialog.Header>Using Spotlight inside a dialog</Dialog.Header>\n        <Dialog.Content className=\"n-flex n-flex-col n-gap-token-32\">\n          <Typography variant=\"body-medium\">\n            Spotlight and SpotlightTarget should behave automatically correct\n            when used inside a dialog. If positioning is not on top of\n            everything, you might want to override the\n            <code>--spotlight-z-index</code> css variable.\n          </Typography>\n          <div className=\"n-flex n-justify-center n-gap-token-64\">\n            <FilledButton onClick={() => setActiveSpotlight(targetId)}>\n              Activate Spotlight\n            </FilledButton>\n            <SpotlightTarget\n              id={targetId}\n              hasPulse={!props.isChromatic}\n              asChild\n              indicatorVariant=\"border\"\n            >\n              <FilledButton onClick={() => alert('Target button clicked')}>\n                Target\n              </FilledButton>\n            </SpotlightTarget>\n          </div>\n        </Dialog.Content>\n        <Spotlight\n          placement=\"bottom-end-top-end\"\n          target={targetId}\n          actions={\n            <OutlinedButton\n              onClick={() => {\n                setIsOpen(false);\n                setActiveSpotlight(null);\n              }}\n            >\n              Close\n            </OutlinedButton>\n          }\n        >\n          <Spotlight.Header>This is a header</Spotlight.Header>\n          <Spotlight.Body>This is content</Spotlight.Body>\n        </Spotlight>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"spotlight-in-dialog.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-in-dialog.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,MAAM,EACN,YAAY,EACZ,cAAc,EACd,SAAS,EACT,eAAe,EACf,UAAU,EACV,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,SAAS,GAAG,CAAC,KAA+B,EAAE,EAAE;IACpD,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,WAAW,CAAC,CAAC;IAC3E,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,IAAI,WAAW,EAAE,CAAC;YACrC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,4BAElC,EACf,MAAC,MAAM,IACL,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACpC,SAAS,EAAE,cAAc,aAEzB,KAAC,MAAM,CAAC,MAAM,kDAAgD,EAC9D,MAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,kCAAkC,aAC1D,MAAC,UAAU,IAAC,OAAO,EAAC,aAAa,wLAI/B,iDAAgC,sBACrB,EACb,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACf,KAAC,eAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,OAAO,QACP,gBAAgB,EAAC,QAAQ,YAEzB,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,uBAE5C,GACC,IACd,IACS,EACjB,MAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EACL,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;gCACZ,SAAS,CAAC,KAAK,CAAC,CAAC;gCACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;4BAC3B,CAAC,sBAGc,aAGnB,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACL,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  Dialog,\n  FilledButton,\n  OutlinedButton,\n  Spotlight,\n  SpotlightTarget,\n  Typography,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { useEffect, useState } from 'react';\n\nconst Component = (props: { isChromatic: boolean }) => {\n  const { themeClassName } = useNeedleTheme();\n  const { setIsOpen, setActiveSpotlight } = useSpotlightContext();\n\n  const [isModalOpen, setIsModalOpen] = useState<boolean>(props.isChromatic);\n  const targetId = `test-target-${themeClassName}`;\n\n  useEffect(() => {\n    if (props.isChromatic && isModalOpen) {\n      setActiveSpotlight(targetId);\n      setIsOpen(true);\n    }\n  }, [isModalOpen, setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);\n\n  return (\n    <div className=\"n-flex n-justify-center n-gap-token-64\">\n      <FilledButton onClick={() => setIsModalOpen(true)}>\n        Open Dialog\n      </FilledButton>\n      <Dialog\n        isOpen={isModalOpen}\n        onClose={() => setIsModalOpen(false)}\n        className={themeClassName}\n      >\n        <Dialog.Header>Using Spotlight inside a dialog</Dialog.Header>\n        <Dialog.Content className=\"n-flex n-flex-col n-gap-token-32\">\n          <Typography variant=\"body-medium\">\n            Spotlight and SpotlightTarget should behave automatically correct\n            when used inside a dialog. If positioning is not on top of\n            everything, you might want to override the\n            <code>--spotlight-z-index</code> css variable.\n          </Typography>\n          <div className=\"n-flex n-justify-center n-gap-token-64\">\n            <FilledButton onClick={() => setActiveSpotlight(targetId)}>\n              Activate Spotlight\n            </FilledButton>\n            <SpotlightTarget\n              id={targetId}\n              hasPulse={!props.isChromatic}\n              asChild\n              indicatorVariant=\"border\"\n            >\n              <FilledButton onClick={() => alert('Target button clicked')}>\n                Target\n              </FilledButton>\n            </SpotlightTarget>\n          </div>\n        </Dialog.Content>\n        <Spotlight\n          placement=\"bottom-end-top-end\"\n          target={targetId}\n          actions={\n            <OutlinedButton\n              onClick={() => {\n                setIsOpen(false);\n                setActiveSpotlight(null);\n              }}\n            >\n              Close\n            </OutlinedButton>\n          }\n        >\n          <Spotlight.Header>This is a header</Spotlight.Header>\n          <Spotlight.Body>This is content</Spotlight.Body>\n        </Spotlight>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/spotlight/stories/spotlight-in-side-nav.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/spotlight/stories/spotlight-in-side-nav.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"spotlight-in-side-nav.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-in-side-nav.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,cAAc,EACd,SAAS,EACT,eAAe,EACf,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,SAAS,GAAG,CAAC,KAA+B,EAAE,EAAE;IACpD,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,kBAAkB,EAAE,SAAS,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,mBAAmB,CACpB,CAAC;IACF,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE;QACnC,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,eAAK,SAAS,EAAC,oBAAoB,aACjC,MAAC,cAAc,IAAC,UAAU,EAAE,IAAI,EAAE,SAAS,EAAC,sBAAsB,aAChE,KAAC,cAAc,CAAC,cAAc,yBAAuC,EACrE,KAAC,cAAc,CAAC,QAAQ,cACtB,KAAC,cAAc,CAAC,OAAO,IACrB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAC/C,QAAQ,EAAE,UAAU,KAAK,mBAAmB,EAC5C,KAAK,EAAC,WAAW,GACjB,GACsB,EAC1B,KAAC,cAAc,CAAC,QAAQ,cACtB,KAAC,cAAc,CAAC,OAAO,IACrB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAC7C,QAAQ,EAAE,UAAU,KAAK,iBAAiB,EAC1C,KAAK,EAAC,SAAS,GACf,GACsB,EAC1B,KAAC,cAAc,CAAC,QAAQ,cACtB,KAAC,cAAc,CAAC,OAAO,IACrB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAC5C,QAAQ,EAAE,UAAU,KAAK,gBAAgB,EACzC,KAAK,EAAC,QAAQ,GACd,GACsB,EAC1B,KAAC,cAAc,CAAC,QAAQ,cACtB,KAAC,eAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,YAAY,EAAE,CAAC,EACf,gBAAgB,EAAC,OAAO,EACxB,kBAAkB,EAAC,WAAW,EAC9B,OAAO,kBAEP,KAAC,cAAc,CAAC,OAAO,IACrB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,oBAAoB,CAAC,EAChD,QAAQ,EAAE,UAAU,KAAK,oBAAoB,EAC7C,KAAK,EAAC,YAAY,GAClB,GACc,GACM,EAC1B,KAAC,cAAc,CAAC,cAAc,yBAAuC,EACrE,KAAC,cAAc,CAAC,QAAQ,cACtB,KAAC,cAAc,CAAC,OAAO,IACrB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAC/C,QAAQ,EAAE,UAAU,KAAK,mBAAmB,EAC5C,KAAK,EAAC,WAAW,GACjB,GACsB,EAC1B,KAAC,cAAc,CAAC,QAAQ,cACtB,KAAC,cAAc,CAAC,OAAO,IACrB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,yBAAyB,CAAC,EACrD,QAAQ,EAAE,UAAU,KAAK,yBAAyB,EAClD,KAAK,EAAC,iBAAiB,GACvB,GACsB,IACX,EACjB,cAAK,SAAS,EAAC,+FAA+F,YAC5G,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,GACX,EACN,MAAC,SAAS,IACR,SAAS,EAAC,mBAAmB,EAC7B,MAAM,EAAE,QAAQ,EAChB,OAAO,EACL,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;wBACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC,sBAGc,aAGnB,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  FilledButton,\n  OutlinedButton,\n  SideNavigation,\n  Spotlight,\n  SpotlightTarget,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { useEffect, useState } from 'react';\n\nconst Component = (props: { isChromatic: boolean }) => {\n  const { themeClassName } = useNeedleTheme();\n  const { setActiveSpotlight, setIsOpen } = useSpotlightContext();\n\n  const [isSelected, setIsSelected] = useState<string | null>(\n    'aura-db-instances',\n  );\n  const targetId = `test-target-${themeClassName}`;\n\n  const handleClick = (item: string) => {\n    setIsSelected(item);\n  };\n\n  useEffect(() => {\n    if (props.isChromatic) {\n      setActiveSpotlight(targetId);\n      setIsOpen(true);\n    }\n  }, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);\n\n  return (\n    <div className=\"n-h-[500px] n-flex\">\n      <SideNavigation isExpanded={true} ariaLabel=\"Main side navigation\">\n        <SideNavigation.CategoryHeader>AuraDB</SideNavigation.CategoryHeader>\n        <SideNavigation.ListItem>\n          <SideNavigation.NavItem\n            onClick={() => handleClick('aura-db-instances')}\n            isActive={isSelected === 'aura-db-instances'}\n            label=\"Instances\"\n          />\n        </SideNavigation.ListItem>\n        <SideNavigation.ListItem>\n          <SideNavigation.NavItem\n            onClick={() => handleClick('aura-db-connect')}\n            isActive={isSelected === 'aura-db-connect'}\n            label=\"Connect\"\n          />\n        </SideNavigation.ListItem>\n        <SideNavigation.ListItem>\n          <SideNavigation.NavItem\n            onClick={() => handleClick('aura-db-python')}\n            isActive={isSelected === 'aura-db-python'}\n            label=\"Python\"\n          />\n        </SideNavigation.ListItem>\n        <SideNavigation.ListItem>\n          <SpotlightTarget\n            id={targetId}\n            hasPulse={!props.isChromatic}\n            borderRadius={4}\n            indicatorVariant=\"point\"\n            indicatorPlacement=\"top-right\"\n            asChild\n          >\n            <SideNavigation.NavItem\n              onClick={() => handleClick('aura-db-javascript')}\n              isActive={isSelected === 'aura-db-javascript'}\n              label=\"JavaScript\"\n            />\n          </SpotlightTarget>\n        </SideNavigation.ListItem>\n        <SideNavigation.CategoryHeader>AuraDS</SideNavigation.CategoryHeader>\n        <SideNavigation.ListItem>\n          <SideNavigation.NavItem\n            onClick={() => handleClick('aura-ds-instances')}\n            isActive={isSelected === 'aura-ds-instances'}\n            label=\"Instances\"\n          />\n        </SideNavigation.ListItem>\n        <SideNavigation.ListItem>\n          <SideNavigation.NavItem\n            onClick={() => handleClick('aura-ds-getting-started')}\n            isActive={isSelected === 'aura-ds-getting-started'}\n            label=\"Getting Started\"\n          />\n        </SideNavigation.ListItem>\n      </SideNavigation>\n      <div className=\"n-w-full n-h-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md n-p-token-16\">\n        <FilledButton onClick={() => setActiveSpotlight(targetId)}>\n          Activate Spotlight\n        </FilledButton>\n      </div>\n      <Spotlight\n        placement=\"top-end-top-start\"\n        target={targetId}\n        actions={\n          <OutlinedButton\n            onClick={() => {\n              setIsOpen(false);\n              setActiveSpotlight(null);\n            }}\n          >\n            Close\n          </OutlinedButton>\n        }\n      >\n        <Spotlight.Header>This is a header</Spotlight.Header>\n        <Spotlight.Body>This is content</Spotlight.Body>\n      </Spotlight>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"spotlight-in-side-nav.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-in-side-nav.story.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  FilledButton,\n  OutlinedButton,\n  SideNavigation,\n  Spotlight,\n  SpotlightTarget,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { useEffect, useState } from 'react';\n\nconst Component = (props: { isChromatic: boolean }) => {\n  const { themeClassName } = useNeedleTheme();\n  const { setActiveSpotlight, setIsOpen } = useSpotlightContext();\n\n  const [isSelected, setIsSelected] = useState<string | null>(\n    'aura-db-instances',\n  );\n  const targetId = `test-target-${themeClassName}`;\n\n  const handleClick = (item: string) => {\n    setIsSelected(item);\n  };\n\n  useEffect(() => {\n    if (props.isChromatic) {\n      setActiveSpotlight(targetId);\n      setIsOpen(true);\n    }\n  }, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);\n\n  return (\n    <div className=\"n-h-[500px] n-flex\">\n      <SideNavigation isExpanded={true} ariaLabel=\"Main side navigation\">\n        <SideNavigation.CategoryHeader>AuraDB</SideNavigation.CategoryHeader>\n        <SideNavigation.ListItem>\n          <SideNavigation.NavItem\n            onClick={() => handleClick('aura-db-instances')}\n            isActive={isSelected === 'aura-db-instances'}\n            label=\"Instances\"\n          />\n        </SideNavigation.ListItem>\n        <SideNavigation.ListItem>\n          <SideNavigation.NavItem\n            onClick={() => handleClick('aura-db-connect')}\n            isActive={isSelected === 'aura-db-connect'}\n            label=\"Connect\"\n          />\n        </SideNavigation.ListItem>\n        <SideNavigation.ListItem>\n          <SideNavigation.NavItem\n            onClick={() => handleClick('aura-db-python')}\n            isActive={isSelected === 'aura-db-python'}\n            label=\"Python\"\n          />\n        </SideNavigation.ListItem>\n        <SideNavigation.ListItem>\n          <SpotlightTarget\n            id={targetId}\n            hasPulse={!props.isChromatic}\n            borderRadius={4}\n            indicatorVariant=\"point\"\n            indicatorPlacement=\"top-right\"\n            asChild\n          >\n            <SideNavigation.NavItem\n              onClick={() => handleClick('aura-db-javascript')}\n              isActive={isSelected === 'aura-db-javascript'}\n              label=\"JavaScript\"\n            />\n          </SpotlightTarget>\n        </SideNavigation.ListItem>\n        <SideNavigation.CategoryHeader>AuraDS</SideNavigation.CategoryHeader>\n        <SideNavigation.ListItem>\n          <SideNavigation.NavItem\n            onClick={() => handleClick('aura-ds-instances')}\n            isActive={isSelected === 'aura-ds-instances'}\n            label=\"Instances\"\n          />\n        </SideNavigation.ListItem>\n        <SideNavigation.ListItem>\n          <SideNavigation.NavItem\n            onClick={() => handleClick('aura-ds-getting-started')}\n            isActive={isSelected === 'aura-ds-getting-started'}\n            label=\"Getting Started\"\n          />\n        </SideNavigation.ListItem>\n      </SideNavigation>\n      <div className=\"n-w-full n-h-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md n-p-token-16\">\n        <FilledButton onClick={() => setActiveSpotlight(targetId)}>\n          Activate Spotlight\n        </FilledButton>\n      </div>\n      <Spotlight\n        placement=\"top-end-top-start\"\n        target={targetId}\n        actions={\n          <OutlinedButton\n            onClick={() => {\n              setIsOpen(false);\n              setActiveSpotlight(null);\n            }}\n          >\n            Close\n          </OutlinedButton>\n        }\n      >\n        <Spotlight.Header>This is a header</Spotlight.Header>\n        <Spotlight.Body>This is content</Spotlight.Body>\n      </Spotlight>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/spotlight/stories/spotlight-on-tabs.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/spotlight/stories/spotlight-on-tabs.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"spotlight-on-tabs.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-on-tabs.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,SAAS,EACT,eAAe,EACf,IAAI,EACJ,UAAU,EACV,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,GAAG,IAAI,EAA0B,EAAE,EAAE;IAChE,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAChE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAEhD,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACf,0BACE,MAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,aAC5C,KAAC,eAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,CAAC,EACf,gBAAgB,EAAC,OAAO,YAExB,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,GACjB,EAClB,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,IAC5B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAC,GAAG,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAC,GAAG,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAC,GAAG,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,EACN,MAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EACL,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;wBACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC,sBAGc,aAGnB,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  FilledButton,\n  OutlinedButton,\n  Spotlight,\n  SpotlightTarget,\n  Tabs,\n  Typography,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = ({ hasPulse = true }: { hasPulse?: boolean }) => {\n  const { themeClassName } = useNeedleTheme();\n  const { setIsOpen, setActiveSpotlight } = useSpotlightContext();\n  const [tabsValue, setTabsValue] = useState('0');\n\n  const targetId = `test-target-${themeClassName}`;\n\n  return (\n    <div className=\"n-flex n-justify-center n-gap-token-10\">\n      <FilledButton onClick={() => setActiveSpotlight(targetId)}>\n        Activate Spotlight\n      </FilledButton>\n      <div>\n        <Tabs value={tabsValue} onChange={setTabsValue}>\n          <SpotlightTarget\n            id={targetId}\n            hasPulse={hasPulse}\n            borderRadius={4}\n            indicatorVariant=\"point\"\n          >\n            <Tabs.Tab id=\"0\">Tab 1</Tabs.Tab>\n          </SpotlightTarget>\n          <Tabs.Tab id=\"1\">Tab 2</Tabs.Tab>\n          <Tabs.Tab id=\"2\">Tab 3</Tabs.Tab>\n        </Tabs>\n        <Tabs.TabPanel className=\"n-p-token-4\" value={tabsValue} tabId=\"0\">\n          <Typography variant=\"body-medium\">Tab 1 content</Typography>\n        </Tabs.TabPanel>\n        <Tabs.TabPanel className=\"n-p-token-4\" value={tabsValue} tabId=\"1\">\n          <Typography variant=\"body-medium\">Tab 2 content</Typography>\n        </Tabs.TabPanel>\n        <Tabs.TabPanel className=\"n-p-token-4\" value={tabsValue} tabId=\"2\">\n          <Typography variant=\"body-medium\">Tab 3 content</Typography>\n        </Tabs.TabPanel>\n      </div>\n      <Spotlight\n        placement=\"bottom-end-top-end\"\n        target={targetId}\n        actions={\n          <OutlinedButton\n            onClick={() => {\n              setIsOpen(false);\n              setActiveSpotlight(null);\n            }}\n          >\n            Close\n          </OutlinedButton>\n        }\n      >\n        <Spotlight.Header>This is a header</Spotlight.Header>\n        <Spotlight.Body>This is content</Spotlight.Body>\n      </Spotlight>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"spotlight-on-tabs.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-on-tabs.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,SAAS,EACT,eAAe,EACf,IAAI,EACJ,UAAU,EACV,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,GAAG,IAAI,EAA0B,EAAE,EAAE;IAChE,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAChE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAEhD,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACf,0BACE,MAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,aAC5C,KAAC,eAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,CAAC,EACf,gBAAgB,EAAC,OAAO,YAExB,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,GACjB,EAClB,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,EACjC,KAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,GAAG,sBAAiB,IAC5B,EACP,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAC,GAAG,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAC,GAAG,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,EAChB,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAC,GAAG,YAChE,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8BAA2B,GAC9C,IACZ,EACN,MAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EACL,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;wBACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC,sBAGc,aAGnB,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  FilledButton,\n  OutlinedButton,\n  Spotlight,\n  SpotlightTarget,\n  Tabs,\n  Typography,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = ({ hasPulse = true }: { hasPulse?: boolean }) => {\n  const { themeClassName } = useNeedleTheme();\n  const { setIsOpen, setActiveSpotlight } = useSpotlightContext();\n  const [tabsValue, setTabsValue] = useState('0');\n\n  const targetId = `test-target-${themeClassName}`;\n\n  return (\n    <div className=\"n-flex n-justify-center n-gap-token-10\">\n      <FilledButton onClick={() => setActiveSpotlight(targetId)}>\n        Activate Spotlight\n      </FilledButton>\n      <div>\n        <Tabs value={tabsValue} onChange={setTabsValue}>\n          <SpotlightTarget\n            id={targetId}\n            hasPulse={hasPulse}\n            borderRadius={4}\n            indicatorVariant=\"point\"\n          >\n            <Tabs.Tab id=\"0\">Tab 1</Tabs.Tab>\n          </SpotlightTarget>\n          <Tabs.Tab id=\"1\">Tab 2</Tabs.Tab>\n          <Tabs.Tab id=\"2\">Tab 3</Tabs.Tab>\n        </Tabs>\n        <Tabs.TabPanel className=\"n-p-token-4\" value={tabsValue} tabId=\"0\">\n          <Typography variant=\"body-medium\">Tab 1 content</Typography>\n        </Tabs.TabPanel>\n        <Tabs.TabPanel className=\"n-p-token-4\" value={tabsValue} tabId=\"1\">\n          <Typography variant=\"body-medium\">Tab 2 content</Typography>\n        </Tabs.TabPanel>\n        <Tabs.TabPanel className=\"n-p-token-4\" value={tabsValue} tabId=\"2\">\n          <Typography variant=\"body-medium\">Tab 3 content</Typography>\n        </Tabs.TabPanel>\n      </div>\n      <Spotlight\n        placement=\"bottom-end-top-end\"\n        target={targetId}\n        actions={\n          <OutlinedButton\n            onClick={() => {\n              setIsOpen(false);\n              setActiveSpotlight(null);\n            }}\n          >\n            Close\n          </OutlinedButton>\n        }\n      >\n        <Spotlight.Header>This is a header</Spotlight.Header>\n        <Spotlight.Body>This is content</Spotlight.Body>\n      </Spotlight>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/spotlight/stories/spotlight-tour.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/spotlight/stories/spotlight-tour.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"spotlight-tour.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-tour.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,SAAS,EACT,eAAe,EACf,aAAa,EACb,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAErD,OAAO,CACL,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,iBAAiB,cAAc,EAAE,CAAC,2BAGrD,EACjB,KAAC,eAAe,IAAC,EAAE,EAAE,iBAAiB,cAAc,EAAE,EAAE,QAAQ,QAAC,OAAO,kBACtE,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,yBAEvC,GACC,EAClB,KAAC,eAAe,IAAC,EAAE,EAAE,iBAAiB,cAAc,EAAE,EAAE,QAAQ,QAAC,OAAO,kBACtE,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,yBAEvC,GACC,EAClB,KAAC,eAAe,IAAC,EAAE,EAAE,iBAAiB,cAAc,EAAE,EAAE,QAAQ,QAAC,OAAO,kBACtE,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,yBAEvC,GACC,EAClB,KAAC,aAAa,IACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,CAC3B,OAAO,CAAC,IAAI,CAAC,UAAU,MAAM,+BAA+B,MAAM,EAAE,CAAC,EAEvE,UAAU,EAAE;oBACV;wBACE,QAAQ,EAAE,CACR,8BACE,KAAC,SAAS,CAAC,KAAK,sBAAsB,EACtC,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IAC/C,CACJ;wBACD,MAAM,EAAE,iBAAiB,cAAc,EAAE;qBAC1C;oBACD;wBACE,QAAQ,EAAE,CACR,8BACE,KAAC,SAAS,CAAC,WAAW,cACpB,KAAC,sBAAsB,KAAG,GACJ,EACxB,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IAC/C,CACJ;wBACD,MAAM,EAAE,iBAAiB,cAAc,EAAE;qBAC1C;oBACD;wBACE,QAAQ,EAAE,CACR,8BACE,KAAC,SAAS,CAAC,KAAK,IACd,GAAG,EAAC,wVAAwV,EAC5V,GAAG,EAAC,eAAe,GACnB,EACF,KAAC,SAAS,CAAC,IAAI,kCAAiC,IAC/C,CACJ;wBACD,MAAM,EAAE,iBAAiB,cAAc,EAAE;qBAC1C;iBACF,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  FilledButton,\n  OutlinedButton,\n  Spotlight,\n  SpotlightTarget,\n  SpotlightTour,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { FingerPrintIconOutline } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  const { themeClassName } = useNeedleTheme();\n  const { setActiveSpotlight } = useSpotlightContext();\n\n  return (\n    <div className=\"n-flex n-justify-center n-gap-token-64\">\n      <OutlinedButton\n        onClick={() => setActiveSpotlight(`test-target-1-${themeClassName}`)}\n      >\n        Start tour\n      </OutlinedButton>\n      <SpotlightTarget id={`test-target-1-${themeClassName}`} hasPulse asChild>\n        <FilledButton onClick={() => alert('Target 1 clicked')}>\n          Target 1\n        </FilledButton>\n      </SpotlightTarget>\n      <SpotlightTarget id={`test-target-2-${themeClassName}`} hasPulse asChild>\n        <FilledButton onClick={() => alert('Target 2 clicked')}>\n          Target 2\n        </FilledButton>\n      </SpotlightTarget>\n      <SpotlightTarget id={`test-target-3-${themeClassName}`} hasPulse asChild>\n        <FilledButton onClick={() => alert('Target 3 clicked')}>\n          Target 3\n        </FilledButton>\n      </SpotlightTarget>\n      <SpotlightTour\n        onAction={(target, action) =>\n          console.info(`Action ${action} was performed in spotlight ${target}`)\n        }\n        spotlights={[\n          {\n            children: (\n              <>\n                <Spotlight.Label>NEW</Spotlight.Label>\n                <Spotlight.Header>This is a header</Spotlight.Header>\n                <Spotlight.Body>This is content</Spotlight.Body>\n              </>\n            ),\n            target: `test-target-1-${themeClassName}`,\n          },\n          {\n            children: (\n              <>\n                <Spotlight.IconWrapper>\n                  <FingerPrintIconOutline />\n                </Spotlight.IconWrapper>\n                <Spotlight.Header>This is a header</Spotlight.Header>\n                <Spotlight.Body>This is content</Spotlight.Body>\n              </>\n            ),\n            target: `test-target-2-${themeClassName}`,\n          },\n          {\n            children: (\n              <>\n                <Spotlight.Image\n                  src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjY2NjIi8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxNCIgZmlsbD0iIzMzMyIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZHk9Ii4zZW0iPkV4YW1wbGUgSW1hZ2U8L3RleHQ+PC9zdmc+\"\n                  alt=\"example image\"\n                />\n                <Spotlight.Body>This is content</Spotlight.Body>\n              </>\n            ),\n            target: `test-target-3-${themeClassName}`,\n          },\n        ]}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"spotlight-tour.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-tour.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,SAAS,EACT,eAAe,EACf,aAAa,EACb,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAErD,OAAO,CACL,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,iBAAiB,cAAc,EAAE,CAAC,2BAGrD,EACjB,KAAC,eAAe,IAAC,EAAE,EAAE,iBAAiB,cAAc,EAAE,EAAE,QAAQ,QAAC,OAAO,kBACtE,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,yBAEvC,GACC,EAClB,KAAC,eAAe,IAAC,EAAE,EAAE,iBAAiB,cAAc,EAAE,EAAE,QAAQ,QAAC,OAAO,kBACtE,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,yBAEvC,GACC,EAClB,KAAC,eAAe,IAAC,EAAE,EAAE,iBAAiB,cAAc,EAAE,EAAE,QAAQ,QAAC,OAAO,kBACtE,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,yBAEvC,GACC,EAClB,KAAC,aAAa,IACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,CAC3B,OAAO,CAAC,IAAI,CAAC,UAAU,MAAM,+BAA+B,MAAM,EAAE,CAAC,EAEvE,UAAU,EAAE;oBACV;wBACE,QAAQ,EAAE,CACR,8BACE,KAAC,SAAS,CAAC,KAAK,sBAAsB,EACtC,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IAC/C,CACJ;wBACD,MAAM,EAAE,iBAAiB,cAAc,EAAE;qBAC1C;oBACD;wBACE,QAAQ,EAAE,CACR,8BACE,KAAC,SAAS,CAAC,WAAW,cACpB,KAAC,sBAAsB,KAAG,GACJ,EACxB,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IAC/C,CACJ;wBACD,MAAM,EAAE,iBAAiB,cAAc,EAAE;qBAC1C;oBACD;wBACE,QAAQ,EAAE,CACR,8BACE,KAAC,SAAS,CAAC,KAAK,IACd,GAAG,EAAC,wVAAwV,EAC5V,GAAG,EAAC,eAAe,GACnB,EACF,KAAC,SAAS,CAAC,IAAI,kCAAiC,IAC/C,CACJ;wBACD,MAAM,EAAE,iBAAiB,cAAc,EAAE;qBAC1C;iBACF,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  FilledButton,\n  OutlinedButton,\n  Spotlight,\n  SpotlightTarget,\n  SpotlightTour,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { FingerPrintIconOutline } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  const { themeClassName } = useNeedleTheme();\n  const { setActiveSpotlight } = useSpotlightContext();\n\n  return (\n    <div className=\"n-flex n-justify-center n-gap-token-64\">\n      <OutlinedButton\n        onClick={() => setActiveSpotlight(`test-target-1-${themeClassName}`)}\n      >\n        Start tour\n      </OutlinedButton>\n      <SpotlightTarget id={`test-target-1-${themeClassName}`} hasPulse asChild>\n        <FilledButton onClick={() => alert('Target 1 clicked')}>\n          Target 1\n        </FilledButton>\n      </SpotlightTarget>\n      <SpotlightTarget id={`test-target-2-${themeClassName}`} hasPulse asChild>\n        <FilledButton onClick={() => alert('Target 2 clicked')}>\n          Target 2\n        </FilledButton>\n      </SpotlightTarget>\n      <SpotlightTarget id={`test-target-3-${themeClassName}`} hasPulse asChild>\n        <FilledButton onClick={() => alert('Target 3 clicked')}>\n          Target 3\n        </FilledButton>\n      </SpotlightTarget>\n      <SpotlightTour\n        onAction={(target, action) =>\n          console.info(`Action ${action} was performed in spotlight ${target}`)\n        }\n        spotlights={[\n          {\n            children: (\n              <>\n                <Spotlight.Label>NEW</Spotlight.Label>\n                <Spotlight.Header>This is a header</Spotlight.Header>\n                <Spotlight.Body>This is content</Spotlight.Body>\n              </>\n            ),\n            target: `test-target-1-${themeClassName}`,\n          },\n          {\n            children: (\n              <>\n                <Spotlight.IconWrapper>\n                  <FingerPrintIconOutline />\n                </Spotlight.IconWrapper>\n                <Spotlight.Header>This is a header</Spotlight.Header>\n                <Spotlight.Body>This is content</Spotlight.Body>\n              </>\n            ),\n            target: `test-target-2-${themeClassName}`,\n          },\n          {\n            children: (\n              <>\n                <Spotlight.Image\n                  src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjY2NjIi8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxNCIgZmlsbD0iIzMzMyIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZHk9Ii4zZW0iPkV4YW1wbGUgSW1hZ2U8L3RleHQ+PC9zdmc+\"\n                  alt=\"example image\"\n                />\n                <Spotlight.Body>This is content</Spotlight.Body>\n              </>\n            ),\n            target: `test-target-3-${themeClassName}`,\n          },\n        ]}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/spotlight/stories/spotlight-with-icon.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/spotlight/stories/spotlight-with-icon.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"spotlight-with-icon.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-with-icon.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,SAAS,EACT,eAAe,EACf,UAAU,EACV,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,SAAS,GAAG,CAAC,KAA+B,EAAE,EAAE;IACpD,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACf,KAAC,eAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,gBAAgB,EAAC,QAAQ,EACzB,OAAO,kBAEP,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,uBAE5C,GACG,EAClB,MAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EACL,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;wBACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC,sBAGc,aAGnB,KAAC,SAAS,CAAC,WAAW,cACpB,KAAC,sBAAsB,KAAG,GACJ,EACxB,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  FilledButton,\n  OutlinedButton,\n  Spotlight,\n  SpotlightTarget,\n  TextButton,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { FingerPrintIconOutline } from '@neo4j-ndl/react/icons';\nimport { useEffect } from 'react';\n\nconst Component = (props: { isChromatic: boolean }) => {\n  const { themeClassName } = useNeedleTheme();\n  const { setIsOpen, setActiveSpotlight } = useSpotlightContext();\n\n  const targetId = `test-target-${themeClassName}`;\n\n  useEffect(() => {\n    if (props.isChromatic) {\n      setActiveSpotlight(targetId);\n      setIsOpen(true);\n    }\n  }, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);\n\n  return (\n    <div className=\"n-flex n-justify-center n-gap-token-64\">\n      <FilledButton onClick={() => setActiveSpotlight(targetId)}>\n        Activate Spotlight\n      </FilledButton>\n      <SpotlightTarget\n        id={targetId}\n        hasPulse={!props.isChromatic}\n        indicatorVariant=\"border\"\n        asChild\n      >\n        <TextButton onClick={() => alert('Target button clicked')}>\n          Target\n        </TextButton>\n      </SpotlightTarget>\n      <Spotlight\n        placement=\"bottom-end-top-end\"\n        target={targetId}\n        actions={\n          <OutlinedButton\n            onClick={() => {\n              setIsOpen(false);\n              setActiveSpotlight(null);\n            }}\n          >\n            Close\n          </OutlinedButton>\n        }\n      >\n        <Spotlight.IconWrapper>\n          <FingerPrintIconOutline />\n        </Spotlight.IconWrapper>\n        <Spotlight.Header>This is a header</Spotlight.Header>\n        <Spotlight.Body>This is content</Spotlight.Body>\n      </Spotlight>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"spotlight-with-icon.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-with-icon.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,SAAS,EACT,eAAe,EACf,UAAU,EACV,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,SAAS,GAAG,CAAC,KAA+B,EAAE,EAAE;IACpD,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACf,KAAC,eAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,gBAAgB,EAAC,QAAQ,EACzB,OAAO,kBAEP,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,uBAE5C,GACG,EAClB,MAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EACL,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;wBACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC,sBAGc,aAGnB,KAAC,SAAS,CAAC,WAAW,cACpB,KAAC,sBAAsB,KAAG,GACJ,EACxB,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  FilledButton,\n  OutlinedButton,\n  Spotlight,\n  SpotlightTarget,\n  TextButton,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { FingerPrintIconOutline } from '@neo4j-ndl/react/icons';\nimport { useEffect } from 'react';\n\nconst Component = (props: { isChromatic: boolean }) => {\n  const { themeClassName } = useNeedleTheme();\n  const { setIsOpen, setActiveSpotlight } = useSpotlightContext();\n\n  const targetId = `test-target-${themeClassName}`;\n\n  useEffect(() => {\n    if (props.isChromatic) {\n      setActiveSpotlight(targetId);\n      setIsOpen(true);\n    }\n  }, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);\n\n  return (\n    <div className=\"n-flex n-justify-center n-gap-token-64\">\n      <FilledButton onClick={() => setActiveSpotlight(targetId)}>\n        Activate Spotlight\n      </FilledButton>\n      <SpotlightTarget\n        id={targetId}\n        hasPulse={!props.isChromatic}\n        indicatorVariant=\"border\"\n        asChild\n      >\n        <TextButton onClick={() => alert('Target button clicked')}>\n          Target\n        </TextButton>\n      </SpotlightTarget>\n      <Spotlight\n        placement=\"bottom-end-top-end\"\n        target={targetId}\n        actions={\n          <OutlinedButton\n            onClick={() => {\n              setIsOpen(false);\n              setActiveSpotlight(null);\n            }}\n          >\n            Close\n          </OutlinedButton>\n        }\n      >\n        <Spotlight.IconWrapper>\n          <FingerPrintIconOutline />\n        </Spotlight.IconWrapper>\n        <Spotlight.Header>This is a header</Spotlight.Header>\n        <Spotlight.Body>This is content</Spotlight.Body>\n      </Spotlight>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/spotlight/stories/spotlight-with-image.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/spotlight/stories/spotlight-with-image.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"spotlight-with-image.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-with-image.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,SAAS,EACT,eAAe,EACf,UAAU,EACV,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,SAAS,GAAG,CAAC,KAA+B,EAAE,EAAE;IACpD,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACf,KAAC,eAAe,IAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,OAAO,kBAClE,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,uBAE5C,GACG,EAClB,MAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EACL,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;wBACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC,sBAGc,aAGnB,KAAC,SAAS,CAAC,KAAK,IACd,GAAG,EAAC,wVAAwV,EAC5V,GAAG,EAAC,eAAe,GACnB,EACF,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  FilledButton,\n  OutlinedButton,\n  Spotlight,\n  SpotlightTarget,\n  TextButton,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { useEffect } from 'react';\n\nconst Component = (props: { isChromatic: boolean }) => {\n  const { themeClassName } = useNeedleTheme();\n  const { setIsOpen, setActiveSpotlight } = useSpotlightContext();\n\n  const targetId = `test-target-${themeClassName}`;\n\n  useEffect(() => {\n    if (props.isChromatic) {\n      setActiveSpotlight(targetId);\n      setIsOpen(true);\n    }\n  }, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);\n\n  return (\n    <div className=\"n-flex n-justify-center n-gap-token-64\">\n      <FilledButton onClick={() => setActiveSpotlight(targetId)}>\n        Activate Spotlight\n      </FilledButton>\n      <SpotlightTarget id={targetId} hasPulse={!props.isChromatic} asChild>\n        <TextButton onClick={() => alert('Target button clicked')}>\n          Target\n        </TextButton>\n      </SpotlightTarget>\n      <Spotlight\n        placement=\"bottom-end-top-end\"\n        target={targetId}\n        actions={\n          <OutlinedButton\n            onClick={() => {\n              setIsOpen(false);\n              setActiveSpotlight(null);\n            }}\n          >\n            Close\n          </OutlinedButton>\n        }\n      >\n        <Spotlight.Image\n          src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjY2NjIi8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxNCIgZmlsbD0iIzMzMyIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZHk9Ii4zZW0iPkV4YW1wbGUgSW1hZ2U8L3RleHQ+PC9zdmc+\"\n          alt=\"example image\"\n        />\n        <Spotlight.Header>This is a header</Spotlight.Header>\n        <Spotlight.Body>This is content</Spotlight.Body>\n      </Spotlight>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"spotlight-with-image.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-with-image.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,SAAS,EACT,eAAe,EACf,UAAU,EACV,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,SAAS,GAAG,CAAC,KAA+B,EAAE,EAAE;IACpD,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACf,KAAC,eAAe,IAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,OAAO,kBAClE,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,uBAE5C,GACG,EAClB,MAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EACL,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;wBACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC,sBAGc,aAGnB,KAAC,SAAS,CAAC,KAAK,IACd,GAAG,EAAC,wVAAwV,EAC5V,GAAG,EAAC,eAAe,GACnB,EACF,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  FilledButton,\n  OutlinedButton,\n  Spotlight,\n  SpotlightTarget,\n  TextButton,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { useEffect } from 'react';\n\nconst Component = (props: { isChromatic: boolean }) => {\n  const { themeClassName } = useNeedleTheme();\n  const { setIsOpen, setActiveSpotlight } = useSpotlightContext();\n\n  const targetId = `test-target-${themeClassName}`;\n\n  useEffect(() => {\n    if (props.isChromatic) {\n      setActiveSpotlight(targetId);\n      setIsOpen(true);\n    }\n  }, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);\n\n  return (\n    <div className=\"n-flex n-justify-center n-gap-token-64\">\n      <FilledButton onClick={() => setActiveSpotlight(targetId)}>\n        Activate Spotlight\n      </FilledButton>\n      <SpotlightTarget id={targetId} hasPulse={!props.isChromatic} asChild>\n        <TextButton onClick={() => alert('Target button clicked')}>\n          Target\n        </TextButton>\n      </SpotlightTarget>\n      <Spotlight\n        placement=\"bottom-end-top-end\"\n        target={targetId}\n        actions={\n          <OutlinedButton\n            onClick={() => {\n              setIsOpen(false);\n              setActiveSpotlight(null);\n            }}\n          >\n            Close\n          </OutlinedButton>\n        }\n      >\n        <Spotlight.Image\n          src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjY2NjIi8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxNCIgZmlsbD0iIzMzMyIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZHk9Ii4zZW0iPkV4YW1wbGUgSW1hZ2U8L3RleHQ+PC9zdmc+\"\n          alt=\"example image\"\n        />\n        <Spotlight.Header>This is a header</Spotlight.Header>\n        <Spotlight.Body>This is content</Spotlight.Body>\n      </Spotlight>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/spotlight/stories/spotlight-with-label.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/spotlight/stories/spotlight-with-label.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"spotlight-with-label.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-with-label.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,SAAS,EACT,eAAe,EACf,UAAU,EACV,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,SAAS,GAAG,CAAC,KAA+B,EAAE,EAAE;IACpD,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACf,KAAC,eAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,gBAAgB,EAAC,QAAQ,EACzB,OAAO,kBAEP,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,uBAE5C,GACG,EAClB,MAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EACL,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;wBACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC,sBAGc,aAGnB,KAAC,SAAS,CAAC,KAAK,sBAAsB,EACtC,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  FilledButton,\n  OutlinedButton,\n  Spotlight,\n  SpotlightTarget,\n  TextButton,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { useEffect } from 'react';\n\nconst Component = (props: { isChromatic: boolean }) => {\n  const { themeClassName } = useNeedleTheme();\n  const { setIsOpen, setActiveSpotlight } = useSpotlightContext();\n\n  const targetId = `test-target-${themeClassName}`;\n\n  useEffect(() => {\n    if (props.isChromatic) {\n      setActiveSpotlight(targetId);\n      setIsOpen(true);\n    }\n  }, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);\n\n  return (\n    <div className=\"n-flex n-justify-center n-gap-token-64\">\n      <FilledButton onClick={() => setActiveSpotlight(targetId)}>\n        Activate Spotlight\n      </FilledButton>\n      <SpotlightTarget\n        id={targetId}\n        hasPulse={!props.isChromatic}\n        indicatorVariant=\"border\"\n        asChild\n      >\n        <TextButton onClick={() => alert('Target button clicked')}>\n          Target\n        </TextButton>\n      </SpotlightTarget>\n      <Spotlight\n        placement=\"bottom-end-top-end\"\n        target={targetId}\n        actions={\n          <OutlinedButton\n            onClick={() => {\n              setIsOpen(false);\n              setActiveSpotlight(null);\n            }}\n          >\n            Close\n          </OutlinedButton>\n        }\n      >\n        <Spotlight.Label>NEW</Spotlight.Label>\n        <Spotlight.Header>This is a header</Spotlight.Header>\n        <Spotlight.Body>This is content</Spotlight.Body>\n      </Spotlight>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"spotlight-with-label.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-with-label.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,SAAS,EACT,eAAe,EACf,UAAU,EACV,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,SAAS,GAAG,CAAC,KAA+B,EAAE,EAAE;IACpD,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACf,KAAC,eAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,gBAAgB,EAAC,QAAQ,EACzB,OAAO,kBAEP,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,uBAE5C,GACG,EAClB,MAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EACL,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;wBACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC,sBAGc,aAGnB,KAAC,SAAS,CAAC,KAAK,sBAAsB,EACtC,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  FilledButton,\n  OutlinedButton,\n  Spotlight,\n  SpotlightTarget,\n  TextButton,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { useEffect } from 'react';\n\nconst Component = (props: { isChromatic: boolean }) => {\n  const { themeClassName } = useNeedleTheme();\n  const { setIsOpen, setActiveSpotlight } = useSpotlightContext();\n\n  const targetId = `test-target-${themeClassName}`;\n\n  useEffect(() => {\n    if (props.isChromatic) {\n      setActiveSpotlight(targetId);\n      setIsOpen(true);\n    }\n  }, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);\n\n  return (\n    <div className=\"n-flex n-justify-center n-gap-token-64\">\n      <FilledButton onClick={() => setActiveSpotlight(targetId)}>\n        Activate Spotlight\n      </FilledButton>\n      <SpotlightTarget\n        id={targetId}\n        hasPulse={!props.isChromatic}\n        indicatorVariant=\"border\"\n        asChild\n      >\n        <TextButton onClick={() => alert('Target button clicked')}>\n          Target\n        </TextButton>\n      </SpotlightTarget>\n      <Spotlight\n        placement=\"bottom-end-top-end\"\n        target={targetId}\n        actions={\n          <OutlinedButton\n            onClick={() => {\n              setIsOpen(false);\n              setActiveSpotlight(null);\n            }}\n          >\n            Close\n          </OutlinedButton>\n        }\n      >\n        <Spotlight.Label>NEW</Spotlight.Label>\n        <Spotlight.Header>This is a header</Spotlight.Header>\n        <Spotlight.Body>This is content</Spotlight.Body>\n      </Spotlight>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/spotlight/stories/spotlight-with-pointer.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/spotlight/stories/spotlight-with-pointer.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"spotlight-with-pointer.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-with-pointer.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,SAAS,EACT,eAAe,EACf,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,SAAS,GAAG,CAAC,KAA+B,EAAE,EAAE;IACpD,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACf,KAAC,eAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,OAAO,QACP,gBAAgB,EAAC,OAAO,EACxB,kBAAkB,EAAC,WAAW,YAE9B,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,uBAE5C,GACC,EAClB,MAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EACL,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;wBACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC,sBAGc,aAGnB,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  FilledButton,\n  OutlinedButton,\n  Spotlight,\n  SpotlightTarget,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { useEffect } from 'react';\n\nconst Component = (props: { isChromatic: boolean }) => {\n  const { themeClassName } = useNeedleTheme();\n  const { setIsOpen, setActiveSpotlight } = useSpotlightContext();\n\n  const targetId = `test-target-${themeClassName}`;\n\n  useEffect(() => {\n    if (props.isChromatic) {\n      setActiveSpotlight(targetId);\n      setIsOpen(true);\n    }\n  }, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);\n\n  return (\n    <div className=\"n-flex n-justify-center n-gap-token-64\">\n      <FilledButton onClick={() => setActiveSpotlight(targetId)}>\n        Activate Spotlight\n      </FilledButton>\n      <SpotlightTarget\n        id={targetId}\n        hasPulse={!props.isChromatic}\n        asChild\n        indicatorVariant=\"point\"\n        indicatorPlacement=\"top-right\"\n      >\n        <FilledButton onClick={() => alert('Target button clicked')}>\n          Target\n        </FilledButton>\n      </SpotlightTarget>\n      <Spotlight\n        placement=\"bottom-end-top-end\"\n        target={targetId}\n        actions={\n          <OutlinedButton\n            onClick={() => {\n              setIsOpen(false);\n              setActiveSpotlight(null);\n            }}\n          >\n            Close\n          </OutlinedButton>\n        }\n      >\n        <Spotlight.Header>This is a header</Spotlight.Header>\n        <Spotlight.Body>This is content</Spotlight.Body>\n      </Spotlight>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"spotlight-with-pointer.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-with-pointer.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,SAAS,EACT,eAAe,EACf,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,SAAS,GAAG,CAAC,KAA+B,EAAE,EAAE;IACpD,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACf,KAAC,eAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,OAAO,QACP,gBAAgB,EAAC,OAAO,EACxB,kBAAkB,EAAC,WAAW,YAE9B,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,uBAE5C,GACC,EAClB,MAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EACL,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;wBACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC,sBAGc,aAGnB,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  FilledButton,\n  OutlinedButton,\n  Spotlight,\n  SpotlightTarget,\n  useNeedleTheme,\n  useSpotlightContext,\n} from '@neo4j-ndl/react';\nimport { useEffect } from 'react';\n\nconst Component = (props: { isChromatic: boolean }) => {\n  const { themeClassName } = useNeedleTheme();\n  const { setIsOpen, setActiveSpotlight } = useSpotlightContext();\n\n  const targetId = `test-target-${themeClassName}`;\n\n  useEffect(() => {\n    if (props.isChromatic) {\n      setActiveSpotlight(targetId);\n      setIsOpen(true);\n    }\n  }, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);\n\n  return (\n    <div className=\"n-flex n-justify-center n-gap-token-64\">\n      <FilledButton onClick={() => setActiveSpotlight(targetId)}>\n        Activate Spotlight\n      </FilledButton>\n      <SpotlightTarget\n        id={targetId}\n        hasPulse={!props.isChromatic}\n        asChild\n        indicatorVariant=\"point\"\n        indicatorPlacement=\"top-right\"\n      >\n        <FilledButton onClick={() => alert('Target button clicked')}>\n          Target\n        </FilledButton>\n      </SpotlightTarget>\n      <Spotlight\n        placement=\"bottom-end-top-end\"\n        target={targetId}\n        actions={\n          <OutlinedButton\n            onClick={() => {\n              setIsOpen(false);\n              setActiveSpotlight(null);\n            }}\n          >\n            Close\n          </OutlinedButton>\n        }\n      >\n        <Spotlight.Header>This is a header</Spotlight.Header>\n        <Spotlight.Body>This is content</Spotlight.Body>\n      </Spotlight>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/spotlight/use-indicator.js

@@ -1,4 +1,4 @@
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/spotlight/use-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-indicator.js","sourceRoot":"","sources":["../../../src/spotlight/use-indicator.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 {\n  autoUpdate,\n  type ElementRects,\n  offset,\n  useFloating,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport { useMemo } from 'react';\n\nexport type IndicatorVariant = 'border' | 'point';\n\ninterface IndicatorOptions {\n  isOpen: boolean;\n  indicatorVariant?: IndicatorVariant;\n  indicatorPlacement?: IndicatorPlacement;\n  targetRef: React.RefObject<HTMLElement | undefined | null>;\n  hasPulse?: boolean;\n  hasAnchorPortal?: boolean;\n}\n\ninterface UseIndicatorReturn extends ReturnType<typeof useFloating> {\n  style: React.CSSProperties;\n  indicatorClasses?: string;\n  hasAnchorPortal?: boolean;\n}\n\nexport type IndicatorPlacement =\n  | 'top-left'\n  | 'top-middle'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-middle'\n  | 'bottom-right'\n  | 'middle-left'\n  | 'middle-middle'\n  | 'middle-right';\n\nconst crossAxisMult: Record<string, number> = {\n  left: -1,\n  middle: 0,\n  right: 1,\n};\n\nconst calcOffset = (\n  variant: IndicatorVariant,\n  placement: IndicatorPlacement,\n  rects: ElementRects,\n) => {\n  if (variant === 'border') {\n    // Border variant is always centered around the middle point\n    return {\n      crossAxis: 0,\n      mainAxis: -rects.reference.height / 2 - rects.floating.height / 2,\n    };\n  }\n\n  const [mainAxisPlacement, crossAxisPlacement] = placement.split('-');\n  /** Note for future reference:\n   * Main axis (vertical) is zero at the bottom border of the target.\n   * Cross axis (horizontal) is zero at the middle of the target\n   * */\n\n  let mainAxis = 0;\n  if (mainAxisPlacement === 'bottom') {\n    // put the indicator one height of the point above the bottom border of the target\n    mainAxis = -2 * rects.floating.height;\n  } else if (mainAxisPlacement === 'middle') {\n    // put the indicator in the middle of the target\n    mainAxis = -rects.reference.height / 2 - rects.floating.height / 2;\n  } else if (mainAxisPlacement === 'top') {\n    // put the indicator one height of the point below the top border of the target\n    mainAxis = -rects.reference.height + rects.floating.height;\n  }\n\n  return {\n    crossAxis:\n      crossAxisMult[crossAxisPlacement] *\n      (rects.reference.width / 2 - rects.floating.width * 1.5),\n    mainAxis,\n  };\n};\n\nconst getComputedBorderRadius = (\n  element: HTMLElement | null | undefined,\n): string | undefined => {\n  if (!element) {\n    return undefined;\n  }\n\n  // First check if there's an inline style\n  if (element.style.borderRadius) {\n    return element.style.borderRadius;\n  }\n\n  // If no inline style, get the computed style (includes CSS classes)\n  const computedStyle = window.getComputedStyle(element);\n  const borderRadius = computedStyle.borderRadius;\n\n  // Return undefined if border-radius is '0px' or empty\n  return borderRadius && borderRadius !== '0px' ? borderRadius : undefined;\n};\n\nexport function useIndicator({\n  isOpen,\n  indicatorVariant = 'border',\n  indicatorPlacement = 'top-right',\n  targetRef,\n  hasPulse = true,\n}: IndicatorOptions): UseIndicatorReturn {\n  const data = useFloating({\n    elements: {\n      reference: targetRef?.current,\n    },\n    middleware: [\n      offset(({ rects }) =>\n        calcOffset(indicatorVariant, indicatorPlacement, rects),\n      ),\n    ],\n    open: isOpen,\n    placement: 'bottom',\n    whileElementsMounted: autoUpdate,\n  });\n\n  return useMemo(\n    () => ({\n      ...data,\n      indicatorClasses: classNames('ndl-spotlight-target-indicator', {\n        'ndl-spotlight-target-indicator-border': indicatorVariant === 'border',\n        'ndl-spotlight-target-indicator-point': indicatorVariant === 'point',\n        'ndl-spotlight-target-pulse': hasPulse,\n      }),\n      style: {\n        borderRadius:\n          indicatorVariant === 'border'\n            ? getComputedBorderRadius(targetRef?.current)\n            : '50%',\n        height:\n          indicatorVariant === 'border'\n            ? `${targetRef?.current?.clientHeight ?? 0}px`\n            : '8px',\n        width:\n          indicatorVariant === 'border'\n            ? `${targetRef?.current?.clientWidth ?? 0}px`\n            : '8px',\n      },\n    }),\n    [data, indicatorVariant, targetRef, hasPulse],\n  );\n}\n"]}
+{"version":3,"file":"use-indicator.js","sourceRoot":"","sources":["../../../src/spotlight/use-indicator.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 {\n  autoUpdate,\n  type ElementRects,\n  offset,\n  useFloating,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport { useMemo } from 'react';\n\nexport type IndicatorVariant = 'border' | 'point';\n\ninterface IndicatorOptions {\n  isOpen: boolean;\n  indicatorVariant?: IndicatorVariant;\n  indicatorPlacement?: IndicatorPlacement;\n  targetRef: React.RefObject<HTMLElement | undefined | null>;\n  hasPulse?: boolean;\n  hasAnchorPortal?: boolean;\n}\n\ninterface UseIndicatorReturn extends ReturnType<typeof useFloating> {\n  style: React.CSSProperties;\n  indicatorClasses?: string;\n  hasAnchorPortal?: boolean;\n}\n\nexport type IndicatorPlacement =\n  | 'top-left'\n  | 'top-middle'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-middle'\n  | 'bottom-right'\n  | 'middle-left'\n  | 'middle-middle'\n  | 'middle-right';\n\nconst crossAxisMult: Record<string, number> = {\n  left: -1,\n  middle: 0,\n  right: 1,\n};\n\nconst calcOffset = (\n  variant: IndicatorVariant,\n  placement: IndicatorPlacement,\n  rects: ElementRects,\n) => {\n  if (variant === 'border') {\n    // Border variant is always centered around the middle point\n    return {\n      crossAxis: 0,\n      mainAxis: -rects.reference.height / 2 - rects.floating.height / 2,\n    };\n  }\n\n  const [mainAxisPlacement, crossAxisPlacement] = placement.split('-');\n  /** Note for future reference:\n   * Main axis (vertical) is zero at the bottom border of the target.\n   * Cross axis (horizontal) is zero at the middle of the target\n   * */\n\n  let mainAxis = 0;\n  if (mainAxisPlacement === 'bottom') {\n    // put the indicator one height of the point above the bottom border of the target\n    mainAxis = -2 * rects.floating.height;\n  } else if (mainAxisPlacement === 'middle') {\n    // put the indicator in the middle of the target\n    mainAxis = -rects.reference.height / 2 - rects.floating.height / 2;\n  } else if (mainAxisPlacement === 'top') {\n    // put the indicator one height of the point below the top border of the target\n    mainAxis = -rects.reference.height + rects.floating.height;\n  }\n\n  return {\n    crossAxis:\n      crossAxisMult[crossAxisPlacement] *\n      (rects.reference.width / 2 - rects.floating.width * 1.5),\n    mainAxis,\n  };\n};\n\nconst getComputedBorderRadius = (\n  element: HTMLElement | null | undefined,\n): string | undefined => {\n  if (!element) {\n    return undefined;\n  }\n\n  // First check if there's an inline style\n  if (element.style.borderRadius) {\n    return element.style.borderRadius;\n  }\n\n  // If no inline style, get the computed style (includes CSS classes)\n  const computedStyle = window.getComputedStyle(element);\n  const borderRadius = computedStyle.borderRadius;\n\n  // Return undefined if border-radius is '0px' or empty\n  return borderRadius && borderRadius !== '0px' ? borderRadius : undefined;\n};\n\nexport function useIndicator({\n  isOpen,\n  indicatorVariant = 'border',\n  indicatorPlacement = 'top-right',\n  targetRef,\n  hasPulse = true,\n}: IndicatorOptions): UseIndicatorReturn {\n  const data = useFloating({\n    elements: {\n      reference: targetRef?.current,\n    },\n    middleware: [\n      offset(({ rects }) =>\n        calcOffset(indicatorVariant, indicatorPlacement, rects),\n      ),\n    ],\n    open: isOpen,\n    placement: 'bottom',\n    whileElementsMounted: autoUpdate,\n  });\n\n  return useMemo(\n    () => ({\n      ...data,\n      indicatorClasses: classNames('ndl-spotlight-target-indicator', {\n        'ndl-spotlight-target-indicator-border': indicatorVariant === 'border',\n        'ndl-spotlight-target-indicator-point': indicatorVariant === 'point',\n        'ndl-spotlight-target-pulse': hasPulse,\n      }),\n      style: {\n        borderRadius:\n          indicatorVariant === 'border'\n            ? getComputedBorderRadius(targetRef?.current)\n            : '50%',\n        height:\n          indicatorVariant === 'border'\n            ? `${targetRef?.current?.clientHeight ?? 0}px`\n            : '8px',\n        width:\n          indicatorVariant === 'border'\n            ? `${targetRef?.current?.clientWidth ?? 0}px`\n            : '8px',\n      },\n    }),\n    [data, indicatorVariant, targetRef, hasPulse],\n  );\n}\n"]}

package/lib/esm/spotlight/use-spotlight.js

@@ -1,4 +1,4 @@
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]