@ariakit/react-components 0.1.0 → 0.1.2

package/dist/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":[],"sources":["../../src/popover/popover.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useEvent,\n  usePortalRef,\n  useSafeLayoutEffect,\n  useWrapElement,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { invariant } from \"@ariakit/utils\";\nimport {\n  arrow,\n  autoUpdate,\n  computePosition,\n  flip,\n  limitShift,\n  offset,\n  shift,\n  size,\n} from \"@floating-ui/dom\";\nimport type { ElementType, HTMLAttributes } from \"react\";\nimport { useRef, useState } from \"react\";\nimport type { DialogOptions } from \"../dialog/dialog.tsx\";\nimport { createDialogComponent, useDialog } from \"../dialog/dialog.tsx\";\nimport {\n  PopoverScopedContextProvider,\n  usePopoverProviderContext,\n} from \"./popover-context.tsx\";\nimport type { PopoverStore } from \"./popover-store.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype BasePlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\ntype Placement =\n  | BasePlacement\n  | `${BasePlacement}-start`\n  | `${BasePlacement}-end`;\n\ninterface AnchorRect {\n  x?: number;\n  y?: number;\n  width?: number;\n  height?: number;\n}\n\nfunction createDOMRect(x = 0, y = 0, width = 0, height = 0) {\n  if (typeof DOMRect === \"function\") {\n    return new DOMRect(x, y, width, height);\n  }\n  // JSDOM doesn't support DOMRect constructor.\n  const rect = {\n    x,\n    y,\n    width,\n    height,\n    top: y,\n    right: x + width,\n    bottom: y + height,\n    left: x,\n  };\n  return { ...rect, toJSON: () => rect };\n}\n\nfunction getDOMRect(anchorRect?: AnchorRect | null) {\n  if (!anchorRect) return createDOMRect();\n  const { x, y, width, height } = anchorRect;\n  return createDOMRect(x, y, width, height);\n}\n\nfunction getAnchorElement(\n  anchorElement: HTMLElement | null,\n  getAnchorRect?: (anchor: HTMLElement | null) => AnchorRect | null,\n) {\n  // https://floating-ui.com/docs/virtual-elements\n  const contextElement = anchorElement || undefined;\n  return {\n    contextElement,\n    getBoundingClientRect: () => {\n      const anchor = anchorElement;\n      const anchorRect = getAnchorRect?.(anchor);\n      if (anchorRect || !anchor) {\n        return getDOMRect(anchorRect);\n      }\n      return anchor.getBoundingClientRect();\n    },\n  };\n}\n\nfunction isValidPlacement(flip: string): flip is Placement {\n  return /^(?:top|bottom|left|right)(?:-(?:start|end))?$/.test(flip);\n}\n\n// https://floating-ui.com/docs/misc#subpixel-and-accelerated-positioning\nfunction roundByDPR(value: number) {\n  const dpr = window.devicePixelRatio || 1;\n  return Math.round(value * dpr) / dpr;\n}\n\nfunction getOffsetMiddleware(\n  arrowElement: HTMLElement | null,\n  props: Pick<PopoverOptions, \"gutter\" | \"shift\">,\n) {\n  // https://floating-ui.com/docs/offset\n  return offset(({ placement }: { placement: Placement }) => {\n    const arrowOffset = (arrowElement?.clientHeight || 0) / 2;\n    const finalGutter =\n      typeof props.gutter === \"number\"\n        ? props.gutter + arrowOffset\n        : (props.gutter ?? arrowOffset);\n    // If there's no placement alignment (*-start or *-end),\n    // we'll fallback to the crossAxis offset as it also works\n    // for center-aligned placements.\n    const hasAlignment = !!placement.split(\"-\")[1];\n    return {\n      crossAxis: !hasAlignment ? props.shift : undefined,\n      mainAxis: finalGutter,\n      alignmentAxis: props.shift,\n    };\n  });\n}\n\nfunction getFlipMiddleware(\n  props: Pick<PopoverOptions, \"flip\" | \"overflowPadding\">,\n) {\n  if (props.flip === false) return;\n  const fallbackPlacements =\n    typeof props.flip === \"string\" ? props.flip.split(\" \") : undefined;\n\n  invariant(\n    !fallbackPlacements || fallbackPlacements.every(isValidPlacement),\n    process.env.NODE_ENV !== \"production\" &&\n      \"`flip` expects a spaced-delimited list of placements\",\n  );\n\n  // https://floating-ui.com/docs/flip\n  return flip({\n    padding: props.overflowPadding,\n    fallbackPlacements,\n  });\n}\n\nfunction getShiftMiddleware(\n  props: Pick<\n    PopoverOptions,\n    \"slide\" | \"shift\" | \"overlap\" | \"overflowPadding\"\n  >,\n) {\n  if (!props.slide && !props.overlap) return;\n  // https://floating-ui.com/docs/shift\n  return shift({\n    mainAxis: props.slide,\n    crossAxis: props.overlap,\n    padding: props.overflowPadding,\n    limiter: limitShift(),\n  });\n}\n\nfunction getSizeMiddleware(\n  props: Pick<PopoverOptions, \"sameWidth\" | \"fitViewport\" | \"overflowPadding\">,\n) {\n  // https://floating-ui.com/docs/size\n  return size({\n    padding: props.overflowPadding,\n    apply({ elements, availableWidth, availableHeight, rects }) {\n      const wrapper = elements.floating;\n      const referenceWidth = Math.round(rects.reference.width);\n\n      availableWidth = Math.floor(availableWidth);\n      availableHeight = Math.floor(availableHeight);\n\n      wrapper.style.setProperty(\n        \"--popover-anchor-width\",\n        `${referenceWidth}px`,\n      );\n      wrapper.style.setProperty(\n        \"--popover-available-width\",\n        `${availableWidth}px`,\n      );\n      wrapper.style.setProperty(\n        \"--popover-available-height\",\n        `${availableHeight}px`,\n      );\n\n      if (props.sameWidth) {\n        wrapper.style.width = `${referenceWidth}px`;\n      }\n\n      if (props.fitViewport) {\n        wrapper.style.maxWidth = `${availableWidth}px`;\n        wrapper.style.maxHeight = `${availableHeight}px`;\n      }\n    },\n  });\n}\n\nfunction getArrowMiddleware(\n  arrowElement: HTMLElement | null,\n  props: Pick<PopoverOptions, \"arrowPadding\">,\n) {\n  if (!arrowElement) return;\n  // https://floating-ui.com/docs/arrow\n  return arrow({\n    element: arrowElement,\n    padding: props.arrowPadding,\n  });\n}\n\n/**\n * Returns props to create a `Popover` component.\n * @see https://ariakit.com/components/popover\n * @example\n * ```jsx\n * const store = usePopoverStore();\n * const props = usePopover({ store });\n * <Role {...props}>Popover</Role>\n * ```\n */\nexport const usePopover = createHook<TagName, PopoverOptions>(\n  function usePopover({\n    store,\n    modal = false,\n    portal = modal,\n    preserveTabOrder = true,\n    autoFocusOnShow = true,\n    wrapperProps,\n    fixed = false,\n    flip = true,\n    shift = 0,\n    slide = true,\n    overlap = false,\n    sameWidth = false,\n    fitViewport = false,\n    gutter,\n    arrowPadding = 4,\n    overflowPadding = 8,\n    getAnchorRect,\n    updatePosition,\n    ...props\n  }) {\n    const context = usePopoverProviderContext();\n    store = store || context;\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"Popover must receive a `store` prop or be wrapped in a PopoverProvider component.\",\n    );\n\n    const arrowElement = useStoreState(store, \"arrowElement\");\n    const anchorElement = useStoreState(store, \"anchorElement\");\n    const disclosureElement = useStoreState(store, \"disclosureElement\");\n    const popoverElement = useStoreState(store, \"popoverElement\");\n    const contentElement = useStoreState(store, \"contentElement\");\n    const placement = useStoreState(store, \"placement\");\n    const mounted = useStoreState(store, \"mounted\");\n    const rendered = useStoreState(store, \"rendered\");\n\n    const defaultArrowElementRef = useRef<HTMLElement | null>(null);\n\n    // We have to wait for the popover to be positioned for the first time\n    // before we can move focus, otherwise there may be scroll jumps. See\n    // popover-standalone example test-browser file.\n    const [positioned, setPositioned] = useState(false);\n\n    const { portalRef, domReady } = usePortalRef(portal, props.portalRef);\n\n    const getAnchorRectProp = useEvent(getAnchorRect);\n    const updatePositionProp = useEvent(updatePosition);\n    const hasCustomUpdatePosition = !!updatePosition;\n\n    useSafeLayoutEffect(() => {\n      if (!popoverElement?.isConnected) return;\n\n      popoverElement.style.setProperty(\n        \"--popover-overflow-padding\",\n        `${overflowPadding}px`,\n      );\n\n      const anchor = getAnchorElement(anchorElement, getAnchorRectProp);\n\n      const updatePosition = async () => {\n        if (!mounted) return;\n\n        if (!arrowElement) {\n          defaultArrowElementRef.current =\n            defaultArrowElementRef.current || document.createElement(\"div\");\n        }\n\n        const arrow = arrowElement || defaultArrowElementRef.current;\n\n        const middleware = [\n          getOffsetMiddleware(arrow, { gutter, shift }),\n          getFlipMiddleware({ flip, overflowPadding }),\n          getShiftMiddleware({ slide, shift, overlap, overflowPadding }),\n          getArrowMiddleware(arrow, { arrowPadding }),\n          getSizeMiddleware({\n            sameWidth,\n            fitViewport,\n            overflowPadding,\n          }),\n        ];\n\n        // https://floating-ui.com/docs/computePosition\n        const pos = await computePosition(anchor, popoverElement, {\n          placement,\n          strategy: fixed ? \"fixed\" : \"absolute\",\n          middleware,\n        });\n\n        store?.setState(\"currentPlacement\", pos.placement);\n        setPositioned(true);\n\n        const x = roundByDPR(pos.x);\n        const y = roundByDPR(pos.y);\n\n        // https://floating-ui.com/docs/misc#subpixel-and-accelerated-positioning\n        Object.assign(popoverElement.style, {\n          top: \"0\",\n          left: \"0\",\n          transform: `translate3d(${x}px,${y}px,0)`,\n        });\n\n        // https://floating-ui.com/docs/arrow#usage\n        if (arrow && pos.middlewareData.arrow) {\n          const { x: arrowX, y: arrowY } = pos.middlewareData.arrow;\n\n          const side = pos.placement.split(\"-\")[0] as BasePlacement;\n\n          const centerX = arrow.clientWidth / 2;\n          const centerY = arrow.clientHeight / 2;\n\n          const originX = arrowX != null ? arrowX + centerX : -centerX;\n          const originY = arrowY != null ? arrowY + centerY : -centerY;\n\n          popoverElement.style.setProperty(\n            \"--popover-transform-origin\",\n            {\n              top: `${originX}px calc(100% + ${centerY}px)`,\n              bottom: `${originX}px ${-centerY}px`,\n              left: `calc(100% + ${centerX}px) ${originY}px`,\n              right: `${-centerX}px ${originY}px`,\n            }[side],\n          );\n\n          Object.assign(arrow.style, {\n            left: arrowX != null ? `${arrowX}px` : \"\",\n            top: arrowY != null ? `${arrowY}px` : \"\",\n            [side]: \"100%\",\n          });\n        }\n      };\n\n      const update = async () => {\n        if (hasCustomUpdatePosition) {\n          await updatePositionProp({ updatePosition });\n          setPositioned(true);\n        } else {\n          await updatePosition();\n        }\n      };\n\n      // https://floating-ui.com/docs/autoUpdate\n      const cancelAutoUpdate = autoUpdate(anchor, popoverElement, update, {\n        // JSDOM doesn't support ResizeObserver\n        elementResize: typeof ResizeObserver === \"function\",\n      });\n\n      return () => {\n        setPositioned(false);\n        cancelAutoUpdate();\n      };\n    }, [\n      store,\n      rendered,\n      popoverElement,\n      arrowElement,\n      anchorElement,\n      popoverElement,\n      placement,\n      mounted,\n      domReady,\n      fixed,\n      flip,\n      shift,\n      slide,\n      overlap,\n      sameWidth,\n      fitViewport,\n      gutter,\n      arrowPadding,\n      overflowPadding,\n      getAnchorRectProp,\n      hasCustomUpdatePosition,\n      updatePositionProp,\n    ]);\n\n    // Makes sure the wrapper element that's passed to floating UI has the same\n    // z-index as the popover element so users only need to set the z-index\n    // once.\n    useSafeLayoutEffect(() => {\n      if (!mounted) return;\n      if (!domReady) return;\n      if (!popoverElement?.isConnected) return;\n      if (!contentElement?.isConnected) return;\n      const applyZIndex = () => {\n        popoverElement.style.zIndex = getComputedStyle(contentElement).zIndex;\n      };\n      applyZIndex();\n      // It's possible that the zIndex value changes after the popover is\n      // mounted, so we need to keep checking.\n      let raf = requestAnimationFrame(() => {\n        raf = requestAnimationFrame(applyZIndex);\n      });\n      return () => cancelAnimationFrame(raf);\n    }, [mounted, domReady, popoverElement, contentElement]);\n\n    const position = fixed ? \"fixed\" : \"absolute\";\n\n    // Wrap our element in a div that will be used to position the popover.\n    // This way the user doesn't need to override the popper's position to\n    // create animations.\n    props = useWrapElement(\n      props,\n      (element) => (\n        <div\n          {...wrapperProps}\n          style={{\n            // https://floating-ui.com/docs/computeposition#initial-layout\n            position,\n            top: 0,\n            left: 0,\n            width: \"max-content\",\n            ...wrapperProps?.style,\n          }}\n          ref={store?.setPopoverElement}\n        >\n          {element}\n        </div>\n      ),\n      [store, position, wrapperProps],\n    );\n\n    props = useWrapElement(\n      props,\n      (element) => (\n        <PopoverScopedContextProvider value={store}>\n          {element}\n        </PopoverScopedContextProvider>\n      ),\n      [store],\n    );\n\n    props = {\n      // data-placing is not part of the public API. We're setting this here so\n      // we can wait for the popover to be positioned before other components\n      // move focus into it. For example, this attribute is observed by the\n      // Combobox component with the autoSelect behavior.\n      \"data-placing\": !positioned || undefined,\n      ...props,\n      style: {\n        position: \"relative\",\n        ...props.style,\n      },\n    };\n\n    props = useDialog({\n      store,\n      modal,\n      portal,\n      preserveTabOrder,\n      preserveTabOrderAnchor: disclosureElement || anchorElement,\n      autoFocusOnShow: positioned && autoFocusOnShow,\n      ...props,\n      portalRef,\n    });\n\n    return props;\n  },\n);\n\n/**\n * Renders a popover element that's automatically positioned relative to an\n * anchor element.\n * @see https://ariakit.com/components/popover\n * @example\n * ```jsx {3}\n * <PopoverProvider>\n *   <PopoverDisclosure>Disclosure</PopoverDisclosure>\n *   <Popover>Popover</Popover>\n * </PopoverProvider>\n * ```\n */\nexport const Popover = createDialogComponent(\n  forwardRef(function Popover(props: PopoverProps) {\n    const htmlProps = usePopover(props);\n    return createElement(TagName, htmlProps);\n  }),\n  usePopoverProviderContext,\n);\n\nexport interface PopoverOptions<\n  T extends ElementType = TagName,\n> extends DialogOptions<T> {\n  /**\n   * Object returned by the\n   * [`usePopoverStore`](https://ariakit.com/reference/use-popover-store) hook.\n   * If not provided, the closest\n   * [`PopoverProvider`](https://ariakit.com/reference/popover-provider)\n   * component's context will be used.\n   */\n  store?: PopoverStore;\n  /**\n   * Props that will be passed to the popover wrapper element. This element will\n   * be used to position the popover.\n   *\n   * Live examples:\n   * - [Navigation Menubar](https://ariakit.com/examples/menubar-navigation)\n   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)\n   */\n  wrapperProps?: HTMLAttributes<HTMLDivElement>;\n  /**\n   * Whether the popover has `position: fixed` or not.\n   * @default false\n   */\n  fixed?: boolean;\n  /**\n   * The distance between the popover and the anchor element.\n   *\n   * Live examples:\n   * - [Combobox filtering](https://ariakit.com/examples/combobox-filtering)\n   * - [Form with Select](https://ariakit.com/examples/form-select)\n   * - [Hovercard with keyboard support](https://ariakit.com/examples/hovercard-disclosure)\n   * - [MenuItemRadio](https://ariakit.com/examples/menu-item-radio)\n   * - [Submenu](https://ariakit.com/examples/menu-nested)\n   * - [Toolbar with Select](https://ariakit.com/examples/toolbar-select)\n   * @default 0\n   */\n  gutter?: number;\n  /**\n   * The skidding of the popover along the anchor element. Can be set to\n   * negative values to make the popover shift to the opposite side.\n   *\n   * Live examples:\n   * - [Combobox with Tabs](https://ariakit.com/examples/combobox-tabs)\n   * - [Navigation Menubar](https://ariakit.com/examples/menubar-navigation)\n   * - [Submenu](https://ariakit.com/examples/menu-nested)\n   * - [Menubar](https://ariakit.com/components/menubar)\n   * - [Select with Combobox and\n   *   Tabs](https://ariakit.com/examples/select-combobox-tab)\n   * @default 0\n   */\n  shift?: number;\n  /**\n   * Controls the behavior of the popover when it overflows the viewport:\n   * - If a `boolean`, specifies whether the popover should flip to the opposite\n   *   side when it overflows.\n   * - If a `string`, indicates the preferred fallback placements when it\n   *   overflows. The placements must be spaced-delimited, e.g. \"top left\".\n   *\n   * Live examples:\n   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)\n   * - [Menubar](https://ariakit.com/components/menubar)\n   * @default true\n   */\n  flip?: boolean | string;\n  /**\n   * Whether the popover should slide when it overflows.\n   * @default true\n   */\n  slide?: boolean;\n  /**\n   * Whether the popover can overlap the anchor element when it overflows.\n   *\n   * Live examples:\n   * - [Menubar](https://ariakit.com/components/menubar)\n   * - [Submenu with\n   *   Combobox](https://ariakit.com/examples/menu-nested-combobox)\n   * @default false\n   */\n  overlap?: boolean;\n  /**\n   * Whether the popover should have the same width as the anchor element. This\n   * will be exposed to CSS as\n   * [`--popover-anchor-width`](https://ariakit.com/guide/styling#--popover-anchor-width).\n   * @default false\n   */\n  sameWidth?: boolean;\n  /**\n   * Whether the popover should fit the viewport. If this is set to true, the\n   * popover wrapper will have `maxWidth` and `maxHeight` set to the viewport\n   * size. This will be exposed to CSS as\n   * [`--popover-available-width`](https://ariakit.com/guide/styling#--popover-available-width)\n   * and\n   * [`--popover-available-height`](https://ariakit.com/guide/styling#--popover-available-height).\n   *\n   * Live examples:\n   * - [Textarea with inline\n   *   Combobox](https://ariakit.com/examples/combobox-textarea)\n   * - [Menubar](https://ariakit.com/components/menubar)\n   * @default false\n   */\n  fitViewport?: boolean;\n  /**\n   * The minimum padding between the arrow and the popover corner.\n   * @default 4\n   */\n  arrowPadding?: number;\n  /**\n   * The minimum padding between the popover and the viewport edge. This will be\n   * exposed to CSS as\n   * [`--popover-overflow-padding`](https://ariakit.com/guide/styling#--popover-overflow-padding).\n   *\n   * Live examples:\n   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)\n   * @default 8\n   */\n  overflowPadding?: number;\n  /**\n   * Function that returns the anchor element's DOMRect. If this is explicitly\n   * passed, it will override the anchor `getBoundingClientRect` method.\n   *\n   * Live examples:\n   *  - [Textarea with inline combobox](https://ariakit.com/examples/combobox-textarea)\n   *  - [Standalone Popover](https://ariakit.com/examples/popover-standalone)\n   *  - [Context menu](https://ariakit.com/examples/menu-context-menu)\n   *  - [Selection Popover](https://ariakit.com/examples/popover-selection)\n   */\n  getAnchorRect?: (anchor: HTMLElement | null) => AnchorRect | null;\n  /**\n   * A callback that will be called when the popover needs to calculate its\n   * position. This will override the internal `updatePosition` function. The\n   * original `updatePosition` function will be passed as an argument, so it can\n   * be called inside the callback to apply the default behavior.\n   *\n   * Live examples:\n   *  - [Responsive Popover](https://ariakit.com/examples/popover-responsive)\n   */\n  updatePosition?: (props: {\n    updatePosition: () => Promise<void>;\n  }) => void | Promise<void>;\n}\n\nexport type PopoverProps<T extends ElementType = TagName> = Props<\n  T,\n  PopoverOptions<T>\n>;\n"],"mappings":"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"}
+{"version":3,"file":"popover.js","names":[],"sources":["../../src/popover/popover.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useEvent,\n  usePortalRef,\n  useSafeLayoutEffect,\n  useWrapElement,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { invariant } from \"@ariakit/utils\";\nimport {\n  arrow,\n  autoUpdate,\n  computePosition,\n  flip,\n  limitShift,\n  offset,\n  shift,\n  size,\n} from \"@floating-ui/dom\";\nimport type { ElementType, HTMLAttributes } from \"react\";\nimport { useRef, useState } from \"react\";\nimport type { DialogOptions } from \"../dialog/dialog.tsx\";\nimport { createDialogComponent, useDialog } from \"../dialog/dialog.tsx\";\nimport {\n  PopoverScopedContextProvider,\n  usePopoverProviderContext,\n} from \"./popover-context.tsx\";\nimport type { PopoverStore } from \"./popover-store.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype BasePlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\ntype Placement =\n  | BasePlacement\n  | `${BasePlacement}-start`\n  | `${BasePlacement}-end`;\n\ninterface AnchorRect {\n  x?: number;\n  y?: number;\n  width?: number;\n  height?: number;\n}\n\nfunction createDOMRect(x = 0, y = 0, width = 0, height = 0) {\n  if (typeof DOMRect === \"function\") {\n    return new DOMRect(x, y, width, height);\n  }\n  // JSDOM doesn't support DOMRect constructor.\n  const rect = {\n    x,\n    y,\n    width,\n    height,\n    top: y,\n    right: x + width,\n    bottom: y + height,\n    left: x,\n  };\n  return { ...rect, toJSON: () => rect };\n}\n\nfunction getDOMRect(anchorRect?: AnchorRect | null) {\n  if (!anchorRect) return createDOMRect();\n  const { x, y, width, height } = anchorRect;\n  return createDOMRect(x, y, width, height);\n}\n\nfunction getAnchorElement(\n  anchorElement: HTMLElement | null,\n  getAnchorRect?: (anchor: HTMLElement | null) => AnchorRect | null,\n) {\n  // https://floating-ui.com/docs/virtual-elements\n  const contextElement = anchorElement || undefined;\n  return {\n    contextElement,\n    getBoundingClientRect: () => {\n      const anchor = anchorElement;\n      const anchorRect = getAnchorRect?.(anchor);\n      if (anchorRect || !anchor) {\n        return getDOMRect(anchorRect);\n      }\n      return anchor.getBoundingClientRect();\n    },\n  };\n}\n\nfunction isValidPlacement(flip: string): flip is Placement {\n  return /^(?:top|bottom|left|right)(?:-(?:start|end))?$/.test(flip);\n}\n\n// https://floating-ui.com/docs/misc#subpixel-and-accelerated-positioning\nfunction roundByDPR(value: number) {\n  const dpr = window.devicePixelRatio || 1;\n  return Math.round(value * dpr) / dpr;\n}\n\nfunction getOffsetMiddleware(\n  arrowElement: HTMLElement | null,\n  props: Pick<PopoverOptions, \"gutter\" | \"shift\">,\n) {\n  // https://floating-ui.com/docs/offset\n  return offset(({ placement }: { placement: Placement }) => {\n    const arrowOffset = (arrowElement?.clientHeight || 0) / 2;\n    const finalGutter =\n      typeof props.gutter === \"number\"\n        ? props.gutter + arrowOffset\n        : (props.gutter ?? arrowOffset);\n    // If there's no placement alignment (*-start or *-end),\n    // we'll fallback to the crossAxis offset as it also works\n    // for center-aligned placements.\n    const hasAlignment = !!placement.split(\"-\")[1];\n    return {\n      crossAxis: !hasAlignment ? props.shift : undefined,\n      mainAxis: finalGutter,\n      alignmentAxis: props.shift,\n    };\n  });\n}\n\nfunction getFlipMiddleware(\n  props: Pick<PopoverOptions, \"flip\" | \"overflowPadding\">,\n) {\n  if (props.flip === false) return;\n  const fallbackPlacements =\n    typeof props.flip === \"string\" ? props.flip.split(\" \") : undefined;\n\n  invariant(\n    !fallbackPlacements || fallbackPlacements.every(isValidPlacement),\n    process.env.NODE_ENV !== \"production\" &&\n      \"`flip` expects a spaced-delimited list of placements\",\n  );\n\n  // https://floating-ui.com/docs/flip\n  return flip({\n    padding: props.overflowPadding,\n    fallbackPlacements,\n  });\n}\n\nfunction getShiftMiddleware(\n  props: Pick<\n    PopoverOptions,\n    \"slide\" | \"shift\" | \"overlap\" | \"overflowPadding\"\n  >,\n) {\n  if (!props.slide && !props.overlap) return;\n  // https://floating-ui.com/docs/shift\n  return shift({\n    mainAxis: props.slide,\n    crossAxis: props.overlap,\n    padding: props.overflowPadding,\n    limiter: limitShift(),\n  });\n}\n\nfunction getSizeMiddleware(\n  props: Pick<PopoverOptions, \"sameWidth\" | \"fitViewport\" | \"overflowPadding\">,\n) {\n  // https://floating-ui.com/docs/size\n  return size({\n    padding: props.overflowPadding,\n    apply({ elements, availableWidth, availableHeight, rects }) {\n      const wrapper = elements.floating;\n      const referenceWidth = Math.round(rects.reference.width);\n\n      availableWidth = Math.floor(availableWidth);\n      availableHeight = Math.floor(availableHeight);\n\n      wrapper.style.setProperty(\n        \"--popover-anchor-width\",\n        `${referenceWidth}px`,\n      );\n      wrapper.style.setProperty(\n        \"--popover-available-width\",\n        `${availableWidth}px`,\n      );\n      wrapper.style.setProperty(\n        \"--popover-available-height\",\n        `${availableHeight}px`,\n      );\n\n      if (props.sameWidth) {\n        wrapper.style.width = `${referenceWidth}px`;\n      }\n\n      if (props.fitViewport) {\n        wrapper.style.maxWidth = `${availableWidth}px`;\n        wrapper.style.maxHeight = `${availableHeight}px`;\n      }\n    },\n  });\n}\n\nfunction getArrowMiddleware(\n  arrowElement: HTMLElement | null,\n  props: Pick<PopoverOptions, \"arrowPadding\">,\n) {\n  if (!arrowElement) return;\n  // https://floating-ui.com/docs/arrow\n  return arrow({\n    element: arrowElement,\n    padding: props.arrowPadding,\n  });\n}\n\n/**\n * Returns props to create a `Popover` component.\n * @see https://ariakit.com/components/popover\n * @example\n * ```jsx\n * const store = usePopoverStore();\n * const props = usePopover({ store });\n * <Role {...props}>Popover</Role>\n * ```\n */\nexport const usePopover = createHook<TagName, PopoverOptions>(\n  function usePopover({\n    store,\n    modal = false,\n    portal = modal,\n    preserveTabOrder = true,\n    autoFocusOnShow = true,\n    wrapperProps,\n    fixed = false,\n    flip = true,\n    shift = 0,\n    slide = true,\n    overlap = false,\n    sameWidth = false,\n    fitViewport = false,\n    gutter,\n    arrowPadding = 4,\n    overflowPadding = 8,\n    getAnchorRect,\n    updatePosition,\n    ...props\n  }) {\n    const context = usePopoverProviderContext();\n    store = store || context;\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"Popover must receive a `store` prop or be wrapped in a PopoverProvider component.\",\n    );\n\n    const arrowElement = useStoreState(store, \"arrowElement\");\n    const anchorElement = useStoreState(store, \"anchorElement\");\n    const disclosureElement = useStoreState(store, \"disclosureElement\");\n    const popoverElement = useStoreState(store, \"popoverElement\");\n    const contentElement = useStoreState(store, \"contentElement\");\n    const placement = useStoreState(store, \"placement\");\n    const mounted = useStoreState(store, \"mounted\");\n    const rendered = useStoreState(store, \"rendered\");\n\n    const defaultArrowElementRef = useRef<HTMLElement | null>(null);\n\n    // We have to wait for the popover to be positioned for the first time\n    // before we can move focus, otherwise there may be scroll jumps. See\n    // popover-standalone example test-browser file.\n    const [positioned, setPositioned] = useState(false);\n\n    const { portalRef, domReady } = usePortalRef(portal, props.portalRef);\n\n    const getAnchorRectProp = useEvent(getAnchorRect);\n    const updatePositionProp = useEvent(updatePosition);\n    const hasCustomUpdatePosition = !!updatePosition;\n\n    useSafeLayoutEffect(() => {\n      if (!popoverElement?.isConnected) return;\n\n      popoverElement.style.setProperty(\n        \"--popover-overflow-padding\",\n        `${overflowPadding}px`,\n      );\n\n      const anchor = getAnchorElement(anchorElement, getAnchorRectProp);\n\n      const updatePosition = async () => {\n        if (!mounted) return;\n\n        if (!arrowElement) {\n          defaultArrowElementRef.current =\n            defaultArrowElementRef.current || document.createElement(\"div\");\n        }\n\n        const arrow = arrowElement || defaultArrowElementRef.current;\n\n        const middleware = [\n          getOffsetMiddleware(arrow, { gutter, shift }),\n          getFlipMiddleware({ flip, overflowPadding }),\n          getShiftMiddleware({ slide, shift, overlap, overflowPadding }),\n          getArrowMiddleware(arrow, { arrowPadding }),\n          getSizeMiddleware({\n            sameWidth,\n            fitViewport,\n            overflowPadding,\n          }),\n        ];\n\n        // https://floating-ui.com/docs/computePosition\n        const pos = await computePosition(anchor, popoverElement, {\n          placement,\n          strategy: fixed ? \"fixed\" : \"absolute\",\n          middleware,\n        });\n\n        store?.setState(\"currentPlacement\", pos.placement);\n        setPositioned(true);\n\n        const x = roundByDPR(pos.x);\n        const y = roundByDPR(pos.y);\n\n        // https://floating-ui.com/docs/misc#subpixel-and-accelerated-positioning\n        Object.assign(popoverElement.style, {\n          top: \"0\",\n          left: \"0\",\n          transform: `translate3d(${x}px,${y}px,0)`,\n        });\n\n        // https://floating-ui.com/docs/arrow#usage\n        if (arrow && pos.middlewareData.arrow) {\n          const { x: arrowX, y: arrowY } = pos.middlewareData.arrow;\n\n          const side = pos.placement.split(\"-\")[0] as BasePlacement;\n\n          const centerX = arrow.clientWidth / 2;\n          const centerY = arrow.clientHeight / 2;\n\n          const originX = arrowX != null ? arrowX + centerX : -centerX;\n          const originY = arrowY != null ? arrowY + centerY : -centerY;\n\n          popoverElement.style.setProperty(\n            \"--popover-transform-origin\",\n            {\n              top: `${originX}px calc(100% + ${centerY}px)`,\n              bottom: `${originX}px ${-centerY}px`,\n              left: `calc(100% + ${centerX}px) ${originY}px`,\n              right: `${-centerX}px ${originY}px`,\n            }[side],\n          );\n\n          Object.assign(arrow.style, {\n            left: arrowX != null ? `${arrowX}px` : \"\",\n            top: arrowY != null ? `${arrowY}px` : \"\",\n            [side]: \"100%\",\n          });\n        }\n      };\n\n      const update = async () => {\n        if (hasCustomUpdatePosition) {\n          await updatePositionProp({ updatePosition });\n          setPositioned(true);\n        } else {\n          await updatePosition();\n        }\n      };\n\n      // https://floating-ui.com/docs/autoUpdate\n      const cancelAutoUpdate = autoUpdate(anchor, popoverElement, update, {\n        // JSDOM doesn't support ResizeObserver\n        elementResize: typeof ResizeObserver === \"function\",\n      });\n\n      return () => {\n        setPositioned(false);\n        cancelAutoUpdate();\n      };\n    }, [\n      store,\n      rendered,\n      popoverElement,\n      arrowElement,\n      anchorElement,\n      popoverElement,\n      placement,\n      mounted,\n      domReady,\n      fixed,\n      flip,\n      shift,\n      slide,\n      overlap,\n      sameWidth,\n      fitViewport,\n      gutter,\n      arrowPadding,\n      overflowPadding,\n      getAnchorRectProp,\n      hasCustomUpdatePosition,\n      updatePositionProp,\n    ]);\n\n    // Makes sure the wrapper element that's passed to floating UI has the same\n    // z-index as the popover element so users only need to set the z-index\n    // once.\n    useSafeLayoutEffect(() => {\n      if (!mounted) return;\n      if (!domReady) return;\n      if (!popoverElement?.isConnected) return;\n      if (!contentElement?.isConnected) return;\n      const applyZIndex = () => {\n        popoverElement.style.zIndex = getComputedStyle(contentElement).zIndex;\n      };\n      applyZIndex();\n      // It's possible that the zIndex value changes after the popover is\n      // mounted, so we need to keep checking.\n      let raf = requestAnimationFrame(() => {\n        raf = requestAnimationFrame(applyZIndex);\n      });\n      return () => cancelAnimationFrame(raf);\n    }, [mounted, domReady, popoverElement, contentElement]);\n\n    const position = fixed ? \"fixed\" : \"absolute\";\n\n    // Wrap our element in a div that will be used to position the popover.\n    // This way the user doesn't need to override the popper's position to\n    // create animations.\n    props = useWrapElement(\n      props,\n      (element) => (\n        <div\n          {...wrapperProps}\n          style={{\n            // https://floating-ui.com/docs/computeposition#initial-layout\n            position,\n            top: 0,\n            left: 0,\n            width: \"max-content\",\n            ...wrapperProps?.style,\n          }}\n          ref={store?.setPopoverElement}\n        >\n          {element}\n        </div>\n      ),\n      [store, position, wrapperProps],\n    );\n\n    props = useWrapElement(\n      props,\n      (element) => (\n        <PopoverScopedContextProvider value={store}>\n          {element}\n        </PopoverScopedContextProvider>\n      ),\n      [store],\n    );\n\n    props = {\n      // data-placing is not part of the public API. We're setting this here so\n      // we can wait for the popover to be positioned before other components\n      // move focus into it. For example, this attribute is observed by the\n      // Combobox component with the autoSelect behavior.\n      \"data-placing\": !positioned || undefined,\n      ...props,\n      style: {\n        position: \"relative\",\n        ...props.style,\n      },\n    };\n\n    props = useDialog({\n      store,\n      modal,\n      portal,\n      preserveTabOrder,\n      preserveTabOrderAnchor: disclosureElement || anchorElement,\n      autoFocusOnShow: positioned && autoFocusOnShow,\n      ...props,\n      portalRef,\n    });\n\n    return props;\n  },\n);\n\n/**\n * Renders a popover element that's automatically positioned relative to an\n * anchor element.\n * @see https://ariakit.com/components/popover\n * @example\n * ```jsx {3}\n * <PopoverProvider>\n *   <PopoverDisclosure>Disclosure</PopoverDisclosure>\n *   <Popover>Popover</Popover>\n * </PopoverProvider>\n * ```\n */\nexport const Popover = createDialogComponent(\n  forwardRef(function Popover(props: PopoverProps) {\n    const htmlProps = usePopover(props);\n    return createElement(TagName, htmlProps);\n  }),\n  usePopoverProviderContext,\n);\n\nexport interface PopoverOptions<\n  T extends ElementType = TagName,\n> extends DialogOptions<T> {\n  /**\n   * Object returned by the\n   * [`usePopoverStore`](https://ariakit.com/reference/use-popover-store) hook.\n   * If not provided, the closest\n   * [`PopoverProvider`](https://ariakit.com/reference/popover-provider)\n   * component's context will be used.\n   */\n  store?: PopoverStore;\n  /**\n   * Props that will be passed to the popover wrapper element. This element will\n   * be used to position the popover.\n   *\n   * Live examples:\n   * - [Navigation Menubar](https://ariakit.com/examples/menubar-navigation)\n   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)\n   */\n  wrapperProps?: HTMLAttributes<HTMLDivElement>;\n  /**\n   * Whether the popover has `position: fixed` or not.\n   * @default false\n   */\n  fixed?: boolean;\n  /**\n   * @default false\n   */\n  modal?: DialogOptions<T>[\"modal\"];\n  /**\n   * @default false\n   */\n  portal?: DialogOptions<T>[\"portal\"];\n  /**\n   * The distance between the popover and the anchor element.\n   *\n   * Live examples:\n   * - [Combobox filtering](https://ariakit.com/examples/combobox-filtering)\n   * - [Form with Select](https://ariakit.com/examples/form-select)\n   * - [Hovercard with keyboard support](https://ariakit.com/examples/hovercard-disclosure)\n   * - [MenuItemRadio](https://ariakit.com/examples/menu-item-radio)\n   * - [Submenu](https://ariakit.com/examples/menu-nested)\n   * - [Toolbar with Select](https://ariakit.com/examples/toolbar-select)\n   * @default 0\n   */\n  gutter?: number;\n  /**\n   * The skidding of the popover along the anchor element. Can be set to\n   * negative values to make the popover shift to the opposite side.\n   *\n   * Live examples:\n   * - [Combobox with Tabs](https://ariakit.com/examples/combobox-tabs)\n   * - [Navigation Menubar](https://ariakit.com/examples/menubar-navigation)\n   * - [Submenu](https://ariakit.com/examples/menu-nested)\n   * - [Menubar](https://ariakit.com/components/menubar)\n   * - [Select with Combobox and\n   *   Tabs](https://ariakit.com/examples/select-combobox-tab)\n   * @default 0\n   */\n  shift?: number;\n  /**\n   * Controls the behavior of the popover when it overflows the viewport:\n   * - If a `boolean`, specifies whether the popover should flip to the opposite\n   *   side when it overflows.\n   * - If a `string`, indicates the preferred fallback placements when it\n   *   overflows. The placements must be spaced-delimited, e.g. \"top left\".\n   *\n   * Live examples:\n   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)\n   * - [Menubar](https://ariakit.com/components/menubar)\n   * @default true\n   */\n  flip?: boolean | string;\n  /**\n   * Whether the popover should slide when it overflows.\n   * @default true\n   */\n  slide?: boolean;\n  /**\n   * Whether the popover can overlap the anchor element when it overflows.\n   *\n   * Live examples:\n   * - [Menubar](https://ariakit.com/components/menubar)\n   * - [Submenu with\n   *   Combobox](https://ariakit.com/examples/menu-nested-combobox)\n   * @default false\n   */\n  overlap?: boolean;\n  /**\n   * Whether the popover should have the same width as the anchor element. This\n   * will be exposed to CSS as\n   * [`--popover-anchor-width`](https://ariakit.com/guide/styling#--popover-anchor-width).\n   * @default false\n   */\n  sameWidth?: boolean;\n  /**\n   * Whether the popover should fit the viewport. If this is set to true, the\n   * popover wrapper will have `maxWidth` and `maxHeight` set to the viewport\n   * size. This will be exposed to CSS as\n   * [`--popover-available-width`](https://ariakit.com/guide/styling#--popover-available-width)\n   * and\n   * [`--popover-available-height`](https://ariakit.com/guide/styling#--popover-available-height).\n   *\n   * Live examples:\n   * - [Textarea with inline\n   *   Combobox](https://ariakit.com/examples/combobox-textarea)\n   * - [Menubar](https://ariakit.com/components/menubar)\n   * @default false\n   */\n  fitViewport?: boolean;\n  /**\n   * The minimum padding between the arrow and the popover corner.\n   * @default 4\n   */\n  arrowPadding?: number;\n  /**\n   * The minimum padding between the popover and the viewport edge. This will be\n   * exposed to CSS as\n   * [`--popover-overflow-padding`](https://ariakit.com/guide/styling#--popover-overflow-padding).\n   *\n   * Live examples:\n   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)\n   * @default 8\n   */\n  overflowPadding?: number;\n  /**\n   * Function that returns the anchor element's DOMRect. If this is explicitly\n   * passed, it will override the anchor `getBoundingClientRect` method.\n   *\n   * Live examples:\n   *  - [Textarea with inline combobox](https://ariakit.com/examples/combobox-textarea)\n   *  - [Standalone Popover](https://ariakit.com/examples/popover-standalone)\n   *  - [Context menu](https://ariakit.com/examples/menu-context-menu)\n   *  - [Selection Popover](https://ariakit.com/examples/popover-selection)\n   */\n  getAnchorRect?: (anchor: HTMLElement | null) => AnchorRect | null;\n  /**\n   * A callback that will be called when the popover needs to calculate its\n   * position. This will override the internal `updatePosition` function. The\n   * original `updatePosition` function will be passed as an argument, so it can\n   * be called inside the callback to apply the default behavior.\n   *\n   * Live examples:\n   *  - [Responsive Popover](https://ariakit.com/examples/popover-responsive)\n   */\n  updatePosition?: (props: {\n    updatePosition: () => Promise<void>;\n  }) => void | Promise<void>;\n}\n\nexport type PopoverProps<T extends ElementType = TagName> = Props<\n  T,\n  PopoverOptions<T>\n>;\n"],"mappings":";;;;;;;;;;AAgDA,MAAA,UAAS;SACH,cAAO,IAAY,GAAA,IAAA,GACrB,QAAO,GAAI,SAAQ,GAAG;CAGxB,IAAA,OAAM,YAAO,YAAA,OAAA,IAAA,QAAA,GAAA,GAAA,OAAA,MAAA;OACX,OAAA;EACA;EACA;EACA;EACA;EACA,KAAA;EACA,OAAA,IAAQ;EACR,QAAM,IAAA;EACR,MAAA;CACA;QAAY;EAAM,GAAA;EAAmB,cAAA;CACvC;AAEA;SACO,WAAY,YAAO;CACxB,IAAA,CAAA,YAAc,OAAO,cAAW;CAChC,MAAA,EAAO,GAAA,GAAA,OAAc,WAAM;CAC7B,OAAA,cAAA,GAAA,GAAA,OAAA,MAAA;AAEA;SAMS,iBAAA,eAAA,eAAA;QACL;EACA,gBAAA,iBAA6B,KAAA;+BACZ;GACf,MAAM,SAAA;GACN,MAAI,aAAe,gBACV,MAAA;GAET,IAAA,cAAc,CAAA,QAAA,OAAA,WAAsB,UAAA;GACtC,OAAA,OAAA,sBAAA;EACF;CACF;AAEA;SACS,iBAAA,MAAA;CACT,OAAA,iDAAA,KAAA,IAAA;AAGA;SACQ,WAAa,OAAA;CACnB,MAAA,MAAY,OAAM,oBAAe;CACnC,OAAA,KAAA,MAAA,QAAA,GAAA,IAAA;AAEA;SAKS,oBAAU,cAA0C,OAAA;QACnD,QAAA,EAAA,gBAAe;EACrB,MAAM,eACJ,cAAa,gBAAW,KACpB;EAMN,MAAA,cAAO,OAAA,MAAA,WAAA,WAAA,MAAA,SAAA,cAAA,MAAA,UAAA;SACL;GACA,WAAU,CAAA,CAAA,CAAA,UAAA,MAAA,GAAA,EAAA,KAAA,MAAA,QAAA,KAAA;GACV,UAAA;GACF,eAAA,MAAA;EACD;CACH,CAAA;AAEA;SAGM,kBAAsB,OAAA;CAC1B,IAAA,MAAM,SAAA,OAAA;CAGN,MAAA,qBACG,OAAsB,MAAA,SAAA,WAAyB,MAAA,KAAA,MAChD,GAAA,IAAA,KAAY;CAKd,UAAO,CAAA,sBAAK,mBAAA,MAAA,gBAAA,GAAA,QAAA,IAAA,aAAA,gBAAA,sDAAA;QACV,KAAS;EACT,SAAA,MAAA;EACD;CACH,CAAA;AAEA;SAMO,mBAAsB,OAAA;CAE3B,IAAA,CAAA,MAAO,SAAM,CAAA,MAAA,SAAA;QACX,MAAU;EACV,UAAA,MAAW;EACX,WAAS,MAAM;EACf,SAAS,MAAA;EACV,SAAA,WAAA;CACH,CAAA;AAEA;SAIS,kBAAK,OAAA;QACV,KAAS;EACT,SAAQ,MAAA;QACN,EAAM,UAAU,gBAAS,iBAAA,SAAA;GACzB,MAAM,UAAA,SAAiB;GAEvB,MAAA,iBAAsB,KAAM,MAAA,MAAA,UAAc,KAAA;GAC1C,iBAAA,KAAkB,MAAK,cAAM;GAE7B,kBAAc,KAAA,MACZ,eAAA;GAGF,QAAQ,MAAM,YACZ,0BAAA,GACA,eAAG,GAAe;GAEpB,QAAQ,MAAM,YACZ,6BAAA,GACA,eAAG,GAAgB;GAGrB,QAAI,MAAM,YACR,8BAAyB,GAAA,gBAAe,GAAA;GAG1C,IAAI,MAAM,WAAA,QAAa,MAAA,QAAA,GAAA,eAAA;OACrB,MAAQ,aAAM;IACd,QAAQ,MAAM,WAAA,GAAY,eAAG;IAC/B,QAAA,MAAA,YAAA,GAAA,gBAAA;GACF;EACD;CACH,CAAA;AAEA;SAIO,mBAAc,cAAA,OAAA;CAEnB,IAAA,CAAA,cAAa;QACX,MAAS;EACT,SAAS;EACV,SAAA,MAAA;CACH,CAAA;;;;;;;;;;;;MAkCI,aAAgB,WAAA,SAAA,WAA0B,EAAA,OAAA,QAAA,OAAA,SAAA,OAAA,mBAAA,MAAA,kBAAA,MAAA,cAAA,QAAA,OAAA,OAAA,MAAA,QAAA,GAAA,QAAA,MAAA,UAAA,OAAA,YAAA,OAAA,cAAA,OAAA,QAAA,eAAA,GAAA,kBAAA,GAAA,eAAA,gBAAA,GAAA,SAAA;CAC1C,MAAA,UAAQ,0BAAS;CAEjB,QAAA,SAEE;CAIF,UAAM,OAAA,QAAe,IAAA,aAAqB,gBAAc,mFAAA;CACxD,MAAM,eAAA,cAAgB,OAAc,cAAO;CAC3C,MAAM,gBAAA,cAAoB,OAAc,eAAO;CAC/C,MAAM,oBAAiB,cAAc,OAAO,mBAAgB;CAC5D,MAAM,iBAAiB,cAAc,OAAO,gBAAgB;CAC5D,MAAM,iBAAY,cAAc,OAAO,gBAAW;CAClD,MAAM,YAAU,cAAc,OAAO,WAAS;CAC9C,MAAM,UAAA,cAAW,OAAc,SAAO;CAEtC,MAAM,WAAA,cAAyB,OAA2B,UAAI;CAK9D,MAAM,yBAAa,OAAiB,IAAA;CAEpC,MAAM,CAAA,YAAa,iBAAa,SAAa,KAAA;CAE7C,MAAM,EAAA,WAAA,aAAoB,aAAS,QAAa,MAAA,SAAA;CAChD,MAAM,oBAAA,SAAqB,aAAS;CACpC,MAAM,qBAAA,SAA4B,cAAA;CAElC,MAAA,0BAA0B,CAAA,CAAA;2BACH;EAErB,IAAA,CAAA,gBAAqB,aACnB;EAIF,eAAe,MAAA,YAAiB,8BAAe,GAAiB,gBAAA,GAAA;EAEhE,MAAM,SAAA,iBAAiB,eAAY,iBAAA;QAC5B,iBAAS,YAAA;GAEd,IAAI,CAAC,SAAA;GAKL,IAAA,CAAA,cAAc,uBAAgB,UAAA,uBAAuB,WAAA,SAAA,cAAA,KAAA;GAErD,MAAM,QAAA,gBAAa,uBAAA;SACjB,aAAA;wBAA6B,OAAA;KAAQ;KAAO;IAC5C,CAAA;sBAAoB;KAAM;KAAiB;IAC3C,CAAA;uBAAqB;KAAO;KAAO;KAAS;KAAiB;IAC7D,CAAA;IACA,mBAAkB,OAAA,EAAA,aAAA,CAAA;sBAChB;KACA;KACA;KACD;IACH,CAAA;GAGA;SACE,MAAA,MAAA,gBAAA,QAAA,gBAAA;IACA;IACA,UAAA,QAAA,UAAA;IACD;GAED,CAAA;GACA,OAAA,SAAc,oBAAI,IAAA,SAAA;GAElB,cAAU,IAAA;GACV,MAAM,IAAI,WAAW,IAAI,CAAC;GAG1B,MAAA,IAAO,WAAO,IAAA,CAAA;UACP,OAAA,eAAA,OAAA;IACL,KAAA;IACA,MAAA;IACD,WAAA,eAAA,EAAA,KAAA,EAAA;GAGD,CAAA;OACE,SAAW,IAAA,eAAW,OAAe;IAErC,MAAM,EAAA,GAAA,QAAW,GAAA,WAAgB,IAAG,eAAE;IAEtC,MAAM,OAAA,IAAU,UAAM,MAAA,GAAc,EAAA;IACpC,MAAM,UAAU,MAAM,cAAA;IAEtB,MAAM,UAAU,MAAA,eAAiB;IACjC,MAAM,UAAU,UAAU,OAAO,SAAS,UAAU,CAAC;IAErD,MAAA,UAAe,UAAM,OACnB,SAAA,UAAA,CAAA;mBAEU,MAAQ,YAAA,8BAAyB;KACzC,KAAA,GAAQ,QAAG,iBAAsB,QAAA;KACjC,QAAM,GAAA,QAAA,KAAe,CAAA,QAAQ;KAC7B,MAAA,eAAmB,QAAK,MAAQ,QAAA;KAClC,OACF,GAAA,CAAA,QAAA,KAAA,QAAA;IAEA,EAAA,KAAO;WACC,OAAA,MAAU,OAAU;KAC1B,MAAK,UAAU,OAAO,GAAG,OAAO,MAAM;UACrC,UAAO,OAAA,GAAA,OAAA,MAAA;MACT,OAAA;IACH,CAAA;GACF;EAEA;QACM,SAAA,YAAA;OACF,yBAA2B;IAC3B,MAAA,mBAAkB,EAAA,eAAA,CAAA;IACpB,cACQ,IAAA;GAEV,OAAA,MAAA,eAAA;EAGA;EAKA,MAAA,mBAAa,WAAA,QAAA,gBAAA,QAAA,EAAA,eAAA,OAAA,mBAAA,WAAA,CAAA;eACX;GACA,cAAA,KAAiB;GACnB,iBAAA;EACF;IACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CAKD,CAAA;2BACgB;EACd,IAAI,CAAC,SAAA;EACL,IAAI,CAAC,UAAA;EACL,IAAI,CAAC,gBAAgB,aAAa;EAClC,IAAA,CAAA,gBAAM,aAAoB;QACxB,oBAAqB;GACvB,eAAA,MAAA,SAAA,iBAAA,cAAA,EAAA;EACA;EAGA,YAAU;MACR,MAAM,4BAAsB;GAC7B,MAAA,sBAAA,WAAA;EACD,CAAA;EACF,aAAG,qBAAA,GAAA;IAAC;EAAS;EAAU;EAAgB;EAAe;CAEtD,CAAA;CAKA,MAAA,WAAQ,QACN,UACC;SAEO,eAAA,QAAA,YAAA,oBAAA,OAAA;EACJ,GAAA;SAEE;GACA;GACA,KAAA;GACA,MAAA;GACA,OAAG;GACL,GAAA,cAAA;EACA;cAEC;EACE,UAEP;EAAC,GAAA;EAAO;EAAU;EACpB;CAEA,CAAA;SAGyC,eAAA,QAAA,YAAA,oBAAA,8BAAA;;EAEP,UAGlC;CAEA,CAAA,GAAA,CAAA,KAAQ,CAAA;SAKN;EACA,gBAAG,CAAA,cAAA,KAAA;EACH,GAAA;SACE;GACA,UAAS;GACX,GAAA,MAAA;EACF;CAEA;SACE,UAAA;EACA;EACA;EACA;EACA;EACA,wBAAiB,qBAAc;EAC/B,iBAAG,cAAA;EACH,GAAA;EACD;CAED,CAAA;CAEJ,OAAA;;;;;;;;;;;;;;MAiBI,UAAO,sBADW,WACqB,SAAA,QAAA,OAAA;CACxC,OACD,cAAA,SACF,WAAA,KAAA,CAAA"}

package/dist/{popover-CCqiRKqg.d.ts → popover-B9PxE5iP.d.ts}

@@ -1,5 +1,5 @@
 import { t as PopoverStore } from "./popover-store-Bc-l5VVO.js";
-import { n as DialogOptions } from "./dialog-C__C-zX2.js";
+import { n as DialogOptions } from "./dialog-D23r2ZWj.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType, HTMLAttributes } from "react";
 
@@ -59,6 +59,14 @@ interface PopoverOptions<T extends ElementType = TagName> extends DialogOptions<
    * @default false
    */
   fixed?: boolean;
+  /**
+   * @default false
+   */
+  modal?: DialogOptions<T>["modal"];
+  /**
+   * @default false
+   */
+  portal?: DialogOptions<T>["portal"];
   /**
    * The distance between the popover and the anchor element.
    *
@@ -178,4 +186,4 @@ interface PopoverOptions<T extends ElementType = TagName> extends DialogOptions<
 type PopoverProps<T extends ElementType = TagName> = Props<T, PopoverOptions<T>>;
 //#endregion
 export { usePopover as i, PopoverOptions as n, PopoverProps as r, Popover as t };
-//# sourceMappingURL=popover-CCqiRKqg.d.ts.map
+//# sourceMappingURL=popover-B9PxE5iP.d.ts.map

package/dist/popover-B9PxE5iP.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-B9PxE5iP.d.ts","names":["Props","ElementType","HTMLAttributes","DialogOptions","PopoverStore","TagName","AnchorRect","x","y","width","height","usePopover","PopoverOptions","Hook","Popover","PopoverProps","props","JSX","Element","T","HTMLDivElement","HTMLElement","Promise","store","wrapperProps","fixed","modal","portal","gutter","shift","flip","slide","overlap","sameWidth","fitViewport","arrowPadding","overflowPadding","getAnchorRect","anchor","updatePosition"],"sources":["../src/popover/popover.d.ts"],"mappings":";;;;;;cAIcK,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAAA,UACnBC,UAAAA;EACNC,CAAAA;EACAC,CAAAA;EACAC,KAAAA;EACAC,MAAAA;AAAAA;;;;AALyB;AAAA;;;;;;cAiBRC,UAAAA,iCAA2CE,IAAAA,QAAYD,cAAc;;;AAZhF;AAYV;;;;AAA0F;AAa1F;;;;cAAqBE,OAAAA,GAAUE,KAAAA,EAAOD,YAAY,wCAAwCE,GAAAA,CAAIC,OAAAA;AAAAA,UAC7EN,cAAAA,WAAyBX,WAAAA,GAAcI,OAAAA,UAAiBF,aAAAA,CAAcgB,CAAAA;EADGF;;;AAAW;AACrG;;;EAQIM,KAAAA,GAAQnB,YAAAA;EAR4CC;;;;;;;;EAiBpDmB,YAAAA,GAAetB,cAAAA,CAAekB,cAAAA;EAoHLC;;;;EA/GzBI,KAAAA;EAtBkF;;;EA0BlFC,KAAAA,GAAQvB,aAAAA,CAAcgB,CAAAA;EA1B8Bd;;;EA8BpDsB,MAAAA,GAASxB,aAAAA,CAAcgB,CAAAA;EAtBff;;;;;;;;;;;;EAmCRwB,MAAAA;EA2BAE;;;;;;;;;;;;;EAbAD,KAAAA;EAsFkBb;;;AAEE;AAExB;;;;;;;;EA7EIc,IAAAA;EA6E6D;;;;EAxE7DC,KAAAA;EAwEwD/B;;;;;AAAyB;;;;EA9DjFgC,OAAAA;;;;;;;EAOAC,SAAAA;;;;;;;;;;;;;;;EAeAC,WAAAA;;;;;EAKAC,YAAAA;;;;;;;;;;EAUAC,eAAAA;;;;;;;;;;;EAWAC,aAAAA,IAAiBC,MAAAA,EAAQjB,WAAAA,YAAuBf,UAAAA;;;;;;;;;;EAUhDiC,cAAAA,IAAkBvB,KAAAA;IACduB,cAAAA,QAAsBjB,OAAAA;EAAAA,aACbA,OAAAA;AAAAA;AAAAA,KAELP,YAAAA,WAAuBd,WAAAA,GAAcI,OAAAA,IAAWL,KAAAA,CAAMmB,CAAAA,EAAGP,cAAAA,CAAeO,CAAAA"}

package/dist/{popover-anchor-PgfeXyzs.d.ts → popover-anchor-W18KUmuM.d.ts}

@@ -30,7 +30,7 @@ declare const usePopoverAnchor: import("@ariakit/react-utils").Hook<"div", Popov
  * </PopoverProvider>
  * ```
  */
-declare const PopoverAnchor: (props: PopoverAnchorProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const PopoverAnchor: (props: PopoverAnchorProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface PopoverAnchorOptions<_T extends ElementType = TagName> extends Options {
   /**
    * Object returned by the
@@ -44,4 +44,4 @@ interface PopoverAnchorOptions<_T extends ElementType = TagName> extends Options
 type PopoverAnchorProps<T extends ElementType = TagName> = Props<T, PopoverAnchorOptions<T>>;
 //#endregion
 export { usePopoverAnchor as i, PopoverAnchorOptions as n, PopoverAnchorProps as r, PopoverAnchor as t };
-//# sourceMappingURL=popover-anchor-PgfeXyzs.d.ts.map
+//# sourceMappingURL=popover-anchor-W18KUmuM.d.ts.map

package/dist/{popover-anchor-PgfeXyzs.d.ts.map → popover-anchor-W18KUmuM.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-anchor-PgfeXyzs.d.ts","names":["Options","Props","ElementType","PopoverStore","TagName","usePopoverAnchor","PopoverAnchorOptions","Hook","PopoverAnchor","PopoverAnchorProps","props","ReactElement","JSXElementConstructor","_T","store","T"],"sources":["../src/popover/popover-anchor.d.ts"],"mappings":";;;;;cAGcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF0B;;;;AAClC;AAAA;;;;AACQ;AAY7B;AAduD,cAclCC,gBAAAA,iCAAiDE,IAAAA,QAAYD,oBAAoB;;;AAAA;AActG;;;;;;;;;AAAmJ;cAA9HE,aAAAA,GAAgBE,KAAAA,EAAOD,kBAAkB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UAC7GN,oBAAAA,YAAgCJ,WAAAA,GAAcE,OAAAA,UAAiBJ,OAAAA;EAA3Ca;;;;;;;EAQjCC,KAAAA,GAAQX,YAAAA;AAAAA;AAAAA,KAEAM,kBAAAA,WAA6BP,WAAAA,GAAcE,OAAAA,IAAWH,KAAAA,CAAMc,CAAAA,EAAGT,oBAAAA,CAAqBS,CAAAA"}
+{"version":3,"file":"popover-anchor-W18KUmuM.d.ts","names":["Options","Props","ElementType","PopoverStore","TagName","usePopoverAnchor","PopoverAnchorOptions","Hook","PopoverAnchor","PopoverAnchorProps","props","ReactElement","JSXElementConstructor","_T","store","T"],"sources":["../src/popover/popover-anchor.d.ts"],"mappings":";;;;;cAGcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF0B;;;;AAClC;AAAA;;;;AACQ;AAY7B;AAduD,cAclCC,gBAAAA,iCAAiDE,IAAAA,QAAYD,oBAAoB;;;AAAA;AActG;;;;;;;;;AAAuJ;cAAlIE,aAAAA,GAAgBE,KAAAA,EAAOD,kBAAkB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACjHN,oBAAAA,YAAgCJ,WAAAA,GAAcE,OAAAA,UAAiBJ,OAAAA;EAA3Ca;;;;;;;EAQjCC,KAAAA,GAAQX,YAAAA;AAAAA;AAAAA,KAEAM,kBAAAA,WAA6BP,WAAAA,GAAcE,OAAAA,IAAWH,KAAAA,CAAMc,CAAAA,EAAGT,oBAAAA,CAAqBS,CAAAA"}

package/dist/{popover-description-DU753dah.d.ts → popover-description-DbW4mVBb.d.ts}

@@ -1,5 +1,5 @@
 import { t as PopoverStore } from "./popover-store-Bc-l5VVO.js";
-import { n as DialogDescriptionOptions } from "./dialog-description-BCZJ1Kyd.js";
+import { n as DialogDescriptionOptions } from "./dialog-description-CJGxnEvk.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -33,7 +33,7 @@ declare const usePopoverDescription: import("@ariakit/react-utils").Hook<"p", Po
  * </PopoverProvider>
  * ```
  */
-declare const PopoverDescription: (props: PopoverDescriptionProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const PopoverDescription: (props: PopoverDescriptionProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface PopoverDescriptionOptions<T extends ElementType = TagName> extends DialogDescriptionOptions<T> {
   /**
    * Object returned by the
@@ -48,4 +48,4 @@ interface PopoverDescriptionOptions<T extends ElementType = TagName> extends Dia
 type PopoverDescriptionProps<T extends ElementType = TagName> = Props<T, PopoverDescriptionOptions<T>>;
 //#endregion
 export { usePopoverDescription as i, PopoverDescriptionOptions as n, PopoverDescriptionProps as r, PopoverDescription as t };
-//# sourceMappingURL=popover-description-DU753dah.d.ts.map
+//# sourceMappingURL=popover-description-DbW4mVBb.d.ts.map

package/dist/{popover-description-DU753dah.d.ts.map → popover-description-DbW4mVBb.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-description-DU753dah.d.ts","names":["Props","ElementType","DialogDescriptionOptions","PopoverStore","TagName","usePopoverDescription","PopoverDescriptionOptions","Hook","PopoverDescription","PopoverDescriptionProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../src/popover/popover-description.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF0B;;;;AAClC;AAAA;;;;AACQ;AAa7B;;AAfuD,cAelCC,qBAAAA,iCAAsDE,IAAAA,MAAUD,yBAAyB;;AAAA;AAe9G;;;;;;;;;AAA6J;AAC7J;;cADqBE,kBAAAA,GAAqBE,KAAAA,EAAOD,uBAAuB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACvHN,yBAAAA,WAAoCL,WAAAA,GAAcG,OAAAA,UAAiBF,wBAAAA,CAAyBW,CAAAA;EAA1CT;;;;;;;;EAS/DU,KAAAA,GAAQX,YAAAA;AAAAA;AAAAA,KAEAM,uBAAAA,WAAkCR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,yBAAAA,CAA0BO,CAAAA"}
+{"version":3,"file":"popover-description-DbW4mVBb.d.ts","names":["Props","ElementType","DialogDescriptionOptions","PopoverStore","TagName","usePopoverDescription","PopoverDescriptionOptions","Hook","PopoverDescription","PopoverDescriptionProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../src/popover/popover-description.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF0B;;;;AAClC;AAAA;;;;AACQ;AAa7B;;AAfuD,cAelCC,qBAAAA,iCAAsDE,IAAAA,MAAUD,yBAAyB;;AAAA;AAe9G;;;;;;;;;AAAiK;AACjK;;cADqBE,kBAAAA,GAAqBE,KAAAA,EAAOD,uBAAuB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UAC3HN,yBAAAA,WAAoCL,WAAAA,GAAcG,OAAAA,UAAiBF,wBAAAA,CAAyBW,CAAAA;EAA1CT;;;;;;;;EAS/DU,KAAAA,GAAQX,YAAAA;AAAAA;AAAAA,KAEAM,uBAAAA,WAAkCR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,yBAAAA,CAA0BO,CAAAA"}

package/dist/{popover-dismiss-DPeI6Zse.d.ts → popover-dismiss-CQFvuLzJ.d.ts}

@@ -1,5 +1,5 @@
 import { t as PopoverStore } from "./popover-store-Bc-l5VVO.js";
-import { n as DialogDismissOptions } from "./dialog-dismiss-CnwEbzc6.js";
+import { n as DialogDismissOptions } from "./dialog-dismiss-DW3XQYvp.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -32,7 +32,7 @@ declare const usePopoverDismiss: import("@ariakit/react-utils").Hook<"button", P
  * </PopoverProvider>
  * ```
  */
-declare const PopoverDismiss: (props: PopoverDismissProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const PopoverDismiss: (props: PopoverDismissProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface PopoverDismissOptions<T extends ElementType = TagName> extends DialogDismissOptions<T> {
   /**
    * Object returned by the
@@ -47,4 +47,4 @@ interface PopoverDismissOptions<T extends ElementType = TagName> extends DialogD
 type PopoverDismissProps<T extends ElementType = TagName> = Props<T, PopoverDismissOptions<T>>;
 //#endregion
 export { usePopoverDismiss as i, PopoverDismissOptions as n, PopoverDismissProps as r, PopoverDismiss as t };
-//# sourceMappingURL=popover-dismiss-DPeI6Zse.d.ts.map
+//# sourceMappingURL=popover-dismiss-CQFvuLzJ.d.ts.map

package/dist/{popover-dismiss-DPeI6Zse.d.ts.map → popover-dismiss-CQFvuLzJ.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-dismiss-DPeI6Zse.d.ts","names":["Props","ElementType","DialogDismissOptions","PopoverStore","TagName","usePopoverDismiss","PopoverDismissOptions","Hook","PopoverDismiss","PopoverDismissProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../src/popover/popover-dismiss.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF0B;;;;AAClC;AAAA;;;;AACQ;AAa7B;;AAfuD,cAelCC,iBAAAA,iCAAkDE,IAAAA,WAAeD,qBAAqB;;AAAA;AAc3G;;;;;;;;;AAAqJ;AACrJ;cADqBE,cAAAA,GAAiBE,KAAAA,EAAOD,mBAAmB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UAC/GN,qBAAAA,WAAgCL,WAAAA,GAAcG,OAAAA,UAAiBF,oBAAAA,CAAqBW,CAAAA;EAApDZ;;;;;;;;EAS7Ca,KAAAA,GAAQX,YAAAA;AAAAA;AAAAA,KAEAM,mBAAAA,WAA8BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,qBAAAA,CAAsBO,CAAAA"}
+{"version":3,"file":"popover-dismiss-CQFvuLzJ.d.ts","names":["Props","ElementType","DialogDismissOptions","PopoverStore","TagName","usePopoverDismiss","PopoverDismissOptions","Hook","PopoverDismiss","PopoverDismissProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../src/popover/popover-dismiss.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF0B;;;;AAClC;AAAA;;;;AACQ;AAa7B;;AAfuD,cAelCC,iBAAAA,iCAAkDE,IAAAA,WAAeD,qBAAqB;;AAAA;AAc3G;;;;;;;;;AAAyJ;AACzJ;cADqBE,cAAAA,GAAiBE,KAAAA,EAAOD,mBAAmB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACnHN,qBAAAA,WAAgCL,WAAAA,GAAcG,OAAAA,UAAiBF,oBAAAA,CAAqBW,CAAAA;EAApDZ;;;;;;;;EAS7Ca,KAAAA,GAAQX,YAAAA;AAAAA;AAAAA,KAEAM,mBAAAA,WAA8BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,qBAAAA,CAAsBO,CAAAA"}

package/dist/{popover-heading-DGsr6D5W.d.ts → popover-heading-DC8rYnwo.d.ts}

@@ -1,5 +1,5 @@
 import { t as PopoverStore } from "./popover-store-Bc-l5VVO.js";
-import { n as DialogHeadingOptions } from "./dialog-heading-DQvnOfZH.js";
+import { n as DialogHeadingOptions } from "./dialog-heading-DGA5d8VH.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -33,7 +33,7 @@ declare const usePopoverHeading: import("@ariakit/react-utils").Hook<"h1", Popov
  * </PopoverProvider>
  * ```
  */
-declare const PopoverHeading: (props: PopoverHeadingProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const PopoverHeading: (props: PopoverHeadingProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface PopoverHeadingOptions<T extends ElementType = TagName> extends DialogHeadingOptions<T> {
   /**
    * Object returned by the
@@ -48,4 +48,4 @@ interface PopoverHeadingOptions<T extends ElementType = TagName> extends DialogH
 type PopoverHeadingProps<T extends ElementType = TagName> = Props<T, PopoverHeadingOptions<T>>;
 //#endregion
 export { usePopoverHeading as i, PopoverHeadingOptions as n, PopoverHeadingProps as r, PopoverHeading as t };
-//# sourceMappingURL=popover-heading-DGsr6D5W.d.ts.map
+//# sourceMappingURL=popover-heading-DC8rYnwo.d.ts.map

package/dist/{popover-heading-DGsr6D5W.d.ts.map → popover-heading-DC8rYnwo.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-heading-DGsr6D5W.d.ts","names":["Props","ElementType","DialogHeadingOptions","PopoverStore","TagName","usePopoverHeading","PopoverHeadingOptions","Hook","PopoverHeading","PopoverHeadingProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../src/popover/popover-heading.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF0B;;;;AAClC;AAAA;;;;AACQ;AAa7B;;AAfuD,cAelCC,iBAAAA,iCAAkDE,IAAAA,OAAWD,qBAAqB;;AAAA;AAevG;;;;;;;;;AAAqJ;AACrJ;;cADqBE,cAAAA,GAAiBE,KAAAA,EAAOD,mBAAmB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UAC/GN,qBAAAA,WAAgCL,WAAAA,GAAcG,OAAAA,UAAiBF,oBAAAA,CAAqBW,CAAAA;EAAtCT;;;;;;;;EAS3DU,KAAAA,GAAQX,YAAAA;AAAAA;AAAAA,KAEAM,mBAAAA,WAA8BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,qBAAAA,CAAsBO,CAAAA"}
+{"version":3,"file":"popover-heading-DC8rYnwo.d.ts","names":["Props","ElementType","DialogHeadingOptions","PopoverStore","TagName","usePopoverHeading","PopoverHeadingOptions","Hook","PopoverHeading","PopoverHeadingProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../src/popover/popover-heading.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF0B;;;;AAClC;AAAA;;;;AACQ;AAa7B;;AAfuD,cAelCC,iBAAAA,iCAAkDE,IAAAA,OAAWD,qBAAqB;;AAAA;AAevG;;;;;;;;;AAAyJ;AACzJ;;cADqBE,cAAAA,GAAiBE,KAAAA,EAAOD,mBAAmB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACnHN,qBAAAA,WAAgCL,WAAAA,GAAcG,OAAAA,UAAiBF,oBAAAA,CAAqBW,CAAAA;EAAtCT;;;;;;;;EAS3DU,KAAAA,GAAQX,YAAAA;AAAAA;AAAAA,KAEAM,mBAAAA,WAA8BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,qBAAAA,CAAsBO,CAAAA"}

package/dist/portal/portal.d.ts

@@ -1,2 +1,2 @@
-import { i as usePortal, n as PortalOptions, r as PortalProps, t as Portal } from "../portal-CMBWiayp.js";
+import { i as usePortal, n as PortalOptions, r as PortalProps, t as Portal } from "../portal-CKFTfCWH.js";
 export { Portal, PortalOptions, PortalProps, usePortal };

package/dist/{portal-CMBWiayp.d.ts → portal-CKFTfCWH.d.ts}

@@ -36,7 +36,7 @@ declare const usePortal: import("@ariakit/react-utils").Hook<"div", PortalOption
  * <Portal>Content</Portal>
  * ```
  */
-declare const Portal: (props: PortalProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const Portal: (props: PortalProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface PortalOptions<_T extends ElementType = TagName> extends Options {
   /**
    * When enabled, `preserveTabOrder` will keep the DOM element's tab order the
@@ -146,4 +146,4 @@ interface PortalOptions<_T extends ElementType = TagName> extends Options {
 type PortalProps<T extends ElementType = TagName> = Props<T, PortalOptions<T>>;
 //#endregion
 export { usePortal as i, PortalOptions as n, PortalProps as r, Portal as t };
-//# sourceMappingURL=portal-CMBWiayp.d.ts.map
+//# sourceMappingURL=portal-CKFTfCWH.d.ts.map

package/dist/{portal-CMBWiayp.d.ts.map → portal-CKFTfCWH.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"portal-CMBWiayp.d.ts","names":["Options","Props","ElementType","MutableRefObject","RefCallback","TagName","usePortal","PortalOptions","Hook","Portal","PortalProps","props","ReactElement","JSXElementConstructor","_T","Element","HTMLElement","preserveTabOrder","preserveTabOrderAnchor","portalRef","portal","portalElement","element","T"],"sources":["../src/portal/portal.d.ts"],"mappings":";;;;cAEcK,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF2C;;;;AACnD;AAAA;;;;AADmD,cAYnDC,SAAAA,iCAA0CE,IAAAA,QAAYD,aAAa;AAAxF;;;;AAAwF;AAuBxF;;;;;;;;;AAAqI;AACrI;;;;;;;AAxBA,cAuBqBE,MAAAA,GAASE,KAAAA,EAAOD,WAAW,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UAC/FN,aAAAA,YAAyBL,WAAAA,GAAcG,OAAAA,UAAiBL,OAAAA;EA8D9BG;;;;;;;;;;;EAlDvCc,gBAAAA;EAmCAC;;;;;;;;;;;;;;AAyD4E;AAEhF;;;;;;;;;;;;;;;;;;;EA3DIA,sBAAAA,GAAyBH,OAAAA;;;;;;;;;;;;;;;EAezBI,SAAAA,GAAYf,WAAAA,CAAYY,WAAAA,IAAeb,gBAAAA,CAAiBa,WAAAA;;;;;;;;;;;;;;;EAexDI,MAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BAC,aAAAA,KAAkBC,OAAAA,EAASN,WAAAA,KAAgBA,WAAAA,WAAsBA,WAAAA;AAAAA;AAAAA,KAEzDN,WAAAA,WAAsBR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMsB,CAAAA,EAAGhB,aAAAA,CAAcgB,CAAAA"}
+{"version":3,"file":"portal-CKFTfCWH.d.ts","names":["Options","Props","ElementType","MutableRefObject","RefCallback","TagName","usePortal","PortalOptions","Hook","Portal","PortalProps","props","ReactElement","JSXElementConstructor","_T","Element","HTMLElement","preserveTabOrder","preserveTabOrderAnchor","portalRef","portal","portalElement","element","T"],"sources":["../src/portal/portal.d.ts"],"mappings":";;;;cAEcK,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF2C;;;;AACnD;AAAA;;;;AADmD,cAYnDC,SAAAA,iCAA0CE,IAAAA,QAAYD,aAAa;AAAxF;;;;AAAwF;AAuBxF;;;;;;;;;AAAyI;AACzI;;;;;;;AAxBA,cAuBqBE,MAAAA,GAASE,KAAAA,EAAOD,WAAW,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACnGN,aAAAA,YAAyBL,WAAAA,GAAcG,OAAAA,UAAiBL,OAAAA;EA8D9BG;;;;;;;;;;;EAlDvCc,gBAAAA;EAmCAC;;;;;;;;;;;;;;AAyD4E;AAEhF;;;;;;;;;;;;;;;;;;;EA3DIA,sBAAAA,GAAyBH,OAAAA;;;;;;;;;;;;;;;EAezBI,SAAAA,GAAYf,WAAAA,CAAYY,WAAAA,IAAeb,gBAAAA,CAAiBa,WAAAA;;;;;;;;;;;;;;;EAexDI,MAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BAC,aAAAA,KAAkBC,OAAAA,EAASN,WAAAA,KAAgBA,WAAAA,WAAsBA,WAAAA;AAAAA;AAAAA,KAEzDN,WAAAA,WAAsBR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMsB,CAAAA,EAAGhB,aAAAA,CAAcgB,CAAAA"}

package/dist/radio/radio-group.d.ts

@@ -1,4 +1,4 @@
-import { n as CompositeOptions } from "../composite-DLvyFHMq.js";
+import { n as CompositeOptions } from "../composite-KBhCGLEy.js";
 import { t as RadioStore } from "../radio-store-DOZ_1RSk.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
@@ -34,7 +34,7 @@ declare const useRadioGroup: import("@ariakit/react-utils").Hook<"div", RadioGro
  * </RadioProvider>
  * ```
  */
-declare const RadioGroup: (props: RadioGroupProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const RadioGroup: (props: RadioGroupProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface RadioGroupOptions<T extends ElementType = TagName> extends CompositeOptions<T> {
   /**
    * Object returned by the

package/dist/radio/radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","names":["Props","ElementType","CompositeOptions","RadioStore","TagName","useRadioGroup","RadioGroupOptions","Hook","RadioGroup","RadioGroupProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/radio/radio-group.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFsB;;;;AAC9B;AAAA;;;;AACQ;AAc7B;;;AAhBmD,cAgB9BC,aAAAA,iCAA8CE,IAAAA,QAAYD,iBAAiB;AAAA;AAehG;;;;;;;;;AAA6I;AAC7I;;;AAhBgG,cAe3EE,UAAAA,GAAaE,KAAAA,EAAOD,eAAe,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACvGN,iBAAAA,WAA4BL,WAAAA,GAAcG,OAAAA,UAAiBF,gBAAAA,CAAiBW,CAAAA;EAAAA;;;;;;;EAQzFC,KAAAA,GAAQX,UAAAA;AAAAA;AAAAA,KAEAM,eAAAA,WAA0BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,iBAAAA,CAAkBO,CAAAA"}
+{"version":3,"file":"radio-group.d.ts","names":["Props","ElementType","CompositeOptions","RadioStore","TagName","useRadioGroup","RadioGroupOptions","Hook","RadioGroup","RadioGroupProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/radio/radio-group.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFsB;;;;AAC9B;AAAA;;;;AACQ;AAc7B;;;AAhBmD,cAgB9BC,aAAAA,iCAA8CE,IAAAA,QAAYD,iBAAiB;AAAA;AAehG;;;;;;;;;AAAiJ;AACjJ;;;AAhBgG,cAe3EE,UAAAA,GAAaE,KAAAA,EAAOD,eAAe,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UAC3GN,iBAAAA,WAA4BL,WAAAA,GAAcG,OAAAA,UAAiBF,gBAAAA,CAAiBW,CAAAA;EAAAA;;;;;;;EAQzFC,KAAAA,GAAQX,UAAAA;AAAAA;AAAAA,KAEAM,eAAAA,WAA0BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,iBAAAA,CAAkBO,CAAAA"}

package/dist/radio/radio-group.js

@@ -22,7 +22,7 @@ const TagName = "div";
 const useRadioGroup = createHook(function useRadioGroup({ store, ...props }) {
 	const context = useRadioProviderContext();
 	store = store || context;
-	invariant(store, "RadioGroup must receive a `store` prop or be wrapped in a RadioProvider component.");
+	invariant(store, process.env.NODE_ENV !== "production" && "RadioGroup must receive a `store` prop or be wrapped in a RadioProvider component.");
 	props = useWrapElement(props, (element) => /* @__PURE__ */ jsx(RadioScopedContextProvider, {
 		value: store,
 		children: element

package/dist/radio/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","names":[],"sources":["../../src/radio/radio-group.tsx"],"sourcesContent":["import {\n  useWrapElement,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { invariant } from \"@ariakit/utils\";\nimport type { ElementType } from \"react\";\nimport type { CompositeOptions } from \"../composite/composite.tsx\";\nimport { useComposite } from \"../composite/composite.tsx\";\nimport {\n  RadioScopedContextProvider,\n  useRadioProviderContext,\n} from \"./radio-context.tsx\";\nimport type { RadioStore } from \"./radio-store.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\n\n/**\n * Returns props to create a `RadioGroup` component.\n * @see https://ariakit.com/components/radio\n * @example\n * ```jsx\n * const store = useRadioStore();\n * const props = useRadioGroup({ store });\n * <Role {...props}>\n *   <Radio value=\"Apple\" />\n *   <Radio value=\"Orange\" />\n * </Role>\n * ```\n */\nexport const useRadioGroup = createHook<TagName, RadioGroupOptions>(\n  function useRadioGroup({ store, ...props }) {\n    const context = useRadioProviderContext();\n    store = store || context;\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"RadioGroup must receive a `store` prop or be wrapped in a RadioProvider component.\",\n    );\n\n    props = useWrapElement(\n      props,\n      (element) => (\n        <RadioScopedContextProvider value={store}>\n          {element}\n        </RadioScopedContextProvider>\n      ),\n      [store],\n    );\n\n    props = {\n      role: \"radiogroup\",\n      ...props,\n    };\n\n    props = useComposite({ store, ...props });\n\n    return props;\n  },\n);\n\n/**\n * Renders a [`radiogroup`](https://w3c.github.io/aria/#radiogroup) element that\n * manages a group of [`Radio`](https://ariakit.com/reference/radio) elements.\n * @see https://ariakit.com/components/radio\n * @example\n * ```jsx\n * <RadioProvider>\n *   <RadioGroup>\n *     <Radio value=\"Apple\" />\n *     <Radio value=\"Orange\" />\n *   </RadioGroup>\n * </RadioProvider>\n * ```\n */\nexport const RadioGroup = forwardRef(function RadioGroup(\n  props: RadioGroupProps,\n) {\n  const htmlProps = useRadioGroup(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport interface RadioGroupOptions<\n  T extends ElementType = TagName,\n> extends CompositeOptions<T> {\n  /**\n   * Object returned by the\n   * [`useRadioStore`](https://ariakit.com/reference/use-radio-store) hook. If\n   * not provided, the closest\n   * [`RadioProvider`](https://ariakit.com/reference/radio-provider) component's\n   * context will be used.\n   */\n  store?: RadioStore;\n}\n\nexport type RadioGroupProps<T extends ElementType = TagName> = Props<\n  T,\n  RadioGroupOptions<T>\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAmCI,gBAAgB,WAAA,SAAwB,cAAA,EAAA,OAAA,GAAA,SAAA;CACxC,MAAA,UAAQ,wBAAS;CAEjB,QAAA,SAGI;CAGJ,UAAQ,OAAA,oFAGJ;SAAmC,eAAA,QAAA,YAAA,oBAAA,4BAAA;;EAEP,UAGhC;CAEA,CAAA,GAAA,CAAA,KAAQ,CAAA;SACA;EACN,MAAG;EACL,GAAA;CAEA;SAAuB,aAAA;EAAO;EAAU,GAAA;CAExC,CAAA;CAEJ,OAAA;;;;;;;;;;;;;;;;MAoBE,aAAO,WAAc,SADH,WACoB,OAAC;CACxC,OAAA,cAAA,SAAA,cAAA,KAAA,CAAA"}
+{"version":3,"file":"radio-group.js","names":[],"sources":["../../src/radio/radio-group.tsx"],"sourcesContent":["import {\n  useWrapElement,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { invariant } from \"@ariakit/utils\";\nimport type { ElementType } from \"react\";\nimport type { CompositeOptions } from \"../composite/composite.tsx\";\nimport { useComposite } from \"../composite/composite.tsx\";\nimport {\n  RadioScopedContextProvider,\n  useRadioProviderContext,\n} from \"./radio-context.tsx\";\nimport type { RadioStore } from \"./radio-store.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\n\n/**\n * Returns props to create a `RadioGroup` component.\n * @see https://ariakit.com/components/radio\n * @example\n * ```jsx\n * const store = useRadioStore();\n * const props = useRadioGroup({ store });\n * <Role {...props}>\n *   <Radio value=\"Apple\" />\n *   <Radio value=\"Orange\" />\n * </Role>\n * ```\n */\nexport const useRadioGroup = createHook<TagName, RadioGroupOptions>(\n  function useRadioGroup({ store, ...props }) {\n    const context = useRadioProviderContext();\n    store = store || context;\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"RadioGroup must receive a `store` prop or be wrapped in a RadioProvider component.\",\n    );\n\n    props = useWrapElement(\n      props,\n      (element) => (\n        <RadioScopedContextProvider value={store}>\n          {element}\n        </RadioScopedContextProvider>\n      ),\n      [store],\n    );\n\n    props = {\n      role: \"radiogroup\",\n      ...props,\n    };\n\n    props = useComposite({ store, ...props });\n\n    return props;\n  },\n);\n\n/**\n * Renders a [`radiogroup`](https://w3c.github.io/aria/#radiogroup) element that\n * manages a group of [`Radio`](https://ariakit.com/reference/radio) elements.\n * @see https://ariakit.com/components/radio\n * @example\n * ```jsx\n * <RadioProvider>\n *   <RadioGroup>\n *     <Radio value=\"Apple\" />\n *     <Radio value=\"Orange\" />\n *   </RadioGroup>\n * </RadioProvider>\n * ```\n */\nexport const RadioGroup = forwardRef(function RadioGroup(\n  props: RadioGroupProps,\n) {\n  const htmlProps = useRadioGroup(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport interface RadioGroupOptions<\n  T extends ElementType = TagName,\n> extends CompositeOptions<T> {\n  /**\n   * Object returned by the\n   * [`useRadioStore`](https://ariakit.com/reference/use-radio-store) hook. If\n   * not provided, the closest\n   * [`RadioProvider`](https://ariakit.com/reference/radio-provider) component's\n   * context will be used.\n   */\n  store?: RadioStore;\n}\n\nexport type RadioGroupProps<T extends ElementType = TagName> = Props<\n  T,\n  RadioGroupOptions<T>\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAmCI,gBAAgB,WAAA,SAAwB,cAAA,EAAA,OAAA,GAAA,SAAA;CACxC,MAAA,UAAQ,wBAAS;CAEjB,QAAA,SAEE;CAIF,UAAQ,OAAA,QACN,IAAA,aACC,gBACC,oFAAA;SAAmC,eAAA,QAAA,YAAA,oBAAA,4BAAA;;EAEP,UAGhC;CAEA,CAAA,GAAA,CAAA,KAAQ,CAAA;SACA;EACN,MAAG;EACL,GAAA;CAEA;SAAuB,aAAA;EAAO;EAAU,GAAA;CAExC,CAAA;CAEJ,OAAA;;;;;;;;;;;;;;;;MAoBE,aAAO,WAAc,SADH,WACoB,OAAC;CACxC,OAAA,cAAA,SAAA,cAAA,KAAA,CAAA"}

package/dist/radio/radio.d.ts

@@ -1,4 +1,4 @@
-import { n as CompositeItemOptions } from "../composite-item-B4WTelVz.js";
+import { n as CompositeItemOptions } from "../composite-item-d4UXaZ84.js";
 import { t as RadioStore } from "../radio-store-DOZ_1RSk.js";
 import { Props } from "@ariakit/react-utils";
 import { ChangeEvent, ElementType } from "react";
@@ -36,7 +36,7 @@ declare const useRadio: import("@ariakit/react-utils").Hook<"input", RadioOption
  * </RadioProvider>
  * ```
  */
-declare const Radio: (props: RadioProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const Radio: (props: RadioProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface RadioOptions<T extends ElementType = TagName> extends CompositeItemOptions<T> {
   /**
    * Object returned by the

package/dist/radio/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","names":["Props","BivariantCallback","ChangeEvent","ElementType","CompositeItemOptions","RadioStore","TagName","HTMLType","HTMLElementTagNameMap","useRadio","RadioOptions","Hook","Radio","RadioProps","props","ReactElement","JSXElementConstructor","T","store","value","name","checked","onChange","event"],"sources":["../../src/radio/radio.d.ts"],"mappings":";;;;;;;cAKcM,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAAA,KACxBC,QAAAA,GAAWC,qBAAAA,CAAsBF,OAAO;;;;AAFxB;AAAA;;;;AACQ;AAAA;;;;cAeRG,QAAAA,iCAAyCE,IAAAA,UAAcD,YAAY;AAAxF;;;;AAAwF;AAexF;;;;;;;;;AAfA,cAeqBE,KAAAA,GAAQE,KAAAA,EAAOD,UAAU,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UAC7FN,YAAAA,WAAuBP,WAAAA,GAAcG,OAAAA,UAAiBF,oBAAAA,CAAqBa,CAAAA;EAA/D;;;;;;;;EASzBC,KAAAA,GAAQb,UAAAA;EAT2DD;;;;;;;EAiBnEe,KAAAA;EARAD;;;EAYAE,IAAAA;EAMAC;;;;;EAAAA,OAAAA;EAI0D;AAAA;AAE9D;EAFIC,QAAAA,GAAWrB,iBAAAA,EAAmBsB,KAAAA,EAAOrB,WAAAA,CAAYK,QAAAA;AAAAA;AAAAA,KAEzCM,UAAAA,WAAqBV,WAAAA,GAAcG,OAAAA,IAAWN,KAAAA,CAAMiB,CAAAA,EAAGP,YAAAA,CAAaO,CAAAA"}
+{"version":3,"file":"radio.d.ts","names":["Props","BivariantCallback","ChangeEvent","ElementType","CompositeItemOptions","RadioStore","TagName","HTMLType","HTMLElementTagNameMap","useRadio","RadioOptions","Hook","Radio","RadioProps","props","ReactElement","JSXElementConstructor","T","store","value","name","checked","onChange","event"],"sources":["../../src/radio/radio.d.ts"],"mappings":";;;;;;;cAKcM,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAAA,KACxBC,QAAAA,GAAWC,qBAAAA,CAAsBF,OAAO;;;;AAFxB;AAAA;;;;AACQ;AAAA;;;;cAeRG,QAAAA,iCAAyCE,IAAAA,UAAcD,YAAY;AAAxF;;;;AAAwF;AAexF;;;;;;;;;AAfA,cAeqBE,KAAAA,GAAQE,KAAAA,EAAOD,UAAU,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACjGN,YAAAA,WAAuBP,WAAAA,GAAcG,OAAAA,UAAiBF,oBAAAA,CAAqBa,CAAAA;EAA/D;;;;;;;;EASzBC,KAAAA,GAAQb,UAAAA;EAT2DD;;;;;;;EAiBnEe,KAAAA;EARAD;;;EAYAE,IAAAA;EAMAC;;;;;EAAAA,OAAAA;EAI0D;AAAA;AAE9D;EAFIC,QAAAA,GAAWrB,iBAAAA,EAAmBsB,KAAAA,EAAOrB,WAAAA,CAAYK,QAAAA;AAAAA;AAAAA,KAEzCM,UAAAA,WAAqBV,WAAAA,GAAcG,OAAAA,IAAWN,KAAAA,CAAMiB,CAAAA,EAAGP,YAAAA,CAAaO,CAAAA"}

package/dist/select/select-arrow.d.ts

@@ -43,7 +43,7 @@ declare const useSelectArrow: import("@ariakit/react-utils").Hook<"span", Select
  * </SelectProvider>
  * ```
  */
-declare const SelectArrow: (props: SelectArrowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const SelectArrow: (props: SelectArrowProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface SelectArrowOptions<T extends ElementType = TagName> extends PopoverDisclosureArrowOptions<T> {
   /**
    * Object returned by the

package/dist/select/select-arrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-arrow.d.ts","names":["Props","ElementType","PopoverDisclosureArrowOptions","SelectStore","TagName","useSelectArrow","SelectArrowOptions","Hook","SelectArrow","SelectArrowProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/select/select-arrow.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAkB7B;;;;AAAmG;AAoBnG;;AAxCqD,cAoBhCC,cAAAA,iCAA+CE,IAAAA,SAAaD,kBAAkB;;;;;;;AAoB4C;AAC/I;;;;;;;;;;;;cADqBE,WAAAA,GAAcE,KAAAA,EAAOD,gBAAgB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACzGN,kBAAAA,WAA6BL,WAAAA,GAAcG,OAAAA,UAAiBF,6BAAAA,CAA8BW,CAAAA;EAAAA;;;;AAQpF;AAEvB;;EAFIC,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,gBAAAA,WAA2BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,kBAAAA,CAAmBO,CAAAA"}
+{"version":3,"file":"select-arrow.d.ts","names":["Props","ElementType","PopoverDisclosureArrowOptions","SelectStore","TagName","useSelectArrow","SelectArrowOptions","Hook","SelectArrow","SelectArrowProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/select/select-arrow.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAkB7B;;;;AAAmG;AAoBnG;;AAxCqD,cAoBhCC,cAAAA,iCAA+CE,IAAAA,SAAaD,kBAAkB;;;;;;;AAoBgD;AACnJ;;;;;;;;;;;;cADqBE,WAAAA,GAAcE,KAAAA,EAAOD,gBAAgB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UAC7GN,kBAAAA,WAA6BL,WAAAA,GAAcG,OAAAA,UAAiBF,6BAAAA,CAA8BW,CAAAA;EAAAA;;;;AAQpF;AAEvB;;EAFIC,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,gBAAAA,WAA2BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,kBAAAA,CAAmBO,CAAAA"}

package/dist/select/select-dismiss.d.ts

@@ -1,4 +1,4 @@
-import { n as PopoverDismissOptions } from "../popover-dismiss-DPeI6Zse.js";
+import { n as PopoverDismissOptions } from "../popover-dismiss-CQFvuLzJ.js";
 import { t as SelectStore } from "../select-store-BsLTAyKh.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
@@ -41,7 +41,7 @@ declare const useSelectDismiss: import("@ariakit/react-utils").Hook<"button", Se
  * </SelectProvider>
  * ```
  */
-declare const SelectDismiss: (props: SelectDismissProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const SelectDismiss: (props: SelectDismissProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface SelectDismissOptions<T extends ElementType = TagName> extends PopoverDismissOptions<T> {
   /**
    * Object returned by the

package/dist/select/select-dismiss.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-dismiss.d.ts","names":["Props","ElementType","PopoverDismissOptions","SelectStore","TagName","useSelectDismiss","SelectDismissOptions","Hook","SelectDismiss","SelectDismissProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/select/select-dismiss.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AADgC,cAYhCC,gBAAAA,iCAAiDE,IAAAA,WAAeD,oBAAoB;AAAzG;;;;AAAyG;AA0BzG;;;;;;;;;AAAmJ;AACnJ;;;;;;;;;;AA3BA,cA0BqBE,aAAAA,GAAgBE,KAAAA,EAAOD,kBAAkB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UAC7GN,oBAAAA,WAA+BL,WAAAA,GAAcG,OAAAA,UAAiBF,qBAAAA,CAAsBW,CAAAA;EAAvCT;;;;;;AASvC;AAEvB;EAFIU,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,kBAAAA,WAA6BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,oBAAAA,CAAqBO,CAAAA"}
+{"version":3,"file":"select-dismiss.d.ts","names":["Props","ElementType","PopoverDismissOptions","SelectStore","TagName","useSelectDismiss","SelectDismissOptions","Hook","SelectDismiss","SelectDismissProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/select/select-dismiss.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AADgC,cAYhCC,gBAAAA,iCAAiDE,IAAAA,WAAeD,oBAAoB;AAAzG;;;;AAAyG;AA0BzG;;;;;;;;;AAAuJ;AACvJ;;;;;;;;;;AA3BA,cA0BqBE,aAAAA,GAAgBE,KAAAA,EAAOD,kBAAkB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACjHN,oBAAAA,WAA+BL,WAAAA,GAAcG,OAAAA,UAAiBF,qBAAAA,CAAsBW,CAAAA;EAAvCT;;;;;;AASvC;AAEvB;EAFIU,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,kBAAAA,WAA6BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,oBAAAA,CAAqBO,CAAAA"}

package/dist/select/select-group-label.d.ts

@@ -43,7 +43,7 @@ declare const useSelectGroupLabel: import("@ariakit/react-utils").Hook<"div", Se
  * </SelectProvider>
  * ```
  */
-declare const SelectGroupLabel: (props: SelectGroupLabelProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const SelectGroupLabel: (props: SelectGroupLabelProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface SelectGroupLabelOptions<T extends ElementType = TagName> extends CompositeGroupLabelOptions<T> {
   /**
    * Object returned by the

package/dist/select/select-group-label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-group-label.d.ts","names":["Props","ElementType","CompositeGroupLabelOptions","SelectStore","TagName","useSelectGroupLabel","SelectGroupLabelOptions","Hook","SelectGroupLabel","SelectGroupLabelProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/select/select-group-label.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAa7B;;AAfqD,cAehCC,mBAAAA,iCAAoDE,IAAAA,QAAYD,uBAAuB;;AAAA;AAyB5G;;;;;;;;;AAAyJ;AACzJ;;;;;;;;;;;;cADqBE,gBAAAA,GAAmBE,KAAAA,EAAOD,qBAAqB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACnHN,uBAAAA,WAAkCL,WAAAA,GAAcG,OAAAA,UAAiBF,0BAAAA,CAA2BW,CAAAA;EAAAA;;;;AAStF;AAEvB;;;EAFIC,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,qBAAAA,WAAgCR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,uBAAAA,CAAwBO,CAAAA"}
+{"version":3,"file":"select-group-label.d.ts","names":["Props","ElementType","CompositeGroupLabelOptions","SelectStore","TagName","useSelectGroupLabel","SelectGroupLabelOptions","Hook","SelectGroupLabel","SelectGroupLabelProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/select/select-group-label.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAa7B;;AAfqD,cAehCC,mBAAAA,iCAAoDE,IAAAA,QAAYD,uBAAuB;;AAAA;AAyB5G;;;;;;;;;AAA6J;AAC7J;;;;;;;;;;;;cADqBE,gBAAAA,GAAmBE,KAAAA,EAAOD,qBAAqB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACvHN,uBAAAA,WAAkCL,WAAAA,GAAcG,OAAAA,UAAiBF,0BAAAA,CAA2BW,CAAAA;EAAAA;;;;AAStF;AAEvB;;;EAFIC,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,qBAAAA,WAAgCR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,uBAAAA,CAAwBO,CAAAA"}

package/dist/select/select-group.d.ts

@@ -44,7 +44,7 @@ declare const useSelectGroup: import("@ariakit/react-utils").Hook<"div", SelectG
  * </SelectProvider>
  * ```
  */
-declare const SelectGroup: (props: SelectGroupProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const SelectGroup: (props: SelectGroupProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface SelectGroupOptions<T extends ElementType = TagName> extends CompositeGroupOptions<T> {
   /**
    * Object returned by the

package/dist/select/select-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-group.d.ts","names":["Props","ElementType","CompositeGroupOptions","SelectStore","TagName","useSelectGroup","SelectGroupOptions","Hook","SelectGroup","SelectGroupProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/select/select-group.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAkB7B;;;;AAAkG;AAqBlG;;AAzCqD,cAoBhCC,cAAAA,iCAA+CE,IAAAA,QAAYD,kBAAkB;;;;;;;AAqB6C;AAC/I;;;;;;;;;;;;;cADqBE,WAAAA,GAAcE,KAAAA,EAAOD,gBAAgB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACzGN,kBAAAA,WAA6BL,WAAAA,GAAcG,OAAAA,UAAiBF,qBAAAA,CAAsBW,CAAAA;EAS/FC;;;AAAmB;AAEvB;;;;EAFIA,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,gBAAAA,WAA2BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,kBAAAA,CAAmBO,CAAAA"}
+{"version":3,"file":"select-group.d.ts","names":["Props","ElementType","CompositeGroupOptions","SelectStore","TagName","useSelectGroup","SelectGroupOptions","Hook","SelectGroup","SelectGroupProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/select/select-group.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAkB7B;;;;AAAkG;AAqBlG;;AAzCqD,cAoBhCC,cAAAA,iCAA+CE,IAAAA,QAAYD,kBAAkB;;;;;;;AAqBiD;AACnJ;;;;;;;;;;;;;cADqBE,WAAAA,GAAcE,KAAAA,EAAOD,gBAAgB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UAC7GN,kBAAAA,WAA6BL,WAAAA,GAAcG,OAAAA,UAAiBF,qBAAAA,CAAsBW,CAAAA;EAS/FC;;;AAAmB;AAEvB;;;;EAFIA,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,gBAAAA,WAA2BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,kBAAAA,CAAmBO,CAAAA"}

package/dist/select/select-heading.d.ts

@@ -1,4 +1,4 @@
-import { n as PopoverHeadingOptions } from "../popover-heading-DGsr6D5W.js";
+import { n as PopoverHeadingOptions } from "../popover-heading-DC8rYnwo.js";
 import { t as SelectStore } from "../select-store-BsLTAyKh.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
@@ -41,7 +41,7 @@ declare const useSelectHeading: import("@ariakit/react-utils").Hook<"h1", Select
  * </SelectProvider>
  * ```
  */
-declare const SelectHeading: (props: SelectHeadingProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const SelectHeading: (props: SelectHeadingProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface SelectHeadingOptions<T extends ElementType = TagName> extends PopoverHeadingOptions<T> {
   /**
    * Object returned by the

package/dist/select/select-heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-heading.d.ts","names":["Props","ElementType","PopoverHeadingOptions","SelectStore","TagName","useSelectHeading","SelectHeadingOptions","Hook","SelectHeading","SelectHeadingProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/select/select-heading.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AADgC,cAYhCC,gBAAAA,iCAAiDE,IAAAA,OAAWD,oBAAoB;AAArG;;;;AAAqG;AA0BrG;;;;;;;;;AAAmJ;AACnJ;;;;;;;;;;AA3BA,cA0BqBE,aAAAA,GAAgBE,KAAAA,EAAOD,kBAAkB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UAC7GN,oBAAAA,WAA+BL,WAAAA,GAAcG,OAAAA,UAAiBF,qBAAAA,CAAsBW,CAAAA;EAAvCT;;;;;;AASvC;AAEvB;EAFIU,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,kBAAAA,WAA6BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,oBAAAA,CAAqBO,CAAAA"}
+{"version":3,"file":"select-heading.d.ts","names":["Props","ElementType","PopoverHeadingOptions","SelectStore","TagName","useSelectHeading","SelectHeadingOptions","Hook","SelectHeading","SelectHeadingProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/select/select-heading.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AADgC,cAYhCC,gBAAAA,iCAAiDE,IAAAA,OAAWD,oBAAoB;AAArG;;;;AAAqG;AA0BrG;;;;;;;;;AAAuJ;AACvJ;;;;;;;;;;AA3BA,cA0BqBE,aAAAA,GAAgBE,KAAAA,EAAOD,kBAAkB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACjHN,oBAAAA,WAA+BL,WAAAA,GAAcG,OAAAA,UAAiBF,qBAAAA,CAAsBW,CAAAA;EAAvCT;;;;;;AASvC;AAEvB;EAFIU,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,kBAAAA,WAA6BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,oBAAAA,CAAqBO,CAAAA"}

package/dist/select/select-item-check.d.ts

@@ -45,7 +45,7 @@ declare const useSelectItemCheck: import("@ariakit/react-utils").Hook<"span", Se
  * </SelectProvider>
  * ```
  */
-declare const SelectItemCheck: (props: SelectItemCheckProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const SelectItemCheck: (props: SelectItemCheckProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface SelectItemCheckOptions<T extends ElementType = TagName> extends CheckboxCheckOptions<T> {
   /**
    * Object returned by the

package/dist/select/select-item-check.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-item-check.d.ts","names":["Props","ElementType","CheckboxCheckOptions","SelectStore","TagName","useSelectItemCheck","SelectItemCheckOptions","Hook","SelectItemCheck","SelectItemCheckProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/select/select-item-check.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAY7B;AAdqD,cAchCC,kBAAAA,iCAAmDE,IAAAA,SAAaD,sBAAsB;;;AAAA;AA4B3G;;;;;;;;;AAAuJ;AACvJ;;;;;;;;;;;;;;cADqBE,eAAAA,GAAkBE,KAAAA,EAAOD,oBAAoB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACjHN,sBAAAA,WAAiCL,WAAAA,GAAcG,OAAAA,UAAiBF,oBAAAA,CAAqBW,CAAAA;EAK1FV;;AAAW;AAEvB;EAFIW,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,oBAAAA,WAA+BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,sBAAAA,CAAuBO,CAAAA"}
+{"version":3,"file":"select-item-check.d.ts","names":["Props","ElementType","CheckboxCheckOptions","SelectStore","TagName","useSelectItemCheck","SelectItemCheckOptions","Hook","SelectItemCheck","SelectItemCheckProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/select/select-item-check.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAY7B;AAdqD,cAchCC,kBAAAA,iCAAmDE,IAAAA,SAAaD,sBAAsB;;;AAAA;AA4B3G;;;;;;;;;AAA2J;AAC3J;;;;;;;;;;;;;;cADqBE,eAAAA,GAAkBE,KAAAA,EAAOD,oBAAoB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACrHN,sBAAAA,WAAiCL,WAAAA,GAAcG,OAAAA,UAAiBF,oBAAAA,CAAqBW,CAAAA;EAK1FV;;AAAW;AAEvB;EAFIW,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,oBAAAA,WAA+BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,sBAAAA,CAAuBO,CAAAA"}

package/dist/select/select-item.d.ts

@@ -1,5 +1,5 @@
-import { n as CompositeItemOptions } from "../composite-item-B4WTelVz.js";
-import { n as CompositeHoverOptions } from "../composite-hover-C7ul163w.js";
+import { n as CompositeItemOptions } from "../composite-item-d4UXaZ84.js";
+import { n as CompositeHoverOptions } from "../composite-hover-BpXq3T8J.js";
 import { t as SelectStore } from "../select-store-BsLTAyKh.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType, MouseEvent } from "react";
@@ -45,7 +45,7 @@ declare const useSelectItem: import("@ariakit/react-utils").Hook<"div", SelectIt
  * </SelectProvider>
  * ```
  */
-declare const SelectItem: (props: SelectItemProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const SelectItem: (props: SelectItemProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface SelectItemOptions<T extends ElementType = TagName> extends CompositeItemOptions<T>, CompositeHoverOptions<T> {
   /**
    * Object returned by the

package/dist/select/select-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-item.d.ts","names":["Props","BooleanOrCallback","ElementType","MouseEvent","CompositeHoverOptions","CompositeItemOptions","SelectStore","TagName","useSelectItem","SelectItemOptions","Hook","SelectItem","SelectItemProps","props","ReactElement","JSXElementConstructor","T","HTMLElement","store","value","hideOnClick","setValueOnClick"],"sources":["../../src/select/select-item.d.ts"],"mappings":";;;;;;;;cAMcO,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAFwB,cAahCC,aAAAA,iCAA8CE,IAAAA,QAAYD,iBAAiB;;;;AAAA;AA2BhG;;;;;;;;;AAA6I;AAC7I;;;;;;;;;;;;cADqBE,UAAAA,GAAaE,KAAAA,EAAOD,eAAe,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACvGN,iBAAAA,WAA4BP,WAAAA,GAAcK,OAAAA,UAAiBF,oBAAAA,CAAqBW,CAAAA,GAAIZ,qBAAAA,CAAsBY,CAAAA;EAA/CX;;;;;;;;EASxEa,KAAAA,GAAQZ,WAAAA;EATyFF;;;;;;;;;;;;;;AAsDvC;AAE9D;;;;;;;;;;;;EAnBIe,KAAAA;EAmBgDZ;;;;;EAbhDa,WAAAA,GAAcnB,iBAAAA,CAAkBE,UAAAA,CAAWc,WAAAA;EAa4C;;;;;;;;;;EAFvFI,eAAAA,GAAkBpB,iBAAAA,CAAkBE,UAAAA,CAAWc,WAAAA;AAAAA;AAAAA,KAEvCL,eAAAA,WAA0BV,WAAAA,GAAcK,OAAAA,IAAWP,KAAAA,CAAMgB,CAAAA,EAAGP,iBAAAA,CAAkBO,CAAAA"}
+{"version":3,"file":"select-item.d.ts","names":["Props","BooleanOrCallback","ElementType","MouseEvent","CompositeHoverOptions","CompositeItemOptions","SelectStore","TagName","useSelectItem","SelectItemOptions","Hook","SelectItem","SelectItemProps","props","ReactElement","JSXElementConstructor","T","HTMLElement","store","value","hideOnClick","setValueOnClick"],"sources":["../../src/select/select-item.d.ts"],"mappings":";;;;;;;;cAMcO,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAFwB,cAahCC,aAAAA,iCAA8CE,IAAAA,QAAYD,iBAAiB;;;;AAAA;AA2BhG;;;;;;;;;AAAiJ;AACjJ;;;;;;;;;;;;cADqBE,UAAAA,GAAaE,KAAAA,EAAOD,eAAe,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UAC3GN,iBAAAA,WAA4BP,WAAAA,GAAcK,OAAAA,UAAiBF,oBAAAA,CAAqBW,CAAAA,GAAIZ,qBAAAA,CAAsBY,CAAAA;EAA/CX;;;;;;;;EASxEa,KAAAA,GAAQZ,WAAAA;EATyFF;;;;;;;;;;;;;;AAsDvC;AAE9D;;;;;;;;;;;;EAnBIe,KAAAA;EAmBgDZ;;;;;EAbhDa,WAAAA,GAAcnB,iBAAAA,CAAkBE,UAAAA,CAAWc,WAAAA;EAa4C;;;;;;;;;;EAFvFI,eAAAA,GAAkBpB,iBAAAA,CAAkBE,UAAAA,CAAWc,WAAAA;AAAAA;AAAAA,KAEvCL,eAAAA,WAA0BV,WAAAA,GAAcK,OAAAA,IAAWP,KAAAA,CAAMgB,CAAAA,EAAGP,iBAAAA,CAAkBO,CAAAA"}

package/dist/select/select-item.js

@@ -28,7 +28,7 @@ function isSelected(storeValue, itemValue) {
 const useSelectItem = createHook(function useSelectItem({ store, value, getItem: getItemProp, hideOnClick, setValueOnClick = value != null, preventScrollOnKeyDown = true, focusOnHover = true, ...props }) {
 	const context = useSelectScopedContext();
 	store = store || context;
-	invariant(store, "SelectItem must be wrapped in a SelectList or SelectPopover component.");
+	invariant(store, process.env.NODE_ENV !== "production" && "SelectItem must be wrapped in a SelectList or SelectPopover component.");
 	const id = useId(props.id);
 	const disabled = disabledFromProps(props);
 	const { listElement, multiSelectable, selected, autoFocus } = useStoreStateObject(store, {