@sanity/ui 4.2.1 → 4.2.3

package/dist/{popover-BngOa-um.js.map → popover-DR6UQQvq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-BngOa-um.js","names":["getTransformOrigin(originX, originY)","{\n      left: x,\n      position: strategy,\n      top: y,\n      transformOrigin: getTransformOrigin(originX, originY),\n      width,\n      zIndex,\n      willChange: animate ? 'transform' : undefined,\n      ...style,\n    }","animate ? 'transform' : undefined","useMemo(\n    () => ({\n      left: x,\n      position: strategy,\n      top: y,\n      transformOrigin: getTransformOrigin(originX, originY),\n      width,\n      zIndex,\n      willChange: animate ? 'transform' : undefined,\n      ...style,\n    }),\n    [animate, originX, originY, strategy, style, width, x, y, zIndex],\n  )","{\n      left: arrowX !== null ? arrowX : undefined,\n      top: arrowY !== null ? arrowY : undefined,\n      right: undefined,\n      bottom: undefined,\n    }","arrowX !== null ? arrowX : undefined","arrowY !== null ? arrowY : undefined","useMemo(\n    () => ({\n      left: arrowX !== null ? arrowX : undefined,\n      top: arrowY !== null ? arrowY : undefined,\n      right: undefined,\n      bottom: undefined,\n    }),\n    [arrowX, arrowY],\n  )","<Flex direction=\"column\" flex={1} padding={padding}>\n          {children}\n        </Flex>","<Flex data-ui=\"Popover__wrapper\" direction=\"column\" flex={1} overflow={overflow}>\n        <Flex direction=\"column\" flex={1} padding={padding}>\n          {children}\n        </Flex>\n      </Flex>","arrow && (\n        <Arrow\n          ref={arrowRef}\n          style={arrowStyle}\n          width={DEFAULT_POPOVER_ARROW_WIDTH}\n          height={DEFAULT_POPOVER_ARROW_HEIGHT}\n          radius={DEFAULT_POPOVER_ARROW_RADIUS}\n        />\n      )","<MotionCard\n      data-ui=\"Popover\"\n      {...restProps}\n      data-placement={placement}\n      radius={radius}\n      ref={ref}\n      scheme={scheme}\n      shadow={shadow}\n      sizing=\"border\"\n      style={rootStyle}\n      tone={tone}\n      {...(animate ? POPOVER_MOTION_PROPS : undefined)}\n    >\n      <Flex data-ui=\"Popover__wrapper\" direction=\"column\" flex={1} overflow={overflow}>\n        <Flex direction=\"column\" flex={1} padding={padding}>\n          {children}\n        </Flex>\n      </Flex>\n\n      {arrow && (\n        <Arrow\n          ref={arrowRef}\n          style={arrowStyle}\n          width={DEFAULT_POPOVER_ARROW_WIDTH}\n          height={DEFAULT_POPOVER_ARROW_HEIGHT}\n          radius={DEFAULT_POPOVER_ARROW_RADIUS}\n        />\n      )}\n    </MotionCard>","animate ? POPOVER_MOTION_PROPS : undefined","<div\n      data-ui=\"PopoverOverlay\"\n      style={{height: '100vh', inset: 0, position: 'fixed', width: '100vw', zIndex}}\n    />","margins = DEFAULT_POPOVER_MARGINS","_animate = false","tone = 'inherit'","widthProp = 'auto'","arrowProp = false","constrainSize = false","overflow = 'hidden'","placementProp = 'bottom'","placementStrategy = 'flip'","preventOverflow = true","radiusProp = 3","shadowProp = 3","childProp","_fallbackPlacements","_floatingBoundary","paddingProp","forwardedRef","_referenceBoundary","_zOffsetProp","...restProps","_getArrayProp(paddingProp)","_getArrayProp(radiusProp)","_getArrayProp(shadowProp)","_getArrayProp(zOffsetProp)","() => ref.current","() => {\n    widthRef.current = width\n  }","[width]","calcMaxWidth({boundaryWidth, currentWidth: width})","() => {\n    maxWidthRef.current = maxWidth\n  }","[maxWidth]","() => {\n    const floatingElement = ref.current\n\n    if (!open || !floatingElement) return\n\n    const referenceWidth = referenceWidthRef.current\n\n    if (matchReferenceWidth) {\n      if (referenceWidth !== undefined) {\n        floatingElement.style.width = `${referenceWidth}px`\n      }\n    } else if (width !== undefined) {\n      floatingElement.style.width = `${width}px`\n    }\n\n    if (typeof maxWidth === 'number') {\n      floatingElement.style.maxWidth = `${maxWidth}px`\n    }\n  }","[width, matchReferenceWidth, maxWidth, open]","referenceWidth","{\n    animate,\n    arrowProp,\n    arrowRef,\n    constrainSize,\n    fallbackPlacements,\n    floatingBoundary,\n    margins,\n    matchReferenceWidth,\n    maxWidthRef,\n    placementProp,\n    placementStrategy,\n    preventOverflow,\n    referenceBoundary,\n    referenceWidthRef,\n    rootBoundary,\n    setReferenceWidth,\n    widthRef,\n  }","referenceElement\n      ? {\n          reference: referenceElement,\n        }\n      : undefined","{\n    middleware,\n    placement: placementProp,\n    whileElementsMounted: autoUpdate,\n    elements: referenceElement\n      ? {\n          reference: referenceElement,\n        }\n      : undefined,\n  }","(arrowEl: HTMLDivElement | null) => {\n    arrowRef.current = arrowEl\n  }","useCallback((arrowEl: HTMLDivElement | null) => {\n    arrowRef.current = arrowEl\n  }, [])","(node: HTMLDivElement | null) => {\n      ref.current = node\n      refs.setFloating(node)\n    }","useCallback(\n    (node: HTMLDivElement | null) => {\n      ref.current = node\n      refs.setFloating(node)\n    },\n    [refs],\n  )","childProp ? getElementRef(childProp) : null","() => refs.reference.current","current","useMemo(() => {\n    // If a reference element is defined, we don't need to clone the child\n    if (referenceElement) return childProp\n\n    if (!childProp) return null\n\n    return cloneElement(childProp, {ref: refs.setReference})\n  }, [childProp, referenceElement, refs.setReference])","cloneElement(childProp, {ref: refs.setReference})","setReference","() => update","[update]","childProp || <></>","modal && <ViewportOverlay />","<PopoverCard\n        {...restProps}\n        __unstable_margins={margins}\n        animate={animate}\n        arrow={arrowProp}\n        arrowRef={setArrow}\n        arrowX={arrowX}\n        arrowY={arrowY}\n        hidden={referenceHidden}\n        overflow={overflow}\n        padding={padding}\n        placement={placement}\n        radius={radius}\n        ref={setFloating}\n        scheme={scheme}\n        shadow={shadow}\n        originX={originX}\n        originY={originY}\n        strategy={strategy}\n        tone={tone}\n        width={matchReferenceWidth ? referenceWidth : width}\n        x={x}\n        y={y}\n      >\n        {content}\n      </PopoverCard>","matchReferenceWidth ? referenceWidth : width","<LayerProvider zOffset={zOffset}>\n      {/* Optional transparent blocking overlay at the top-most z-index layer. Must be positioned before the below popover card. */}\n      {modal && <ViewportOverlay />}\n\n      <PopoverCard\n        {...restProps}\n        __unstable_margins={margins}\n        animate={animate}\n        arrow={arrowProp}\n        arrowRef={setArrow}\n        arrowX={arrowX}\n        arrowY={arrowY}\n        hidden={referenceHidden}\n        overflow={overflow}\n        padding={padding}\n        placement={placement}\n        radius={radius}\n        ref={setFloating}\n        scheme={scheme}\n        shadow={shadow}\n        originX={originX}\n        originY={originY}\n        strategy={strategy}\n        tone={tone}\n        width={matchReferenceWidth ? referenceWidth : width}\n        x={x}\n        y={y}\n      >\n        {content}\n      </PopoverCard>\n    </LayerProvider>","portal ? (\n    <Portal __unstable_name={typeof portal === 'string' ? portal : undefined}>{popover}</Portal>\n  ) : (\n    popover\n  )","animate ? (\n        <AnimateActivity layoutMode=\"default\" mode={open ? 'visible' : 'hidden'}>\n          {popoverNode}\n        </AnimateActivity>\n      ) : (\n        <Activity mode={open ? 'visible' : 'hidden'}>{popoverNode}</Activity>\n      )","<>\n      {/* the popover */}\n      {animate ? (\n        <AnimateActivity layoutMode=\"default\" mode={open ? 'visible' : 'hidden'}>\n          {popoverNode}\n        </AnimateActivity>\n      ) : (\n        <Activity mode={open ? 'visible' : 'hidden'}>{popoverNode}</Activity>\n      )}\n\n      {/* the referred element */}\n      {child}\n    </>","{\n  animate,\n  arrowProp,\n  arrowRef,\n  constrainSize,\n  fallbackPlacements,\n  floatingBoundary,\n  margins,\n  matchReferenceWidth,\n  maxWidthRef,\n  placementProp,\n  placementStrategy,\n  preventOverflow,\n  referenceBoundary,\n  referenceWidthRef,\n  rootBoundary,\n  setReferenceWidth,\n  widthRef,\n}: {\n  animate: boolean\n  arrowProp: boolean\n  arrowRef: React.RefObject<HTMLDivElement | null>\n  constrainSize: boolean\n  fallbackPlacements: Placement[]\n  floatingBoundary: HTMLElement | null\n  margins: PopoverMargins\n  matchReferenceWidth: boolean | undefined\n  maxWidthRef: React.RefObject<number | undefined>\n  placementProp: Placement\n  placementStrategy: 'flip' | 'autoPlacement'\n  preventOverflow: boolean\n  referenceBoundary: HTMLElement | null\n  referenceWidthRef: React.RefObject<number | undefined>\n  rootBoundary: RootBoundary\n  setReferenceWidth: (referenceWidth: number) => void\n  widthRef: React.RefObject<number | undefined>\n}","autoPlacement({\n            allowedPlacements: [placementProp].concat(fallbackPlacements),\n          })","flip({\n            boundary: floatingBoundary || undefined,\n            fallbackPlacements,\n            padding: DEFAULT_POPOVER_PADDING,\n            rootBoundary,\n          })","floatingBoundary || undefined","offset({mainAxis: DEFAULT_POPOVER_DISTANCE})","size({\n          boundaryElement: floatingBoundary || undefined,\n          constrainSize,\n          margins,\n          matchReferenceWidth,\n          maxWidthRef,\n          padding: DEFAULT_POPOVER_PADDING,\n          referenceWidthRef,\n          setReferenceWidth,\n          widthRef,\n        })","shift({\n          boundary: floatingBoundary || undefined,\n          rootBoundary,\n          padding: DEFAULT_POPOVER_PADDING,\n        })","arrow({\n          element: arrowRef,\n          padding: DEFAULT_POPOVER_PADDING,\n        })","hide({\n        boundary: referenceBoundary || undefined,\n        padding: DEFAULT_POPOVER_PADDING,\n        strategy: 'referenceHidden',\n      })","referenceBoundary || undefined","useMemo(() => {\n    const ret: Middleware[] = []\n\n    // Flip the floating element when leaving the boundary box\n    if (constrainSize || preventOverflow) {\n      if (placementStrategy === 'autoPlacement') {\n        ret.push(\n          autoPlacement({\n            allowedPlacements: [placementProp].concat(fallbackPlacements),\n          }),\n        )\n      } else {\n        ret.push(\n          flip({\n            boundary: floatingBoundary || undefined,\n            fallbackPlacements,\n            padding: DEFAULT_POPOVER_PADDING,\n            rootBoundary,\n          }),\n        )\n      }\n    }\n\n    // Define distance between reference and floating element\n    ret.push(offset({mainAxis: DEFAULT_POPOVER_DISTANCE}))\n\n    // Track sizes\n    if (constrainSize || matchReferenceWidth) {\n      ret.push(\n        size({\n          boundaryElement: floatingBoundary || undefined,\n          constrainSize,\n          margins,\n          matchReferenceWidth,\n          maxWidthRef,\n          padding: DEFAULT_POPOVER_PADDING,\n          referenceWidthRef,\n          setReferenceWidth,\n          widthRef,\n        }),\n      )\n    }\n\n    // Shift the popover so its sits within the boundary element\n    if (preventOverflow) {\n      ret.push(\n        shift({\n          boundary: floatingBoundary || undefined,\n          rootBoundary,\n          padding: DEFAULT_POPOVER_PADDING,\n        }),\n      )\n    }\n\n    // Place arrow\n    if (arrowProp) {\n      ret.push(\n        arrow({\n          element: arrowRef,\n          padding: DEFAULT_POPOVER_PADDING,\n        }),\n      )\n    }\n\n    // Determine the origin to scale from.\n    // Must be placed after `@sanity/ui/size` and `shift` middleware.\n    if (animate) {\n      ret.push(origin)\n    }\n\n    ret.push(\n      hide({\n        boundary: referenceBoundary || undefined,\n        padding: DEFAULT_POPOVER_PADDING,\n        strategy: 'referenceHidden',\n      }),\n    )\n\n    return ret\n  }, [\n    animate,\n    arrowProp,\n    arrowRef,\n    constrainSize,\n    fallbackPlacements,\n    floatingBoundary,\n    margins,\n    matchReferenceWidth,\n    maxWidthRef,\n    placementProp,\n    placementStrategy,\n    preventOverflow,\n    referenceBoundary,\n    referenceWidthRef,\n    rootBoundary,\n    setReferenceWidth,\n    widthRef,\n  ])"],"sources":["../src/core/primitives/popover/constants.ts","../src/core/primitives/popover/floating-ui/size.ts","../src/core/primitives/popover/helpers.ts","../src/core/primitives/popover/popoverCard.tsx","../src/core/primitives/popover/popover.tsx"],"sourcesContent":["import {Placement} from '../../types/placement'\nimport {PopoverMargins} from '../../types/popover'\n\nexport const DEFAULT_POPOVER_DISTANCE = 4\nexport const DEFAULT_POPOVER_PADDING = 4\nexport const DEFAULT_POPOVER_ARROW_WIDTH = 19\nexport const DEFAULT_POPOVER_ARROW_HEIGHT = 8\nexport const DEFAULT_POPOVER_ARROW_RADIUS = 2\nexport const DEFAULT_POPOVER_MARGINS: PopoverMargins = [0, 0, 0, 0]\nexport const DEFAULT_FALLBACK_PLACEMENTS: Record<Placement, Placement[]> = {\n  'top': ['bottom', 'left', 'right'],\n  'top-start': ['bottom-start', 'left-start', 'right-start'],\n  'top-end': ['bottom-end', 'left-end', 'right-end'],\n  'bottom': ['top', 'left', 'right'],\n  'bottom-start': ['top-start', 'left-start', 'right-start'],\n  'bottom-end': ['top-end', 'left-end', 'right-end'],\n  'left': ['right', 'top', 'bottom'],\n  'left-start': ['right-start', 'top-start', 'bottom-start'],\n  'left-end': ['right-end', 'top-end', 'bottom-end'],\n  'right': ['left', 'top', 'bottom'],\n  'right-start': ['left-start', 'top-start', 'bottom-start'],\n  'right-end': ['left-end', 'top-end', 'bottom-end'],\n}\n","import {detectOverflow, Middleware} from '@floating-ui/react-dom'\n\nimport {PopoverMargins} from '../../../types/popover'\n\nexport function size(options: {\n  boundaryElement?: HTMLElement | null\n  constrainSize: boolean\n  margins: PopoverMargins\n  matchReferenceWidth?: boolean\n  maxWidthRef: React.RefObject<number | undefined>\n  padding?: number\n  referenceWidthRef: React.RefObject<number | undefined>\n  setReferenceWidth: (referenceWidth: number) => void\n  widthRef: React.RefObject<number | undefined>\n}): Middleware {\n  const {\n    constrainSize,\n    margins,\n    matchReferenceWidth,\n    maxWidthRef,\n    padding = 0,\n    referenceWidthRef,\n    setReferenceWidth,\n    widthRef,\n  } = options\n\n  return {\n    name: '@sanity/ui/size',\n    async fn(args) {\n      const {elements, placement, platform, rects} = args\n      const {floating, reference} = rects\n\n      const overflow = await detectOverflow(args, {\n        altBoundary: true,\n        boundary: options.boundaryElement || undefined,\n        elementContext: 'floating',\n        padding,\n        rootBoundary: 'viewport',\n      })\n\n      let maxWidth = Infinity\n      let maxHeight = Infinity\n\n      const floatingW = floating.width\n      const floatingH = floating.height\n\n      if (placement.includes('top')) {\n        maxWidth = floatingW - (overflow.left + overflow.right)\n        maxHeight = floatingH - overflow.top\n      }\n\n      if (placement.includes('right')) {\n        maxWidth = floatingW - overflow.right\n        maxHeight = floatingH - (overflow.top + overflow.bottom)\n      }\n\n      if (placement.includes('bottom')) {\n        maxWidth = floatingW - (overflow.left + overflow.right)\n        maxHeight = floatingH - overflow.bottom\n      }\n\n      if (placement.includes('left')) {\n        maxWidth = floatingW - overflow.left\n        maxHeight = floatingH - (overflow.top + overflow.bottom)\n      }\n\n      // IMPORTANT – APPLY ELEMENT STYLES HERE\n      // Elements need to be resized BEFORE the `platform.getDimensions` call below\n      const availableWidth = maxWidth - margins[1] - margins[3]\n      const availableHeight = maxHeight - margins[0] - margins[2]\n      const referenceWidth = reference.width - margins[1] - margins[3]\n      referenceWidthRef.current = referenceWidth\n      setReferenceWidth(referenceWidth)\n\n      if (matchReferenceWidth) {\n        elements.floating.style.width = `${referenceWidth}px`\n      } else if (widthRef.current !== undefined) {\n        elements.floating.style.width = `${widthRef.current}px`\n      }\n\n      if (constrainSize) {\n        elements.floating.style.maxWidth = `${Math.min(availableWidth, maxWidthRef.current ?? Infinity)}px`\n\n        elements.floating.style.maxHeight = `${availableHeight}px`\n      }\n\n      const nextDimensions = await platform.getDimensions(elements.floating)\n\n      const targetH = nextDimensions.height\n      const targetW = nextDimensions.width\n\n      if (floatingW !== targetW || floatingH !== targetH) {\n        return {reset: {rects: true}}\n      }\n\n      return {}\n    },\n  }\n}\n","import {DEFAULT_POPOVER_PADDING} from './constants'\nimport {PopoverWidth} from './types'\n\nexport function calcCurrentWidth(params: {\n  mediaIndex: number\n  container: number[]\n  width: PopoverWidth[]\n}): number | undefined {\n  const {container, mediaIndex, width} = params\n\n  const w = width[mediaIndex]\n  const currentWidth: PopoverWidth | undefined = w === undefined ? width[width.length - 1] : w\n\n  return typeof currentWidth === 'number' ? container[currentWidth] : undefined\n}\n\nexport function calcMaxWidth(params: {\n  boundaryWidth: number | undefined\n  currentWidth: number | undefined\n}): number | undefined {\n  const {boundaryWidth, currentWidth} = params\n\n  if (currentWidth === undefined && boundaryWidth === undefined) {\n    return undefined\n  }\n\n  return Math.min(\n    currentWidth ?? Infinity,\n    (boundaryWidth || Infinity) - DEFAULT_POPOVER_PADDING * 2,\n  )\n}\n","import {Strategy} from '@floating-ui/react-dom'\nimport {motion} from 'motion/react'\nimport React, {CSSProperties, useMemo} from 'react'\nimport {styled} from 'styled-components'\n\nimport {ThemeColorSchemeKey} from '../../../theme/system/color/_system'\nimport {POPOVER_MOTION_PROPS} from '../../constants'\nimport {getTransformOrigin} from '../../middleware/origin'\nimport {BoxOverflow} from '../../types/box'\nimport {CardTone} from '../../types/card'\nimport {Placement} from '../../types/placement'\nimport {PopoverMargins} from '../../types/popover'\nimport {Radius} from '../../types/radius'\nimport {Arrow} from '../../utils/arrow/arrow'\nimport {useLayer} from '../../utils/layer/useLayer'\nimport {Card} from '../card/card'\nimport {Flex} from '../flex/flex'\nimport {\n  DEFAULT_POPOVER_ARROW_HEIGHT,\n  DEFAULT_POPOVER_ARROW_RADIUS,\n  DEFAULT_POPOVER_ARROW_WIDTH,\n  DEFAULT_POPOVER_MARGINS,\n} from './constants'\n\nconst MotionCard = styled(motion.create(Card))`\n  &:not([hidden]) {\n    display: flex;\n  }\n  flex-direction: column;\n  width: max-content;\n  min-width: min-content;\n  will-change: transform;\n`\n\n/**\n * @internal\n */\nexport function PopoverCard(\n  props: {\n    /** @beta*/\n    __unstable_margins?: PopoverMargins\n    animate?: boolean\n    arrow: boolean\n    arrowRef: React.Ref<HTMLDivElement>\n    arrowX?: number\n    arrowY?: number\n    originX?: number\n    originY?: number\n    overflow?: BoxOverflow\n    padding?: number | number[]\n    placement: Placement\n    radius?: Radius | Radius[]\n    scheme?: ThemeColorSchemeKey\n    shadow?: number | number[]\n    strategy: Strategy\n    tone: CardTone\n    width: number | undefined\n    x: number | null\n    y: number | null\n  } & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'width'>,\n) {\n  const {\n    __unstable_margins: marginsProp,\n    animate,\n    arrow,\n    arrowRef,\n    arrowX,\n    arrowY,\n    children,\n    padding,\n    placement,\n    originX,\n    originY,\n    overflow,\n    radius,\n    ref,\n    scheme,\n    shadow,\n    strategy,\n    style,\n    tone,\n    width,\n    x: xProp,\n    y: yProp,\n    ...restProps\n  } = props\n\n  const {zIndex} = useLayer()\n\n  // Get margins: [top, right, bottom, left]\n  const margins: PopoverMargins = useMemo(\n    () => marginsProp || DEFAULT_POPOVER_MARGINS,\n    [marginsProp],\n  )\n\n  // Translate according to margins\n  const x = (xProp ?? 0) + margins[3]\n  const y = (yProp ?? 0) + margins[0]\n\n  const rootStyle: CSSProperties = useMemo(\n    () => ({\n      left: x,\n      position: strategy,\n      top: y,\n      transformOrigin: getTransformOrigin(originX, originY),\n      width,\n      zIndex,\n      willChange: animate ? 'transform' : undefined,\n      ...style,\n    }),\n    [animate, originX, originY, strategy, style, width, x, y, zIndex],\n  )\n\n  const arrowStyle: CSSProperties = useMemo(\n    () => ({\n      left: arrowX !== null ? arrowX : undefined,\n      top: arrowY !== null ? arrowY : undefined,\n      right: undefined,\n      bottom: undefined,\n    }),\n    [arrowX, arrowY],\n  )\n\n  return (\n    <MotionCard\n      data-ui=\"Popover\"\n      {...restProps}\n      data-placement={placement}\n      radius={radius}\n      ref={ref}\n      scheme={scheme}\n      shadow={shadow}\n      sizing=\"border\"\n      style={rootStyle}\n      tone={tone}\n      {...(animate ? POPOVER_MOTION_PROPS : undefined)}\n    >\n      <Flex data-ui=\"Popover__wrapper\" direction=\"column\" flex={1} overflow={overflow}>\n        <Flex direction=\"column\" flex={1} padding={padding}>\n          {children}\n        </Flex>\n      </Flex>\n\n      {arrow && (\n        <Arrow\n          ref={arrowRef}\n          style={arrowStyle}\n          width={DEFAULT_POPOVER_ARROW_WIDTH}\n          height={DEFAULT_POPOVER_ARROW_HEIGHT}\n          radius={DEFAULT_POPOVER_ARROW_RADIUS}\n        />\n      )}\n    </MotionCard>\n  )\n}\n","import {\n  arrow,\n  autoPlacement,\n  autoUpdate,\n  flip,\n  hide,\n  Middleware,\n  offset,\n  RootBoundary,\n  shift,\n  useFloating,\n} from '@floating-ui/react-dom'\nimport {\n  Activity,\n  cloneElement,\n  type Ref,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport {ThemeColorSchemeKey} from '../../../theme/system/color/_system'\nimport {useElementSize} from '../../hooks/useElementSize'\nimport {useMediaIndex} from '../../hooks/useMediaIndex/useMediaIndex'\nimport {usePrefersReducedMotion} from '../../hooks/usePrefersReducedMotion'\nimport {origin} from '../../middleware/origin'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {useTheme_v2} from '../../theme/useTheme'\nimport {BoxOverflow} from '../../types/box'\nimport {CardTone} from '../../types/card'\nimport {Placement} from '../../types/placement'\nimport {PopoverMargins} from '../../types/popover'\nimport {AnimateActivity} from '../../utils/animateActivity'\nimport {useBoundaryElement} from '../../utils/boundaryElement/useBoundaryElement'\nimport {getElementRef} from '../../utils/getElementRef'\nimport {LayerProps} from '../../utils/layer/layer'\nimport {LayerProvider} from '../../utils/layer/layerProvider'\nimport {useLayer} from '../../utils/layer/useLayer'\nimport {Portal} from '../../utils/portal/portal'\nimport {ResponsiveRadiusProps, ResponsiveShadowProps} from '../types'\nimport {\n  DEFAULT_FALLBACK_PLACEMENTS,\n  DEFAULT_POPOVER_DISTANCE,\n  DEFAULT_POPOVER_MARGINS,\n  DEFAULT_POPOVER_PADDING,\n} from './constants'\nimport {size} from './floating-ui/size'\nimport {calcCurrentWidth, calcMaxWidth} from './helpers'\nimport {PopoverCard} from './popoverCard'\nimport {PopoverUpdateCallback, PopoverWidth} from './types'\n\n/** @public */\nexport interface PopoverProps\n  extends Omit<LayerProps, 'as'>, ResponsiveRadiusProps, ResponsiveShadowProps {\n  /** @beta */\n  __unstable_margins?: PopoverMargins\n  /**\n   * Whether the popover should animate in and out.\n   *\n   * @beta\n   * @defaultValue false\n   */\n  animate?: boolean\n  arrow?: boolean\n  /** @deprecated Use `floatingBoundary` and/or `referenceBoundary` instead */\n  boundaryElement?: never\n  children?: React.JSX.Element\n  /**\n   * When `true`, prevent overflow within the current boundary:\n   * - by flipping on its side axis\n   * - by resizing\n  /*\n   * Note that:\n   * - setting `preventOverflow` to `true` also prevents overflow on its side axis\n   * - setting `matchReferenceWidth` to `true` also causes the popover to resize\n   *\n   * @defaultValue false\n   */\n  constrainSize?: boolean\n  content?: React.ReactNode\n  disabled?: boolean\n  fallbackPlacements?: Placement[]\n  floatingBoundary?: HTMLElement | null\n  /**\n   * When `true`, set the maximum width to match the reference element, and also prevent overflow within\n   * the current boundary by resizing.\n   *\n   * Note that setting `constrainSize` to `true` also causes the popover to resize\n   *\n   * @defaultValue false\n   */\n  matchReferenceWidth?: boolean\n  /**\n   * When true, blocks all pointer interaction with elements beneath the popover until closed.\n   *\n   * @beta\n   * @defaultValue false\n   */\n  modal?: boolean\n  open?: boolean\n  overflow?: BoxOverflow\n  padding?: number | number[]\n  placement?: Placement\n  /**\n   * When 'flip' (default), the placement is determined from the initial placement and the\n   * fallback placements in order. Whichever fits in the viewport first.\n   *\n   * When 'autoPlacement', the initial placement and all fallback placements are evaluated\n   * and the placement with the most viewport space available.\n   *\n   * Option is only relevant if either `constrainSize` or `preventOverflow` is `true`\n   */\n  placementStrategy?: 'flip' | 'autoPlacement'\n  /** Whether or not to render the popover in a portal element. */\n  portal?: boolean | string\n  preventOverflow?: boolean\n  referenceBoundary?: HTMLElement | null\n  /**\n   * When defined, the popover will be positioned relative to this element.\n   * The children of the popover won't be rendered.\n   */\n  referenceElement?: HTMLElement | null\n  scheme?: ThemeColorSchemeKey\n  tone?: CardTone\n  /** @beta */\n  updateRef?: Ref<PopoverUpdateCallback | undefined>\n  width?: PopoverWidth | PopoverWidth[]\n}\n\nconst ViewportOverlay = () => {\n  const {zIndex} = useLayer()\n\n  return (\n    <div\n      data-ui=\"PopoverOverlay\"\n      style={{height: '100vh', inset: 0, position: 'fixed', width: '100vw', zIndex}}\n    />\n  )\n}\n\n/**\n * The `Popover` component is used to display some content on top of another.\n *\n * @public\n */\nexport function Popover(\n  props: PopoverProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'content' | 'width'>,\n): React.JSX.Element {\n  const {container, layer} = useTheme_v2()\n  const boundaryElementContext = useBoundaryElement()\n\n  const {\n    __unstable_margins: margins = DEFAULT_POPOVER_MARGINS,\n    animate: _animate = false,\n    arrow: arrowProp = false,\n    children: childProp,\n    constrainSize = false,\n    content,\n    disabled,\n    fallbackPlacements: _fallbackPlacements,\n    matchReferenceWidth,\n    floatingBoundary: _floatingBoundary,\n    modal,\n    // oxlint-disable-next-line no-unused-vars\n    onActivate,\n    open,\n    overflow = 'hidden',\n    padding: paddingProp,\n    placement: placementProp = 'bottom',\n    placementStrategy = 'flip',\n    portal,\n    preventOverflow = true,\n    radius: radiusProp = 3,\n    ref: forwardedRef,\n    referenceBoundary: _referenceBoundary,\n    referenceElement,\n    scheme,\n    shadow: shadowProp = 3,\n    tone = 'inherit',\n    width: widthProp = 'auto',\n    zOffset: _zOffsetProp,\n    updateRef,\n    ...restProps\n  } = props\n  const fallbackPlacements =\n    _fallbackPlacements ?? DEFAULT_FALLBACK_PLACEMENTS[props.placement ?? 'bottom']\n  const floatingBoundary = _floatingBoundary ?? boundaryElementContext.element\n  const referenceBoundary = _referenceBoundary ?? boundaryElementContext.element\n  // Max-width uses BoundaryElementProvider when present; otherwise the floating\n  // boundary (same element the old `boundaryElement` prop used for both).\n  const boundaryElement = boundaryElementContext.element ?? floatingBoundary\n  const zOffsetProp = _zOffsetProp ?? layer.popover.zOffset\n  const prefersReducedMotion = usePrefersReducedMotion()\n  const animate = prefersReducedMotion ? false : _animate\n  const boundarySize = useElementSize(boundaryElement)?.border\n  const padding = _getArrayProp(paddingProp)\n  const radius = _getArrayProp(radiusProp)\n  const shadow = _getArrayProp(shadowProp)\n  const widthArrayProp = _getArrayProp(widthProp)\n  const zOffset = _getArrayProp(zOffsetProp)\n  const ref = useRef<HTMLDivElement | null>(null)\n  const arrowRef = useRef<HTMLDivElement | null>(null)\n  const rootBoundary: RootBoundary = 'viewport'\n\n  useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current)\n\n  const mediaIndex = useMediaIndex()\n  const boundaryWidth = constrainSize || preventOverflow ? boundarySize?.width : undefined\n\n  // Update width when\n  // - media index changes\n  // - `width` property changes\n  const width = calcCurrentWidth({\n    container,\n    mediaIndex,\n    width: widthArrayProp,\n  })\n  const widthRef = useRef(width)\n\n  useEffect(() => {\n    widthRef.current = width\n  }, [width])\n\n  // Update max width when\n  // - boundary width changes\n  // - `width` property changes\n  const maxWidth = calcMaxWidth({boundaryWidth, currentWidth: width})\n  const maxWidthRef = useRef(maxWidth)\n\n  useEffect(() => {\n    maxWidthRef.current = maxWidth\n  }, [maxWidth])\n\n  // Keep track of reference element width (see `size` middleware below)\n  const referenceWidthRef = useRef<number>(undefined)\n\n  // Force apply width & max width to floating element\n  useEffect(() => {\n    const floatingElement = ref.current\n\n    if (!open || !floatingElement) return\n\n    const referenceWidth = referenceWidthRef.current\n\n    if (matchReferenceWidth) {\n      if (referenceWidth !== undefined) {\n        floatingElement.style.width = `${referenceWidth}px`\n      }\n    } else if (width !== undefined) {\n      floatingElement.style.width = `${width}px`\n    }\n\n    if (typeof maxWidth === 'number') {\n      floatingElement.style.maxWidth = `${maxWidth}px`\n    }\n  }, [width, matchReferenceWidth, maxWidth, open])\n\n  const [referenceWidth, setReferenceWidth] = useState<number | undefined>(undefined)\n  const middleware = useMiddleware({\n    animate,\n    arrowProp,\n    arrowRef,\n    constrainSize,\n    fallbackPlacements,\n    floatingBoundary,\n    margins,\n    matchReferenceWidth,\n    maxWidthRef,\n    placementProp,\n    placementStrategy,\n    preventOverflow,\n    referenceBoundary,\n    referenceWidthRef,\n    rootBoundary,\n    setReferenceWidth,\n    widthRef,\n  })\n\n  const {x, y, middlewareData, placement, refs, strategy, update} = useFloating({\n    middleware,\n    placement: placementProp,\n    whileElementsMounted: autoUpdate,\n    elements: referenceElement\n      ? {\n          reference: referenceElement,\n        }\n      : undefined,\n  })\n\n  const referenceHidden = middlewareData.hide?.referenceHidden\n\n  const arrowX = middlewareData.arrow?.x\n  const arrowY = middlewareData.arrow?.y\n\n  const originX = middlewareData['@sanity/ui/origin']?.originX\n  const originY = middlewareData['@sanity/ui/origin']?.originY\n\n  const setArrow = useCallback((arrowEl: HTMLDivElement | null) => {\n    arrowRef.current = arrowEl\n  }, [])\n\n  const setFloating = useCallback(\n    (node: HTMLDivElement | null) => {\n      ref.current = node\n      refs.setFloating(node)\n    },\n    [refs],\n  )\n\n  // If there's a child then we need to set the reference element to the cloned child ref\n  // and if child changes we make sure to update or remove the reference element.\n  useImperativeHandle(childProp ? getElementRef(childProp) : null, () => refs.reference.current)\n\n  const child = useMemo(() => {\n    // If a reference element is defined, we don't need to clone the child\n    if (referenceElement) return childProp\n\n    if (!childProp) return null\n\n    return cloneElement(childProp, {ref: refs.setReference})\n  }, [childProp, referenceElement, refs.setReference])\n\n  useImperativeHandle(updateRef, () => update, [update])\n\n  if (disabled) {\n    return childProp || <></>\n  }\n\n  const popover = (\n    <LayerProvider zOffset={zOffset}>\n      {/* Optional transparent blocking overlay at the top-most z-index layer. Must be positioned before the below popover card. */}\n      {modal && <ViewportOverlay />}\n\n      <PopoverCard\n        {...restProps}\n        __unstable_margins={margins}\n        animate={animate}\n        arrow={arrowProp}\n        arrowRef={setArrow}\n        arrowX={arrowX}\n        arrowY={arrowY}\n        hidden={referenceHidden}\n        overflow={overflow}\n        padding={padding}\n        placement={placement}\n        radius={radius}\n        ref={setFloating}\n        scheme={scheme}\n        shadow={shadow}\n        originX={originX}\n        originY={originY}\n        strategy={strategy}\n        tone={tone}\n        width={matchReferenceWidth ? referenceWidth : width}\n        x={x}\n        y={y}\n      >\n        {content}\n      </PopoverCard>\n    </LayerProvider>\n  )\n\n  const popoverNode = portal ? (\n    <Portal __unstable_name={typeof portal === 'string' ? portal : undefined}>{popover}</Portal>\n  ) : (\n    popover\n  )\n\n  return (\n    <>\n      {/* the popover */}\n      {animate ? (\n        <AnimateActivity layoutMode=\"default\" mode={open ? 'visible' : 'hidden'}>\n          {popoverNode}\n        </AnimateActivity>\n      ) : (\n        <Activity mode={open ? 'visible' : 'hidden'}>{popoverNode}</Activity>\n      )}\n\n      {/* the referred element */}\n      {child}\n    </>\n  )\n}\n\nfunction useMiddleware({\n  animate,\n  arrowProp,\n  arrowRef,\n  constrainSize,\n  fallbackPlacements,\n  floatingBoundary,\n  margins,\n  matchReferenceWidth,\n  maxWidthRef,\n  placementProp,\n  placementStrategy,\n  preventOverflow,\n  referenceBoundary,\n  referenceWidthRef,\n  rootBoundary,\n  setReferenceWidth,\n  widthRef,\n}: {\n  animate: boolean\n  arrowProp: boolean\n  arrowRef: React.RefObject<HTMLDivElement | null>\n  constrainSize: boolean\n  fallbackPlacements: Placement[]\n  floatingBoundary: HTMLElement | null\n  margins: PopoverMargins\n  matchReferenceWidth: boolean | undefined\n  maxWidthRef: React.RefObject<number | undefined>\n  placementProp: Placement\n  placementStrategy: 'flip' | 'autoPlacement'\n  preventOverflow: boolean\n  referenceBoundary: HTMLElement | null\n  referenceWidthRef: React.RefObject<number | undefined>\n  rootBoundary: RootBoundary\n  setReferenceWidth: (referenceWidth: number) => void\n  widthRef: React.RefObject<number | undefined>\n}) {\n  return useMemo(() => {\n    const ret: Middleware[] = []\n\n    // Flip the floating element when leaving the boundary box\n    if (constrainSize || preventOverflow) {\n      if (placementStrategy === 'autoPlacement') {\n        ret.push(\n          autoPlacement({\n            allowedPlacements: [placementProp].concat(fallbackPlacements),\n          }),\n        )\n      } else {\n        ret.push(\n          flip({\n            boundary: floatingBoundary || undefined,\n            fallbackPlacements,\n            padding: DEFAULT_POPOVER_PADDING,\n            rootBoundary,\n          }),\n        )\n      }\n    }\n\n    // Define distance between reference and floating element\n    ret.push(offset({mainAxis: DEFAULT_POPOVER_DISTANCE}))\n\n    // Track sizes\n    if (constrainSize || matchReferenceWidth) {\n      ret.push(\n        size({\n          boundaryElement: floatingBoundary || undefined,\n          constrainSize,\n          margins,\n          matchReferenceWidth,\n          maxWidthRef,\n          padding: DEFAULT_POPOVER_PADDING,\n          referenceWidthRef,\n          setReferenceWidth,\n          widthRef,\n        }),\n      )\n    }\n\n    // Shift the popover so its sits within the boundary element\n    if (preventOverflow) {\n      ret.push(\n        shift({\n          boundary: floatingBoundary || undefined,\n          rootBoundary,\n          padding: DEFAULT_POPOVER_PADDING,\n        }),\n      )\n    }\n\n    // Place arrow\n    if (arrowProp) {\n      ret.push(\n        arrow({\n          element: arrowRef,\n          padding: DEFAULT_POPOVER_PADDING,\n        }),\n      )\n    }\n\n    // Determine the origin to scale from.\n    // Must be placed after `@sanity/ui/size` and `shift` middleware.\n    if (animate) {\n      ret.push(origin)\n    }\n\n    ret.push(\n      hide({\n        boundary: referenceBoundary || undefined,\n        padding: DEFAULT_POPOVER_PADDING,\n        strategy: 'referenceHidden',\n      }),\n    )\n\n    return ret\n  }, [\n    animate,\n    arrowProp,\n    arrowRef,\n    constrainSize,\n    fallbackPlacements,\n    floatingBoundary,\n    margins,\n    matchReferenceWidth,\n    maxWidthRef,\n    placementProp,\n    placementStrategy,\n    preventOverflow,\n    referenceBoundary,\n    referenceWidthRef,\n    rootBoundary,\n    setReferenceWidth,\n    widthRef,\n  ])\n}\n"],"mappings":"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"}
+{"version":3,"file":"popover-DR6UQQvq.js","names":["getTransformOrigin(originX, originY)","{\n      left: x,\n      position: strategy,\n      top: y,\n      transformOrigin: getTransformOrigin(originX, originY),\n      width,\n      zIndex,\n      willChange: animate ? 'transform' : undefined,\n      ...style,\n    }","animate ? 'transform' : undefined","useMemo(\n    () => ({\n      left: x,\n      position: strategy,\n      top: y,\n      transformOrigin: getTransformOrigin(originX, originY),\n      width,\n      zIndex,\n      willChange: animate ? 'transform' : undefined,\n      ...style,\n    }),\n    [animate, originX, originY, strategy, style, width, x, y, zIndex],\n  )","{\n      left: arrowX !== null ? arrowX : undefined,\n      top: arrowY !== null ? arrowY : undefined,\n      right: undefined,\n      bottom: undefined,\n    }","arrowX !== null ? arrowX : undefined","arrowY !== null ? arrowY : undefined","useMemo(\n    () => ({\n      left: arrowX !== null ? arrowX : undefined,\n      top: arrowY !== null ? arrowY : undefined,\n      right: undefined,\n      bottom: undefined,\n    }),\n    [arrowX, arrowY],\n  )","<Flex direction=\"column\" flex={1} padding={padding}>\n          {children}\n        </Flex>","<Flex data-ui=\"Popover__wrapper\" direction=\"column\" flex={1} overflow={overflow}>\n        <Flex direction=\"column\" flex={1} padding={padding}>\n          {children}\n        </Flex>\n      </Flex>","arrow && (\n        <Arrow\n          ref={arrowRef}\n          style={arrowStyle}\n          width={DEFAULT_POPOVER_ARROW_WIDTH}\n          height={DEFAULT_POPOVER_ARROW_HEIGHT}\n          radius={DEFAULT_POPOVER_ARROW_RADIUS}\n        />\n      )","<MotionCard\n      data-ui=\"Popover\"\n      {...restProps}\n      data-placement={placement}\n      radius={radius}\n      ref={ref}\n      scheme={scheme}\n      shadow={shadow}\n      sizing=\"border\"\n      style={rootStyle}\n      tone={tone}\n      {...(animate ? POPOVER_MOTION_PROPS : undefined)}\n    >\n      <Flex data-ui=\"Popover__wrapper\" direction=\"column\" flex={1} overflow={overflow}>\n        <Flex direction=\"column\" flex={1} padding={padding}>\n          {children}\n        </Flex>\n      </Flex>\n\n      {arrow && (\n        <Arrow\n          ref={arrowRef}\n          style={arrowStyle}\n          width={DEFAULT_POPOVER_ARROW_WIDTH}\n          height={DEFAULT_POPOVER_ARROW_HEIGHT}\n          radius={DEFAULT_POPOVER_ARROW_RADIUS}\n        />\n      )}\n    </MotionCard>","animate ? POPOVER_MOTION_PROPS : undefined","<div\n      data-ui=\"PopoverOverlay\"\n      style={{height: '100vh', inset: 0, position: 'fixed', width: '100vw', zIndex}}\n    />","margins = DEFAULT_POPOVER_MARGINS","_animate = false","tone = 'inherit'","widthProp = 'auto'","arrowProp = false","constrainSize = false","overflow = 'hidden'","placementProp = 'bottom'","placementStrategy = 'flip'","preventOverflow = true","radiusProp = 3","shadowProp = 3","childProp","_fallbackPlacements","_floatingBoundary","paddingProp","forwardedRef","_referenceBoundary","_zOffsetProp","...restProps","_getArrayProp(paddingProp)","_getArrayProp(radiusProp)","_getArrayProp(shadowProp)","_getArrayProp(zOffsetProp)","() => ref.current","() => {\n    widthRef.current = width\n  }","[width]","calcMaxWidth({boundaryWidth, currentWidth: width})","() => {\n    maxWidthRef.current = maxWidth\n  }","[maxWidth]","() => {\n    const floatingElement = ref.current\n\n    if (!open || !floatingElement) return\n\n    const referenceWidth = referenceWidthRef.current\n\n    if (matchReferenceWidth) {\n      if (referenceWidth !== undefined) {\n        floatingElement.style.width = `${referenceWidth}px`\n      }\n    } else if (width !== undefined) {\n      floatingElement.style.width = `${width}px`\n    }\n\n    if (typeof maxWidth === 'number') {\n      floatingElement.style.maxWidth = `${maxWidth}px`\n    }\n  }","[width, matchReferenceWidth, maxWidth, open]","referenceWidth","{\n    animate,\n    arrowProp,\n    arrowRef,\n    constrainSize,\n    fallbackPlacements,\n    floatingBoundary,\n    margins,\n    matchReferenceWidth,\n    maxWidthRef,\n    placementProp,\n    placementStrategy,\n    preventOverflow,\n    referenceBoundary,\n    referenceWidthRef,\n    rootBoundary,\n    setReferenceWidth,\n    widthRef,\n  }","referenceElement\n      ? {\n          reference: referenceElement,\n        }\n      : undefined","{\n    middleware,\n    placement: placementProp,\n    whileElementsMounted: autoUpdate,\n    elements: referenceElement\n      ? {\n          reference: referenceElement,\n        }\n      : undefined,\n  }","(arrowEl: HTMLDivElement | null) => {\n    arrowRef.current = arrowEl\n  }","useCallback((arrowEl: HTMLDivElement | null) => {\n    arrowRef.current = arrowEl\n  }, [])","(node: HTMLDivElement | null) => {\n      ref.current = node\n      refs.setFloating(node)\n    }","useCallback(\n    (node: HTMLDivElement | null) => {\n      ref.current = node\n      refs.setFloating(node)\n    },\n    [refs],\n  )","childProp ? getElementRef(childProp) : null","() => refs.reference.current","current","useMemo(() => {\n    // If a reference element is defined, we don't need to clone the child\n    if (referenceElement) return childProp\n\n    if (!childProp) return null\n\n    return cloneElement(childProp, {ref: refs.setReference})\n  }, [childProp, referenceElement, refs.setReference])","cloneElement(childProp, {ref: refs.setReference})","setReference","() => update","[update]","childProp || <></>","modal && <ViewportOverlay />","<PopoverCard\n        {...restProps}\n        __unstable_margins={margins}\n        animate={animate}\n        arrow={arrowProp}\n        arrowRef={setArrow}\n        arrowX={arrowX}\n        arrowY={arrowY}\n        hidden={referenceHidden}\n        overflow={overflow}\n        padding={padding}\n        placement={placement}\n        radius={radius}\n        ref={setFloating}\n        scheme={scheme}\n        shadow={shadow}\n        originX={originX}\n        originY={originY}\n        strategy={strategy}\n        tone={tone}\n        width={matchReferenceWidth ? referenceWidth : width}\n        x={x}\n        y={y}\n      >\n        {content}\n      </PopoverCard>","matchReferenceWidth ? referenceWidth : width","<LayerProvider zOffset={zOffset}>\n      {/* Optional transparent blocking overlay at the top-most z-index layer. Must be positioned before the below popover card. */}\n      {modal && <ViewportOverlay />}\n\n      <PopoverCard\n        {...restProps}\n        __unstable_margins={margins}\n        animate={animate}\n        arrow={arrowProp}\n        arrowRef={setArrow}\n        arrowX={arrowX}\n        arrowY={arrowY}\n        hidden={referenceHidden}\n        overflow={overflow}\n        padding={padding}\n        placement={placement}\n        radius={radius}\n        ref={setFloating}\n        scheme={scheme}\n        shadow={shadow}\n        originX={originX}\n        originY={originY}\n        strategy={strategy}\n        tone={tone}\n        width={matchReferenceWidth ? referenceWidth : width}\n        x={x}\n        y={y}\n      >\n        {content}\n      </PopoverCard>\n    </LayerProvider>","portal ? (\n    <Portal __unstable_name={typeof portal === 'string' ? portal : undefined}>{popover}</Portal>\n  ) : (\n    popover\n  )","animate ? (\n        <AnimateActivity layoutMode=\"default\" mode={open ? 'visible' : 'hidden'}>\n          {popoverNode}\n        </AnimateActivity>\n      ) : (\n        <Activity mode={open ? 'visible' : 'hidden'}>{popoverNode}</Activity>\n      )","<>\n      {/* the popover */}\n      {animate ? (\n        <AnimateActivity layoutMode=\"default\" mode={open ? 'visible' : 'hidden'}>\n          {popoverNode}\n        </AnimateActivity>\n      ) : (\n        <Activity mode={open ? 'visible' : 'hidden'}>{popoverNode}</Activity>\n      )}\n\n      {/* the referred element */}\n      {child}\n    </>","{\n  animate,\n  arrowProp,\n  arrowRef,\n  constrainSize,\n  fallbackPlacements,\n  floatingBoundary,\n  margins,\n  matchReferenceWidth,\n  maxWidthRef,\n  placementProp,\n  placementStrategy,\n  preventOverflow,\n  referenceBoundary,\n  referenceWidthRef,\n  rootBoundary,\n  setReferenceWidth,\n  widthRef,\n}: {\n  animate: boolean\n  arrowProp: boolean\n  arrowRef: React.RefObject<HTMLDivElement | null>\n  constrainSize: boolean\n  fallbackPlacements: Placement[]\n  floatingBoundary: HTMLElement | null\n  margins: PopoverMargins\n  matchReferenceWidth: boolean | undefined\n  maxWidthRef: React.RefObject<number | undefined>\n  placementProp: Placement\n  placementStrategy: 'flip' | 'autoPlacement'\n  preventOverflow: boolean\n  referenceBoundary: HTMLElement | null\n  referenceWidthRef: React.RefObject<number | undefined>\n  rootBoundary: RootBoundary\n  setReferenceWidth: (referenceWidth: number) => void\n  widthRef: React.RefObject<number | undefined>\n}","autoPlacement({\n            allowedPlacements: [placementProp].concat(fallbackPlacements),\n          })","flip({\n            boundary: floatingBoundary || undefined,\n            fallbackPlacements,\n            padding: DEFAULT_POPOVER_PADDING,\n            rootBoundary,\n          })","floatingBoundary || undefined","offset({mainAxis: DEFAULT_POPOVER_DISTANCE})","size({\n          boundaryElement: floatingBoundary || undefined,\n          constrainSize,\n          margins,\n          matchReferenceWidth,\n          maxWidthRef,\n          padding: DEFAULT_POPOVER_PADDING,\n          referenceWidthRef,\n          setReferenceWidth,\n          widthRef,\n        })","shift({\n          boundary: floatingBoundary || undefined,\n          rootBoundary,\n          padding: DEFAULT_POPOVER_PADDING,\n        })","arrow({\n          element: arrowRef,\n          padding: DEFAULT_POPOVER_PADDING,\n        })","hide({\n        boundary: referenceBoundary || undefined,\n        padding: DEFAULT_POPOVER_PADDING,\n        strategy: 'referenceHidden',\n      })","referenceBoundary || undefined","useMemo(() => {\n    const ret: Middleware[] = []\n\n    // Flip the floating element when leaving the boundary box\n    if (constrainSize || preventOverflow) {\n      if (placementStrategy === 'autoPlacement') {\n        ret.push(\n          autoPlacement({\n            allowedPlacements: [placementProp].concat(fallbackPlacements),\n          }),\n        )\n      } else {\n        ret.push(\n          flip({\n            boundary: floatingBoundary || undefined,\n            fallbackPlacements,\n            padding: DEFAULT_POPOVER_PADDING,\n            rootBoundary,\n          }),\n        )\n      }\n    }\n\n    // Define distance between reference and floating element\n    ret.push(offset({mainAxis: DEFAULT_POPOVER_DISTANCE}))\n\n    // Track sizes\n    if (constrainSize || matchReferenceWidth) {\n      ret.push(\n        size({\n          boundaryElement: floatingBoundary || undefined,\n          constrainSize,\n          margins,\n          matchReferenceWidth,\n          maxWidthRef,\n          padding: DEFAULT_POPOVER_PADDING,\n          referenceWidthRef,\n          setReferenceWidth,\n          widthRef,\n        }),\n      )\n    }\n\n    // Shift the popover so its sits within the boundary element\n    if (preventOverflow) {\n      ret.push(\n        shift({\n          boundary: floatingBoundary || undefined,\n          rootBoundary,\n          padding: DEFAULT_POPOVER_PADDING,\n        }),\n      )\n    }\n\n    // Place arrow\n    if (arrowProp) {\n      ret.push(\n        arrow({\n          element: arrowRef,\n          padding: DEFAULT_POPOVER_PADDING,\n        }),\n      )\n    }\n\n    // Determine the origin to scale from.\n    // Must be placed after `@sanity/ui/size` and `shift` middleware.\n    if (animate) {\n      ret.push(origin)\n    }\n\n    ret.push(\n      hide({\n        boundary: referenceBoundary || undefined,\n        padding: DEFAULT_POPOVER_PADDING,\n        strategy: 'referenceHidden',\n      }),\n    )\n\n    return ret\n  }, [\n    animate,\n    arrowProp,\n    arrowRef,\n    constrainSize,\n    fallbackPlacements,\n    floatingBoundary,\n    margins,\n    matchReferenceWidth,\n    maxWidthRef,\n    placementProp,\n    placementStrategy,\n    preventOverflow,\n    referenceBoundary,\n    referenceWidthRef,\n    rootBoundary,\n    setReferenceWidth,\n    widthRef,\n  ])"],"sources":["../src/core/primitives/popover/constants.ts","../src/core/primitives/popover/floating-ui/size.ts","../src/core/primitives/popover/helpers.ts","../src/core/primitives/popover/popoverCard.tsx","../src/core/primitives/popover/popover.tsx"],"sourcesContent":["import {Placement} from '../../types/placement'\nimport {PopoverMargins} from '../../types/popover'\n\nexport const DEFAULT_POPOVER_DISTANCE = 4\nexport const DEFAULT_POPOVER_PADDING = 4\nexport const DEFAULT_POPOVER_ARROW_WIDTH = 19\nexport const DEFAULT_POPOVER_ARROW_HEIGHT = 8\nexport const DEFAULT_POPOVER_ARROW_RADIUS = 2\nexport const DEFAULT_POPOVER_MARGINS: PopoverMargins = [0, 0, 0, 0]\nexport const DEFAULT_FALLBACK_PLACEMENTS: Record<Placement, Placement[]> = {\n  'top': ['bottom', 'left', 'right'],\n  'top-start': ['bottom-start', 'left-start', 'right-start'],\n  'top-end': ['bottom-end', 'left-end', 'right-end'],\n  'bottom': ['top', 'left', 'right'],\n  'bottom-start': ['top-start', 'left-start', 'right-start'],\n  'bottom-end': ['top-end', 'left-end', 'right-end'],\n  'left': ['right', 'top', 'bottom'],\n  'left-start': ['right-start', 'top-start', 'bottom-start'],\n  'left-end': ['right-end', 'top-end', 'bottom-end'],\n  'right': ['left', 'top', 'bottom'],\n  'right-start': ['left-start', 'top-start', 'bottom-start'],\n  'right-end': ['left-end', 'top-end', 'bottom-end'],\n}\n","import {detectOverflow, Middleware} from '@floating-ui/react-dom'\n\nimport {PopoverMargins} from '../../../types/popover'\n\nexport function size(options: {\n  boundaryElement?: HTMLElement | null\n  constrainSize: boolean\n  margins: PopoverMargins\n  matchReferenceWidth?: boolean\n  maxWidthRef: React.RefObject<number | undefined>\n  padding?: number\n  referenceWidthRef: React.RefObject<number | undefined>\n  setReferenceWidth: (referenceWidth: number) => void\n  widthRef: React.RefObject<number | undefined>\n}): Middleware {\n  const {\n    constrainSize,\n    margins,\n    matchReferenceWidth,\n    maxWidthRef,\n    padding = 0,\n    referenceWidthRef,\n    setReferenceWidth,\n    widthRef,\n  } = options\n\n  return {\n    name: '@sanity/ui/size',\n    async fn(args) {\n      const {elements, placement, platform, rects} = args\n      const {floating, reference} = rects\n\n      const overflow = await detectOverflow(args, {\n        altBoundary: true,\n        boundary: options.boundaryElement || undefined,\n        elementContext: 'floating',\n        padding,\n        rootBoundary: 'viewport',\n      })\n\n      let maxWidth = Infinity\n      let maxHeight = Infinity\n\n      const floatingW = floating.width\n      const floatingH = floating.height\n\n      if (placement.includes('top')) {\n        maxWidth = floatingW - (overflow.left + overflow.right)\n        maxHeight = floatingH - overflow.top\n      }\n\n      if (placement.includes('right')) {\n        maxWidth = floatingW - overflow.right\n        maxHeight = floatingH - (overflow.top + overflow.bottom)\n      }\n\n      if (placement.includes('bottom')) {\n        maxWidth = floatingW - (overflow.left + overflow.right)\n        maxHeight = floatingH - overflow.bottom\n      }\n\n      if (placement.includes('left')) {\n        maxWidth = floatingW - overflow.left\n        maxHeight = floatingH - (overflow.top + overflow.bottom)\n      }\n\n      // IMPORTANT – APPLY ELEMENT STYLES HERE\n      // Elements need to be resized BEFORE the `platform.getDimensions` call below\n      const availableWidth = maxWidth - margins[1] - margins[3]\n      const availableHeight = maxHeight - margins[0] - margins[2]\n      const referenceWidth = reference.width - margins[1] - margins[3]\n      referenceWidthRef.current = referenceWidth\n      setReferenceWidth(referenceWidth)\n\n      if (matchReferenceWidth) {\n        elements.floating.style.width = `${referenceWidth}px`\n      } else if (widthRef.current !== undefined) {\n        elements.floating.style.width = `${widthRef.current}px`\n      }\n\n      if (constrainSize) {\n        elements.floating.style.maxWidth = `${Math.min(availableWidth, maxWidthRef.current ?? Infinity)}px`\n\n        elements.floating.style.maxHeight = `${availableHeight}px`\n      }\n\n      const nextDimensions = await platform.getDimensions(elements.floating)\n\n      const targetH = nextDimensions.height\n      const targetW = nextDimensions.width\n\n      if (floatingW !== targetW || floatingH !== targetH) {\n        return {reset: {rects: true}}\n      }\n\n      return {}\n    },\n  }\n}\n","import {DEFAULT_POPOVER_PADDING} from './constants'\nimport {PopoverWidth} from './types'\n\nexport function calcCurrentWidth(params: {\n  mediaIndex: number\n  container: number[]\n  width: PopoverWidth[]\n}): number | undefined {\n  const {container, mediaIndex, width} = params\n\n  const w = width[mediaIndex]\n  const currentWidth: PopoverWidth | undefined = w === undefined ? width[width.length - 1] : w\n\n  return typeof currentWidth === 'number' ? container[currentWidth] : undefined\n}\n\nexport function calcMaxWidth(params: {\n  boundaryWidth: number | undefined\n  currentWidth: number | undefined\n}): number | undefined {\n  const {boundaryWidth, currentWidth} = params\n\n  if (currentWidth === undefined && boundaryWidth === undefined) {\n    return undefined\n  }\n\n  return Math.min(\n    currentWidth ?? Infinity,\n    (boundaryWidth || Infinity) - DEFAULT_POPOVER_PADDING * 2,\n  )\n}\n","import {Strategy} from '@floating-ui/react-dom'\nimport {motion} from 'motion/react'\nimport React, {CSSProperties, useMemo} from 'react'\nimport {styled} from 'styled-components'\n\nimport {ThemeColorSchemeKey} from '../../../theme/system/color/_system'\nimport {POPOVER_MOTION_PROPS} from '../../constants'\nimport {getTransformOrigin} from '../../middleware/origin'\nimport {BoxOverflow} from '../../types/box'\nimport {CardTone} from '../../types/card'\nimport {Placement} from '../../types/placement'\nimport {PopoverMargins} from '../../types/popover'\nimport {Radius} from '../../types/radius'\nimport {Arrow} from '../../utils/arrow/arrow'\nimport {useLayer} from '../../utils/layer/useLayer'\nimport {Card} from '../card/card'\nimport {Flex} from '../flex/flex'\nimport {\n  DEFAULT_POPOVER_ARROW_HEIGHT,\n  DEFAULT_POPOVER_ARROW_RADIUS,\n  DEFAULT_POPOVER_ARROW_WIDTH,\n  DEFAULT_POPOVER_MARGINS,\n} from './constants'\n\nconst MotionCard = styled(motion.create(Card))`\n  &:not([hidden]) {\n    display: flex;\n  }\n  flex-direction: column;\n  width: max-content;\n  min-width: min-content;\n  will-change: transform;\n`\n\n/**\n * @internal\n */\nexport function PopoverCard(\n  props: {\n    /** @beta*/\n    __unstable_margins?: PopoverMargins\n    animate?: boolean\n    arrow: boolean\n    arrowRef: React.Ref<HTMLDivElement>\n    arrowX?: number\n    arrowY?: number\n    originX?: number\n    originY?: number\n    overflow?: BoxOverflow\n    padding?: number | number[]\n    placement: Placement\n    radius?: Radius | Radius[]\n    scheme?: ThemeColorSchemeKey\n    shadow?: number | number[]\n    strategy: Strategy\n    tone: CardTone\n    width: number | undefined\n    x: number | null\n    y: number | null\n  } & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'width'>,\n) {\n  const {\n    __unstable_margins: marginsProp,\n    animate,\n    arrow,\n    arrowRef,\n    arrowX,\n    arrowY,\n    children,\n    padding,\n    placement,\n    originX,\n    originY,\n    overflow,\n    radius,\n    ref,\n    scheme,\n    shadow,\n    strategy,\n    style,\n    tone,\n    width,\n    x: xProp,\n    y: yProp,\n    ...restProps\n  } = props\n\n  const {zIndex} = useLayer()\n\n  // Get margins: [top, right, bottom, left]\n  const margins: PopoverMargins = useMemo(\n    () => marginsProp || DEFAULT_POPOVER_MARGINS,\n    [marginsProp],\n  )\n\n  // Translate according to margins\n  const x = (xProp ?? 0) + margins[3]\n  const y = (yProp ?? 0) + margins[0]\n\n  const rootStyle: CSSProperties = useMemo(\n    () => ({\n      left: x,\n      position: strategy,\n      top: y,\n      transformOrigin: getTransformOrigin(originX, originY),\n      width,\n      zIndex,\n      willChange: animate ? 'transform' : undefined,\n      ...style,\n    }),\n    [animate, originX, originY, strategy, style, width, x, y, zIndex],\n  )\n\n  const arrowStyle: CSSProperties = useMemo(\n    () => ({\n      left: arrowX !== null ? arrowX : undefined,\n      top: arrowY !== null ? arrowY : undefined,\n      right: undefined,\n      bottom: undefined,\n    }),\n    [arrowX, arrowY],\n  )\n\n  return (\n    <MotionCard\n      data-ui=\"Popover\"\n      {...restProps}\n      data-placement={placement}\n      radius={radius}\n      ref={ref}\n      scheme={scheme}\n      shadow={shadow}\n      sizing=\"border\"\n      style={rootStyle}\n      tone={tone}\n      {...(animate ? POPOVER_MOTION_PROPS : undefined)}\n    >\n      <Flex data-ui=\"Popover__wrapper\" direction=\"column\" flex={1} overflow={overflow}>\n        <Flex direction=\"column\" flex={1} padding={padding}>\n          {children}\n        </Flex>\n      </Flex>\n\n      {arrow && (\n        <Arrow\n          ref={arrowRef}\n          style={arrowStyle}\n          width={DEFAULT_POPOVER_ARROW_WIDTH}\n          height={DEFAULT_POPOVER_ARROW_HEIGHT}\n          radius={DEFAULT_POPOVER_ARROW_RADIUS}\n        />\n      )}\n    </MotionCard>\n  )\n}\n","import {\n  arrow,\n  autoPlacement,\n  autoUpdate,\n  flip,\n  hide,\n  Middleware,\n  offset,\n  RootBoundary,\n  shift,\n  useFloating,\n} from '@floating-ui/react-dom'\nimport {\n  Activity,\n  cloneElement,\n  type Ref,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport {ThemeColorSchemeKey} from '../../../theme/system/color/_system'\nimport {useElementSize} from '../../hooks/useElementSize'\nimport {useMediaIndex} from '../../hooks/useMediaIndex/useMediaIndex'\nimport {usePrefersReducedMotion} from '../../hooks/usePrefersReducedMotion'\nimport {origin} from '../../middleware/origin'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {useTheme_v2} from '../../theme/useTheme'\nimport {BoxOverflow} from '../../types/box'\nimport {CardTone} from '../../types/card'\nimport {Placement} from '../../types/placement'\nimport {PopoverMargins} from '../../types/popover'\nimport {AnimateActivity} from '../../utils/animateActivity'\nimport {useBoundaryElement} from '../../utils/boundaryElement/useBoundaryElement'\nimport {getElementRef} from '../../utils/getElementRef'\nimport {LayerProps} from '../../utils/layer/layer'\nimport {LayerProvider} from '../../utils/layer/layerProvider'\nimport {useLayer} from '../../utils/layer/useLayer'\nimport {Portal} from '../../utils/portal/portal'\nimport {ResponsiveRadiusProps, ResponsiveShadowProps} from '../types'\nimport {\n  DEFAULT_FALLBACK_PLACEMENTS,\n  DEFAULT_POPOVER_DISTANCE,\n  DEFAULT_POPOVER_MARGINS,\n  DEFAULT_POPOVER_PADDING,\n} from './constants'\nimport {size} from './floating-ui/size'\nimport {calcCurrentWidth, calcMaxWidth} from './helpers'\nimport {PopoverCard} from './popoverCard'\nimport {PopoverUpdateCallback, PopoverWidth} from './types'\n\n/** @public */\nexport interface PopoverProps\n  extends Omit<LayerProps, 'as'>, ResponsiveRadiusProps, ResponsiveShadowProps {\n  /** @beta */\n  __unstable_margins?: PopoverMargins\n  /**\n   * Whether the popover should animate in and out.\n   *\n   * @beta\n   * @defaultValue false\n   */\n  animate?: boolean\n  arrow?: boolean\n  /** @deprecated Use `floatingBoundary` and/or `referenceBoundary` instead */\n  boundaryElement?: never\n  children?: React.JSX.Element\n  /**\n   * When `true`, prevent overflow within the current boundary:\n   * - by flipping on its side axis\n   * - by resizing\n  /*\n   * Note that:\n   * - setting `preventOverflow` to `true` also prevents overflow on its side axis\n   * - setting `matchReferenceWidth` to `true` also causes the popover to resize\n   *\n   * @defaultValue false\n   */\n  constrainSize?: boolean\n  content?: React.ReactNode\n  disabled?: boolean\n  fallbackPlacements?: Placement[]\n  floatingBoundary?: HTMLElement | null\n  /**\n   * When `true`, set the maximum width to match the reference element, and also prevent overflow within\n   * the current boundary by resizing.\n   *\n   * Note that setting `constrainSize` to `true` also causes the popover to resize\n   *\n   * @defaultValue false\n   */\n  matchReferenceWidth?: boolean\n  /**\n   * When true, blocks all pointer interaction with elements beneath the popover until closed.\n   *\n   * @beta\n   * @defaultValue false\n   */\n  modal?: boolean\n  open?: boolean\n  overflow?: BoxOverflow\n  padding?: number | number[]\n  placement?: Placement\n  /**\n   * When 'flip' (default), the placement is determined from the initial placement and the\n   * fallback placements in order. Whichever fits in the viewport first.\n   *\n   * When 'autoPlacement', the initial placement and all fallback placements are evaluated\n   * and the placement with the most viewport space available.\n   *\n   * Option is only relevant if either `constrainSize` or `preventOverflow` is `true`\n   */\n  placementStrategy?: 'flip' | 'autoPlacement'\n  /** Whether or not to render the popover in a portal element. */\n  portal?: boolean | string\n  preventOverflow?: boolean\n  referenceBoundary?: HTMLElement | null\n  /**\n   * When defined, the popover will be positioned relative to this element.\n   * The children of the popover won't be rendered.\n   */\n  referenceElement?: HTMLElement | null\n  scheme?: ThemeColorSchemeKey\n  tone?: CardTone\n  /** @beta */\n  updateRef?: Ref<PopoverUpdateCallback | undefined>\n  width?: PopoverWidth | PopoverWidth[]\n}\n\nconst ViewportOverlay = () => {\n  const {zIndex} = useLayer()\n\n  return (\n    <div\n      data-ui=\"PopoverOverlay\"\n      style={{height: '100vh', inset: 0, position: 'fixed', width: '100vw', zIndex}}\n    />\n  )\n}\n\n/**\n * The `Popover` component is used to display some content on top of another.\n *\n * @public\n */\nexport function Popover(\n  props: PopoverProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'content' | 'width'>,\n): React.JSX.Element {\n  const {container, layer} = useTheme_v2()\n  const boundaryElementContext = useBoundaryElement()\n\n  const {\n    __unstable_margins: margins = DEFAULT_POPOVER_MARGINS,\n    animate: _animate = false,\n    arrow: arrowProp = false,\n    children: childProp,\n    constrainSize = false,\n    content,\n    disabled,\n    fallbackPlacements: _fallbackPlacements,\n    matchReferenceWidth,\n    floatingBoundary: _floatingBoundary,\n    modal,\n    // oxlint-disable-next-line no-unused-vars\n    onActivate,\n    open,\n    overflow = 'hidden',\n    padding: paddingProp,\n    placement: placementProp = 'bottom',\n    placementStrategy = 'flip',\n    portal,\n    preventOverflow = true,\n    radius: radiusProp = 3,\n    ref: forwardedRef,\n    referenceBoundary: _referenceBoundary,\n    referenceElement,\n    scheme,\n    shadow: shadowProp = 3,\n    tone = 'inherit',\n    width: widthProp = 'auto',\n    zOffset: _zOffsetProp,\n    updateRef,\n    ...restProps\n  } = props\n  const fallbackPlacements =\n    _fallbackPlacements ?? DEFAULT_FALLBACK_PLACEMENTS[props.placement ?? 'bottom']\n  const floatingBoundary = _floatingBoundary ?? boundaryElementContext.element\n  const referenceBoundary = _referenceBoundary ?? boundaryElementContext.element\n  // Max-width uses BoundaryElementProvider when present; otherwise the floating\n  // boundary (same element the old `boundaryElement` prop used for both).\n  const boundaryElement = boundaryElementContext.element ?? floatingBoundary\n  const zOffsetProp = _zOffsetProp ?? layer.popover.zOffset\n  const prefersReducedMotion = usePrefersReducedMotion()\n  const animate = prefersReducedMotion ? false : _animate\n  const boundarySize = useElementSize(boundaryElement)?.border\n  const padding = _getArrayProp(paddingProp)\n  const radius = _getArrayProp(radiusProp)\n  const shadow = _getArrayProp(shadowProp)\n  const widthArrayProp = _getArrayProp(widthProp)\n  const zOffset = _getArrayProp(zOffsetProp)\n  const ref = useRef<HTMLDivElement | null>(null)\n  const arrowRef = useRef<HTMLDivElement | null>(null)\n  const rootBoundary: RootBoundary = 'viewport'\n\n  useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current)\n\n  const mediaIndex = useMediaIndex()\n  const boundaryWidth = constrainSize || preventOverflow ? boundarySize?.width : undefined\n\n  // Update width when\n  // - media index changes\n  // - `width` property changes\n  const width = calcCurrentWidth({\n    container,\n    mediaIndex,\n    width: widthArrayProp,\n  })\n  const widthRef = useRef(width)\n\n  useEffect(() => {\n    widthRef.current = width\n  }, [width])\n\n  // Update max width when\n  // - boundary width changes\n  // - `width` property changes\n  const maxWidth = calcMaxWidth({boundaryWidth, currentWidth: width})\n  const maxWidthRef = useRef(maxWidth)\n\n  useEffect(() => {\n    maxWidthRef.current = maxWidth\n  }, [maxWidth])\n\n  // Keep track of reference element width (see `size` middleware below)\n  const referenceWidthRef = useRef<number>(undefined)\n\n  // Force apply width & max width to floating element\n  useEffect(() => {\n    const floatingElement = ref.current\n\n    if (!open || !floatingElement) return\n\n    const referenceWidth = referenceWidthRef.current\n\n    if (matchReferenceWidth) {\n      if (referenceWidth !== undefined) {\n        floatingElement.style.width = `${referenceWidth}px`\n      }\n    } else if (width !== undefined) {\n      floatingElement.style.width = `${width}px`\n    }\n\n    if (typeof maxWidth === 'number') {\n      floatingElement.style.maxWidth = `${maxWidth}px`\n    }\n  }, [width, matchReferenceWidth, maxWidth, open])\n\n  const [referenceWidth, setReferenceWidth] = useState<number | undefined>(undefined)\n  const middleware = useMiddleware({\n    animate,\n    arrowProp,\n    arrowRef,\n    constrainSize,\n    fallbackPlacements,\n    floatingBoundary,\n    margins,\n    matchReferenceWidth,\n    maxWidthRef,\n    placementProp,\n    placementStrategy,\n    preventOverflow,\n    referenceBoundary,\n    referenceWidthRef,\n    rootBoundary,\n    setReferenceWidth,\n    widthRef,\n  })\n\n  const {x, y, middlewareData, placement, refs, strategy, update} = useFloating({\n    middleware,\n    placement: placementProp,\n    whileElementsMounted: autoUpdate,\n    elements: referenceElement\n      ? {\n          reference: referenceElement,\n        }\n      : undefined,\n  })\n\n  const referenceHidden = middlewareData.hide?.referenceHidden\n\n  const arrowX = middlewareData.arrow?.x\n  const arrowY = middlewareData.arrow?.y\n\n  const originX = middlewareData['@sanity/ui/origin']?.originX\n  const originY = middlewareData['@sanity/ui/origin']?.originY\n\n  const setArrow = useCallback((arrowEl: HTMLDivElement | null) => {\n    arrowRef.current = arrowEl\n  }, [])\n\n  const setFloating = useCallback(\n    (node: HTMLDivElement | null) => {\n      ref.current = node\n      refs.setFloating(node)\n    },\n    [refs],\n  )\n\n  // If there's a child then we need to set the reference element to the cloned child ref\n  // and if child changes we make sure to update or remove the reference element.\n  useImperativeHandle(childProp ? getElementRef(childProp) : null, () => refs.reference.current)\n\n  const child = useMemo(() => {\n    // If a reference element is defined, we don't need to clone the child\n    if (referenceElement) return childProp\n\n    if (!childProp) return null\n\n    return cloneElement(childProp, {ref: refs.setReference})\n  }, [childProp, referenceElement, refs.setReference])\n\n  useImperativeHandle(updateRef, () => update, [update])\n\n  if (disabled) {\n    return childProp || <></>\n  }\n\n  const popover = (\n    <LayerProvider zOffset={zOffset}>\n      {/* Optional transparent blocking overlay at the top-most z-index layer. Must be positioned before the below popover card. */}\n      {modal && <ViewportOverlay />}\n\n      <PopoverCard\n        {...restProps}\n        __unstable_margins={margins}\n        animate={animate}\n        arrow={arrowProp}\n        arrowRef={setArrow}\n        arrowX={arrowX}\n        arrowY={arrowY}\n        hidden={referenceHidden}\n        overflow={overflow}\n        padding={padding}\n        placement={placement}\n        radius={radius}\n        ref={setFloating}\n        scheme={scheme}\n        shadow={shadow}\n        originX={originX}\n        originY={originY}\n        strategy={strategy}\n        tone={tone}\n        width={matchReferenceWidth ? referenceWidth : width}\n        x={x}\n        y={y}\n      >\n        {content}\n      </PopoverCard>\n    </LayerProvider>\n  )\n\n  const popoverNode = portal ? (\n    <Portal __unstable_name={typeof portal === 'string' ? portal : undefined}>{popover}</Portal>\n  ) : (\n    popover\n  )\n\n  return (\n    <>\n      {/* the popover */}\n      {animate ? (\n        <AnimateActivity layoutMode=\"default\" mode={open ? 'visible' : 'hidden'}>\n          {popoverNode}\n        </AnimateActivity>\n      ) : (\n        <Activity mode={open ? 'visible' : 'hidden'}>{popoverNode}</Activity>\n      )}\n\n      {/* the referred element */}\n      {child}\n    </>\n  )\n}\n\nfunction useMiddleware({\n  animate,\n  arrowProp,\n  arrowRef,\n  constrainSize,\n  fallbackPlacements,\n  floatingBoundary,\n  margins,\n  matchReferenceWidth,\n  maxWidthRef,\n  placementProp,\n  placementStrategy,\n  preventOverflow,\n  referenceBoundary,\n  referenceWidthRef,\n  rootBoundary,\n  setReferenceWidth,\n  widthRef,\n}: {\n  animate: boolean\n  arrowProp: boolean\n  arrowRef: React.RefObject<HTMLDivElement | null>\n  constrainSize: boolean\n  fallbackPlacements: Placement[]\n  floatingBoundary: HTMLElement | null\n  margins: PopoverMargins\n  matchReferenceWidth: boolean | undefined\n  maxWidthRef: React.RefObject<number | undefined>\n  placementProp: Placement\n  placementStrategy: 'flip' | 'autoPlacement'\n  preventOverflow: boolean\n  referenceBoundary: HTMLElement | null\n  referenceWidthRef: React.RefObject<number | undefined>\n  rootBoundary: RootBoundary\n  setReferenceWidth: (referenceWidth: number) => void\n  widthRef: React.RefObject<number | undefined>\n}) {\n  return useMemo(() => {\n    const ret: Middleware[] = []\n\n    // Flip the floating element when leaving the boundary box\n    if (constrainSize || preventOverflow) {\n      if (placementStrategy === 'autoPlacement') {\n        ret.push(\n          autoPlacement({\n            allowedPlacements: [placementProp].concat(fallbackPlacements),\n          }),\n        )\n      } else {\n        ret.push(\n          flip({\n            boundary: floatingBoundary || undefined,\n            fallbackPlacements,\n            padding: DEFAULT_POPOVER_PADDING,\n            rootBoundary,\n          }),\n        )\n      }\n    }\n\n    // Define distance between reference and floating element\n    ret.push(offset({mainAxis: DEFAULT_POPOVER_DISTANCE}))\n\n    // Track sizes\n    if (constrainSize || matchReferenceWidth) {\n      ret.push(\n        size({\n          boundaryElement: floatingBoundary || undefined,\n          constrainSize,\n          margins,\n          matchReferenceWidth,\n          maxWidthRef,\n          padding: DEFAULT_POPOVER_PADDING,\n          referenceWidthRef,\n          setReferenceWidth,\n          widthRef,\n        }),\n      )\n    }\n\n    // Shift the popover so its sits within the boundary element\n    if (preventOverflow) {\n      ret.push(\n        shift({\n          boundary: floatingBoundary || undefined,\n          rootBoundary,\n          padding: DEFAULT_POPOVER_PADDING,\n        }),\n      )\n    }\n\n    // Place arrow\n    if (arrowProp) {\n      ret.push(\n        arrow({\n          element: arrowRef,\n          padding: DEFAULT_POPOVER_PADDING,\n        }),\n      )\n    }\n\n    // Determine the origin to scale from.\n    // Must be placed after `@sanity/ui/size` and `shift` middleware.\n    if (animate) {\n      ret.push(origin)\n    }\n\n    ret.push(\n      hide({\n        boundary: referenceBoundary || undefined,\n        padding: DEFAULT_POPOVER_PADDING,\n        strategy: 'referenceHidden',\n      }),\n    )\n\n    return ret\n  }, [\n    animate,\n    arrowProp,\n    arrowRef,\n    constrainSize,\n    fallbackPlacements,\n    floatingBoundary,\n    margins,\n    matchReferenceWidth,\n    maxWidthRef,\n    placementProp,\n    placementStrategy,\n    preventOverflow,\n    referenceBoundary,\n    referenceWidthRef,\n    rootBoundary,\n    setReferenceWidth,\n    widthRef,\n  ])\n}\n"],"mappings":"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"}

package/dist/popover.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as Popover } from "./popover-BngOa-um.js";
+import { t as Popover } from "./popover-DR6UQQvq.js";
 export { Popover };

package/dist/{stack-Bue-701Y.js → stack-SbGBZ0x3.js}

@@ -1,6 +1,6 @@
 import { a as rem, i as _responsive, n as _getArrayProp } from "./helpers-C8xxXAQC.js";
 import { t as getTheme_v2 } from "./getTheme_v2-y09KqtEb.js";
-import { y as Box } from "./useLayer-ONr7wTUN.js";
+import { y as Box } from "./useLayer-CUKYjJYq.js";
 import { t as responsiveFont } from "./responsiveFont-CilwaORG.js";
 import { c } from "react/compiler-runtime";
 import { css, styled } from "styled-components";
@@ -35,7 +35,7 @@ function textBaseStyle(props) {
 }
 const StyledText = /* @__PURE__ */ styled.div.withConfig({
 	displayName: "StyledText",
-	componentId: "sc-300p63-0"
+	componentId: "sc-uon2uq-0"
 })(responsiveTextFont, responsiveTextAlignStyle, textBaseStyle);
 function TextComponent(props) {
 	let $ = c(27), align, childrenProp, ref, restProps, t0, t1, t2, textOverflow, weight;
@@ -109,4 +109,4 @@ function StackComponent(props) {
 const Stack = StackComponent;
 export { responsiveTextAlignStyle as a, responsiveTextFont as i, Text as n, SpanWithTextOverflow as r, Stack as t };
 
-//# sourceMappingURL=stack-Bue-701Y.js.map
+//# sourceMappingURL=stack-SbGBZ0x3.js.map

package/dist/{stack-Bue-701Y.js.map → stack-SbGBZ0x3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"stack-Bue-701Y.js","names":["<span className={spanWithTextOverflow}>{props.children}</span>","children","accent = false","muted = false","size = 2","<SpanWithTextOverflow>{children}</SpanWithTextOverflow>","_getArrayProp(align)","_getArrayProp(size)","<span>{children}</span>","<StyledText\n      data-ui=\"Text\"\n      {...restProps}\n      $accent={accent}\n      $align={_getArrayProp(align)}\n      $muted={muted}\n      ref={ref}\n      $size={_getArrayProp(size)}\n      $weight={weight}\n    >\n      <span>{children}</span>\n    </StyledText>","_getArrayProp(gap)","<StyledStack\n      data-as={typeof as === 'string' ? as : undefined}\n      data-ui=\"Stack\"\n      {...restProps}\n      $space={_getArrayProp(gap)}\n      forwardedAs={as}\n      ref={ref}\n    />","typeof as === 'string' ? as : undefined"],"sources":["../src/core/styles/font/textAlignStyle.ts","../src/core/styles/font/textFontStyle.ts","../src/core/utils/spanWithTextOverflow.css.ts","../src/core/utils/spanWithTextOverflow.tsx","../src/core/primitives/text/styles.ts","../src/core/primitives/text/text.tsx","../src/core/primitives/stack/styles.ts","../src/core/primitives/stack/stack.tsx"],"sourcesContent":["import {CSSObject} from '../../../theme/system/css'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {_responsive} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveTextAlignStyleProps} from './types'\n\n/**\n * Get responsive text align styles.\n * @internal\n */\nexport function responsiveTextAlignStyle(\n  props: ResponsiveTextAlignStyleProps & ThemeProps,\n): CSSObject[] {\n  const {media} = getTheme_v2(props.theme)\n\n  return _responsive(media, props.$align, (textAlign) => {\n    return {textAlign}\n  })\n}\n","import {CSSObject} from '../../../theme/system/css'\nimport {ThemeProps} from '../types'\nimport {responsiveFont} from './responsiveFont'\nimport {ResponsiveFontStyleProps} from './types'\n\n/**\n * Get responsive CSS for the `text` font style.\n * @internal\n */\nexport function responsiveTextFont(props: ResponsiveFontStyleProps & ThemeProps): CSSObject[] {\n  return responsiveFont('text', props)\n}\n","import {style} from '@vanilla-extract/css'\n\nexport const spanWithTextOverflow = style({\n  display: 'block',\n  whiteSpace: 'nowrap',\n  textOverflow: 'ellipsis',\n  overflow: ['hidden', 'clip'],\n})\n","import {spanWithTextOverflow} from './spanWithTextOverflow.css'\n\n/** @internal */\nexport function SpanWithTextOverflow(props: {children?: React.ReactNode}): React.JSX.Element {\n  return <span className={spanWithTextOverflow}>{props.children}</span>\n}\n","import {css} from 'styled-components'\n\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {ThemeProps} from '../../styles/types'\n\nexport function textBaseStyle(\n  props: {$accent?: boolean; $muted?: boolean} & ThemeProps,\n): ReturnType<typeof css> {\n  const {$accent, $muted} = props\n  const {font} = getTheme_v2(props.theme)\n\n  return css`\n    color: var(--card-fg-color);\n\n    ${\n      $accent &&\n      css`\n        color: var(--card-accent-fg-color);\n      `\n    }\n\n    ${\n      $muted &&\n      css`\n        color: var(--card-muted-fg-color);\n      `\n    }\n\n    & code {\n      font-family: ${font.code.family};\n      border-radius: 1px;\n      background-color: var(--card-code-bg-color);\n      color: var(--card-code-fg-color);\n    }\n\n    & a {\n      text-decoration: none;\n      border-radius: 1px;\n      color: var(--card-link-color);\n      outline: none;\n\n      @media (hover: hover) {\n        &:hover {\n          text-decoration: underline;\n        }\n      }\n\n      &:focus {\n        box-shadow:\n          0 0 0 1px var(--card-bg-color),\n          0 0 0 3px var(--card-focus-ring-color);\n      }\n\n      &:focus:not(:focus-visible) {\n        box-shadow: none;\n      }\n    }\n\n    & strong {\n      font-weight: ${font.text.weights.bold};\n    }\n\n    & svg {\n      /* Certain popular CSS libraries changes the defaults for SVG display */\n      /* Make sure SVGs are rendered as inline elements */\n      display: inline;\n      /* ...and aren't squeezed by resets that set max-width: 100% */\n      max-width: unset;\n    }\n\n    & [data-sanity-icon] {\n      vertical-align: baseline;\n      color: var(--card-icon-color);\n\n      & path {\n        vector-effect: non-scaling-stroke !important;\n      }\n    }\n  `\n}\n","import {styled} from 'styled-components'\n\nimport {ThemeFontWeightKey} from '../../../theme/system/font'\nimport {responsiveTextAlignStyle} from '../../styles/font/textAlignStyle'\nimport {responsiveTextFont} from '../../styles/font/textFontStyle'\nimport {ResponsiveFontStyleProps} from '../../styles/font/types'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ElementType, Props} from '../../types/component'\nimport {TextAlign} from '../../types/text'\nimport {SpanWithTextOverflow} from '../../utils/spanWithTextOverflow'\nimport {textBaseStyle} from './styles'\n\n/**\n * @public\n */\nexport interface TextOwnProps {\n  accent?: boolean\n  align?: TextAlign | TextAlign[]\n  /** When `true` the text color will be muted. */\n  muted?: boolean\n  size?: number | number[]\n  /**\n   * Controls how overflowing text is treated.\n   * Use `textOverflow=\"ellipsis\"` to render text as a single line which is concatenated with a `…` symbol.\n   * @beta\n   */\n  textOverflow?: 'ellipsis'\n  weight?: ThemeFontWeightKey\n}\n\n/**\n * @public\n */\nexport type TextProps<E extends ElementType = 'div'> = Props<TextOwnProps, E>\n\nconst StyledText = styled.div<ResponsiveFontStyleProps>(\n  responsiveTextFont,\n  responsiveTextAlignStyle,\n  textBaseStyle,\n)\n\nfunction TextComponent(\n  props: TextOwnProps & {as?: ElementType} & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'size'>,\n) {\n  const {\n    accent = false,\n    align,\n    children: childrenProp,\n    muted = false,\n    ref,\n    size = 2,\n    textOverflow,\n    weight,\n    ...restProps\n  } = props\n\n  let children = childrenProp\n\n  if (textOverflow === 'ellipsis') {\n    children = <SpanWithTextOverflow>{children}</SpanWithTextOverflow>\n  }\n\n  return (\n    <StyledText\n      data-ui=\"Text\"\n      {...restProps}\n      $accent={accent}\n      $align={_getArrayProp(align)}\n      $muted={muted}\n      ref={ref}\n      $size={_getArrayProp(size)}\n      $weight={weight}\n    >\n      <span>{children}</span>\n    </StyledText>\n  )\n}\n\n/**\n * The `Text` component is an agile, themed typographic element.\n *\n * @public\n */\n// oxlint-disable-next-line no-unsafe-type-assertion\nexport const Text = TextComponent as unknown as <E extends ElementType = 'div'>(\n  props: TextProps<E>,\n) => React.JSX.Element\n","import {CSSObject} from '../../../theme/system/css'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {_responsive, rem} from '../../styles/helpers'\nimport {ThemeProps} from '../../styles/types'\n\nexport interface ResponsiveStackSpaceStyleProps {\n  $space: number[]\n}\n\nconst BASE_STYLE: CSSObject = {\n  '&&:not([hidden])': {\n    display: 'grid',\n  },\n  '&[data-as=\"ul\"],&[data-as=\"ol\"]': {\n    listStyle: 'none',\n  },\n  'gridTemplateColumns': 'minmax(0, 1fr)',\n  'gridAutoRows': 'min-content',\n}\n\nexport function stackBaseStyle(): CSSObject {\n  return BASE_STYLE\n}\n\nexport function responsiveStackSpaceStyle(\n  props: ResponsiveStackSpaceStyleProps & ThemeProps,\n): CSSObject[] {\n  const {media, space} = getTheme_v2(props.theme)\n\n  return _responsive(media, props.$space, (spaceIndex) => ({\n    // oxlint-disable-next-line no-deprecated\n    gridGap: rem(space[spaceIndex]),\n  }))\n}\n","import {styled} from 'styled-components'\n\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ElementType, Props} from '../../types/component'\nimport {Box, BoxOwnProps} from '../box/box'\nimport {responsiveStackSpaceStyle, ResponsiveStackSpaceStyleProps, stackBaseStyle} from './styles'\n\n/**\n * @public\n */\nexport interface StackOwnProps extends BoxOwnProps {\n  gap?: number | number[]\n  /**\n   * @deprecated Use `gap` instead.\n   */\n  space?: never\n}\n\n/**\n * @public\n */\nexport type StackProps<E extends ElementType = 'div'> = Props<StackOwnProps, E>\n\nconst StyledStack = styled(Box)<ResponsiveStackSpaceStyleProps>(\n  stackBaseStyle,\n  responsiveStackSpaceStyle,\n)\n\nfunction StackComponent(\n  props: StackOwnProps & {as?: ElementType} & Omit<React.HTMLProps<HTMLDivElement>, 'as'>,\n) {\n  const {as, gap, ref, ...restProps} = props\n\n  return (\n    <StyledStack\n      data-as={typeof as === 'string' ? as : undefined}\n      data-ui=\"Stack\"\n      {...restProps}\n      $space={_getArrayProp(gap)}\n      forwardedAs={as}\n      ref={ref}\n    />\n  )\n}\n\n/**\n * The `Stack` component is used to place elements on top of each other.\n *\n * @public\n */\n// oxlint-disable-next-line no-unsafe-type-assertion\nexport const Stack = StackComponent as unknown as <E extends ElementType = 'div'>(\n  props: StackProps<E>,\n) => React.JSX.Element\n"],"mappings":"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"}
+{"version":3,"file":"stack-SbGBZ0x3.js","names":["<span className={spanWithTextOverflow}>{props.children}</span>","children","accent = false","muted = false","size = 2","<SpanWithTextOverflow>{children}</SpanWithTextOverflow>","_getArrayProp(align)","_getArrayProp(size)","<span>{children}</span>","<StyledText\n      data-ui=\"Text\"\n      {...restProps}\n      $accent={accent}\n      $align={_getArrayProp(align)}\n      $muted={muted}\n      ref={ref}\n      $size={_getArrayProp(size)}\n      $weight={weight}\n    >\n      <span>{children}</span>\n    </StyledText>","_getArrayProp(gap)","<StyledStack\n      data-as={typeof as === 'string' ? as : undefined}\n      data-ui=\"Stack\"\n      {...restProps}\n      $space={_getArrayProp(gap)}\n      forwardedAs={as}\n      ref={ref}\n    />","typeof as === 'string' ? as : undefined"],"sources":["../src/core/styles/font/textAlignStyle.ts","../src/core/styles/font/textFontStyle.ts","../src/core/utils/spanWithTextOverflow.css.ts","../src/core/utils/spanWithTextOverflow.tsx","../src/core/primitives/text/styles.ts","../src/core/primitives/text/text.tsx","../src/core/primitives/stack/styles.ts","../src/core/primitives/stack/stack.tsx"],"sourcesContent":["import {CSSObject} from '../../../theme/system/css'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {_responsive} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveTextAlignStyleProps} from './types'\n\n/**\n * Get responsive text align styles.\n * @internal\n */\nexport function responsiveTextAlignStyle(\n  props: ResponsiveTextAlignStyleProps & ThemeProps,\n): CSSObject[] {\n  const {media} = getTheme_v2(props.theme)\n\n  return _responsive(media, props.$align, (textAlign) => {\n    return {textAlign}\n  })\n}\n","import {CSSObject} from '../../../theme/system/css'\nimport {ThemeProps} from '../types'\nimport {responsiveFont} from './responsiveFont'\nimport {ResponsiveFontStyleProps} from './types'\n\n/**\n * Get responsive CSS for the `text` font style.\n * @internal\n */\nexport function responsiveTextFont(props: ResponsiveFontStyleProps & ThemeProps): CSSObject[] {\n  return responsiveFont('text', props)\n}\n","import {style} from '@vanilla-extract/css'\n\nexport const spanWithTextOverflow = style({\n  display: 'block',\n  whiteSpace: 'nowrap',\n  textOverflow: 'ellipsis',\n  overflow: ['hidden', 'clip'],\n})\n","import {spanWithTextOverflow} from './spanWithTextOverflow.css'\n\n/** @internal */\nexport function SpanWithTextOverflow(props: {children?: React.ReactNode}): React.JSX.Element {\n  return <span className={spanWithTextOverflow}>{props.children}</span>\n}\n","import {css} from 'styled-components'\n\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {ThemeProps} from '../../styles/types'\n\nexport function textBaseStyle(\n  props: {$accent?: boolean; $muted?: boolean} & ThemeProps,\n): ReturnType<typeof css> {\n  const {$accent, $muted} = props\n  const {font} = getTheme_v2(props.theme)\n\n  return css`\n    color: var(--card-fg-color);\n\n    ${\n      $accent &&\n      css`\n        color: var(--card-accent-fg-color);\n      `\n    }\n\n    ${\n      $muted &&\n      css`\n        color: var(--card-muted-fg-color);\n      `\n    }\n\n    & code {\n      font-family: ${font.code.family};\n      border-radius: 1px;\n      background-color: var(--card-code-bg-color);\n      color: var(--card-code-fg-color);\n    }\n\n    & a {\n      text-decoration: none;\n      border-radius: 1px;\n      color: var(--card-link-color);\n      outline: none;\n\n      @media (hover: hover) {\n        &:hover {\n          text-decoration: underline;\n        }\n      }\n\n      &:focus {\n        box-shadow:\n          0 0 0 1px var(--card-bg-color),\n          0 0 0 3px var(--card-focus-ring-color);\n      }\n\n      &:focus:not(:focus-visible) {\n        box-shadow: none;\n      }\n    }\n\n    & strong {\n      font-weight: ${font.text.weights.bold};\n    }\n\n    & svg {\n      /* Certain popular CSS libraries changes the defaults for SVG display */\n      /* Make sure SVGs are rendered as inline elements */\n      display: inline;\n      /* ...and aren't squeezed by resets that set max-width: 100% */\n      max-width: unset;\n    }\n\n    & [data-sanity-icon] {\n      vertical-align: baseline;\n      color: var(--card-icon-color);\n\n      & path {\n        vector-effect: non-scaling-stroke !important;\n      }\n    }\n  `\n}\n","import {styled} from 'styled-components'\n\nimport {ThemeFontWeightKey} from '../../../theme/system/font'\nimport {responsiveTextAlignStyle} from '../../styles/font/textAlignStyle'\nimport {responsiveTextFont} from '../../styles/font/textFontStyle'\nimport {ResponsiveFontStyleProps} from '../../styles/font/types'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ElementType, Props} from '../../types/component'\nimport {TextAlign} from '../../types/text'\nimport {SpanWithTextOverflow} from '../../utils/spanWithTextOverflow'\nimport {textBaseStyle} from './styles'\n\n/**\n * @public\n */\nexport interface TextOwnProps {\n  accent?: boolean\n  align?: TextAlign | TextAlign[]\n  /** When `true` the text color will be muted. */\n  muted?: boolean\n  size?: number | number[]\n  /**\n   * Controls how overflowing text is treated.\n   * Use `textOverflow=\"ellipsis\"` to render text as a single line which is concatenated with a `…` symbol.\n   * @beta\n   */\n  textOverflow?: 'ellipsis'\n  weight?: ThemeFontWeightKey\n}\n\n/**\n * @public\n */\nexport type TextProps<E extends ElementType = 'div'> = Props<TextOwnProps, E>\n\nconst StyledText = styled.div<ResponsiveFontStyleProps>(\n  responsiveTextFont,\n  responsiveTextAlignStyle,\n  textBaseStyle,\n)\n\nfunction TextComponent(\n  props: TextOwnProps & {as?: ElementType} & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'size'>,\n) {\n  const {\n    accent = false,\n    align,\n    children: childrenProp,\n    muted = false,\n    ref,\n    size = 2,\n    textOverflow,\n    weight,\n    ...restProps\n  } = props\n\n  let children = childrenProp\n\n  if (textOverflow === 'ellipsis') {\n    children = <SpanWithTextOverflow>{children}</SpanWithTextOverflow>\n  }\n\n  return (\n    <StyledText\n      data-ui=\"Text\"\n      {...restProps}\n      $accent={accent}\n      $align={_getArrayProp(align)}\n      $muted={muted}\n      ref={ref}\n      $size={_getArrayProp(size)}\n      $weight={weight}\n    >\n      <span>{children}</span>\n    </StyledText>\n  )\n}\n\n/**\n * The `Text` component is an agile, themed typographic element.\n *\n * @public\n */\nexport const Text: <E extends ElementType = 'div'>(props: TextProps<E>) => React.JSX.Element =\n  TextComponent\n","import {CSSObject} from '../../../theme/system/css'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {_responsive, rem} from '../../styles/helpers'\nimport {ThemeProps} from '../../styles/types'\n\nexport interface ResponsiveStackSpaceStyleProps {\n  $space: number[]\n}\n\nconst BASE_STYLE: CSSObject = {\n  '&&:not([hidden])': {\n    display: 'grid',\n  },\n  '&[data-as=\"ul\"],&[data-as=\"ol\"]': {\n    listStyle: 'none',\n  },\n  'gridTemplateColumns': 'minmax(0, 1fr)',\n  'gridAutoRows': 'min-content',\n}\n\nexport function stackBaseStyle(): CSSObject {\n  return BASE_STYLE\n}\n\nexport function responsiveStackSpaceStyle(\n  props: ResponsiveStackSpaceStyleProps & ThemeProps,\n): CSSObject[] {\n  const {media, space} = getTheme_v2(props.theme)\n\n  return _responsive(media, props.$space, (spaceIndex) => ({\n    // oxlint-disable-next-line no-deprecated\n    gridGap: rem(space[spaceIndex]),\n  }))\n}\n","import {styled} from 'styled-components'\n\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ElementType, Props} from '../../types/component'\nimport {Box, BoxOwnProps} from '../box/box'\nimport {responsiveStackSpaceStyle, ResponsiveStackSpaceStyleProps, stackBaseStyle} from './styles'\n\n/**\n * @public\n */\nexport interface StackOwnProps extends BoxOwnProps {\n  gap?: number | number[]\n  /**\n   * @deprecated Use `gap` instead.\n   */\n  space?: never\n}\n\n/**\n * @public\n */\nexport type StackProps<E extends ElementType = 'div'> = Props<StackOwnProps, E>\n\nconst StyledStack = styled(Box)<ResponsiveStackSpaceStyleProps>(\n  stackBaseStyle,\n  responsiveStackSpaceStyle,\n)\n\nfunction StackComponent(\n  props: StackOwnProps & {as?: ElementType} & Omit<React.HTMLProps<HTMLDivElement>, 'as'>,\n) {\n  const {as, gap, ref, ...restProps} = props\n\n  return (\n    <StyledStack\n      data-as={typeof as === 'string' ? as : undefined}\n      data-ui=\"Stack\"\n      {...restProps}\n      $space={_getArrayProp(gap)}\n      forwardedAs={as}\n      ref={ref}\n    />\n  )\n}\n\n/**\n * The `Stack` component is used to place elements on top of each other.\n *\n * @public\n */\n// oxlint-disable-next-line no-unsafe-type-assertion\nexport const Stack = StackComponent as unknown as <E extends ElementType = 'div'>(\n  props: StackProps<E>,\n) => React.JSX.Element\n"],"mappings":"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"}

package/dist/{textInput-C83gG7N5.js → textInput-Yp5lnvZK.js}

@@ -1,9 +1,9 @@
 import { a as rem, i as _responsive, n as _getArrayProp, s as EMPTY_RECORD } from "./helpers-C8xxXAQC.js";
 import { a as isHTMLElement, c as isHTMLTextAreaElement, i as isHTMLButtonElement, o as isHTMLInputElement, r as isHTMLAnchorElement, s as isHTMLSelectElement } from "./element-BYgCE_iK.js";
 import { t as getTheme_v2 } from "./getTheme_v2-y09KqtEb.js";
-import { l as useRootTheme, m as focusRingStyle, p as focusRingBorderStyle, s as Card, v as responsiveRadiusStyle, y as Box } from "./useLayer-ONr7wTUN.js";
-import { n as Text } from "./stack-Bue-701Y.js";
-import { t as Button } from "./button-D8Ge5vTw.js";
+import { l as useRootTheme, m as focusRingStyle, p as focusRingBorderStyle, s as Card, v as responsiveRadiusStyle, y as Box } from "./useLayer-CUKYjJYq.js";
+import { n as Text } from "./stack-SbGBZ0x3.js";
+import { t as Button } from "./button-Wii-24Xu.js";
 import { c } from "react/compiler-runtime";
 import { clsx } from "clsx/lite";
 import { isValidElement, useEffect, useImperativeHandle, useRef } from "react";
@@ -146,19 +146,19 @@ function textInputRepresentationStyle(props) {
 var inputRoot = "_1lyk8y2", textAreaRoot = "_1lyk8y1 _1lyk8y0", textInputRoot = "_1lyk8y0";
 const CLEAR_BUTTON_BOX_STYLE = { zIndex: 2 }, Prefix = styled(Card).attrs({ forwardedAs: "span" }).withConfig({
 	displayName: "Prefix",
-	componentId: "sc-k29dck-0"
+	componentId: "sc-b5iwb-0"
 })`border-top-right-radius:0;border-bottom-right-radius:0;& > span{display:block;margin:-1px;}`, Suffix = styled(Card).attrs({ forwardedAs: "span" }).withConfig({
 	displayName: "Suffix",
-	componentId: "sc-k29dck-1"
+	componentId: "sc-b5iwb-1"
 })`border-top-left-radius:0;border-bottom-left-radius:0;& > span{display:block;margin:-1px;}`, Input = /* @__PURE__ */ styled.input.withConfig({
 	displayName: "Input",
-	componentId: "sc-k29dck-2"
+	componentId: "sc-b5iwb-2"
 })(responsiveInputPaddingStyle, textInputBaseStyle, textInputFontSizeStyle), Presentation = /* @__PURE__ */ styled.span.withConfig({
 	displayName: "Presentation",
-	componentId: "sc-k29dck-3"
+	componentId: "sc-b5iwb-3"
 })(responsiveRadiusStyle, textInputRepresentationStyle), RightCard = styled(Card).withConfig({
 	displayName: "RightCard",
-	componentId: "sc-k29dck-4"
+	componentId: "sc-b5iwb-4"
 })`background-color:transparent;position:absolute;top:0;right:0;`;
 /**
 * Single line text input.
@@ -221,6 +221,7 @@ function TextInput(props) {
 		"data-border": t14,
 		"data-scheme": rootTheme.scheme,
 		"data-tone": rootTheme.tone,
+		"data-ui": "TextInput__presentation",
 		children: [t15, t16]
 	}), $[43] = $hasPrefix, $[44] = $hasSuffix, $[45] = __unstable_disableFocusRing, $[46] = radius, $[47] = rootTheme.scheme, $[48] = rootTheme.tone, $[49] = t14, $[50] = t15, $[51] = t16, $[52] = t17) : t17 = $[52];
 	let presentationNode = t17, t18;
@@ -262,6 +263,7 @@ function TextInput(props) {
 		"data-as": "input",
 		"data-scheme": rootTheme.scheme,
 		"data-tone": rootTheme.tone,
+		"data-ui": "TextInput__input",
 		...restProps,
 		$fontSize: fontSize,
 		$iconLeft: $hasIcon,
@@ -310,4 +312,4 @@ function _temp(event) {
 }
 export { textInputFontSizeStyle as a, responsiveInputPaddingStyle as c, attemptFocus as d, focusFirstDescendant as f, _raf2 as g, _raf as h, textInputBaseStyle as i, useCustomValidity as l, isFocusable as m, inputRoot as n, textInputRepresentationStyle as o, focusLastDescendant as p, textAreaRoot as r, responsiveInputPaddingIconRightStyle as s, TextInput as t, _hasFocus as u };
 
-//# sourceMappingURL=textInput-C83gG7N5.js.map
+//# sourceMappingURL=textInput-Yp5lnvZK.js.map

package/dist/textInput-Yp5lnvZK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textInput-Yp5lnvZK.js","names":["() => {\n    ref.current?.setCustomValidity(customValidity || '')\n  }","[customValidity, ref]","ref.current?.setCustomValidity","border = true","disabled = false","fontSizeProp = 2","gap = 3","paddingProp = 3","radiusProp = 2","type = 'text'","_getArrayProp(fontSizeProp)","_getArrayProp(paddingProp)","_getArrayProp(radiusProp)","_getArrayProp(gap)","() => ref.current","useCallback((event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault()\n    event.stopPropagation()\n  }, [])","(event: React.MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault()\n      event.stopPropagation()\n\n      if (onClear) onClear()\n\n      // Focus the input, in case focus has been lost when clicking the clear button\n      ref.current?.focus()\n    }","useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault()\n      event.stopPropagation()\n\n      if (onClear) onClear()\n\n      // Focus the input, in case focus has been lost when clicking the clear button\n      ref.current?.focus()\n    },\n    [onClear, ref],\n  )","prefix && (\n        <Prefix borderTop borderLeft borderBottom radius={radius} sizing=\"border\" tone=\"inherit\">\n          <span>{prefix}</span>\n        </Prefix>\n      )","useMemo(\n    () =>\n      prefix && (\n        <Prefix borderTop borderLeft borderBottom radius={radius} sizing=\"border\" tone=\"inherit\">\n          <span>{prefix}</span>\n        </Prefix>\n      ),\n    [prefix, radius],\n  )","IconComponent && (\n          <Box className={textInputLeftBox} padding={padding}>\n            <Text size={fontSize}>\n              {isValidElement(IconComponent) && IconComponent}\n              {isValidElementType(IconComponent) && <IconComponent />}\n            </Text>\n          </Box>\n        )","!$hasClearButton && IconRightComponent && (\n          <Box className={textInputRightBox} padding={padding}>\n            <Text size={fontSize}>\n              {isValidElement(IconRightComponent) && IconRightComponent}\n              {isValidElementType(IconRightComponent) && <IconRightComponent />}\n            </Text>\n          </Box>\n        )","<Presentation\n        $hasPrefix={$hasPrefix}\n        $unstableDisableFocusRing={__unstable_disableFocusRing}\n        $hasSuffix={$hasSuffix}\n        $radius={radius}\n        $scheme={rootTheme.scheme}\n        $tone={rootTheme.tone}\n        data-border={border ? '' : undefined}\n        data-scheme={rootTheme.scheme}\n        data-tone={rootTheme.tone}\n        data-ui=\"TextInput__presentation\"\n      >\n        {IconComponent && (\n          <Box className={textInputLeftBox} padding={padding}>\n            <Text size={fontSize}>\n              {isValidElement(IconComponent) && IconComponent}\n              {isValidElementType(IconComponent) && <IconComponent />}\n            </Text>\n          </Box>\n        )}\n\n        {!$hasClearButton && IconRightComponent && (\n          <Box className={textInputRightBox} padding={padding}>\n            <Text size={fontSize}>\n              {isValidElement(IconRightComponent) && IconRightComponent}\n              {isValidElementType(IconRightComponent) && <IconRightComponent />}\n            </Text>\n          </Box>\n        )}\n      </Presentation>","scheme","tone","border ? '' : undefined","useMemo(\n    () => (\n      <Presentation\n        $hasPrefix={$hasPrefix}\n        $unstableDisableFocusRing={__unstable_disableFocusRing}\n        $hasSuffix={$hasSuffix}\n        $radius={radius}\n        $scheme={rootTheme.scheme}\n        $tone={rootTheme.tone}\n        data-border={border ? '' : undefined}\n        data-scheme={rootTheme.scheme}\n        data-tone={rootTheme.tone}\n        data-ui=\"TextInput__presentation\"\n      >\n        {IconComponent && (\n          <Box className={textInputLeftBox} padding={padding}>\n            <Text size={fontSize}>\n              {isValidElement(IconComponent) && IconComponent}\n              {isValidElementType(IconComponent) && <IconComponent />}\n            </Text>\n          </Box>\n        )}\n\n        {!$hasClearButton && IconRightComponent && (\n          <Box className={textInputRightBox} padding={padding}>\n            <Text size={fontSize}>\n              {isValidElement(IconRightComponent) && IconRightComponent}\n              {isValidElementType(IconRightComponent) && <IconRightComponent />}\n            </Text>\n          </Box>\n        )}\n      </Presentation>\n    ),\n    [\n      __unstable_disableFocusRing,\n      border,\n      fontSize,\n      IconComponent,\n      IconRightComponent,\n      padding,\n      radius,\n      rootTheme,\n      $hasClearButton,\n      $hasPrefix,\n      $hasSuffix,\n    ],\n  )","padding.map((v) => {\n        if (v === 0) return 0\n        if (v === 1) return 1\n        if (v === 2) return 1\n\n        return v - 2\n      })","(v) => {\n        if (v === 0) return 0\n        if (v === 1) return 1\n        if (v === 2) return 1\n\n        return v - 2\n      }","useMemo(\n    () =>\n      padding.map((v) => {\n        if (v === 0) return 0\n        if (v === 1) return 1\n        if (v === 2) return 1\n\n        return v - 2\n      }),\n    [padding],\n  )","padding.map((v) => {\n        if (v === 0) return 0\n        if (v === 1) return 0\n        if (v === 2) return 1\n\n        return v - 1\n      })","(v) => {\n        if (v === 0) return 0\n        if (v === 1) return 0\n        if (v === 2) return 1\n\n        return v - 1\n      }","useMemo(\n    () =>\n      padding.map((v) => {\n        if (v === 0) return 0\n        if (v === 1) return 0\n        if (v === 2) return 1\n\n        return v - 1\n      }),\n    [padding],\n  )","!disabled &&\n      !readOnly &&\n      clearButton && (\n        <RightCard\n          forwardedAs=\"span\"\n          padding={clearButtonBoxPadding}\n          style={CLEAR_BUTTON_BOX_STYLE}\n          tone={customValidity ? 'critical' : 'inherit'}\n        >\n          <Button\n            aria-label=\"Clear\"\n            data-qa=\"clear-button\"\n            fontSize={fontSize}\n            icon={CloseIcon}\n            mode=\"bleed\"\n            padding={clearButtonPadding}\n            radius={radius}\n            {...clearButtonProps}\n            className={clsx(textInputClearButton, clearButtonProps.className)}\n            onClick={handleClearClick}\n            onMouseDown={handleClearMouseDown}\n          />\n        </RightCard>\n      )","clearButtonProps.className","useMemo(\n    () =>\n      !disabled &&\n      !readOnly &&\n      clearButton && (\n        <RightCard\n          forwardedAs=\"span\"\n          padding={clearButtonBoxPadding}\n          style={CLEAR_BUTTON_BOX_STYLE}\n          tone={customValidity ? 'critical' : 'inherit'}\n        >\n          <Button\n            aria-label=\"Clear\"\n            data-qa=\"clear-button\"\n            fontSize={fontSize}\n            icon={CloseIcon}\n            mode=\"bleed\"\n            padding={clearButtonPadding}\n            radius={radius}\n            {...clearButtonProps}\n            className={clsx(textInputClearButton, clearButtonProps.className)}\n            onClick={handleClearClick}\n            onMouseDown={handleClearMouseDown}\n          />\n        </RightCard>\n      ),\n    [\n      clearButton,\n      clearButtonBoxPadding,\n      clearButtonPadding,\n      clearButtonProps,\n      customValidity,\n      disabled,\n      fontSize,\n      handleClearClick,\n      handleClearMouseDown,\n      radius,\n      readOnly,\n    ],\n  )","suffix && (\n        <Suffix borderTop borderRight borderBottom radius={radius} sizing=\"border\" tone=\"inherit\">\n          <span>{suffix}</span>\n        </Suffix>\n      )","useMemo(\n    () =>\n      suffix && (\n        <Suffix borderTop borderRight borderBottom radius={radius} sizing=\"border\" tone=\"inherit\">\n          <span>{suffix}</span>\n        </Suffix>\n      ),\n    [radius, suffix],\n  )","<Input\n          data-as=\"input\"\n          data-scheme={rootTheme.scheme}\n          data-tone={rootTheme.tone}\n          data-ui=\"TextInput__input\"\n          {...restProps}\n          $fontSize={fontSize}\n          $iconLeft={$hasIcon}\n          $iconRight={$hasIconRight || $hasClearButton}\n          $padding={padding}\n          $scheme={rootTheme.scheme}\n          $space={space}\n          $tone={rootTheme.tone}\n          $weight={weight}\n          disabled={disabled}\n          readOnly={readOnly}\n          ref={ref}\n          type={type}\n        />","$hasIconRight || $hasClearButton","<span className={inputRoot}>\n        <Input\n          data-as=\"input\"\n          data-scheme={rootTheme.scheme}\n          data-tone={rootTheme.tone}\n          data-ui=\"TextInput__input\"\n          {...restProps}\n          $fontSize={fontSize}\n          $iconLeft={$hasIcon}\n          $iconRight={$hasIconRight || $hasClearButton}\n          $padding={padding}\n          $scheme={rootTheme.scheme}\n          $space={space}\n          $tone={rootTheme.tone}\n          $weight={weight}\n          disabled={disabled}\n          readOnly={readOnly}\n          ref={ref}\n          type={type}\n        />\n\n        {presentationNode}\n        {clearButtonNode}\n      </span>","<Card\n      as=\"span\"\n      className={textInputRoot}\n      data-ui=\"TextInput\"\n      display=\"flex\"\n      tone={rootTheme.tone}\n    >\n      {prefixNode}\n\n      <span className={inputRoot}>\n        <Input\n          data-as=\"input\"\n          data-scheme={rootTheme.scheme}\n          data-tone={rootTheme.tone}\n          data-ui=\"TextInput__input\"\n          {...restProps}\n          $fontSize={fontSize}\n          $iconLeft={$hasIcon}\n          $iconRight={$hasIconRight || $hasClearButton}\n          $padding={padding}\n          $scheme={rootTheme.scheme}\n          $space={space}\n          $tone={rootTheme.tone}\n          $weight={weight}\n          disabled={disabled}\n          readOnly={readOnly}\n          ref={ref}\n          type={type}\n        />\n\n        {presentationNode}\n        {clearButtonNode}\n      </span>\n\n      {suffixNode}\n    </Card>","v"],"sources":["../src/core/helpers/animation.ts","../src/core/helpers/focus.ts","../src/core/hooks/useCustomValidity.ts","../src/core/styles/input/responsiveInputPaddingStyle.ts","../src/core/styles/input/textInputStyle.ts","../src/core/styles/input/textInput.css.ts","../src/core/primitives/textInput/textInput.css.ts","../src/core/primitives/textInput/textInput.tsx"],"sourcesContent":["/**\n * @internal\n */\nexport function _raf(fn: () => void): () => void {\n  const frameId = requestAnimationFrame(fn)\n\n  return () => {\n    cancelAnimationFrame(frameId)\n  }\n}\n\n/**\n * @internal\n */\nexport function _raf2(fn: () => void): () => void {\n  let innerDispose: (() => void) | null = null\n\n  const outerDispose = _raf(() => {\n    innerDispose = _raf(fn)\n  })\n\n  return () => {\n    if (innerDispose) innerDispose()\n\n    outerDispose()\n  }\n}\n","import {\n  isHTMLAnchorElement,\n  isHTMLButtonElement,\n  isHTMLElement,\n  isHTMLInputElement,\n  isHTMLSelectElement,\n  isHTMLTextAreaElement,\n} from './element'\n\n// export const globalFocusState = {\n//   IgnoreUtilFocusChanges: false,\n// }\n\n/**\n * @internal\n */\nexport function _hasFocus(element: HTMLElement): boolean {\n  return Boolean(document.activeElement) && element.contains(document.activeElement)\n}\n\n/**\n * @internal\n */\nexport function isFocusable(element: HTMLElement): boolean {\n  if (\n    element.tabIndex > 0 ||\n    (element.tabIndex === 0 && element.getAttribute('tabIndex') !== null)\n  ) {\n    return true\n  }\n\n  if (isHTMLAnchorElement(element)) {\n    return Boolean(element.href) && element.rel !== 'ignore'\n  }\n\n  if (isHTMLInputElement(element)) {\n    return element.type !== 'hidden' && element.type !== 'file' && !element.disabled\n  }\n\n  if (\n    isHTMLButtonElement(element) ||\n    isHTMLSelectElement(element) ||\n    isHTMLTextAreaElement(element)\n  ) {\n    return !element.disabled\n  }\n\n  return false\n}\n\n/**\n * @internal\n */\nexport function attemptFocus(element: HTMLElement): boolean {\n  if (!isFocusable(element)) {\n    return false\n  }\n\n  // globalFocusState.IgnoreUtilFocusChanges = true\n\n  try {\n    element.focus()\n  } catch {\n    // ignore\n  }\n\n  // globalFocusState.IgnoreUtilFocusChanges = false\n\n  return document.activeElement === element\n}\n\n/**\n * @internal\n */\nexport function focusFirstDescendant(element: HTMLElement): boolean {\n  for (let i = 0; i < element.childNodes.length; i++) {\n    const child = element.childNodes[i]\n\n    if (isHTMLElement(child) && (attemptFocus(child) || focusFirstDescendant(child))) {\n      return true\n    }\n  }\n\n  return false\n}\n\n/**\n * @internal\n */\nexport function focusLastDescendant(element: HTMLElement): boolean {\n  for (let i = element.childNodes.length - 1; i >= 0; i--) {\n    const child = element.childNodes[i]\n\n    if (isHTMLElement(child) && (attemptFocus(child) || focusLastDescendant(child))) {\n      return true\n    }\n  }\n\n  return false\n}\n","import {useEffect} from 'react'\n\n/**\n * @beta\n */\nexport function useCustomValidity(\n  ref: {current: null | {setCustomValidity: (validity: string) => void}},\n  customValidity: string | undefined,\n): void {\n  useEffect(() => {\n    ref.current?.setCustomValidity(customValidity || '')\n  }, [customValidity, ref])\n}\n","import {CSSObject} from '../../../theme/system/css'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {_responsive, rem} from '../helpers'\nimport {ThemeProps} from '../types'\n\nexport interface TextInputResponsivePaddingStyleProps {\n  $fontSize: number[]\n  $iconLeft?: boolean\n  $iconRight?: boolean\n  $padding: number[]\n  $space: number[]\n}\n\nexport function responsiveInputPaddingStyle(\n  props: TextInputResponsivePaddingStyleProps & ThemeProps,\n): CSSObject[] {\n  const {$fontSize, $iconLeft, $iconRight, $padding, $space} = props\n  const {font, media, space} = getTheme_v2(props.theme)\n  const len = Math.max($padding.length, $space.length, $fontSize.length)\n  const _padding: number[] = []\n  const _space: number[] = []\n  const _fontSize: number[] = []\n\n  for (let i = 0; i < len; i += 1) {\n    _fontSize[i] = $fontSize[i] === undefined ? _fontSize[i - 1] : $fontSize[i]\n    _padding[i] = $padding[i] === undefined ? _padding[i - 1] : $padding[i]\n    _space[i] = $space[i] === undefined ? _space[i - 1] : $space[i]\n  }\n\n  return _responsive(media, _padding, (_, i) => {\n    const size = font.text.sizes[_fontSize[i]] || font.text.sizes[2]\n    const emSize = size.lineHeight - size.ascenderHeight - size.descenderHeight\n    const p = space[_padding[i]]\n    const s = space[_space[i]]\n\n    const styles = {\n      paddingTop: rem(p - size.ascenderHeight),\n      paddingRight: rem(p),\n      paddingBottom: rem(p - size.descenderHeight),\n      paddingLeft: rem(p),\n    }\n\n    if ($iconRight) styles.paddingRight = rem(p + emSize + s)\n    if ($iconLeft) styles.paddingLeft = rem(p + emSize + s)\n\n    return styles\n  })\n}\n\nexport function responsiveInputPaddingIconRightStyle(\n  props: {\n    $fontSize: number[]\n    $padding: number[]\n    $space: number[]\n  } & ThemeProps,\n): CSSObject[] {\n  return responsiveInputPaddingStyle({...props, $iconRight: true})\n}\n","import {css} from 'styled-components'\n\nimport {ThemeColorSchemeKey} from '../../../theme/system/color/_system'\nimport {CSSObject} from '../../../theme/system/css'\nimport {ThemeFontWeightKey} from '../../../theme/system/font'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {CardTone} from '../../types/card'\nimport {focusRingBorderStyle, focusRingStyle} from '../focusRing'\nimport {_responsive, rem} from '../helpers'\nimport {ThemeProps} from '../types'\n\n/**\n * @internal\n */\nexport interface TextInputInputStyleProps {\n  $fontSize: number[]\n  $scheme: ThemeColorSchemeKey\n  $tone: CardTone\n  $weight?: ThemeFontWeightKey\n}\n\n/**\n * @internal\n */\nexport interface TextInputRepresentationStyleProps {\n  $hasPrefix?: boolean\n  $hasSuffix?: boolean\n  $scheme: ThemeColorSchemeKey\n  $tone: CardTone\n  $unstableDisableFocusRing?: boolean\n}\n\nexport function textInputBaseStyle(\n  props: TextInputInputStyleProps & ThemeProps,\n): ReturnType<typeof css> {\n  const {$scheme, $tone, $weight} = props\n  const {color, font} = getTheme_v2(props.theme)\n\n  return css`\n    appearance: none;\n    background: none;\n    border: 0;\n    border-radius: 0;\n    outline: none;\n    width: 100%;\n    box-sizing: border-box;\n    font-family: ${font.text.family};\n    font-weight: ${($weight && font.text.weights[$weight]) || font.text.weights.regular};\n    margin: 0;\n    position: relative;\n    z-index: 1;\n    display: block;\n\n    /* NOTE: This is a hack to disable Chrome’s autofill styles */\n    &:-webkit-autofill,\n    &:-webkit-autofill:hover,\n    &:-webkit-autofill:focus,\n    &:-webkit-autofill:active {\n      -webkit-text-fill-color: var(--input-fg-color) !important;\n      transition: background-color 5000s;\n      transition-delay: 86400s /* 24h */;\n    }\n\n    /* &:is(textarea) */\n    &[data-as='textarea'] {\n      resize: none;\n    }\n\n    color: var(--input-fg-color);\n\n    &::placeholder {\n      color: var(--input-placeholder-color);\n    }\n\n    &[data-scheme='${$scheme}'][data-tone='${$tone}'] {\n      --input-fg-color: ${color.input.default.enabled.fg};\n      --input-placeholder-color: ${color.input.default.enabled.placeholder};\n\n      /* enabled */\n      &:not(:invalid):not(:disabled):not(:read-only) {\n        --input-fg-color: ${color.input.default.enabled.fg};\n        --input-placeholder-color: ${color.input.default.enabled.placeholder};\n      }\n\n      /* disabled */\n      &:not(:invalid):disabled {\n        --input-fg-color: ${color.input.default.disabled.fg};\n        --input-placeholder-color: ${color.input.default.disabled.placeholder};\n      }\n\n      /* invalid */\n      &:invalid {\n        --input-fg-color: ${color.input.invalid.enabled.fg};\n        --input-placeholder-color: ${color.input.invalid.enabled.placeholder};\n      }\n\n      /* readOnly */\n      &:read-only {\n        --input-fg-color: ${color.input.default.readOnly.fg};\n        --input-placeholder-color: ${color.input.default.readOnly.placeholder};\n      }\n    }\n  `\n}\n\nexport function textInputFontSizeStyle(props: TextInputInputStyleProps & ThemeProps): CSSObject[] {\n  const {font, media} = getTheme_v2(props.theme)\n\n  return _responsive(media, props.$fontSize, (sizeIndex) => {\n    const size = font.text.sizes[sizeIndex] || font.text.sizes[2]\n\n    return {\n      fontSize: rem(size.fontSize),\n      lineHeight: `${size.lineHeight / size.fontSize}`,\n    }\n  })\n}\n\nexport function textInputRepresentationStyle(\n  props: TextInputRepresentationStyleProps & ThemeProps,\n): ReturnType<typeof css> {\n  const {$hasPrefix, $hasSuffix, $scheme, $tone, $unstableDisableFocusRing} = props\n  const {color, input} = getTheme_v2(props.theme)\n\n  return css`\n    --input-box-shadow: none;\n\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: block;\n    pointer-events: none;\n    z-index: 0;\n\n    background-color: var(--card-bg-color);\n    box-shadow: var(--input-box-shadow);\n\n    border-top-left-radius: ${$hasPrefix ? 0 : undefined};\n    border-bottom-left-radius: ${$hasPrefix ? 0 : undefined};\n    border-top-right-radius: ${$hasSuffix ? 0 : undefined};\n    border-bottom-right-radius: ${$hasSuffix ? 0 : undefined};\n\n    &[data-scheme='${$scheme}'][data-tone='${$tone}'] {\n      --card-bg-color: ${color.input.default.enabled.bg};\n      --card-fg-color: ${color.input.default.enabled.fg};\n\n      /* enabled */\n      *:not(:disabled) + &[data-border] {\n        --input-box-shadow: ${focusRingBorderStyle({\n          color: color.input.default.enabled.border,\n          width: input.border.width,\n        })};\n      }\n\n      /* invalid */\n      *:not(:disabled):invalid + & {\n        --card-bg-color: ${color.input.invalid.enabled.bg};\n        --card-fg-color: ${color.input.invalid.enabled.fg};\n\n        &[data-border] {\n          --input-box-shadow: ${focusRingBorderStyle({\n            color: color.input.invalid.enabled.border,\n            width: input.border.width,\n          })};\n        }\n      }\n\n      /* focused */\n      *:not(:disabled):focus + & {\n        &[data-border] {\n          --input-box-shadow: ${\n            $unstableDisableFocusRing\n              ? undefined\n              : focusRingStyle({\n                  border: {color: color.input.default.enabled.border, width: input.border.width},\n                  focusRing: input.text.focusRing,\n                })\n          };\n        }\n\n        &:not([data-border]) {\n          --input-box-shadow: ${\n            $unstableDisableFocusRing\n              ? undefined\n              : focusRingStyle({focusRing: input.text.focusRing})\n          };\n        }\n      }\n\n      /* disabled */\n      *:not(:invalid):disabled + & {\n        --card-bg-color: ${color.input.default.disabled.bg} !important;\n        --card-fg-color: ${color.input.default.disabled.fg} !important;\n        --card-icon-color: ${color.input.default.disabled.fg} !important;\n\n        &[data-border] {\n          --input-box-shadow: ${focusRingBorderStyle({\n            color: color.input.default.disabled.border,\n            width: input.border.width,\n          })};\n        }\n      }\n\n      *:invalid:disabled + & {\n        --card-bg-color: ${color.input.invalid.disabled.bg} !important;\n        --card-fg-color: ${color.input.invalid.disabled.fg} !important;\n        --card-icon-color: ${color.input.invalid.disabled.fg} !important;\n\n        &[data-border] {\n          --input-box-shadow: ${focusRingBorderStyle({\n            color: color.input.invalid.disabled.border,\n            width: input.border.width,\n          })};\n        }\n      }\n\n      /* readOnly */\n      *:not(:invalid):read-only + & {\n        --card-bg-color: ${color.input.default.readOnly.bg} !important;\n        --card-fg-color: ${color.input.default.readOnly.fg} !important;\n      }\n\n      *:invalid:read-only + & {\n        --card-bg-color: ${color.input.invalid.readOnly.bg} !important;\n        --card-fg-color: ${color.input.invalid.readOnly.fg} !important;\n      }\n\n      /* hovered */\n      @media (hover: hover) {\n        *:not(:disabled):not(:read-only):not(:invalid):hover + & {\n          --card-bg-color: ${color.input.default.hovered.bg};\n          --card-fg-color: ${color.input.default.hovered.fg};\n        }\n\n        *:invalid:not(:disabled):not(:read-only):hover + & {\n          --card-bg-color: ${color.input.invalid.hovered.bg};\n          --card-fg-color: ${color.input.invalid.hovered.fg};\n        }\n\n        *:not(:disabled):not(:read-only):not(:invalid):not(:focus):hover + &[data-border] {\n          --input-box-shadow: ${focusRingBorderStyle({\n            color: color.input.default.hovered.border,\n            width: input.border.width,\n          })};\n        }\n\n        *:invalid:not(:disabled):not(:read-only):not(:focus):hover + &[data-border] {\n          --input-box-shadow: ${focusRingBorderStyle({\n            color: color.input.invalid.hovered.border,\n            width: input.border.width,\n          })};\n        }\n      }\n    }\n  `\n}\n","import {style} from '@vanilla-extract/css'\n\n// TextInput renders its root as a Card, whose Box styles own `display`, so the\n// flex layout comes from the `display` prop there and only the alignment lives\n// here. TextArea's root is a plain span, so it reuses that class and adds display.\nexport const textInputRoot = style({\n  alignItems: 'center',\n})\n\nexport const textAreaRoot = style([\n  textInputRoot,\n  {\n    selectors: {\n      '&:not([hidden])': {\n        display: 'flex',\n      },\n    },\n  },\n])\n\nexport const inputRoot = style({\n  flex: 1,\n  minWidth: 0,\n  display: 'block',\n  position: 'relative',\n})\n","import {style} from '@vanilla-extract/css'\n\nexport const textInputLeftBox = style({\n  position: 'absolute',\n  top: 0,\n  left: 0,\n})\n\nexport const textInputRightBox = style({\n  position: 'absolute',\n  top: 0,\n  right: 0,\n})\n\nexport const textInputClearButton = style({\n  selectors: {\n    '&:not([hidden])': {\n      display: 'block',\n    },\n  },\n})\n","import {CloseIcon} from '@sanity/icons/Close'\nimport {clsx} from 'clsx/lite'\nimport {isValidElement, useCallback, useImperativeHandle, useMemo, useRef} from 'react'\nimport {isValidElementType} from 'react-is'\nimport {styled} from 'styled-components'\n\nimport {ThemeFontWeightKey} from '../../../theme/system/font'\nimport {EMPTY_RECORD} from '../../constants'\nimport {useCustomValidity} from '../../hooks/useCustomValidity'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {\n  responsiveInputPaddingStyle,\n  TextInputResponsivePaddingStyleProps,\n} from '../../styles/input/responsiveInputPaddingStyle'\nimport {\n  textInputBaseStyle,\n  textInputFontSizeStyle,\n  TextInputInputStyleProps,\n  textInputRepresentationStyle,\n  TextInputRepresentationStyleProps,\n} from '../../styles/input/textInputStyle'\nimport {responsiveRadiusStyle} from '../../styles/radius/radiusStyle'\nimport {ResponsiveRadiusStyleProps} from '../../styles/radius/types'\nimport {useRootTheme} from '../../theme/useRootTheme'\nimport {Radius} from '../../types/radius'\nimport {Box} from '../box/box'\nimport {Button, ButtonOwnProps} from '../button/button'\nimport {Card} from '../card/card'\nimport {Text} from '../text/text'\n\nimport {inputRoot, textInputRoot} from '../../styles/input/textInput.css'\nimport {textInputClearButton, textInputLeftBox, textInputRightBox} from './textInput.css'\n\n/**\n * @public\n */\nexport type TextInputClearButtonProps = ButtonOwnProps &\n  Omit<React.HTMLProps<HTMLButtonElement>, 'as' | 'onClick' | 'onMouseDown' | 'ref'>\n\n/**\n * @public\n */\nexport type TextInputType =\n  | 'search'\n  | 'date'\n  | 'datetime-local'\n  | 'email'\n  | 'url'\n  | 'month'\n  | 'number'\n  | 'password'\n  | 'tel'\n  | 'time'\n  | 'text'\n  | 'week'\n  | 'color'\n\n/**\n * @public\n */\nexport interface TextInputProps {\n  /**\n   * @beta\n   */\n  __unstable_disableFocusRing?: boolean\n  border?: boolean\n  /**\n   * @beta\n   */\n  clearButton?: boolean | TextInputClearButtonProps\n  customValidity?: string\n  fontSize?: number | number[]\n  // oxlint-disable-next-line no-redundant-type-constituents\n  icon?: React.ElementType | React.ReactNode\n  // oxlint-disable-next-line no-redundant-type-constituents\n  iconRight?: React.ElementType | React.ReactNode\n  /**\n   * @beta\n   */\n  onClear?: () => void\n  padding?: number | number[]\n  prefix?: React.ReactNode\n  radius?: Radius | Radius[]\n  /**\n   * @deprecated Use `gap` instead.\n   */\n  space?: never\n  gap?: number | number[]\n  suffix?: React.ReactNode\n  type?: TextInputType\n  weight?: ThemeFontWeightKey\n}\n\nconst CLEAR_BUTTON_BOX_STYLE: React.CSSProperties = {zIndex: 2}\n\n// Prefix and Suffix stay on styled-components: their corner radius longhands\n// must beat Card's runtime `border-radius` shorthand at equal specificity,\n// which needs both rules in the runtime stylesheet.\nconst Prefix = styled(Card).attrs({forwardedAs: 'span'})`\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n\n  & > span {\n    display: block;\n    margin: -1px;\n  }\n`\n\nconst Suffix = styled(Card).attrs({forwardedAs: 'span'})`\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n\n  & > span {\n    display: block;\n    margin: -1px;\n  }\n`\n\nconst Input = styled.input<TextInputResponsivePaddingStyleProps & TextInputInputStyleProps>(\n  responsiveInputPaddingStyle,\n  textInputBaseStyle,\n  textInputFontSizeStyle,\n)\n\nconst Presentation = styled.span<ResponsiveRadiusStyleProps & TextInputRepresentationStyleProps>(\n  responsiveRadiusStyle,\n  textInputRepresentationStyle,\n)\n\n// Stays on styled-components: `background-color: transparent` must beat Card's\n// runtime `background-color: var(--card-bg-color)` at equal specificity, which\n// needs both rules in the runtime stylesheet.\nconst RightCard = styled(Card)`\n  background-color: transparent;\n  position: absolute;\n  top: 0;\n  right: 0;\n`\n\n/**\n * Single line text input.\n *\n * @public\n */\nexport function TextInput(\n  props: TextInputProps & Omit<React.HTMLProps<HTMLInputElement>, 'as' | 'prefix' | 'type'>,\n) {\n  const {\n    __unstable_disableFocusRing,\n    border = true,\n    clearButton,\n    disabled = false,\n    fontSize: fontSizeProp = 2,\n    gap = 3,\n    icon: IconComponent,\n    iconRight: IconRightComponent,\n    onClear,\n    padding: paddingProp = 3,\n    prefix,\n    radius: radiusProp = 2,\n    readOnly,\n    ref: forwardedRef,\n    suffix,\n    customValidity,\n    type = 'text',\n    weight,\n    ...restProps\n  } = props\n  const ref = useRef<HTMLInputElement | null>(null)\n\n  const rootTheme = useRootTheme()\n\n  const fontSize = _getArrayProp(fontSizeProp)\n  const padding = _getArrayProp(paddingProp)\n  const radius = _getArrayProp(radiusProp)\n  const space = _getArrayProp(gap)\n\n  // Transient properties\n  const $hasClearButton = Boolean(clearButton)\n  const $hasIcon = Boolean(IconComponent)\n  const $hasIconRight = Boolean(IconRightComponent)\n  const $hasSuffix = Boolean(suffix)\n  const $hasPrefix = Boolean(prefix)\n\n  useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(\n    forwardedRef,\n    () => ref.current,\n  )\n\n  useCustomValidity(ref, customValidity)\n\n  // Prevent the clear button from taking the focus away from the input\n  const handleClearMouseDown = useCallback((event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault()\n    event.stopPropagation()\n  }, [])\n\n  const handleClearClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault()\n      event.stopPropagation()\n\n      if (onClear) onClear()\n\n      // Focus the input, in case focus has been lost when clicking the clear button\n      ref.current?.focus()\n    },\n    [onClear, ref],\n  )\n\n  // Render prefix (memoized)\n  const prefixNode = useMemo(\n    () =>\n      prefix && (\n        <Prefix borderTop borderLeft borderBottom radius={radius} sizing=\"border\" tone=\"inherit\">\n          <span>{prefix}</span>\n        </Prefix>\n      ),\n    [prefix, radius],\n  )\n\n  // Render presentation (memoized)\n  const presentationNode = useMemo(\n    () => (\n      <Presentation\n        $hasPrefix={$hasPrefix}\n        $unstableDisableFocusRing={__unstable_disableFocusRing}\n        $hasSuffix={$hasSuffix}\n        $radius={radius}\n        $scheme={rootTheme.scheme}\n        $tone={rootTheme.tone}\n        data-border={border ? '' : undefined}\n        data-scheme={rootTheme.scheme}\n        data-tone={rootTheme.tone}\n        data-ui=\"TextInput__presentation\"\n      >\n        {IconComponent && (\n          <Box className={textInputLeftBox} padding={padding}>\n            <Text size={fontSize}>\n              {isValidElement(IconComponent) && IconComponent}\n              {isValidElementType(IconComponent) && <IconComponent />}\n            </Text>\n          </Box>\n        )}\n\n        {!$hasClearButton && IconRightComponent && (\n          <Box className={textInputRightBox} padding={padding}>\n            <Text size={fontSize}>\n              {isValidElement(IconRightComponent) && IconRightComponent}\n              {isValidElementType(IconRightComponent) && <IconRightComponent />}\n            </Text>\n          </Box>\n        )}\n      </Presentation>\n    ),\n    [\n      __unstable_disableFocusRing,\n      border,\n      fontSize,\n      IconComponent,\n      IconRightComponent,\n      padding,\n      radius,\n      rootTheme,\n      $hasClearButton,\n      $hasPrefix,\n      $hasSuffix,\n    ],\n  )\n\n  // Render clear button (memoized)\n  const clearButtonBoxPadding = useMemo(\n    () =>\n      padding.map((v) => {\n        if (v === 0) return 0\n        if (v === 1) return 1\n        if (v === 2) return 1\n\n        return v - 2\n      }),\n    [padding],\n  )\n  const clearButtonPadding = useMemo(\n    () =>\n      padding.map((v) => {\n        if (v === 0) return 0\n        if (v === 1) return 0\n        if (v === 2) return 1\n\n        return v - 1\n      }),\n    [padding],\n  )\n  const clearButtonProps: TextInputClearButtonProps =\n    typeof clearButton === 'object' ? clearButton : EMPTY_RECORD\n  const clearButtonNode = useMemo(\n    () =>\n      !disabled &&\n      !readOnly &&\n      clearButton && (\n        <RightCard\n          forwardedAs=\"span\"\n          padding={clearButtonBoxPadding}\n          style={CLEAR_BUTTON_BOX_STYLE}\n          tone={customValidity ? 'critical' : 'inherit'}\n        >\n          <Button\n            aria-label=\"Clear\"\n            data-qa=\"clear-button\"\n            fontSize={fontSize}\n            icon={CloseIcon}\n            mode=\"bleed\"\n            padding={clearButtonPadding}\n            radius={radius}\n            {...clearButtonProps}\n            className={clsx(textInputClearButton, clearButtonProps.className)}\n            onClick={handleClearClick}\n            onMouseDown={handleClearMouseDown}\n          />\n        </RightCard>\n      ),\n    [\n      clearButton,\n      clearButtonBoxPadding,\n      clearButtonPadding,\n      clearButtonProps,\n      customValidity,\n      disabled,\n      fontSize,\n      handleClearClick,\n      handleClearMouseDown,\n      radius,\n      readOnly,\n    ],\n  )\n\n  // Render suffix (memoized)\n  const suffixNode = useMemo(\n    () =>\n      suffix && (\n        <Suffix borderTop borderRight borderBottom radius={radius} sizing=\"border\" tone=\"inherit\">\n          <span>{suffix}</span>\n        </Suffix>\n      ),\n    [radius, suffix],\n  )\n\n  return (\n    <Card\n      as=\"span\"\n      className={textInputRoot}\n      data-ui=\"TextInput\"\n      display=\"flex\"\n      tone={rootTheme.tone}\n    >\n      {prefixNode}\n\n      <span className={inputRoot}>\n        <Input\n          data-as=\"input\"\n          data-scheme={rootTheme.scheme}\n          data-tone={rootTheme.tone}\n          data-ui=\"TextInput__input\"\n          {...restProps}\n          $fontSize={fontSize}\n          $iconLeft={$hasIcon}\n          $iconRight={$hasIconRight || $hasClearButton}\n          $padding={padding}\n          $scheme={rootTheme.scheme}\n          $space={space}\n          $tone={rootTheme.tone}\n          $weight={weight}\n          disabled={disabled}\n          readOnly={readOnly}\n          ref={ref}\n          type={type}\n        />\n\n        {presentationNode}\n        {clearButtonNode}\n      </span>\n\n      {suffixNode}\n    </Card>\n  )\n}\n"],"mappings":"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"}

package/dist/toast.js

@@ -1,9 +1,9 @@
 "use client";
-import { _ as useTheme_v2, d as createGlobalScopedContext, i as usePrefersReducedMotion, n as LayerProvider, r as isRecord, s as Card, t as useLayer, y as Box } from "./useLayer-ONr7wTUN.js";
-import { t as Flex } from "./flex-JVQRW_e_.js";
-import { n as Text, t as Stack } from "./stack-Bue-701Y.js";
-import { t as Button } from "./button-D8Ge5vTw.js";
-import { t as Grid } from "./grid-Dw7q0_YV.js";
+import { _ as useTheme_v2, d as createGlobalScopedContext, i as usePrefersReducedMotion, n as LayerProvider, r as isRecord, s as Card, t as useLayer, y as Box } from "./useLayer-CUKYjJYq.js";
+import { t as Flex } from "./flex-CpiAc-4D.js";
+import { n as Text, t as Stack } from "./stack-SbGBZ0x3.js";
+import { t as Button } from "./button-Wii-24Xu.js";
+import { t as Grid } from "./grid-BVZEj_Xe.js";
 import { c } from "react/compiler-runtime";
 import { clsx } from "clsx/lite";
 import { startTransition, useContext, useState, useSyncExternalStore } from "react";

package/dist/tooltip.js

@@ -1,9 +1,9 @@
 "use client";
 import { c as POPOVER_MOTION_PROPS, n as _getArrayProp } from "./helpers-C8xxXAQC.js";
-import { _ as useTheme_v2, d as createGlobalScopedContext, i as usePrefersReducedMotion, s as Card } from "./useLayer-ONr7wTUN.js";
+import { _ as useTheme_v2, d as createGlobalScopedContext, i as usePrefersReducedMotion, s as Card } from "./useLayer-CUKYjJYq.js";
 import { i as origin, n as AnimateActivity, r as getTransformOrigin, t as getElementRef } from "./getElementRef-Jw7gY0eV.js";
-import { a as useBoundaryElement, n as Portal, r as usePortal, t as Arrow } from "./arrow-D-raLuvE.js";
-import { t as Layer } from "./layer-dwv5h6E7.js";
+import { a as useBoundaryElement, n as Portal, r as usePortal, t as Arrow } from "./arrow-CZ-Lw1QO.js";
+import { t as Layer } from "./layer-B0tlPeLT.js";
 import { c } from "react/compiler-runtime";
 import { clsx } from "clsx/lite";
 import { Activity, cloneElement, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";

package/dist/{useLayer-ONr7wTUN.js → useLayer-CUKYjJYq.js}

@@ -102,7 +102,7 @@ function responsiveMarginStyle(props) {
 		_getResponsiveSpace(theme, ["marginRight"], props.$marginRight),
 		_getResponsiveSpace(theme, ["marginBottom"], props.$marginBottom),
 		_getResponsiveSpace(theme, ["marginLeft"], props.$marginLeft)
-	].filter(Boolean);
+	].filter((value) => value !== null);
 }
 function responsivePaddingStyle(props) {
 	let { theme } = props;
@@ -114,11 +114,11 @@ function responsivePaddingStyle(props) {
 		_getResponsiveSpace(theme, ["paddingRight"], props.$paddingRight),
 		_getResponsiveSpace(theme, ["paddingBottom"], props.$paddingBottom),
 		_getResponsiveSpace(theme, ["paddingLeft"], props.$paddingLeft)
-	].filter(Boolean);
+	].filter((value) => value !== null);
 }
 const StyledBox = /* @__PURE__ */ styled.div.withConfig({
 	displayName: "StyledBox",
-	componentId: "sc-ok8ezo-0"
+	componentId: "sc-pzvqiz-0"
 })(boxStyle, flexItemStyle, responsiveBoxStyle, responsiveGridItemStyle, responsiveMarginStyle, responsivePaddingStyle), Box = function Box(props) {
 	let $ = c(110), flex, gridColumn, gridColumnEnd, gridColumnStart, gridRow, gridRowEnd, gridRowStart, height, marginBottom, marginLeft, marginRight, marginTop, marginX, marginY, overflow, paddingBottom, paddingLeft, paddingRight, paddingTop, paddingX, paddingY, ref, restProps, sizing, t0, t1, t2, t3;
 	$[0] === props ? (flex = $[1], gridColumn = $[2], gridColumnEnd = $[3], gridColumnStart = $[4], gridRow = $[5], gridRowEnd = $[6], gridRowStart = $[7], height = $[8], marginBottom = $[9], marginLeft = $[10], marginRight = $[11], marginTop = $[12], marginX = $[13], marginY = $[14], overflow = $[15], paddingBottom = $[16], paddingLeft = $[17], paddingRight = $[18], paddingTop = $[19], paddingX = $[20], paddingY = $[21], ref = $[22], restProps = $[23], sizing = $[24], t0 = $[25], t1 = $[26], t2 = $[27], t3 = $[28]) : ({as: t0, ref, gridColumn, gridColumnStart, gridColumnEnd, display: t1, flex, height, margin: t2, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, overflow, padding: t3, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, gridRow, gridRowStart, gridRowEnd, sizing, ...restProps} = props, $[0] = props, $[1] = flex, $[2] = gridColumn, $[3] = gridColumnEnd, $[4] = gridColumnStart, $[5] = gridRow, $[6] = gridRowEnd, $[7] = gridRowStart, $[8] = height, $[9] = marginBottom, $[10] = marginLeft, $[11] = marginRight, $[12] = marginTop, $[13] = marginX, $[14] = marginY, $[15] = overflow, $[16] = paddingBottom, $[17] = paddingLeft, $[18] = paddingRight, $[19] = paddingTop, $[20] = paddingX, $[21] = paddingY, $[22] = ref, $[23] = restProps, $[24] = sizing, $[25] = t0, $[26] = t1, $[27] = t2, $[28] = t3);
@@ -485,7 +485,7 @@ function cardColorStyle(props) {
 }
 const StyledCard = /* @__PURE__ */ styled(Box).withConfig({
 	displayName: "StyledCard",
-	componentId: "sc-immb6s-0"
+	componentId: "sc-5pn3yo-0"
 })(responsiveBorderStyle, responsiveRadiusStyle, responsiveShadowStyle, cardStyle);
 function CardComponent(props) {
 	let $ = c(57), asProp, border, borderBottom, borderLeft, borderRight, borderTop, muted, pressed, ref, restProps, scheme, selected, shadow, t0, t1, t2, t3;
@@ -730,4 +730,4 @@ function useLayer() {
 }
 export { useTheme_v2 as _, useMatchMedia as a, responsivePaddingStyle as b, ThemeColorProvider as c, createGlobalScopedContext as d, globalScope as f, useTheme$1 as g, _cardColorStyle as h, usePrefersReducedMotion as i, useRootTheme as l, focusRingStyle as m, LayerProvider as n, useMediaIndex as o, focusRingBorderStyle as p, isRecord as r, Card as s, useLayer as t, ThemeProvider$1 as u, responsiveRadiusStyle as v, flexItemStyle as x, Box as y };
 
-//# sourceMappingURL=useLayer-ONr7wTUN.js.map
+//# sourceMappingURL=useLayer-CUKYjJYq.js.map