@sanity/ui 0.36.10 → 0.36.13-next.13

package/lib/cjs/utils/portal/types.d.ts

@@ -5,5 +5,6 @@ export interface PortalContextValue {
     version: 0.0;
     boundaryElement: HTMLElement | null;
     element: HTMLElement | null;
+    elements?: Record<string, HTMLElement | null | undefined>;
 }
 //# sourceMappingURL=types.d.ts.map

package/lib/cjs/utils/portal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/utils/portal/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,GAAG,CAAA;IACZ,eAAe,EAAE,WAAW,GAAG,IAAI,CAAA;IACnC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;CAC5B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/utils/portal/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,GAAG,CAAA;IACZ,eAAe,EAAE,WAAW,GAAG,IAAI,CAAA;IACnC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,CAAA;CAC1D"}

package/lib/cjs/utils/portal/types.js

@@ -1,6 +1,3 @@
 var __defProp = Object.defineProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 __markAsModule(exports);

package/lib/cjs/utils/portal/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/utils/portal/types.ts"],
-  "sourcesContent": ["/**\n * @public\n */\nexport interface PortalContextValue {\n  version: 0.0\n  boundaryElement: HTMLElement | null\n  element: HTMLElement | null\n}\n"],
-  "mappings": ";;;;;AAAA;",
+  "sourcesContent": ["/**\n * @public\n */\nexport interface PortalContextValue {\n  version: 0.0\n  boundaryElement: HTMLElement | null\n  element: HTMLElement | null\n  elements?: Record<string, HTMLElement | null | undefined>\n}\n"],
+  "mappings": ";;AAAA;",
   "names": []
 }

package/lib/cjs/utils/portal/usePortal.js

@@ -5,9 +5,6 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __export = (target, all) => {
   __markAsModule(target);
   for (var name in all)

package/lib/cjs/utils/portal/usePortal.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/portal/usePortal.ts"],
   "sourcesContent": ["import {useContext} from 'react'\nimport {isRecord} from '../../lib/isRecord'\nimport {PortalContext} from './portalContext'\nimport {PortalContextValue} from './types'\n\n/**\n * @public\n */\nexport function usePortal(): PortalContextValue {\n  const value = useContext(PortalContext)\n\n  if (!value) {\n    throw new Error('usePortal(): missing context value')\n  }\n\n  // NOTE: This check is for future-compatiblity\n  // - If the value is not an object, it\u2019s not compatible with the current version\n  // - If the value is an object, but doesn\u2019t have `version: 0.0`, it\u2019s not compatible with the current version\n  if (!isRecord(value) || value.version !== 0.0) {\n    throw new Error('usePortal(): the context value is not compatible')\n  }\n\n  return value\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAyB;AACzB,sBAAuB;AACvB,2BAA4B;AAMrB,qBAAyC;AAC9C,QAAM,QAAQ,6BAAW;AAEzB,MAAI,CAAC,OAAO;AACV,UAAM,IAAI,MAAM;AAAA;AAMlB,MAAI,CAAC,8BAAS,UAAU,MAAM,YAAY,GAAK;AAC7C,UAAM,IAAI,MAAM;AAAA;AAGlB,SAAO;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAyB;AACzB,sBAAuB;AACvB,2BAA4B;AAMrB,qBAAyC;AAC9C,QAAM,QAAQ,6BAAW;AAEzB,MAAI,CAAC,OAAO;AACV,UAAM,IAAI,MAAM;AAAA;AAMlB,MAAI,CAAC,8BAAS,UAAU,MAAM,YAAY,GAAK;AAC7C,UAAM,IAAI,MAAM;AAAA;AAGlB,SAAO;AAAA;",
   "names": []
 }

package/lib/cjs/utils/resizeObserver.js

@@ -5,9 +5,6 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __export = (target, all) => {
   __markAsModule(target);
   for (var name in all)

package/lib/cjs/utils/resizeObserver.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/resizeObserver.ts"],
   "sourcesContent": ["import {ResizeObserver as ResizeObserverPolyfill} from '@juggle/resize-observer'\n\n/**\n * @internal\n */\nconst RO: typeof ResizeObserver = (\n  typeof window !== 'undefined' && window.ResizeObserver\n    ? window.ResizeObserver\n    : ResizeObserverPolyfill\n) as any\n\nexport {RO as ResizeObserver}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,6BAAuD;AAKvD,MAAM,KACJ,OAAO,WAAW,eAAe,OAAO,iBACpC,OAAO,iBACP;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,6BAAuD;AAKvD,MAAM,KACJ,OAAO,WAAW,eAAe,OAAO,iBACpC,OAAO,iBACP;",
   "names": []
 }

package/lib/cjs/utils/srOnly/index.js

@@ -5,9 +5,6 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __reExport = (target, module2, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))

package/lib/cjs/utils/srOnly/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/srOnly/index.ts"],
   "sourcesContent": ["export * from './srOnly'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;",
   "names": []
 }

package/lib/cjs/utils/srOnly/srOnly.js

@@ -5,9 +5,6 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __export = (target, all) => {
   __markAsModule(target);
   for (var name in all)

package/lib/cjs/utils/srOnly/srOnly.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/srOnly/srOnly.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\n\n/**\n * @public\n */\nexport interface SrOnlyProps {\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n  children?: React.ReactNode\n}\n\nconst Root = styled.div`\n  display: block;\n  width: 0;\n  height: 0;\n  position: absolute;\n  overflow: hidden;\n`\n\n/**\n * @public\n */\nexport const SrOnly = forwardRef(function SrOnly(\n  props: SrOnlyProps & Omit<React.HTMLProps<HTMLDivElement>, 'aria-hidden' | 'as'>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {as, children} = props\n\n  return (\n    <Root aria-hidden as={as} data-ui=\"SrOnly\" ref={ref}>\n      {children}\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AAUnB,MAAM,OAAO,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWb,MAAM,SAAS,6BAAW,iBAC/B,OACA,KACA;AACA,QAAM,EAAC,IAAI,aAAY;AAEvB,SACE,mDAAC,MAAD;AAAA,IAAM,eAAW;AAAA,IAAC;AAAA,IAAQ,WAAQ;AAAA,IAAS;AAAA,KACxC;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AAUnB,MAAM,OAAO,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWb,MAAM,SAAS,6BAAW,iBAC/B,OACA,KACA;AACA,QAAM,EAAC,IAAI,aAAY;AAEvB,SACE,mDAAC,MAAD;AAAA,IAAM,eAAW;AAAA,IAAC;AAAA,IAAQ,WAAQ;AAAA,IAAS;AAAA,KACxC;AAAA;",
   "names": []
 }

package/lib/cjs/utils/virtualList/index.js

@@ -5,9 +5,6 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __reExport = (target, module2, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))

package/lib/cjs/utils/virtualList/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/virtualList/index.ts"],
   "sourcesContent": ["export * from './virtualList'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;",
   "names": []
 }

package/lib/cjs/utils/virtualList/virtualList.js

@@ -22,9 +22,6 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

package/lib/cjs/utils/virtualList/virtualList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/virtualList/virtualList.tsx"],
   "sourcesContent": ["import React, {forwardRef, useEffect, useMemo, useRef, useState} from 'react'\nimport styled from 'styled-components'\nimport {_isScrollable} from '../../helpers'\nimport {useForwardedRef} from '../../hooks'\nimport {StackProps} from '../../primitives'\nimport {useTheme} from '../../theme'\n\n/**\n * @beta\n */\nexport interface VirtualListChangeOpts {\n  fromIndex: number\n  gap: number\n  itemHeight: number\n  scrollHeight: number\n  scrollTop: number\n  toIndex: number\n}\n\n/**\n * @beta\n */\nexport interface VirtualListProps<Item = any> {\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n  gap?: number\n  getItemKey?: (item: Item, itemIndex: number) => string\n  items?: Item[]\n  onChange?: (opts: VirtualListChangeOpts) => void\n  renderItem?: (item: Item) => React.ReactNode\n}\n\nconst Root = styled.div`\n  position: relative;\n`\n\nconst ItemWrapper = styled.div`\n  position: absolute;\n  left: 0;\n  right: 0;\n`\n\n/**\n * @beta\n */\nexport const VirtualList = forwardRef(function VirtualList(\n  props: VirtualListProps &\n    StackProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'onChange' | 'ref'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n): React.ReactElement {\n  const {as = 'div', gap = 0, getItemKey, items = [], onChange, renderItem, ...restProps} = props\n  const {space} = useTheme().sanity\n  const forwardedRef = useForwardedRef(ref)\n  const wrapperRef = useRef<HTMLDivElement | null>(null)\n  const [scrollTop, setScrollTop] = useState(0)\n  const [scrollHeight, setScrollHeight] = useState(0)\n  const [itemHeight, setItemHeight] = useState(-1)\n\n  useEffect(() => {\n    if (!wrapperRef.current) return\n\n    const firstElement = wrapperRef.current.firstChild\n\n    if (firstElement instanceof HTMLElement) {\n      setItemHeight(firstElement.offsetHeight)\n    }\n  }, [renderItem])\n\n  useEffect(() => {\n    if (!forwardedRef.current) return\n\n    let _scrollEl = forwardedRef.current.parentNode\n\n    while (_scrollEl && !_isScrollable(_scrollEl)) {\n      _scrollEl = _scrollEl.parentNode\n    }\n\n    if (_scrollEl) {\n      const scrollEl = _scrollEl\n\n      if (!(scrollEl instanceof HTMLElement)) return\n\n      const handleScroll = () => {\n        setScrollTop(scrollEl.scrollTop)\n      }\n\n      scrollEl.addEventListener('scroll', handleScroll, {passive: true})\n\n      const ro = new ResizeObserver((entries) => {\n        setScrollHeight(entries[0].contentRect.height)\n      })\n\n      ro.observe(scrollEl)\n\n      handleScroll()\n\n      return () => {\n        scrollEl.removeEventListener('scroll', handleScroll)\n        ro.unobserve(scrollEl)\n        ro.disconnect()\n      }\n    }\n\n    const handleScroll = () => {\n      setScrollTop(window.scrollY)\n    }\n\n    const handleResize = () => {\n      setScrollHeight(window.innerHeight)\n    }\n\n    window.addEventListener('scroll', handleScroll, {passive: true})\n    window.addEventListener('resize', handleResize)\n\n    setScrollHeight(window.innerHeight)\n\n    handleScroll()\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll)\n      window.removeEventListener('resize', handleResize)\n    }\n  }, [forwardedRef])\n\n  const len = items.length\n  const height = itemHeight ? len * (itemHeight + space[gap]) - space[gap] : 0\n  const fromIndex = height ? Math.max(Math.floor((scrollTop / height) * len) - 2, 0) : 0\n  const toIndex = height ? Math.ceil(((scrollTop + scrollHeight) / height) * len) + 1 : 0\n\n  useEffect(() => {\n    if (!onChange) return\n    onChange({fromIndex, gap: space[gap], itemHeight, scrollHeight, scrollTop, toIndex})\n  }, [fromIndex, gap, itemHeight, onChange, scrollHeight, scrollTop, space, toIndex])\n\n  const children = useMemo(() => {\n    if (!renderItem || items.length === 0) return null\n\n    if (itemHeight === -1) {\n      return [<ItemWrapper key={0}>{renderItem(items[0])}</ItemWrapper>]\n    }\n\n    return items.slice(fromIndex, toIndex).map((item, _itemIndex) => {\n      const itemIndex = fromIndex + _itemIndex\n      const node = renderItem(item)\n      const key = getItemKey ? getItemKey(item, itemIndex) : itemIndex\n\n      return (\n        <ItemWrapper key={key} style={{top: itemIndex * (itemHeight + space[gap])}}>\n          {node}\n        </ItemWrapper>\n      )\n    })\n  }, [fromIndex, gap, getItemKey, itemHeight, items, renderItem, space, toIndex])\n\n  const wrapperStyle = useMemo(() => ({height}), [height])\n\n  return (\n    <Root as={as} data-ui=\"VirtualList\" {...restProps} ref={forwardedRef}>\n      <div ref={wrapperRef} style={wrapperStyle}>\n        {children}\n      </div>\n    </Root>\n  )\n})\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/lib/esm/components/autocomplete/autocomplete.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

package/lib/esm/components/autocomplete/autocomplete.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/autocomplete/autocomplete.tsx"],
   "sourcesContent": ["import {ChevronDownIcon} from '@sanity/icons'\nimport React, {\n  cloneElement,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from 'react'\nimport {EMPTY_ARRAY} from '../../constants'\nimport {_hasFocus, _raf, focusFirstDescendant} from '../../helpers'\nimport {useForwardedRef, useResponsiveProp} from '../../hooks'\nimport {Box, BoxProps, Button, Card, PopoverProps, Stack, Text, TextInput} from '../../primitives'\nimport {AnimatedSpinnerIcon, ListBox, ResultsPopover, Root} from './autocomplete.styles'\nimport {AutocompleteOption} from './autocompleteOption'\nimport {autocompleteReducer} from './autocompleteReducer'\nimport {\n  EMPTY_RECORD,\n  AUTOCOMPLETE_LISTBOX_IGNORE_KEYS,\n  AUTOCOMPLETE_POPOVER_FALLBACK_PLACEMENTS,\n  AUTOCOMPLETE_POPOVER_MARGINS,\n  AUTOCOMPLETE_POPOVER_PLACEMENT,\n} from './constants'\nimport {AutocompleteOpenButtonProps, BaseAutocompleteOption} from './types'\n\n/**\n * @public\n */\nexport interface AutocompleteProps<Option extends BaseAutocompleteOption> {\n  border?: boolean\n  customValidity?: string\n  filterOption?: (query: string, option: Option) => boolean\n  fontSize?: number | number[]\n  icon?: React.ComponentType | React.ReactNode\n  id: string\n  /**\n   * @beta\n   */\n  listBox?: BoxProps\n  loading?: boolean\n  onChange?: (value: string) => void\n  onQueryChange?: (query: string | null) => void\n  onSelect?: (value: string) => void\n  /**\n   * @beta\n   */\n  openButton?: boolean | AutocompleteOpenButtonProps\n  options?: Option[]\n  padding?: number | number[]\n  popover?: Omit<PopoverProps, 'content' | 'onMouseEnter' | 'onMouseLeave' | 'open'>\n  prefix?: React.ReactNode\n  radius?: number | number[]\n  /**\n   * @beta\n   */\n  relatedElements?: HTMLElement[]\n  renderOption?: (option: Option) => React.ReactElement\n  /**\n   * @beta\n   */\n  renderPopover?: (\n    props: {\n      content: React.ReactElement | null\n      hidden: boolean\n      inputElement: HTMLInputElement | null\n    },\n    ref: React.Ref<HTMLDivElement>\n  ) => React.ReactNode\n  renderValue?: (value: string, option?: Option) => string\n  suffix?: React.ReactNode\n  value?: string\n}\n\nconst defaultRenderValue = (value: string, option?: BaseAutocompleteOption) =>\n  option ? option.value : value\n\nconst defaultFilterOption = (query: string, option: BaseAutocompleteOption) =>\n  option.value.toLowerCase().indexOf(query.toLowerCase()) > -1\n\nconst InnerAutocomplete = forwardRef(function InnerAutocomplete<\n  Option extends BaseAutocompleteOption\n>(\n  props: AutocompleteProps<Option> &\n    Omit<\n      React.HTMLProps<HTMLInputElement>,\n      | 'aria-activedescendant'\n      | 'aria-autocomplete'\n      | 'aria-expanded'\n      | 'aria-owns'\n      | 'as'\n      | 'autoCapitalize'\n      | 'autoComplete'\n      | 'autoCorrect'\n      | 'id'\n      | 'inputMode'\n      | 'onChange'\n      | 'onSelect'\n      | 'prefix'\n      | 'ref'\n      | 'role'\n      | 'spellCheck'\n      | 'type'\n      | 'value'\n    >,\n  ref: React.Ref<HTMLInputElement>\n) {\n  const {\n    border = true,\n    customValidity,\n    disabled,\n    filterOption: filterOptionProp,\n    fontSize = 2,\n    icon,\n    id,\n    listBox = {},\n    loading,\n    onBlur,\n    onChange,\n    onFocus,\n    onQueryChange,\n    onSelect,\n    openButton,\n    options: optionsProp,\n    padding: paddingProp = 3,\n    popover = {},\n    prefix,\n    radius = 3,\n    readOnly,\n    relatedElements,\n    renderOption: renderOptionProp,\n    renderPopover,\n    renderValue = defaultRenderValue,\n    value: valueProp,\n    ...restProps\n  } = props\n\n  const [state, dispatch] = useReducer(autocompleteReducer, {\n    activeValue: valueProp || null,\n    focused: false,\n    listFocused: false,\n    query: null,\n    value: valueProp || null,\n  })\n\n  const {activeValue, focused, listFocused, query, value} = state\n\n  const defaultRenderOption = useCallback(\n    ({value}: BaseAutocompleteOption) => (\n      <Card data-as=\"button\" padding={paddingProp} radius={2} tone=\"inherit\">\n        <Text size={fontSize} textOverflow=\"ellipsis\">\n          {value}\n        </Text>\n      </Card>\n    ),\n    [fontSize, paddingProp]\n  )\n\n  const renderOption =\n    typeof renderOptionProp === 'function' ? renderOptionProp : defaultRenderOption\n  const filterOption =\n    typeof filterOptionProp === 'function' ? filterOptionProp : defaultFilterOption\n  const [rootElement, setRootElement] = useState<HTMLDivElement | null>(null)\n  const [resultsPopoverElement, setResultsPopoverElement] = useState<HTMLDivElement | null>(null)\n  const inputElementRef = useRef<HTMLInputElement | null>(null)\n  const listBoxElementRef = useRef<HTMLDivElement | null>(null)\n  const focusedElementRef = useRef<HTMLElement | null>(null)\n  const valueRef = useRef(value)\n  const valuePropRef = useRef(valueProp)\n  const forwardedRef = useForwardedRef(ref)\n  const popoverMouseWithinRef = useRef(false)\n  const listBoxId = `${id}-listbox`\n  const options = Array.isArray(optionsProp) ? optionsProp : EMPTY_ARRAY\n  const padding = useResponsiveProp(paddingProp)\n  const currentOption = useMemo(\n    () => (value !== null ? options.find((o) => o.value === value) : undefined),\n    [options, value]\n  )\n  const filteredOptions = useMemo(\n    () => options.filter((option) => (query ? filterOption(query, option) : true)),\n    [filterOption, options, query]\n  )\n  const filteredOptionsLen = filteredOptions.length\n  const activeItemId = activeValue ? `${id}-option-${activeValue}` : undefined\n  const expanded = (query !== null && loading) || (focused && query !== null)\n\n  const handleRootBlur = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      setTimeout(() => {\n        // NOTE: This is a workaround for a bug that may happen in Chrome (clicking the scrollbar\n        // closes the results in certain situations):\n        // - Do not handle blur if the mouse is within the popover\n        if (popoverMouseWithinRef.current) {\n          return\n        }\n\n        const elements: HTMLElement[] = (relatedElements || []).concat(\n          rootElement ? [rootElement] : [],\n          resultsPopoverElement ? [resultsPopoverElement] : []\n        )\n\n        let focusInside = false\n\n        if (document.activeElement) {\n          for (const e of elements) {\n            if (e === document.activeElement || e.contains(document.activeElement)) {\n              focusInside = true\n              break\n            }\n          }\n        }\n\n        if (focusInside === false) {\n          dispatch({type: 'root/blur'})\n          popoverMouseWithinRef.current = false\n          if (onQueryChange) onQueryChange(null)\n          if (onBlur) onBlur(event)\n        }\n      }, 0)\n    },\n    [onBlur, onQueryChange, relatedElements, resultsPopoverElement, rootElement]\n  )\n\n  const handleRootFocus = useCallback((event: React.FocusEvent) => {\n    const listBoxElement = listBoxElementRef.current\n    const focusedElement = event.target instanceof HTMLElement ? event.target : null\n\n    focusedElementRef.current = focusedElement\n\n    const nextListFocused = Boolean(\n      listBoxElement && focusedElement && listBoxElement.contains(focusedElement)\n    )\n\n    dispatch({type: 'root/setListFocused', listFocused: nextListFocused})\n  }, [])\n\n  const handleOptionSelect = useCallback(\n    (v: string) => {\n      dispatch({type: 'value/change', value: v})\n\n      popoverMouseWithinRef.current = false\n\n      if (onSelect) onSelect(v)\n\n      valueRef.current = v\n\n      if (onChange) onChange(v)\n      if (onQueryChange) onQueryChange(null)\n\n      inputElementRef.current?.focus()\n    },\n    [onChange, onSelect, onQueryChange]\n  )\n\n  const handleRootKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLElement>) => {\n      if (event.key === 'ArrowDown') {\n        event.preventDefault()\n\n        if (!filteredOptionsLen) return\n\n        const activeOption = filteredOptions.find((o) => o.value === activeValue)\n        const activeIndex = activeOption ? filteredOptions.indexOf(activeOption) : -1\n        const nextActiveOption = filteredOptions[(activeIndex + 1) % filteredOptionsLen]\n\n        if (nextActiveOption) {\n          dispatch({type: 'root/setActiveValue', value: nextActiveOption.value, listFocused: true})\n        }\n\n        return\n      }\n\n      if (event.key === 'ArrowUp') {\n        event.preventDefault()\n\n        if (!filteredOptionsLen) return\n\n        const activeOption = filteredOptions.find((o) => o.value === activeValue)\n        const activeIndex = activeOption ? filteredOptions.indexOf(activeOption) : -1\n        const nextActiveOption =\n          filteredOptions[\n            activeIndex === -1\n              ? filteredOptionsLen - 1\n              : (filteredOptionsLen + activeIndex - 1) % filteredOptionsLen\n          ]\n\n        if (nextActiveOption) {\n          dispatch({type: 'root/setActiveValue', value: nextActiveOption.value, listFocused: true})\n        }\n\n        return\n      }\n\n      if (event.key === 'Escape') {\n        dispatch({type: 'root/escape'})\n        popoverMouseWithinRef.current = false\n        if (onQueryChange) onQueryChange(null)\n        inputElementRef.current?.focus()\n\n        return\n      }\n\n      const target = event.target as Node\n      const listEl = listBoxElementRef.current\n\n      if (\n        (listEl === target || listEl?.contains(target)) &&\n        !AUTOCOMPLETE_LISTBOX_IGNORE_KEYS.includes(event.key)\n      ) {\n        inputElementRef.current?.focus()\n\n        return\n      }\n    },\n    [activeValue, filteredOptions, filteredOptionsLen, onQueryChange]\n  )\n\n  const handleInputChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const nextQuery = event.currentTarget.value\n\n      dispatch({type: 'input/change', query: nextQuery})\n\n      if (onQueryChange) onQueryChange(nextQuery)\n    },\n    [onQueryChange]\n  )\n\n  const handleInputFocus = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      if (!focused) {\n        dispatch({type: 'input/focus'})\n\n        if (onFocus) onFocus(event)\n      }\n    },\n    [focused, onFocus]\n  )\n\n  const handlePopoverMouseEnter = useCallback(() => {\n    popoverMouseWithinRef.current = true\n  }, [])\n\n  const handlePopoverMouseLeave = useCallback(() => {\n    popoverMouseWithinRef.current = false\n  }, [])\n\n  const handleClearButtonClick = useCallback(() => {\n    dispatch({type: 'root/clear'})\n    valueRef.current = ''\n    if (onChange) onChange('')\n    if (onQueryChange) onQueryChange(null)\n    inputElementRef.current?.focus()\n  }, [onChange, onQueryChange])\n\n  const handleClearButtonFocus = useCallback(() => {\n    dispatch({type: 'input/focus'})\n  }, [])\n\n  // Change the value when `value` prop changes\n  useEffect(() => {\n    if (valueProp !== valuePropRef.current) {\n      valuePropRef.current = valueProp\n\n      if (valueProp !== undefined) {\n        dispatch({type: 'value/change', value: valueProp})\n        valueRef.current = valueProp\n      }\n\n      return\n    }\n\n    if (valueProp !== value) {\n      dispatch({type: 'value/change', value: valueProp || null})\n    }\n  }, [valueProp, value])\n\n  // Reset active item when closing\n  useEffect(() => {\n    if (!focused) {\n      if (valueRef.current) {\n        dispatch({type: 'root/setActiveValue', value: valueRef.current})\n      }\n    }\n  }, [focused])\n\n  // Focus the selected item\n  useEffect(() => {\n    const listElement = listBoxElementRef.current\n\n    if (!listElement) return\n\n    const activeOption = filteredOptions.find((o) => o.value === activeValue)\n\n    if (activeOption) {\n      const activeIndex = filteredOptions.indexOf(activeOption)\n      const activeItemElement = listElement.childNodes[activeIndex] as HTMLLIElement | undefined\n\n      if (activeItemElement) {\n        if (_hasFocus(activeItemElement)) {\n          // already focused\n          return\n        }\n\n        focusFirstDescendant(activeItemElement)\n      }\n    }\n  }, [activeValue, filteredOptions])\n\n  const setRef = useCallback(\n    (el: HTMLInputElement | null) => {\n      inputElementRef.current = el\n      forwardedRef.current = el\n    },\n    [forwardedRef]\n  )\n\n  const clearButton = useMemo(() => {\n    if (!loading && !disabled && value) {\n      return {\n        'aria-label': 'Clear',\n        onFocus: handleClearButtonFocus,\n      }\n    }\n\n    return undefined\n  }, [disabled, handleClearButtonFocus, loading, value])\n\n  const openButtonBoxPadding = useMemo(() => padding.map((v) => v - 2), [padding])\n  const openButtonPadding = useMemo(() => padding.map((v) => v - 1), [padding])\n  const openButtonProps: AutocompleteOpenButtonProps = useMemo(\n    () => (typeof openButton === 'object' ? openButton : EMPTY_RECORD),\n    [openButton]\n  )\n\n  const handleOpenClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      dispatch({\n        type: 'root/open',\n        query: value ? renderValue(value, currentOption) : '',\n      })\n\n      if (openButtonProps.onClick) openButtonProps.onClick(event)\n\n      _raf(() => inputElementRef.current?.focus())\n    },\n    [currentOption, openButtonProps, renderValue, value]\n  )\n\n  const openButtonNode = useMemo(\n    () =>\n      !disabled && !readOnly && openButton ? (\n        <Box aria-hidden={expanded} padding={openButtonBoxPadding}>\n          <Button\n            aria-label=\"Open\"\n            disabled={expanded}\n            fontSize={fontSize}\n            icon={ChevronDownIcon}\n            mode=\"bleed\"\n            padding={openButtonPadding}\n            {...openButtonProps}\n            onClick={handleOpenClick}\n          />\n        </Box>\n      ) : undefined,\n    [\n      disabled,\n      expanded,\n      fontSize,\n      handleOpenClick,\n      openButton,\n      openButtonBoxPadding,\n      openButtonPadding,\n      openButtonProps,\n      readOnly,\n    ]\n  )\n\n  const inputValue = useMemo(() => {\n    if (query === null) {\n      if (value !== null) {\n        return renderValue(value, currentOption)\n      }\n\n      return ''\n    }\n\n    return query\n  }, [currentOption, query, renderValue, value])\n\n  const input = (\n    <TextInput\n      {...restProps}\n      aria-activedescendant={activeItemId}\n      aria-autocomplete=\"list\"\n      aria-expanded={expanded}\n      aria-owns={listBoxId}\n      autoCapitalize=\"off\"\n      autoComplete=\"off\"\n      autoCorrect=\"off\"\n      border={border}\n      clearButton={clearButton}\n      customValidity={customValidity}\n      disabled={disabled}\n      fontSize={fontSize}\n      icon={icon}\n      iconRight={loading && AnimatedSpinnerIcon}\n      id={id}\n      inputMode=\"search\"\n      onChange={handleInputChange}\n      onClear={handleClearButtonClick}\n      onFocus={handleInputFocus}\n      padding={padding}\n      prefix={prefix}\n      radius={radius}\n      readOnly={readOnly}\n      ref={setRef}\n      role=\"combobox\"\n      spellCheck={false}\n      suffix={openButtonNode}\n      value={inputValue}\n    />\n  )\n\n  const handleListBoxKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      // If the focus is currently in the list, move focus to the input element\n      if (event.key === 'Tab') {\n        if (listFocused) inputElementRef.current?.focus()\n      }\n    },\n    [listFocused]\n  )\n\n  const content = useMemo(() => {\n    if (filteredOptions.length === 0) return null\n\n    return (\n      <ListBox onKeyDown={handleListBoxKeyDown} padding={1} {...listBox} tabIndex={-1}>\n        <Stack\n          as=\"ul\"\n          aria-multiselectable={false}\n          id={listBoxId}\n          ref={listBoxElementRef}\n          role=\"listbox\"\n          space={1}\n        >\n          {filteredOptions.map((option) => {\n            const active =\n              activeValue !== null ? option.value === activeValue : currentOption === option\n\n            return (\n              <AutocompleteOption\n                id={`${id}-option-${option.value}`}\n                key={option.value}\n                onSelect={handleOptionSelect}\n                selected={active}\n                value={option.value}\n              >\n                {cloneElement(renderOption(option), {\n                  disabled: loading,\n                  selected: active,\n                  tabIndex: listFocused && active ? 0 : -1,\n                })}\n              </AutocompleteOption>\n            )\n          })}\n        </Stack>\n      </ListBox>\n    )\n  }, [\n    activeValue,\n    currentOption,\n    filteredOptions,\n    handleOptionSelect,\n    handleListBoxKeyDown,\n    id,\n    listBox,\n    listBoxId,\n    listFocused,\n    loading,\n    renderOption,\n  ])\n\n  const results = useMemo(() => {\n    if (renderPopover) {\n      return renderPopover(\n        {content, hidden: !expanded, inputElement: inputElementRef.current},\n        setResultsPopoverElement\n      )\n    }\n\n    if (filteredOptionsLen === 0) {\n      return null\n    }\n\n    return (\n      <ResultsPopover\n        __unstable_margins={AUTOCOMPLETE_POPOVER_MARGINS}\n        arrow={false}\n        constrainSize\n        content={content}\n        fallbackPlacements={AUTOCOMPLETE_POPOVER_FALLBACK_PLACEMENTS}\n        matchReferenceWidth\n        onMouseEnter={handlePopoverMouseEnter}\n        onMouseLeave={handlePopoverMouseLeave}\n        open={expanded}\n        placement={AUTOCOMPLETE_POPOVER_PLACEMENT}\n        portal\n        radius={radius}\n        ref={setResultsPopoverElement}\n        referenceElement={inputElementRef.current}\n        {...popover}\n      />\n    )\n  }, [\n    content,\n    expanded,\n    filteredOptionsLen,\n    handlePopoverMouseEnter,\n    handlePopoverMouseLeave,\n    popover,\n    radius,\n    renderPopover,\n  ])\n\n  return (\n    <Root\n      data-ui=\"Autocomplete\"\n      onBlur={handleRootBlur}\n      onFocus={handleRootFocus}\n      onKeyDown={handleRootKeyDown}\n      ref={setRootElement}\n    >\n      {input}\n      {results}\n    </Root>\n  )\n})\n\n/**\n * @public\n */\nexport const Autocomplete = InnerAutocomplete as <Option extends BaseAutocompleteOption>(\n  props: AutocompleteProps<Option> &\n    Omit<\n      React.HTMLProps<HTMLInputElement>,\n      | 'aria-activedescendant'\n      | 'aria-autocomplete'\n      | 'aria-expanded'\n      | 'aria-owns'\n      | 'as'\n      | 'autoCapitalize'\n      | 'autoComplete'\n      | 'autoCorrect'\n      | 'id'\n      | 'inputMode'\n      | 'onChange'\n      | 'onSelect'\n      | 'prefix'\n      | 'ref'\n      | 'role'\n      | 'spellCheck'\n      | 'type'\n      | 'value'\n    > & {\n      ref?: React.Ref<HTMLInputElement>\n    }\n) => React.ReactElement\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyDA,MAAM,qBAAqB,CAAC,OAAe,WACzC,SAAS,OAAO,QAAQ;AAE1B,MAAM,sBAAsB,CAAC,OAAe,WAC1C,OAAO,MAAM,cAAc,QAAQ,MAAM,iBAAiB;AAE5D,MAAM,oBAAoB,WAAW,4BAGnC,OAsBA,KACA;AACA,QA4BI,YA3BF;AAAA,aAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,SAAS,cAAc;AAAA,IACvB,UAAU;AAAA,IACV;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,cAAc;AAAA,IACd,OAAO;AAAA,MAEL,IADC,sBACD,IADC;AAAA,IA1BH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAAM,CAAC,OAAO,YAAY,WAAW,qBAAqB;AAAA,IACxD,aAAa,aAAa;AAAA,IAC1B,SAAS;AAAA,IACT,aAAa;AAAA,IACb,OAAO;AAAA,IACP,OAAO,aAAa;AAAA;AAGtB,QAAM,EAAC,aAAa,SAAS,aAAa,OAAO,UAAS;AAE1D,QAAM,sBAAsB,YAC1B,CAAC,EAAC,oBACA,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,IAAS,SAAS;AAAA,IAAa,QAAQ;AAAA,IAAG,MAAK;AAAA,KAC3D,oCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,IAAU,cAAa;AAAA,KAChC,UAIP,CAAC,UAAU;AAGb,QAAM,eACJ,OAAO,qBAAqB,aAAa,mBAAmB;AAC9D,QAAM,eACJ,OAAO,qBAAqB,aAAa,mBAAmB;AAC9D,QAAM,CAAC,aAAa,kBAAkB,SAAgC;AACtE,QAAM,CAAC,uBAAuB,4BAA4B,SAAgC;AAC1F,QAAM,kBAAkB,OAAgC;AACxD,QAAM,oBAAoB,OAA8B;AACxD,QAAM,oBAAoB,OAA2B;AACrD,QAAM,WAAW,OAAO;AACxB,QAAM,eAAe,OAAO;AAC5B,QAAM,eAAe,gBAAgB;AACrC,QAAM,wBAAwB,OAAO;AACrC,QAAM,YAAY,GAAG;AACrB,QAAM,UAAU,MAAM,QAAQ,eAAe,cAAc;AAC3D,QAAM,UAAU,kBAAkB;AAClC,QAAM,gBAAgB,QACpB,MAAO,UAAU,OAAO,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS,QACjE,CAAC,SAAS;AAEZ,QAAM,kBAAkB,QACtB,MAAM,QAAQ,OAAO,CAAC,WAAY,QAAQ,aAAa,OAAO,UAAU,OACxE,CAAC,cAAc,SAAS;AAE1B,QAAM,qBAAqB,gBAAgB;AAC3C,QAAM,eAAe,cAAc,GAAG,aAAa,gBAAgB;AACnE,QAAM,WAAY,UAAU,QAAQ,WAAa,WAAW,UAAU;AAEtE,QAAM,iBAAiB,YACrB,CAAC,UAA8C;AAC7C,eAAW,MAAM;AAIf,UAAI,sBAAsB,SAAS;AACjC;AAAA;AAGF,YAAM,WAA2B,oBAAmB,IAAI,OACtD,cAAc,CAAC,eAAe,IAC9B,wBAAwB,CAAC,yBAAyB;AAGpD,UAAI,cAAc;AAElB,UAAI,SAAS,eAAe;AAC1B,mBAAW,KAAK,UAAU;AACxB,cAAI,MAAM,SAAS,iBAAiB,EAAE,SAAS,SAAS,gBAAgB;AACtE,0BAAc;AACd;AAAA;AAAA;AAAA;AAKN,UAAI,gBAAgB,OAAO;AACzB,iBAAS,EAAC,MAAM;AAChB,8BAAsB,UAAU;AAChC,YAAI;AAAe,wBAAc;AACjC,YAAI;AAAQ,iBAAO;AAAA;AAAA,OAEpB;AAAA,KAEL,CAAC,QAAQ,eAAe,iBAAiB,uBAAuB;AAGlE,QAAM,kBAAkB,YAAY,CAAC,UAA4B;AAC/D,UAAM,iBAAiB,kBAAkB;AACzC,UAAM,iBAAiB,MAAM,kBAAkB,cAAc,MAAM,SAAS;AAE5E,sBAAkB,UAAU;AAE5B,UAAM,kBAAkB,QACtB,kBAAkB,kBAAkB,eAAe,SAAS;AAG9D,aAAS,EAAC,MAAM,uBAAuB,aAAa;AAAA,KACnD;AAEH,QAAM,qBAAqB,YACzB,CAAC,MAAc;AA9OnB;AA+OM,aAAS,EAAC,MAAM,gBAAgB,OAAO;AAEvC,0BAAsB,UAAU;AAEhC,QAAI;AAAU,eAAS;AAEvB,aAAS,UAAU;AAEnB,QAAI;AAAU,eAAS;AACvB,QAAI;AAAe,oBAAc;AAEjC,2BAAgB,YAAhB,oBAAyB;AAAA,KAE3B,CAAC,UAAU,UAAU;AAGvB,QAAM,oBAAoB,YACxB,CAAC,UAA4C;AAhQjD;AAiQM,QAAI,MAAM,QAAQ,aAAa;AAC7B,YAAM;AAEN,UAAI,CAAC;AAAoB;AAEzB,YAAM,eAAe,gBAAgB,KAAK,CAAC,MAAM,EAAE,UAAU;AAC7D,YAAM,cAAc,eAAe,gBAAgB,QAAQ,gBAAgB;AAC3E,YAAM,mBAAmB,gBAAiB,eAAc,KAAK;AAE7D,UAAI,kBAAkB;AACpB,iBAAS,EAAC,MAAM,uBAAuB,OAAO,iBAAiB,OAAO,aAAa;AAAA;AAGrF;AAAA;AAGF,QAAI,MAAM,QAAQ,WAAW;AAC3B,YAAM;AAEN,UAAI,CAAC;AAAoB;AAEzB,YAAM,eAAe,gBAAgB,KAAK,CAAC,MAAM,EAAE,UAAU;AAC7D,YAAM,cAAc,eAAe,gBAAgB,QAAQ,gBAAgB;AAC3E,YAAM,mBACJ,gBACE,gBAAgB,KACZ,qBAAqB,IACpB,sBAAqB,cAAc,KAAK;AAGjD,UAAI,kBAAkB;AACpB,iBAAS,EAAC,MAAM,uBAAuB,OAAO,iBAAiB,OAAO,aAAa;AAAA;AAGrF;AAAA;AAGF,QAAI,MAAM,QAAQ,UAAU;AAC1B,eAAS,EAAC,MAAM;AAChB,4BAAsB,UAAU;AAChC,UAAI;AAAe,sBAAc;AACjC,6BAAgB,YAAhB,oBAAyB;AAEzB;AAAA;AAGF,UAAM,SAAS,MAAM;AACrB,UAAM,SAAS,kBAAkB;AAEjC,QACG,YAAW,UAAU,kCAAQ,SAAS,aACvC,CAAC,iCAAiC,SAAS,MAAM,MACjD;AACA,4BAAgB,YAAhB,mBAAyB;AAEzB;AAAA;AAAA,KAGJ,CAAC,aAAa,iBAAiB,oBAAoB;AAGrD,QAAM,oBAAoB,YACxB,CAAC,UAA+C;AAC9C,UAAM,YAAY,MAAM,cAAc;AAEtC,aAAS,EAAC,MAAM,gBAAgB,OAAO;AAEvC,QAAI;AAAe,oBAAc;AAAA,KAEnC,CAAC;AAGH,QAAM,mBAAmB,YACvB,CAAC,UAA8C;AAC7C,QAAI,CAAC,SAAS;AACZ,eAAS,EAAC,MAAM;AAEhB,UAAI;AAAS,gBAAQ;AAAA;AAAA,KAGzB,CAAC,SAAS;AAGZ,QAAM,0BAA0B,YAAY,MAAM;AAChD,0BAAsB,UAAU;AAAA,KAC/B;AAEH,QAAM,0BAA0B,YAAY,MAAM;AAChD,0BAAsB,UAAU;AAAA,KAC/B;AAEH,QAAM,yBAAyB,YAAY,MAAM;AA5VnD;AA6VI,aAAS,EAAC,MAAM;AAChB,aAAS,UAAU;AACnB,QAAI;AAAU,eAAS;AACvB,QAAI;AAAe,oBAAc;AACjC,2BAAgB,YAAhB,oBAAyB;AAAA,KACxB,CAAC,UAAU;AAEd,QAAM,yBAAyB,YAAY,MAAM;AAC/C,aAAS,EAAC,MAAM;AAAA,KACf;AAGH,YAAU,MAAM;AACd,QAAI,cAAc,aAAa,SAAS;AACtC,mBAAa,UAAU;AAEvB,UAAI,cAAc,QAAW;AAC3B,iBAAS,EAAC,MAAM,gBAAgB,OAAO;AACvC,iBAAS,UAAU;AAAA;AAGrB;AAAA;AAGF,QAAI,cAAc,OAAO;AACvB,eAAS,EAAC,MAAM,gBAAgB,OAAO,aAAa;AAAA;AAAA,KAErD,CAAC,WAAW;AAGf,YAAU,MAAM;AACd,QAAI,CAAC,SAAS;AACZ,UAAI,SAAS,SAAS;AACpB,iBAAS,EAAC,MAAM,uBAAuB,OAAO,SAAS;AAAA;AAAA;AAAA,KAG1D,CAAC;AAGJ,YAAU,MAAM;AACd,UAAM,cAAc,kBAAkB;AAEtC,QAAI,CAAC;AAAa;AAElB,UAAM,eAAe,gBAAgB,KAAK,CAAC,MAAM,EAAE,UAAU;AAE7D,QAAI,cAAc;AAChB,YAAM,cAAc,gBAAgB,QAAQ;AAC5C,YAAM,oBAAoB,YAAY,WAAW;AAEjD,UAAI,mBAAmB;AACrB,YAAI,UAAU,oBAAoB;AAEhC;AAAA;AAGF,6BAAqB;AAAA;AAAA;AAAA,KAGxB,CAAC,aAAa;AAEjB,QAAM,SAAS,YACb,CAAC,OAAgC;AAC/B,oBAAgB,UAAU;AAC1B,iBAAa,UAAU;AAAA,KAEzB,CAAC;AAGH,QAAM,cAAc,QAAQ,MAAM;AAChC,QAAI,CAAC,WAAW,CAAC,YAAY,OAAO;AAClC,aAAO;AAAA,QACL,cAAc;AAAA,QACd,SAAS;AAAA;AAAA;AAIb,WAAO;AAAA,KACN,CAAC,UAAU,wBAAwB,SAAS;AAE/C,QAAM,uBAAuB,QAAQ,MAAM,QAAQ,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC;AACvE,QAAM,oBAAoB,QAAQ,MAAM,QAAQ,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC;AACpE,QAAM,kBAA+C,QACnD,MAAO,OAAO,eAAe,WAAW,aAAa,cACrD,CAAC;AAGH,QAAM,kBAAkB,YACtB,CAAC,UAA+C;AAC9C,aAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO,QAAQ,YAAY,OAAO,iBAAiB;AAAA;AAGrD,QAAI,gBAAgB;AAAS,sBAAgB,QAAQ;AAErD,SAAK,MAAG;AA7bd;AA6biB,oCAAgB,YAAhB,oBAAyB;AAAA;AAAA,KAEtC,CAAC,eAAe,iBAAiB,aAAa;AAGhD,QAAM,iBAAiB,QACrB,MACE,CAAC,YAAY,CAAC,YAAY,aACxB,oCAAC,KAAD;AAAA,IAAK,eAAa;AAAA,IAAU,SAAS;AAAA,KACnC,oCAAC,QAAD;AAAA,IACE,cAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA,MAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAS;AAAA,KACL,kBAPN;AAAA,IAQE,SAAS;AAAA,SAGX,QACN;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,UAAU,MAAM;AAClB,UAAI,UAAU,MAAM;AAClB,eAAO,YAAY,OAAO;AAAA;AAG5B,aAAO;AAAA;AAGT,WAAO;AAAA,KACN,CAAC,eAAe,OAAO,aAAa;AAEvC,QAAM,QACJ,oCAAC,WAAD,iCACM,YADN;AAAA,IAEE,yBAAuB;AAAA,IACvB,qBAAkB;AAAA,IAClB,iBAAe;AAAA,IACf,aAAW;AAAA,IACX,gBAAe;AAAA,IACf,cAAa;AAAA,IACb,aAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,WAAW;AAAA,IACtB;AAAA,IACA,WAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,MAAK;AAAA,IACL,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA;AAIX,QAAM,uBAAuB,YAC3B,CAAC,UAA+C;AA9gBpD;AAghBM,QAAI,MAAM,QAAQ,OAAO;AACvB,UAAI;AAAa,+BAAgB,YAAhB,oBAAyB;AAAA;AAAA,KAG9C,CAAC;AAGH,QAAM,UAAU,QAAQ,MAAM;AAC5B,QAAI,gBAAgB,WAAW;AAAG,aAAO;AAEzC,WACE,oCAAC,SAAD;AAAA,MAAS,WAAW;AAAA,MAAsB,SAAS;AAAA,OAAO,UAA1D;AAAA,MAAmE,UAAU;AAAA,QAC3E,oCAAC,OAAD;AAAA,MACE,IAAG;AAAA,MACH,wBAAsB;AAAA,MACtB,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,MAAK;AAAA,MACL,OAAO;AAAA,OAEN,gBAAgB,IAAI,CAAC,WAAW;AAC/B,YAAM,SACJ,gBAAgB,OAAO,OAAO,UAAU,cAAc,kBAAkB;AAE1E,aACE,oCAAC,oBAAD;AAAA,QACE,IAAI,GAAG,aAAa,OAAO;AAAA,QAC3B,KAAK,OAAO;AAAA,QACZ,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO,OAAO;AAAA,SAEb,aAAa,aAAa,SAAS;AAAA,QAClC,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU,eAAe,SAAS,IAAI;AAAA;AAAA;AAAA,KAQnD;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,UAAU,QAAQ,MAAM;AAC5B,QAAI,eAAe;AACjB,aAAO,cACL,EAAC,SAAS,QAAQ,CAAC,UAAU,cAAc,gBAAgB,WAC3D;AAAA;AAIJ,QAAI,uBAAuB,GAAG;AAC5B,aAAO;AAAA;AAGT,WACE,oCAAC,gBAAD;AAAA,MACE,oBAAoB;AAAA,MACpB,OAAO;AAAA,MACP,eAAa;AAAA,MACb;AAAA,MACA,oBAAoB;AAAA,MACpB,qBAAmB;AAAA,MACnB,cAAc;AAAA,MACd,cAAc;AAAA,MACd,MAAM;AAAA,MACN,WAAW;AAAA,MACX,QAAM;AAAA,MACN;AAAA,MACA,KAAK;AAAA,MACL,kBAAkB,gBAAgB;AAAA,OAC9B;AAAA,KAGP;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,SACE,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,KAEJ,OACA;AAAA;AAQA,MAAM,eAAe;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyDA,MAAM,qBAAqB,CAAC,OAAe,WACzC,SAAS,OAAO,QAAQ;AAE1B,MAAM,sBAAsB,CAAC,OAAe,WAC1C,OAAO,MAAM,cAAc,QAAQ,MAAM,iBAAiB;AAE5D,MAAM,oBAAoB,WAAW,4BAGnC,OAsBA,KACA;AACA,QA4BI,YA3BF;AAAA,aAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,SAAS,cAAc;AAAA,IACvB,UAAU;AAAA,IACV;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,cAAc;AAAA,IACd,OAAO;AAAA,MAEL,IADC,sBACD,IADC;AAAA,IA1BH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAAM,CAAC,OAAO,YAAY,WAAW,qBAAqB;AAAA,IACxD,aAAa,aAAa;AAAA,IAC1B,SAAS;AAAA,IACT,aAAa;AAAA,IACb,OAAO;AAAA,IACP,OAAO,aAAa;AAAA;AAGtB,QAAM,EAAC,aAAa,SAAS,aAAa,OAAO,UAAS;AAE1D,QAAM,sBAAsB,YAC1B,CAAC,EAAC,oBACA,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,IAAS,SAAS;AAAA,IAAa,QAAQ;AAAA,IAAG,MAAK;AAAA,KAC3D,oCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,IAAU,cAAa;AAAA,KAChC,UAIP,CAAC,UAAU;AAGb,QAAM,eACJ,OAAO,qBAAqB,aAAa,mBAAmB;AAC9D,QAAM,eACJ,OAAO,qBAAqB,aAAa,mBAAmB;AAC9D,QAAM,CAAC,aAAa,kBAAkB,SAAgC;AACtE,QAAM,CAAC,uBAAuB,4BAA4B,SAAgC;AAC1F,QAAM,kBAAkB,OAAgC;AACxD,QAAM,oBAAoB,OAA8B;AACxD,QAAM,oBAAoB,OAA2B;AACrD,QAAM,WAAW,OAAO;AACxB,QAAM,eAAe,OAAO;AAC5B,QAAM,eAAe,gBAAgB;AACrC,QAAM,wBAAwB,OAAO;AACrC,QAAM,YAAY,GAAG;AACrB,QAAM,UAAU,MAAM,QAAQ,eAAe,cAAc;AAC3D,QAAM,UAAU,kBAAkB;AAClC,QAAM,gBAAgB,QACpB,MAAO,UAAU,OAAO,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS,QACjE,CAAC,SAAS;AAEZ,QAAM,kBAAkB,QACtB,MAAM,QAAQ,OAAO,CAAC,WAAY,QAAQ,aAAa,OAAO,UAAU,OACxE,CAAC,cAAc,SAAS;AAE1B,QAAM,qBAAqB,gBAAgB;AAC3C,QAAM,eAAe,cAAc,GAAG,aAAa,gBAAgB;AACnE,QAAM,WAAY,UAAU,QAAQ,WAAa,WAAW,UAAU;AAEtE,QAAM,iBAAiB,YACrB,CAAC,UAA8C;AAC7C,eAAW,MAAM;AAIf,UAAI,sBAAsB,SAAS;AACjC;AAAA;AAGF,YAAM,WAA2B,oBAAmB,IAAI,OACtD,cAAc,CAAC,eAAe,IAC9B,wBAAwB,CAAC,yBAAyB;AAGpD,UAAI,cAAc;AAElB,UAAI,SAAS,eAAe;AAC1B,mBAAW,KAAK,UAAU;AACxB,cAAI,MAAM,SAAS,iBAAiB,EAAE,SAAS,SAAS,gBAAgB;AACtE,0BAAc;AACd;AAAA;AAAA;AAAA;AAKN,UAAI,gBAAgB,OAAO;AACzB,iBAAS,EAAC,MAAM;AAChB,8BAAsB,UAAU;AAChC,YAAI;AAAe,wBAAc;AACjC,YAAI;AAAQ,iBAAO;AAAA;AAAA,OAEpB;AAAA,KAEL,CAAC,QAAQ,eAAe,iBAAiB,uBAAuB;AAGlE,QAAM,kBAAkB,YAAY,CAAC,UAA4B;AAC/D,UAAM,iBAAiB,kBAAkB;AACzC,UAAM,iBAAiB,MAAM,kBAAkB,cAAc,MAAM,SAAS;AAE5E,sBAAkB,UAAU;AAE5B,UAAM,kBAAkB,QACtB,kBAAkB,kBAAkB,eAAe,SAAS;AAG9D,aAAS,EAAC,MAAM,uBAAuB,aAAa;AAAA,KACnD;AAEH,QAAM,qBAAqB,YACzB,CAAC,MAAc;AA9OnB;AA+OM,aAAS,EAAC,MAAM,gBAAgB,OAAO;AAEvC,0BAAsB,UAAU;AAEhC,QAAI;AAAU,eAAS;AAEvB,aAAS,UAAU;AAEnB,QAAI;AAAU,eAAS;AACvB,QAAI;AAAe,oBAAc;AAEjC,2BAAgB,YAAhB,oBAAyB;AAAA,KAE3B,CAAC,UAAU,UAAU;AAGvB,QAAM,oBAAoB,YACxB,CAAC,UAA4C;AAhQjD;AAiQM,QAAI,MAAM,QAAQ,aAAa;AAC7B,YAAM;AAEN,UAAI,CAAC;AAAoB;AAEzB,YAAM,eAAe,gBAAgB,KAAK,CAAC,MAAM,EAAE,UAAU;AAC7D,YAAM,cAAc,eAAe,gBAAgB,QAAQ,gBAAgB;AAC3E,YAAM,mBAAmB,gBAAiB,eAAc,KAAK;AAE7D,UAAI,kBAAkB;AACpB,iBAAS,EAAC,MAAM,uBAAuB,OAAO,iBAAiB,OAAO,aAAa;AAAA;AAGrF;AAAA;AAGF,QAAI,MAAM,QAAQ,WAAW;AAC3B,YAAM;AAEN,UAAI,CAAC;AAAoB;AAEzB,YAAM,eAAe,gBAAgB,KAAK,CAAC,MAAM,EAAE,UAAU;AAC7D,YAAM,cAAc,eAAe,gBAAgB,QAAQ,gBAAgB;AAC3E,YAAM,mBACJ,gBACE,gBAAgB,KACZ,qBAAqB,IACpB,sBAAqB,cAAc,KAAK;AAGjD,UAAI,kBAAkB;AACpB,iBAAS,EAAC,MAAM,uBAAuB,OAAO,iBAAiB,OAAO,aAAa;AAAA;AAGrF;AAAA;AAGF,QAAI,MAAM,QAAQ,UAAU;AAC1B,eAAS,EAAC,MAAM;AAChB,4BAAsB,UAAU;AAChC,UAAI;AAAe,sBAAc;AACjC,6BAAgB,YAAhB,oBAAyB;AAEzB;AAAA;AAGF,UAAM,SAAS,MAAM;AACrB,UAAM,SAAS,kBAAkB;AAEjC,QACG,YAAW,UAAU,kCAAQ,SAAS,aACvC,CAAC,iCAAiC,SAAS,MAAM,MACjD;AACA,4BAAgB,YAAhB,mBAAyB;AAEzB;AAAA;AAAA,KAGJ,CAAC,aAAa,iBAAiB,oBAAoB;AAGrD,QAAM,oBAAoB,YACxB,CAAC,UAA+C;AAC9C,UAAM,YAAY,MAAM,cAAc;AAEtC,aAAS,EAAC,MAAM,gBAAgB,OAAO;AAEvC,QAAI;AAAe,oBAAc;AAAA,KAEnC,CAAC;AAGH,QAAM,mBAAmB,YACvB,CAAC,UAA8C;AAC7C,QAAI,CAAC,SAAS;AACZ,eAAS,EAAC,MAAM;AAEhB,UAAI;AAAS,gBAAQ;AAAA;AAAA,KAGzB,CAAC,SAAS;AAGZ,QAAM,0BAA0B,YAAY,MAAM;AAChD,0BAAsB,UAAU;AAAA,KAC/B;AAEH,QAAM,0BAA0B,YAAY,MAAM;AAChD,0BAAsB,UAAU;AAAA,KAC/B;AAEH,QAAM,yBAAyB,YAAY,MAAM;AA5VnD;AA6VI,aAAS,EAAC,MAAM;AAChB,aAAS,UAAU;AACnB,QAAI;AAAU,eAAS;AACvB,QAAI;AAAe,oBAAc;AACjC,2BAAgB,YAAhB,oBAAyB;AAAA,KACxB,CAAC,UAAU;AAEd,QAAM,yBAAyB,YAAY,MAAM;AAC/C,aAAS,EAAC,MAAM;AAAA,KACf;AAGH,YAAU,MAAM;AACd,QAAI,cAAc,aAAa,SAAS;AACtC,mBAAa,UAAU;AAEvB,UAAI,cAAc,QAAW;AAC3B,iBAAS,EAAC,MAAM,gBAAgB,OAAO;AACvC,iBAAS,UAAU;AAAA;AAGrB;AAAA;AAGF,QAAI,cAAc,OAAO;AACvB,eAAS,EAAC,MAAM,gBAAgB,OAAO,aAAa;AAAA;AAAA,KAErD,CAAC,WAAW;AAGf,YAAU,MAAM;AACd,QAAI,CAAC,SAAS;AACZ,UAAI,SAAS,SAAS;AACpB,iBAAS,EAAC,MAAM,uBAAuB,OAAO,SAAS;AAAA;AAAA;AAAA,KAG1D,CAAC;AAGJ,YAAU,MAAM;AACd,UAAM,cAAc,kBAAkB;AAEtC,QAAI,CAAC;AAAa;AAElB,UAAM,eAAe,gBAAgB,KAAK,CAAC,MAAM,EAAE,UAAU;AAE7D,QAAI,cAAc;AAChB,YAAM,cAAc,gBAAgB,QAAQ;AAC5C,YAAM,oBAAoB,YAAY,WAAW;AAEjD,UAAI,mBAAmB;AACrB,YAAI,UAAU,oBAAoB;AAEhC;AAAA;AAGF,6BAAqB;AAAA;AAAA;AAAA,KAGxB,CAAC,aAAa;AAEjB,QAAM,SAAS,YACb,CAAC,OAAgC;AAC/B,oBAAgB,UAAU;AAC1B,iBAAa,UAAU;AAAA,KAEzB,CAAC;AAGH,QAAM,cAAc,QAAQ,MAAM;AAChC,QAAI,CAAC,WAAW,CAAC,YAAY,OAAO;AAClC,aAAO;AAAA,QACL,cAAc;AAAA,QACd,SAAS;AAAA;AAAA;AAIb,WAAO;AAAA,KACN,CAAC,UAAU,wBAAwB,SAAS;AAE/C,QAAM,uBAAuB,QAAQ,MAAM,QAAQ,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC;AACvE,QAAM,oBAAoB,QAAQ,MAAM,QAAQ,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC;AACpE,QAAM,kBAA+C,QACnD,MAAO,OAAO,eAAe,WAAW,aAAa,cACrD,CAAC;AAGH,QAAM,kBAAkB,YACtB,CAAC,UAA+C;AAC9C,aAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO,QAAQ,YAAY,OAAO,iBAAiB;AAAA;AAGrD,QAAI,gBAAgB;AAAS,sBAAgB,QAAQ;AAErD,SAAK,MAAG;AA7bd;AA6biB,oCAAgB,YAAhB,oBAAyB;AAAA;AAAA,KAEtC,CAAC,eAAe,iBAAiB,aAAa;AAGhD,QAAM,iBAAiB,QACrB,MACE,CAAC,YAAY,CAAC,YAAY,aACxB,oCAAC,KAAD;AAAA,IAAK,eAAa;AAAA,IAAU,SAAS;AAAA,KACnC,oCAAC,QAAD;AAAA,IACE,cAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA,MAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAS;AAAA,KACL,kBAPN;AAAA,IAQE,SAAS;AAAA,SAGX,QACN;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,UAAU,MAAM;AAClB,UAAI,UAAU,MAAM;AAClB,eAAO,YAAY,OAAO;AAAA;AAG5B,aAAO;AAAA;AAGT,WAAO;AAAA,KACN,CAAC,eAAe,OAAO,aAAa;AAEvC,QAAM,QACJ,oCAAC,WAAD,iCACM,YADN;AAAA,IAEE,yBAAuB;AAAA,IACvB,qBAAkB;AAAA,IAClB,iBAAe;AAAA,IACf,aAAW;AAAA,IACX,gBAAe;AAAA,IACf,cAAa;AAAA,IACb,aAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,WAAW;AAAA,IACtB;AAAA,IACA,WAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,MAAK;AAAA,IACL,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA;AAIX,QAAM,uBAAuB,YAC3B,CAAC,UAA+C;AA9gBpD;AAghBM,QAAI,MAAM,QAAQ,OAAO;AACvB,UAAI;AAAa,+BAAgB,YAAhB,oBAAyB;AAAA;AAAA,KAG9C,CAAC;AAGH,QAAM,UAAU,QAAQ,MAAM;AAC5B,QAAI,gBAAgB,WAAW;AAAG,aAAO;AAEzC,WACE,oCAAC,SAAD;AAAA,MAAS,WAAW;AAAA,MAAsB,SAAS;AAAA,OAAO,UAA1D;AAAA,MAAmE,UAAU;AAAA,QAC3E,oCAAC,OAAD;AAAA,MACE,IAAG;AAAA,MACH,wBAAsB;AAAA,MACtB,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,MAAK;AAAA,MACL,OAAO;AAAA,OAEN,gBAAgB,IAAI,CAAC,WAAW;AAC/B,YAAM,SACJ,gBAAgB,OAAO,OAAO,UAAU,cAAc,kBAAkB;AAE1E,aACE,oCAAC,oBAAD;AAAA,QACE,IAAI,GAAG,aAAa,OAAO;AAAA,QAC3B,KAAK,OAAO;AAAA,QACZ,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO,OAAO;AAAA,SAEb,aAAa,aAAa,SAAS;AAAA,QAClC,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU,eAAe,SAAS,IAAI;AAAA;AAAA;AAAA,KAQnD;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,UAAU,QAAQ,MAAM;AAC5B,QAAI,eAAe;AACjB,aAAO,cACL,EAAC,SAAS,QAAQ,CAAC,UAAU,cAAc,gBAAgB,WAC3D;AAAA;AAIJ,QAAI,uBAAuB,GAAG;AAC5B,aAAO;AAAA;AAGT,WACE,oCAAC,gBAAD;AAAA,MACE,oBAAoB;AAAA,MACpB,OAAO;AAAA,MACP,eAAa;AAAA,MACb;AAAA,MACA,oBAAoB;AAAA,MACpB,qBAAmB;AAAA,MACnB,cAAc;AAAA,MACd,cAAc;AAAA,MACd,MAAM;AAAA,MACN,WAAW;AAAA,MACX,QAAM;AAAA,MACN;AAAA,MACA,KAAK;AAAA,MACL,kBAAkB,gBAAgB;AAAA,OAC9B;AAAA,KAGP;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,SACE,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,KAEJ,OACA;AAAA;AAQA,MAAM,eAAe;",
   "names": []
 }

package/lib/esm/components/autocomplete/autocomplete.styles.d.ts

@@ -14,5 +14,5 @@ export declare const ResultsPopover: import("styled-components").StyledComponent
 /**
  * @internal
  */
-export declare const AnimatedSpinnerIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "x" | "y" | "r" | "name" | "mode" | "key" | "color" | "media" | "radius" | "from" | "children" | "version" | "style" | "clipPath" | "filter" | "mask" | "path" | "end" | "local" | "clip" | "fill" | "stroke" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "min" | "max" | "display" | "height" | "fontFamily" | "fontWeight" | "fontSize" | "letterSpacing" | "transform" | "overflow" | "type" | "width" | "className" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "crossOrigin" | "href" | "method" | "target" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "format" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & import("react").RefAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const AnimatedSpinnerIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "x" | "y" | "r" | "name" | "mode" | "key" | "color" | "media" | "radius" | "from" | "children" | "version" | "style" | "clipPath" | "filter" | "mask" | "path" | "end" | "local" | "clip" | "fill" | "stroke" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "min" | "max" | "fr" | "display" | "height" | "fontFamily" | "fontWeight" | "fontSize" | "letterSpacing" | "transform" | "overflow" | "type" | "width" | "className" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "crossOrigin" | "href" | "method" | "target" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "format" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & import("react").RefAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, {}, never>;
 //# sourceMappingURL=autocomplete.styles.d.ts.map

package/lib/esm/components/autocomplete/autocomplete.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete.styles.tsx"],"names":[],"mappings":";AAIA;;GAEG;AACH,eAAO,MAAM,IAAI,yGAEhB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,miMAMnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,qhMAS1B,CAAA;AAYD;;GAEG;AACH,eAAO,MAAM,mBAAmB,ssPAE/B,CAAA"}
+{"version":3,"file":"autocomplete.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete.styles.tsx"],"names":[],"mappings":";AAIA;;GAEG;AACH,eAAO,MAAM,IAAI,yGAEhB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,miMAMnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,qhMAS1B,CAAA;AAYD;;GAEG;AACH,eAAO,MAAM,mBAAmB,6sPAE/B,CAAA"}

package/lib/esm/components/autocomplete/autocompleteReducer.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 function autocompleteReducer(state, msg) {
   if (msg.type === "input/change") {
     return __spreadProps(__spreadValues({}, state), { activeValue: null, focused: true, query: msg.query });

package/lib/esm/components/autocomplete/autocompleteReducer.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/autocomplete/autocompleteReducer.ts"],
   "sourcesContent": ["import {AutocompleteMsg, AutocompleteState} from './types'\n\n/**\n * @internal\n */\nexport function autocompleteReducer(\n  state: AutocompleteState,\n  msg: AutocompleteMsg\n): AutocompleteState {\n  if (msg.type === 'input/change') {\n    return {...state, activeValue: null, focused: true, query: msg.query}\n  }\n\n  if (msg.type === 'input/focus') {\n    return {...state, focused: true}\n  }\n\n  if (msg.type === 'root/blur') {\n    return {...state, focused: false, query: null}\n  }\n\n  if (msg.type === 'root/clear') {\n    return {...state, activeValue: null, query: null, value: null}\n  }\n\n  if (msg.type === 'root/escape') {\n    return {...state, focused: false, query: null}\n  }\n\n  if (msg.type === 'root/open') {\n    return {...state, query: state.query || msg.query}\n  }\n\n  if (msg.type === 'root/setActiveValue') {\n    return {...state, activeValue: msg.value, listFocused: msg.listFocused || state.listFocused}\n  }\n\n  if (msg.type === 'root/setListFocused') {\n    // prevent unnecessary re-render\n    if (state.listFocused === msg.listFocused) return state\n\n    return {...state, listFocused: msg.listFocused}\n  }\n\n  if (msg.type === 'value/change') {\n    return {...state, activeValue: msg.value, query: null, value: msg.value}\n  }\n\n  return state\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAKO,6BACL,OACA,KACmB;AACnB,MAAI,IAAI,SAAS,gBAAgB;AAC/B,WAAO,iCAAI,QAAJ,EAAW,aAAa,MAAM,SAAS,MAAM,OAAO,IAAI;AAAA;AAGjE,MAAI,IAAI,SAAS,eAAe;AAC9B,WAAO,iCAAI,QAAJ,EAAW,SAAS;AAAA;AAG7B,MAAI,IAAI,SAAS,aAAa;AAC5B,WAAO,iCAAI,QAAJ,EAAW,SAAS,OAAO,OAAO;AAAA;AAG3C,MAAI,IAAI,SAAS,cAAc;AAC7B,WAAO,iCAAI,QAAJ,EAAW,aAAa,MAAM,OAAO,MAAM,OAAO;AAAA;AAG3D,MAAI,IAAI,SAAS,eAAe;AAC9B,WAAO,iCAAI,QAAJ,EAAW,SAAS,OAAO,OAAO;AAAA;AAG3C,MAAI,IAAI,SAAS,aAAa;AAC5B,WAAO,iCAAI,QAAJ,EAAW,OAAO,MAAM,SAAS,IAAI;AAAA;AAG9C,MAAI,IAAI,SAAS,uBAAuB;AACtC,WAAO,iCAAI,QAAJ,EAAW,aAAa,IAAI,OAAO,aAAa,IAAI,eAAe,MAAM;AAAA;AAGlF,MAAI,IAAI,SAAS,uBAAuB;AAEtC,QAAI,MAAM,gBAAgB,IAAI;AAAa,aAAO;AAElD,WAAO,iCAAI,QAAJ,EAAW,aAAa,IAAI;AAAA;AAGrC,MAAI,IAAI,SAAS,gBAAgB;AAC/B,WAAO,iCAAI,QAAJ,EAAW,aAAa,IAAI,OAAO,OAAO,MAAM,OAAO,IAAI;AAAA;AAGpE,SAAO;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAKO,6BACL,OACA,KACmB;AACnB,MAAI,IAAI,SAAS,gBAAgB;AAC/B,WAAO,iCAAI,QAAJ,EAAW,aAAa,MAAM,SAAS,MAAM,OAAO,IAAI;AAAA;AAGjE,MAAI,IAAI,SAAS,eAAe;AAC9B,WAAO,iCAAI,QAAJ,EAAW,SAAS;AAAA;AAG7B,MAAI,IAAI,SAAS,aAAa;AAC5B,WAAO,iCAAI,QAAJ,EAAW,SAAS,OAAO,OAAO;AAAA;AAG3C,MAAI,IAAI,SAAS,cAAc;AAC7B,WAAO,iCAAI,QAAJ,EAAW,aAAa,MAAM,OAAO,MAAM,OAAO;AAAA;AAG3D,MAAI,IAAI,SAAS,eAAe;AAC9B,WAAO,iCAAI,QAAJ,EAAW,SAAS,OAAO,OAAO;AAAA;AAG3C,MAAI,IAAI,SAAS,aAAa;AAC5B,WAAO,iCAAI,QAAJ,EAAW,OAAO,MAAM,SAAS,IAAI;AAAA;AAG9C,MAAI,IAAI,SAAS,uBAAuB;AACtC,WAAO,iCAAI,QAAJ,EAAW,aAAa,IAAI,OAAO,aAAa,IAAI,eAAe,MAAM;AAAA;AAGlF,MAAI,IAAI,SAAS,uBAAuB;AAEtC,QAAI,MAAM,gBAAgB,IAAI;AAAa,aAAO;AAElD,WAAO,iCAAI,QAAJ,EAAW,aAAa,IAAI;AAAA;AAGrC,MAAI,IAAI,SAAS,gBAAgB;AAC/B,WAAO,iCAAI,QAAJ,EAAW,aAAa,IAAI,OAAO,OAAO,MAAM,OAAO,IAAI;AAAA;AAGpE,SAAO;AAAA;",
   "names": []
 }

package/lib/esm/components/breadcrumbs/breadcrumbs.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)

package/lib/esm/components/breadcrumbs/breadcrumbs.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/breadcrumbs/breadcrumbs.tsx"],
   "sourcesContent": ["import React, {\n  Children,\n  forwardRef,\n  Fragment,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react'\nimport {useClickOutside} from '../../hooks'\nimport {Box, Popover, Stack, Text} from '../../primitives'\nimport {ExpandButton, Root} from './breadcrumbs.styles'\n\n/**\n * @beta\n */\nexport interface BreadcrumbsProps {\n  maxLength?: number\n  separator?: React.ReactNode\n  space?: number | number[]\n}\n\n/**\n * @beta\n */\nexport const Breadcrumbs = forwardRef(function Breadcrumbs(\n  props: BreadcrumbsProps & Omit<React.HTMLProps<HTMLOListElement>, 'as' | 'ref' | 'type'>,\n  ref: React.ForwardedRef<HTMLOListElement>\n) {\n  const {children, maxLength, separator, space = 2, ...restProps} = props\n  const [open, setOpen] = useState(false)\n  const [expandElement, setExpandElement] = useState<HTMLButtonElement | null>(null)\n  const [popoverElement, setPopoverElement] = useState<HTMLDivElement | null>(null)\n\n  const collapse = useCallback(() => setOpen(false), [])\n  const expand = useCallback(() => setOpen(true), [])\n\n  useClickOutside(collapse, [expandElement, popoverElement])\n\n  const rawItems = useMemo(\n    () =>\n      Children.toArray(children).filter((child) => {\n        return isValidElement(child)\n      }),\n    [children]\n  )\n\n  const items = useMemo(() => {\n    const len = rawItems.length\n\n    if (maxLength && len > maxLength) {\n      const beforeLength = Math.ceil(maxLength / 2)\n      const afterLength = Math.floor(maxLength / 2)\n\n      return [\n        ...rawItems.slice(0, beforeLength - 1),\n        <Popover\n          constrainSize\n          content={\n            <Stack as=\"ol\" overflow=\"auto\" padding={space} space={space}>\n              {rawItems.slice(beforeLength - 1, len - afterLength)}\n            </Stack>\n          }\n          key=\"button\"\n          open={open}\n          placement=\"top\"\n          portal\n          ref={setPopoverElement}\n        >\n          <ExpandButton\n            fontSize={1}\n            mode=\"bleed\"\n            onClick={open ? collapse : expand}\n            padding={1}\n            ref={setExpandElement}\n            selected={open}\n            text=\"\u2026\"\n          />\n        </Popover>,\n        ...rawItems.slice(len - afterLength),\n      ]\n    }\n\n    return rawItems\n  }, [collapse, expand, maxLength, open, rawItems, space])\n\n  return (\n    <Root data-ui=\"Breadcrumbs\" {...restProps} ref={ref}>\n      {items.map((item, itemIndex) => (\n        <Fragment key={itemIndex}>\n          {itemIndex > 0 && (\n            <Box aria-hidden as=\"li\" paddingX={space}>\n              {separator || <Text muted>/</Text>}\n            </Box>\n          )}\n          <Box as=\"li\">{item}</Box>\n        </Fragment>\n      ))}\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AACA;AAcO,MAAM,cAAc,WAAW,sBACpC,OACA,KACA;AACA,QAAkE,YAA3D,YAAU,WAAW,WAAW,QAAQ,MAAmB,IAAb,sBAAa,IAAb,CAA9C,YAAU,aAAW,aAAW;AACvC,QAAM,CAAC,MAAM,WAAW,SAAS;AACjC,QAAM,CAAC,eAAe,oBAAoB,SAAmC;AAC7E,QAAM,CAAC,gBAAgB,qBAAqB,SAAgC;AAE5E,QAAM,WAAW,YAAY,MAAM,QAAQ,QAAQ;AACnD,QAAM,SAAS,YAAY,MAAM,QAAQ,OAAO;AAEhD,kBAAgB,UAAU,CAAC,eAAe;AAE1C,QAAM,WAAW,QACf,MACE,SAAS,QAAQ,UAAU,OAAO,CAAC,UAAU;AAC3C,WAAO,eAAe;AAAA,MAE1B,CAAC;AAGH,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,MAAM,SAAS;AAErB,QAAI,aAAa,MAAM,WAAW;AAChC,YAAM,eAAe,KAAK,KAAK,YAAY;AAC3C,YAAM,cAAc,KAAK,MAAM,YAAY;AAE3C,aAAO;AAAA,QACL,GAAG,SAAS,MAAM,GAAG,eAAe;AAAA,QACpC,oCAAC,SAAD;AAAA,UACE,eAAa;AAAA,UACb,SACE,oCAAC,OAAD;AAAA,YAAO,IAAG;AAAA,YAAK,UAAS;AAAA,YAAO,SAAS;AAAA,YAAO;AAAA,aAC5C,SAAS,MAAM,eAAe,GAAG,MAAM;AAAA,UAG5C,KAAI;AAAA,UACJ;AAAA,UACA,WAAU;AAAA,UACV,QAAM;AAAA,UACN,KAAK;AAAA,WAEL,oCAAC,cAAD;AAAA,UACE,UAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS,OAAO,WAAW;AAAA,UAC3B,SAAS;AAAA,UACT,KAAK;AAAA,UACL,UAAU;AAAA,UACV,MAAK;AAAA;AAAA,QAGT,GAAG,SAAS,MAAM,MAAM;AAAA;AAAA;AAI5B,WAAO;AAAA,KACN,CAAC,UAAU,QAAQ,WAAW,MAAM,UAAU;AAEjD,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAkB,YAAhC;AAAA,IAA2C;AAAA,MACxC,MAAM,IAAI,CAAC,MAAM,cAChB,oCAAC,UAAD;AAAA,IAAU,KAAK;AAAA,KACZ,YAAY,KACX,oCAAC,KAAD;AAAA,IAAK,eAAW;AAAA,IAAC,IAAG;AAAA,IAAK,UAAU;AAAA,KAChC,aAAa,oCAAC,MAAD;AAAA,IAAM,OAAK;AAAA,KAAC,OAG9B,oCAAC,KAAD;AAAA,IAAK,IAAG;AAAA,KAAM;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AACA;AAcO,MAAM,cAAc,WAAW,sBACpC,OACA,KACA;AACA,QAAkE,YAA3D,YAAU,WAAW,WAAW,QAAQ,MAAmB,IAAb,sBAAa,IAAb,CAA9C,YAAU,aAAW,aAAW;AACvC,QAAM,CAAC,MAAM,WAAW,SAAS;AACjC,QAAM,CAAC,eAAe,oBAAoB,SAAmC;AAC7E,QAAM,CAAC,gBAAgB,qBAAqB,SAAgC;AAE5E,QAAM,WAAW,YAAY,MAAM,QAAQ,QAAQ;AACnD,QAAM,SAAS,YAAY,MAAM,QAAQ,OAAO;AAEhD,kBAAgB,UAAU,CAAC,eAAe;AAE1C,QAAM,WAAW,QACf,MACE,SAAS,QAAQ,UAAU,OAAO,CAAC,UAAU;AAC3C,WAAO,eAAe;AAAA,MAE1B,CAAC;AAGH,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,MAAM,SAAS;AAErB,QAAI,aAAa,MAAM,WAAW;AAChC,YAAM,eAAe,KAAK,KAAK,YAAY;AAC3C,YAAM,cAAc,KAAK,MAAM,YAAY;AAE3C,aAAO;AAAA,QACL,GAAG,SAAS,MAAM,GAAG,eAAe;AAAA,QACpC,oCAAC,SAAD;AAAA,UACE,eAAa;AAAA,UACb,SACE,oCAAC,OAAD;AAAA,YAAO,IAAG;AAAA,YAAK,UAAS;AAAA,YAAO,SAAS;AAAA,YAAO;AAAA,aAC5C,SAAS,MAAM,eAAe,GAAG,MAAM;AAAA,UAG5C,KAAI;AAAA,UACJ;AAAA,UACA,WAAU;AAAA,UACV,QAAM;AAAA,UACN,KAAK;AAAA,WAEL,oCAAC,cAAD;AAAA,UACE,UAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS,OAAO,WAAW;AAAA,UAC3B,SAAS;AAAA,UACT,KAAK;AAAA,UACL,UAAU;AAAA,UACV,MAAK;AAAA;AAAA,QAGT,GAAG,SAAS,MAAM,MAAM;AAAA;AAAA;AAI5B,WAAO;AAAA,KACN,CAAC,UAAU,QAAQ,WAAW,MAAM,UAAU;AAEjD,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAkB,YAAhC;AAAA,IAA2C;AAAA,MACxC,MAAM,IAAI,CAAC,MAAM,cAChB,oCAAC,UAAD;AAAA,IAAU,KAAK;AAAA,KACZ,YAAY,KACX,oCAAC,KAAD;AAAA,IAAK,eAAW;AAAA,IAAC,IAAG;AAAA,IAAK,UAAU;AAAA,KAChC,aAAa,oCAAC,MAAD;AAAA,IAAM,OAAK;AAAA,KAAC,OAG9B,oCAAC,KAAD;AAAA,IAAK,IAAG;AAAA,KAAM;AAAA;",
   "names": []
 }

package/lib/esm/components/dialog/dialog.d.ts

@@ -22,6 +22,7 @@ export interface DialogProps extends ResponsivePaddingProps, ResponsiveWidthProp
     id: string;
     onClickOutside?: () => void;
     onClose?: () => void;
+    portal?: string;
     position?: DialogPosition | DialogPosition[];
     scheme?: ThemeColorSchemeKey;
     zOffset?: number | number[];

package/lib/esm/components/dialog/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6D,MAAM,OAAO,CAAA;AAKjF,OAAO,EAAC,sBAAsB,EAAE,oBAAoB,EAAC,MAAM,wBAAwB,CAAA;AAEnF,OAAO,EAAC,mBAAmB,EAAW,MAAM,aAAa,CAAA;AACzD,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAS1C;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,sBAAsB,EAAE,oBAAoB;IAC/E;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAA;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,cAAc,GAAG,cAAc,EAAE,CAAA;IAC5C,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC5B;AAwMD;;GAEG;AACH,eAAO,MAAM,MAAM,m3LAyFjB,CAAA"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6D,MAAM,OAAO,CAAA;AAKjF,OAAO,EAAC,sBAAsB,EAAE,oBAAoB,EAAC,MAAM,wBAAwB,CAAA;AAEnF,OAAO,EAAC,mBAAmB,EAAW,MAAM,aAAa,CAAA;AACzD,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAS1C;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,sBAAsB,EAAE,oBAAoB;IAC/E;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAA;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,cAAc,GAAG,cAAc,EAAE,CAAA;IAC5C,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC5B;AA2MD;;GAEG;AACH,eAAO,MAAM,MAAM,m3LA0FjB,CAAA"}

package/lib/esm/components/dialog/dialog.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -36,7 +33,7 @@ import { CloseIcon } from "@sanity/icons";
 import React, { forwardRef, useCallback, useEffect, useRef, useState } from "react";
 import styled from "styled-components";
 import { focusFirstDescendant, focusLastDescendant } from "../../helpers";
-import { useClickOutside, useGlobalKeyDown } from "../../hooks";
+import { useClickOutside, useForwardedRef, useGlobalKeyDown } from "../../hooks";
 import { Box, Button, Card, Container, Flex, Text } from "../../primitives";
 import { responsivePaddingStyle } from "../../styles/internal";
 import { useTheme } from "../../theme";
@@ -112,6 +109,7 @@ const DialogCard = forwardRef(function DialogCard2(props, ref) {
     shadow,
     width
   } = props;
+  const forwardedRef = useForwardedRef(ref);
   const [rootElement, setRootElement] = useState(null);
   const localContentRef = useRef(null);
   const layer = useLayer();
@@ -122,10 +120,10 @@ const DialogCard = forwardRef(function DialogCard2(props, ref) {
   useEffect(() => {
     if (!autoFocus)
       return;
-    if (localContentRef.current) {
-      focusFirstDescendant(localContentRef.current);
+    if (forwardedRef.current) {
+      focusFirstDescendant(forwardedRef.current);
     }
-  }, [autoFocus]);
+  }, [autoFocus, forwardedRef]);
   useGlobalKeyDown(useCallback((event) => {
     if (!isTopLayer || !onClose)
       return;
@@ -142,11 +140,8 @@ const DialogCard = forwardRef(function DialogCard2(props, ref) {
   }, [isTopLayer, onClickOutside]), [rootElement]);
   const setRef = useCallback((el) => {
     setRootElement(el);
-    if (typeof ref === "function")
-      ref(el);
-    else if (ref)
-      ref.current = el;
-  }, [ref]);
+    forwardedRef.current = el;
+  }, [forwardedRef]);
   const setContentRef = useCallback((el) => {
     localContentRef.current = el;
     if (typeof contentRef === "function")
@@ -202,6 +197,7 @@ const Dialog = forwardRef(function Dialog2(props, ref) {
     onClickOutside,
     onClose,
     padding = 4,
+    portal,
     position = dialog.position || "fixed",
     scheme,
     width = 0,
@@ -219,6 +215,7 @@ const Dialog = forwardRef(function Dialog2(props, ref) {
     "onClickOutside",
     "onClose",
     "padding",
+    "portal",
     "position",
     "scheme",
     "width",
@@ -243,7 +240,9 @@ const Dialog = forwardRef(function Dialog2(props, ref) {
     }
   }, []);
   const labelId = `${id}_label`;
-  return /* @__PURE__ */ React.createElement(Portal, null, /* @__PURE__ */ React.createElement(Root, __spreadProps(__spreadValues({}, restProps), {
+  return /* @__PURE__ */ React.createElement(Portal, {
+    __unstable_name: portal
+  }, /* @__PURE__ */ React.createElement(Root, __spreadProps(__spreadValues({}, restProps), {
     $padding: padding,
     $position: position,
     "aria-labelledby": labelId,

package/lib/esm/components/dialog/dialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/dialog/dialog.tsx"],
-  "sourcesContent": ["import {CloseIcon} from '@sanity/icons'\nimport React, {forwardRef, useCallback, useEffect, useRef, useState} from 'react'\nimport styled from 'styled-components'\nimport {focusFirstDescendant, focusLastDescendant} from '../../helpers'\nimport {useClickOutside, useGlobalKeyDown} from '../../hooks'\nimport {Box, Button, Card, Container, Flex, Text} from '../../primitives'\nimport {ResponsivePaddingProps, ResponsiveWidthProps} from '../../primitives/types'\nimport {responsivePaddingStyle, ResponsivePaddingStyleProps} from '../../styles/internal'\nimport {ThemeColorSchemeKey, useTheme} from '../../theme'\nimport {DialogPosition} from '../../types'\nimport {Layer, Portal, useLayer} from '../../utils'\nimport {\n  dialogStyle,\n  responsiveDialogPositionStyle,\n  ResponsiveDialogPositionStyleProps,\n} from './styles'\nimport {useDialog} from './useDialog'\n\n/**\n * @public\n */\nexport interface DialogProps extends ResponsivePaddingProps, ResponsiveWidthProps {\n  /**\n   * @beta\n   */\n  __unstable_autoFocus?: boolean\n  /**\n   * @beta\n   */\n  __unstable_hideCloseButton?: boolean\n  cardRadius?: number | number[]\n  cardShadow?: number | number[]\n  contentRef?: React.ForwardedRef<HTMLDivElement>\n  footer?: React.ReactNode\n  header?: React.ReactNode\n  id: string\n  onClickOutside?: () => void\n  onClose?: () => void\n  position?: DialogPosition | DialogPosition[]\n  scheme?: ThemeColorSchemeKey\n  zOffset?: number | number[]\n}\n\ninterface DialogCardProps extends ResponsiveWidthProps {\n  /**\n   * @beta\n   */\n  __unstable_autoFocus: boolean\n  /**\n   * @beta\n   */\n  __unstable_hideCloseButton: boolean\n  children: React.ReactNode\n  contentRef?: React.ForwardedRef<HTMLDivElement>\n  footer: React.ReactNode\n  header: React.ReactNode\n  id: string\n  onClickOutside?: () => void\n  onClose?: () => void\n  radius: number | number[]\n  scheme?: ThemeColorSchemeKey\n  shadow: number | number[]\n}\n\nconst Root = styled(Layer)<ResponsiveDialogPositionStyleProps & ResponsivePaddingStyleProps>(\n  responsivePaddingStyle,\n  dialogStyle,\n  responsiveDialogPositionStyle\n)\n\nconst DialogContainer = styled(Container)`\n  &:not([hidden]) {\n    display: flex;\n  }\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n`\n\nconst DialogCardRoot = styled(Card)`\n  &:not([hidden]) {\n    display: flex;\n  }\n  width: 100%;\n  min-height: 0;\n  max-height: 100%;\n  overflow: hidden;\n`\n\nconst DialogLayout = styled(Flex)`\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n`\n\nconst DialogHeader = styled(Card)`\n  position: relative;\n  z-index: 2;\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    border-bottom: 1px solid var(--card-hairline-soft-color);\n  }\n`\n\nconst DialogContent = styled(Box)`\n  position: relative;\n  z-index: 1;\n  overflow: auto;\n  outline: none;\n`\n\nconst DialogFooter = styled(Box)`\n  position: relative;\n  z-index: 3;\n  border-top: 1px solid var(--card-hairline-soft-color);\n`\n\nconst DialogCard = forwardRef(function DialogCard(props: DialogCardProps, ref) {\n  const {\n    __unstable_autoFocus: autoFocus,\n    __unstable_hideCloseButton: hideCloseButton,\n    children,\n    contentRef,\n    footer,\n    header,\n    id,\n    onClickOutside,\n    onClose,\n    radius,\n    scheme,\n    shadow,\n    width,\n  } = props\n  const [rootElement, setRootElement] = useState<HTMLDivElement | null>(null)\n  const localContentRef = useRef<HTMLDivElement | null>(null)\n  const layer = useLayer()\n  const {isTopLayer} = layer\n  const labelId = `${id}_label`\n  const showCloseButton = Boolean(onClose) && hideCloseButton === false\n  const showHeader = Boolean(header) || showCloseButton\n\n  useEffect(() => {\n    if (!autoFocus) return\n\n    // On mount: focus the first interactive element in the contents\n    if (localContentRef.current) {\n      focusFirstDescendant(localContentRef.current)\n    }\n  }, [autoFocus])\n\n  useGlobalKeyDown(\n    useCallback(\n      (event: KeyboardEvent) => {\n        if (!isTopLayer || !onClose) return\n\n        if (event.key === 'Escape') {\n          event.preventDefault()\n          event.stopPropagation()\n          onClose()\n        }\n      },\n      [isTopLayer, onClose]\n    )\n  )\n\n  useClickOutside(\n    useCallback(() => {\n      if (!isTopLayer || !onClickOutside) return\n\n      onClickOutside()\n    }, [isTopLayer, onClickOutside]),\n    [rootElement]\n  )\n\n  const setRef = useCallback(\n    (el: HTMLDivElement | null) => {\n      setRootElement(el)\n      if (typeof ref === 'function') ref(el)\n      else if (ref) ref.current = el\n    },\n    [ref]\n  )\n\n  const setContentRef = useCallback(\n    (el: HTMLDivElement | null) => {\n      localContentRef.current = el\n      if (typeof contentRef === 'function') contentRef(el)\n      else if (contentRef) contentRef.current = el\n    },\n    [contentRef]\n  )\n\n  return (\n    <DialogContainer data-ui=\"DialogCard\" width={width}>\n      <DialogCardRoot radius={radius} ref={setRef} scheme={scheme} shadow={shadow}>\n        <DialogLayout direction=\"column\">\n          {showHeader && (\n            <DialogHeader>\n              <Flex>\n                <Box flex={1} padding={4}>\n                  {header && (\n                    <Text id={labelId} weight=\"semibold\">\n                      {header}\n                    </Text>\n                  )}\n                </Box>\n                {showCloseButton && (\n                  <Box padding={2}>\n                    <Button\n                      aria-label=\"Close dialog\"\n                      disabled={!onClose}\n                      icon={CloseIcon}\n                      mode=\"bleed\"\n                      onClick={onClose}\n                      padding={3}\n                    />\n                  </Box>\n                )}\n              </Flex>\n            </DialogHeader>\n          )}\n\n          <DialogContent flex={1} ref={setContentRef} tabIndex={-1}>\n            {children}\n          </DialogContent>\n\n          {footer && <DialogFooter>{footer}</DialogFooter>}\n        </DialogLayout>\n      </DialogCardRoot>\n    </DialogContainer>\n  )\n})\n\n/**\n * @public\n */\nexport const Dialog = forwardRef(function Dialog(\n  props: DialogProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'id' | 'width'>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const dialog = useDialog()\n  const theme = useTheme()\n  const {\n    __unstable_autoFocus: autoFocus = true,\n    __unstable_hideCloseButton: hideCloseButton = false,\n    cardRadius = 3,\n    cardShadow = 4,\n    children,\n    contentRef,\n    footer,\n    header,\n    id,\n    onClickOutside,\n    onClose,\n    padding = 4,\n    position = dialog.position || 'fixed',\n    scheme,\n    width = 0,\n    zOffset = dialog.zOffset || theme.sanity.layer?.dialog.zOffset,\n    ...restProps\n  } = props\n  const preDivRef = useRef<HTMLDivElement | null>(null)\n  const postDivRef = useRef<HTMLDivElement | null>(null)\n  const cardRef = useRef<HTMLDivElement | null>(null)\n\n  const handleFocus = useCallback((event: React.FocusEvent<HTMLDivElement>) => {\n    const target = event.target\n    const cardElement = cardRef.current\n\n    if (!cardElement) {\n      return\n    }\n\n    if (target === preDivRef.current) {\n      focusLastDescendant(cardElement)\n\n      return\n    }\n\n    if (target === postDivRef.current) {\n      focusFirstDescendant(cardElement)\n\n      return\n    }\n  }, [])\n\n  const labelId = `${id}_label`\n\n  return (\n    <Portal>\n      <Root\n        {...restProps}\n        $padding={padding}\n        $position={position}\n        aria-labelledby={labelId}\n        aria-modal\n        data-ui=\"Dialog\"\n        id={id}\n        onFocus={handleFocus}\n        ref={ref}\n        role=\"dialog\"\n        zOffset={zOffset}\n      >\n        <div ref={preDivRef} tabIndex={0} />\n        <DialogCard\n          __unstable_autoFocus={autoFocus}\n          __unstable_hideCloseButton={hideCloseButton}\n          contentRef={contentRef}\n          footer={footer}\n          header={header}\n          id={id}\n          onClickOutside={onClickOutside}\n          onClose={onClose}\n          radius={cardRadius}\n          ref={cardRef}\n          scheme={scheme}\n          shadow={cardShadow}\n          width={width}\n        >\n          {children}\n        </DialogCard>\n        <div ref={postDivRef} tabIndex={0} />\n      </Root>\n    </Portal>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAKA;AAgDA,MAAM,OAAO,OAAO,OAClB,wBACA,aACA;AAGF,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW/B,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU9B,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5B,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe5B,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO7B,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5B,MAAM,aAAa,WAAW,qBAAoB,OAAwB,KAAK;AAC7E,QAAM;AAAA,IACJ,sBAAsB;AAAA,IACtB,4BAA4B;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AACJ,QAAM,CAAC,aAAa,kBAAkB,SAAgC;AACtE,QAAM,kBAAkB,OAA8B;AACtD,QAAM,QAAQ;AACd,QAAM,EAAC,eAAc;AACrB,QAAM,UAAU,GAAG;AACnB,QAAM,kBAAkB,QAAQ,YAAY,oBAAoB;AAChE,QAAM,aAAa,QAAQ,WAAW;AAEtC,YAAU,MAAM;AACd,QAAI,CAAC;AAAW;AAGhB,QAAI,gBAAgB,SAAS;AAC3B,2BAAqB,gBAAgB;AAAA;AAAA,KAEtC,CAAC;AAEJ,mBACE,YACE,CAAC,UAAyB;AACxB,QAAI,CAAC,cAAc,CAAC;AAAS;AAE7B,QAAI,MAAM,QAAQ,UAAU;AAC1B,YAAM;AACN,YAAM;AACN;AAAA;AAAA,KAGJ,CAAC,YAAY;AAIjB,kBACE,YAAY,MAAM;AAChB,QAAI,CAAC,cAAc,CAAC;AAAgB;AAEpC;AAAA,KACC,CAAC,YAAY,kBAChB,CAAC;AAGH,QAAM,SAAS,YACb,CAAC,OAA8B;AAC7B,mBAAe;AACf,QAAI,OAAO,QAAQ;AAAY,UAAI;AAAA,aAC1B;AAAK,UAAI,UAAU;AAAA,KAE9B,CAAC;AAGH,QAAM,gBAAgB,YACpB,CAAC,OAA8B;AAC7B,oBAAgB,UAAU;AAC1B,QAAI,OAAO,eAAe;AAAY,iBAAW;AAAA,aACxC;AAAY,iBAAW,UAAU;AAAA,KAE5C,CAAC;AAGH,SACE,oCAAC,iBAAD;AAAA,IAAiB,WAAQ;AAAA,IAAa;AAAA,KACpC,oCAAC,gBAAD;AAAA,IAAgB;AAAA,IAAgB,KAAK;AAAA,IAAQ;AAAA,IAAgB;AAAA,KAC3D,oCAAC,cAAD;AAAA,IAAc,WAAU;AAAA,KACrB,cACC,oCAAC,cAAD,MACE,oCAAC,MAAD,MACE,oCAAC,KAAD;AAAA,IAAK,MAAM;AAAA,IAAG,SAAS;AAAA,KACpB,UACC,oCAAC,MAAD;AAAA,IAAM,IAAI;AAAA,IAAS,QAAO;AAAA,KACvB,UAIN,mBACC,oCAAC,KAAD;AAAA,IAAK,SAAS;AAAA,KACZ,oCAAC,QAAD;AAAA,IACE,cAAW;AAAA,IACX,UAAU,CAAC;AAAA,IACX,MAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAS;AAAA,IACT,SAAS;AAAA,SAQrB,oCAAC,eAAD;AAAA,IAAe,MAAM;AAAA,IAAG,KAAK;AAAA,IAAe,UAAU;AAAA,KACnD,WAGF,UAAU,oCAAC,cAAD,MAAe;AAAA;AAU7B,MAAM,SAAS,WAAW,iBAC/B,OACA,KACA;AAvPF;AAwPE,QAAM,SAAS;AACf,QAAM,QAAQ;AACd,QAkBI,YAjBF;AAAA,0BAAsB,YAAY;AAAA,IAClC,4BAA4B,kBAAkB;AAAA,IAC9C,aAAa;AAAA,IACb,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,WAAW,OAAO,YAAY;AAAA,IAC9B;AAAA,IACA,QAAQ;AAAA,IACR,UAAU,OAAO,WAAW,aAAM,OAAO,UAAb,mBAAoB,OAAO;AAAA,MAErD,IADC,sBACD,IADC;AAAA,IAhBH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,YAAY,OAA8B;AAChD,QAAM,aAAa,OAA8B;AACjD,QAAM,UAAU,OAA8B;AAE9C,QAAM,cAAc,YAAY,CAAC,UAA4C;AAC3E,UAAM,SAAS,MAAM;AACrB,UAAM,cAAc,QAAQ;AAE5B,QAAI,CAAC,aAAa;AAChB;AAAA;AAGF,QAAI,WAAW,UAAU,SAAS;AAChC,0BAAoB;AAEpB;AAAA;AAGF,QAAI,WAAW,WAAW,SAAS;AACjC,2BAAqB;AAErB;AAAA;AAAA,KAED;AAEH,QAAM,UAAU,GAAG;AAEnB,SACE,oCAAC,QAAD,MACE,oCAAC,MAAD,iCACM,YADN;AAAA,IAEE,UAAU;AAAA,IACV,WAAW;AAAA,IACX,mBAAiB;AAAA,IACjB,cAAU;AAAA,IACV,WAAQ;AAAA,IACR;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,MAAK;AAAA,IACL;AAAA,MAEA,oCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAW,UAAU;AAAA,MAC/B,oCAAC,YAAD;AAAA,IACE,sBAAsB;AAAA,IACtB,4BAA4B;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,KAAK;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,KAEC,WAEH,oCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAY,UAAU;AAAA;AAAA;",
+  "sourcesContent": ["import {CloseIcon} from '@sanity/icons'\nimport React, {forwardRef, useCallback, useEffect, useRef, useState} from 'react'\nimport styled from 'styled-components'\nimport {focusFirstDescendant, focusLastDescendant} from '../../helpers'\nimport {useClickOutside, useForwardedRef, useGlobalKeyDown} from '../../hooks'\nimport {Box, Button, Card, Container, Flex, Text} from '../../primitives'\nimport {ResponsivePaddingProps, ResponsiveWidthProps} from '../../primitives/types'\nimport {responsivePaddingStyle, ResponsivePaddingStyleProps} from '../../styles/internal'\nimport {ThemeColorSchemeKey, useTheme} from '../../theme'\nimport {DialogPosition} from '../../types'\nimport {Layer, Portal, useLayer} from '../../utils'\nimport {\n  dialogStyle,\n  responsiveDialogPositionStyle,\n  ResponsiveDialogPositionStyleProps,\n} from './styles'\nimport {useDialog} from './useDialog'\n\n/**\n * @public\n */\nexport interface DialogProps extends ResponsivePaddingProps, ResponsiveWidthProps {\n  /**\n   * @beta\n   */\n  __unstable_autoFocus?: boolean\n  /**\n   * @beta\n   */\n  __unstable_hideCloseButton?: boolean\n  cardRadius?: number | number[]\n  cardShadow?: number | number[]\n  contentRef?: React.ForwardedRef<HTMLDivElement>\n  footer?: React.ReactNode\n  header?: React.ReactNode\n  id: string\n  onClickOutside?: () => void\n  onClose?: () => void\n  portal?: string\n  position?: DialogPosition | DialogPosition[]\n  scheme?: ThemeColorSchemeKey\n  zOffset?: number | number[]\n}\n\ninterface DialogCardProps extends ResponsiveWidthProps {\n  /**\n   * @beta\n   */\n  __unstable_autoFocus: boolean\n  /**\n   * @beta\n   */\n  __unstable_hideCloseButton: boolean\n  children: React.ReactNode\n  contentRef?: React.ForwardedRef<HTMLDivElement>\n  footer: React.ReactNode\n  header: React.ReactNode\n  id: string\n  onClickOutside?: () => void\n  onClose?: () => void\n  radius: number | number[]\n  scheme?: ThemeColorSchemeKey\n  shadow: number | number[]\n}\n\nconst Root = styled(Layer)<ResponsiveDialogPositionStyleProps & ResponsivePaddingStyleProps>(\n  responsivePaddingStyle,\n  dialogStyle,\n  responsiveDialogPositionStyle\n)\n\nconst DialogContainer = styled(Container)`\n  &:not([hidden]) {\n    display: flex;\n  }\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n`\n\nconst DialogCardRoot = styled(Card)`\n  &:not([hidden]) {\n    display: flex;\n  }\n  width: 100%;\n  min-height: 0;\n  max-height: 100%;\n  overflow: hidden;\n`\n\nconst DialogLayout = styled(Flex)`\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n`\n\nconst DialogHeader = styled(Card)`\n  position: relative;\n  z-index: 2;\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    border-bottom: 1px solid var(--card-hairline-soft-color);\n  }\n`\n\nconst DialogContent = styled(Box)`\n  position: relative;\n  z-index: 1;\n  overflow: auto;\n  outline: none;\n`\n\nconst DialogFooter = styled(Box)`\n  position: relative;\n  z-index: 3;\n  border-top: 1px solid var(--card-hairline-soft-color);\n`\n\nconst DialogCard = forwardRef(function DialogCard(\n  props: DialogCardProps,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const {\n    __unstable_autoFocus: autoFocus,\n    __unstable_hideCloseButton: hideCloseButton,\n    children,\n    contentRef,\n    footer,\n    header,\n    id,\n    onClickOutside,\n    onClose,\n    radius,\n    scheme,\n    shadow,\n    width,\n  } = props\n  const forwardedRef = useForwardedRef(ref)\n  const [rootElement, setRootElement] = useState<HTMLDivElement | null>(null)\n  const localContentRef = useRef<HTMLDivElement | null>(null)\n  const layer = useLayer()\n  const {isTopLayer} = layer\n  const labelId = `${id}_label`\n  const showCloseButton = Boolean(onClose) && hideCloseButton === false\n  const showHeader = Boolean(header) || showCloseButton\n\n  useEffect(() => {\n    if (!autoFocus) return\n\n    // On mount: focus the first interactive element in the contents\n    if (forwardedRef.current) {\n      focusFirstDescendant(forwardedRef.current)\n    }\n  }, [autoFocus, forwardedRef])\n\n  useGlobalKeyDown(\n    useCallback(\n      (event: KeyboardEvent) => {\n        if (!isTopLayer || !onClose) return\n\n        if (event.key === 'Escape') {\n          event.preventDefault()\n          event.stopPropagation()\n          onClose()\n        }\n      },\n      [isTopLayer, onClose]\n    )\n  )\n\n  useClickOutside(\n    useCallback(() => {\n      if (!isTopLayer || !onClickOutside) return\n\n      onClickOutside()\n    }, [isTopLayer, onClickOutside]),\n    [rootElement]\n  )\n\n  const setRef = useCallback(\n    (el: HTMLDivElement | null) => {\n      setRootElement(el)\n      forwardedRef.current = el\n    },\n    [forwardedRef]\n  )\n\n  const setContentRef = useCallback(\n    (el: HTMLDivElement | null) => {\n      localContentRef.current = el\n      if (typeof contentRef === 'function') contentRef(el)\n      else if (contentRef) contentRef.current = el\n    },\n    [contentRef]\n  )\n\n  return (\n    <DialogContainer data-ui=\"DialogCard\" width={width}>\n      <DialogCardRoot radius={radius} ref={setRef} scheme={scheme} shadow={shadow}>\n        <DialogLayout direction=\"column\">\n          {showHeader && (\n            <DialogHeader>\n              <Flex>\n                <Box flex={1} padding={4}>\n                  {header && (\n                    <Text id={labelId} weight=\"semibold\">\n                      {header}\n                    </Text>\n                  )}\n                </Box>\n                {showCloseButton && (\n                  <Box padding={2}>\n                    <Button\n                      aria-label=\"Close dialog\"\n                      disabled={!onClose}\n                      icon={CloseIcon}\n                      mode=\"bleed\"\n                      onClick={onClose}\n                      padding={3}\n                    />\n                  </Box>\n                )}\n              </Flex>\n            </DialogHeader>\n          )}\n\n          <DialogContent flex={1} ref={setContentRef} tabIndex={-1}>\n            {children}\n          </DialogContent>\n\n          {footer && <DialogFooter>{footer}</DialogFooter>}\n        </DialogLayout>\n      </DialogCardRoot>\n    </DialogContainer>\n  )\n})\n\n/**\n * @public\n */\nexport const Dialog = forwardRef(function Dialog(\n  props: DialogProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'id' | 'width'>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const dialog = useDialog()\n  const theme = useTheme()\n  const {\n    __unstable_autoFocus: autoFocus = true,\n    __unstable_hideCloseButton: hideCloseButton = false,\n    cardRadius = 3,\n    cardShadow = 4,\n    children,\n    contentRef,\n    footer,\n    header,\n    id,\n    onClickOutside,\n    onClose,\n    padding = 4,\n    portal,\n    position = dialog.position || 'fixed',\n    scheme,\n    width = 0,\n    zOffset = dialog.zOffset || theme.sanity.layer?.dialog.zOffset,\n    ...restProps\n  } = props\n  const preDivRef = useRef<HTMLDivElement | null>(null)\n  const postDivRef = useRef<HTMLDivElement | null>(null)\n  const cardRef = useRef<HTMLDivElement | null>(null)\n\n  const handleFocus = useCallback((event: React.FocusEvent<HTMLDivElement>) => {\n    const target = event.target\n    const cardElement = cardRef.current\n\n    if (!cardElement) {\n      return\n    }\n\n    if (target === preDivRef.current) {\n      focusLastDescendant(cardElement)\n\n      return\n    }\n\n    if (target === postDivRef.current) {\n      focusFirstDescendant(cardElement)\n\n      return\n    }\n  }, [])\n\n  const labelId = `${id}_label`\n\n  return (\n    <Portal __unstable_name={portal}>\n      <Root\n        {...restProps}\n        $padding={padding}\n        $position={position}\n        aria-labelledby={labelId}\n        aria-modal\n        data-ui=\"Dialog\"\n        id={id}\n        onFocus={handleFocus}\n        ref={ref}\n        role=\"dialog\"\n        zOffset={zOffset}\n      >\n        <div ref={preDivRef} tabIndex={0} />\n        <DialogCard\n          __unstable_autoFocus={autoFocus}\n          __unstable_hideCloseButton={hideCloseButton}\n          contentRef={contentRef}\n          footer={footer}\n          header={header}\n          id={id}\n          onClickOutside={onClickOutside}\n          onClose={onClose}\n          radius={cardRadius}\n          ref={cardRef}\n          scheme={scheme}\n          shadow={cardShadow}\n          width={width}\n        >\n          {children}\n        </DialogCard>\n        <div ref={postDivRef} tabIndex={0} />\n      </Root>\n    </Portal>\n  )\n})\n"],
+  "mappings": "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",
   "names": []
 }

package/lib/esm/components/hotkeys/hotkeys.js

@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)