@sanity/ui 0.36.13 → 0.36.16

package/lib/cjs/hooks/useCustomValidity.d.ts

@@ -1,9 +0,0 @@
-/**
- * @beta
- */
-export declare function useCustomValidity(ref: {
-    current: null | {
-        setCustomValidity: (validity: string) => void;
-    };
-}, customValidity: string | undefined): void;
-//# sourceMappingURL=useCustomValidity.d.ts.map

package/lib/cjs/hooks/useCustomValidity.js

@@ -1,34 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  useCustomValidity: () => useCustomValidity
-});
-var import_react = __toModule(require("react"));
-function useCustomValidity(ref, customValidity) {
-  (0, import_react.useEffect)(() => {
-    if (ref.current) {
-      ref.current.setCustomValidity(customValidity || "");
-    }
-  }, [customValidity, ref]);
-}

package/lib/cjs/hooks/useCustomValidity.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useCustomValidity.ts"],
-  "sourcesContent": ["import {useEffect} from 'react'\n\n/**\n * @beta\n */\nexport function useCustomValidity(\n  ref: {current: null | {setCustomValidity: (validity: string) => void}},\n  customValidity: string | undefined\n): void {\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.setCustomValidity(customValidity || '')\n    }\n  }, [customValidity, ref])\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAwB;AAKjB,2BACL,KACA,gBACM;AACN,8BAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,UAAI,QAAQ,kBAAkB,kBAAkB;AAAA;AAAA,KAEjD,CAAC,gBAAgB;AAAA;",
-  "names": []
-}

package/lib/cjs/hooks/useElementRect/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useElementRect';
-//# sourceMappingURL=index.d.ts.map

package/lib/cjs/hooks/useElementRect/index.js

@@ -1,20 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__markAsModule(exports);
-__reExport(exports, __toModule(require("./useElementRect")));

package/lib/cjs/hooks/useElementRect/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/hooks/useElementRect/index.ts"],
-  "sourcesContent": ["export * from './useElementRect'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;",
-  "names": []
-}

package/lib/cjs/hooks/useElementRect/useElementRect.d.ts

@@ -1,6 +0,0 @@
-/**
- * Subscribe to the rect of a DOM element.
- * @beta
- */
-export declare function useElementRect(element: HTMLElement | null): DOMRectReadOnly | null;
-//# sourceMappingURL=useElementRect.d.ts.map

package/lib/cjs/hooks/useElementRect/useElementRect.js

@@ -1,40 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  useElementRect: () => useElementRect
-});
-var import_react = __toModule(require("react"));
-function useElementRect(element) {
-  const [rect, setRect] = (0, import_react.useState)(null);
-  (0, import_react.useEffect)(() => {
-    if (!element)
-      return void 0;
-    const ro = new ResizeObserver((entries) => {
-      setRect(entries[0].contentRect);
-    });
-    ro.observe(element);
-    return () => ro.disconnect();
-  }, [element]);
-  return rect;
-}

package/lib/cjs/hooks/useElementRect/useElementRect.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/hooks/useElementRect/useElementRect.ts"],
-  "sourcesContent": ["import {useEffect, useState} from 'react'\n\n/**\n * Subscribe to the rect of a DOM element.\n * @beta\n */\nexport function useElementRect(element: HTMLElement | null): DOMRectReadOnly | null {\n  const [rect, setRect] = useState<DOMRectReadOnly | null>(null)\n\n  useEffect(() => {\n    if (!element) return undefined\n\n    const ro = new ResizeObserver((entries) => {\n      setRect(entries[0].contentRect)\n    })\n\n    ro.observe(element)\n\n    return () => ro.disconnect()\n  }, [element])\n\n  return rect\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAM3B,wBAAwB,SAAqD;AAClF,QAAM,CAAC,MAAM,WAAW,2BAAiC;AAEzD,8BAAU,MAAM;AACd,QAAI,CAAC;AAAS,aAAO;AAErB,UAAM,KAAK,IAAI,eAAe,CAAC,YAAY;AACzC,cAAQ,QAAQ,GAAG;AAAA;AAGrB,OAAG,QAAQ;AAEX,WAAO,MAAM,GAAG;AAAA,KACf,CAAC;AAEJ,SAAO;AAAA;",
-  "names": []
-}

package/lib/cjs/hooks/useForwardedRef.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-/**
- * @beta
- */
-export declare function useForwardedRef<T>(ref: React.ForwardedRef<T>): React.MutableRefObject<T | null>;
-//# sourceMappingURL=useForwardedRef.d.ts.map

package/lib/cjs/hooks/useForwardedRef.js

@@ -1,41 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  useForwardedRef: () => useForwardedRef
-});
-var import_react = __toModule(require("react"));
-var import_useIsomorphicEffect = __toModule(require("./useIsomorphicEffect"));
-function useForwardedRef(ref) {
-  const innerRef = (0, import_react.useRef)(null);
-  (0, import_useIsomorphicEffect.useIsomorphicEffect)(() => {
-    if (!ref)
-      return;
-    if (typeof ref === "function") {
-      ref(innerRef.current);
-    } else {
-      ref.current = innerRef.current;
-    }
-  });
-  return innerRef;
-}

package/lib/cjs/hooks/useForwardedRef.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useForwardedRef.ts"],
-  "sourcesContent": ["import React, {useRef} from 'react'\nimport {useIsomorphicEffect} from './useIsomorphicEffect'\n\n/**\n * @beta\n */\nexport function useForwardedRef<T>(ref: React.ForwardedRef<T>): React.MutableRefObject<T | null> {\n  const innerRef = useRef<T | null>(null)\n\n  useIsomorphicEffect(() => {\n    if (!ref) return\n\n    if (typeof ref === 'function') {\n      ref(innerRef.current)\n    } else {\n      ref.current = innerRef.current\n    }\n  })\n\n  return innerRef\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA4B;AAC5B,iCAAkC;AAK3B,yBAA4B,KAA8D;AAC/F,QAAM,WAAW,yBAAiB;AAElC,sDAAoB,MAAM;AACxB,QAAI,CAAC;AAAK;AAEV,QAAI,OAAO,QAAQ,YAAY;AAC7B,UAAI,SAAS;AAAA,WACR;AACL,UAAI,UAAU,SAAS;AAAA;AAAA;AAI3B,SAAO;AAAA;",
-  "names": []
-}

package/lib/cjs/hooks/useGlobalKeyDown.d.ts

@@ -1,5 +0,0 @@
-/**
- * @beta
- */
-export declare function useGlobalKeyDown(onKeyDown: (event: KeyboardEvent) => void): void;
-//# sourceMappingURL=useGlobalKeyDown.d.ts.map

package/lib/cjs/hooks/useGlobalKeyDown.js

@@ -1,33 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  useGlobalKeyDown: () => useGlobalKeyDown
-});
-var import_react = __toModule(require("react"));
-function useGlobalKeyDown(onKeyDown) {
-  return (0, import_react.useEffect)(() => {
-    addEventListener("keydown", onKeyDown);
-    return () => removeEventListener("keydown", onKeyDown);
-  }, [onKeyDown]);
-}

package/lib/cjs/hooks/useGlobalKeyDown.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useGlobalKeyDown.ts"],
-  "sourcesContent": ["import {useEffect} from 'react'\n\n/**\n * @beta\n */\nexport function useGlobalKeyDown(onKeyDown: (event: KeyboardEvent) => void): void {\n  return useEffect(() => {\n    addEventListener('keydown', onKeyDown)\n\n    return () => removeEventListener('keydown', onKeyDown)\n  }, [onKeyDown])\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAwB;AAKjB,0BAA0B,WAAiD;AAChF,SAAO,4BAAU,MAAM;AACrB,qBAAiB,WAAW;AAE5B,WAAO,MAAM,oBAAoB,WAAW;AAAA,KAC3C,CAAC;AAAA;",
-  "names": []
-}

package/lib/cjs/hooks/useIsomorphicEffect.d.ts

@@ -1,6 +0,0 @@
-import { useEffect } from 'react';
-/**
- * @beta
- */
-export declare const useIsomorphicEffect: typeof useEffect;
-//# sourceMappingURL=useIsomorphicEffect.d.ts.map

package/lib/cjs/hooks/useIsomorphicEffect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsomorphicEffect.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIsomorphicEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAkB,MAAM,OAAO,CAAA;AAEhD;;GAEG;AACH,eAAO,MAAM,mBAAmB,kBAA8D,CAAA"}

package/lib/cjs/hooks/useIsomorphicEffect.js

@@ -1,28 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  useIsomorphicEffect: () => useIsomorphicEffect
-});
-var import_react = __toModule(require("react"));
-const useIsomorphicEffect = typeof window !== "undefined" ? import_react.useLayoutEffect : import_react.useEffect;

package/lib/cjs/hooks/useIsomorphicEffect.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useIsomorphicEffect.ts"],
-  "sourcesContent": ["import {useEffect, useLayoutEffect} from 'react'\n\n/**\n * @beta\n */\nexport const useIsomorphicEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAyC;AAKlC,MAAM,sBAAsB,OAAO,WAAW,cAAc,+BAAkB;",
-  "names": []
-}

package/lib/cjs/hooks/useMediaIndex/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useMediaIndex';
-//# sourceMappingURL=index.d.ts.map

package/lib/cjs/hooks/useMediaIndex/index.js

@@ -1,20 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__markAsModule(exports);
-__reExport(exports, __toModule(require("./useMediaIndex")));

package/lib/cjs/hooks/useMediaIndex/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/hooks/useMediaIndex/index.ts"],
-  "sourcesContent": ["export * from './useMediaIndex'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;",
-  "names": []
-}

package/lib/cjs/hooks/useMediaIndex/lib/media.d.ts

@@ -1,12 +0,0 @@
-/**
- * @internal
- */
-export interface _MediaManager {
-    getCurrentIndex: () => number;
-    subscribe: (subscriber: (index: number) => void) => () => void;
-}
-/**
- * @internal
- */
-export declare function _getMediaManager(media: number[]): _MediaManager;
-//# sourceMappingURL=media.d.ts.map

package/lib/cjs/hooks/useMediaIndex/lib/media.js

@@ -1,72 +0,0 @@
-var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-__export(exports, {
-  _getMediaManager: () => _getMediaManager
-});
-const MEDIA_MANAGER_CACHE = new WeakMap();
-function _getMediaQuery(media, index) {
-  if (index === 0) {
-    return `screen and (max-width: ${media[index] - 1}px)`;
-  }
-  if (index === media.length) {
-    return `screen and (min-width: ${media[index - 1]}px)`;
-  }
-  return `screen and (min-width: ${media[index - 1]}px) and (max-width: ${media[index] - 1}px)`;
-}
-function _createMediaManager(media) {
-  const mediaLen = media.length;
-  const sizes = [];
-  if (typeof window !== "undefined") {
-    for (let index = mediaLen; index > -1; index -= 1) {
-      const mediaQuery = _getMediaQuery(media, index);
-      sizes.push({ index, mq: window.matchMedia(mediaQuery) });
-    }
-  }
-  const getCurrentIndex = () => {
-    for (const { index, mq } of sizes) {
-      if (mq.matches)
-        return index;
-    }
-    return 0;
-  };
-  const subscribe = (subscriber) => {
-    const disposeFns = [];
-    for (const { index, mq } of sizes) {
-      const handleChange = () => {
-        if (mq.matches)
-          subscriber(index);
-      };
-      if (mq.addEventListener) {
-        mq.addEventListener("change", handleChange);
-      } else {
-        mq.addListener(handleChange);
-      }
-      disposeFns.push(() => {
-        if (mq.removeEventListener) {
-          mq.removeEventListener("change", handleChange);
-        } else {
-          mq.removeListener(handleChange);
-        }
-      });
-    }
-    return () => {
-      for (const disposeFn of disposeFns) {
-        disposeFn();
-      }
-    };
-  };
-  return { getCurrentIndex, subscribe };
-}
-function _getMediaManager(media) {
-  let manager = MEDIA_MANAGER_CACHE.get(media);
-  if (!manager) {
-    manager = _createMediaManager(media);
-    MEDIA_MANAGER_CACHE.set(media, manager);
-  }
-  return manager;
-}

package/lib/cjs/hooks/useMediaIndex/lib/media.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/hooks/useMediaIndex/lib/media.ts"],
-  "sourcesContent": ["/**\n * @internal\n */\nexport interface _MediaManager {\n  getCurrentIndex: () => number\n  subscribe: (subscriber: (index: number) => void) => () => void\n}\n\nconst MEDIA_MANAGER_CACHE = new WeakMap<number[], _MediaManager>()\n\nfunction _getMediaQuery(media: number[], index: number) {\n  if (index === 0) {\n    return `screen and (max-width: ${media[index] - 1}px)`\n  }\n\n  if (index === media.length) {\n    return `screen and (min-width: ${media[index - 1]}px)`\n  }\n\n  return `screen and (min-width: ${media[index - 1]}px) and (max-width: ${media[index] - 1}px)`\n}\n\nfunction _createMediaManager(media: number[]): _MediaManager {\n  const mediaLen = media.length\n  const sizes: {mq: MediaQueryList; index: number}[] = []\n\n  if (typeof window !== 'undefined') {\n    for (let index = mediaLen; index > -1; index -= 1) {\n      const mediaQuery = _getMediaQuery(media, index)\n\n      sizes.push({index, mq: window.matchMedia(mediaQuery)})\n    }\n  }\n\n  const getCurrentIndex = () => {\n    for (const {index, mq} of sizes) {\n      if (mq.matches) return index\n    }\n\n    return 0\n  }\n\n  const subscribe = (subscriber: (index: number) => void) => {\n    const disposeFns: (() => void)[] = []\n\n    for (const {index, mq} of sizes) {\n      const handleChange = () => {\n        if (mq.matches) subscriber(index)\n      }\n\n      if (mq.addEventListener) {\n        mq.addEventListener('change', handleChange)\n      } else {\n        mq.addListener(handleChange)\n      }\n\n      disposeFns.push(() => {\n        if (mq.removeEventListener) {\n          mq.removeEventListener('change', handleChange)\n        } else {\n          mq.removeListener(handleChange)\n        }\n      })\n    }\n\n    return () => {\n      for (const disposeFn of disposeFns) {\n        disposeFn()\n      }\n    }\n  }\n\n  return {getCurrentIndex, subscribe}\n}\n\n/**\n * @internal\n */\nexport function _getMediaManager(media: number[]): _MediaManager {\n  let manager = MEDIA_MANAGER_CACHE.get(media)\n\n  if (!manager) {\n    manager = _createMediaManager(media)\n    MEDIA_MANAGER_CACHE.set(media, manager)\n  }\n\n  return manager\n}\n"],
-  "mappings": ";;;;;;;AAAA;AAAA;AAAA;AAQA,MAAM,sBAAsB,IAAI;AAEhC,wBAAwB,OAAiB,OAAe;AACtD,MAAI,UAAU,GAAG;AACf,WAAO,0BAA0B,MAAM,SAAS;AAAA;AAGlD,MAAI,UAAU,MAAM,QAAQ;AAC1B,WAAO,0BAA0B,MAAM,QAAQ;AAAA;AAGjD,SAAO,0BAA0B,MAAM,QAAQ,yBAAyB,MAAM,SAAS;AAAA;AAGzF,6BAA6B,OAAgC;AAC3D,QAAM,WAAW,MAAM;AACvB,QAAM,QAA+C;AAErD,MAAI,OAAO,WAAW,aAAa;AACjC,aAAS,QAAQ,UAAU,QAAQ,IAAI,SAAS,GAAG;AACjD,YAAM,aAAa,eAAe,OAAO;AAEzC,YAAM,KAAK,EAAC,OAAO,IAAI,OAAO,WAAW;AAAA;AAAA;AAI7C,QAAM,kBAAkB,MAAM;AAC5B,eAAW,EAAC,OAAO,QAAO,OAAO;AAC/B,UAAI,GAAG;AAAS,eAAO;AAAA;AAGzB,WAAO;AAAA;AAGT,QAAM,YAAY,CAAC,eAAwC;AACzD,UAAM,aAA6B;AAEnC,eAAW,EAAC,OAAO,QAAO,OAAO;AAC/B,YAAM,eAAe,MAAM;AACzB,YAAI,GAAG;AAAS,qBAAW;AAAA;AAG7B,UAAI,GAAG,kBAAkB;AACvB,WAAG,iBAAiB,UAAU;AAAA,aACzB;AACL,WAAG,YAAY;AAAA;AAGjB,iBAAW,KAAK,MAAM;AACpB,YAAI,GAAG,qBAAqB;AAC1B,aAAG,oBAAoB,UAAU;AAAA,eAC5B;AACL,aAAG,eAAe;AAAA;AAAA;AAAA;AAKxB,WAAO,MAAM;AACX,iBAAW,aAAa,YAAY;AAClC;AAAA;AAAA;AAAA;AAKN,SAAO,EAAC,iBAAiB;AAAA;AAMpB,0BAA0B,OAAgC;AAC/D,MAAI,UAAU,oBAAoB,IAAI;AAEtC,MAAI,CAAC,SAAS;AACZ,cAAU,oBAAoB;AAC9B,wBAAoB,IAAI,OAAO;AAAA;AAGjC,SAAO;AAAA;",
-  "names": []
-}

package/lib/cjs/hooks/useMediaIndex/useMediaIndex.d.ts

@@ -1,6 +0,0 @@
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function useMediaIndex(): number;
-//# sourceMappingURL=useMediaIndex.d.ts.map

package/lib/cjs/hooks/useMediaIndex/useMediaIndex.js

@@ -1,37 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  useMediaIndex: () => useMediaIndex
-});
-var import_react = __toModule(require("react"));
-var import_theme = __toModule(require("../../theme"));
-var import_media = __toModule(require("./lib/media"));
-function useMediaIndex() {
-  const theme = (0, import_theme.useTheme)();
-  const { media } = theme.sanity;
-  const manager = (0, import_react.useMemo)(() => (0, import_media._getMediaManager)(media), [media]);
-  const [index, setIndex] = (0, import_react.useState)(manager.getCurrentIndex);
-  (0, import_react.useEffect)(() => manager.subscribe(setIndex), [manager]);
-  return index;
-}

package/lib/cjs/hooks/useMediaIndex/useMediaIndex.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/hooks/useMediaIndex/useMediaIndex.ts"],
-  "sourcesContent": ["import {useEffect, useMemo, useState} from 'react'\nimport {useTheme} from '../../theme'\nimport {_getMediaManager} from './lib/media'\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport function useMediaIndex(): number {\n  const theme = useTheme()\n  const {media} = theme.sanity\n  const manager = useMemo(() => _getMediaManager(media), [media])\n  const [index, setIndex] = useState(manager.getCurrentIndex)\n\n  useEffect(() => manager.subscribe(setIndex), [manager])\n\n  return index\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA2C;AAC3C,mBAAuB;AACvB,mBAA+B;AAMxB,yBAAiC;AACtC,QAAM,QAAQ;AACd,QAAM,EAAC,UAAS,MAAM;AACtB,QAAM,UAAU,0BAAQ,MAAM,mCAAiB,QAAQ,CAAC;AACxD,QAAM,CAAC,OAAO,YAAY,2BAAS,QAAQ;AAE3C,8BAAU,MAAM,QAAQ,UAAU,WAAW,CAAC;AAE9C,SAAO;AAAA;",
-  "names": []
-}

package/lib/cjs/hooks/usePrefersDark.d.ts

@@ -1,5 +0,0 @@
-/**
- * @public
- */
-export declare function usePrefersDark(): boolean;
-//# sourceMappingURL=usePrefersDark.d.ts.map

package/lib/cjs/hooks/usePrefersDark.js

@@ -1,38 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  usePrefersDark: () => usePrefersDark
-});
-var import_react = __toModule(require("react"));
-function usePrefersDark() {
-  const [dark, setDark] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
-    const mq = window.matchMedia("(prefers-color-scheme: dark)");
-    setDark(mq.matches);
-    const handleChange = () => setDark(mq.matches);
-    mq.addEventListener("change", handleChange);
-    return () => mq.removeEventListener("change", handleChange);
-  }, []);
-  return dark;
-}

package/lib/cjs/hooks/usePrefersDark.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/usePrefersDark.ts"],
-  "sourcesContent": ["import {useEffect, useState} from 'react'\n\n/**\n * @public\n */\nexport function usePrefersDark(): boolean {\n  const [dark, setDark] = useState(false)\n\n  useEffect(() => {\n    const mq = window.matchMedia('(prefers-color-scheme: dark)')\n\n    setDark(mq.matches)\n\n    const handleChange = () => setDark(mq.matches)\n\n    mq.addEventListener('change', handleChange)\n\n    return () => mq.removeEventListener('change', handleChange)\n  }, [])\n\n  return dark\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAK3B,0BAAmC;AACxC,QAAM,CAAC,MAAM,WAAW,2BAAS;AAEjC,8BAAU,MAAM;AACd,UAAM,KAAK,OAAO,WAAW;AAE7B,YAAQ,GAAG;AAEX,UAAM,eAAe,MAAM,QAAQ,GAAG;AAEtC,OAAG,iBAAiB,UAAU;AAE9B,WAAO,MAAM,GAAG,oBAAoB,UAAU;AAAA,KAC7C;AAEH,SAAO;AAAA;",
-  "names": []
-}

package/lib/cjs/hooks/useResponsiveProp.d.ts

@@ -1,6 +0,0 @@
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function useResponsiveProp<T = number>(val: T | T[] | undefined, defaultVal?: T[]): T[];
-//# sourceMappingURL=useResponsiveProp.d.ts.map

package/lib/cjs/hooks/useResponsiveProp.js

@@ -1,31 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  useResponsiveProp: () => useResponsiveProp
-});
-var import_react = __toModule(require("react"));
-var import_styles = __toModule(require("../styles"));
-function useResponsiveProp(val, defaultVal) {
-  return (0, import_react.useMemo)(() => (0, import_styles.getResponsiveProp)(val, defaultVal), [defaultVal, val]);
-}

package/lib/cjs/hooks/useResponsiveProp.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useResponsiveProp.ts"],
-  "sourcesContent": ["import {useMemo} from 'react'\nimport {getResponsiveProp} from '../styles'\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport function useResponsiveProp<T = number>(val: T | T[] | undefined, defaultVal?: T[]): T[] {\n  return useMemo(() => getResponsiveProp(val, defaultVal), [defaultVal, val])\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAsB;AACtB,oBAAgC;AAMzB,2BAAuC,KAA0B,YAAuB;AAC7F,SAAO,0BAAQ,MAAM,qCAAkB,KAAK,aAAa,CAAC,YAAY;AAAA;",
-  "names": []
-}

package/lib/cjs/index.d.ts

@@ -1,9 +0,0 @@
-export * from './primitives';
-export * from './components';
-export * from './helpers';
-export * from './hooks';
-export * from './styles';
-export * from './theme';
-export * from './types';
-export * from './utils';
-//# sourceMappingURL=index.d.ts.map