@sanity/ui 0.36.10 → 0.36.13-next.13

package/lib/cjs/components/dialog/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/dialog/index.ts"],
   "sourcesContent": ["export * from './dialog'\nexport * from './dialogContext'\nexport * from './dialogProvider'\nexport * from './useDialog'\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/components/dialog/styles.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/components/dialog/styles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/dialog/styles.ts"],
   "sourcesContent": ["import {CSSObject} from 'styled-components'\nimport {getResponsiveProp, responsive, ThemeProps} from '../../styles'\nimport {DialogPosition} from '../../types'\n\n/**\n * @internal\n */\nexport interface ResponsiveDialogPositionStyleProps {\n  $position: DialogPosition | DialogPosition[]\n}\n\nexport function dialogStyle({theme}: ThemeProps): CSSObject {\n  const color = theme.sanity.color.base\n\n  return {\n    '&:not([hidden])': {\n      display: 'flex',\n    },\n\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    alignItems: 'center',\n    justifyContent: 'center',\n    outline: 'none',\n    background: color.shadow.penumbra,\n  }\n}\n\nexport function responsiveDialogPositionStyle(\n  props: ResponsiveDialogPositionStyleProps & ThemeProps\n): CSSObject[] {\n  const {theme} = props\n  const {media} = theme.sanity\n\n  return responsive(media, getResponsiveProp(props.$position), (position) => ({'&&': {position}}))\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA,oBAAwD;AAUjD,qBAAqB,EAAC,SAA+B;AAC1D,QAAM,QAAQ,MAAM,OAAO,MAAM;AAEjC,SAAO;AAAA,IACL,mBAAmB;AAAA,MACjB,SAAS;AAAA;AAAA,IAGX,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,SAAS;AAAA,IACT,YAAY,MAAM,OAAO;AAAA;AAAA;AAItB,uCACL,OACa;AACb,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,8BAAW,OAAO,qCAAkB,MAAM,YAAY,CAAC,aAAc,GAAC,MAAM,EAAC;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA,oBAAwD;AAUjD,qBAAqB,EAAC,SAA+B;AAC1D,QAAM,QAAQ,MAAM,OAAO,MAAM;AAEjC,SAAO;AAAA,IACL,mBAAmB;AAAA,MACjB,SAAS;AAAA;AAAA,IAGX,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,SAAS;AAAA,IACT,YAAY,MAAM,OAAO;AAAA;AAAA;AAItB,uCACL,OACa;AACb,QAAM,EAAC,UAAS;AAChB,QAAM,EAAC,UAAS,MAAM;AAEtB,SAAO,8BAAW,OAAO,qCAAkB,MAAM,YAAY,CAAC,aAAc,GAAC,MAAM,EAAC;AAAA;",
   "names": []
 }

package/lib/cjs/components/dialog/useDialog.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/components/dialog/useDialog.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/dialog/useDialog.ts"],
   "sourcesContent": ["import {useContext} from 'react'\nimport {DialogContext, DialogContextValue} from './dialogContext'\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport function useDialog(): DialogContextValue {\n  return useContext(DialogContext)\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAyB;AACzB,2BAAgD;AAMzC,qBAAyC;AAC9C,SAAO,6BAAW;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAyB;AACzB,2BAAgD;AAMzC,qBAAyC;AAC9C,SAAO,6BAAW;AAAA;",
   "names": []
 }

package/lib/cjs/components/hotkeys/hotkeys.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/components/hotkeys/hotkeys.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/hotkeys/hotkeys.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {Inline, KBD} from '../../primitives'\n\n/**\n * @public\n */\nexport interface HotkeysProps {\n  fontSize?: number | number[]\n  padding?: number | number[]\n  radius?: number | number[]\n  space?: number | number[]\n  keys?: string[]\n}\n\nconst Root = styled.kbd`\n  &:not([hidden]) {\n    display: block;\n  }\n  font: inherit;\n`\n\nconst Key = styled(KBD)`\n  &:not([hidden]) {\n    display: block;\n  }\n`\n\n/**\n * @public\n */\nexport const Hotkeys = forwardRef(function Hotkeys(\n  props: HotkeysProps & Omit<React.HTMLProps<HTMLElement>, 'as' | 'ref' | 'size'>,\n  ref: React.Ref<HTMLElement>\n) {\n  const {fontSize, keys, padding, radius, space = 1, ...restProps} = props\n\n  if (!keys || keys.length === 0) {\n    return <></>\n  }\n\n  return (\n    <Root data-ui=\"Hotkeys\" {...restProps} ref={ref}>\n      <Inline as=\"span\" space={space}>\n        {keys.map((key, i) => (\n          <Key fontSize={fontSize} key={i} padding={padding} radius={radius}>\n            {key}\n          </Key>\n        ))}\n      </Inline>\n    </Root>\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,wBAA0B;AAa1B,MAAM,OAAO,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpB,MAAM,MAAM,sCAAO;AAAA;AAAA;AAAA;AAAA;AASZ,MAAM,UAAU,6BAAW,kBAChC,OACA,KACA;AACA,QAAmE,YAA5D,YAAU,MAAM,SAAS,QAAQ,QAAQ,MAAmB,IAAb,sBAAa,IAAb,CAA/C,YAAU,QAAM,WAAS,UAAQ;AAExC,MAAI,CAAC,QAAQ,KAAK,WAAW,GAAG;AAC9B,WAAO;AAAA;AAGT,SACE,mDAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAc,YAA5B;AAAA,IAAuC;AAAA,MACrC,mDAAC,0BAAD;AAAA,IAAQ,IAAG;AAAA,IAAO;AAAA,KACf,KAAK,IAAI,CAAC,KAAK,MACd,mDAAC,KAAD;AAAA,IAAK;AAAA,IAAoB,KAAK;AAAA,IAAG;AAAA,IAAkB;AAAA,KAChD;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,wBAA0B;AAa1B,MAAM,OAAO,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpB,MAAM,MAAM,sCAAO;AAAA;AAAA;AAAA;AAAA;AASZ,MAAM,UAAU,6BAAW,kBAChC,OACA,KACA;AACA,QAAmE,YAA5D,YAAU,MAAM,SAAS,QAAQ,QAAQ,MAAmB,IAAb,sBAAa,IAAb,CAA/C,YAAU,QAAM,WAAS,UAAQ;AAExC,MAAI,CAAC,QAAQ,KAAK,WAAW,GAAG;AAC9B,WAAO;AAAA;AAGT,SACE,mDAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAc,YAA5B;AAAA,IAAuC;AAAA,MACrC,mDAAC,0BAAD;AAAA,IAAQ,IAAG;AAAA,IAAO;AAAA,KACf,KAAK,IAAI,CAAC,KAAK,MACd,mDAAC,KAAD;AAAA,IAAK;AAAA,IAAoB,KAAK;AAAA,IAAG;AAAA,IAAkB;AAAA,KAChD;AAAA;",
   "names": []
 }

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

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

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/index.ts"],
   "sourcesContent": ["export * from './autocomplete'\nexport * from './breadcrumbs'\nexport * from './dialog'\nexport * from './hotkeys'\nexport * from './menu'\nexport * from './skeleton'\nexport * from './tab'\nexport * from './toast'\nexport * from './tree'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AACd,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;AACd,oBAAc;",
   "names": []
 }

package/lib/cjs/components/menu/helpers.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/components/menu/helpers.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/menu/helpers.ts"],
   "sourcesContent": ["import {isHTMLAnchorElement, isHTMLButtonElement} from '../../helpers'\n\n/**\n * @internal\n */\nfunction _isFocusable(element: HTMLElement) {\n  return (\n    (isHTMLAnchorElement(element) && element.getAttribute('data-disabled') !== 'true') ||\n    (isHTMLButtonElement(element) && !element.disabled)\n  )\n}\n\n/**\n * @internal\n */\nexport function _getFocusableElements(elements: HTMLElement[]): HTMLElement[] {\n  return elements.filter(_isFocusable)\n}\n\n/**\n * @internal\n */\nexport function _getDOMPath(rootElement: HTMLElement, el: HTMLElement): number[] {\n  const path: number[] = []\n\n  let e = el\n\n  while (e !== rootElement) {\n    const parentElement = e.parentElement\n\n    if (!parentElement) return path\n\n    const children = Array.from(parentElement.childNodes)\n    const index = children.indexOf(e)\n\n    path.unshift(index)\n\n    if (parentElement === rootElement) {\n      return path\n    }\n\n    e = parentElement\n  }\n\n  return path\n}\n\nconst EMPTY_PATH: number[] = []\n\n/**\n * @internal\n */\nexport function _sortElements(rootElement: HTMLElement | null, elements: HTMLElement[]): void {\n  if (!rootElement) return\n\n  const map = new WeakMap<HTMLElement, number[]>()\n\n  for (const el of elements) {\n    map.set(el, _getDOMPath(rootElement, el))\n  }\n\n  const _sort = (a: HTMLElement, b: HTMLElement) => {\n    const _a = map.get(a) || EMPTY_PATH\n    const _b = map.get(b) || EMPTY_PATH\n\n    const len = Math.max(_a.length, _b.length)\n\n    // Loop until there are different indexes\n    for (let i = 0; i < len; i += 1) {\n      const aIndex = _a[i] || -1\n      const bIndex = _b[i] || -1\n\n      if (aIndex !== bIndex) {\n        return aIndex - bIndex\n      }\n    }\n\n    return 0\n  }\n\n  elements.sort(_sort)\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAuD;AAKvD,sBAAsB,SAAsB;AAC1C,SACG,wCAAoB,YAAY,QAAQ,aAAa,qBAAqB,UAC1E,wCAAoB,YAAY,CAAC,QAAQ;AAAA;AAOvC,+BAA+B,UAAwC;AAC5E,SAAO,SAAS,OAAO;AAAA;AAMlB,qBAAqB,aAA0B,IAA2B;AAC/E,QAAM,OAAiB;AAEvB,MAAI,IAAI;AAER,SAAO,MAAM,aAAa;AACxB,UAAM,gBAAgB,EAAE;AAExB,QAAI,CAAC;AAAe,aAAO;AAE3B,UAAM,WAAW,MAAM,KAAK,cAAc;AAC1C,UAAM,QAAQ,SAAS,QAAQ;AAE/B,SAAK,QAAQ;AAEb,QAAI,kBAAkB,aAAa;AACjC,aAAO;AAAA;AAGT,QAAI;AAAA;AAGN,SAAO;AAAA;AAGT,MAAM,aAAuB;AAKtB,uBAAuB,aAAiC,UAA+B;AAC5F,MAAI,CAAC;AAAa;AAElB,QAAM,MAAM,IAAI;AAEhB,aAAW,MAAM,UAAU;AACzB,QAAI,IAAI,IAAI,YAAY,aAAa;AAAA;AAGvC,QAAM,QAAQ,CAAC,GAAgB,MAAmB;AAChD,UAAM,KAAK,IAAI,IAAI,MAAM;AACzB,UAAM,KAAK,IAAI,IAAI,MAAM;AAEzB,UAAM,MAAM,KAAK,IAAI,GAAG,QAAQ,GAAG;AAGnC,aAAS,IAAI,GAAG,IAAI,KAAK,KAAK,GAAG;AAC/B,YAAM,SAAS,GAAG,MAAM;AACxB,YAAM,SAAS,GAAG,MAAM;AAExB,UAAI,WAAW,QAAQ;AACrB,eAAO,SAAS;AAAA;AAAA;AAIpB,WAAO;AAAA;AAGT,WAAS,KAAK;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAuD;AAKvD,sBAAsB,SAAsB;AAC1C,SACG,wCAAoB,YAAY,QAAQ,aAAa,qBAAqB,UAC1E,wCAAoB,YAAY,CAAC,QAAQ;AAAA;AAOvC,+BAA+B,UAAwC;AAC5E,SAAO,SAAS,OAAO;AAAA;AAMlB,qBAAqB,aAA0B,IAA2B;AAC/E,QAAM,OAAiB;AAEvB,MAAI,IAAI;AAER,SAAO,MAAM,aAAa;AACxB,UAAM,gBAAgB,EAAE;AAExB,QAAI,CAAC;AAAe,aAAO;AAE3B,UAAM,WAAW,MAAM,KAAK,cAAc;AAC1C,UAAM,QAAQ,SAAS,QAAQ;AAE/B,SAAK,QAAQ;AAEb,QAAI,kBAAkB,aAAa;AACjC,aAAO;AAAA;AAGT,QAAI;AAAA;AAGN,SAAO;AAAA;AAGT,MAAM,aAAuB;AAKtB,uBAAuB,aAAiC,UAA+B;AAC5F,MAAI,CAAC;AAAa;AAElB,QAAM,MAAM,IAAI;AAEhB,aAAW,MAAM,UAAU;AACzB,QAAI,IAAI,IAAI,YAAY,aAAa;AAAA;AAGvC,QAAM,QAAQ,CAAC,GAAgB,MAAmB;AAChD,UAAM,KAAK,IAAI,IAAI,MAAM;AACzB,UAAM,KAAK,IAAI,IAAI,MAAM;AAEzB,UAAM,MAAM,KAAK,IAAI,GAAG,QAAQ,GAAG;AAGnC,aAAS,IAAI,GAAG,IAAI,KAAK,KAAK,GAAG;AAC/B,YAAM,SAAS,GAAG,MAAM;AACxB,YAAM,SAAS,GAAG,MAAM;AAExB,UAAI,WAAW,QAAQ;AACrB,eAAO,SAAS;AAAA;AAAA;AAIpB,WAAO;AAAA;AAGT,WAAS,KAAK;AAAA;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/menu/index.ts"],
   "sourcesContent": ["export * from './menu'\nexport * from './menuButton'\nexport * from './menuDivider'\nexport * from './menuGroup'\nexport * from './menuItem'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;",
   "names": []
 }

package/lib/cjs/components/menu/menu.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/components/menu/menu.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/menu/menu.tsx"],
   "sourcesContent": ["import React, {forwardRef, useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport styled from 'styled-components'\nimport {useClickOutside, useGlobalKeyDown} from '../../hooks'\nimport {Box, Stack} from '../../primitives'\nimport {ResponsivePaddingProps} from '../../primitives/types'\nimport {useLayer} from '../../utils'\nimport {_getFocusableElements, _sortElements} from './helpers'\nimport {MenuContext, MenuContextValue} from './menuContext'\n\n/**\n * @public\n */\nexport interface MenuProps extends ResponsivePaddingProps {\n  /**\n   * @deprecated Use `shouldFocus=\"first\"` instead.\n   */\n  focusFirst?: boolean\n  /**\n   * @deprecated Use `shouldFocus=\"last\"` instead.\n   */\n  focusLast?: boolean\n  onClickOutside?: (event: MouseEvent) => void\n  onEscape?: () => void\n  onItemClick?: () => void\n  onItemSelect?: (index: number) => void\n  originElement?: HTMLElement | null\n  registerElement?: (el: HTMLElement) => () => void\n  shouldFocus?: 'first' | 'last' | null\n  space?: number | number[]\n}\n\nconst Root = styled(Box)`\n  outline: none;\n  overflow: auto;\n`\n\n/**\n * @public\n */\nexport const Menu = forwardRef(function Menu(\n  props: MenuProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'role' | 'tabIndex'>,\n  ref\n) {\n  const {\n    children,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    focusFirst,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    focusLast,\n    onClickOutside,\n    onEscape,\n    onItemClick,\n    onItemSelect,\n    onKeyDown,\n    originElement,\n    padding = 1,\n    registerElement,\n    shouldFocus = (props.focusFirst && 'first') || (props.focusLast && 'last') || null,\n    space = 1,\n    ...restProps\n  } = props\n\n  const {isTopLayer} = useLayer()\n  const [rootElement, setRootElement] = useState<HTMLDivElement | null>(null)\n  const elementsRef = useRef<HTMLElement[]>([])\n  const [activeIndex, setActiveIndex] = useState(-1)\n  const activeIndexRef = useRef(activeIndex)\n  const activeElement = elementsRef.current[activeIndex] || null\n  const activeElementRef = useRef<HTMLElement | null>(activeElement)\n  const mounted = Boolean(rootElement)\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 mount = useCallback(\n    (element: HTMLElement | null, selected?: boolean): (() => void) => {\n      if (!element) return () => undefined\n\n      if (elementsRef.current.indexOf(element) === -1) {\n        elementsRef.current.push(element)\n        _sortElements(rootElement, elementsRef.current)\n      }\n\n      if (selected) {\n        const selectedIndex = elementsRef.current.indexOf(element)\n\n        setActiveIndex(selectedIndex)\n        activeIndexRef.current = selectedIndex\n      }\n\n      return () => {\n        const idx = elementsRef.current.indexOf(element)\n\n        if (idx > -1) {\n          elementsRef.current.splice(idx, 1)\n        }\n      }\n    },\n    [rootElement]\n  )\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      // Move focus to the element that opened the menu before handling the `Tab` press\n      if (event.key === 'Tab') {\n        if (originElement) {\n          originElement.focus()\n        }\n\n        return\n      }\n\n      // Move focus to the first focusable menuitem\n      if (event.key === 'Home') {\n        event.preventDefault()\n        event.stopPropagation()\n\n        const focusableElements = _getFocusableElements(elementsRef.current)\n        const el = focusableElements[0]\n\n        if (!el) return\n\n        const currentIndex = elementsRef.current.indexOf(el)\n\n        setActiveIndex(currentIndex)\n        activeIndexRef.current = currentIndex\n\n        return\n      }\n\n      // Move focus to the last focusable menuitem\n      if (event.key === 'End') {\n        event.preventDefault()\n        event.stopPropagation()\n\n        const focusableElements = _getFocusableElements(elementsRef.current)\n        const el = focusableElements[focusableElements.length - 1]\n\n        if (!el) return\n\n        const currentIndex = elementsRef.current.indexOf(el)\n\n        setActiveIndex(currentIndex)\n        activeIndexRef.current = currentIndex\n\n        return\n      }\n\n      if (event.key === 'ArrowUp') {\n        event.preventDefault()\n        event.stopPropagation()\n\n        const focusableElements = _getFocusableElements(elementsRef.current)\n        const focusableLen = focusableElements.length\n\n        if (focusableLen === 0) return\n\n        const focusedElement = elementsRef.current[activeIndex]\n\n        let focusedIndex = focusableElements.indexOf(focusedElement)\n\n        focusedIndex = (focusedIndex - 1 + focusableLen) % focusableLen\n\n        const el = focusableElements[focusedIndex]\n        const currentIndex = elementsRef.current.indexOf(el)\n\n        setActiveIndex(currentIndex)\n        activeIndexRef.current = currentIndex\n\n        return\n      }\n\n      if (event.key === 'ArrowDown') {\n        event.preventDefault()\n        event.stopPropagation()\n\n        const focusableElements = _getFocusableElements(elementsRef.current)\n        const focusableLen = focusableElements.length\n\n        if (focusableLen === 0) return\n\n        const focusedElement = elementsRef.current[activeIndex]\n\n        let focusedIndex = focusableElements.indexOf(focusedElement)\n\n        focusedIndex = (focusedIndex + 1) % focusableLen\n\n        const el = focusableElements[focusedIndex]\n        const currentIndex = elementsRef.current.indexOf(el)\n\n        setActiveIndex(currentIndex)\n        activeIndexRef.current = currentIndex\n\n        return\n      }\n\n      if (onKeyDown) {\n        onKeyDown(event)\n      }\n    },\n    [activeIndex, onKeyDown, originElement]\n  )\n\n  const handleItemMouseEnter = useCallback((event: React.MouseEvent<HTMLElement>) => {\n    const element = event.currentTarget\n    const currentIndex = elementsRef.current.indexOf(element)\n\n    setActiveIndex(currentIndex)\n    activeIndexRef.current = currentIndex\n  }, [])\n\n  const handleItemMouseLeave = useCallback(() => {\n    rootElement?.focus()\n    setActiveIndex(-1)\n    activeIndexRef.current = -1\n  }, [rootElement])\n\n  // Trigger `onItemSelect` when active index changes\n  useEffect(() => {\n    if (onItemSelect) onItemSelect(activeIndex)\n  }, [activeIndex, onItemSelect])\n\n  useEffect(() => {\n    activeElementRef.current = activeElement\n  }, [activeElement])\n\n  // Set focus on the currently active element\n  useEffect(() => {\n    if (!mounted) return\n\n    const rafId = window.requestAnimationFrame(() => {\n      const _activeIndex = activeIndexRef.current\n\n      if (_activeIndex === -1) {\n        if (shouldFocus === 'first') {\n          const focusableElements = _getFocusableElements(elementsRef.current)\n          const el = focusableElements[0]\n\n          if (el) {\n            const currentIndex = elementsRef.current.indexOf(el)\n\n            setActiveIndex(currentIndex)\n            activeIndexRef.current = currentIndex\n          }\n        }\n\n        if (shouldFocus === 'last') {\n          const focusableElements = _getFocusableElements(elementsRef.current)\n          const el = focusableElements[focusableElements.length - 1]\n\n          if (el) {\n            const currentIndex = elementsRef.current.indexOf(el)\n\n            setActiveIndex(currentIndex)\n            activeIndexRef.current = currentIndex\n          }\n        }\n\n        return\n      }\n\n      const element = elementsRef.current[_activeIndex] || null\n\n      element?.focus()\n    })\n\n    return () => {\n      window.cancelAnimationFrame(rafId)\n    }\n  }, [activeIndex, mounted, shouldFocus])\n\n  useClickOutside(\n    useCallback(\n      (event) => isTopLayer && onClickOutside && onClickOutside(event),\n      [isTopLayer, onClickOutside]\n    ),\n    [rootElement]\n  )\n\n  useGlobalKeyDown(\n    useCallback(\n      (event) => {\n        if (!isTopLayer) return\n\n        if (event.key === 'Escape') {\n          event.stopPropagation()\n          if (onEscape) onEscape()\n        }\n      },\n      [isTopLayer, onEscape]\n    )\n  )\n\n  useEffect(() => {\n    if (!rootElement || !registerElement) return\n\n    return registerElement(rootElement)\n  }, [registerElement, rootElement])\n\n  const value: MenuContextValue = useMemo(\n    () => ({\n      version: 0.0,\n      activeElement,\n      activeIndex,\n      mount,\n      onClickOutside,\n      onEscape,\n      onMouseEnter: handleItemMouseEnter,\n      onMouseLeave: handleItemMouseLeave,\n      onItemClick,\n      registerElement,\n    }),\n    [\n      activeElement,\n      activeIndex,\n      mount,\n      handleItemMouseEnter,\n      handleItemMouseLeave,\n      onClickOutside,\n      onEscape,\n      onItemClick,\n      registerElement,\n    ]\n  )\n\n  return (\n    <MenuContext.Provider value={value}>\n      <Root\n        data-ui=\"Menu\"\n        {...restProps}\n        onKeyDown={handleKeyDown}\n        padding={padding}\n        ref={setRef}\n        role=\"menu\"\n        tabIndex={-1}\n      >\n        <Stack space={space}>{children}</Stack>\n      </Root>\n    </MenuContext.Provider>\n  )\n})\n"],
-  "mappings": "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",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAmF;AACnF,+BAAmB;AACnB,mBAAgD;AAChD,wBAAyB;AAEzB,mBAAuB;AACvB,qBAAmD;AACnD,yBAA4C;AAwB5C,MAAM,OAAO,sCAAO;AAAA;AAAA;AAAA;AAQb,MAAM,OAAO,6BAAW,eAC7B,OACA,KACA;AACA,QAiBI,YAhBF;AAAA;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,cAAe,MAAM,cAAc,WAAa,MAAM,aAAa,UAAW;AAAA,IAC9E,QAAQ;AAAA,MAEN,IADC,sBACD,IADC;AAAA,IAfH;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAAM,EAAC,eAAc;AACrB,QAAM,CAAC,aAAa,kBAAkB,2BAAgC;AACtE,QAAM,cAAc,yBAAsB;AAC1C,QAAM,CAAC,aAAa,kBAAkB,2BAAS;AAC/C,QAAM,iBAAiB,yBAAO;AAC9B,QAAM,gBAAgB,YAAY,QAAQ,gBAAgB;AAC1D,QAAM,mBAAmB,yBAA2B;AACpD,QAAM,UAAU,QAAQ;AAExB,QAAM,SAAS,8BACb,CAAC,OAA8B;AAC7B,mBAAe;AACf,QAAI,OAAO,QAAQ;AAAY,UAAI;AAAA,aAC1B;AAAK,UAAI,UAAU;AAAA,KAE9B,CAAC;AAGH,QAAM,QAAQ,8BACZ,CAAC,SAA6B,aAAqC;AACjE,QAAI,CAAC;AAAS,aAAO,MAAM;AAE3B,QAAI,YAAY,QAAQ,QAAQ,aAAa,IAAI;AAC/C,kBAAY,QAAQ,KAAK;AACzB,wCAAc,aAAa,YAAY;AAAA;AAGzC,QAAI,UAAU;AACZ,YAAM,gBAAgB,YAAY,QAAQ,QAAQ;AAElD,qBAAe;AACf,qBAAe,UAAU;AAAA;AAG3B,WAAO,MAAM;AACX,YAAM,MAAM,YAAY,QAAQ,QAAQ;AAExC,UAAI,MAAM,IAAI;AACZ,oBAAY,QAAQ,OAAO,KAAK;AAAA;AAAA;AAAA,KAItC,CAAC;AAGH,QAAM,gBAAgB,8BACpB,CAAC,UAA+C;AAE9C,QAAI,MAAM,QAAQ,OAAO;AACvB,UAAI,eAAe;AACjB,sBAAc;AAAA;AAGhB;AAAA;AAIF,QAAI,MAAM,QAAQ,QAAQ;AACxB,YAAM;AACN,YAAM;AAEN,YAAM,oBAAoB,0CAAsB,YAAY;AAC5D,YAAM,KAAK,kBAAkB;AAE7B,UAAI,CAAC;AAAI;AAET,YAAM,eAAe,YAAY,QAAQ,QAAQ;AAEjD,qBAAe;AACf,qBAAe,UAAU;AAEzB;AAAA;AAIF,QAAI,MAAM,QAAQ,OAAO;AACvB,YAAM;AACN,YAAM;AAEN,YAAM,oBAAoB,0CAAsB,YAAY;AAC5D,YAAM,KAAK,kBAAkB,kBAAkB,SAAS;AAExD,UAAI,CAAC;AAAI;AAET,YAAM,eAAe,YAAY,QAAQ,QAAQ;AAEjD,qBAAe;AACf,qBAAe,UAAU;AAEzB;AAAA;AAGF,QAAI,MAAM,QAAQ,WAAW;AAC3B,YAAM;AACN,YAAM;AAEN,YAAM,oBAAoB,0CAAsB,YAAY;AAC5D,YAAM,eAAe,kBAAkB;AAEvC,UAAI,iBAAiB;AAAG;AAExB,YAAM,iBAAiB,YAAY,QAAQ;AAE3C,UAAI,eAAe,kBAAkB,QAAQ;AAE7C,qBAAgB,gBAAe,IAAI,gBAAgB;AAEnD,YAAM,KAAK,kBAAkB;AAC7B,YAAM,eAAe,YAAY,QAAQ,QAAQ;AAEjD,qBAAe;AACf,qBAAe,UAAU;AAEzB;AAAA;AAGF,QAAI,MAAM,QAAQ,aAAa;AAC7B,YAAM;AACN,YAAM;AAEN,YAAM,oBAAoB,0CAAsB,YAAY;AAC5D,YAAM,eAAe,kBAAkB;AAEvC,UAAI,iBAAiB;AAAG;AAExB,YAAM,iBAAiB,YAAY,QAAQ;AAE3C,UAAI,eAAe,kBAAkB,QAAQ;AAE7C,qBAAgB,gBAAe,KAAK;AAEpC,YAAM,KAAK,kBAAkB;AAC7B,YAAM,eAAe,YAAY,QAAQ,QAAQ;AAEjD,qBAAe;AACf,qBAAe,UAAU;AAEzB;AAAA;AAGF,QAAI,WAAW;AACb,gBAAU;AAAA;AAAA,KAGd,CAAC,aAAa,WAAW;AAG3B,QAAM,uBAAuB,8BAAY,CAAC,UAAyC;AACjF,UAAM,UAAU,MAAM;AACtB,UAAM,eAAe,YAAY,QAAQ,QAAQ;AAEjD,mBAAe;AACf,mBAAe,UAAU;AAAA,KACxB;AAEH,QAAM,uBAAuB,8BAAY,MAAM;AAC7C,+CAAa;AACb,mBAAe;AACf,mBAAe,UAAU;AAAA,KACxB,CAAC;AAGJ,8BAAU,MAAM;AACd,QAAI;AAAc,mBAAa;AAAA,KAC9B,CAAC,aAAa;AAEjB,8BAAU,MAAM;AACd,qBAAiB,UAAU;AAAA,KAC1B,CAAC;AAGJ,8BAAU,MAAM;AACd,QAAI,CAAC;AAAS;AAEd,UAAM,QAAQ,OAAO,sBAAsB,MAAM;AAC/C,YAAM,eAAe,eAAe;AAEpC,UAAI,iBAAiB,IAAI;AACvB,YAAI,gBAAgB,SAAS;AAC3B,gBAAM,oBAAoB,0CAAsB,YAAY;AAC5D,gBAAM,KAAK,kBAAkB;AAE7B,cAAI,IAAI;AACN,kBAAM,eAAe,YAAY,QAAQ,QAAQ;AAEjD,2BAAe;AACf,2BAAe,UAAU;AAAA;AAAA;AAI7B,YAAI,gBAAgB,QAAQ;AAC1B,gBAAM,oBAAoB,0CAAsB,YAAY;AAC5D,gBAAM,KAAK,kBAAkB,kBAAkB,SAAS;AAExD,cAAI,IAAI;AACN,kBAAM,eAAe,YAAY,QAAQ,QAAQ;AAEjD,2BAAe;AACf,2BAAe,UAAU;AAAA;AAAA;AAI7B;AAAA;AAGF,YAAM,UAAU,YAAY,QAAQ,iBAAiB;AAErD,yCAAS;AAAA;AAGX,WAAO,MAAM;AACX,aAAO,qBAAqB;AAAA;AAAA,KAE7B,CAAC,aAAa,SAAS;AAE1B,oCACE,8BACE,CAAC,UAAU,cAAc,kBAAkB,eAAe,QAC1D,CAAC,YAAY,kBAEf,CAAC;AAGH,qCACE,8BACE,CAAC,UAAU;AACT,QAAI,CAAC;AAAY;AAEjB,QAAI,MAAM,QAAQ,UAAU;AAC1B,YAAM;AACN,UAAI;AAAU;AAAA;AAAA,KAGlB,CAAC,YAAY;AAIjB,8BAAU,MAAM;AACd,QAAI,CAAC,eAAe,CAAC;AAAiB;AAEtC,WAAO,gBAAgB;AAAA,KACtB,CAAC,iBAAiB;AAErB,QAAM,QAA0B,0BAC9B,MAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,cAAc;AAAA,IACd;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SACE,mDAAC,+BAAY,UAAb;AAAA,IAAsB;AAAA,KACpB,mDAAC,MAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,WAAW;AAAA,IACX;AAAA,IACA,KAAK;AAAA,IACL,MAAK;AAAA,IACL,UAAU;AAAA,MAEV,mDAAC,yBAAD;AAAA,IAAO;AAAA,KAAe;AAAA;",
   "names": []
 }

package/lib/cjs/components/menu/menuButton.d.ts

@@ -7,34 +7,34 @@ import { Placement } from '../../types';
  */
 export interface MenuButtonProps {
     /**
-     * @deprecated Use `popover={{boundaryElement: ...}}` instead.
+     * @deprecated Use `popover={{boundaryElement: element}}` instead.
      */
     boundaryElement?: HTMLElement;
     button: React.ReactElement;
     id: string;
     menu?: React.ReactElement;
     /**
-     * @deprecated Use `popover={{placement: ...}}` instead.
+     * @deprecated Use `popover={{placement: 'top'}}` instead.
      */
     placement?: Placement;
     popover?: Omit<PopoverProps, 'content' | 'open'>;
     /**
-     * @deprecated Use `popover={{scheme: ...}}` instead.
+     * @deprecated Use `popover={{scheme: 'dark'}}` instead.
      */
     popoverScheme?: ThemeColorSchemeKey;
     /**
-     * @deprecated Use `popover={{radius: ...}}` instead.
+     * @deprecated Use `popover={{radius: 2}}` instead.
      */
     popoverRadius?: number | number[];
     /**
      * Do not use in production.
      * @beta
      *
-     * @deprecated Use `popover={{portal: ...}}` instead.
+     * @deprecated Use `popover={{portal: true}}` instead.
      */
     portal?: boolean;
     /**
-     * @deprecated Use `popover={{preventOverflow: ...}}` instead.
+     * @deprecated Use `popover={{preventOverflow: true}}` instead.
      */
     preventOverflow?: boolean;
 }

package/lib/cjs/components/menu/menuButton.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 __export = (target, all) => {
   __markAsModule(target);
   for (var name in all)

package/lib/cjs/components/menu/menuButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/menu/menuButton.tsx"],
-  "sourcesContent": ["import React, {cloneElement, forwardRef, useCallback, useMemo, useState} from 'react'\nimport {isElement} from 'react-is'\nimport {Popover, PopoverProps} from '../../primitives'\nimport {ThemeColorSchemeKey} from '../../theme'\nimport {Placement} from '../../types'\nimport {MenuProps} from './menu'\n\n/**\n * @public\n */\nexport interface MenuButtonProps {\n  /**\n   * @deprecated Use `popover={{boundaryElement: ...}}` instead.\n   */\n  boundaryElement?: HTMLElement\n  button: React.ReactElement\n  id: string\n  menu?: React.ReactElement\n  /**\n   * @deprecated Use `popover={{placement: ...}}` instead.\n   */\n  placement?: Placement\n  popover?: Omit<PopoverProps, 'content' | 'open'>\n  /**\n   * @deprecated Use `popover={{scheme: ...}}` instead.\n   */\n  popoverScheme?: ThemeColorSchemeKey\n  /**\n   * @deprecated Use `popover={{radius: ...}}` instead.\n   */\n  popoverRadius?: number | number[]\n  /**\n   * Do not use in production.\n   * @beta\n   *\n   * @deprecated Use `popover={{portal: ...}}` instead.\n   */\n  portal?: boolean\n  /**\n   * @deprecated Use `popover={{preventOverflow: ...}}` instead.\n   */\n  preventOverflow?: boolean\n}\n\n/**\n * @public\n */\nexport const MenuButton = forwardRef(function MenuButton(\n  props: MenuButtonProps,\n  ref: React.ForwardedRef<HTMLButtonElement | null>\n) {\n  const {\n    boundaryElement,\n    button: buttonProp,\n    id,\n    menu: menuProp,\n    placement,\n    popoverScheme,\n    portal,\n    popover,\n    popoverRadius,\n    preventOverflow,\n  } = props\n  const [open, setOpen] = useState(false)\n  const [shouldFocus, setShouldFocus] = useState<'first' | 'last' | null>(null)\n  const [buttonElement, setButtonElement] = useState<HTMLButtonElement | null>(null)\n  const [menuElements, setChildMenuElements] = useState<HTMLElement[]>([])\n\n  const handleButtonClick = useCallback(() => {\n    setOpen((v) => !v)\n    setShouldFocus(null)\n  }, [])\n\n  const handleButtonKeyDown = useCallback((event: React.KeyboardEvent<HTMLButtonElement>) => {\n    // On `ArrowDown`, `Enter` and `Space`\n    // - Opens menu and moves focus to first menuitem\n    if (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      setOpen(true)\n      setShouldFocus('first')\n\n      return\n    }\n\n    // On `ArrowUp`\n    // - \tOpens menu and moves focus to last menuitem\n    if (event.key === 'ArrowUp') {\n      event.preventDefault()\n      setOpen(true)\n      setShouldFocus('last')\n\n      return\n    }\n  }, [])\n\n  const handleMenuClickOutside = useCallback(\n    (event: MouseEvent) => {\n      const target = event.target\n\n      if (!(target instanceof Node)) {\n        return\n      }\n\n      if (buttonElement && (target === buttonElement || buttonElement.contains(target))) {\n        return\n      }\n\n      for (const el of menuElements) {\n        if (target === el || el.contains(target)) {\n          return\n        }\n      }\n\n      setOpen(false)\n    },\n    [buttonElement, menuElements]\n  )\n\n  const handleMenuEscape = useCallback(() => {\n    setOpen(false)\n    if (buttonElement) buttonElement.focus()\n  }, [buttonElement])\n\n  const handleBlur = useCallback(\n    (event: React.FocusEvent<HTMLButtonElement>) => {\n      const target = event.relatedTarget\n\n      if (!(target instanceof Node)) {\n        return\n      }\n\n      for (const el of menuElements) {\n        if (el === target || el.contains(target)) {\n          return\n        }\n      }\n\n      setOpen(false)\n    },\n    [menuElements]\n  )\n\n  const handleItemClick = useCallback(() => {\n    setOpen(false)\n    if (buttonElement) buttonElement.focus()\n  }, [buttonElement])\n\n  const registerElement = useCallback((el: HTMLElement) => {\n    setChildMenuElements((els) => els.concat([el]))\n\n    return () => {\n      setChildMenuElements((els) => {\n        return els.filter((_el) => _el !== el)\n      })\n    }\n  }, [])\n\n  const menuProps: MenuProps = useMemo(\n    () => ({\n      'aria-labelledby': id,\n      onBlurCapture: handleBlur,\n      onClickOutside: handleMenuClickOutside,\n      onEscape: handleMenuEscape,\n      onItemClick: handleItemClick,\n      originElement: buttonElement,\n      registerElement,\n      shouldFocus,\n    }),\n    [\n      buttonElement,\n      handleMenuClickOutside,\n      handleMenuEscape,\n      handleItemClick,\n      id,\n      handleBlur,\n      registerElement,\n      shouldFocus,\n    ]\n  )\n\n  const menu = isElement(menuProp) ? cloneElement(menuProp, menuProps) : null\n\n  const setButtonRef = useCallback(\n    (el: HTMLButtonElement | null) => {\n      if (typeof ref === 'function') {\n        ref(el)\n      } else if (ref) {\n        ref.current = el\n      }\n\n      setButtonElement(el)\n    },\n    [ref]\n  )\n\n  const button = useMemo(\n    () =>\n      isElement(buttonProp)\n        ? cloneElement(buttonProp, {\n            'data-ui': 'MenuButton',\n            id,\n            onClick: handleButtonClick,\n            onKeyDown: handleButtonKeyDown,\n            'aria-haspopup': true,\n            'aria-expanded': open,\n            ref: setButtonRef,\n            selected: open,\n          })\n        : null,\n    [buttonProp, handleButtonClick, handleButtonKeyDown, id, open, setButtonRef]\n  )\n\n  const popoverProps: PopoverProps = useMemo(() => {\n    return {\n      boundaryElement,\n      placement,\n      portal,\n      radius: popoverRadius,\n      overflow: preventOverflow,\n      scheme: popoverScheme,\n      ...(popover || {}),\n    }\n  }, [boundaryElement, placement, popover, popoverRadius, portal, preventOverflow, popoverScheme])\n\n  return (\n    <Popover {...popoverProps} content={menu} data-ui=\"MenuButton__popover\" open={open}>\n      {button || <></>}\n    </Popover>\n  )\n})\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, {cloneElement, forwardRef, useCallback, useMemo, useState} from 'react'\nimport {isElement} from 'react-is'\nimport {Popover, PopoverProps} from '../../primitives'\nimport {ThemeColorSchemeKey} from '../../theme'\nimport {Placement} from '../../types'\nimport {MenuProps} from './menu'\n\n/**\n * @public\n */\nexport interface MenuButtonProps {\n  /**\n   * @deprecated Use `popover={{boundaryElement: element}}` instead.\n   */\n  boundaryElement?: HTMLElement\n  button: React.ReactElement\n  id: string\n  menu?: React.ReactElement\n  /**\n   * @deprecated Use `popover={{placement: 'top'}}` instead.\n   */\n  placement?: Placement\n  popover?: Omit<PopoverProps, 'content' | 'open'>\n  /**\n   * @deprecated Use `popover={{scheme: 'dark'}}` instead.\n   */\n  popoverScheme?: ThemeColorSchemeKey\n  /**\n   * @deprecated Use `popover={{radius: 2}}` instead.\n   */\n  popoverRadius?: number | number[]\n  /**\n   * Do not use in production.\n   * @beta\n   *\n   * @deprecated Use `popover={{portal: true}}` instead.\n   */\n  portal?: boolean\n  /**\n   * @deprecated Use `popover={{preventOverflow: true}}` instead.\n   */\n  preventOverflow?: boolean\n}\n\n/**\n * @public\n */\nexport const MenuButton = forwardRef(function MenuButton(\n  props: MenuButtonProps,\n  ref: React.ForwardedRef<HTMLButtonElement | null>\n) {\n  const {\n    boundaryElement,\n    button: buttonProp,\n    id,\n    menu: menuProp,\n    placement,\n    popoverScheme,\n    portal,\n    popover,\n    popoverRadius,\n    preventOverflow,\n  } = props\n  const [open, setOpen] = useState(false)\n  const [shouldFocus, setShouldFocus] = useState<'first' | 'last' | null>(null)\n  const [buttonElement, setButtonElement] = useState<HTMLButtonElement | null>(null)\n  const [menuElements, setChildMenuElements] = useState<HTMLElement[]>([])\n\n  const handleButtonClick = useCallback(() => {\n    setOpen((v) => !v)\n    setShouldFocus(null)\n  }, [])\n\n  const handleButtonKeyDown = useCallback((event: React.KeyboardEvent<HTMLButtonElement>) => {\n    // On `ArrowDown`, `Enter` and `Space`\n    // - Opens menu and moves focus to first menuitem\n    if (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      setOpen(true)\n      setShouldFocus('first')\n\n      return\n    }\n\n    // On `ArrowUp`\n    // - \tOpens menu and moves focus to last menuitem\n    if (event.key === 'ArrowUp') {\n      event.preventDefault()\n      setOpen(true)\n      setShouldFocus('last')\n\n      return\n    }\n  }, [])\n\n  const handleMenuClickOutside = useCallback(\n    (event: MouseEvent) => {\n      const target = event.target\n\n      if (!(target instanceof Node)) {\n        return\n      }\n\n      if (buttonElement && (target === buttonElement || buttonElement.contains(target))) {\n        return\n      }\n\n      for (const el of menuElements) {\n        if (target === el || el.contains(target)) {\n          return\n        }\n      }\n\n      setOpen(false)\n    },\n    [buttonElement, menuElements]\n  )\n\n  const handleMenuEscape = useCallback(() => {\n    setOpen(false)\n    if (buttonElement) buttonElement.focus()\n  }, [buttonElement])\n\n  const handleBlur = useCallback(\n    (event: React.FocusEvent<HTMLButtonElement>) => {\n      const target = event.relatedTarget\n\n      if (!(target instanceof Node)) {\n        return\n      }\n\n      for (const el of menuElements) {\n        if (el === target || el.contains(target)) {\n          return\n        }\n      }\n\n      setOpen(false)\n    },\n    [menuElements]\n  )\n\n  const handleItemClick = useCallback(() => {\n    setOpen(false)\n    if (buttonElement) buttonElement.focus()\n  }, [buttonElement])\n\n  const registerElement = useCallback((el: HTMLElement) => {\n    setChildMenuElements((els) => els.concat([el]))\n\n    return () => {\n      setChildMenuElements((els) => {\n        return els.filter((_el) => _el !== el)\n      })\n    }\n  }, [])\n\n  const menuProps: MenuProps = useMemo(\n    () => ({\n      'aria-labelledby': id,\n      onBlurCapture: handleBlur,\n      onClickOutside: handleMenuClickOutside,\n      onEscape: handleMenuEscape,\n      onItemClick: handleItemClick,\n      originElement: buttonElement,\n      registerElement,\n      shouldFocus,\n    }),\n    [\n      buttonElement,\n      handleMenuClickOutside,\n      handleMenuEscape,\n      handleItemClick,\n      id,\n      handleBlur,\n      registerElement,\n      shouldFocus,\n    ]\n  )\n\n  const menu = isElement(menuProp) ? cloneElement(menuProp, menuProps) : null\n\n  const setButtonRef = useCallback(\n    (el: HTMLButtonElement | null) => {\n      if (typeof ref === 'function') {\n        ref(el)\n      } else if (ref) {\n        ref.current = el\n      }\n\n      setButtonElement(el)\n    },\n    [ref]\n  )\n\n  const button = useMemo(\n    () =>\n      isElement(buttonProp)\n        ? cloneElement(buttonProp, {\n            'data-ui': 'MenuButton',\n            id,\n            onClick: handleButtonClick,\n            onKeyDown: handleButtonKeyDown,\n            'aria-haspopup': true,\n            'aria-expanded': open,\n            ref: setButtonRef,\n            selected: open,\n          })\n        : null,\n    [buttonProp, handleButtonClick, handleButtonKeyDown, id, open, setButtonRef]\n  )\n\n  const popoverProps: PopoverProps = useMemo(() => {\n    return {\n      boundaryElement,\n      placement,\n      portal,\n      radius: popoverRadius,\n      overflow: preventOverflow,\n      scheme: popoverScheme,\n      ...(popover || {}),\n    }\n  }, [boundaryElement, placement, popover, popoverRadius, portal, preventOverflow, popoverScheme])\n\n  return (\n    <Popover {...popoverProps} content={menu} data-ui=\"MenuButton__popover\" open={open}>\n      {button || <></>}\n    </Popover>\n  )\n})\n"],
+  "mappings": "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",
   "names": []
 }

package/lib/cjs/components/menu/menuContext.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/components/menu/menuContext.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/menu/menuContext.ts"],
   "sourcesContent": ["import {createContext} from 'react'\nimport {globalScope} from '../../lib/globalScope'\n\nexport interface MenuContextValue {\n  version: 0.0\n  activeElement: HTMLElement | null\n  activeIndex: number\n  mount: (element: HTMLElement | null, selected?: boolean) => () => void\n  onClickOutside?: (event: MouseEvent) => void\n  onEscape?: () => void\n  onItemClick?: () => void\n  onMouseEnter: (event: React.MouseEvent<HTMLElement>) => void\n  onMouseLeave: (event: React.MouseEvent<HTMLElement>) => void\n  registerElement?: (el: HTMLElement) => () => void\n}\n\nconst key = Symbol.for('@sanity/ui/context/menu')\n\nglobalScope[key] = globalScope[key] || createContext<MenuContextValue | null>(null)\n\nexport const MenuContext: React.Context<MenuContextValue | null> = globalScope[key]\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA4B;AAC5B,yBAA0B;AAe1B,MAAM,MAAM,OAAO,IAAI;AAEvB,+BAAY,OAAO,+BAAY,QAAQ,gCAAuC;AAEvE,MAAM,cAAsD,+BAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA4B;AAC5B,yBAA0B;AAe1B,MAAM,MAAM,OAAO,IAAI;AAEvB,+BAAY,OAAO,+BAAY,QAAQ,gCAAuC;AAEvE,MAAM,cAAsD,+BAAY;",
   "names": []
 }

package/lib/cjs/components/menu/menuDivider.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/components/menu/menuDivider.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/menu/menuDivider.ts"],
   "sourcesContent": ["import styled, {StyledComponent} from 'styled-components'\nimport {Theme} from '../../theme'\n\n/**\n * @public\n */\nexport const MenuDivider: StyledComponent<'hr', Theme> = styled.hr`\n  height: 1px;\n  border: 0;\n  background: var(--card-hairline-soft-color);\n  margin: 0;\n`\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,+BAAsC;AAM/B,MAAM,cAA4C,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,+BAAsC;AAM/B,MAAM,cAA4C,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/lib/cjs/components/menu/menuGroup.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/components/menu/menuGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/menu/menuGroup.tsx"],
   "sourcesContent": ["import {ChevronRightIcon} from '@sanity/icons'\nimport React, {useCallback, useEffect, useRef, useState} from 'react'\nimport styled from 'styled-components'\nimport {Box, Popover, PopoverProps, Text} from '../../primitives'\nimport {Selectable} from '../../primitives/_selectable'\nimport {SelectableTone} from '../../types/selectable'\nimport {Menu} from './menu'\nimport {useMenu} from './useMenu'\n\n/**\n * @public\n */\nexport interface MenuGroupProps {\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n  fontSize?: number | number[]\n  padding?: number | number[]\n  popover?: Omit<PopoverProps, 'content' | 'open'>\n  radius?: number | number[]\n  text: React.ReactNode\n  tone?: SelectableTone\n}\n\nconst MOUSE_LEAVE_TIMEOUT = 1000\n\nconst TextContainer = styled.span`\n  &:not([hidden]) {\n    display: flex;\n  }\n\n  & > div:first-child {\n    flex: 1;\n    min-width: 0;\n  }\n`\n\n/**\n * @public\n */\nexport function MenuGroup(\n  props: MenuGroupProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'tabIndex'>\n): React.ReactElement {\n  const {\n    as = 'button',\n    children,\n    fontSize,\n    onClick,\n    padding = 3,\n    popover = {},\n    radius = 2,\n    text,\n    tone = 'default',\n    ...restProps\n  } = props\n  const [open, setOpen] = useState(false)\n  const {\n    activeElement,\n    mount,\n    onClickOutside,\n    onEscape,\n    onItemClick,\n    onMouseEnter,\n    onMouseLeave,\n    registerElement,\n  } = useMenu()\n  const [rootElement, setRootElement] = useState<HTMLButtonElement | null>(null)\n  const mouseLeaveTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const shouldFocusRef = useRef<'first' | 'last' | null>(null)\n  const active = Boolean(activeElement) && activeElement === rootElement\n  // const selected = active || open\n\n  // Register the element\n  useEffect(() => mount(rootElement), [mount, rootElement])\n\n  const handleMouseEnter = useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (mouseLeaveTimeoutRef.current) {\n        clearTimeout(mouseLeaveTimeoutRef.current)\n        mouseLeaveTimeoutRef.current = null\n      }\n\n      onMouseEnter(event)\n      setOpen(true)\n    },\n    [onMouseEnter]\n  )\n\n  const handleMouseLeave = useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      onMouseLeave(event)\n\n      mouseLeaveTimeoutRef.current = setTimeout(() => {\n        setOpen(false)\n      }, MOUSE_LEAVE_TIMEOUT)\n    },\n    [onMouseLeave]\n  )\n\n  const handleMenuKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'ArrowLeft') {\n        event.stopPropagation()\n\n        setOpen(false)\n\n        requestAnimationFrame(() => {\n          rootElement?.focus()\n        })\n      }\n    },\n    [rootElement]\n  )\n\n  const handleMenuMouseEnter = useCallback(() => {\n    if (mouseLeaveTimeoutRef.current) {\n      clearTimeout(mouseLeaveTimeoutRef.current)\n      mouseLeaveTimeoutRef.current = null\n    }\n  }, [])\n\n  const handleMenuMouseLeave = useCallback(() => {\n    mouseLeaveTimeoutRef.current = setTimeout(() => {\n      setOpen(false)\n    }, MOUSE_LEAVE_TIMEOUT)\n  }, [])\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      if (onClick) onClick(event)\n\n      shouldFocusRef.current = 'first'\n\n      setOpen(true)\n\n      requestAnimationFrame(() => {\n        shouldFocusRef.current = null\n      })\n    },\n    [onClick]\n  )\n\n  const handleItemClick = useCallback(() => {\n    setOpen(false)\n    if (onItemClick) onItemClick()\n  }, [onItemClick])\n\n  useEffect(() => {\n    return () => {\n      if (mouseLeaveTimeoutRef.current !== null) {\n        clearTimeout(mouseLeaveTimeoutRef.current)\n        mouseLeaveTimeoutRef.current = null\n      }\n    }\n  }, [])\n\n  const content = (\n    <Menu\n      onClickOutside={onClickOutside}\n      onEscape={onEscape}\n      onItemClick={handleItemClick}\n      onKeyDown={handleMenuKeyDown}\n      onMouseEnter={handleMenuMouseEnter}\n      onMouseLeave={handleMenuMouseLeave}\n      registerElement={registerElement}\n      shouldFocus={shouldFocusRef.current}\n    >\n      {children}\n    </Menu>\n  )\n\n  const handleKeyDown = useCallback((event: React.KeyboardEvent<HTMLDivElement>) => {\n    const target = event.currentTarget\n\n    if (document.activeElement !== target) {\n      return\n    }\n\n    if (event.key === 'ArrowRight') {\n      shouldFocusRef.current = 'first'\n\n      setOpen(true)\n\n      requestAnimationFrame(() => {\n        shouldFocusRef.current = null\n      })\n\n      return\n    }\n  }, [])\n\n  return (\n    <Popover {...popover} content={content} data-ui=\"MenuGroup__popover\" open={open}>\n      <Selectable\n        data-as={as}\n        data-ui=\"MenuGroup\"\n        forwardedAs={as}\n        {...restProps}\n        aria-pressed={as === 'button' ? !active && open : undefined}\n        data-pressed={as !== 'button' ? !active && open : undefined}\n        data-selected={active ? '' : undefined}\n        $radius={radius}\n        $tone={tone}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        ref={setRootElement}\n        tabIndex={-1}\n        type={as === 'button' ? 'button' : undefined}\n      >\n        <Box padding={padding}>\n          <TextContainer>\n            <Text size={fontSize}>{text}</Text>\n            <Text size={fontSize}>\n              <ChevronRightIcon />\n            </Text>\n          </TextContainer>\n        </Box>\n      </Selectable>\n    </Popover>\n  )\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/lib/cjs/components/menu/menuItem.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/components/menu/menuItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/menu/menuItem.tsx"],
   "sourcesContent": ["import React, {\n  createElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport {isValidElementType} from 'react-is'\nimport {useForwardedRef} from '../../hooks'\nimport {Box, Flex, Text} from '../../primitives'\nimport {Selectable} from '../../primitives/_selectable'\nimport {ResponsivePaddingProps, ResponsiveRadiusProps} from '../../primitives/types'\nimport {SelectableTone} from '../../types/selectable'\nimport {Hotkeys} from '../hotkeys'\nimport {useMenu} from './useMenu'\n\n/**\n * @public\n */\nexport interface MenuItemProps extends ResponsivePaddingProps, ResponsiveRadiusProps {\n  as?: React.ElementType | keyof JSX.IntrinsicElements\n  fontSize?: number | number[]\n  hotkeys?: string[]\n  icon?: React.ComponentType | React.ReactNode\n  iconRight?: React.ComponentType | React.ReactNode\n  pressed?: boolean\n  selected?: boolean\n  space?: number | number[]\n  text?: React.ReactNode\n  tone?: SelectableTone\n}\n\n/**\n * @public\n */\nexport const MenuItem = forwardRef(function MenuItem(\n  props: MenuItemProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'selected' | 'tabIndex'>,\n  forwardedRef: React.ForwardedRef<HTMLDivElement>\n) {\n  const {\n    as = 'button',\n    children,\n    disabled,\n    fontSize = 2,\n    hotkeys,\n    icon,\n    iconRight,\n    onClick,\n    padding = 3,\n    paddingX,\n    paddingY,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    pressed,\n    radius = 2,\n    selected: selectedProp,\n    space = 3,\n    text,\n    tone = 'default',\n    ...restProps\n  } = props\n  const {activeElement, mount, onItemClick, onMouseEnter, onMouseLeave} = useMenu()\n  const [rootElement, setRootElement] = useState<HTMLDivElement | null>(null)\n  const selected = Boolean(activeElement) && rootElement === activeElement\n\n  useEffect(() => mount(rootElement, selectedProp), [mount, rootElement, selectedProp])\n\n  const ref = useForwardedRef(forwardedRef)\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      if (disabled) return\n      if (onClick) onClick(event)\n      if (onItemClick) onItemClick()\n    },\n    [disabled, onClick, onItemClick]\n  )\n\n  const paddingProps = useMemo(\n    () => ({\n      padding,\n      paddingX,\n      paddingY,\n      paddingTop,\n      paddingRight,\n      paddingBottom,\n      paddingLeft,\n    }),\n    [padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft]\n  )\n\n  const setRef = useCallback(\n    (el: HTMLDivElement | null) => {\n      ref.current = el\n      setRootElement(el)\n    },\n    [ref]\n  )\n\n  return (\n    <Selectable\n      data-as={as}\n      data-ui=\"MenuItem\"\n      forwardedAs={as}\n      {...restProps}\n      aria-pressed={as === 'button' && pressed}\n      data-pressed={as !== 'button' && pressed ? '' : undefined}\n      data-selected={selected ? '' : undefined}\n      $radius={radius}\n      $tone={tone}\n      disabled={disabled}\n      onClick={handleClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      padding={0}\n      ref={setRef}\n      role=\"menuitem\"\n      tabIndex={-1}\n      type={as === 'button' ? 'button' : undefined}\n    >\n      {(icon || text || iconRight) && (\n        <Box as=\"span\" {...paddingProps}>\n          <Flex as=\"span\">\n            {icon && (\n              <Text size={fontSize}>\n                {isValidElement(icon) && icon}\n                {isValidElementType(icon) && createElement(icon)}\n              </Text>\n            )}\n\n            {text && (\n              <Box\n                flex={1}\n                marginLeft={icon ? space : undefined}\n                marginRight={iconRight ? space : undefined}\n              >\n                <Text size={fontSize} textOverflow=\"ellipsis\">\n                  {text}\n                </Text>\n              </Box>\n            )}\n\n            {hotkeys && (\n              <Box marginLeft={space} style={{marginTop: -4, marginBottom: -4}}>\n                <Hotkeys fontSize={fontSize} keys={hotkeys} />\n              </Box>\n            )}\n\n            {iconRight && (\n              <Text size={fontSize}>\n                {isValidElement(iconRight) && iconRight}\n                {isValidElementType(iconRight) && createElement(iconRight)}\n              </Text>\n            )}\n          </Flex>\n        </Box>\n      )}\n\n      {children && (\n        <Box as=\"span\" {...paddingProps}>\n          {children}\n        </Box>\n      )}\n    </Selectable>\n  )\n})\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/lib/cjs/components/menu/useMenu.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/components/menu/useMenu.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/menu/useMenu.ts"],
   "sourcesContent": ["import {useContext} from 'react'\nimport {isRecord} from '../../lib/isRecord'\nimport {MenuContext, MenuContextValue} from './menuContext'\n\nexport function useMenu(): MenuContextValue {\n  const value = useContext(MenuContext)\n\n  if (!value) {\n    throw new Error('useMenu(): 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('useMenu(): the context value is not compatible')\n  }\n\n  return value\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAyB;AACzB,sBAAuB;AACvB,yBAA4C;AAErC,mBAAqC;AAC1C,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,yBAA4C;AAErC,mBAAqC;AAC1C,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/components/skeleton/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/components/skeleton/index.js.map

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

package/lib/cjs/components/skeleton/skeleton.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/components/skeleton/skeleton.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/skeleton/skeleton.tsx"],
   "sourcesContent": ["import React, {forwardRef, useEffect, useState} from 'react'\nimport styled from 'styled-components'\nimport {Box} from '../../primitives'\nimport {BoxProps, ResponsiveRadiusProps} from '../../primitives'\nimport {responsiveRadiusStyle, ResponsiveRadiusStyleProps} from '../../styles/internal'\nimport {skeletonStyle} from './styles'\n\nconst Root = styled(Box)<{$animated: boolean; $visible: boolean} & ResponsiveRadiusStyleProps>(\n  responsiveRadiusStyle,\n  skeletonStyle\n)\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface SkeletonProps extends ResponsiveRadiusProps, Omit<BoxProps, 'children'> {\n  animated?: boolean\n  delay?: number\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport const Skeleton = forwardRef(function Skeleton(\n  props: SkeletonProps & React.HTMLProps<HTMLDivElement>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {animated = false, delay, radius, ...restProps} = props\n  const [visible, setVisible] = useState<boolean>(delay ? false : true)\n\n  useEffect(() => {\n    if (!delay) {\n      return setVisible(true)\n    }\n\n    const timeout = setTimeout(() => {\n      setVisible(true)\n    }, delay)\n\n    return () => {\n      clearTimeout(timeout)\n    }\n  }, [delay])\n\n  return <Root {...restProps} $animated={animated} $radius={radius} $visible={visible} ref={ref} />\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAqD;AACrD,+BAAmB;AACnB,wBAAkB;AAElB,sBAAgE;AAChE,oBAA4B;AAE5B,MAAM,OAAO,sCAAO,uBAClB,uCACA;AAgBK,MAAM,WAAW,6BAAW,mBACjC,OACA,KACA;AACA,QAAwD,YAAjD,aAAW,OAAO,OAAO,WAAwB,IAAb,sBAAa,IAAb,CAApC,YAAkB,SAAO;AAChC,QAAM,CAAC,SAAS,cAAc,2BAAkB,QAAQ,QAAQ;AAEhE,8BAAU,MAAM;AACd,QAAI,CAAC,OAAO;AACV,aAAO,WAAW;AAAA;AAGpB,UAAM,UAAU,WAAW,MAAM;AAC/B,iBAAW;AAAA,OACV;AAEH,WAAO,MAAM;AACX,mBAAa;AAAA;AAAA,KAEd,CAAC;AAEJ,SAAO,mDAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB,WAAW;AAAA,IAAU,SAAS;AAAA,IAAQ,UAAU;AAAA,IAAS;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAqD;AACrD,+BAAmB;AACnB,wBAAkB;AAElB,sBAAgE;AAChE,oBAA4B;AAE5B,MAAM,OAAO,sCAAO,uBAClB,uCACA;AAgBK,MAAM,WAAW,6BAAW,mBACjC,OACA,KACA;AACA,QAAwD,YAAjD,aAAW,OAAO,OAAO,WAAwB,IAAb,sBAAa,IAAb,CAApC,YAAkB,SAAO;AAChC,QAAM,CAAC,SAAS,cAAc,2BAAkB,QAAQ,QAAQ;AAEhE,8BAAU,MAAM;AACd,QAAI,CAAC,OAAO;AACV,aAAO,WAAW;AAAA;AAGpB,UAAM,UAAU,WAAW,MAAM;AAC/B,iBAAW;AAAA,OACV;AAEH,WAAO,MAAM;AACX,mBAAa;AAAA;AAAA,KAEd,CAAC;AAEJ,SAAO,mDAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB,WAAW;AAAA,IAAU,SAAS;AAAA,IAAQ,UAAU;AAAA,IAAS;AAAA;AAAA;",
   "names": []
 }

package/lib/cjs/components/skeleton/styles.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/components/skeleton/styles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/skeleton/styles.ts"],
   "sourcesContent": ["import {css, keyframes} from 'styled-components'\n\nconst keyframe = keyframes`\n  0% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: -100%;\n  }\n`\n\nconst animation = css`\n  background-image: linear-gradient(\n    to right,\n    var(--card-skeleton-color-from),\n    var(--card-skeleton-color-to),\n    var(--card-skeleton-color-from),\n    var(--card-skeleton-color-from),\n    var(--card-skeleton-color-from)\n  );\n  background-position: 100%;\n  background-size: 200% 100%;\n  background-attachment: fixed;\n  animation-name: ${keyframe};\n  animation-timing-function: ease-in-out;\n  animation-iteration-count: infinite;\n  animation-duration: 2000ms;\n`\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport const skeletonStyle = css<{$animated: boolean; $visible: boolean}>`\n  opacity: ${({$visible}) => ($visible ? 1 : 0)};\n  transition: opacity 200ms ease-in;\n\n  @media screen and (prefers-reduced-motion: no-preference) {\n    ${({$animated}) =>\n      $animated\n        ? animation\n        : css`\n            background-color: var(--card-skeleton-color-from);\n          `}\n  }\n\n  @media screen and (prefers-reduced-motion: reduce) {\n    background-color: var(--card-skeleton-color-from);\n  }\n`\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,+BAA6B;AAE7B,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASjB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAYE;AAAA;AAAA;AAAA;AAAA;AAUb,MAAM,gBAAgB;AAAA,aAChB,CAAC,EAAC,eAAe,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA,MAIvC,CAAC,EAAC,gBACF,YACI,YACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,+BAA6B;AAE7B,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASjB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAYE;AAAA;AAAA;AAAA;AAAA;AAUb,MAAM,gBAAgB;AAAA,aAChB,CAAC,EAAC,eAAe,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA,MAIvC,CAAC,EAAC,gBACF,YACI,YACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/lib/cjs/components/skeleton/textSkeleton.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/components/skeleton/textSkeleton.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/skeleton/textSkeleton.tsx"],
   "sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {useResponsiveProp} from '../../hooks'\nimport {responsive} from '../../styles'\nimport {Theme, ThemeFontKey} from '../../theme'\nimport {Skeleton, SkeletonProps} from './skeleton'\n\nconst Root = styled(Skeleton)<{$size: number[]; $style: ThemeFontKey}>(\n  ({$size, $style, theme}: {$size: number[]; $style: ThemeFontKey; theme: Theme}) => {\n    const {media} = theme.sanity\n    const font = theme.sanity.fonts[$style]\n\n    const styles = responsive(media, $size, (sizeIndex) => {\n      const fontSize = font.sizes[sizeIndex]\n      const capHeight = fontSize.lineHeight - fontSize.ascenderHeight - fontSize.descenderHeight\n\n      return {height: capHeight}\n    })\n\n    return styles\n  }\n)\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface TextSkeletonProps extends SkeletonProps {\n  size?: number | number[]\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface LabelSkeletonProps extends SkeletonProps {\n  size?: number | number[]\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface HeadingSkeletonProps extends SkeletonProps {\n  size?: number | number[]\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface CodeSkeletonProps extends SkeletonProps {\n  size?: number | number[]\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport const TextSkeleton = forwardRef(function TextSkeleton(\n  props: TextSkeletonProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'height' | 'size'>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {size = 2, ...restProps} = props\n  const $size = useResponsiveProp(size)\n\n  return <Root {...restProps} $size={$size} ref={ref} $style=\"text\" />\n})\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport const LabelSkeleton = forwardRef(function TextSkeleton(\n  props: LabelSkeletonProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'height' | 'size'>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {size = 2, ...restProps} = props\n  const $size = useResponsiveProp(size)\n\n  return <Root {...restProps} $size={$size} ref={ref} $style=\"label\" />\n})\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport const HeadingSkeleton = forwardRef(function TextSkeleton(\n  props: HeadingSkeletonProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'height' | 'size'>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {size = 2, ...restProps} = props\n  const $size = useResponsiveProp(size)\n\n  return <Root {...restProps} $size={$size} ref={ref} $style=\"heading\" />\n})\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport const CodeSkeleton = forwardRef(function TextSkeleton(\n  props: CodeSkeletonProps &\n    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'height' | 'size'>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {size = 2, ...restProps} = props\n  const $size = useResponsiveProp(size)\n\n  return <Root {...restProps} $size={$size} ref={ref} $style=\"code\" />\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,mBAAgC;AAChC,oBAAyB;AAEzB,sBAAsC;AAEtC,MAAM,OAAO,sCAAO,0BAClB,CAAC,EAAC,OAAO,QAAQ,YAAkE;AACjF,QAAM,EAAC,UAAS,MAAM;AACtB,QAAM,OAAO,MAAM,OAAO,MAAM;AAEhC,QAAM,SAAS,8BAAW,OAAO,OAAO,CAAC,cAAc;AACrD,UAAM,WAAW,KAAK,MAAM;AAC5B,UAAM,YAAY,SAAS,aAAa,SAAS,iBAAiB,SAAS;AAE3E,WAAO,EAAC,QAAQ;AAAA;AAGlB,SAAO;AAAA;AAwCJ,MAAM,eAAe,6BAAW,uBACrC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,oCAAkB;AAEhC,SAAO,mDAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;AAOtD,MAAM,gBAAgB,6BAAW,uBACtC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,oCAAkB;AAEhC,SAAO,mDAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;AAOtD,MAAM,kBAAkB,6BAAW,uBACxC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,oCAAkB;AAEhC,SAAO,mDAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;AAOtD,MAAM,eAAe,6BAAW,uBACrC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,oCAAkB;AAEhC,SAAO,mDAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,mBAAgC;AAChC,oBAAyB;AAEzB,sBAAsC;AAEtC,MAAM,OAAO,sCAAO,0BAClB,CAAC,EAAC,OAAO,QAAQ,YAAkE;AACjF,QAAM,EAAC,UAAS,MAAM;AACtB,QAAM,OAAO,MAAM,OAAO,MAAM;AAEhC,QAAM,SAAS,8BAAW,OAAO,OAAO,CAAC,cAAc;AACrD,UAAM,WAAW,KAAK,MAAM;AAC5B,UAAM,YAAY,SAAS,aAAa,SAAS,iBAAiB,SAAS;AAE3E,WAAO,EAAC,QAAQ;AAAA;AAGlB,SAAO;AAAA;AAwCJ,MAAM,eAAe,6BAAW,uBACrC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,oCAAkB;AAEhC,SAAO,mDAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;AAOtD,MAAM,gBAAgB,6BAAW,uBACtC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,oCAAkB;AAEhC,SAAO,mDAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;AAOtD,MAAM,kBAAkB,6BAAW,uBACxC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,oCAAkB;AAEhC,SAAO,mDAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;AAOtD,MAAM,eAAe,6BAAW,uBACrC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,oCAAkB;AAEhC,SAAO,mDAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;",
   "names": []
 }

package/lib/cjs/components/tab/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))