@neo4j-ndl/react 4.9.14 → 4.9.15

package/lib/cjs/popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/popover/Popover.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  FloatingFocusManager,\n  FloatingPortal,\n  type OffsetOptions,\n  type Placement,\n  useMergeRefs,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport React from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { useNeedleTheme } from '../theme/ThemeProvider';\nimport { usePopover } from './use-popover';\nimport { usePatchFloatingFocusGuards } from './usePatchFloatingFocusGuards';\n\ntype PlacementOptions =\n  | 'bottom-end-top-end'\n  | 'bottom-start-top-start'\n  | 'bottom-middle-top-middle'\n  | 'top-end-bottom-end'\n  | 'top-start-bottom-start'\n  | 'top-middle-bottom-middle'\n  | 'bottom-start-bottom-end'\n  | 'top-start-top-end'\n  | 'middle-start-middle-end'\n  | 'bottom-end-bottom-start'\n  | 'top-end-top-start'\n  | 'middle-end-middle-start';\n\nexport const placementTranslation: Record<PlacementOptions, Placement> = {\n  'bottom-end-bottom-start': 'right-end',\n  'bottom-end-top-end': 'bottom-end',\n  'bottom-middle-top-middle': 'bottom',\n  'bottom-start-bottom-end': 'left-end',\n  'bottom-start-top-start': 'bottom-start',\n  'middle-end-middle-start': 'right',\n  'middle-start-middle-end': 'left',\n  'top-end-bottom-end': 'top-end',\n  'top-end-top-start': 'right-start',\n  'top-middle-bottom-middle': 'top',\n  'top-start-bottom-start': 'top-start',\n  'top-start-top-end': 'left-start',\n};\ntype PopoverProps = {\n  /** if the popover is open */\n  isOpen?: boolean;\n  /** The content of the popover */\n  children?: React.ReactNode;\n  /** Can be used if the anchor should be separated from the trigger */\n  anchorElement?: Element | null;\n  /** If the anchorPosition is provided the anchorElement will be ignored */\n  anchorPosition?: {\n    x: number;\n    y: number;\n  };\n  /** The placement of the floating element is determined by two sets of words. The first set of words specifies the point on the anchor element where the floating element will be attached. The second set of coordinates specifies the point on the floating element that will attach to the anchor element.*/\n  placement?: PlacementOptions;\n  /** can take either a number, an object or a function. Full documentation here:  https://floating-ui.com/docs/offset   */\n  offset?: OffsetOptions;\n  /**  Called when the floating element is opened or closed */\n  onOpenChange?: (isOpen: boolean, event?: Event) => void;\n  /** Use anchorEl for portal's container. Should be used if the popover is portaled and is inside a Dialog for example. */\n  hasAnchorPortal?: boolean;\n  /** If the popover should constrain the focus inside the popover while open */\n  shouldCaptureFocus?: boolean;\n  /** Which element to initially focus. **/\n  initialFocus?: number | React.RefObject<HTMLElement | null>;\n  /** The role of the popover */\n  role?:\n    | 'tooltip'\n    | 'dialog'\n    | 'alertdialog'\n    | 'menu'\n    | 'listbox'\n    | 'grid'\n    | 'tree';\n  /** If the popover should close when the user clicks outside of it */\n  closeOnClickOutside?: boolean;\n  /** The strategy of the popover. Fixed should be used when the popover is inside a Dialog. */\n  strategy?: 'fixed' | 'absolute';\n  /** Whether the content is rendered in a portal */\n  isPortaled?: boolean;\n};\n\ntype ContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<ContextType>(null);\n\nexport const usePopoverContext = () => {\n  const context = React.useContext(PopoverContext);\n\n  if (context === null) {\n    throw new Error('Popover components must be wrapped in <Popover />');\n  }\n\n  return context;\n};\n\nconst PopoverComponent = ({\n  children,\n  anchorElement,\n  placement,\n  isOpen,\n  offset,\n  anchorPosition,\n  hasAnchorPortal: hasAnchorPortalProp,\n  shouldCaptureFocus = false,\n  initialFocus,\n  onOpenChange,\n  role,\n  closeOnClickOutside = true,\n  isPortaled: isPortaledProp,\n  strategy: strategyProp,\n}: PopoverProps) => {\n  const isInsideDialog = useIsInsideDialog();\n\n  const strategy = isInsideDialog ? 'fixed' : 'absolute';\n  const hasAnchorPortal = isInsideDialog;\n  const isPortaled = !isInsideDialog;\n\n  const popover = usePopover({\n    anchorElement: anchorElement,\n    anchorElementAsPortalAnchor: hasAnchorPortalProp ?? hasAnchorPortal,\n    anchorPosition,\n    closeOnClickOutside,\n    initialFocus,\n    isOpen: isOpen,\n    isPortaled: isPortaledProp ?? isPortaled,\n    offsetOption: offset,\n    onOpenChange: onOpenChange,\n    placement: placement ? placementTranslation[placement] : undefined,\n    role,\n    shouldCaptureFocus: shouldCaptureFocus,\n    strategy: strategyProp ?? strategy,\n  });\n\n  return (\n    <PopoverContext.Provider value={popover}>\n      {children}\n    </PopoverContext.Provider>\n  );\n};\n\ntype PopoverTriggerProps = {\n  /** The content of the trigger */\n  children: React.ReactNode;\n  /** Whether the trigger should render a button element, or pass its props to the child element */\n  hasButtonWrapper?: boolean;\n};\n\nconst PopoverTrigger = ({\n  children,\n  hasButtonWrapper = false,\n  ref,\n  ...props\n}: CommonProps<'button', PopoverTriggerProps>) => {\n  const context = usePopoverContext();\n  // Example from floating UI\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  const childrenProps = (children as any).props;\n  const mergedRefs = useMergeRefs([\n    context.refs.setReference,\n    ref,\n    childrenProps?.ref,\n  ]);\n\n  // `hasButtonWrapper` allows the user to pass any element as the anchor\n  if (hasButtonWrapper && React.isValidElement(children)) {\n    return React.cloneElement(\n      children,\n      context.getReferenceProps({\n        ...props,\n        ...childrenProps,\n        'data-state': context.isOpen ? 'open' : 'closed',\n        ref: mergedRefs,\n      }),\n    );\n  }\n  return (\n    <button\n      ref={context.refs.setReference}\n      type=\"button\"\n      data-state={context.isOpen ? 'open' : 'closed'}\n      {...context.getReferenceProps(props)}\n    >\n      {children}\n    </button>\n  );\n};\n\ntype PopoverContentProps = {\n  children: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nconst PopoverContent = <T extends React.ElementType = 'div'>({\n  as,\n  className,\n  style,\n  children,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, PopoverContentProps>) => {\n  const { context: floatingContext, ...context } = usePopoverContext();\n\n  const refs = useMergeRefs([context.refs.setFloating, ref]);\n\n  const { themeClassName } = useNeedleTheme();\n\n  const classes = classNames('ndl-popover', themeClassName, className);\n  const Component: React.ElementType = as ?? 'div';\n\n  // Patch to not get axe errors for the focus guards\n  // To be noted is that axe gives us a false positive error here since the focus guards directly pass focus to other elements\n  // https://github.com/floating-ui/floating-ui/issues/2462\n  usePatchFloatingFocusGuards();\n\n  if (!floatingContext.open) {\n    return null;\n  }\n\n  return (\n    <ConditionalWrap\n      shouldWrap={context.isPortaled}\n      wrap={(wrapChildren) => (\n        <FloatingPortal\n          root={\n            (context.anchorElementAsPortalAnchor ?? false)\n              ? (context.refs.reference.current as HTMLElement | null)\n              : undefined\n          }\n        >\n          {wrapChildren}\n        </FloatingPortal>\n      )}\n    >\n      <FloatingFocusManager\n        context={floatingContext}\n        modal={context.shouldCaptureFocus}\n        initialFocus={context.initialFocus}\n      >\n        <Component\n          className={classes}\n          aria-labelledby={context.labelId}\n          aria-describedby={context.descriptionId}\n          style={{\n            ...context.floatingStyles,\n            ...context.transitionStyles,\n            ...style,\n          }}\n          ref={refs}\n          {...context.getFloatingProps({ ...htmlAttributes })}\n          {...restProps}\n        >\n          {children}\n        </Component>\n      </FloatingFocusManager>\n    </ConditionalWrap>\n  );\n};\n\nconst Popover = Object.assign(PopoverComponent, {\n  Content: PopoverContent,\n  Trigger: PopoverTrigger,\n});\n\nexport { Popover };\n"]}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/popover/Popover.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  FloatingFocusManager,\n  FloatingPortal,\n  type OffsetOptions,\n  type Placement,\n  useMergeRefs,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport React from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { useNeedleTheme } from '../theme/ThemeProvider';\nimport { usePopover } from './use-popover';\nimport { usePatchFloatingFocusGuards } from './usePatchFloatingFocusGuards';\n\ntype PlacementOptions =\n  | 'bottom-end-top-end'\n  | 'bottom-start-top-start'\n  | 'bottom-middle-top-middle'\n  | 'top-end-bottom-end'\n  | 'top-start-bottom-start'\n  | 'top-middle-bottom-middle'\n  | 'bottom-start-bottom-end'\n  | 'top-start-top-end'\n  | 'middle-start-middle-end'\n  | 'bottom-end-bottom-start'\n  | 'top-end-top-start'\n  | 'middle-end-middle-start';\n\nexport const placementTranslation: Record<PlacementOptions, Placement> = {\n  'bottom-end-bottom-start': 'right-end',\n  'bottom-end-top-end': 'bottom-end',\n  'bottom-middle-top-middle': 'bottom',\n  'bottom-start-bottom-end': 'left-end',\n  'bottom-start-top-start': 'bottom-start',\n  'middle-end-middle-start': 'right',\n  'middle-start-middle-end': 'left',\n  'top-end-bottom-end': 'top-end',\n  'top-end-top-start': 'right-start',\n  'top-middle-bottom-middle': 'top',\n  'top-start-bottom-start': 'top-start',\n  'top-start-top-end': 'left-start',\n};\ntype PopoverProps = {\n  /** if the popover is open */\n  isOpen?: boolean;\n  /** The content of the popover */\n  children?: React.ReactNode;\n  /** Can be used if the anchor should be separated from the trigger */\n  anchorElement?: Element | null;\n  /** If the anchorPosition is provided the anchorElement will be ignored */\n  anchorPosition?: {\n    x: number;\n    y: number;\n  };\n  /** The placement of the floating element is determined by two sets of words. The first set of words specifies the point on the anchor element where the floating element will be attached. The second set of coordinates specifies the point on the floating element that will attach to the anchor element.*/\n  placement?: PlacementOptions;\n  /** can take either a number, an object or a function. Full documentation here:  https://floating-ui.com/docs/offset   */\n  offset?: OffsetOptions;\n  /** Called when an internal state change is triggered, when the floating element either opens or closes. It is not called when `isOpen` is updated by the consumer. */\n  onOpenChange?: (isOpen: boolean, event?: Event) => void;\n  /** Use anchorEl for portal's container. Should be used if the popover is portaled and is inside a Dialog for example. */\n  hasAnchorPortal?: boolean;\n  /** If the popover should constrain the focus inside the popover while open */\n  shouldCaptureFocus?: boolean;\n  /** Which element to initially focus. **/\n  initialFocus?: number | React.RefObject<HTMLElement | null>;\n  /** The role of the popover */\n  role?:\n    | 'tooltip'\n    | 'dialog'\n    | 'alertdialog'\n    | 'menu'\n    | 'listbox'\n    | 'grid'\n    | 'tree';\n  /** If the popover should close when the user clicks outside of it */\n  closeOnClickOutside?: boolean;\n  /** The strategy of the popover. Fixed should be used when the popover is inside a Dialog. */\n  strategy?: 'fixed' | 'absolute';\n  /** Whether the content is rendered in a portal */\n  isPortaled?: boolean;\n};\n\ntype ContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<ContextType>(null);\n\nexport const usePopoverContext = () => {\n  const context = React.useContext(PopoverContext);\n\n  if (context === null) {\n    throw new Error('Popover components must be wrapped in <Popover />');\n  }\n\n  return context;\n};\n\nconst PopoverComponent = ({\n  children,\n  anchorElement,\n  placement,\n  isOpen,\n  offset,\n  anchorPosition,\n  hasAnchorPortal: hasAnchorPortalProp,\n  shouldCaptureFocus = false,\n  initialFocus,\n  onOpenChange,\n  role,\n  closeOnClickOutside = true,\n  isPortaled: isPortaledProp,\n  strategy: strategyProp,\n}: PopoverProps) => {\n  const isInsideDialog = useIsInsideDialog();\n\n  const strategy = isInsideDialog ? 'fixed' : 'absolute';\n  const hasAnchorPortal = isInsideDialog;\n  const isPortaled = !isInsideDialog;\n\n  const popover = usePopover({\n    anchorElement: anchorElement,\n    anchorElementAsPortalAnchor: hasAnchorPortalProp ?? hasAnchorPortal,\n    anchorPosition,\n    closeOnClickOutside,\n    initialFocus,\n    isOpen: isOpen,\n    isPortaled: isPortaledProp ?? isPortaled,\n    offsetOption: offset,\n    onOpenChange: onOpenChange,\n    placement: placement ? placementTranslation[placement] : undefined,\n    role,\n    shouldCaptureFocus: shouldCaptureFocus,\n    strategy: strategyProp ?? strategy,\n  });\n\n  return (\n    <PopoverContext.Provider value={popover}>\n      {children}\n    </PopoverContext.Provider>\n  );\n};\n\ntype PopoverTriggerProps = {\n  /** The content of the trigger */\n  children: React.ReactNode;\n  /** Whether the trigger should render a button element, or pass its props to the child element */\n  hasButtonWrapper?: boolean;\n};\n\nconst PopoverTrigger = ({\n  children,\n  hasButtonWrapper = false,\n  ref,\n  ...props\n}: CommonProps<'button', PopoverTriggerProps>) => {\n  const context = usePopoverContext();\n  // Example from floating UI\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  const childrenProps = (children as any).props;\n  const mergedRefs = useMergeRefs([\n    context.refs.setReference,\n    ref,\n    childrenProps?.ref,\n  ]);\n\n  // `hasButtonWrapper` allows the user to pass any element as the anchor\n  if (hasButtonWrapper && React.isValidElement(children)) {\n    return React.cloneElement(\n      children,\n      context.getReferenceProps({\n        ...props,\n        ...childrenProps,\n        'data-state': context.isOpen ? 'open' : 'closed',\n        ref: mergedRefs,\n      }),\n    );\n  }\n  return (\n    <button\n      ref={context.refs.setReference}\n      type=\"button\"\n      data-state={context.isOpen ? 'open' : 'closed'}\n      {...context.getReferenceProps(props)}\n    >\n      {children}\n    </button>\n  );\n};\n\ntype PopoverContentProps = {\n  children: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nconst PopoverContent = <T extends React.ElementType = 'div'>({\n  as,\n  className,\n  style,\n  children,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, PopoverContentProps>) => {\n  const { context: floatingContext, ...context } = usePopoverContext();\n\n  const refs = useMergeRefs([context.refs.setFloating, ref]);\n\n  const { themeClassName } = useNeedleTheme();\n\n  const classes = classNames('ndl-popover', themeClassName, className);\n  const Component: React.ElementType = as ?? 'div';\n\n  // Patch to not get axe errors for the focus guards\n  // To be noted is that axe gives us a false positive error here since the focus guards directly pass focus to other elements\n  // https://github.com/floating-ui/floating-ui/issues/2462\n  usePatchFloatingFocusGuards();\n\n  if (!floatingContext.open) {\n    return null;\n  }\n\n  return (\n    <ConditionalWrap\n      shouldWrap={context.isPortaled}\n      wrap={(wrapChildren) => (\n        <FloatingPortal\n          root={\n            (context.anchorElementAsPortalAnchor ?? false)\n              ? (context.refs.reference.current as HTMLElement | null)\n              : undefined\n          }\n        >\n          {wrapChildren}\n        </FloatingPortal>\n      )}\n    >\n      <FloatingFocusManager\n        context={floatingContext}\n        modal={context.shouldCaptureFocus}\n        initialFocus={context.initialFocus}\n      >\n        <Component\n          className={classes}\n          aria-labelledby={context.labelId}\n          aria-describedby={context.descriptionId}\n          style={{\n            ...context.floatingStyles,\n            ...context.transitionStyles,\n            ...style,\n          }}\n          ref={refs}\n          {...context.getFloatingProps({ ...htmlAttributes })}\n          {...restProps}\n        >\n          {children}\n        </Component>\n      </FloatingFocusManager>\n    </ConditionalWrap>\n  );\n};\n\nconst Popover = Object.assign(PopoverComponent, {\n  Content: PopoverContent,\n  Trigger: PopoverTrigger,\n});\n\nexport { Popover };\n"]}

package/lib/cjs/popover/stories/index.js

@@ -23,7 +23,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PopoverCustomOffsetSrc = exports.PopoverInDialogSrc = exports.PopoverSeparateAnchorSrc = exports.PopoverNoButtonWrapperSrc = exports.PopoverDefaultSrc = exports.PopoverCustomOffset = exports.PopoverInDialog = exports.PopoverSeparateAnchor = exports.PopoverNoButtonWrapper = exports.PopoverDefault = void 0;
+exports.PopoverControlledSrc = exports.PopoverCustomOffsetSrc = exports.PopoverInDialogSrc = exports.PopoverSeparateAnchorSrc = exports.PopoverNoButtonWrapperSrc = exports.PopoverDefaultSrc = exports.PopoverControlled = exports.PopoverCustomOffset = exports.PopoverInDialog = exports.PopoverSeparateAnchor = exports.PopoverNoButtonWrapper = exports.PopoverDefault = void 0;
 var popover_default_story_1 = require("./popover-default.story");
 Object.defineProperty(exports, "PopoverDefault", { enumerable: true, get: function () { return __importDefault(popover_default_story_1).default; } });
 var popover_no_button_wrapper_story_1 = require("./popover-no-button-wrapper.story");
@@ -34,7 +34,10 @@ var popover_in_dialog_story_1 = require("./popover-in-dialog.story");
 Object.defineProperty(exports, "PopoverInDialog", { enumerable: true, get: function () { return __importDefault(popover_in_dialog_story_1).default; } });
 var popover_custom_offset_story_1 = require("./popover-custom-offset.story");
 Object.defineProperty(exports, "PopoverCustomOffset", { enumerable: true, get: function () { return __importDefault(popover_custom_offset_story_1).default; } });
+var popover_controlled_story_1 = require("./popover-controlled.story");
+Object.defineProperty(exports, "PopoverControlled", { enumerable: true, get: function () { return __importDefault(popover_controlled_story_1).default; } });
 const export_stories_utils_1 = require("../../_common/export-stories-utils");
+const popover_controlled_story_raw_1 = __importDefault(require("./popover-controlled.story?raw"));
 const popover_custom_offset_story_raw_1 = __importDefault(require("./popover-custom-offset.story?raw"));
 const popover_default_story_raw_1 = __importDefault(require("./popover-default.story?raw"));
 const popover_in_dialog_story_raw_1 = __importDefault(require("./popover-in-dialog.story?raw"));
@@ -45,4 +48,5 @@ exports.PopoverNoButtonWrapperSrc = (0, export_stories_utils_1.removeLicenseHead
 exports.PopoverSeparateAnchorSrc = (0, export_stories_utils_1.removeLicenseHeader)(popover_separate_anchor_story_raw_1.default);
 exports.PopoverInDialogSrc = (0, export_stories_utils_1.removeLicenseHeader)(popover_in_dialog_story_raw_1.default);
 exports.PopoverCustomOffsetSrc = (0, export_stories_utils_1.removeLicenseHeader)(popover_custom_offset_story_raw_1.default);
+exports.PopoverControlledSrc = (0, export_stories_utils_1.removeLicenseHeader)(popover_controlled_story_raw_1.default);
 //# sourceMappingURL=index.js.map

package/lib/cjs/popover/stories/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/popover/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,iEAAoE;AAA3D,wIAAA,OAAO,OAAkB;AAClC,qFAAsF;AAA7E,0JAAA,OAAO,OAA0B;AAC1C,iFAAmF;AAA1E,uJAAA,OAAO,OAAyB;AACzC,qEAAuE;AAA9D,2IAAA,OAAO,OAAmB;AACnC,6EAA+E;AAAtE,mJAAA,OAAO,OAAuB;AAEvC,6EAAyE;AACzE,wGAA0E;AAC1E,4FAA+D;AAC/D,gGAAkE;AAClE,gHAAiF;AACjF,4GAA8E;AAEjE,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,mCAAoB,CAAC,CAAC;AAC9D,QAAA,yBAAyB,GAAG,IAAA,0CAAmB,EAC1D,6CAA4B,CAC7B,CAAC;AACW,QAAA,wBAAwB,GAAG,IAAA,0CAAmB,EACzD,2CAA2B,CAC5B,CAAC;AACW,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,qCAAqB,CAAC,CAAC;AAChE,QAAA,sBAAsB,GAAG,IAAA,0CAAmB,EACvD,yCAAyB,CAC1B,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 PopoverDefault } from './popover-default.story';\nexport { default as PopoverNoButtonWrapper } from './popover-no-button-wrapper.story';\nexport { default as PopoverSeparateAnchor } from './popover-separate-anchor.story';\nexport { default as PopoverInDialog } from './popover-in-dialog.story';\nexport { default as PopoverCustomOffset } from './popover-custom-offset.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport PopoverCustomOffsetSrcRaw from './popover-custom-offset.story?raw';\nimport PopoverDefaultSrcRaw from './popover-default.story?raw';\nimport PopoverInDialogSrcRaw from './popover-in-dialog.story?raw';\nimport PopoverNoButtonWrapperSrcRaw from './popover-no-button-wrapper.story?raw';\nimport PopoverSeparateAnchorSrcRaw from './popover-separate-anchor.story?raw';\n\nexport const PopoverDefaultSrc = removeLicenseHeader(PopoverDefaultSrcRaw);\nexport const PopoverNoButtonWrapperSrc = removeLicenseHeader(\n  PopoverNoButtonWrapperSrcRaw,\n);\nexport const PopoverSeparateAnchorSrc = removeLicenseHeader(\n  PopoverSeparateAnchorSrcRaw,\n);\nexport const PopoverInDialogSrc = removeLicenseHeader(PopoverInDialogSrcRaw);\nexport const PopoverCustomOffsetSrc = removeLicenseHeader(\n  PopoverCustomOffsetSrcRaw,\n);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/popover/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,iEAAoE;AAA3D,wIAAA,OAAO,OAAkB;AAClC,qFAAsF;AAA7E,0JAAA,OAAO,OAA0B;AAC1C,iFAAmF;AAA1E,uJAAA,OAAO,OAAyB;AACzC,qEAAuE;AAA9D,2IAAA,OAAO,OAAmB;AACnC,6EAA+E;AAAtE,mJAAA,OAAO,OAAuB;AACvC,uEAA0E;AAAjE,8IAAA,OAAO,OAAqB;AAErC,6EAAyE;AACzE,kGAAqE;AACrE,wGAA0E;AAC1E,4FAA+D;AAC/D,gGAAkE;AAClE,gHAAiF;AACjF,4GAA8E;AAEjE,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,mCAAoB,CAAC,CAAC;AAC9D,QAAA,yBAAyB,GAAG,IAAA,0CAAmB,EAC1D,6CAA4B,CAC7B,CAAC;AACW,QAAA,wBAAwB,GAAG,IAAA,0CAAmB,EACzD,2CAA2B,CAC5B,CAAC;AACW,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,qCAAqB,CAAC,CAAC;AAChE,QAAA,sBAAsB,GAAG,IAAA,0CAAmB,EACvD,yCAAyB,CAC1B,CAAC;AACW,QAAA,oBAAoB,GAAG,IAAA,0CAAmB,EACrD,sCAAuB,CACxB,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 PopoverDefault } from './popover-default.story';\nexport { default as PopoverNoButtonWrapper } from './popover-no-button-wrapper.story';\nexport { default as PopoverSeparateAnchor } from './popover-separate-anchor.story';\nexport { default as PopoverInDialog } from './popover-in-dialog.story';\nexport { default as PopoverCustomOffset } from './popover-custom-offset.story';\nexport { default as PopoverControlled } from './popover-controlled.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport PopoverControlledSrcRaw from './popover-controlled.story?raw';\nimport PopoverCustomOffsetSrcRaw from './popover-custom-offset.story?raw';\nimport PopoverDefaultSrcRaw from './popover-default.story?raw';\nimport PopoverInDialogSrcRaw from './popover-in-dialog.story?raw';\nimport PopoverNoButtonWrapperSrcRaw from './popover-no-button-wrapper.story?raw';\nimport PopoverSeparateAnchorSrcRaw from './popover-separate-anchor.story?raw';\n\nexport const PopoverDefaultSrc = removeLicenseHeader(PopoverDefaultSrcRaw);\nexport const PopoverNoButtonWrapperSrc = removeLicenseHeader(\n  PopoverNoButtonWrapperSrcRaw,\n);\nexport const PopoverSeparateAnchorSrc = removeLicenseHeader(\n  PopoverSeparateAnchorSrcRaw,\n);\nexport const PopoverInDialogSrc = removeLicenseHeader(PopoverInDialogSrcRaw);\nexport const PopoverCustomOffsetSrc = removeLicenseHeader(\n  PopoverCustomOffsetSrcRaw,\n);\nexport const PopoverControlledSrc = removeLicenseHeader(\n  PopoverControlledSrcRaw,\n);\n"]}

package/lib/cjs/popover/stories/popover-controlled.story.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const Component = () => {
+    const [isOpen, setIsOpen] = (0, react_2.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(react_1.Popover, { isOpen: isOpen, onOpenChange: (open) => {
+            setIsOpen(open);
+        }, children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { onClick: () => setIsOpen((prev) => !prev), children: "Open Popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "n-p-token-16", children: "Popover content" })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=popover-controlled.story.js.map

package/lib/cjs/popover/stories/popover-controlled.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-controlled.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-controlled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAyD;AACzD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,CACL,wBAAC,eAAO,IACN,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,aAED,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,oBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,6BAExC,GACC,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,cAAc,gCAEvB,IACV,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, Popover } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [isOpen, setIsOpen] = useState(false);\n  return (\n    <Popover\n      isOpen={isOpen}\n      onOpenChange={(open) => {\n        setIsOpen(open);\n      }}\n    >\n      <Popover.Trigger hasButtonWrapper>\n        <FilledButton onClick={() => setIsOpen((prev) => !prev)}>\n          Open Popover\n        </FilledButton>\n      </Popover.Trigger>\n      <Popover.Content className=\"n-p-token-16\">\n        Popover content\n      </Popover.Content>\n    </Popover>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/popover/use-popover.js

@@ -26,11 +26,13 @@ const base_1 = require("@neo4j-ndl/base");
 const react_2 = require("react");
 function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: controlledOpen, onOpenChange: setControlledOpen, offsetOption = 10, anchorElement, anchorPosition, anchorElementAsPortalAnchor, shouldCaptureFocus, initialFocus, role: roleProp, closeOnClickOutside, strategy = 'absolute', isPortaled = true, } = {}) {
     var _a;
+    // Internal state for uncontrolled mode (no `isOpen` prop provided).
     const [isOpenUncontrolled, setIsOpenUncontrolled] = (0, react_2.useState)(isInitialOpen);
     const [labelId, setLabelId] = (0, react_2.useState)();
     const [descriptionId, setDescriptionId] = (0, react_2.useState)();
+    // Controlled/uncontrolled pattern: prefer the consumer-provided `isOpen`,
+    // falling back to internal state when not provided.
     const isOpen = controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : isOpenUncontrolled;
-    const setIsOpen = setControlledOpen !== null && setControlledOpen !== void 0 ? setControlledOpen : setIsOpenUncontrolled;
     const data = (0, react_1.useFloating)({
         elements: {
             reference: anchorElement,
@@ -44,8 +46,11 @@ function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: contr
             }),
             (0, react_1.shift)(),
         ],
+        // Floating UI calls this when interactions (useClick, useDismiss, etc.)
+        // trigger an open/close. We always sync internal state so uncontrolled
+        // mode works, and notify the consumer callback exactly once if provided.
         onOpenChange: (open, event) => {
-            setIsOpen(open);
+            setIsOpenUncontrolled(open);
             setControlledOpen === null || setControlledOpen === void 0 ? void 0 : setControlledOpen(open, event);
         },
         open: isOpen,
@@ -54,6 +59,8 @@ function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: contr
         whileElementsMounted: react_1.autoUpdate,
     });
     const context = data.context;
+    // Only enable built-in click-to-toggle in uncontrolled mode. In controlled
+    // mode the consumer owns the open state and wires up their own trigger.
     const click = (0, react_1.useClick)(context, {
         enabled: controlledOpen === undefined,
     });
@@ -72,8 +79,7 @@ function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: contr
     const { styles: transitionStyles } = (0, react_1.useTransitionStyles)(context, {
         duration: (_a = Number.parseInt(base_1.tokens.motion.duration.quick)) !== null && _a !== void 0 ? _a : 0,
     });
-    return (0, react_2.useMemo)(() => (Object.assign(Object.assign(Object.assign({ isOpen,
-        setIsOpen }, interactions), data), { transitionStyles,
+    return (0, react_2.useMemo)(() => (Object.assign(Object.assign(Object.assign({ isOpen }, interactions), data), { transitionStyles,
         labelId,
         descriptionId,
         setLabelId,
@@ -83,7 +89,6 @@ function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: contr
         initialFocus,
         isPortaled })), [
         isOpen,
-        setIsOpen,
         interactions,
         data,
         transitionStyles,

package/lib/cjs/popover/use-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-popover.js","sourceRoot":"","sources":["../../../src/popover/use-popover.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  flip,\n  offset,\n  type OffsetOptions,\n  type Placement,\n  shift,\n  useClick,\n  useClientPoint,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  type UseInteractionsReturn,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { tokens } from '@neo4j-ndl/base';\nimport { useMemo, useState } from 'react';\n\nexport interface PopoverOptions {\n  isInitialOpen?: boolean;\n  placement?: Placement;\n  isOpen?: boolean;\n  onOpenChange?: (open: boolean, event?: Event) => void;\n  offsetOption?: OffsetOptions;\n  anchorElement?: Element | null;\n  anchorPosition?: {\n    x: number;\n    y: number;\n  };\n  anchorElementAsPortalAnchor?: boolean;\n  shouldCaptureFocus?: boolean;\n  initialFocus?: number | React.RefObject<HTMLElement | null>;\n  role?:\n    | 'tooltip'\n    | 'dialog'\n    | 'alertdialog'\n    | 'menu'\n    | 'listbox'\n    | 'grid'\n    | 'tree';\n  closeOnClickOutside?: boolean;\n  strategy?: 'fixed' | 'absolute';\n  isPortaled?: boolean;\n}\n\nexport interface UsePopoverReturn\n  extends UseInteractionsReturn, ReturnType<typeof useFloating> {\n  isOpen: boolean;\n  setIsOpen: (isOpen: boolean) => void;\n  labelId: string | undefined;\n  descriptionId: string | undefined;\n  transitionStyles: React.CSSProperties;\n  setLabelId: (labelId: string | undefined) => void;\n  setDescriptionId: (descriptionId: string | undefined) => void;\n  anchorElementAsPortalAnchor: boolean | undefined;\n  shouldCaptureFocus: boolean | undefined;\n  initialFocus: number | React.RefObject<HTMLElement | null> | undefined;\n  isPortaled: boolean;\n}\n\nexport function usePopover({\n  isInitialOpen = false,\n  placement = 'bottom',\n  isOpen: controlledOpen,\n  onOpenChange: setControlledOpen,\n  offsetOption = 10,\n  anchorElement,\n  anchorPosition,\n  anchorElementAsPortalAnchor,\n  shouldCaptureFocus,\n  initialFocus,\n  role: roleProp,\n  closeOnClickOutside,\n  strategy = 'absolute',\n  isPortaled = true,\n}: PopoverOptions = {}): UsePopoverReturn {\n  const [isOpenUncontrolled, setIsOpenUncontrolled] = useState(isInitialOpen);\n  const [labelId, setLabelId] = useState<string | undefined>();\n  const [descriptionId, setDescriptionId] = useState<string | undefined>();\n  const isOpen = controlledOpen ?? isOpenUncontrolled;\n  const setIsOpen = setControlledOpen ?? setIsOpenUncontrolled;\n  const data = useFloating({\n    elements: {\n      reference: anchorElement,\n    },\n    middleware: [\n      offset(offsetOption),\n      flip({\n        crossAxis: placement.includes('-'),\n        fallbackAxisSideDirection: 'end',\n        padding: 5,\n      }),\n      shift(),\n    ],\n    onOpenChange: (open, event) => {\n      setIsOpen(open);\n      setControlledOpen?.(open, event);\n    },\n    open: isOpen,\n    placement: placement,\n    strategy,\n    whileElementsMounted: autoUpdate,\n  });\n  const context = data.context;\n\n  const click = useClick(context, {\n    enabled: controlledOpen === undefined,\n  });\n\n  const dismiss = useDismiss(context, {\n    outsidePress: closeOnClickOutside,\n  });\n  const role = useRole(context, {\n    role: roleProp,\n  });\n\n  const clientPoint = useClientPoint(context, {\n    enabled: anchorPosition !== undefined,\n    x: anchorPosition?.x,\n    y: anchorPosition?.y,\n  });\n\n  const interactions = useInteractions([click, dismiss, role, clientPoint]);\n\n  const { styles: transitionStyles } = useTransitionStyles(context, {\n    duration: Number.parseInt(tokens.motion.duration.quick) ?? 0,\n  });\n\n  return useMemo(\n    () => ({\n      isOpen,\n      setIsOpen,\n      ...interactions,\n      ...data,\n      transitionStyles,\n      labelId,\n      descriptionId,\n      setLabelId,\n      setDescriptionId,\n      anchorElementAsPortalAnchor,\n      shouldCaptureFocus,\n      initialFocus,\n      isPortaled,\n    }),\n    [\n      isOpen,\n      setIsOpen,\n      interactions,\n      data,\n      transitionStyles,\n      labelId,\n      descriptionId,\n      anchorElementAsPortalAnchor,\n      shouldCaptureFocus,\n      initialFocus,\n      isPortaled,\n    ],\n  );\n}\n"]}
+{"version":3,"file":"use-popover.js","sourceRoot":"","sources":["../../../src/popover/use-popover.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  flip,\n  offset,\n  type OffsetOptions,\n  type Placement,\n  shift,\n  useClick,\n  useClientPoint,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  type UseInteractionsReturn,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { tokens } from '@neo4j-ndl/base';\nimport { useMemo, useState } from 'react';\n\nexport interface PopoverOptions {\n  isInitialOpen?: boolean;\n  placement?: Placement;\n  isOpen?: boolean;\n  onOpenChange?: (open: boolean, event?: Event) => void;\n  offsetOption?: OffsetOptions;\n  anchorElement?: Element | null;\n  anchorPosition?: {\n    x: number;\n    y: number;\n  };\n  anchorElementAsPortalAnchor?: boolean;\n  shouldCaptureFocus?: boolean;\n  initialFocus?: number | React.RefObject<HTMLElement | null>;\n  role?:\n    | 'tooltip'\n    | 'dialog'\n    | 'alertdialog'\n    | 'menu'\n    | 'listbox'\n    | 'grid'\n    | 'tree';\n  closeOnClickOutside?: boolean;\n  strategy?: 'fixed' | 'absolute';\n  isPortaled?: boolean;\n}\n\nexport interface UsePopoverReturn\n  extends UseInteractionsReturn, ReturnType<typeof useFloating> {\n  isOpen: boolean;\n  labelId: string | undefined;\n  descriptionId: string | undefined;\n  transitionStyles: React.CSSProperties;\n  setLabelId: (labelId: string | undefined) => void;\n  setDescriptionId: (descriptionId: string | undefined) => void;\n  anchorElementAsPortalAnchor: boolean | undefined;\n  shouldCaptureFocus: boolean | undefined;\n  initialFocus: number | React.RefObject<HTMLElement | null> | undefined;\n  isPortaled: boolean;\n}\n\nexport function usePopover({\n  isInitialOpen = false,\n  placement = 'bottom',\n  isOpen: controlledOpen,\n  onOpenChange: setControlledOpen,\n  offsetOption = 10,\n  anchorElement,\n  anchorPosition,\n  anchorElementAsPortalAnchor,\n  shouldCaptureFocus,\n  initialFocus,\n  role: roleProp,\n  closeOnClickOutside,\n  strategy = 'absolute',\n  isPortaled = true,\n}: PopoverOptions = {}): UsePopoverReturn {\n  // Internal state for uncontrolled mode (no `isOpen` prop provided).\n  const [isOpenUncontrolled, setIsOpenUncontrolled] = useState(isInitialOpen);\n  const [labelId, setLabelId] = useState<string | undefined>();\n  const [descriptionId, setDescriptionId] = useState<string | undefined>();\n\n  // Controlled/uncontrolled pattern: prefer the consumer-provided `isOpen`,\n  // falling back to internal state when not provided.\n  const isOpen = controlledOpen ?? isOpenUncontrolled;\n\n  const data = useFloating({\n    elements: {\n      reference: anchorElement,\n    },\n    middleware: [\n      offset(offsetOption),\n      flip({\n        crossAxis: placement.includes('-'),\n        fallbackAxisSideDirection: 'end',\n        padding: 5,\n      }),\n      shift(),\n    ],\n    // Floating UI calls this when interactions (useClick, useDismiss, etc.)\n    // trigger an open/close. We always sync internal state so uncontrolled\n    // mode works, and notify the consumer callback exactly once if provided.\n    onOpenChange: (open, event) => {\n      setIsOpenUncontrolled(open);\n      setControlledOpen?.(open, event);\n    },\n    open: isOpen,\n    placement: placement,\n    strategy,\n    whileElementsMounted: autoUpdate,\n  });\n  const context = data.context;\n\n  // Only enable built-in click-to-toggle in uncontrolled mode. In controlled\n  // mode the consumer owns the open state and wires up their own trigger.\n  const click = useClick(context, {\n    enabled: controlledOpen === undefined,\n  });\n\n  const dismiss = useDismiss(context, {\n    outsidePress: closeOnClickOutside,\n  });\n  const role = useRole(context, {\n    role: roleProp,\n  });\n\n  const clientPoint = useClientPoint(context, {\n    enabled: anchorPosition !== undefined,\n    x: anchorPosition?.x,\n    y: anchorPosition?.y,\n  });\n\n  const interactions = useInteractions([click, dismiss, role, clientPoint]);\n\n  const { styles: transitionStyles } = useTransitionStyles(context, {\n    duration: Number.parseInt(tokens.motion.duration.quick) ?? 0,\n  });\n\n  return useMemo(\n    () => ({\n      isOpen,\n      ...interactions,\n      ...data,\n      transitionStyles,\n      labelId,\n      descriptionId,\n      setLabelId,\n      setDescriptionId,\n      anchorElementAsPortalAnchor,\n      shouldCaptureFocus,\n      initialFocus,\n      isPortaled,\n    }),\n    [\n      isOpen,\n      interactions,\n      data,\n      transitionStyles,\n      labelId,\n      descriptionId,\n      anchorElementAsPortalAnchor,\n      shouldCaptureFocus,\n      initialFocus,\n      isPortaled,\n    ],\n  );\n}\n"]}

package/lib/esm/popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/popover/Popover.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  FloatingFocusManager,\n  FloatingPortal,\n  type OffsetOptions,\n  type Placement,\n  useMergeRefs,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport React from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { useNeedleTheme } from '../theme/ThemeProvider';\nimport { usePopover } from './use-popover';\nimport { usePatchFloatingFocusGuards } from './usePatchFloatingFocusGuards';\n\ntype PlacementOptions =\n  | 'bottom-end-top-end'\n  | 'bottom-start-top-start'\n  | 'bottom-middle-top-middle'\n  | 'top-end-bottom-end'\n  | 'top-start-bottom-start'\n  | 'top-middle-bottom-middle'\n  | 'bottom-start-bottom-end'\n  | 'top-start-top-end'\n  | 'middle-start-middle-end'\n  | 'bottom-end-bottom-start'\n  | 'top-end-top-start'\n  | 'middle-end-middle-start';\n\nexport const placementTranslation: Record<PlacementOptions, Placement> = {\n  'bottom-end-bottom-start': 'right-end',\n  'bottom-end-top-end': 'bottom-end',\n  'bottom-middle-top-middle': 'bottom',\n  'bottom-start-bottom-end': 'left-end',\n  'bottom-start-top-start': 'bottom-start',\n  'middle-end-middle-start': 'right',\n  'middle-start-middle-end': 'left',\n  'top-end-bottom-end': 'top-end',\n  'top-end-top-start': 'right-start',\n  'top-middle-bottom-middle': 'top',\n  'top-start-bottom-start': 'top-start',\n  'top-start-top-end': 'left-start',\n};\ntype PopoverProps = {\n  /** if the popover is open */\n  isOpen?: boolean;\n  /** The content of the popover */\n  children?: React.ReactNode;\n  /** Can be used if the anchor should be separated from the trigger */\n  anchorElement?: Element | null;\n  /** If the anchorPosition is provided the anchorElement will be ignored */\n  anchorPosition?: {\n    x: number;\n    y: number;\n  };\n  /** The placement of the floating element is determined by two sets of words. The first set of words specifies the point on the anchor element where the floating element will be attached. The second set of coordinates specifies the point on the floating element that will attach to the anchor element.*/\n  placement?: PlacementOptions;\n  /** can take either a number, an object or a function. Full documentation here:  https://floating-ui.com/docs/offset   */\n  offset?: OffsetOptions;\n  /**  Called when the floating element is opened or closed */\n  onOpenChange?: (isOpen: boolean, event?: Event) => void;\n  /** Use anchorEl for portal's container. Should be used if the popover is portaled and is inside a Dialog for example. */\n  hasAnchorPortal?: boolean;\n  /** If the popover should constrain the focus inside the popover while open */\n  shouldCaptureFocus?: boolean;\n  /** Which element to initially focus. **/\n  initialFocus?: number | React.RefObject<HTMLElement | null>;\n  /** The role of the popover */\n  role?:\n    | 'tooltip'\n    | 'dialog'\n    | 'alertdialog'\n    | 'menu'\n    | 'listbox'\n    | 'grid'\n    | 'tree';\n  /** If the popover should close when the user clicks outside of it */\n  closeOnClickOutside?: boolean;\n  /** The strategy of the popover. Fixed should be used when the popover is inside a Dialog. */\n  strategy?: 'fixed' | 'absolute';\n  /** Whether the content is rendered in a portal */\n  isPortaled?: boolean;\n};\n\ntype ContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<ContextType>(null);\n\nexport const usePopoverContext = () => {\n  const context = React.useContext(PopoverContext);\n\n  if (context === null) {\n    throw new Error('Popover components must be wrapped in <Popover />');\n  }\n\n  return context;\n};\n\nconst PopoverComponent = ({\n  children,\n  anchorElement,\n  placement,\n  isOpen,\n  offset,\n  anchorPosition,\n  hasAnchorPortal: hasAnchorPortalProp,\n  shouldCaptureFocus = false,\n  initialFocus,\n  onOpenChange,\n  role,\n  closeOnClickOutside = true,\n  isPortaled: isPortaledProp,\n  strategy: strategyProp,\n}: PopoverProps) => {\n  const isInsideDialog = useIsInsideDialog();\n\n  const strategy = isInsideDialog ? 'fixed' : 'absolute';\n  const hasAnchorPortal = isInsideDialog;\n  const isPortaled = !isInsideDialog;\n\n  const popover = usePopover({\n    anchorElement: anchorElement,\n    anchorElementAsPortalAnchor: hasAnchorPortalProp ?? hasAnchorPortal,\n    anchorPosition,\n    closeOnClickOutside,\n    initialFocus,\n    isOpen: isOpen,\n    isPortaled: isPortaledProp ?? isPortaled,\n    offsetOption: offset,\n    onOpenChange: onOpenChange,\n    placement: placement ? placementTranslation[placement] : undefined,\n    role,\n    shouldCaptureFocus: shouldCaptureFocus,\n    strategy: strategyProp ?? strategy,\n  });\n\n  return (\n    <PopoverContext.Provider value={popover}>\n      {children}\n    </PopoverContext.Provider>\n  );\n};\n\ntype PopoverTriggerProps = {\n  /** The content of the trigger */\n  children: React.ReactNode;\n  /** Whether the trigger should render a button element, or pass its props to the child element */\n  hasButtonWrapper?: boolean;\n};\n\nconst PopoverTrigger = ({\n  children,\n  hasButtonWrapper = false,\n  ref,\n  ...props\n}: CommonProps<'button', PopoverTriggerProps>) => {\n  const context = usePopoverContext();\n  // Example from floating UI\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  const childrenProps = (children as any).props;\n  const mergedRefs = useMergeRefs([\n    context.refs.setReference,\n    ref,\n    childrenProps?.ref,\n  ]);\n\n  // `hasButtonWrapper` allows the user to pass any element as the anchor\n  if (hasButtonWrapper && React.isValidElement(children)) {\n    return React.cloneElement(\n      children,\n      context.getReferenceProps({\n        ...props,\n        ...childrenProps,\n        'data-state': context.isOpen ? 'open' : 'closed',\n        ref: mergedRefs,\n      }),\n    );\n  }\n  return (\n    <button\n      ref={context.refs.setReference}\n      type=\"button\"\n      data-state={context.isOpen ? 'open' : 'closed'}\n      {...context.getReferenceProps(props)}\n    >\n      {children}\n    </button>\n  );\n};\n\ntype PopoverContentProps = {\n  children: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nconst PopoverContent = <T extends React.ElementType = 'div'>({\n  as,\n  className,\n  style,\n  children,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, PopoverContentProps>) => {\n  const { context: floatingContext, ...context } = usePopoverContext();\n\n  const refs = useMergeRefs([context.refs.setFloating, ref]);\n\n  const { themeClassName } = useNeedleTheme();\n\n  const classes = classNames('ndl-popover', themeClassName, className);\n  const Component: React.ElementType = as ?? 'div';\n\n  // Patch to not get axe errors for the focus guards\n  // To be noted is that axe gives us a false positive error here since the focus guards directly pass focus to other elements\n  // https://github.com/floating-ui/floating-ui/issues/2462\n  usePatchFloatingFocusGuards();\n\n  if (!floatingContext.open) {\n    return null;\n  }\n\n  return (\n    <ConditionalWrap\n      shouldWrap={context.isPortaled}\n      wrap={(wrapChildren) => (\n        <FloatingPortal\n          root={\n            (context.anchorElementAsPortalAnchor ?? false)\n              ? (context.refs.reference.current as HTMLElement | null)\n              : undefined\n          }\n        >\n          {wrapChildren}\n        </FloatingPortal>\n      )}\n    >\n      <FloatingFocusManager\n        context={floatingContext}\n        modal={context.shouldCaptureFocus}\n        initialFocus={context.initialFocus}\n      >\n        <Component\n          className={classes}\n          aria-labelledby={context.labelId}\n          aria-describedby={context.descriptionId}\n          style={{\n            ...context.floatingStyles,\n            ...context.transitionStyles,\n            ...style,\n          }}\n          ref={refs}\n          {...context.getFloatingProps({ ...htmlAttributes })}\n          {...restProps}\n        >\n          {children}\n        </Component>\n      </FloatingFocusManager>\n    </ConditionalWrap>\n  );\n};\n\nconst Popover = Object.assign(PopoverComponent, {\n  Content: PopoverContent,\n  Trigger: PopoverTrigger,\n});\n\nexport { Popover };\n"]}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/popover/Popover.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  FloatingFocusManager,\n  FloatingPortal,\n  type OffsetOptions,\n  type Placement,\n  useMergeRefs,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport React from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { useNeedleTheme } from '../theme/ThemeProvider';\nimport { usePopover } from './use-popover';\nimport { usePatchFloatingFocusGuards } from './usePatchFloatingFocusGuards';\n\ntype PlacementOptions =\n  | 'bottom-end-top-end'\n  | 'bottom-start-top-start'\n  | 'bottom-middle-top-middle'\n  | 'top-end-bottom-end'\n  | 'top-start-bottom-start'\n  | 'top-middle-bottom-middle'\n  | 'bottom-start-bottom-end'\n  | 'top-start-top-end'\n  | 'middle-start-middle-end'\n  | 'bottom-end-bottom-start'\n  | 'top-end-top-start'\n  | 'middle-end-middle-start';\n\nexport const placementTranslation: Record<PlacementOptions, Placement> = {\n  'bottom-end-bottom-start': 'right-end',\n  'bottom-end-top-end': 'bottom-end',\n  'bottom-middle-top-middle': 'bottom',\n  'bottom-start-bottom-end': 'left-end',\n  'bottom-start-top-start': 'bottom-start',\n  'middle-end-middle-start': 'right',\n  'middle-start-middle-end': 'left',\n  'top-end-bottom-end': 'top-end',\n  'top-end-top-start': 'right-start',\n  'top-middle-bottom-middle': 'top',\n  'top-start-bottom-start': 'top-start',\n  'top-start-top-end': 'left-start',\n};\ntype PopoverProps = {\n  /** if the popover is open */\n  isOpen?: boolean;\n  /** The content of the popover */\n  children?: React.ReactNode;\n  /** Can be used if the anchor should be separated from the trigger */\n  anchorElement?: Element | null;\n  /** If the anchorPosition is provided the anchorElement will be ignored */\n  anchorPosition?: {\n    x: number;\n    y: number;\n  };\n  /** The placement of the floating element is determined by two sets of words. The first set of words specifies the point on the anchor element where the floating element will be attached. The second set of coordinates specifies the point on the floating element that will attach to the anchor element.*/\n  placement?: PlacementOptions;\n  /** can take either a number, an object or a function. Full documentation here:  https://floating-ui.com/docs/offset   */\n  offset?: OffsetOptions;\n  /** Called when an internal state change is triggered, when the floating element either opens or closes. It is not called when `isOpen` is updated by the consumer. */\n  onOpenChange?: (isOpen: boolean, event?: Event) => void;\n  /** Use anchorEl for portal's container. Should be used if the popover is portaled and is inside a Dialog for example. */\n  hasAnchorPortal?: boolean;\n  /** If the popover should constrain the focus inside the popover while open */\n  shouldCaptureFocus?: boolean;\n  /** Which element to initially focus. **/\n  initialFocus?: number | React.RefObject<HTMLElement | null>;\n  /** The role of the popover */\n  role?:\n    | 'tooltip'\n    | 'dialog'\n    | 'alertdialog'\n    | 'menu'\n    | 'listbox'\n    | 'grid'\n    | 'tree';\n  /** If the popover should close when the user clicks outside of it */\n  closeOnClickOutside?: boolean;\n  /** The strategy of the popover. Fixed should be used when the popover is inside a Dialog. */\n  strategy?: 'fixed' | 'absolute';\n  /** Whether the content is rendered in a portal */\n  isPortaled?: boolean;\n};\n\ntype ContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<ContextType>(null);\n\nexport const usePopoverContext = () => {\n  const context = React.useContext(PopoverContext);\n\n  if (context === null) {\n    throw new Error('Popover components must be wrapped in <Popover />');\n  }\n\n  return context;\n};\n\nconst PopoverComponent = ({\n  children,\n  anchorElement,\n  placement,\n  isOpen,\n  offset,\n  anchorPosition,\n  hasAnchorPortal: hasAnchorPortalProp,\n  shouldCaptureFocus = false,\n  initialFocus,\n  onOpenChange,\n  role,\n  closeOnClickOutside = true,\n  isPortaled: isPortaledProp,\n  strategy: strategyProp,\n}: PopoverProps) => {\n  const isInsideDialog = useIsInsideDialog();\n\n  const strategy = isInsideDialog ? 'fixed' : 'absolute';\n  const hasAnchorPortal = isInsideDialog;\n  const isPortaled = !isInsideDialog;\n\n  const popover = usePopover({\n    anchorElement: anchorElement,\n    anchorElementAsPortalAnchor: hasAnchorPortalProp ?? hasAnchorPortal,\n    anchorPosition,\n    closeOnClickOutside,\n    initialFocus,\n    isOpen: isOpen,\n    isPortaled: isPortaledProp ?? isPortaled,\n    offsetOption: offset,\n    onOpenChange: onOpenChange,\n    placement: placement ? placementTranslation[placement] : undefined,\n    role,\n    shouldCaptureFocus: shouldCaptureFocus,\n    strategy: strategyProp ?? strategy,\n  });\n\n  return (\n    <PopoverContext.Provider value={popover}>\n      {children}\n    </PopoverContext.Provider>\n  );\n};\n\ntype PopoverTriggerProps = {\n  /** The content of the trigger */\n  children: React.ReactNode;\n  /** Whether the trigger should render a button element, or pass its props to the child element */\n  hasButtonWrapper?: boolean;\n};\n\nconst PopoverTrigger = ({\n  children,\n  hasButtonWrapper = false,\n  ref,\n  ...props\n}: CommonProps<'button', PopoverTriggerProps>) => {\n  const context = usePopoverContext();\n  // Example from floating UI\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  const childrenProps = (children as any).props;\n  const mergedRefs = useMergeRefs([\n    context.refs.setReference,\n    ref,\n    childrenProps?.ref,\n  ]);\n\n  // `hasButtonWrapper` allows the user to pass any element as the anchor\n  if (hasButtonWrapper && React.isValidElement(children)) {\n    return React.cloneElement(\n      children,\n      context.getReferenceProps({\n        ...props,\n        ...childrenProps,\n        'data-state': context.isOpen ? 'open' : 'closed',\n        ref: mergedRefs,\n      }),\n    );\n  }\n  return (\n    <button\n      ref={context.refs.setReference}\n      type=\"button\"\n      data-state={context.isOpen ? 'open' : 'closed'}\n      {...context.getReferenceProps(props)}\n    >\n      {children}\n    </button>\n  );\n};\n\ntype PopoverContentProps = {\n  children: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nconst PopoverContent = <T extends React.ElementType = 'div'>({\n  as,\n  className,\n  style,\n  children,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, PopoverContentProps>) => {\n  const { context: floatingContext, ...context } = usePopoverContext();\n\n  const refs = useMergeRefs([context.refs.setFloating, ref]);\n\n  const { themeClassName } = useNeedleTheme();\n\n  const classes = classNames('ndl-popover', themeClassName, className);\n  const Component: React.ElementType = as ?? 'div';\n\n  // Patch to not get axe errors for the focus guards\n  // To be noted is that axe gives us a false positive error here since the focus guards directly pass focus to other elements\n  // https://github.com/floating-ui/floating-ui/issues/2462\n  usePatchFloatingFocusGuards();\n\n  if (!floatingContext.open) {\n    return null;\n  }\n\n  return (\n    <ConditionalWrap\n      shouldWrap={context.isPortaled}\n      wrap={(wrapChildren) => (\n        <FloatingPortal\n          root={\n            (context.anchorElementAsPortalAnchor ?? false)\n              ? (context.refs.reference.current as HTMLElement | null)\n              : undefined\n          }\n        >\n          {wrapChildren}\n        </FloatingPortal>\n      )}\n    >\n      <FloatingFocusManager\n        context={floatingContext}\n        modal={context.shouldCaptureFocus}\n        initialFocus={context.initialFocus}\n      >\n        <Component\n          className={classes}\n          aria-labelledby={context.labelId}\n          aria-describedby={context.descriptionId}\n          style={{\n            ...context.floatingStyles,\n            ...context.transitionStyles,\n            ...style,\n          }}\n          ref={refs}\n          {...context.getFloatingProps({ ...htmlAttributes })}\n          {...restProps}\n        >\n          {children}\n        </Component>\n      </FloatingFocusManager>\n    </ConditionalWrap>\n  );\n};\n\nconst Popover = Object.assign(PopoverComponent, {\n  Content: PopoverContent,\n  Trigger: PopoverTrigger,\n});\n\nexport { Popover };\n"]}

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

@@ -23,7 +23,9 @@ export { default as PopoverNoButtonWrapper } from './popover-no-button-wrapper.s
 export { default as PopoverSeparateAnchor } from './popover-separate-anchor.story';
 export { default as PopoverInDialog } from './popover-in-dialog.story';
 export { default as PopoverCustomOffset } from './popover-custom-offset.story';
+export { default as PopoverControlled } from './popover-controlled.story';
 import { removeLicenseHeader } from '../../_common/export-stories-utils';
+import PopoverControlledSrcRaw from './popover-controlled.story?raw';
 import PopoverCustomOffsetSrcRaw from './popover-custom-offset.story?raw';
 import PopoverDefaultSrcRaw from './popover-default.story?raw';
 import PopoverInDialogSrcRaw from './popover-in-dialog.story?raw';
@@ -34,4 +36,5 @@ export const PopoverNoButtonWrapperSrc = removeLicenseHeader(PopoverNoButtonWrap
 export const PopoverSeparateAnchorSrc = removeLicenseHeader(PopoverSeparateAnchorSrcRaw);
 export const PopoverInDialogSrc = removeLicenseHeader(PopoverInDialogSrcRaw);
 export const PopoverCustomOffsetSrc = removeLicenseHeader(PopoverCustomOffsetSrcRaw);
+export const PopoverControlledSrc = removeLicenseHeader(PopoverControlledSrcRaw);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/popover/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAE/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,yBAAyB,MAAM,mCAAmC,CAAC;AAC1E,OAAO,oBAAoB,MAAM,6BAA6B,CAAC;AAC/D,OAAO,qBAAqB,MAAM,+BAA+B,CAAC;AAClE,OAAO,4BAA4B,MAAM,uCAAuC,CAAC;AACjF,OAAO,2BAA2B,MAAM,qCAAqC,CAAC;AAE9E,MAAM,CAAC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,yBAAyB,GAAG,mBAAmB,CAC1D,4BAA4B,CAC7B,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,mBAAmB,CACzD,2BAA2B,CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,sBAAsB,GAAG,mBAAmB,CACvD,yBAAyB,CAC1B,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 PopoverDefault } from './popover-default.story';\nexport { default as PopoverNoButtonWrapper } from './popover-no-button-wrapper.story';\nexport { default as PopoverSeparateAnchor } from './popover-separate-anchor.story';\nexport { default as PopoverInDialog } from './popover-in-dialog.story';\nexport { default as PopoverCustomOffset } from './popover-custom-offset.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport PopoverCustomOffsetSrcRaw from './popover-custom-offset.story?raw';\nimport PopoverDefaultSrcRaw from './popover-default.story?raw';\nimport PopoverInDialogSrcRaw from './popover-in-dialog.story?raw';\nimport PopoverNoButtonWrapperSrcRaw from './popover-no-button-wrapper.story?raw';\nimport PopoverSeparateAnchorSrcRaw from './popover-separate-anchor.story?raw';\n\nexport const PopoverDefaultSrc = removeLicenseHeader(PopoverDefaultSrcRaw);\nexport const PopoverNoButtonWrapperSrc = removeLicenseHeader(\n  PopoverNoButtonWrapperSrcRaw,\n);\nexport const PopoverSeparateAnchorSrc = removeLicenseHeader(\n  PopoverSeparateAnchorSrcRaw,\n);\nexport const PopoverInDialogSrc = removeLicenseHeader(PopoverInDialogSrcRaw);\nexport const PopoverCustomOffsetSrc = removeLicenseHeader(\n  PopoverCustomOffsetSrcRaw,\n);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/popover/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,uBAAuB,MAAM,gCAAgC,CAAC;AACrE,OAAO,yBAAyB,MAAM,mCAAmC,CAAC;AAC1E,OAAO,oBAAoB,MAAM,6BAA6B,CAAC;AAC/D,OAAO,qBAAqB,MAAM,+BAA+B,CAAC;AAClE,OAAO,4BAA4B,MAAM,uCAAuC,CAAC;AACjF,OAAO,2BAA2B,MAAM,qCAAqC,CAAC;AAE9E,MAAM,CAAC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,yBAAyB,GAAG,mBAAmB,CAC1D,4BAA4B,CAC7B,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,mBAAmB,CACzD,2BAA2B,CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,sBAAsB,GAAG,mBAAmB,CACvD,yBAAyB,CAC1B,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAAG,mBAAmB,CACrD,uBAAuB,CACxB,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 PopoverDefault } from './popover-default.story';\nexport { default as PopoverNoButtonWrapper } from './popover-no-button-wrapper.story';\nexport { default as PopoverSeparateAnchor } from './popover-separate-anchor.story';\nexport { default as PopoverInDialog } from './popover-in-dialog.story';\nexport { default as PopoverCustomOffset } from './popover-custom-offset.story';\nexport { default as PopoverControlled } from './popover-controlled.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport PopoverControlledSrcRaw from './popover-controlled.story?raw';\nimport PopoverCustomOffsetSrcRaw from './popover-custom-offset.story?raw';\nimport PopoverDefaultSrcRaw from './popover-default.story?raw';\nimport PopoverInDialogSrcRaw from './popover-in-dialog.story?raw';\nimport PopoverNoButtonWrapperSrcRaw from './popover-no-button-wrapper.story?raw';\nimport PopoverSeparateAnchorSrcRaw from './popover-separate-anchor.story?raw';\n\nexport const PopoverDefaultSrc = removeLicenseHeader(PopoverDefaultSrcRaw);\nexport const PopoverNoButtonWrapperSrc = removeLicenseHeader(\n  PopoverNoButtonWrapperSrcRaw,\n);\nexport const PopoverSeparateAnchorSrc = removeLicenseHeader(\n  PopoverSeparateAnchorSrcRaw,\n);\nexport const PopoverInDialogSrc = removeLicenseHeader(PopoverInDialogSrcRaw);\nexport const PopoverCustomOffsetSrc = removeLicenseHeader(\n  PopoverCustomOffsetSrcRaw,\n);\nexport const PopoverControlledSrc = removeLicenseHeader(\n  PopoverControlledSrcRaw,\n);\n"]}

package/lib/esm/popover/stories/popover-controlled.story.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { FilledButton, Popover } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = () => {
+    const [isOpen, setIsOpen] = useState(false);
+    return (_jsxs(Popover, { isOpen: isOpen, onOpenChange: (open) => {
+            setIsOpen(open);
+        }, children: [_jsx(Popover.Trigger, { hasButtonWrapper: true, children: _jsx(FilledButton, { onClick: () => setIsOpen((prev) => !prev), children: "Open Popover" }) }), _jsx(Popover.Content, { className: "n-p-token-16", children: "Popover content" })] }));
+};
+export default Component;
+//# sourceMappingURL=popover-controlled.story.js.map

package/lib/esm/popover/stories/popover-controlled.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-controlled.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-controlled.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,CACL,MAAC,OAAO,IACN,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,aAED,KAAC,OAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,6BAExC,GACC,EAClB,KAAC,OAAO,CAAC,OAAO,IAAC,SAAS,EAAC,cAAc,gCAEvB,IACV,CACX,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 { FilledButton, Popover } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [isOpen, setIsOpen] = useState(false);\n  return (\n    <Popover\n      isOpen={isOpen}\n      onOpenChange={(open) => {\n        setIsOpen(open);\n      }}\n    >\n      <Popover.Trigger hasButtonWrapper>\n        <FilledButton onClick={() => setIsOpen((prev) => !prev)}>\n          Open Popover\n        </FilledButton>\n      </Popover.Trigger>\n      <Popover.Content className=\"n-p-token-16\">\n        Popover content\n      </Popover.Content>\n    </Popover>\n  );\n};\n\nexport default Component;\n"]}

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

@@ -23,11 +23,13 @@ import { tokens } from '@neo4j-ndl/base';
 import { useMemo, useState } from 'react';
 export function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: controlledOpen, onOpenChange: setControlledOpen, offsetOption = 10, anchorElement, anchorPosition, anchorElementAsPortalAnchor, shouldCaptureFocus, initialFocus, role: roleProp, closeOnClickOutside, strategy = 'absolute', isPortaled = true, } = {}) {
     var _a;
+    // Internal state for uncontrolled mode (no `isOpen` prop provided).
     const [isOpenUncontrolled, setIsOpenUncontrolled] = useState(isInitialOpen);
     const [labelId, setLabelId] = useState();
     const [descriptionId, setDescriptionId] = useState();
+    // Controlled/uncontrolled pattern: prefer the consumer-provided `isOpen`,
+    // falling back to internal state when not provided.
     const isOpen = controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : isOpenUncontrolled;
-    const setIsOpen = setControlledOpen !== null && setControlledOpen !== void 0 ? setControlledOpen : setIsOpenUncontrolled;
     const data = useFloating({
         elements: {
             reference: anchorElement,
@@ -41,8 +43,11 @@ export function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen
             }),
             shift(),
         ],
+        // Floating UI calls this when interactions (useClick, useDismiss, etc.)
+        // trigger an open/close. We always sync internal state so uncontrolled
+        // mode works, and notify the consumer callback exactly once if provided.
         onOpenChange: (open, event) => {
-            setIsOpen(open);
+            setIsOpenUncontrolled(open);
             setControlledOpen === null || setControlledOpen === void 0 ? void 0 : setControlledOpen(open, event);
         },
         open: isOpen,
@@ -51,6 +56,8 @@ export function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen
         whileElementsMounted: autoUpdate,
     });
     const context = data.context;
+    // Only enable built-in click-to-toggle in uncontrolled mode. In controlled
+    // mode the consumer owns the open state and wires up their own trigger.
     const click = useClick(context, {
         enabled: controlledOpen === undefined,
     });
@@ -69,8 +76,7 @@ export function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen
     const { styles: transitionStyles } = useTransitionStyles(context, {
         duration: (_a = Number.parseInt(tokens.motion.duration.quick)) !== null && _a !== void 0 ? _a : 0,
     });
-    return useMemo(() => (Object.assign(Object.assign(Object.assign({ isOpen,
-        setIsOpen }, interactions), data), { transitionStyles,
+    return useMemo(() => (Object.assign(Object.assign(Object.assign({ isOpen }, interactions), data), { transitionStyles,
         labelId,
         descriptionId,
         setLabelId,
@@ -80,7 +86,6 @@ export function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen
         initialFocus,
         isPortaled })), [
         isOpen,
-        setIsOpen,
         interactions,
         data,
         transitionStyles,

package/lib/esm/popover/use-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-popover.js","sourceRoot":"","sources":["../../../src/popover/use-popover.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  flip,\n  offset,\n  type OffsetOptions,\n  type Placement,\n  shift,\n  useClick,\n  useClientPoint,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  type UseInteractionsReturn,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { tokens } from '@neo4j-ndl/base';\nimport { useMemo, useState } from 'react';\n\nexport interface PopoverOptions {\n  isInitialOpen?: boolean;\n  placement?: Placement;\n  isOpen?: boolean;\n  onOpenChange?: (open: boolean, event?: Event) => void;\n  offsetOption?: OffsetOptions;\n  anchorElement?: Element | null;\n  anchorPosition?: {\n    x: number;\n    y: number;\n  };\n  anchorElementAsPortalAnchor?: boolean;\n  shouldCaptureFocus?: boolean;\n  initialFocus?: number | React.RefObject<HTMLElement | null>;\n  role?:\n    | 'tooltip'\n    | 'dialog'\n    | 'alertdialog'\n    | 'menu'\n    | 'listbox'\n    | 'grid'\n    | 'tree';\n  closeOnClickOutside?: boolean;\n  strategy?: 'fixed' | 'absolute';\n  isPortaled?: boolean;\n}\n\nexport interface UsePopoverReturn\n  extends UseInteractionsReturn, ReturnType<typeof useFloating> {\n  isOpen: boolean;\n  setIsOpen: (isOpen: boolean) => void;\n  labelId: string | undefined;\n  descriptionId: string | undefined;\n  transitionStyles: React.CSSProperties;\n  setLabelId: (labelId: string | undefined) => void;\n  setDescriptionId: (descriptionId: string | undefined) => void;\n  anchorElementAsPortalAnchor: boolean | undefined;\n  shouldCaptureFocus: boolean | undefined;\n  initialFocus: number | React.RefObject<HTMLElement | null> | undefined;\n  isPortaled: boolean;\n}\n\nexport function usePopover({\n  isInitialOpen = false,\n  placement = 'bottom',\n  isOpen: controlledOpen,\n  onOpenChange: setControlledOpen,\n  offsetOption = 10,\n  anchorElement,\n  anchorPosition,\n  anchorElementAsPortalAnchor,\n  shouldCaptureFocus,\n  initialFocus,\n  role: roleProp,\n  closeOnClickOutside,\n  strategy = 'absolute',\n  isPortaled = true,\n}: PopoverOptions = {}): UsePopoverReturn {\n  const [isOpenUncontrolled, setIsOpenUncontrolled] = useState(isInitialOpen);\n  const [labelId, setLabelId] = useState<string | undefined>();\n  const [descriptionId, setDescriptionId] = useState<string | undefined>();\n  const isOpen = controlledOpen ?? isOpenUncontrolled;\n  const setIsOpen = setControlledOpen ?? setIsOpenUncontrolled;\n  const data = useFloating({\n    elements: {\n      reference: anchorElement,\n    },\n    middleware: [\n      offset(offsetOption),\n      flip({\n        crossAxis: placement.includes('-'),\n        fallbackAxisSideDirection: 'end',\n        padding: 5,\n      }),\n      shift(),\n    ],\n    onOpenChange: (open, event) => {\n      setIsOpen(open);\n      setControlledOpen?.(open, event);\n    },\n    open: isOpen,\n    placement: placement,\n    strategy,\n    whileElementsMounted: autoUpdate,\n  });\n  const context = data.context;\n\n  const click = useClick(context, {\n    enabled: controlledOpen === undefined,\n  });\n\n  const dismiss = useDismiss(context, {\n    outsidePress: closeOnClickOutside,\n  });\n  const role = useRole(context, {\n    role: roleProp,\n  });\n\n  const clientPoint = useClientPoint(context, {\n    enabled: anchorPosition !== undefined,\n    x: anchorPosition?.x,\n    y: anchorPosition?.y,\n  });\n\n  const interactions = useInteractions([click, dismiss, role, clientPoint]);\n\n  const { styles: transitionStyles } = useTransitionStyles(context, {\n    duration: Number.parseInt(tokens.motion.duration.quick) ?? 0,\n  });\n\n  return useMemo(\n    () => ({\n      isOpen,\n      setIsOpen,\n      ...interactions,\n      ...data,\n      transitionStyles,\n      labelId,\n      descriptionId,\n      setLabelId,\n      setDescriptionId,\n      anchorElementAsPortalAnchor,\n      shouldCaptureFocus,\n      initialFocus,\n      isPortaled,\n    }),\n    [\n      isOpen,\n      setIsOpen,\n      interactions,\n      data,\n      transitionStyles,\n      labelId,\n      descriptionId,\n      anchorElementAsPortalAnchor,\n      shouldCaptureFocus,\n      initialFocus,\n      isPortaled,\n    ],\n  );\n}\n"]}
+{"version":3,"file":"use-popover.js","sourceRoot":"","sources":["../../../src/popover/use-popover.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  flip,\n  offset,\n  type OffsetOptions,\n  type Placement,\n  shift,\n  useClick,\n  useClientPoint,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  type UseInteractionsReturn,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { tokens } from '@neo4j-ndl/base';\nimport { useMemo, useState } from 'react';\n\nexport interface PopoverOptions {\n  isInitialOpen?: boolean;\n  placement?: Placement;\n  isOpen?: boolean;\n  onOpenChange?: (open: boolean, event?: Event) => void;\n  offsetOption?: OffsetOptions;\n  anchorElement?: Element | null;\n  anchorPosition?: {\n    x: number;\n    y: number;\n  };\n  anchorElementAsPortalAnchor?: boolean;\n  shouldCaptureFocus?: boolean;\n  initialFocus?: number | React.RefObject<HTMLElement | null>;\n  role?:\n    | 'tooltip'\n    | 'dialog'\n    | 'alertdialog'\n    | 'menu'\n    | 'listbox'\n    | 'grid'\n    | 'tree';\n  closeOnClickOutside?: boolean;\n  strategy?: 'fixed' | 'absolute';\n  isPortaled?: boolean;\n}\n\nexport interface UsePopoverReturn\n  extends UseInteractionsReturn, ReturnType<typeof useFloating> {\n  isOpen: boolean;\n  labelId: string | undefined;\n  descriptionId: string | undefined;\n  transitionStyles: React.CSSProperties;\n  setLabelId: (labelId: string | undefined) => void;\n  setDescriptionId: (descriptionId: string | undefined) => void;\n  anchorElementAsPortalAnchor: boolean | undefined;\n  shouldCaptureFocus: boolean | undefined;\n  initialFocus: number | React.RefObject<HTMLElement | null> | undefined;\n  isPortaled: boolean;\n}\n\nexport function usePopover({\n  isInitialOpen = false,\n  placement = 'bottom',\n  isOpen: controlledOpen,\n  onOpenChange: setControlledOpen,\n  offsetOption = 10,\n  anchorElement,\n  anchorPosition,\n  anchorElementAsPortalAnchor,\n  shouldCaptureFocus,\n  initialFocus,\n  role: roleProp,\n  closeOnClickOutside,\n  strategy = 'absolute',\n  isPortaled = true,\n}: PopoverOptions = {}): UsePopoverReturn {\n  // Internal state for uncontrolled mode (no `isOpen` prop provided).\n  const [isOpenUncontrolled, setIsOpenUncontrolled] = useState(isInitialOpen);\n  const [labelId, setLabelId] = useState<string | undefined>();\n  const [descriptionId, setDescriptionId] = useState<string | undefined>();\n\n  // Controlled/uncontrolled pattern: prefer the consumer-provided `isOpen`,\n  // falling back to internal state when not provided.\n  const isOpen = controlledOpen ?? isOpenUncontrolled;\n\n  const data = useFloating({\n    elements: {\n      reference: anchorElement,\n    },\n    middleware: [\n      offset(offsetOption),\n      flip({\n        crossAxis: placement.includes('-'),\n        fallbackAxisSideDirection: 'end',\n        padding: 5,\n      }),\n      shift(),\n    ],\n    // Floating UI calls this when interactions (useClick, useDismiss, etc.)\n    // trigger an open/close. We always sync internal state so uncontrolled\n    // mode works, and notify the consumer callback exactly once if provided.\n    onOpenChange: (open, event) => {\n      setIsOpenUncontrolled(open);\n      setControlledOpen?.(open, event);\n    },\n    open: isOpen,\n    placement: placement,\n    strategy,\n    whileElementsMounted: autoUpdate,\n  });\n  const context = data.context;\n\n  // Only enable built-in click-to-toggle in uncontrolled mode. In controlled\n  // mode the consumer owns the open state and wires up their own trigger.\n  const click = useClick(context, {\n    enabled: controlledOpen === undefined,\n  });\n\n  const dismiss = useDismiss(context, {\n    outsidePress: closeOnClickOutside,\n  });\n  const role = useRole(context, {\n    role: roleProp,\n  });\n\n  const clientPoint = useClientPoint(context, {\n    enabled: anchorPosition !== undefined,\n    x: anchorPosition?.x,\n    y: anchorPosition?.y,\n  });\n\n  const interactions = useInteractions([click, dismiss, role, clientPoint]);\n\n  const { styles: transitionStyles } = useTransitionStyles(context, {\n    duration: Number.parseInt(tokens.motion.duration.quick) ?? 0,\n  });\n\n  return useMemo(\n    () => ({\n      isOpen,\n      ...interactions,\n      ...data,\n      transitionStyles,\n      labelId,\n      descriptionId,\n      setLabelId,\n      setDescriptionId,\n      anchorElementAsPortalAnchor,\n      shouldCaptureFocus,\n      initialFocus,\n      isPortaled,\n    }),\n    [\n      isOpen,\n      interactions,\n      data,\n      transitionStyles,\n      labelId,\n      descriptionId,\n      anchorElementAsPortalAnchor,\n      shouldCaptureFocus,\n      initialFocus,\n      isPortaled,\n    ],\n  );\n}\n"]}

package/lib/types/popover/Popover.d.ts

@@ -39,7 +39,7 @@ type PopoverProps = {
     placement?: PlacementOptions;
     /** can take either a number, an object or a function. Full documentation here:  https://floating-ui.com/docs/offset   */
     offset?: OffsetOptions;
-    /**  Called when the floating element is opened or closed */
+    /** Called when an internal state change is triggered, when the floating element either opens or closes. It is not called when `isOpen` is updated by the consumer. */
     onOpenChange?: (isOpen: boolean, event?: Event) => void;
     /** Use anchorEl for portal's container. Should be used if the popover is portaled and is inside a Dialog for example. */
     hasAnchorPortal?: boolean;

package/lib/types/popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/popover/Popover.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,SAAS,EAEf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC5B,MAAM,kBAAkB,CAAC;AAO1B,KAAK,gBAAgB,GACjB,oBAAoB,GACpB,wBAAwB,GACxB,0BAA0B,GAC1B,oBAAoB,GACpB,wBAAwB,GACxB,0BAA0B,GAC1B,yBAAyB,GACzB,mBAAmB,GACnB,yBAAyB,GACzB,yBAAyB,GACzB,mBAAmB,GACnB,yBAAyB,CAAC;AAE9B,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAapE,CAAC;AACF,KAAK,YAAY,GAAG;IAClB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qEAAqE;IACrE,aAAa,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,0EAA0E;IAC1E,cAAc,CAAC,EAAE;QACf,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;IACF,+SAA+S;IAC/S,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,yHAAyH;IACzH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACxD,yHAAyH;IACzH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8EAA8E;IAC9E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC5D,8BAA8B;IAC9B,IAAI,CAAC,EACD,SAAS,GACT,QAAQ,GACR,aAAa,GACb,MAAM,GACN,SAAS,GACT,MAAM,GACN,MAAM,CAAC;IACX,qEAAqE;IACrE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAChC,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAMF,eAAO,MAAM,iBAAiB,gDAQ7B,CAAC;AA+CF,KAAK,mBAAmB,GAAG;IACzB,iCAAiC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iGAAiG;IACjG,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AA0CF,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAqEF,QAAA,MAAM,OAAO,kPAtJV,YAAY;cAmFS,CAAC,SAAS,KAAK,CAAC,WAAW,iFAQhD,sBAAsB,CAAC,CAAC,EAAE,mBAAmB,CAAC;6DAjD9C,WAAW,CAAC,QAAQ,EAAE,mBAAmB,CAAC;CA+G3C,CAAC;AAEH,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/popover/Popover.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,SAAS,EAEf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC5B,MAAM,kBAAkB,CAAC;AAO1B,KAAK,gBAAgB,GACjB,oBAAoB,GACpB,wBAAwB,GACxB,0BAA0B,GAC1B,oBAAoB,GACpB,wBAAwB,GACxB,0BAA0B,GAC1B,yBAAyB,GACzB,mBAAmB,GACnB,yBAAyB,GACzB,yBAAyB,GACzB,mBAAmB,GACnB,yBAAyB,CAAC;AAE9B,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAapE,CAAC;AACF,KAAK,YAAY,GAAG;IAClB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qEAAqE;IACrE,aAAa,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,0EAA0E;IAC1E,cAAc,CAAC,EAAE;QACf,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;IACF,+SAA+S;IAC/S,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,yHAAyH;IACzH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,sKAAsK;IACtK,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACxD,yHAAyH;IACzH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8EAA8E;IAC9E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC5D,8BAA8B;IAC9B,IAAI,CAAC,EACD,SAAS,GACT,QAAQ,GACR,aAAa,GACb,MAAM,GACN,SAAS,GACT,MAAM,GACN,MAAM,CAAC;IACX,qEAAqE;IACrE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAChC,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAMF,eAAO,MAAM,iBAAiB,gDAQ7B,CAAC;AA+CF,KAAK,mBAAmB,GAAG;IACzB,iCAAiC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iGAAiG;IACjG,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AA0CF,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAqEF,QAAA,MAAM,OAAO,kPAtJV,YAAY;cAmFS,CAAC,SAAS,KAAK,CAAC,WAAW,iFAQhD,sBAAsB,CAAC,CAAC,EAAE,mBAAmB,CAAC;6DAjD9C,WAAW,CAAC,QAAQ,EAAE,mBAAmB,CAAC;CA+G3C,CAAC;AAEH,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/lib/types/popover/stories/index.d.ts

@@ -23,9 +23,11 @@ export { default as PopoverNoButtonWrapper } from './popover-no-button-wrapper.s
 export { default as PopoverSeparateAnchor } from './popover-separate-anchor.story';
 export { default as PopoverInDialog } from './popover-in-dialog.story';
 export { default as PopoverCustomOffset } from './popover-custom-offset.story';
+export { default as PopoverControlled } from './popover-controlled.story';
 export declare const PopoverDefaultSrc: string;
 export declare const PopoverNoButtonWrapperSrc: string;
 export declare const PopoverSeparateAnchorSrc: string;
 export declare const PopoverInDialogSrc: string;
 export declare const PopoverCustomOffsetSrc: string;
+export declare const PopoverControlledSrc: string;
 //# sourceMappingURL=index.d.ts.map

package/lib/types/popover/stories/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/popover/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAS/E,eAAO,MAAM,iBAAiB,QAA4C,CAAC;AAC3E,eAAO,MAAM,yBAAyB,QAErC,CAAC;AACF,eAAO,MAAM,wBAAwB,QAEpC,CAAC;AACF,eAAO,MAAM,kBAAkB,QAA6C,CAAC;AAC7E,eAAO,MAAM,sBAAsB,QAElC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/popover/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAU1E,eAAO,MAAM,iBAAiB,QAA4C,CAAC;AAC3E,eAAO,MAAM,yBAAyB,QAErC,CAAC;AACF,eAAO,MAAM,wBAAwB,QAEpC,CAAC;AACF,eAAO,MAAM,kBAAkB,QAA6C,CAAC;AAC7E,eAAO,MAAM,sBAAsB,QAElC,CAAC;AACF,eAAO,MAAM,oBAAoB,QAEhC,CAAC"}

package/lib/types/popover/stories/popover-controlled.story.d.ts

@@ -0,0 +1,24 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;
+//# sourceMappingURL=popover-controlled.story.d.ts.map

package/lib/types/popover/stories/popover-controlled.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-controlled.story.d.ts","sourceRoot":"","sources":["../../../../src/popover/stories/popover-controlled.story.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAKjD,QAAA,MAAM,SAAS,+CAmBd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/types/popover/use-popover.d.ts

@@ -40,7 +40,6 @@ export interface PopoverOptions {
 }
 export interface UsePopoverReturn extends UseInteractionsReturn, ReturnType<typeof useFloating> {
     isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
     labelId: string | undefined;
     descriptionId: string | undefined;
     transitionStyles: React.CSSProperties;

package/lib/types/popover/use-popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-popover.d.ts","sourceRoot":"","sources":["../../../src/popover/use-popover.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,SAAS,EAKd,WAAW,EAEX,KAAK,qBAAqB,EAG3B,MAAM,oBAAoB,CAAC;AAI5B,MAAM,WAAW,cAAc;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE;QACf,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;IACF,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC5D,IAAI,CAAC,EACD,SAAS,GACT,QAAQ,GACR,aAAa,GACb,MAAM,GACN,SAAS,GACT,MAAM,GACN,MAAM,CAAC;IACX,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,gBACf,SAAQ,qBAAqB,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC;IAC7D,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,gBAAgB,EAAE,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9D,2BAA2B,EAAE,OAAO,GAAG,SAAS,CAAC;IACjD,kBAAkB,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,YAAY,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACvE,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,aAAqB,EACrB,SAAoB,EACpB,MAAM,EAAE,cAAc,EACtB,YAAY,EAAE,iBAAiB,EAC/B,YAAiB,EACjB,aAAa,EACb,cAAc,EACd,2BAA2B,EAC3B,kBAAkB,EAClB,YAAY,EACZ,IAAI,EAAE,QAAQ,EACd,mBAAmB,EACnB,QAAqB,EACrB,UAAiB,GAClB,GAAE,cAAmB,GAAG,gBAAgB,CAmFxC"}
+{"version":3,"file":"use-popover.d.ts","sourceRoot":"","sources":["../../../src/popover/use-popover.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,SAAS,EAKd,WAAW,EAEX,KAAK,qBAAqB,EAG3B,MAAM,oBAAoB,CAAC;AAI5B,MAAM,WAAW,cAAc;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE;QACf,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;IACF,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC5D,IAAI,CAAC,EACD,SAAS,GACT,QAAQ,GACR,aAAa,GACb,MAAM,GACN,SAAS,GACT,MAAM,GACN,MAAM,CAAC;IACX,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,gBACf,SAAQ,qBAAqB,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC;IAC7D,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,gBAAgB,EAAE,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9D,2BAA2B,EAAE,OAAO,GAAG,SAAS,CAAC;IACjD,kBAAkB,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,YAAY,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACvE,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,aAAqB,EACrB,SAAoB,EACpB,MAAM,EAAE,cAAc,EACtB,YAAY,EAAE,iBAAiB,EAC/B,YAAiB,EACjB,aAAa,EACb,cAAc,EACd,2BAA2B,EAC3B,kBAAkB,EAClB,YAAY,EACZ,IAAI,EAAE,QAAQ,EACd,mBAAmB,EACnB,QAAqB,EACrB,UAAiB,GAClB,GAAE,cAAmB,GAAG,gBAAgB,CA0FxC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "4.9.14",
+  "version": "4.9.15",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [