@sanity/ui 0.36.10 → 0.36.13-next.13

package/lib/cjs/types/gridItem.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/types/gridItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/types/gridItem.ts"],
   "sourcesContent": ["/**\n * @public\n */\nexport type GridItemColumn = 'auto' | 'full' | number\n\n/**\n * @public\n */\nexport type GridItemColumnStart = 'auto' | number\n\n/**\n * @public\n */\nexport type GridItemColumnEnd = 'auto' | number\n\n/**\n * @public\n */\nexport type GridItemRow = 'auto' | 'full' | number\n\n/**\n * @public\n */\nexport type GridItemRowStart = 'auto' | number\n\n/**\n * @public\n */\nexport type GridItemRowEnd = 'auto' | number\n"],
-  "mappings": ";;;;;AAAA;",
+  "mappings": ";;AAAA;",
   "names": []
 }

package/lib/cjs/types/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/types/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/types/index.ts"],
   "sourcesContent": ["export * from './common'\n\nexport * from './avatar'\nexport * from './badge'\nexport * from './box'\nexport * from './button'\nexport * from './card'\nexport * from './dialog'\nexport * from './flex'\nexport * from './grid'\nexport * from './gridItem'\nexport * from './popover'\nexport * from './selectable'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AAEd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AAEd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;",
   "names": []
 }

package/lib/cjs/types/popover.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/types/popover.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/types/popover.ts"],
   "sourcesContent": ["/**\n * @beta\n */\nexport type PopoverMargins = [number, number, number, number]\n"],
-  "mappings": ";;;;;AAAA;",
+  "mappings": ";;AAAA;",
   "names": []
 }

package/lib/cjs/types/selectable.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/types/selectable.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/types/selectable.ts"],
   "sourcesContent": ["/**\n * @public\n */\nexport type SelectableTone = 'default' | 'primary' | 'positive' | 'caution' | 'critical'\n"],
-  "mappings": ";;;;;AAAA;",
+  "mappings": ";;AAAA;",
   "names": []
 }

package/lib/cjs/utils/boundaryElement/boundaryElementContext.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/boundaryElement/boundaryElementContext.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/boundaryElement/boundaryElementContext.ts"],
   "sourcesContent": ["import {createContext} from 'react'\nimport {globalScope} from '../../lib/globalScope'\nimport {BoundaryElementContextValue} from './types'\n\nconst key = Symbol.for('@sanity/ui/context/boundaryElement')\n\nglobalScope[key] = globalScope[key] || createContext<BoundaryElementContextValue | null>(null)\n\nexport const BoundaryElementContext: React.Context<BoundaryElementContextValue | null> =\n  globalScope[key]\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA4B;AAC5B,yBAA0B;AAG1B,MAAM,MAAM,OAAO,IAAI;AAEvB,+BAAY,OAAO,+BAAY,QAAQ,gCAAkD;AAElF,MAAM,yBACX,+BAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA4B;AAC5B,yBAA0B;AAG1B,MAAM,MAAM,OAAO,IAAI;AAEvB,+BAAY,OAAO,+BAAY,QAAQ,gCAAkD;AAElF,MAAM,yBACX,+BAAY;",
   "names": []
 }

package/lib/cjs/utils/boundaryElement/boundaryElementProvider.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/boundaryElement/boundaryElementProvider.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/boundaryElement/boundaryElementProvider.tsx"],
   "sourcesContent": ["import React, {useMemo} from 'react'\nimport {BoundaryElementContext} from './boundaryElementContext'\nimport {BoundaryElementContextValue} from './types'\n\n/**\n * @public\n */\nexport interface BoundaryElementProviderProps {\n  children: React.ReactNode\n  element: HTMLElement | null\n}\n\n/**\n * @public\n */\nexport function BoundaryElementProvider(props: BoundaryElementProviderProps): React.ReactElement {\n  const {children, element} = props\n  const value: BoundaryElementContextValue = useMemo(() => ({version: 0.0, element}), [element])\n\n  return <BoundaryElementContext.Provider value={value}>{children}</BoundaryElementContext.Provider>\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAC7B,oCAAqC;AAc9B,iCAAiC,OAAyD;AAC/F,QAAM,EAAC,UAAU,YAAW;AAC5B,QAAM,QAAqC,0BAAQ,MAAO,GAAC,SAAS,GAAK,YAAW,CAAC;AAErF,SAAO,mDAAC,qDAAuB,UAAxB;AAAA,IAAiC;AAAA,KAAe;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAC7B,oCAAqC;AAc9B,iCAAiC,OAAyD;AAC/F,QAAM,EAAC,UAAU,YAAW;AAC5B,QAAM,QAAqC,0BAAQ,MAAO,GAAC,SAAS,GAAK,YAAW,CAAC;AAErF,SAAO,mDAAC,qDAAuB,UAAxB;AAAA,IAAiC;AAAA,KAAe;AAAA;",
   "names": []
 }

package/lib/cjs/utils/boundaryElement/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/boundaryElement/index.js.map

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

package/lib/cjs/utils/boundaryElement/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/boundaryElement/types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/boundaryElement/types.ts"],
   "sourcesContent": ["/**\n * @public\n */\nexport interface BoundaryElementContextValue {\n  version: 0.0\n  element: HTMLElement | null\n}\n"],
-  "mappings": ";;;;;AAAA;",
+  "mappings": ";;AAAA;",
   "names": []
 }

package/lib/cjs/utils/boundaryElement/useBoundaryElement.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/boundaryElement/useBoundaryElement.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/boundaryElement/useBoundaryElement.ts"],
   "sourcesContent": ["import {useContext} from 'react'\nimport {isRecord} from '../../lib/isRecord'\nimport {BoundaryElementContext} from './boundaryElementContext'\nimport {BoundaryElementContextValue} from './types'\n\nconst DEFAULT_VALUE: BoundaryElementContextValue = {\n  version: 0.0,\n  element: null,\n}\n\n/**\n * @public\n */\nexport function useBoundaryElement(): BoundaryElementContextValue {\n  const value = useContext(BoundaryElementContext)\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 (value && (!isRecord(value) || value.version !== 0.0)) {\n    throw new Error('useBoundaryElement(): the context value is not compatible')\n  }\n\n  return value || DEFAULT_VALUE\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAyB;AACzB,sBAAuB;AACvB,oCAAqC;AAGrC,MAAM,gBAA6C;AAAA,EACjD,SAAS;AAAA,EACT,SAAS;AAAA;AAMJ,8BAA2D;AAChE,QAAM,QAAQ,6BAAW;AAKzB,MAAI,SAAU,EAAC,8BAAS,UAAU,MAAM,YAAY,IAAM;AACxD,UAAM,IAAI,MAAM;AAAA;AAGlB,SAAO,SAAS;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAyB;AACzB,sBAAuB;AACvB,oCAAqC;AAGrC,MAAM,gBAA6C;AAAA,EACjD,SAAS;AAAA,EACT,SAAS;AAAA;AAMJ,8BAA2D;AAChE,QAAM,QAAQ,6BAAW;AAKzB,MAAI,SAAU,EAAC,8BAAS,UAAU,MAAM,YAAY,IAAM;AACxD,UAAM,IAAI,MAAM;AAAA;AAGlB,SAAO,SAAS;AAAA;",
   "names": []
 }

package/lib/cjs/utils/elementQuery/elementQuery.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/elementQuery/elementQuery.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/elementQuery/elementQuery.tsx"],
   "sourcesContent": ["import React, {forwardRef, useCallback, useEffect, useMemo, useState} from 'react'\nimport {useForwardedRef} from '../../hooks'\nimport {useTheme} from '../../theme'\nimport {ResizeObserver} from '../resizeObserver'\nimport {findMaxBreakpoints, findMinBreakpoints} from './helpers'\n\n/**\n * DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface MediaQueryProps {\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n  media?: number[]\n}\n\n/**\n * DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport const ElementQuery = forwardRef(function ElementQuery(\n  props: MediaQueryProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'media'>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const theme = useTheme()\n  const {children, media = theme.sanity.media, ...restProps} = props\n  const [width, setWidth] = useState(() => window.innerWidth)\n  const forwardedRef = useForwardedRef(ref)\n  const [element, setElement] = useState<HTMLDivElement | null>(null)\n\n  useEffect(() => {\n    if (!element) return\n\n    const handleResizeEntries: ResizeObserverCallback = (entries) => {\n      setWidth(entries[0].contentRect.width)\n    }\n\n    const ro = new ResizeObserver(handleResizeEntries)\n\n    ro.observe(element)\n\n    return () => ro.disconnect()\n  }, [element])\n\n  const max = useMemo(() => findMaxBreakpoints(media, width), [media, width])\n  const min = useMemo(() => findMinBreakpoints(media, width), [media, width])\n\n  const setRef = useCallback(\n    (el: HTMLDivElement | null) => {\n      forwardedRef.current = el\n      setElement(el)\n    },\n    [forwardedRef]\n  )\n\n  return (\n    <div\n      data-ui=\"ElementQuery\"\n      {...restProps}\n      data-eq-max={max.length ? max.join(' ') : undefined}\n      data-eq-min={min.length ? min.join(' ') : undefined}\n      ref={setRef}\n    >\n      {children}\n    </div>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA2E;AAC3E,mBAA8B;AAC9B,mBAAuB;AACvB,4BAA6B;AAC7B,qBAAqD;AAe9C,MAAM,eAAe,6BAAW,uBACrC,OACA,KACA;AACA,QAAM,QAAQ;AACd,QAA6D,YAAtD,YAAU,QAAQ,MAAM,OAAO,UAAuB,IAAb,sBAAa,IAAb,CAAzC,YAAU;AACjB,QAAM,CAAC,OAAO,YAAY,2BAAS,MAAM,OAAO;AAChD,QAAM,eAAe,kCAAgB;AACrC,QAAM,CAAC,SAAS,cAAc,2BAAgC;AAE9D,8BAAU,MAAM;AACd,QAAI,CAAC;AAAS;AAEd,UAAM,sBAA8C,CAAC,YAAY;AAC/D,eAAS,QAAQ,GAAG,YAAY;AAAA;AAGlC,UAAM,KAAK,IAAI,qCAAe;AAE9B,OAAG,QAAQ;AAEX,WAAO,MAAM,GAAG;AAAA,KACf,CAAC;AAEJ,QAAM,MAAM,0BAAQ,MAAM,uCAAmB,OAAO,QAAQ,CAAC,OAAO;AACpE,QAAM,MAAM,0BAAQ,MAAM,uCAAmB,OAAO,QAAQ,CAAC,OAAO;AAEpE,QAAM,SAAS,8BACb,CAAC,OAA8B;AAC7B,iBAAa,UAAU;AACvB,eAAW;AAAA,KAEb,CAAC;AAGH,SACE,mDAAC,OAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,eAAa,IAAI,SAAS,IAAI,KAAK,OAAO;AAAA,IAC1C,eAAa,IAAI,SAAS,IAAI,KAAK,OAAO;AAAA,IAC1C,KAAK;AAAA,MAEJ;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA2E;AAC3E,mBAA8B;AAC9B,mBAAuB;AACvB,4BAA6B;AAC7B,qBAAqD;AAe9C,MAAM,eAAe,6BAAW,uBACrC,OACA,KACA;AACA,QAAM,QAAQ;AACd,QAA6D,YAAtD,YAAU,QAAQ,MAAM,OAAO,UAAuB,IAAb,sBAAa,IAAb,CAAzC,YAAU;AACjB,QAAM,CAAC,OAAO,YAAY,2BAAS,MAAM,OAAO;AAChD,QAAM,eAAe,kCAAgB;AACrC,QAAM,CAAC,SAAS,cAAc,2BAAgC;AAE9D,8BAAU,MAAM;AACd,QAAI,CAAC;AAAS;AAEd,UAAM,sBAA8C,CAAC,YAAY;AAC/D,eAAS,QAAQ,GAAG,YAAY;AAAA;AAGlC,UAAM,KAAK,IAAI,qCAAe;AAE9B,OAAG,QAAQ;AAEX,WAAO,MAAM,GAAG;AAAA,KACf,CAAC;AAEJ,QAAM,MAAM,0BAAQ,MAAM,uCAAmB,OAAO,QAAQ,CAAC,OAAO;AACpE,QAAM,MAAM,0BAAQ,MAAM,uCAAmB,OAAO,QAAQ,CAAC,OAAO;AAEpE,QAAM,SAAS,8BACb,CAAC,OAA8B;AAC7B,iBAAa,UAAU;AACvB,eAAW;AAAA,KAEb,CAAC;AAGH,SACE,mDAAC,OAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,eAAa,IAAI,SAAS,IAAI,KAAK,OAAO;AAAA,IAC1C,eAAa,IAAI,SAAS,IAAI,KAAK,OAAO;AAAA,IAC1C,KAAK;AAAA,MAEJ;AAAA;",
   "names": []
 }

package/lib/cjs/utils/elementQuery/helpers.js

@@ -1,8 +1,5 @@
 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');
-};
 var __export = (target, all) => {
   __markAsModule(target);
   for (var name in all)

package/lib/cjs/utils/elementQuery/helpers.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/elementQuery/helpers.ts"],
   "sourcesContent": ["export function findMaxBreakpoints(media: number[], width: number): number[] {\n  const ret: number[] = []\n\n  for (let i = 0; i < media.length; i += 1) {\n    const bp = media[i]\n\n    if (bp > width) {\n      ret.push(i)\n    }\n  }\n\n  return ret\n}\n\nexport function findMinBreakpoints(media: number[], width: number): number[] {\n  const ret: number[] = []\n\n  for (let i = 0; i < media.length; i += 1) {\n    const bp = media[i]\n\n    if (bp <= width) {\n      ret.push(i)\n    }\n  }\n\n  return ret\n}\n"],
-  "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAO,4BAA4B,OAAiB,OAAyB;AAC3E,QAAM,MAAgB;AAEtB,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK,GAAG;AACxC,UAAM,KAAK,MAAM;AAEjB,QAAI,KAAK,OAAO;AACd,UAAI,KAAK;AAAA;AAAA;AAIb,SAAO;AAAA;AAGF,4BAA4B,OAAiB,OAAyB;AAC3E,QAAM,MAAgB;AAEtB,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK,GAAG;AACxC,UAAM,KAAK,MAAM;AAEjB,QAAI,MAAM,OAAO;AACf,UAAI,KAAK;AAAA;AAAA;AAIb,SAAO;AAAA;",
+  "mappings": ";;;;;;;AAAA;AAAA;AAAA;AAAA;AAAO,4BAA4B,OAAiB,OAAyB;AAC3E,QAAM,MAAgB;AAEtB,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK,GAAG;AACxC,UAAM,KAAK,MAAM;AAEjB,QAAI,KAAK,OAAO;AACd,UAAI,KAAK;AAAA;AAAA;AAIb,SAAO;AAAA;AAGF,4BAA4B,OAAiB,OAAyB;AAC3E,QAAM,MAAgB;AAEtB,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK,GAAG;AACxC,UAAM,KAAK,MAAM;AAEjB,QAAI,MAAM,OAAO;AACf,UAAI,KAAK;AAAA;AAAA;AAIb,SAAO;AAAA;",
   "names": []
 }

package/lib/cjs/utils/elementQuery/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/elementQuery/index.js.map

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

package/lib/cjs/utils/errorBoundary.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/errorBoundary.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/errorBoundary.tsx"],
   "sourcesContent": ["import React from 'react'\nimport {Code} from '../primitives'\n\n/**\n * DO NOT USE IN PRODUCTION\n * @beta\n */\nexport interface ErrorBoundaryProps {\n  onCatch: (params: {error: Error; info: React.ErrorInfo}) => void\n}\n\n/**\n * DO NOT USE IN PRODUCTION\n * @beta\n */\nexport interface ErrorBoundaryState {\n  error: Error | null\n}\n\n/**\n * DO NOT USE IN PRODUCTION\n * @beta\n */\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  state: ErrorBoundaryState = {error: null}\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    // Update state so the next render will show the fallback UI.\n    return {error}\n  }\n\n  componentDidCatch(error: Error, info: React.ErrorInfo): void {\n    this.props.onCatch({error, info})\n  }\n\n  render(): React.ReactNode {\n    const {error} = this.state\n\n    if (error) {\n      return <Code>{error.message}</Code>\n    }\n\n    return this.props.children\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,wBAAmB;AAsBZ,4BAA4B,qBAAM,UAAkD;AAAA,EAApF,cAvBP;AAuBO;AACL,iBAA4B,EAAC,OAAO;AAAA;AAAA,SAE7B,yBAAyB,OAAkC;AAEhE,WAAO,EAAC;AAAA;AAAA,EAGV,kBAAkB,OAAc,MAA6B;AAC3D,SAAK,MAAM,QAAQ,EAAC,OAAO;AAAA;AAAA,EAG7B,SAA0B;AACxB,UAAM,EAAC,UAAS,KAAK;AAErB,QAAI,OAAO;AACT,aAAO,mDAAC,wBAAD,MAAO,MAAM;AAAA;AAGtB,WAAO,KAAK,MAAM;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,wBAAmB;AAsBZ,4BAA4B,qBAAM,UAAkD;AAAA,EAApF,cAvBP;AAuBO;AACL,iBAA4B,EAAC,OAAO;AAAA;AAAA,SAE7B,yBAAyB,OAAkC;AAEhE,WAAO,EAAC;AAAA;AAAA,EAGV,kBAAkB,OAAc,MAA6B;AAC3D,SAAK,MAAM,QAAQ,EAAC,OAAO;AAAA;AAAA,EAG7B,SAA0B;AACxB,UAAM,EAAC,UAAS,KAAK;AAErB,QAAI,OAAO;AACT,aAAO,mDAAC,wBAAD,MAAO,MAAM;AAAA;AAGtB,WAAO,KAAK,MAAM;AAAA;AAAA;",
   "names": []
 }

package/lib/cjs/utils/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/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/index.ts"],
   "sourcesContent": ["export * from './boundaryElement'\nexport * from './elementQuery'\nexport * from './errorBoundary'\nexport * from './layer'\nexport * from './portal'\nexport * from './resizeObserver'\nexport * from './srOnly'\nexport * from './virtualList'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;",
   "names": []
 }

package/lib/cjs/utils/layer/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/layer/index.js.map

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

package/lib/cjs/utils/layer/layer.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/layer/layer.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/layer/layer.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {EMPTY_RECORD} from '../../constants'\nimport {LayerProvider} from './layerProvider'\nimport {useLayer} from './useLayer'\n\n/**\n * @public\n */\nexport interface LayerProps {\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n  zOffset?: number | number[]\n}\n\ninterface LayerChildrenProps {\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n}\n\nconst Root = styled.div`\n  position: relative;\n`\n\nconst LayerChildren = forwardRef(function LayerChildren(\n  props: LayerChildrenProps & Omit<React.HTMLProps<HTMLDivElement>, 'as'>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {children, style = EMPTY_RECORD, ...restProps} = props\n  const {zIndex} = useLayer()\n\n  return (\n    <Root {...restProps} ref={ref} style={{...style, zIndex}}>\n      {children}\n    </Root>\n  )\n})\n\n/**\n * @public\n */\nexport const Layer = forwardRef(function Layer(\n  props: LayerProps & Omit<React.HTMLProps<HTMLDivElement>, 'as'>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {children, zOffset = 1, ...restProps} = props\n\n  return (\n    <LayerProvider zOffset={zOffset}>\n      <LayerChildren {...restProps} ref={ref}>\n        {children}\n      </LayerChildren>\n    </LayerProvider>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,uBAA2B;AAC3B,2BAA4B;AAC5B,sBAAuB;AAcvB,MAAM,OAAO,iCAAO;AAAA;AAAA;AAIpB,MAAM,gBAAgB,6BAAW,wBAC/B,OACA,KACA;AACA,QAAuD,YAAhD,YAAU,QAAQ,kCAA8B,IAAb,sBAAa,IAAb,CAAnC,YAAU;AACjB,QAAM,EAAC,WAAU;AAEjB,SACE,mDAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAU,OAAO,iCAAI,QAAJ,EAAW;AAAA,MAC9C;AAAA;AAQA,MAAM,QAAQ,6BAAW,gBAC9B,OACA,KACA;AACA,QAA8C,YAAvC,YAAU,UAAU,MAAmB,IAAb,sBAAa,IAAb,CAA1B,YAAU;AAEjB,SACE,mDAAC,oCAAD;AAAA,IAAe;AAAA,KACb,mDAAC,eAAD,iCAAmB,YAAnB;AAAA,IAA8B;AAAA,MAC3B;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,uBAA2B;AAC3B,2BAA4B;AAC5B,sBAAuB;AAcvB,MAAM,OAAO,iCAAO;AAAA;AAAA;AAIpB,MAAM,gBAAgB,6BAAW,wBAC/B,OACA,KACA;AACA,QAAuD,YAAhD,YAAU,QAAQ,kCAA8B,IAAb,sBAAa,IAAb,CAAnC,YAAU;AACjB,QAAM,EAAC,WAAU;AAEjB,SACE,mDAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAU,OAAO,iCAAI,QAAJ,EAAW;AAAA,MAC9C;AAAA;AAQA,MAAM,QAAQ,6BAAW,gBAC9B,OACA,KACA;AACA,QAA8C,YAAvC,YAAU,UAAU,MAAmB,IAAb,sBAAa,IAAb,CAA1B,YAAU;AAEjB,SACE,mDAAC,oCAAD;AAAA,IAAe;AAAA,KACb,mDAAC,eAAD,iCAAmB,YAAnB;AAAA,IAA8B;AAAA,MAC3B;AAAA;",
   "names": []
 }

package/lib/cjs/utils/layer/layerContext.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/layer/layerContext.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/layer/layerContext.ts"],
   "sourcesContent": ["import {createContext} from 'react'\nimport {globalScope} from '../../lib/globalScope'\nimport {LayerContextValue} from './types'\n\nconst key = Symbol.for('@sanity/ui/context/layer')\n\nglobalScope[key] = globalScope[key] || createContext<LayerContextValue | null>(null)\n\nexport const LayerContext: React.Context<LayerContextValue | null> = globalScope[key]\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA4B;AAC5B,yBAA0B;AAG1B,MAAM,MAAM,OAAO,IAAI;AAEvB,+BAAY,OAAO,+BAAY,QAAQ,gCAAwC;AAExE,MAAM,eAAwD,+BAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA4B;AAC5B,yBAA0B;AAG1B,MAAM,MAAM,OAAO,IAAI;AAEvB,+BAAY,OAAO,+BAAY,QAAQ,gCAAwC;AAExE,MAAM,eAAwD,+BAAY;",
   "names": []
 }

package/lib/cjs/utils/layer/layerProvider.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/layer/layerProvider.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/layer/layerProvider.tsx"],
   "sourcesContent": ["import React, {useCallback, useContext, useEffect, useMemo, useState} from 'react'\nimport {useMediaIndex, useResponsiveProp} from '../../hooks'\nimport {LayerContext} from './layerContext'\nimport {LayerContextValue} from './types'\n\n/**\n * @public\n */\nexport interface LayerProviderProps {\n  children?: React.ReactNode\n  zOffset?: number | number[]\n}\n\n/**\n * @public\n */\nexport function LayerProvider(props: LayerProviderProps): React.ReactElement {\n  const {children, zOffset: zOffsetProp = 0} = props\n  const parent = useContext(LayerContext)\n  const zOffset = useResponsiveProp(zOffsetProp)\n  const maxMediaIndex = zOffset.length - 1\n  const mediaIndex = Math.min(useMediaIndex(), maxMediaIndex)\n  const zIndex = parent ? parent.zIndex + zOffset[mediaIndex] : zOffset[mediaIndex]\n  const [size, setSize] = useState(0)\n\n  const registerChild = useCallback(() => {\n    setSize((v) => v + 1)\n\n    return () => setSize((v) => v - 1)\n  }, [])\n\n  const parentRegisterChild = parent?.registerChild\n\n  useEffect(() => {\n    if (!parentRegisterChild) return\n\n    return parentRegisterChild()\n  }, [parentRegisterChild])\n\n  const value: LayerContextValue = useMemo(\n    () => ({version: 0.0, isTopLayer: size === 0, registerChild, size, zIndex}),\n    [size, registerChild, zIndex]\n  )\n\n  return <LayerContext.Provider value={value}>{children}</LayerContext.Provider>\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA2E;AAC3E,mBAA+C;AAC/C,0BAA2B;AAcpB,uBAAuB,OAA+C;AAC3E,QAAM,EAAC,UAAU,SAAS,cAAc,MAAK;AAC7C,QAAM,SAAS,6BAAW;AAC1B,QAAM,UAAU,oCAAkB;AAClC,QAAM,gBAAgB,QAAQ,SAAS;AACvC,QAAM,aAAa,KAAK,IAAI,mCAAiB;AAC7C,QAAM,SAAS,SAAS,OAAO,SAAS,QAAQ,cAAc,QAAQ;AACtE,QAAM,CAAC,MAAM,WAAW,2BAAS;AAEjC,QAAM,gBAAgB,8BAAY,MAAM;AACtC,YAAQ,CAAC,MAAM,IAAI;AAEnB,WAAO,MAAM,QAAQ,CAAC,MAAM,IAAI;AAAA,KAC/B;AAEH,QAAM,sBAAsB,iCAAQ;AAEpC,8BAAU,MAAM;AACd,QAAI,CAAC;AAAqB;AAE1B,WAAO;AAAA,KACN,CAAC;AAEJ,QAAM,QAA2B,0BAC/B,MAAO,GAAC,SAAS,GAAK,YAAY,SAAS,GAAG,eAAe,MAAM,WACnE,CAAC,MAAM,eAAe;AAGxB,SAAO,mDAAC,iCAAa,UAAd;AAAA,IAAuB;AAAA,KAAe;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA2E;AAC3E,mBAA+C;AAC/C,0BAA2B;AAcpB,uBAAuB,OAA+C;AAC3E,QAAM,EAAC,UAAU,SAAS,cAAc,MAAK;AAC7C,QAAM,SAAS,6BAAW;AAC1B,QAAM,UAAU,oCAAkB;AAClC,QAAM,gBAAgB,QAAQ,SAAS;AACvC,QAAM,aAAa,KAAK,IAAI,mCAAiB;AAC7C,QAAM,SAAS,SAAS,OAAO,SAAS,QAAQ,cAAc,QAAQ;AACtE,QAAM,CAAC,MAAM,WAAW,2BAAS;AAEjC,QAAM,gBAAgB,8BAAY,MAAM;AACtC,YAAQ,CAAC,MAAM,IAAI;AAEnB,WAAO,MAAM,QAAQ,CAAC,MAAM,IAAI;AAAA,KAC/B;AAEH,QAAM,sBAAsB,iCAAQ;AAEpC,8BAAU,MAAM;AACd,QAAI,CAAC;AAAqB;AAE1B,WAAO;AAAA,KACN,CAAC;AAEJ,QAAM,QAA2B,0BAC/B,MAAO,GAAC,SAAS,GAAK,YAAY,SAAS,GAAG,eAAe,MAAM,WACnE,CAAC,MAAM,eAAe;AAGxB,SAAO,mDAAC,iCAAa,UAAd;AAAA,IAAuB;AAAA,KAAe;AAAA;",
   "names": []
 }

package/lib/cjs/utils/layer/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/layer/types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/layer/types.ts"],
   "sourcesContent": ["/**\n * @public\n */\nexport interface LayerContextValue {\n  version: 0.0\n  isTopLayer: boolean\n  registerChild: () => () => void\n  size: number\n  zIndex: number\n}\n"],
-  "mappings": ";;;;;AAAA;",
+  "mappings": ";;AAAA;",
   "names": []
 }

package/lib/cjs/utils/layer/useLayer.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/layer/useLayer.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/layer/useLayer.ts"],
   "sourcesContent": ["import {useContext} from 'react'\nimport {isRecord} from '../../lib/isRecord'\nimport {LayerContext} from './layerContext'\nimport {LayerContextValue} from './types'\n\n/**\n * @public\n */\nexport function useLayer(): LayerContextValue {\n  const value = useContext(LayerContext)\n\n  if (!value) {\n    throw new Error('useLayer(): 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('useLayer(): the context value is not compatible')\n  }\n\n  return value\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAyB;AACzB,sBAAuB;AACvB,0BAA2B;AAMpB,oBAAuC;AAC5C,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,0BAA2B;AAMpB,oBAAuC;AAC5C,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/portal/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/portal/index.js.map

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

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

@@ -4,6 +4,10 @@ import React from 'react';
  */
 export interface PortalProps {
     children: React.ReactNode;
+    /**
+     * @beta This API might change. DO NOT USE IN PRODUCTION.
+     */
+    __unstable_name?: string;
 }
 /**
  * @public

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

@@ -1 +1 @@
-{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../../src/utils/portal/portal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAQnE"}
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../../src/utils/portal/portal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAUnE"}

package/lib/cjs/utils/portal/portal.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)
@@ -30,9 +27,11 @@ __export(exports, {
 var import_react_dom = __toModule(require("react-dom"));
 var import_usePortal = __toModule(require("./usePortal"));
 function Portal(props) {
+  const { children, __unstable_name: name } = props;
   const portal = (0, import_usePortal.usePortal)();
-  if (!portal.element) {
+  const portalElement = name ? portal.elements && portal.elements[name] : portal.element;
+  if (!portalElement) {
     return null;
   }
-  return import_react_dom.default.createPortal(props.children, portal.element);
+  return import_react_dom.default.createPortal(children, portalElement);
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/utils/portal/portal.ts"],
-  "sourcesContent": ["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport {usePortal} from './usePortal'\n\n/**\n * @public\n */\nexport interface PortalProps {\n  children: React.ReactNode\n}\n\n/**\n * @public\n */\nexport function Portal(props: PortalProps): React.ReactPortal | null {\n  const portal = usePortal()\n\n  if (!portal.element) {\n    return null\n  }\n\n  return ReactDOM.createPortal(props.children, portal.element)\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AACA,uBAAqB;AACrB,uBAAwB;AAYjB,gBAAgB,OAA8C;AACnE,QAAM,SAAS;AAEf,MAAI,CAAC,OAAO,SAAS;AACnB,WAAO;AAAA;AAGT,SAAO,yBAAS,aAAa,MAAM,UAAU,OAAO;AAAA;",
+  "sourcesContent": ["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport {usePortal} from './usePortal'\n\n/**\n * @public\n */\nexport interface PortalProps {\n  children: React.ReactNode\n  /**\n   * @beta This API might change. DO NOT USE IN PRODUCTION.\n   */\n  __unstable_name?: string\n}\n\n/**\n * @public\n */\nexport function Portal(props: PortalProps): React.ReactPortal | null {\n  const {children, __unstable_name: name} = props\n  const portal = usePortal()\n  const portalElement = name ? portal.elements && portal.elements[name] : portal.element\n\n  if (!portalElement) {\n    return null\n  }\n\n  return ReactDOM.createPortal(children, portalElement)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AACA,uBAAqB;AACrB,uBAAwB;AAgBjB,gBAAgB,OAA8C;AACnE,QAAM,EAAC,UAAU,iBAAiB,SAAQ;AAC1C,QAAM,SAAS;AACf,QAAM,gBAAgB,OAAO,OAAO,YAAY,OAAO,SAAS,QAAQ,OAAO;AAE/E,MAAI,CAAC,eAAe;AAClB,WAAO;AAAA;AAGT,SAAO,yBAAS,aAAa,UAAU;AAAA;",
   "names": []
 }

package/lib/cjs/utils/portal/portalContext.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/portalContext.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/portal/portalContext.ts"],
   "sourcesContent": ["import {createContext} from 'react'\nimport {globalScope} from '../../lib/globalScope'\nimport {PortalContextValue} from './types'\n\nconst key = Symbol.for('@sanity/ui/context/portal')\nconst elementKey = Symbol.for('@sanity/ui/context/portal/element')\n\nglobalScope[elementKey] = null\n\nexport const defaultContextValue: PortalContextValue = {\n  version: 0.0,\n  boundaryElement: null,\n  get element() {\n    if (typeof window === 'undefined') {\n      return null\n    }\n\n    if (globalScope[elementKey]) {\n      return globalScope[elementKey]\n    }\n\n    globalScope[elementKey] = document.createElement('div')\n    globalScope[elementKey].setAttribute('data-portal', '')\n\n    document.body.appendChild(globalScope[elementKey])\n\n    return globalScope[elementKey]\n  },\n}\n\nglobalScope[key] = globalScope[key] || createContext<PortalContextValue>(defaultContextValue)\n\nexport const PortalContext: React.Context<PortalContextValue> = globalScope[key]\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4B;AAC5B,yBAA0B;AAG1B,MAAM,MAAM,OAAO,IAAI;AACvB,MAAM,aAAa,OAAO,IAAI;AAE9B,+BAAY,cAAc;AAEnB,MAAM,sBAA0C;AAAA,EACrD,SAAS;AAAA,EACT,iBAAiB;AAAA,MACb,UAAU;AACZ,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA;AAGT,QAAI,+BAAY,aAAa;AAC3B,aAAO,+BAAY;AAAA;AAGrB,mCAAY,cAAc,SAAS,cAAc;AACjD,mCAAY,YAAY,aAAa,eAAe;AAEpD,aAAS,KAAK,YAAY,+BAAY;AAEtC,WAAO,+BAAY;AAAA;AAAA;AAIvB,+BAAY,OAAO,+BAAY,QAAQ,gCAAkC;AAElE,MAAM,gBAAmD,+BAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4B;AAC5B,yBAA0B;AAG1B,MAAM,MAAM,OAAO,IAAI;AACvB,MAAM,aAAa,OAAO,IAAI;AAE9B,+BAAY,cAAc;AAEnB,MAAM,sBAA0C;AAAA,EACrD,SAAS;AAAA,EACT,iBAAiB;AAAA,MACb,UAAU;AACZ,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA;AAGT,QAAI,+BAAY,aAAa;AAC3B,aAAO,+BAAY;AAAA;AAGrB,mCAAY,cAAc,SAAS,cAAc;AACjD,mCAAY,YAAY,aAAa,eAAe;AAEpD,aAAS,KAAK,YAAY,+BAAY;AAEtC,WAAO,+BAAY;AAAA;AAAA;AAIvB,+BAAY,OAAO,+BAAY,QAAQ,gCAAkC;AAElE,MAAM,gBAAmD,+BAAY;",
   "names": []
 }

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

@@ -8,7 +8,11 @@ export interface PortalProviderProps {
      */
     boundaryElement?: HTMLElement | null;
     children: React.ReactNode;
-    element: HTMLElement | null;
+    element?: HTMLElement | null;
+    /**
+     * @beta
+     */
+    __unstable_elements?: Record<string, HTMLElement | null | undefined>;
 }
 /**
  * @public

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

@@ -1 +1 @@
-{"version":3,"file":"portalProvider.d.ts","sourceRoot":"","sources":["../../../../src/utils/portal/portalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAIpC;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;CAC5B;AAID;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAY7E"}
+{"version":3,"file":"portalProvider.d.ts","sourceRoot":"","sources":["../../../../src/utils/portal/portalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAKpC;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,CAAA;CACrE;AAID;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAc7E"}

package/lib/cjs/utils/portal/portalProvider.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)
@@ -28,17 +25,20 @@ __export(exports, {
   PortalProvider: () => PortalProvider
 });
 var import_react = __toModule(require("react"));
+var import_internal = __toModule(require("../../hooks/_internal"));
 var import_portalContext = __toModule(require("./portalContext"));
 const __BROWSER__ = typeof window !== "undefined";
 function PortalProvider(props) {
-  const { boundaryElement, children, element } = props;
+  const { boundaryElement, children, element, __unstable_elements: elementsProp } = props;
+  const elements = (0, import_internal.useUnique)(elementsProp);
   const value = (0, import_react.useMemo)(() => {
     return {
       version: 0,
       boundaryElement: boundaryElement || null,
-      element: element || __BROWSER__ && document.body || null
+      element: element || __BROWSER__ && document.body || null,
+      elements
     };
-  }, [boundaryElement, element]);
+  }, [boundaryElement, element, elements]);
   return /* @__PURE__ */ import_react.default.createElement(import_portalContext.PortalContext.Provider, {
     value
   }, children);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/utils/portal/portalProvider.tsx"],
-  "sourcesContent": ["import React, {useMemo} from 'react'\nimport {PortalContext} from './portalContext'\nimport {PortalContextValue} from './types'\n\n/**\n * @public\n */\nexport interface PortalProviderProps {\n  /**\n   * @deprecated Use `<BoundaryElementProvider element={...} />` instead\n   */\n  boundaryElement?: HTMLElement | null\n  children: React.ReactNode\n  element: HTMLElement | null\n}\n\nconst __BROWSER__ = typeof window !== 'undefined'\n\n/**\n * @public\n */\nexport function PortalProvider(props: PortalProviderProps): React.ReactElement {\n  const {boundaryElement, children, element} = props\n\n  const value: PortalContextValue = useMemo(() => {\n    return {\n      version: 0.0,\n      boundaryElement: boundaryElement || null,\n      element: element || (__BROWSER__ && document.body) || null,\n    }\n  }, [boundaryElement, element])\n\n  return <PortalContext.Provider value={value}>{children}</PortalContext.Provider>\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAC7B,2BAA4B;AAe5B,MAAM,cAAc,OAAO,WAAW;AAK/B,wBAAwB,OAAgD;AAC7E,QAAM,EAAC,iBAAiB,UAAU,YAAW;AAE7C,QAAM,QAA4B,0BAAQ,MAAM;AAC9C,WAAO;AAAA,MACL,SAAS;AAAA,MACT,iBAAiB,mBAAmB;AAAA,MACpC,SAAS,WAAY,eAAe,SAAS,QAAS;AAAA;AAAA,KAEvD,CAAC,iBAAiB;AAErB,SAAO,mDAAC,mCAAc,UAAf;AAAA,IAAwB;AAAA,KAAe;AAAA;",
+  "sourcesContent": ["import React, {useMemo} from 'react'\nimport {useUnique} from '../../hooks/_internal'\nimport {PortalContext} from './portalContext'\nimport {PortalContextValue} from './types'\n\n/**\n * @public\n */\nexport interface PortalProviderProps {\n  /**\n   * @deprecated Use `<BoundaryElementProvider element={...} />` instead\n   */\n  boundaryElement?: HTMLElement | null\n  children: React.ReactNode\n  element?: HTMLElement | null\n  /**\n   * @beta\n   */\n  __unstable_elements?: Record<string, HTMLElement | null | undefined>\n}\n\nconst __BROWSER__ = typeof window !== 'undefined'\n\n/**\n * @public\n */\nexport function PortalProvider(props: PortalProviderProps): React.ReactElement {\n  const {boundaryElement, children, element, __unstable_elements: elementsProp} = props\n  const elements = useUnique(elementsProp)\n\n  const value: PortalContextValue = useMemo(() => {\n    return {\n      version: 0.0,\n      boundaryElement: boundaryElement || null,\n      element: element || (__BROWSER__ && document.body) || null,\n      elements,\n    }\n  }, [boundaryElement, element, elements])\n\n  return <PortalContext.Provider value={value}>{children}</PortalContext.Provider>\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAC7B,sBAAwB;AACxB,2BAA4B;AAmB5B,MAAM,cAAc,OAAO,WAAW;AAK/B,wBAAwB,OAAgD;AAC7E,QAAM,EAAC,iBAAiB,UAAU,SAAS,qBAAqB,iBAAgB;AAChF,QAAM,WAAW,+BAAU;AAE3B,QAAM,QAA4B,0BAAQ,MAAM;AAC9C,WAAO;AAAA,MACL,SAAS;AAAA,MACT,iBAAiB,mBAAmB;AAAA,MACpC,SAAS,WAAY,eAAe,SAAS,QAAS;AAAA,MACtD;AAAA;AAAA,KAED,CAAC,iBAAiB,SAAS;AAE9B,SAAO,mDAAC,mCAAc,UAAf;AAAA,IAAwB;AAAA,KAAe;AAAA;",
   "names": []
 }