@artsy/palette 45.13.1 → 45.14.0-canary.1497.33065.0

package/dist/cjs/utils/usePosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePosition.js","names":["_react","require","_useMutationObserver","_useIsomorphicLayoutEffect","_useResizeObserver","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","POSITION","exports","top","bottom","left","right","usePosition","_ref","key","position","_ref$offset","offset","_ref$active","active","_ref$flip","flip","_ref$clamp","clamp","_ref$padding","padding","_useState","useState","isFlipped","_useState2","state","setState","tooltipRef","useRef","anchorRef","update","current","tooltip","anchor","requestAnimationFrame","placeTooltip","useMutationObserver","ref","onMutate","useResizeObserver","target","onResize","useIsomorphicLayoutEffect","style","handleScroll","document","addEventListener","passive","handleResize","window","removeEventListener","_ref2","_ref2$offset","_ref2$boundaryRect","boundaryRect","getDocumentBoundingRect","_ref2$flip","_ref2$clamp","_ref2$padding","elementRect","getBoundingClientRect","tooltipRect","targetPosition","getPosition","shouldFlip","getOppositePosition","x","Math","max","min","width","y","height","shouldHide","isWithin","display","transform","translateWithOffset","_ref3","_ref4","_ref5","concat","body","clientWidth","clientHeight","_ref6","calculateMaxHeight","_ref7","anchorRect","_ref7$offset","viewportHeight","innerHeight"],"sources":["../../../src/utils/usePosition.ts"],"sourcesContent":["/**\n * Adapted from https://codesandbox.io/s/positioning-tooltip-rhplo\n */\nimport { useState } from \"react\"\nimport { useRef } from \"react\"\nimport { useMutationObserver } from \"./useMutationObserver\"\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\"\nimport { useResizeObserver } from \"./useResizeObserver\"\n\nexport const POSITION = {\n  \"top-start\": \"top-start\",\n  top: \"top\",\n  \"top-end\": \"top-end\",\n  \"bottom-start\": \"bottom-start\",\n  bottom: \"bottom\",\n  \"bottom-end\": \"bottom-end\",\n  \"left-start\": \"left-start\",\n  left: \"left\",\n  \"left-end\": \"left-end\",\n  \"right-start\": \"right-start\",\n  right: \"right\",\n  \"right-end\": \"right-end\",\n} as const\n\nexport type Position = keyof typeof POSITION\n\ninterface TargetPosition {\n  x: number\n  y: number\n}\n\n/**\n * Will position the floating element (tooltip) relative to the anchor element,\n * using `position: fixed` and in such a way that it shouldn't ever appear\n * partially offscreen and will move correctly when the parent is scrolled.\n */\nexport const usePosition = ({\n  key,\n  position,\n  offset = 0,\n  active = true,\n  flip = true,\n  clamp = true,\n  padding = 0,\n}: {\n  /** Listen to changes on this value */\n  key?: string | number | boolean\n  /** Placement relative to anchor */\n  position: Position\n  /** Distance from anchor (default: `0`) */\n  offset?: number\n  /** Optionally disable for performance (default: `true`) */\n  active?: boolean\n  /** Optionally disable flipping (default: `true`) */\n  flip?: boolean\n  /** Optionally disable clamping (default: `true`) */\n  clamp?: boolean\n  /** Add boundary padding (default: `0`) used when clamping */\n  padding?: number\n}) => {\n  const [state, setState] = useState<ReturnType<typeof placeTooltip>>({\n    isFlipped: false,\n  })\n\n  const tooltipRef = useRef<HTMLElement | null>(null)\n  const anchorRef = useRef<HTMLElement | null>(null)\n\n  const update = () => {\n    if (!active || !tooltipRef.current || !anchorRef.current) return\n\n    const { current: tooltip } = tooltipRef\n    const { current: anchor } = anchorRef\n\n    requestAnimationFrame(() => {\n      setState(\n        placeTooltip({\n          anchor,\n          tooltip,\n          position,\n          offset,\n          flip,\n          clamp,\n          padding,\n        })\n      )\n    })\n  }\n\n  // Re-position when there's any change to the tooltip\n  useMutationObserver({ ref: tooltipRef, onMutate: update, active })\n\n  // Re-position when there's any change to the anchor's size\n  useResizeObserver({ target: anchorRef, onResize: update, active })\n\n  // Listen to changes on key\n  useIsomorphicLayoutEffect(update, [key])\n\n  useIsomorphicLayoutEffect(() => {\n    if (!active || !tooltipRef.current || !anchorRef.current) return\n\n    const { current: tooltip } = tooltipRef\n    const { current: anchor } = anchorRef\n\n    tooltip.style.position = \"fixed\"\n    tooltip.style.top = \"0\"\n    tooltip.style.left = \"0\"\n\n    const handleScroll = () => {\n      requestAnimationFrame(() => {\n        setState(\n          placeTooltip({\n            anchor,\n            tooltip,\n            position,\n            offset,\n            flip,\n            clamp,\n            padding,\n          })\n        )\n      })\n    }\n\n    document.addEventListener(\"scroll\", handleScroll, {\n      passive: true,\n    })\n\n    const handleResize = () => {\n      requestAnimationFrame(() => {\n        setState(\n          placeTooltip({\n            anchor,\n            tooltip,\n            position,\n            offset,\n            flip,\n            clamp,\n            padding,\n          })\n        )\n      })\n    }\n\n    window.addEventListener(\"resize\", handleResize, { passive: true })\n\n    requestAnimationFrame(() => {\n      setState(\n        placeTooltip({\n          anchor,\n          tooltip,\n          position,\n          offset,\n          flip,\n          clamp,\n          padding,\n        })\n      )\n    })\n\n    return () => {\n      document.removeEventListener(\"scroll\", handleScroll)\n      window.removeEventListener(\"resize\", handleResize)\n    }\n  }, [active, tooltipRef, anchorRef, position])\n\n  return {\n    // Element that floating element is anchored to\n    tooltipRef,\n    // Element you want to position relative to the anchor\n    anchorRef,\n    state,\n  }\n}\n\ninterface PlaceTooltip {\n  anchor: HTMLElement\n  tooltip: HTMLElement\n  position: Position\n  offset?: number\n  boundaryRect?: DOMRect\n  flip?: boolean\n  clamp?: boolean\n  padding?: number\n}\n\nexport const placeTooltip = ({\n  anchor,\n  tooltip,\n  position,\n  offset = 0,\n  boundaryRect = getDocumentBoundingRect(),\n  flip = true,\n  clamp = true,\n  padding = 0,\n}: PlaceTooltip) => {\n  const elementRect = anchor.getBoundingClientRect()\n  const tooltipRect = tooltip.getBoundingClientRect()\n\n  let targetPosition = getPosition({\n    elementRect,\n    tooltipRect,\n    position,\n  })\n\n  // Flip to avoid edges\n  const isFlipped =\n    flip &&\n    shouldFlip({\n      targetPosition,\n      position,\n      boundaryRect,\n      tooltipRect,\n    })\n\n  if (isFlipped) {\n    position = getOppositePosition(position)\n    targetPosition = getPosition({ elementRect, tooltipRect, position })\n  }\n\n  // Clamp position within boundary\n  if (clamp) {\n    targetPosition.x = Math.max(boundaryRect.left, targetPosition.x)\n    targetPosition.x = Math.min(\n      boundaryRect.right - tooltipRect.width,\n      targetPosition.x\n    )\n    targetPosition.y = Math.max(boundaryRect.top, targetPosition.y)\n    targetPosition.y = Math.min(\n      boundaryRect.bottom - tooltipRect.height,\n      targetPosition.y\n    )\n\n    // Apply padding to boundary\n    switch (position) {\n      case \"top-start\":\n      case \"top\":\n      case \"top-end\":\n      case \"bottom-start\":\n      case \"bottom\":\n      case \"bottom-end\":\n        targetPosition.x = targetPosition.x - padding\n        break\n      case \"left-start\":\n      case \"left\":\n      case \"left-end\":\n      case \"right-start\":\n      case \"right\":\n      case \"right-end\":\n        targetPosition.y = targetPosition.y + padding\n        break\n    }\n  }\n\n  // Should hide entirely if it scrolls out of view\n  const shouldHide = !isWithin(elementRect, boundaryRect)\n  tooltip.style.display = shouldHide ? \"none\" : \"block\"\n\n  tooltip.style.transform = translateWithOffset(\n    targetPosition,\n    position,\n    offset\n  )\n\n  return { isFlipped }\n}\n\nexport const getPosition = ({\n  elementRect,\n  tooltipRect,\n  position,\n}: {\n  elementRect: Pick<\n    DOMRect,\n    \"width\" | \"height\" | \"top\" | \"right\" | \"bottom\" | \"left\"\n  >\n  tooltipRect: Pick<DOMRect, \"width\" | \"height\">\n  position: Position\n}): TargetPosition => {\n  let x: number\n  let y: number\n\n  // X position\n  switch (position) {\n    case \"top-start\":\n    case \"bottom-start\":\n      x = elementRect.left\n      break\n    case \"top\":\n    case \"bottom\":\n      x = elementRect.left + elementRect.width / 2 - tooltipRect.width / 2\n      break\n    case \"top-end\":\n    case \"bottom-end\":\n      x = elementRect.right - tooltipRect.width\n      break\n    case \"left-start\":\n    case \"left\":\n    case \"left-end\":\n      // [..] {XXX}\n      x = elementRect.left - tooltipRect.width\n      break\n    case \"right-start\":\n    case \"right\":\n    case \"right-end\":\n      // {XXX} [...]\n      x = elementRect.right\n      break\n  }\n\n  // Y position\n  switch (position) {\n    case \"left-start\":\n    case \"right-start\":\n      y = elementRect.top\n      break\n    case \"left\":\n    case \"right\":\n      y = elementRect.top + elementRect.height / 2 - tooltipRect.height / 2\n      break\n    case \"left-end\":\n    case \"right-end\":\n      y = elementRect.bottom - tooltipRect.height\n      break\n    case \"top-start\":\n    case \"top\":\n    case \"top-end\":\n      // [..]\n      // {XXX}\n      y = elementRect.top - tooltipRect.height\n      break\n    case \"bottom-start\":\n    case \"bottom\":\n    case \"bottom-end\":\n      // {XXX}\n      // [...]\n      y = elementRect.bottom\n      break\n  }\n\n  return { x, y }\n}\n\nexport const translateWithOffset = (\n  targetPosition: TargetPosition,\n  position: Position,\n  offset: number\n) => {\n  const [x, y] = (() => {\n    switch (position) {\n      case \"top-start\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"top\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"top-end\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"bottom-start\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"bottom\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"bottom-end\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"left-start\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"left\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"left-end\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"right-start\":\n        return [targetPosition.x + offset, targetPosition.y]\n      case \"right\":\n        return [targetPosition.x + offset, targetPosition.y]\n      case \"right-end\":\n        return [targetPosition.x + offset, targetPosition.y]\n    }\n  })()\n\n  return `translate(${x}px, ${y}px)`\n}\n\nconst getOppositePosition = (position: Position) => {\n  switch (position) {\n    case \"top-start\":\n      return \"bottom-start\"\n    case \"top\":\n      return \"bottom\"\n    case \"top-end\":\n      return \"bottom-end\"\n    case \"bottom-start\":\n      return \"top-start\"\n    case \"bottom\":\n      return \"top\"\n    case \"bottom-end\":\n      return \"top-end\"\n    case \"left-start\":\n      return \"right-start\"\n    case \"left\":\n      return \"right\"\n    case \"left-end\":\n      return \"right-end\"\n    case \"right-start\":\n      return \"left-start\"\n    case \"right\":\n      return \"left\"\n    case \"right-end\":\n      return \"left-end\"\n  }\n}\n\nexport const getDocumentBoundingRect = () => {\n  const width = document.body.clientWidth\n  const height = document.body.clientHeight\n\n  return {\n    top: 0,\n    left: 0,\n    right: width,\n    bottom: height,\n    width,\n    height,\n  } as DOMRect\n}\n\ninterface ShouldFlip {\n  targetPosition: TargetPosition\n  position: Position\n  boundaryRect: Pick<DOMRect, \"top\" | \"right\" | \"bottom\" | \"left\">\n  tooltipRect: Pick<DOMRect, \"width\" | \"height\">\n}\n\nexport const shouldFlip = ({\n  targetPosition,\n  position,\n  boundaryRect,\n  tooltipRect,\n}: ShouldFlip) => {\n  switch (position) {\n    case \"top-start\":\n    case \"top\":\n    case \"top-end\":\n      return targetPosition.y < boundaryRect.top\n    case \"bottom-start\":\n    case \"bottom\":\n    case \"bottom-end\":\n      return targetPosition.y + tooltipRect.height > boundaryRect.bottom\n    case \"left-start\":\n    case \"left\":\n    case \"left-end\":\n      return targetPosition.x < boundaryRect.left\n    case \"right-start\":\n    case \"right\":\n    case \"right-end\":\n      return targetPosition.x + tooltipRect.width > boundaryRect.right\n  }\n}\n\nconst isWithin = (elementRect: DOMRect, boundaryRect: DOMRect) => {\n  return (\n    boundaryRect.top < elementRect.bottom &&\n    boundaryRect.left < elementRect.right &&\n    boundaryRect.bottom > elementRect.top &&\n    boundaryRect.right > elementRect.left\n  )\n}\n\n/**\n * Calculate the maximum height available for a tooltip based on its placement and viewport constraints.\n */\nexport const calculateMaxHeight = ({\n  anchorRect,\n  position,\n  offset = 0,\n}: {\n  anchorRect: DOMRect\n  position: Position\n  offset?: number\n}): number => {\n  const viewportHeight = window.innerHeight\n\n  switch (position) {\n    case \"top-start\":\n    case \"top\":\n    case \"top-end\":\n      // Space from top of anchor to top of viewport\n      return anchorRect.top - offset * 2\n    case \"bottom-start\":\n    case \"bottom\":\n    case \"bottom-end\":\n      // Space from bottom of anchor to bottom of viewport\n      return viewportHeight - anchorRect.bottom - offset * 2\n    case \"left-start\":\n    case \"left\":\n    case \"left-end\":\n    case \"right-start\":\n    case \"right\":\n    case \"right-end\":\n      // For side placements, use the entire viewport height\n      return viewportHeight - offset * 2\n    default:\n      return viewportHeight\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/utils/usePrevious.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.js","names":["_react","require","usePrevious","value","ref","useRef","useEffect","current"],"sources":["../../../src/utils/usePrevious.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\"\n\n/**\n * usePrevious\n * Stores state or props in a ref to compare against new props or state\n */\nexport function usePrevious<T>(value: T) {\n  const ref = useRef(value)\n  useEffect(() => {\n    ref.current = value\n  }, [value])\n  return ref.current\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACO,SAASC,WAAWA,CAAIC,KAAQ,EAAE;EACvC,IAAMC,GAAG,GAAG,IAAAC,aAAM,EAACF,KAAK,CAAC;EACzB,IAAAG,gBAAS,EAAC,YAAM;IACdF,GAAG,CAACG,OAAO,GAAGJ,KAAK;EACrB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACX,OAAOC,GAAG,CAACG,OAAO;AACpB"}

package/dist/cjs/utils/useResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.js","names":["_useIsomorphicLayoutEffect","require","_useLatest","useResizeObserver","exports","_ref","_ref$active","active","target","onResize","resizeObserver","getResizeObserver","storedCallback","useLatest","useIsomorphicLayoutEffect","didUnsubscribe","targetEl","current","cb","entry","observer","subscribe","unsubscribe","createResizeObserver","ResizeObserver","ticking","allEntries","callbacks","Map","entries","obs","concat","window","requestAnimationFrame","triggered","Set","_loop","i","has","add","cbs","get","forEach","length","callback","_callbacks$get","observe","push","set","_callbacks$get2","unobserve","delete","cbIndex","indexOf","splice","_resizeObserver"],"sources":["../../../src/utils/useResizeObserver.ts"],"sourcesContent":["/**\n * Adapted from https://github.com/jaredLunde/react-hook/blob/3c813dab5b21e26f2c85e733314ca5c063c6bfce/packages/resize-observer/src/index.tsx\n */\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\"\nimport { useLatest } from \"./useLatest\"\n\ntype UseResizeObserver<T extends HTMLElement> = {\n  active?: boolean\n  target: React.RefObject<T> | T | null\n  onResize: UseResizeObserverCallback\n}\n\nexport const useResizeObserver = <T extends HTMLElement>({\n  active = true,\n  target,\n  onResize,\n}: UseResizeObserver<T>) => {\n  const resizeObserver = getResizeObserver()\n  const storedCallback = useLatest(onResize)\n\n  useIsomorphicLayoutEffect(() => {\n    if (!active || !resizeObserver) return\n\n    let didUnsubscribe = false\n\n    const targetEl = target && \"current\" in target ? target.current : target\n\n    if (!targetEl) return\n\n    const cb = (entry: ResizeObserverEntry, observer: ResizeObserver) => {\n      if (didUnsubscribe) return\n\n      storedCallback.current(entry, observer)\n    }\n\n    resizeObserver.subscribe(targetEl as HTMLElement, cb)\n\n    return () => {\n      didUnsubscribe = true\n      resizeObserver.unsubscribe(targetEl as HTMLElement, cb)\n    }\n  }, [target, resizeObserver, storedCallback])\n}\n\nconst createResizeObserver = () => {\n  if (typeof ResizeObserver === \"undefined\") return null\n\n  let ticking = false\n  let allEntries: ResizeObserverEntry[] = []\n\n  const callbacks: Map<unknown, Array<UseResizeObserverCallback>> = new Map()\n\n  const observer = new ResizeObserver(\n    (entries: ResizeObserverEntry[], obs: ResizeObserver) => {\n      allEntries = allEntries.concat(entries)\n\n      if (!ticking) {\n        window.requestAnimationFrame(() => {\n          const triggered = new Set<Element>()\n\n          for (let i = 0; i < allEntries.length; i++) {\n            if (triggered.has(allEntries[i].target)) continue\n\n            triggered.add(allEntries[i].target)\n\n            const cbs = callbacks.get(allEntries[i].target)\n            cbs?.forEach((cb) => cb(allEntries[i], obs))\n          }\n\n          allEntries = []\n          ticking = false\n        })\n      }\n\n      ticking = true\n    }\n  )\n\n  return {\n    observer,\n    subscribe(target: HTMLElement, callback: UseResizeObserverCallback) {\n      observer.observe(target)\n\n      const cbs = callbacks.get(target) ?? []\n\n      cbs.push(callback)\n      callbacks.set(target, cbs)\n    },\n    unsubscribe(target: HTMLElement, callback: UseResizeObserverCallback) {\n      const cbs = callbacks.get(target) ?? []\n\n      if (cbs.length === 1) {\n        observer.unobserve(target)\n        callbacks.delete(target)\n        return\n      }\n\n      const cbIndex = cbs.indexOf(callback)\n\n      if (cbIndex !== -1) cbs.splice(cbIndex, 1)\n\n      callbacks.set(target, cbs)\n    },\n  }\n}\n\nlet _resizeObserver: ReturnType<typeof createResizeObserver>\n\nconst getResizeObserver = () =>\n  !_resizeObserver\n    ? (_resizeObserver = createResizeObserver())\n    : _resizeObserver\n\ntype UseResizeObserverCallback = (\n  entry: ResizeObserverEntry,\n  observer: ResizeObserver\n) => unknown\n"],"mappings":"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"}

package/dist/cjs/utils/useSentinelVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSentinelVisibility.js","names":["_react","_interopRequireWildcard","require","_Box","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","useSentinelVisibility","exports","_useState","useState","_useState2","isSentinelVisible","setSentinelVisibility","ref","useRef","useEffect","window","element","current","observer","IntersectionObserver","_ref","_ref2","entry","isIntersecting","root","rootMargin","threshold","observe","unobserve","sentinel","createElement","Box","position","width","height"],"sources":["../../../src/utils/useSentinelVisibility.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from \"react\"\nimport { Box } from \"../elements/Box\"\n\n/**\n * Used to track if the returned sentinel is in the viewport or not\n */\nexport const useSentinelVisibility = () => {\n  const [isSentinelVisible, setSentinelVisibility] = useState(false)\n  const ref = useRef<HTMLElement | null>(null)\n\n  useEffect(() => {\n    if (!(\"IntersectionObserver\" in window)) return // Unsupported\n\n    const element = ref.current\n    if (!element) return\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        setSentinelVisibility(!entry.isIntersecting)\n      },\n      {\n        root: null,\n        rootMargin: \"0px\",\n        threshold: 1.0,\n      }\n    )\n\n    observer.observe(element)\n\n    return () => {\n      observer.unobserve(element)\n    }\n  }, [isSentinelVisible])\n\n  return {\n    isSentinelVisible,\n    sentinel: (\n      <Box ref={ref as any} position=\"relative\" width=\"100%\" height={0} />\n    ),\n  }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAAqC,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAW,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAApB,MAAA,CAAAI,SAAA,CAAAiB,QAAA,CAAAf,IAAA,CAAAW,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAT,GAAA,EAAAkB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,EAAAD,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,WAAAlB,CAAA,MAAAmB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAAjB,CAAA,GAAAiB,GAAA,EAAAjB,CAAA,IAAAmB,IAAA,CAAAnB,CAAA,IAAAD,GAAA,CAAAC,CAAA,UAAAmB,IAAA;AAAA,SAAAjB,sBAAAH,GAAA,EAAAC,CAAA,QAAAoB,EAAA,WAAArB,GAAA,gCAAAsB,MAAA,IAAAtB,GAAA,CAAAsB,MAAA,CAAAC,QAAA,KAAAvB,GAAA,4BAAAqB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAzB,IAAA,CAAAI,GAAA,GAAA+B,IAAA,QAAA9B,CAAA,QAAAX,MAAA,CAAA+B,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAA9B,IAAA,CAAAyB,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAT,MAAA,KAAAlB,CAAA,GAAA4B,EAAA,iBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAA9C,MAAA,CAAAqC,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAA1B,gBAAAF,GAAA,QAAAe,KAAA,CAAAsB,OAAA,CAAArC,GAAA,UAAAA,GAAA;AAErC;AACA;AACA;AACO,IAAMsC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAA,EAAS;EACzC,IAAAE,SAAA,GAAmD,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,GAAA3C,cAAA,CAAAyC,SAAA;IAA3DG,iBAAiB,GAAAD,UAAA;IAAEE,qBAAqB,GAAAF,UAAA;EAC/C,IAAMG,GAAG,GAAG,IAAAC,aAAM,EAAqB,IAAI,CAAC;EAE5C,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAI,EAAE,sBAAsB,IAAIC,MAAM,CAAC,EAAE,OAAM,CAAC;;IAEhD,IAAMC,OAAO,GAAGJ,GAAG,CAACK,OAAO;IAC3B,IAAI,CAACD,OAAO,EAAE;IAEd,IAAME,QAAQ,GAAG,IAAIC,oBAAoB,CACvC,UAAAC,IAAA,EAAa;MAAA,IAAAC,KAAA,GAAAvD,cAAA,CAAAsD,IAAA;QAAXE,KAAK,GAAAD,KAAA;MACLV,qBAAqB,CAAC,CAACW,KAAK,CAACC,cAAc,CAAC;IAC9C,CAAC,EACD;MACEC,IAAI,EAAE,IAAI;MACVC,UAAU,EAAE,KAAK;MACjBC,SAAS,EAAE;IACb,CAAC,CACF;IAEDR,QAAQ,CAACS,OAAO,CAACX,OAAO,CAAC;IAEzB,OAAO,YAAM;MACXE,QAAQ,CAACU,SAAS,CAACZ,OAAO,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,CAACN,iBAAiB,CAAC,CAAC;EAEvB,OAAO;IACLA,iBAAiB,EAAjBA,iBAAiB;IACjBmB,QAAQ,eACN1F,MAAA,CAAAY,OAAA,CAAA+E,aAAA,CAACxF,IAAA,CAAAyF,GAAG;MAACnB,GAAG,EAAEA,GAAW;MAACoB,QAAQ,EAAC,UAAU;MAACC,KAAK,EAAC,MAAM;MAACC,MAAM,EAAE;IAAE;EAErE,CAAC;AACH,CAAC"}

package/dist/cjs/utils/useUpdateEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateEffect.js","names":["_react","require","useUpdateEffect","exports","effect","deps","didMountRef","useRef","useEffect","current"],"sources":["../../../src/utils/useUpdateEffect.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\"\n\n/**\n * Equivalent to `useEffect` but skips initial mount\n */\nexport const useUpdateEffect: typeof useEffect = (effect, deps) => {\n  const didMountRef = useRef(false)\n\n  useEffect(() => {\n    if (didMountRef.current) {\n      return effect()\n    }\n\n    didMountRef.current = true\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps)\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACO,IAAMC,eAAiC,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAApCA,eAAiCA,CAAIE,MAAM,EAAEC,IAAI,EAAK;EACjE,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAEjC,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIF,WAAW,CAACG,OAAO,EAAE;MACvB,OAAOL,MAAM,EAAE;IACjB;IAEAE,WAAW,CAACG,OAAO,GAAG,IAAI;IAC1B;EACF,CAAC,EAAEJ,IAAI,CAAC;AACV,CAAC"}

package/dist/cjs/utils/useWidthOf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidthOf.js","names":["_react","require","_useResizeObserver","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","useWidthOf","exports","_ref","ref","_useState","useState","_useState2","width","setWidth","useEffect","current","offsetWidth","useResizeObserver","target","onResize","entry","element"],"sources":["../../../src/utils/useWidthOf.ts"],"sourcesContent":["import { useEffect, useState } from \"react\"\nimport { useResizeObserver } from \"./useResizeObserver\"\n\ninterface UseWidthOf {\n  ref: React.MutableRefObject<HTMLElement | null>\n}\n\n/** Hook that returns the width of the given node. Updates on resize. */\nexport const useWidthOf = ({ ref }: UseWidthOf) => {\n  const [width, setWidth] = useState(0)\n\n  // Set initial width on mount\n  useEffect(() => {\n    if (!ref.current) return\n    setWidth(ref.current.offsetWidth)\n  }, [ref])\n\n  useResizeObserver<HTMLElement>({\n    target: (ref as unknown) as React.RefObject<HTMLElement>,\n    onResize: (entry) => {\n      const element = entry.target as HTMLElement\n      setWidth(element.offsetWidth)\n    },\n  })\n\n  return { width }\n}\n"],"mappings":"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"}

package/dist/esm/Theme.js

@@ -0,0 +1,32 @@
+import React, { useContext } from "react";
+import { ThemeContext, ThemeProvider } from "styled-components";
+import { THEME } from "./themes";
+export * from "@artsy/palette-tokens/dist/themes/v3";
+import { THEME_DARK } from "@artsy/palette-tokens/dist/themes/v3Dark";
+export { TextVariant } from "@artsy/palette-tokens/dist/typography/v3";
+export var THEMES = {
+  light: THEME,
+  dark: THEME_DARK
+};
+var DEFAULT_THEME = THEME;
+/**
+ * A wrapper component for passing down the Artsy theme context
+ */
+export var Theme = function Theme(_ref) {
+  var children = _ref.children,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? "light" : _ref$theme;
+  var selectedTheme = THEMES[theme];
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
+    theme: selectedTheme
+  }, children);
+};
+Theme.displayName = "Theme";
+/** Returns the current theme */
+export var useTheme = function useTheme() {
+  var theme = useContext(ThemeContext) || DEFAULT_THEME;
+  return {
+    theme: theme
+  };
+};
+//# sourceMappingURL=Theme.js.map

package/dist/esm/Theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.js","names":["React","useContext","ThemeContext","ThemeProvider","THEME","THEME_DARK","TextVariant","THEMES","light","dark","DEFAULT_THEME","Theme","_ref","children","_ref$theme","theme","selectedTheme","createElement","displayName","useTheme"],"sources":["../../src/Theme.tsx"],"sourcesContent":["import React, { useContext } from \"react\"\nimport { ThemeContext, ThemeProvider } from \"styled-components\"\nimport { THEME, Theme as TTheme } from \"./themes\"\n\nexport * from \"@artsy/palette-tokens/dist/themes/v3\"\nimport { THEME_DARK } from \"@artsy/palette-tokens/dist/themes/v3Dark\"\nexport { TextVariant } from \"@artsy/palette-tokens/dist/typography/v3\"\n\nexport const THEMES = {\n  light: THEME,\n  dark: THEME_DARK,\n}\n\nconst DEFAULT_THEME = THEME\n\ninterface ThemeProps {\n  children?: React.ReactNode\n  theme?: \"light\" | \"dark\"\n}\n\n/**\n * A wrapper component for passing down the Artsy theme context\n */\nexport const Theme: React.FC<React.PropsWithChildren<ThemeProps>> = ({\n  children,\n  theme = \"light\",\n}) => {\n  const selectedTheme = THEMES[theme]\n  return <ThemeProvider theme={selectedTheme}>{children}</ThemeProvider>\n}\n\n/** Returns the current theme */\nexport const useTheme = <T extends TTheme>() => {\n  const theme: T = (useContext(ThemeContext) || DEFAULT_THEME) as T\n  return { theme }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,YAAY,EAAEC,aAAa,QAAQ,mBAAmB;AAC/D,SAASC,KAAK;AAEd,cAAc,sCAAsC;AACpD,SAASC,UAAU,QAAQ,0CAA0C;AACrE,SAASC,WAAW,QAAQ,0CAA0C;AAEtE,OAAO,IAAMC,MAAM,GAAG;EACpBC,KAAK,EAAEJ,KAAK;EACZK,IAAI,EAAEJ;AACR,CAAC;AAED,IAAMK,aAAa,GAAGN,KAAK;AAO3B;AACA;AACA;AACA,OAAO,IAAMO,KAAoD,GAAG,SAAvDA,KAAoDA,CAAAC,IAAA,EAG3D;EAAA,IAFJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,UAAA,GAAAF,IAAA,CACRG,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,OAAO,GAAAA,UAAA;EAEf,IAAME,aAAa,GAAGT,MAAM,CAACQ,KAAK,CAAC;EACnC,oBAAOf,KAAA,CAAAiB,aAAA,CAACd,aAAa;IAACY,KAAK,EAAEC;EAAc,GAAEH,QAAQ,CAAiB;AACxE,CAAC;AANYF,KAAoD,CAAAO,WAAA;AAQjE;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAA,EAA2B;EAC9C,IAAMJ,KAAQ,GAAId,UAAU,CAACC,YAAY,CAAC,IAAIQ,aAAmB;EACjE,OAAO;IAAEK,KAAK,EAALA;EAAM,CAAC;AAClB,CAAC"}

package/dist/esm/elements/AutocompleteInput/AutocompleteInput.js

@@ -0,0 +1,437 @@
+var _excluded = ["clamp", "defaultValue", "dropdownMaxHeight", "dropdownMinWidth", "flip", "footer", "forwardRef", "header", "height", "id", "loading", "onChange", "onClear", "onClose", "onKeyDown", "onSelect", "onSubmit", "options", "renderOption"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import CloseIcon from "@artsy/icons/CloseIcon";
+import SearchIcon from "@artsy/icons/SearchIcon";
+import composeRefs from "@seznam/compose-react-refs";
+import { themeGet } from "@styled-system/theme-get";
+import React, { createRef, useCallback, useEffect, useMemo, useReducer, useRef } from "react";
+import styled from "styled-components";
+import { useKeyboardListNavigation } from "use-keyboard-list-navigation";
+import { useClickOutside, useContainsFocus, usePosition } from "../../utils";
+import { useMouseActivity } from "../../utils/useMouseActivity";
+import { useWidthOf } from "../../utils/useWidthOf";
+import { Box, splitBoxProps } from "../Box";
+import { Clickable } from "../Clickable";
+import { LabeledInput } from "../LabeledInput";
+import { Spinner } from "../Spinner";
+import { VisuallyHidden } from "../VisuallyHidden";
+import { AutocompleteInputOption } from "./AutocompleteInputOption";
+import { AutocompleteInputOptionLabel } from "./AutocompleteInputOptionLabel";
+
+/** Base option type — can be expanded */
+
+var reducer = function reducer(state, action) {
+  switch (action.type) {
+    case "OPEN":
+      return _objectSpread(_objectSpread({}, state), {}, {
+        open: true
+      });
+    case "CLOSE":
+      return _objectSpread(_objectSpread({}, state), {}, {
+        open: false
+      });
+    case "CLEAR":
+      return _objectSpread(_objectSpread({}, state), {}, {
+        query: ""
+      });
+    case "CHANGE":
+      return _objectSpread(_objectSpread({}, state), {}, {
+        query: action.payload.query,
+        open: true
+      });
+    case "SELECT":
+      return _objectSpread(_objectSpread({}, state), {}, {
+        query: action.payload.query,
+        open: false
+      });
+  }
+};
+/** AutocompleteInput */
+export var AutocompleteInput = function AutocompleteInput(_ref) {
+  var _staged$text;
+  var _ref$clamp = _ref.clamp,
+    clamp = _ref$clamp === void 0 ? false : _ref$clamp,
+    _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? "" : _ref$defaultValue,
+    _ref$dropdownMaxHeigh = _ref.dropdownMaxHeight,
+    dropdownMaxHeight = _ref$dropdownMaxHeigh === void 0 ? 308 : _ref$dropdownMaxHeigh,
+    dropdownMinWidth = _ref.dropdownMinWidth,
+    _ref$flip = _ref.flip,
+    flip = _ref$flip === void 0 ? true : _ref$flip,
+    footer = _ref.footer,
+    forwardedRef = _ref.forwardRef,
+    header = _ref.header,
+    height = _ref.height,
+    id = _ref.id,
+    loading = _ref.loading,
+    onChange = _ref.onChange,
+    onClear = _ref.onClear,
+    onClose = _ref.onClose,
+    onKeyDown = _ref.onKeyDown,
+    onSelect = _ref.onSelect,
+    onSubmit = _ref.onSubmit,
+    options = _ref.options,
+    _ref$renderOption = _ref.renderOption,
+    renderOption = _ref$renderOption === void 0 ? function (option) {
+      return /*#__PURE__*/React.createElement(AutocompleteInputOptionLabel, option);
+    } : _ref$renderOption,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var inputRef = useRef(null);
+  var containerRef = useRef(null);
+  var headerRef = useRef(null);
+  var footerRef = useRef(null);
+  var _splitBoxProps = splitBoxProps(rest),
+    _splitBoxProps2 = _slicedToArray(_splitBoxProps, 2),
+    boxProps = _splitBoxProps2[0],
+    inputProps = _splitBoxProps2[1];
+  var _useReducer = useReducer(reducer, {
+      open: false,
+      query: defaultValue
+    }),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  var optionsWithRefs = useMemo(function () {
+    return options.map(function (option) {
+      return {
+        option: option,
+        ref: /*#__PURE__*/createRef()
+      };
+    });
+  }, [options]);
+  var resetUI = function resetUI() {
+    setTimeout(function () {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+      reset();
+      dispatch({
+        type: "CLOSE"
+      });
+    }, 100);
+  };
+  var handleSelect = function handleSelect(option, index) {
+    var _inputRef$current2;
+    dispatch({
+      type: "SELECT",
+      payload: {
+        query: option.text
+      }
+    });
+    (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect(option, index);
+  };
+  var _useKeyboardListNavig = useKeyboardListNavigation({
+      ref: containerRef,
+      list: options,
+      waitForInteractive: true,
+      onEnter: function onEnter(_ref2) {
+        var option = _ref2.element,
+          i = _ref2.index,
+          event = _ref2.event;
+        event.preventDefault();
+        event.stopPropagation();
+        handleSelect(option, i);
+        resetUI();
+      }
+    }),
+    index = _useKeyboardListNavig.index,
+    reset = _useKeyboardListNavig.reset,
+    set = _useKeyboardListNavig.set;
+  var isDropdownVisible = state.open && options.length > 0;
+
+  // Reset keyboard navigation when options change
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(reset, [options]);
+
+  // Reset keyboard navigation when query is empty
+  useEffect(function () {
+    if (state.query === "") reset();
+  }, [reset, state.query]);
+  var _usePosition = usePosition({
+      active: isDropdownVisible,
+      clamp: clamp,
+      flip: flip,
+      key: options.length,
+      offset: 0,
+      position: "bottom"
+    }),
+    anchorRef = _usePosition.anchorRef,
+    tooltipRef = _usePosition.tooltipRef;
+  var _useWidthOf = useWidthOf({
+      ref: anchorRef
+    }),
+    width = _useWidthOf.width;
+  var handleFocus = function handleFocus() {
+    reset();
+    dispatch({
+      type: "OPEN"
+    });
+  };
+  var handleMouseDown = function handleMouseDown(option, i) {
+    return function () {
+      handleSelect(option, i);
+      resetUI();
+    };
+  };
+  var handleClick = function handleClick() {
+    dispatch({
+      type: "OPEN"
+    });
+  };
+
+  // Records the latest mouse movement and, inside the `handleMouseEnter` callback,
+  // only treat the event as genuine if the mouse has moved very recently.
+  // Otherwise, the event is presumed to have been triggered by scrolling and is ignored.
+  var _useMouseActivity = useMouseActivity(),
+    lastMouseMoveTimestamp = _useMouseActivity.lastMouseMoveTimestamp;
+  var handleMouseEnter = function handleMouseEnter(i) {
+    return function () {
+      var now = performance.now();
+
+      // 50ms mouse move window
+      if (now - lastMouseMoveTimestamp.current < 50) {
+        set({
+          cursor: i,
+          interactive: true
+        });
+      }
+    };
+  };
+  var handleChange = function handleChange(event) {
+    var value = event.currentTarget.value;
+    dispatch({
+      type: "CHANGE",
+      payload: {
+        query: value
+      }
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(event);
+  };
+  var handleClearOrSubmit = function handleClearOrSubmit() {
+    var _inputRef$current3;
+    if (state.query === "") {
+      onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(state.query);
+      return;
+    }
+    dispatch({
+      type: "CLEAR"
+    });
+    (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.focus();
+    onClear === null || onClear === void 0 ? void 0 : onClear();
+  };
+  var handleClose = useCallback(function () {
+    dispatch({
+      type: "CLOSE"
+    });
+    reset();
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+  }, [onClose, reset]);
+  var ignoreFocusChangeRef = useRef(false);
+  var ignoreFocusChange = {
+    onMouseDown: function onMouseDown() {
+      return ignoreFocusChangeRef.current = true;
+    },
+    onMouseUp: function onMouseUp() {
+      return ignoreFocusChangeRef.current = false;
+    }
+  };
+
+  // Moves focus to different options when keyboard navigating using up/down
+  useEffect(function () {
+    var _optionsWithRefs$inde, _optionsWithRefs$inde2;
+    var el = (_optionsWithRefs$inde = optionsWithRefs[index]) === null || _optionsWithRefs$inde === void 0 ? void 0 : (_optionsWithRefs$inde2 = _optionsWithRefs$inde.ref) === null || _optionsWithRefs$inde2 === void 0 ? void 0 : _optionsWithRefs$inde2.current;
+    if (!el) return;
+    var isPointerInteraction = performance.now() - lastMouseMoveTimestamp.current < 50;
+    if (isPointerInteraction) {
+      // Pointer interactions should not cause scroll
+      el.focus({
+        preventScroll: true
+      });
+      return;
+    }
+
+    // Keyboard navigation: focus and ensure visibility
+    el.focus({
+      preventScroll: true
+    });
+    try {
+      el.scrollIntoView({
+        block: "nearest"
+      });
+    } catch (_unused) {}
+  }, [index, optionsWithRefs]);
+  var handleFocusChange = useCallback(function (focused) {
+    if (ignoreFocusChangeRef.current || focused || !isDropdownVisible) return;
+    handleClose();
+  }, [isDropdownVisible, handleClose]);
+
+  // Handle closing the dropdown when clicking outside of the input
+  // or when focus leaves the input completely
+  var _useContainsFocus = useContainsFocus({
+      onChange: handleFocusChange
+    }),
+    containsFocusRef = _useContainsFocus.ref;
+  useClickOutside({
+    ref: containsFocusRef,
+    onClickOutside: handleClose,
+    when: isDropdownVisible,
+    type: "click"
+  });
+  var handleInputKeydown = function handleInputKeydown(event) {
+    var _inputRef$current4;
+    switch (event.key) {
+      // Handle <Enter> when nothing is selected
+      case "Enter":
+        if (state.query !== "" && index === -1) {
+          onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(state.query);
+          resetUI();
+        }
+        return;
+
+      // <Esc> to close dropdown
+      case "Escape":
+        event.preventDefault();
+        event.stopPropagation();
+        dispatch({
+          type: "CLOSE"
+        });
+        (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.blur();
+        return;
+      default:
+        break;
+    }
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+  };
+
+  // Moves focus back to input when typing
+  var handleContainerKeydown = function handleContainerKeydown(event) {
+    var _inputRef$current5, _inputRef$current6;
+    switch (event.key) {
+      case "Alt":
+      case "ArrowDown":
+      case "ArrowUp":
+      case "Control":
+      case "Enter":
+      case "Meta":
+      case "Shift":
+      case "Tab":
+        // Ignore
+        return;
+      case "Escape":
+        event.preventDefault();
+        event.stopPropagation();
+        dispatch({
+          type: "CLOSE"
+        });
+        (_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 ? void 0 : _inputRef$current5.blur();
+        reset();
+        return;
+      default:
+        (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 ? void 0 : _inputRef$current6.focus();
+    }
+  };
+
+  // Option that is being hovered or keyed into
+  var staged = options[index];
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    ref: composeRefs(containerRef, containsFocusRef),
+    onKeyDown: handleContainerKeydown
+  }, boxProps), /*#__PURE__*/React.createElement(LabeledInput, _extends({
+    ref: composeRefs(inputRef, anchorRef, forwardedRef),
+    role: "combobox",
+    "aria-expanded": isDropdownVisible,
+    "aria-autocomplete": "list"
+  }, id ? {
+    id: id,
+    "aria-describedby": "".concat(id, "__assistiveHint")
+  } : {}, {
+    label: loading ? /*#__PURE__*/React.createElement(Box, {
+      width: 18
+    }, /*#__PURE__*/React.createElement(Spinner, {
+      size: "small"
+    })) : state.query ? /*#__PURE__*/React.createElement(Clickable, {
+      onClick: handleClearOrSubmit,
+      height: "100%",
+      display: "flex",
+      alignItems: "center",
+      "aria-label": "Clear input"
+    }, /*#__PURE__*/React.createElement(CloseIcon, {
+      fill: "mono60",
+      "aria-hidden": true
+    })) : /*#__PURE__*/React.createElement(SearchIcon, {
+      fill: "mono60",
+      "aria-hidden": true
+    }),
+    value: (_staged$text = staged === null || staged === void 0 ? void 0 : staged.text) !== null && _staged$text !== void 0 ? _staged$text : state.query,
+    onChange: handleChange,
+    onFocus: handleFocus,
+    onKeyDown: handleInputKeydown,
+    onClick: handleClick,
+    autoComplete: "off",
+    height: height
+  }, inputProps)), isDropdownVisible && /*#__PURE__*/React.createElement(AutocompleteInputDropdownContainer, {
+    ref: tooltipRef,
+    role: "listbox",
+    width: width,
+    minWidth: 200,
+    pt: 1 // Gap in place of `offset` for `usePosition`
+  }, /*#__PURE__*/React.createElement(AutocompleteInputDropdown, {
+    minWidth: dropdownMinWidth
+  }, /*#__PURE__*/React.createElement("div", _extends({
+    ref: headerRef
+  }, ignoreFocusChange), header), /*#__PURE__*/React.createElement(AutocompleteInputOptions, {
+    maxHeight: dropdownMaxHeight
+  }, optionsWithRefs.map(function (_ref3, i) {
+    var option = _ref3.option,
+      ref = _ref3.ref;
+    return /*#__PURE__*/React.createElement(AutocompleteInputOption, {
+      key: i,
+      ref: ref,
+      role: "option",
+      "aria-selected": i === index,
+      "aria-posinset": i + 1,
+      "aria-setsize": options.length,
+      onMouseDown: handleMouseDown(option, i),
+      onMouseEnter: handleMouseEnter(i),
+      tabIndex: -1
+    }, renderOption(option, i));
+  })), /*#__PURE__*/React.createElement("div", _extends({
+    ref: footerRef
+  }, ignoreFocusChange), typeof footer === "function" ? footer({
+    onClose: handleClose
+  }) : footer))), /*#__PURE__*/React.createElement(VisuallyHidden, id ? {
+    id: "".concat(id, "__assistiveHint")
+  } : {}, "When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures."), isDropdownVisible && /*#__PURE__*/React.createElement(VisuallyHidden, {
+    role: "status",
+    "aria-atomic": "true",
+    "aria-live": "polite"
+  }, options.length === 1 ? "1 result is available" : "".concat(options.length, " results are available")));
+};
+AutocompleteInput.displayName = "AutocompleteInput";
+var AutocompleteInputDropdownContainer = styled(Box).withConfig({
+  displayName: "AutocompleteInput__AutocompleteInputDropdownContainer",
+  componentId: "sc-89lyrd-0"
+})(["z-index:1;"]);
+var AutocompleteInputDropdown = styled(Box).withConfig({
+  displayName: "AutocompleteInput__AutocompleteInputDropdown",
+  componentId: "sc-89lyrd-1"
+})(["box-shadow:", ";"], themeGet("effects.dropShadow"));
+var AutocompleteInputOptions = styled(Box).withConfig({
+  displayName: "AutocompleteInput__AutocompleteInputOptions",
+  componentId: "sc-89lyrd-2"
+})(["overflow-y:auto;-webkit-overflow-scrolling:touch;"]);
+//# sourceMappingURL=AutocompleteInput.js.map