@sanity/ui 0.38.2 → 0.38.3-next.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (201) hide show
  1. package/README.md +4 -5
  2. package/dist/sanity-ui.js +1 -1320
  3. package/dist/sanity-ui.js.map +1 -1
  4. package/dist/sanity-ui.mjs +2 -0
  5. package/dist/sanity-ui.mjs.map +1 -0
  6. package/dist/types/src/index.d.ts +228 -239
  7. package/package.json +23 -20
  8. package/src/__workshop__/color/overview.tsx +1 -1
  9. package/src/__workshop__/constants.ts +1 -0
  10. package/src/components/autocomplete/__workshop__/async.tsx +1 -1
  11. package/src/components/autocomplete/__workshop__/constrainedHeight.tsx +1 -1
  12. package/src/components/autocomplete/__workshop__/custom.tsx +1 -1
  13. package/src/components/autocomplete/__workshop__/example.tsx +1 -1
  14. package/src/components/autocomplete/__workshop__/focusAndBlur.tsx +1 -1
  15. package/src/components/autocomplete/__workshop__/fullscreen.tsx +1 -1
  16. package/src/components/autocomplete/autocomplete.tsx +31 -33
  17. package/src/components/autocomplete/autocompleteOption.tsx +1 -1
  18. package/src/components/autocomplete/autocompleteReducer.ts +0 -3
  19. package/src/components/breadcrumbs/__workshop__/example.tsx +0 -1
  20. package/src/components/breadcrumbs/breadcrumbs.tsx +1 -9
  21. package/src/components/dialog/__workshop__/autoFocus.tsx +0 -1
  22. package/src/components/dialog/__workshop__/layering.tsx +0 -1
  23. package/src/components/dialog/__workshop__/nested.tsx +1 -1
  24. package/src/components/dialog/__workshop__/onScroll.tsx +1 -1
  25. package/src/components/dialog/__workshop__/position.tsx +0 -1
  26. package/src/components/dialog/__workshop__/props.tsx +1 -1
  27. package/src/components/dialog/__workshop__/provider.tsx +0 -1
  28. package/src/components/dialog/dialog.tsx +1 -1
  29. package/src/components/dialog/dialogProvider.tsx +1 -1
  30. package/src/components/hotkeys/__workshop__/plain.tsx +0 -1
  31. package/src/components/hotkeys/hotkeys.tsx +1 -1
  32. package/src/components/menu/__workshop__/asComponent.tsx +1 -1
  33. package/src/components/menu/__workshop__/closableMenuButton.tsx +1 -1
  34. package/src/components/menu/__workshop__/constrainedInBoundary.tsx +1 -1
  35. package/src/components/menu/__workshop__/customMenuItem.tsx +0 -1
  36. package/src/components/menu/__workshop__/disableFocusOnClose.tsx +0 -1
  37. package/src/components/menu/__workshop__/groups.tsx +0 -1
  38. package/src/components/menu/__workshop__/menuButton.tsx +0 -1
  39. package/src/components/menu/__workshop__/menuGroupRight.tsx +0 -1
  40. package/src/components/menu/__workshop__/nestedMenu.tsx +0 -1
  41. package/src/components/menu/__workshop__/onCloseMenuButton.tsx +1 -1
  42. package/src/components/menu/__workshop__/selectedItem.tsx +1 -1
  43. package/src/components/menu/__workshop__/tones.tsx +0 -1
  44. package/src/components/menu/__workshop__/withoutArrow.tsx +0 -1
  45. package/src/components/menu/menu.test.tsx +3 -4
  46. package/src/components/menu/menu.tsx +1 -1
  47. package/src/components/menu/menuButton.tsx +1 -9
  48. package/src/components/menu/menuGroup.tsx +2 -2
  49. package/src/components/menu/menuItem.tsx +3 -3
  50. package/src/components/menu/useMenuController.ts +1 -1
  51. package/src/components/skeleton/__workshop__/delay.tsx +0 -1
  52. package/src/components/skeleton/__workshop__/skeleton.tsx +0 -1
  53. package/src/components/skeleton/skeleton.tsx +1 -1
  54. package/src/components/skeleton/textSkeleton.tsx +1 -1
  55. package/src/components/tab/__workshop__/example.tsx +1 -1
  56. package/src/components/tab/tab.tsx +2 -2
  57. package/src/components/tab/tabList.tsx +1 -1
  58. package/src/components/tab/tabPanel.tsx +1 -1
  59. package/src/components/toast/__workshop__/hook.tsx +0 -1
  60. package/src/components/toast/__workshop__/toast.tsx +0 -1
  61. package/src/components/toast/toast.test.tsx +3 -5
  62. package/src/components/toast/toast.tsx +0 -1
  63. package/src/components/toast/toastProvider.tsx +1 -1
  64. package/src/components/tree/__workshop__/basic.tsx +1 -1
  65. package/src/components/tree/tree.tsx +1 -1
  66. package/src/components/tree/treeGroup.tsx +1 -1
  67. package/src/components/tree/treeItem.tsx +4 -4
  68. package/src/hooks/useElementRect/__workshop__/example.tsx +0 -1
  69. package/src/hooks/useForwardedRef.ts +1 -1
  70. package/src/hooks/useMediaIndex/__workshop__/test.tsx +0 -1
  71. package/src/icons/__workshop__/overview.tsx +1 -1
  72. package/src/primitives/avatar/__workshop__/asButton.tsx +0 -1
  73. package/src/primitives/avatar/__workshop__/stack.tsx +0 -1
  74. package/src/primitives/avatar/avatar.tsx +2 -3
  75. package/src/primitives/avatar/avatarCounter.tsx +1 -1
  76. package/src/primitives/avatar/avatarStack.tsx +1 -1
  77. package/src/primitives/badge/__workshop__/props.tsx +0 -1
  78. package/src/primitives/badge/__workshop__/tones.tsx +0 -1
  79. package/src/primitives/badge/badge.test.tsx +13 -0
  80. package/src/primitives/badge/badge.tsx +1 -1
  81. package/src/primitives/box/__workshop__/props.tsx +0 -1
  82. package/src/primitives/box/__workshop__/responsive.tsx +0 -1
  83. package/src/primitives/box/box.tsx +1 -1
  84. package/src/primitives/button/__workshop__/custom.tsx +0 -1
  85. package/src/primitives/button/__workshop__/customIcons.tsx +0 -1
  86. package/src/primitives/button/__workshop__/mixedChildren.tsx +0 -1
  87. package/src/primitives/button/__workshop__/props.tsx +0 -1
  88. package/src/primitives/button/__workshop__/sanityUploadButton.tsx +0 -1
  89. package/src/primitives/button/__workshop__/stacked.tsx +0 -1
  90. package/src/primitives/button/__workshop__/styled1.tsx +0 -1
  91. package/src/primitives/button/__workshop__/styled2.tsx +0 -1
  92. package/src/primitives/button/__workshop__/uploadButton.tsx +1 -1
  93. package/src/primitives/button/button.test.tsx +41 -0
  94. package/src/primitives/button/button.tsx +3 -3
  95. package/src/primitives/card/__workshop__/allTones.tsx +0 -1
  96. package/src/primitives/card/__workshop__/asButton.tsx +0 -1
  97. package/src/primitives/card/__workshop__/asComponent.tsx +1 -1
  98. package/src/primitives/card/__workshop__/checkered.tsx +0 -1
  99. package/src/primitives/card/__workshop__/interactive.tsx +0 -1
  100. package/src/primitives/card/__workshop__/listNavigation.tsx +0 -1
  101. package/src/primitives/card/__workshop__/props.tsx +0 -1
  102. package/src/primitives/card/__workshop__/selected.tsx +0 -1
  103. package/src/primitives/card/__workshop__/styled.tsx +0 -1
  104. package/src/primitives/card/card.tsx +1 -1
  105. package/src/primitives/checkbox/__workshop__/example.tsx +1 -1
  106. package/src/primitives/checkbox/__workshop__/props.tsx +0 -1
  107. package/src/primitives/checkbox/__workshop__/readOnly.tsx +0 -1
  108. package/src/primitives/checkbox/__workshop__/tones.tsx +0 -1
  109. package/src/primitives/checkbox/checkbox.tsx +1 -1
  110. package/src/primitives/code/__workshop__/opticalAlignment.tsx +0 -1
  111. package/src/primitives/code/__workshop__/props.tsx +0 -1
  112. package/src/primitives/code/code.tsx +1 -1
  113. package/src/primitives/container/__workshop__/example.tsx +0 -1
  114. package/src/primitives/container/container.tsx +1 -1
  115. package/src/primitives/flex/__workshop__/example.tsx +0 -1
  116. package/src/primitives/flex/__workshop__/gap.tsx +0 -1
  117. package/src/primitives/flex/flex.tsx +1 -1
  118. package/src/primitives/grid/__workshop__/responsive.tsx +0 -1
  119. package/src/primitives/grid/grid.tsx +1 -1
  120. package/src/primitives/heading/__workshop__/opticalAlignment.tsx +0 -1
  121. package/src/primitives/heading/__workshop__/plain.tsx +0 -1
  122. package/src/primitives/heading/heading.tsx +1 -1
  123. package/src/primitives/inline/__workshop__/plain.tsx +0 -1
  124. package/src/primitives/inline/inline.tsx +1 -1
  125. package/src/primitives/kbd/__workshop__/plain.tsx +0 -1
  126. package/src/primitives/kbd/kbd.tsx +1 -1
  127. package/src/primitives/label/__workshop__/opticalAlignment.tsx +0 -1
  128. package/src/primitives/label/__workshop__/plain.tsx +0 -1
  129. package/src/primitives/label/label.tsx +1 -1
  130. package/src/primitives/popover/__workshop__/MarginsStory.tsx +0 -1
  131. package/src/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +0 -1
  132. package/src/primitives/popover/__workshop__/PlainStory.tsx +1 -1
  133. package/src/primitives/popover/__workshop__/RecursiveStory.tsx +1 -1
  134. package/src/primitives/popover/__workshop__/RightAlignedStory.tsx +1 -1
  135. package/src/primitives/popover/__workshop__/TestStory.tsx +1 -1
  136. package/src/primitives/popover/arrow.tsx +1 -1
  137. package/src/primitives/popover/popover.tsx +1 -9
  138. package/src/primitives/radio/__workshop__/example.tsx +1 -1
  139. package/src/primitives/radio/__workshop__/plain.tsx +0 -1
  140. package/src/primitives/radio/radio.tsx +1 -1
  141. package/src/primitives/select/__workshop__/plain.tsx +0 -1
  142. package/src/primitives/select/__workshop__/readOnly.tsx +0 -1
  143. package/src/primitives/select/select.tsx +1 -1
  144. package/src/primitives/spinner/__workshop__/Props.tsx +0 -1
  145. package/src/primitives/spinner/spinner.tsx +1 -1
  146. package/src/primitives/stack/__workshop__/plain.tsx +0 -1
  147. package/src/primitives/stack/stack.tsx +1 -1
  148. package/src/primitives/switch/__workshop__/example.tsx +1 -1
  149. package/src/primitives/switch/__workshop__/props.tsx +1 -1
  150. package/src/primitives/switch/switch.tsx +1 -1
  151. package/src/primitives/text/__workshop__/colored.tsx +0 -1
  152. package/src/primitives/text/__workshop__/example.tsx +0 -1
  153. package/src/primitives/text/__workshop__/opticalAlignment.tsx +0 -1
  154. package/src/primitives/text/text.tsx +1 -1
  155. package/src/primitives/textArea/__workshop__/plain.tsx +0 -1
  156. package/src/primitives/textArea/textArea.tsx +1 -1
  157. package/src/primitives/textInput/__workshop__/clearButton.tsx +1 -1
  158. package/src/primitives/textInput/__workshop__/customValidity.tsx +0 -1
  159. package/src/primitives/textInput/__workshop__/multipleTones.tsx +0 -1
  160. package/src/primitives/textInput/__workshop__/plain.tsx +1 -1
  161. package/src/primitives/textInput/__workshop__/readOnly.tsx +0 -1
  162. package/src/primitives/textInput/__workshop__/states.tsx +0 -1
  163. package/src/primitives/textInput/__workshop__/tones.tsx +0 -1
  164. package/src/primitives/textInput/__workshop__/typed.tsx +1 -1
  165. package/src/primitives/textInput/textInput.tsx +4 -3
  166. package/src/primitives/tooltip/__workshop__/props.tsx +0 -1
  167. package/src/primitives/tooltip/tooltip.tsx +1 -1
  168. package/src/primitives/tooltip/tooltipArrow.tsx +1 -1
  169. package/src/styles/font/responsiveFont.ts +13 -0
  170. package/src/theme/__workshop__/canvas.tsx +1 -1
  171. package/src/theme/__workshop__/color.tsx +0 -1
  172. package/src/theme/__workshop__/layer.tsx +1 -1
  173. package/src/theme/__workshop__/nestedProvider.tsx +0 -1
  174. package/src/theme/theme.test.tsx +3 -5
  175. package/src/theme/themeColorProvider.tsx +0 -1
  176. package/src/theme/themeProvider.tsx +1 -1
  177. package/src/utils/boundaryElement/__workshop__/plain.tsx +1 -1
  178. package/src/utils/boundaryElement/boundaryElement.test.tsx +3 -5
  179. package/src/utils/boundaryElement/boundaryElementProvider.tsx +1 -1
  180. package/src/utils/elementQuery/__workshop__/customMedia.tsx +0 -1
  181. package/src/utils/elementQuery/elementQuery.tsx +1 -1
  182. package/src/utils/errorBoundary.tsx +4 -4
  183. package/src/utils/layer/__workshop__/_debug.tsx +0 -1
  184. package/src/utils/layer/__workshop__/multipleRoots.tsx +0 -1
  185. package/src/utils/layer/__workshop__/plain.tsx +1 -1
  186. package/src/utils/layer/__workshop__/responsiveZOffset.tsx +0 -1
  187. package/src/utils/layer/layer.test.tsx +3 -5
  188. package/src/utils/layer/layer.tsx +1 -1
  189. package/src/utils/layer/layerProvider.tsx +1 -1
  190. package/src/utils/portal/__workshop__/named.tsx +1 -1
  191. package/src/utils/portal/portal.test.tsx +3 -5
  192. package/src/utils/portal/portal.ts +2 -3
  193. package/src/utils/portal/portalProvider.tsx +1 -1
  194. package/src/utils/srOnly/srOnly.tsx +1 -1
  195. package/src/utils/virtualList/__workshop__/changingProps.tsx +1 -1
  196. package/src/utils/virtualList/__workshop__/elementScroll.tsx +1 -1
  197. package/src/utils/virtualList/__workshop__/infiniteList.tsx +1 -1
  198. package/src/utils/virtualList/__workshop__/windowScrolll.tsx +1 -1
  199. package/src/utils/virtualList/virtualList.tsx +1 -1
  200. package/dist/sanity-ui.cjs +0 -1321
  201. package/dist/sanity-ui.cjs.map +0 -1
@@ -1,1321 +0,0 @@
1
- "use strict";const e=["color","layer"],t=["accent","align","children","muted","size","textOverflow","weight"],n=["as","color","src","title","initials","onImageLoadError","arrowPosition","animateArrowFrom","status","size"],r=["children","maxLength","size"],o=["as","column","columnStart","columnEnd","display","flex","height","margin","marginX","marginY","marginTop","marginRight","marginBottom","marginLeft","overflow","padding","paddingX","paddingY","paddingTop","paddingRight","paddingBottom","paddingLeft","row","rowStart","rowEnd","sizing"],a=["accent","align","children","muted","size","textOverflow","weight"],i=["children","fontSize","mode","padding","radius","tone"],s=["align","as","direction","gap","justify","wrap"],d=["children","disabled","fontSize","icon","iconRight","justify","loading","mode","padding","paddingX","paddingY","paddingTop","paddingBottom","paddingLeft","paddingRight","radius","selected","space","text","textAlign","tone","type"],l=["__unstable_checkered","__unstable_focusRing","as","border","borderTop","borderRight","borderBottom","borderLeft","pressed","radius","scheme","selected","shadow","tone"],c=["checked","className","disabled","indeterminate","customValidity","readOnly","style"],u=["children","language","size","weight"],f=["as","width"],h=["as","autoRows","autoCols","autoFlow","columns","gap","gapX","gapY","rows","children"],p=["accent","align","children","muted","size","textOverflow","weight"],g=["as","children","space"],b=["children","fontSize","padding","radius"],m=["children","media"],x=["children","style"],v=["children","zOffset"],y=["as","gap","getItemKey","items","onChange","renderItem"],w=["__unstable_margins","allowedAutoPlacements","arrow","boundaryElement","children","content","constrainSize","disabled","fallbackPlacements","open","padding","placement","portal","preventOverflow","radius","referenceElement","matchReferenceWidth","shadow","scheme","style","tether","tetherOffset","tone","width","zOffset"],k=["className","disabled","style","customValidity","readOnly"],$=["children","customValidity","disabled","fontSize","padding","radius","readOnly","space"],j=["as","space"],z=["checked","className","disabled","indeterminate","readOnly","style"],S=["border","customValidity","disabled","fontSize","padding","radius","weight"],E=["border","clearButton","disabled","fontSize","icon","iconRight","onClear","padding","prefix","radius","readOnly","space","suffix","customValidity","type","weight"],C=["allowedAutoPlacements","boundaryElement","children","content","disabled","fallbackPlacements","placement","portal","scheme","zOffset"],R=["border","customValidity","disabled","filterOption","fontSize","icon","id","listBox","loading","onBlur","onChange","onFocus","onQueryChange","onSelect","openButton","options","padding","popover","prefix","radius","readOnly","relatedElements","renderOption","renderPopover","renderValue","suffix","value"],O=["children","maxLength","separator","space"],T=["__unstable_autoFocus","__unstable_hideCloseButton","cardRadius","cardShadow","children","contentRef","footer","header","id","onClickOutside","onClose","padding","portal","position","scheme","width","zOffset"],M=["fontSize","keys","padding","radius","space"],L=["children","focusFirst","focusLast","onClickOutside","onEscape","onItemClick","onItemSelect","onKeyDown","originElement","padding","registerElement","shouldFocus","space"],H=["as","children","fontSize","icon","onClick","padding","popover","radius","space","text","tone"],A=["as","children","disabled","fontSize","hotkeys","icon","iconRight","onClick","padding","paddingX","paddingY","paddingTop","paddingRight","paddingBottom","paddingLeft","pressed","radius","selected","space","text","tone"],I=["animated","delay","radius"],_=["size"],B=["size"],F=["size"],P=["size"],D=["icon","id","focused","fontSize","label","onClick","onFocus","padding","selected"],V=["children"],N=["flex"],q=["closable","description","onClose","title","status"],W=["children","space"],X=["children","expanded"],Y=["children","expanded","fontSize","href","icon","id","muted","onClick","padding","selected","space","text","weight"];function K(){return K=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},K.apply(this,arguments)}function U(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){Q(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Q(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Object.defineProperty(exports,"__esModule",{value:!0});var J=require("react/jsx-runtime"),ee=require("@reach/auto-id"),te=require("react"),ne=require("react-is"),re=require("styled-components"),oe=require("@juggle/resize-observer"),ae=require("@sanity/color"),ie=require("@sanity/icons"),se=require("react-refractor"),de=require("react-popper"),le=require("react-dom"),ce=require("popper-max-size-modifier"),ue=require("framer-motion");function fe(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var he=fe(te),pe=fe(ne),ge=fe(re),be=fe(se),me=fe(le),xe=fe(ce);const ve=[],ye={};function we(e,t){return e.reduce(((e,n)=>(e[n]=t,e)),{})}function ke(e){return 0===e?0:e/16+"rem"}function $e(e,t,n){return((null==t?void 0:t.map(n))||[]).map(((t,n)=>0===n?t:{[`@media screen and (min-width: ${e[n-1]}px)`]:t}))}function je(e,t){return void 0===e?t||ve:Array.isArray(e)?e:[e]}function ze(e,t,n=ve){if(!Array.isArray(n))throw new Error("the property must be array of numbers");return 0===n.length?null:$e(e.sanity.media,n,(n=>we(t,ke(e.sanity.space[n]))))}function Se(e,t){const{$size:n,$weight:r,theme:o}=t,{fonts:a,media:i}=o.sanity,{family:s,sizes:d,weights:l}=a[e],c=r&&l[r]||l.regular,u=d[2];return[{position:"relative",fontFamily:s,fontWeight:c,padding:"1px 0",margin:0,"&:before":{content:'""',display:"block",height:0},"&:after":{content:'""',display:"block",height:0},"& > code, & > span":{display:"block"},"&:not([hidden])":{display:"block"}},...$e(i,n,(e=>function(e){const{ascenderHeight:t,descenderHeight:n,fontSize:r,iconSize:o,letterSpacing:a,lineHeight:i}=e,s=t+n,d=i-s,l=(d-o)/2,c=2*Math.floor(1.125*r/2)+1,u=(d-c)/2;return{fontSize:ke(r),lineHeight:`calc(${i} / ${r})`,letterSpacing:ke(a),transform:`translateY(${ke(n)})`,"&:before":{marginTop:`calc(${ke(0-s)} - 1px)`},"&:after":{marginBottom:"-1px"},"& svg:not([data-sanity-icon])":{fontSize:`calc(${c} / 16 * 1rem)`,margin:ke(u)},"& [data-sanity-icon]":{fontSize:`calc(${o} / 16 * 1rem)`,margin:ke(l)}}}(d[e]||u)))]}function Ee(e){return Se("code",e)}function Ce(e){return Se("heading",e)}function Re(e){return Se("label",e)}function Oe(e){const{theme:t}=e;return $e(t.sanity.media,e.$align,(e=>({textAlign:e})))}function Te(e){return Se("text",e)}function Me(e,t){const n=JSON.stringify(null!=e?e:t);return te.useMemo((()=>je(e,t)),[n])}function Le(e,t){const n=[e];for(const e of t)Array.isArray(e)?n.push(...e):n.push(e);return n.filter(Boolean)}function He(e,t=ve,n){const[r,o]=te.useState(null),[a,i]=te.useState((()=>Le(r,t))),s=te.useRef(a);return te.useEffect((()=>{const e=s.current,n=Le(r,t);if(e.length!==n.length)return i(n),void(s.current=n);for(const t of e)if(!n.includes(t))return i(n),void(s.current=n);for(const t of n)if(!e.includes(t))return i(n),void(s.current=n)}),[r,t]),te.useEffect((()=>{if(!e)return;const t=t=>{const r=t.target;if(r instanceof Node&&(!n||n.contains(r))){for(const e of a)if(r===e||e.contains(r))return;e(t)}};return window.addEventListener("mousedown",t),()=>{window.removeEventListener("mousedown",t)}}),[n,e,a]),o}const Ae="undefined"!=typeof window&&window.ResizeObserver?window.ResizeObserver:oe.ResizeObserver,Ie=function(){const e=new WeakMap,t=new WeakMap;return{subscribe(n,r){const o=t.get(n)||[];let a=e.get(n);if(!t.has(n)){t.set(n,o);const e={subscribe(e,t){const n=new Ae((([e])=>{t({_contentRect:e.contentRect,border:{width:e.borderBoxSize[0].inlineSize,height:e.borderBoxSize[0].blockSize},content:{width:e.contentRect.width,height:e.contentRect.height}})}));return n.observe(e),()=>{n.unobserve(e),n.disconnect()}}};a=e.subscribe(n,(e=>{for(const t of o)t(e)}))}return o.push(r),()=>{const e=o.indexOf(r);e>-1&&o.splice(e,1),0===o.length&&a&&a()}}}}();function _e(e){const[t,n]=te.useState(null);return te.useEffect((()=>{if(e)return Ie.subscribe(e,n)}),[e]),t}function Be(e){return te.useEffect((()=>(addEventListener("keydown",e),()=>removeEventListener("keydown",e))),[e])}function Fe(e,t){return e*t}function Pe(e,t){return{r:Math.round(De(255*Fe(e.r/255,t.r/255))),g:Math.round(De(255*Fe(e.g/255,t.g/255))),b:Math.round(De(255*Fe(e.b/255,t.b/255)))}}function De(e){return Math.max(Math.min(e,255),0)}function Ve(e,t){return e+t-e*t}function Ne(e,t){return{r:Math.round(qe(255*Ve(e.r/255,t.r/255))),g:Math.round(qe(255*Ve(e.g/255,t.g/255))),b:Math.round(qe(255*Ve(e.b/255,t.b/255)))}}function qe(e){return Math.max(Math.min(e,255),0)}function We(e){if(4===e.length){const t=e.slice(1,2),n=e.slice(2,3),r=e.slice(3,4);return{r:parseInt(t+t,16),g:parseInt(n+n,16),b:parseInt(r+r,16)}}return{r:parseInt(e.slice(1,3),16),g:parseInt(e.slice(3,5),16),b:parseInt(e.slice(5,7),16)}}function Xe({r:e,g:t,b:n}){return"#"+((1<<24)+(e<<16)+(t<<8)+n).toString(16).slice(1)}function Ye(e){const t=e.s/100,n=e.l/100,r=(1-Math.abs(2*n-1))*t,o=r*(1-Math.abs(e.h/60%2-1)),a=n-r/2;let i=0,s=0,d=0;return 0<=e.h&&e.h<60?(i=r,s=o,d=0):60<=e.h&&e.h<120?(i=o,s=r,d=0):120<=e.h&&e.h<180?(i=0,s=r,d=o):180<=e.h&&e.h<240?(i=0,s=o,d=r):240<=e.h&&e.h<300?(i=o,s=0,d=r):300<=e.h&&e.h<360&&(i=r,s=0,d=o),{r:Math.round(255*(i+a)),g:Math.round(255*(s+a)),b:Math.round(255*(d+a))}}const Ke=/hsl\(\s*(\d+)\s*,\s*((\d+(?:\.\d+)?)%)\s*,\s*((\d+(?:\.\d+)?)%)\s*\)/i;function Ue(e){if(!e)return{r:0,g:0,b:0};if("string"!=typeof e)throw new Error("parseColor: expected a string");if("#"===(t=e)[0]&&(4===t.length||7===t.length)&&function(e){for(const t of e)if(-1==="0123456789ABCDEFabcdef".indexOf(t))return!1;return!0}(t.slice(1)))return We(e);var t;if(e.startsWith("hsl("))return Ye(function(e){const t=Ke.exec(e);if(!t)throw new Error(`parseHsl: string is not a HSL color: "${e}"`);return{h:parseInt(t[1]),s:parseFloat(t[3]),l:parseFloat(t[5])}}(e));throw new Error(`parseColor: unexpected color format: "${e}"`)}function Ge(e,t){const n=Ue(e);return`rgba(${n.r},${n.g},${n.b},${t})`}function Ze(e,t,n,r,o,a){return{default:e.button({base:t,dark:n,solid:r.default,muted:o.default,mode:a}),primary:e.button({base:t,dark:n,solid:r.primary,muted:o.primary,mode:a}),positive:e.button({base:t,dark:n,solid:r.positive,muted:o.positive,mode:a}),caution:e.button({base:t,dark:n,solid:r.caution,muted:o.caution,mode:a}),critical:e.button({base:t,dark:n,solid:r.critical,muted:o.critical,mode:a})}}function Qe(e,t,n,r,o){return{default:Ze(e,t,n,r,o,"default"),ghost:Ze(e,t,n,r,o,"ghost"),bleed:Ze(e,t,n,r,o,"bleed")}}function Je(e,t,n,r,o,a){return{enabled:e.card({base:t,dark:n,name:r,state:"enabled",solid:o,muted:a}),disabled:e.card({base:t,dark:n,name:r,state:"disabled",solid:o,muted:a}),hovered:e.card({base:t,dark:n,name:r,state:"hovered",solid:o,muted:a}),pressed:e.card({base:t,dark:n,name:r,state:"pressed",solid:o,muted:a}),selected:e.card({base:t,dark:n,name:r,state:"selected",solid:o,muted:a})}}const et="hsl(0, 0%, 0%)",tt="hsl(0, 0%, 100%)",nt={default:{lightest:"hsl(0, 0%, 95%)",lighter:"hsl(0, 0%, 70%)",light:"hsl(0, 0%, 65%)",base:"hsl(0, 0%, 50%)",dark:"hsl(0, 0%, 35%)",darker:"hsl(0, 0%, 20%)",darkest:"hsl(0, 0%, 5%)"},transparent:{lightest:"hsl(240, 100%, 95%)",lighter:"hsl(240, 100%, 70%)",light:"hsl(240, 100%, 65%)",base:"hsl(240, 100%, 50%)",dark:"hsl(240, 100%, 35%)",darker:"hsl(240, 100%, 20%)",darkest:"hsl(240, 100%, 5%)"},primary:{lightest:"hsl(240, 100%, 95%)",lighter:"hsl(240, 100%, 70%)",light:"hsl(240, 100%, 65%)",base:"hsl(240, 100%, 50%)",dark:"hsl(240, 100%, 35%)",darker:"hsl(240, 100%, 20%)",darkest:"hsl(240, 100%, 5%)"},positive:{lightest:"hsl(120, 100%, 95%)",lighter:"hsl(120, 100%, 70%)",light:"hsl(120, 100%, 65%)",base:"hsl(120, 100%, 50%)",dark:"hsl(120, 100%, 35%)",darker:"hsl(120, 100%, 20%)",darkest:"hsl(120, 100%, 5%)"},caution:{lightest:"hsl(60, 100%, 95%)",lighter:"hsl(60, 100%, 70%)",light:"hsl(60, 100%, 65%)",base:"hsl(60, 100%, 50%)",dark:"hsl(60, 100%, 35%)",darker:"hsl(60, 100%, 20%)",darkest:"hsl(60, 100%, 5%)"},critical:{lightest:"hsl(0, 100%, 95%)",lighter:"hsl(0, 100%, 70%)",light:"hsl(0, 100%, 65%)",base:"hsl(0, 100%, 50%)",dark:"hsl(0, 100%, 35%)",darker:"hsl(0, 100%, 20%)",darkest:"hsl(0, 100%, 5%)"}},rt={gray:"hsl(0, 0%, 50%)",red:"hsl(0, 100%, 50%)",orange:"hsl(30, 100%, 50%)",yellow:"hsl(60, 100%, 50%)",green:"hsl(120, 100%, 50%)",cyan:"hsl(180, 100%, 50%)",blue:"hsl(240, 100%, 50%)",purple:"hsl(270, 100%, 50%)",magenta:"hsl(300, 100%, 50%)"},ot={transparent:{bg:[nt.transparent.darkest,nt.transparent.lightest],fg:[nt.transparent.lightest,nt.transparent.darkest],border:[nt.transparent.darker,nt.transparent.lighter],focusRing:[nt.transparent.base,nt.transparent.base]},primary:{bg:[nt.primary.darkest,nt.primary.lightest],fg:[nt.primary.lightest,nt.primary.darkest],border:[nt.primary.darker,nt.primary.lighter],focusRing:[nt.primary.base,nt.primary.base]},positive:{bg:[nt.positive.darkest,nt.positive.lightest],fg:[nt.positive.lightest,nt.positive.darkest],border:[nt.positive.darker,nt.positive.lighter],focusRing:[nt.positive.base,nt.positive.base]},caution:{bg:[nt.caution.darkest,nt.caution.lightest],fg:[nt.caution.lightest,nt.caution.darkest],border:[nt.caution.darker,nt.caution.lighter],focusRing:[nt.caution.base,nt.caution.base]},critical:{bg:[nt.critical.darkest,nt.critical.lightest],fg:[nt.critical.lightest,nt.critical.darkest],border:[nt.critical.darker,nt.critical.lighter],focusRing:[nt.critical.base,nt.critical.base]}},at={base:({dark:e,name:t})=>"default"===t?{bg:e?et:tt,fg:e?tt:et,border:e?nt.default.darkest:nt.default.lightest,focusRing:nt.primary.base,shadow:{outline:et,umbra:et,penumbra:et,ambient:et},skeleton:{from:e?tt:et,to:e?tt:et}}:{bg:ot[t].bg[e?0:1],fg:ot[t].fg[e?0:1],border:ot[t].border[e?0:1],focusRing:ot[t].focusRing[e?0:1],shadow:{outline:et,umbra:et,penumbra:et,ambient:et},skeleton:{from:e?tt:et,to:e?tt:et}},solid:({base:e,dark:t,state:n,tone:r})=>{const o=nt[r];return"hovered"===n?{bg:t?o.light:o.dark,bg2:t?o.light:o.dark,border:t?o.lighter:o.darker,fg:t?o.darkest:o.lightest,muted:{fg:et},accent:{fg:et},link:{fg:et},code:{bg:et,fg:et},skeleton:e.skeleton}:{bg:o.base,bg2:o.base,border:t?o.light:o.dark,fg:t?o.darkest:o.lightest,muted:{fg:et},accent:{fg:et},link:{fg:et},code:{bg:et,fg:et},skeleton:e.skeleton}},muted:({base:e,dark:t,state:n,tone:r})=>{const o=nt[r];return"hovered"===n?{bg:t?o.darker:o.lighter,bg2:t?o.darker:o.lighter,border:t?o.lighter:o.darker,fg:t?o.lightest:o.darkest,muted:{fg:et},accent:{fg:et},link:{fg:et},code:{bg:et,fg:et},skeleton:e.skeleton}:{bg:t?o.darkest:o.lightest,bg2:t?o.darkest:o.lightest,border:t?o.darker:o.lighter,fg:t?o.lighter:o.darker,muted:{fg:et},accent:{fg:et},link:{fg:et},code:{bg:et,fg:et},skeleton:e.skeleton}},button:({base:e,mode:t,muted:n,solid:r})=>"bleed"===t?Z(Z({},n),{},{enabled:{bg:"transparent",bg2:"transparent",fg:n.enabled.fg,border:"transparent",muted:{fg:et},accent:{fg:et},link:{fg:et},code:{bg:et,fg:et},skeleton:e.skeleton},hovered:{bg:n.enabled.bg,bg2:n.enabled.bg,fg:n.hovered.fg,border:"transparent",muted:{fg:et},accent:{fg:et},link:{fg:et},code:{bg:et,fg:et},skeleton:e.skeleton}}):"ghost"===t?Z(Z({},r),{},{enabled:n.enabled}):r,card:({base:e})=>({bg:et,bg2:et,fg:et,border:et,muted:{fg:et},accent:{fg:et},link:{fg:et},code:{bg:et,fg:et},skeleton:e.skeleton}),input:()=>({bg:et,fg:et,border:et,placeholder:et}),selectable:({muted:e,state:t,tone:n})=>e[n][t],spot:({key:e})=>rt[e],syntax:()=>({atrule:et,attrName:et,attrValue:et,attribute:et,boolean:et,builtin:et,cdata:et,char:et,class:et,className:et,comment:et,constant:et,deleted:et,doctype:et,entity:et,function:et,hexcode:et,id:et,important:et,inserted:et,keyword:et,number:et,operator:et,prolog:et,property:et,pseudoClass:et,pseudoElement:et,punctuation:et,regex:et,selector:et,string:et,symbol:et,tag:et,unit:et,url:et,variable:et})};function it(e,t,n,r,o){return{default:{enabled:e.input({base:t,dark:n,mode:"default",state:"enabled",solid:r.default,muted:o.default}),disabled:e.input({base:t,dark:n,mode:"default",state:"disabled",solid:r.default,muted:o.default}),hovered:e.input({base:t,dark:n,mode:"default",state:"hovered",solid:r.default,muted:o.default}),readOnly:e.input({base:t,dark:n,mode:"default",state:"readOnly",solid:r.default,muted:o.default})},invalid:{enabled:e.input({base:t,dark:n,mode:"invalid",state:"enabled",solid:r.default,muted:o.default}),disabled:e.input({base:t,dark:n,mode:"invalid",state:"disabled",solid:r.default,muted:o.default}),hovered:e.input({base:t,dark:n,mode:"invalid",state:"hovered",solid:r.default,muted:o.default}),readOnly:e.input({base:t,dark:n,mode:"invalid",state:"readOnly",solid:r.default,muted:o.default})}}}function st(e,t,n,r,o){return{default:dt(e,t,n,r,o,"default"),primary:dt(e,t,n,r,o,"primary"),positive:dt(e,t,n,r,o,"positive"),caution:dt(e,t,n,r,o,"caution"),critical:dt(e,t,n,r,o,"critical")}}function dt(e,t,n,r,o,a){return{enabled:e.selectable({base:t,dark:n,solid:r,muted:o,state:"enabled",tone:a}),hovered:e.selectable({base:t,dark:n,solid:r,muted:o,state:"hovered",tone:a}),pressed:e.selectable({base:t,dark:n,solid:r,muted:o,state:"pressed",tone:a}),selected:e.selectable({base:t,dark:n,solid:r,muted:o,state:"selected",tone:a}),disabled:e.selectable({base:t,dark:n,solid:r,muted:o,state:"disabled",tone:a})}}function lt(e,t,n){return{gray:e.spot({base:t,dark:n,key:"gray"}),blue:e.spot({base:t,dark:n,key:"blue"}),purple:e.spot({base:t,dark:n,key:"purple"}),magenta:e.spot({base:t,dark:n,key:"magenta"}),red:e.spot({base:t,dark:n,key:"red"}),orange:e.spot({base:t,dark:n,key:"orange"}),yellow:e.spot({base:t,dark:n,key:"yellow"}),green:e.spot({base:t,dark:n,key:"green"}),cyan:e.spot({base:t,dark:n,key:"cyan"})}}function ct(e={}){const t=Z(Z({},at),e);return{light:ut(t,!1),dark:ut(t,!0)}}function ut(e,t){return{default:ft(e,t,"default"),transparent:ft(e,t,"transparent"),primary:ft(e,t,"primary"),positive:ft(e,t,"positive"),caution:ft(e,t,"caution"),critical:ft(e,t,"critical")}}function ft(e,t,n){const r=e.base({dark:t,name:n}),o=function(e,t,n,r){return{default:{enabled:e.solid({base:t,dark:n,tone:"default",name:r,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"default",name:r,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"default",name:r,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"default",name:r,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"default",name:r,state:"selected"})},transparent:{enabled:e.solid({base:t,dark:n,tone:"transparent",name:r,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"transparent",name:r,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"transparent",name:r,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"transparent",name:r,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"transparent",name:r,state:"selected"})},primary:{enabled:e.solid({base:t,dark:n,tone:"primary",name:r,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"primary",name:r,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"primary",name:r,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"primary",name:r,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"primary",name:r,state:"selected"})},positive:{enabled:e.solid({base:t,dark:n,tone:"positive",name:r,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"positive",name:r,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"positive",name:r,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"positive",name:r,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"positive",name:r,state:"selected"})},caution:{enabled:e.solid({base:t,dark:n,tone:"caution",name:r,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"caution",name:r,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"caution",name:r,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"caution",name:r,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"caution",name:r,state:"selected"})},critical:{enabled:e.solid({base:t,dark:n,tone:"critical",name:r,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"critical",name:r,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"critical",name:r,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"critical",name:r,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"critical",name:r,state:"selected"})}}}(e,r,t,n),a=function(e,t,n,r){return{default:{enabled:e.muted({base:t,dark:n,tone:"default",name:r,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"default",name:r,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"default",name:r,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"default",name:r,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"default",name:r,state:"selected"})},transparent:{enabled:e.muted({base:t,dark:n,tone:"transparent",name:r,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"transparent",name:r,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"transparent",name:r,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"transparent",name:r,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"transparent",name:r,state:"selected"})},primary:{enabled:e.muted({base:t,dark:n,tone:"primary",name:r,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"primary",name:r,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"primary",name:r,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"primary",name:r,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"primary",name:r,state:"selected"})},positive:{enabled:e.muted({base:t,dark:n,tone:"positive",name:r,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"positive",name:r,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"positive",name:r,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"positive",name:r,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"positive",name:r,state:"selected"})},caution:{enabled:e.muted({base:t,dark:n,tone:"caution",name:r,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"caution",name:r,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"caution",name:r,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"caution",name:r,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"caution",name:r,state:"selected"})},critical:{enabled:e.muted({base:t,dark:n,tone:"critical",name:r,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"critical",name:r,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"critical",name:r,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"critical",name:r,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"critical",name:r,state:"selected"})}}}(e,r,t,n);return{base:r,button:Qe(e,r,t,o,a),card:Je(e,r,t,n,o,a),dark:t,input:it(e,r,t,o,a),selectable:st(e,r,t,o,a),spot:lt(e,r,t),syntax:e.syntax({base:r,dark:t}),solid:o,muted:a}}function ht(e,t){return Xe(Pe(Ue(e),Ue(t)))}function pt(e,t){return Xe(Ne(Ue(e),Ue(t)))}const gt={default:ae.hues.gray,transparent:ae.hues.gray,primary:ae.hues.blue,positive:ae.hues.green,caution:ae.hues.yellow,critical:ae.hues.red},bt=["default","transparent"],mt=ct({base:({dark:e,name:t})=>{if("default"===t){const t=ae.hues.gray,n=e?t[900].hex:t[100].hex;return{fg:e?ae.white.hex:ae.black.hex,bg:e?ae.black.hex:ae.white.hex,border:t[e?800:200].hex,focusRing:ae.hues.blue[500].hex,shadow:{outline:Ge(t[500].hex,.4),umbra:e?Ge(t[950].hex,.4):Ge(t[500].hex,.2),penumbra:e?Ge(t[950].hex,.28):Ge(t[500].hex,.14),ambient:e?Ge(t[950].hex,.24):Ge(t[500].hex,.12)},skeleton:{from:n,to:Ge(n,.5)}}}if("transparent"===t){const t=gt.default,n=t[e?800:200].hex;return{fg:t[e?100:900].hex,bg:t[e?950:50].hex,border:t[e?800:300].hex,focusRing:ae.hues.blue[500].hex,shadow:{outline:Ge(t[500].hex,.4),umbra:e?Ge(t[900].hex,.4):Ge(t[500].hex,.2),penumbra:e?Ge(t[900].hex,.28):Ge(t[500].hex,.14),ambient:e?Ge(t[900].hex,.24):Ge(t[500].hex,.12)},skeleton:{from:n,to:Ge(n,.5)}}}const n=gt[t]||gt.default,r=n[e?800:200].hex;return{fg:n[e?100:900].hex,bg:n[e?950:50].hex,border:n[e?800:200].hex,focusRing:n[500].hex,shadow:{outline:Ge(n[500].hex,.4),umbra:e?Ge(n[900].hex,.4):Ge(n[500].hex,.2),penumbra:e?Ge(n[900].hex,.28):Ge(n[500].hex,.14),ambient:e?Ge(n[900].hex,.24):Ge(n[500].hex,.12)},skeleton:{from:r,to:Ge(r,.5)}}},solid:({base:e,dark:t,name:n,state:r,tone:o})=>{const a=t?pt:ht,i=t?ht:pt,s=gt[n]||gt.default,d=bt.includes(n)&&bt.includes(o);let l=gt["default"===o?n:o]||s;if("disabled"===r){l=s;const n=a(e.bg,l[t?800:200].hex),r=i(n,l[t?200:800].hex);return{bg:n,bg2:i(n,l[t?50:950].hex),border:a(e.bg,l[t?800:200].hex),fg:a(e.bg,t?ae.black.hex:ae.white.hex),muted:{fg:a(e.bg,l[t?950:50].hex)},accent:{fg:a(e.bg,l[t?950:50].hex)},link:{fg:a(e.bg,l[t?950:50].hex)},code:{bg:n,fg:a(e.bg,l[t?950:50].hex)},skeleton:{from:r,to:Ge(r,.5)}}}if("hovered"===r){const n=a(e.bg,l[t?300:600].hex),r=i(n,l[t?200:800].hex);return{bg:n,bg2:i(n,l[t?50:950].hex),border:a(e.bg,l[t?300:600].hex),fg:a(e.bg,t?ae.black.hex:ae.white.hex),muted:{fg:a(e.bg,l[t?800:200].hex)},accent:{fg:i(n,ae.hues.red[t?800:200].hex)},link:{fg:i(n,ae.hues.blue[t?800:200].hex)},code:{bg:a(n,l[t?950:50].hex),fg:a(e.bg,l[t?800:200].hex)},skeleton:{from:r,to:Ge(r,.5)}}}if("pressed"===r){const n=a(e.bg,l[t?200:800].hex),r=i(n,l[t?200:800].hex);return{bg:a(e.bg,l[t?200:800].hex),bg2:i(n,l[t?50:950].hex),border:a(e.bg,l[t?200:800].hex),fg:a(e.bg,t?ae.black.hex:ae.white.hex),muted:{fg:a(e.bg,l[t?800:200].hex)},accent:{fg:i(n,ae.hues.red[t?800:200].hex)},link:{fg:i(n,ae.hues.blue[t?800:200].hex)},code:{bg:a(n,l[t?950:50].hex),fg:a(e.bg,l[t?800:200].hex)},skeleton:{from:r,to:Ge(r,.5)}}}if("selected"===r){d&&(l=gt.primary);const n=a(e.bg,l[t?200:800].hex),r=i(n,l[t?200:800].hex);return{bg:n,bg2:i(n,l[t?50:950].hex),border:a(e.bg,l[t?200:800].hex),fg:a(e.bg,t?ae.black.hex:ae.white.hex),muted:{fg:a(e.bg,l[t?800:200].hex)},accent:{fg:i(n,ae.hues.red[t?800:200].hex)},link:{fg:i(n,ae.hues.blue[t?800:200].hex)},code:{bg:a(n,l[t?950:50].hex),fg:a(e.bg,l[t?800:200].hex)},skeleton:{from:r,to:Ge(r,.5)}}}const c=a(e.bg,l[t?400:500].hex),u=i(c,l[t?200:800].hex);return{bg:c,bg2:i(c,l[t?50:950].hex),border:a(e.bg,l[t?400:500].hex),fg:a(e.bg,t?ae.black.hex:ae.white.hex),muted:{fg:a(e.bg,l[t?900:100].hex)},accent:{fg:i(c,ae.hues.red[t?900:100].hex)},link:{fg:i(c,ae.hues.blue[t?900:100].hex)},code:{bg:a(c,l[t?950:50].hex),fg:a(e.bg,l[t?900:100].hex)},skeleton:{from:u,to:Ge(u,.5)}}},muted:({base:e,dark:t,name:n,state:r,tone:o})=>{const a=t?pt:ht,i=gt[n]||gt.default,s=bt.includes(n)&&bt.includes(o);let d=gt["default"===o?n:o]||i;if("disabled"===r){d=i;const n=e.bg,r=a(n,d[t?900:100].hex);return{bg:n,bg2:a(n,d[t?950:50].hex),border:a(n,d[t?950:50].hex),fg:a(n,d[t?800:200].hex),muted:{fg:a(n,d[t?900:100].hex)},accent:{fg:a(n,d[t?900:100].hex)},link:{fg:a(n,d[t?900:100].hex)},code:{bg:n,fg:a(n,d[t?900:100].hex)},skeleton:{from:Ge(r,.5),to:Ge(r,.25)}}}if("hovered"===r){const n=a(e.bg,d[t?950:50].hex),r=a(n,d[t?900:100].hex);return{bg:n,bg2:a(n,d[t?950:50].hex),border:a(n,d[t?900:100].hex),fg:a(e.bg,d[t?200:800].hex),muted:{fg:a(e.bg,d[t?400:600].hex)},accent:{fg:a(e.bg,ae.hues.red[t?400:500].hex)},link:{fg:a(e.bg,ae.hues.blue[t?400:600].hex)},code:{bg:a(n,d[t?950:50].hex),fg:a(e.bg,d[t?400:600].hex)},skeleton:{from:r,to:Ge(r,.5)}}}if("pressed"===r){s&&(d=gt.primary);const n=a(e.bg,d[t?900:100].hex),r=a(n,d[t?900:100].hex);return{bg:n,bg2:a(n,d[t?950:50].hex),border:a(n,d[t?900:100].hex),fg:a(e.bg,d[t?200:800].hex),muted:{fg:a(e.bg,d[t?400:600].hex)},accent:{fg:a(n,ae.hues.red[t?400:500].hex)},link:{fg:a(n,ae.hues.blue[t?400:600].hex)},code:{bg:a(n,d[t?950:50].hex),fg:a(e.bg,d[t?400:600].hex)},skeleton:{from:r,to:Ge(r,.5)}}}if("selected"===r){s&&(d=gt.primary);const n=a(e.bg,d[t?900:100].hex),r=a(n,d[t?900:100].hex);return{bg:n,bg2:a(n,d[t?950:50].hex),border:a(n,d[t?900:100].hex),fg:a(e.bg,d[t?200:800].hex),muted:{fg:a(e.bg,d[t?400:600].hex)},accent:{fg:a(n,ae.hues.red[t?400:500].hex)},link:{fg:a(n,ae.hues.blue[t?400:600].hex)},code:{bg:a(n,d[t?950:50].hex),fg:a(e.bg,d[t?400:600].hex)},skeleton:{from:r,to:Ge(r,.5)}}}const l=e.bg,c=a(l,d[t?900:100].hex);return{bg:l,bg2:a(l,d[t?950:50].hex),border:a(l,d[t?900:100].hex),fg:a(e.bg,d[t?300:700].hex),muted:{fg:a(e.bg,d[t?400:600].hex)},accent:{fg:a(e.bg,ae.hues.red[t?400:500].hex)},link:{fg:a(e.bg,ae.hues.blue[t?400:600].hex)},code:{bg:a(e.bg,d[t?950:50].hex),fg:a(e.bg,d[t?400:600].hex)},skeleton:{from:c,to:Ge(c,.5)}}},button:({base:e,mode:t,muted:n,solid:r})=>"bleed"===t?{enabled:Z(Z({},n.enabled),{},{border:n.enabled.bg}),hovered:Z(Z({},n.hovered),{},{border:n.hovered.bg}),pressed:Z(Z({},n.pressed),{},{border:n.pressed.bg}),selected:Z(Z({},n.selected),{},{border:n.selected.bg}),disabled:Z(Z({},n.disabled),{},{border:n.disabled.bg})}:"ghost"===t?Z(Z({},r),{},{enabled:Z(Z({},n.enabled),{},{border:e.border}),disabled:n.disabled}):r,card:({base:e,dark:t,muted:n,name:r,solid:o,state:a})=>{if("hovered"===a)return n[r].hovered;if("disabled"===a)return n[r].disabled;const i=bt.includes(r),s=gt[r]||gt.default,d=t?pt:ht;if("pressed"===a)return i?n.primary.pressed:n[r].pressed;if("selected"===a)return i?o.primary.enabled:o[r].enabled;const l=e.bg,c=d(e.bg,s[t?900:100].hex);return{bg:l,bg2:d(l,s[t?950:50].hex),fg:e.fg,border:e.border,muted:{fg:d(e.bg,s[t?400:600].hex)},accent:{fg:d(e.bg,ae.hues.red[t?400:500].hex)},link:{fg:d(e.bg,ae.hues.blue[t?400:600].hex)},code:{bg:d(e.bg,s[t?950:50].hex),fg:s[t?400:600].hex},skeleton:{from:c,to:Ge(c,.5)}}},input:({base:e,dark:t,mode:n,state:r})=>{const o=t?pt:ht;if("invalid"===n){const n=gt.critical;return{bg:o(e.bg,n[t?950:50].hex),fg:o(e.bg,n[t?400:600].hex),border:o(e.bg,n[t?800:200].hex),placeholder:o(e.bg,n[t?600:400].hex)}}return"hovered"===r?{bg:e.bg,fg:e.fg,border:o(e.bg,ae.hues.gray[t?700:300].hex),placeholder:o(e.bg,ae.hues.gray[t?600:400].hex)}:"disabled"===r?{bg:o(e.bg,ae.hues.gray[t?950:50].hex),fg:o(e.bg,ae.hues.gray[t?700:300].hex),border:o(e.bg,ae.hues.gray[t?900:100].hex),placeholder:o(e.bg,ae.hues.gray[t?800:200].hex)}:"readOnly"===r?{bg:o(e.bg,ae.hues.gray[t?950:50].hex),fg:o(e.bg,ae.hues.gray[t?200:800].hex),border:o(e.bg,ae.hues.gray[t?800:200].hex),placeholder:o(e.bg,ae.hues.gray[t?600:400].hex)}:{bg:e.bg,fg:e.fg,border:e.border,placeholder:o(e.bg,ae.hues.gray[t?600:400].hex)}},selectable:({base:e,muted:t,tone:n,solid:r,state:o})=>"enabled"===o?Z(Z({},t[n].enabled),{},{bg:e.bg}):"pressed"===o?"default"===n?t.primary.pressed:t[n].pressed:"selected"===o?"default"===n?r.primary.enabled:r[n].enabled:"disabled"===o?Z(Z({},t[n].disabled),{},{bg:e.bg}):t[n][o],spot:({base:e,dark:t,key:n})=>(t?pt:ht)(e.bg,ae.hues[n][t?400:500].hex),syntax:({base:e,dark:t})=>{const n=t?pt:ht,r=t?400:600,o=t?600:400;return{atrule:n(e.bg,ae.hues.purple[r].hex),attrName:n(e.bg,ae.hues.green[r].hex),attrValue:n(e.bg,ae.hues.yellow[r].hex),attribute:n(e.bg,ae.hues.yellow[r].hex),boolean:n(e.bg,ae.hues.purple[r].hex),builtin:n(e.bg,ae.hues.purple[r].hex),cdata:n(e.bg,ae.hues.yellow[r].hex),char:n(e.bg,ae.hues.yellow[r].hex),class:n(e.bg,ae.hues.orange[r].hex),className:n(e.bg,ae.hues.cyan[r].hex),comment:n(e.bg,ae.hues.gray[o].hex),constant:n(e.bg,ae.hues.purple[r].hex),deleted:n(e.bg,ae.hues.red[r].hex),doctype:n(e.bg,ae.hues.gray[o].hex),entity:n(e.bg,ae.hues.red[r].hex),function:n(e.bg,ae.hues.green[r].hex),hexcode:n(e.bg,ae.hues.blue[r].hex),id:n(e.bg,ae.hues.purple[r].hex),important:n(e.bg,ae.hues.purple[r].hex),inserted:n(e.bg,ae.hues.yellow[r].hex),keyword:n(e.bg,ae.hues.magenta[r].hex),number:n(e.bg,ae.hues.purple[r].hex),operator:n(e.bg,ae.hues.magenta[r].hex),prolog:n(e.bg,ae.hues.gray[o].hex),property:n(e.bg,ae.hues.blue[r].hex),pseudoClass:n(e.bg,ae.hues.yellow[r].hex),pseudoElement:n(e.bg,ae.hues.yellow[r].hex),punctuation:n(e.bg,ae.hues.gray[r].hex),regex:n(e.bg,ae.hues.blue[r].hex),selector:n(e.bg,ae.hues.red[r].hex),string:n(e.bg,ae.hues.yellow[r].hex),symbol:n(e.bg,ae.hues.purple[r].hex),tag:n(e.bg,ae.hues.red[r].hex),unit:n(e.bg,ae.hues.orange[r].hex),url:n(e.bg,ae.hues.red[r].hex),variable:n(e.bg,ae.hues.red[r].hex)}}}),xt={avatar:{sizes:[{distance:-3,size:25},{distance:-6,size:35},{distance:-9,size:55}]},button:{textWeight:"medium"},color:mt,container:[320,640,960,1280,1600,1920],focusRing:{offset:1,width:2},fonts:{code:{family:"ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",weights:{regular:400,medium:500,semibold:600,bold:700},sizes:[{ascenderHeight:3,descenderHeight:3,fontSize:10,iconSize:17,lineHeight:13,letterSpacing:0},{ascenderHeight:4,descenderHeight:4,fontSize:13,iconSize:21,lineHeight:17,letterSpacing:0},{ascenderHeight:5,descenderHeight:5,fontSize:16,iconSize:25,lineHeight:21,letterSpacing:0},{ascenderHeight:6,descenderHeight:6,fontSize:19,iconSize:29,lineHeight:25,letterSpacing:0},{ascenderHeight:7,descenderHeight:7,fontSize:22,iconSize:33,lineHeight:29,letterSpacing:0}]},heading:{family:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Helvetica, Arial, system-ui, sans-serif',weights:{regular:700,medium:800,semibold:900,bold:900},sizes:[{ascenderHeight:4,descenderHeight:4,fontSize:12,iconSize:17,lineHeight:17,letterSpacing:0},{ascenderHeight:5,descenderHeight:5,fontSize:16,iconSize:25,lineHeight:21,letterSpacing:0},{ascenderHeight:6,descenderHeight:6,fontSize:21,iconSize:33,lineHeight:27,letterSpacing:0},{ascenderHeight:7,descenderHeight:7,fontSize:27,iconSize:41,lineHeight:33,letterSpacing:0},{ascenderHeight:8,descenderHeight:8,fontSize:33,iconSize:49,lineHeight:39,letterSpacing:0},{ascenderHeight:9,descenderHeight:9,fontSize:38,iconSize:53,lineHeight:45,letterSpacing:0}]},label:{family:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", system-ui, sans-serif',weights:{regular:600,medium:700,semibold:800,bold:900},sizes:[{ascenderHeight:2,descenderHeight:2,fontSize:9.8,iconSize:15,lineHeight:11,letterSpacing:.5},{ascenderHeight:2,descenderHeight:2,fontSize:11.25,iconSize:17,lineHeight:12,letterSpacing:.5},{ascenderHeight:2,descenderHeight:2,fontSize:12.75,iconSize:19,lineHeight:13,letterSpacing:.5},{ascenderHeight:2,descenderHeight:2,fontSize:14,iconSize:21,lineHeight:14,letterSpacing:.5},{ascenderHeight:2,descenderHeight:2,fontSize:15.5,iconSize:23,lineHeight:15,letterSpacing:.5}]},text:{family:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Helvetica, Arial, system-ui, sans-serif',weights:{regular:400,medium:500,semibold:600,bold:700},sizes:[{ascenderHeight:3,descenderHeight:3,fontSize:10,iconSize:17,lineHeight:13,letterSpacing:0},{ascenderHeight:4,descenderHeight:4,fontSize:13,iconSize:21,lineHeight:17,letterSpacing:0},{ascenderHeight:5,descenderHeight:5,fontSize:16,iconSize:25,lineHeight:21,letterSpacing:0},{ascenderHeight:6,descenderHeight:6,fontSize:19,iconSize:29,lineHeight:25,letterSpacing:0},{ascenderHeight:7,descenderHeight:7,fontSize:22,iconSize:33,lineHeight:29,letterSpacing:0}]}},media:[360,600,900,1200,1800,2400],radius:[0,1,3,6,9,12,21],shadows:[null,{umbra:[0,0,0,0],penumbra:[0,0,0,0],ambient:[0,0,0,0]},{umbra:[0,3,5,-1],penumbra:[0,6,10,0],ambient:[0,1,18,0]},{umbra:[0,7,8,-4],penumbra:[0,12,17,2],ambient:[0,5,22,4]},{umbra:[0,9,11,-5],penumbra:[0,18,28,2],ambient:[0,7,34,6]},{umbra:[0,11,15,-7],penumbra:[0,24,38,3],ambient:[0,9,46,8]}],space:[0,4,8,12,20,32,52,84,136,220],input:{checkbox:{size:17},radio:{size:17,markSize:9},switch:{width:33,height:17,padding:4,transitionDurationMs:150,transitionTimingFunction:"ease-out"},border:{width:1}}},vt={dialog:{zOffset:600},popover:{zOffset:400},tooltip:{zOffset:200}};const yt=function(){if("undefined"!=typeof globalThis)return globalThis;if("undefined"!=typeof window)return window;if("undefined"!=typeof self)return self;if("undefined"!=typeof global)return global;throw new Error("@sanity/ui: could not locate global scope")}(),wt=Symbol.for("@sanity/ui/context/theme");yt[wt]=yt[wt]||te.createContext(null);const kt=yt[wt];function $t(t){const n=te.useContext(kt),{children:r,scheme:o=(null==n?void 0:n.scheme)||"light",theme:a=(null==n?void 0:n.theme)||null,tone:i=(null==n?void 0:n.tone)||"default"}=t,s=te.useMemo((()=>{if(!a)return null;const{color:t,layer:n}=a,r=U(a,e),s=t[o]||t.light,d=s[i]||s.default,l=n||vt;return{sanity:Z(Z({},r),{},{color:d,layer:l})}}),[o,a,i]),d=te.useMemo((()=>a&&{version:0,theme:a,scheme:o,tone:i}),[a,o,i]);return s?J.jsx(kt.Provider,{value:d,children:J.jsx(re.ThemeProvider,{theme:s,children:r})}):J.jsx("pre",{children:'ThemeProvider: no "theme" property provided'})}function jt(e){return Boolean(e&&"object"==typeof e)}function zt(){const e=te.useContext(kt);if(!e)throw new Error("useRootTheme(): missing context value");if(!jt(e)||0!==e.version)throw new Error("useRootTheme(): the context value is not compatible");return e}function St(e){const{children:t,scheme:n,tone:r}=e,o=zt();return J.jsx($t,{scheme:n||o.scheme,theme:o.theme,tone:r,children:t})}function Et(){return re.useTheme()}const Ct=new WeakMap;function Rt(e,t){return 0===t?`screen and (max-width: ${e[t]-1}px)`:t===e.length?`screen and (min-width: ${e[t-1]}px)`:`screen and (min-width: ${e[t-1]}px) and (max-width: ${e[t]-1}px)`}function Ot(e){let t=Ct.get(e);return t||(t=function(e){const t=e.length,n=[];if("undefined"!=typeof window)for(let r=t;r>-1;r-=1){const t=Rt(e,r);n.push({index:r,mq:window.matchMedia(t)})}return{getCurrentIndex:()=>{for(const{index:e,mq:t}of n)if(t.matches)return e;return 0},subscribe:e=>{const t=[];for(const{index:r,mq:o}of n){const n=()=>{o.matches&&e(r)};o.addEventListener?o.addEventListener("change",n):o.addListener(n),t.push((()=>{o.removeEventListener?o.removeEventListener("change",n):o.removeListener(n)}))}return()=>{for(const e of t)e()}}}}(e),Ct.set(e,t)),t}function Tt(){const e=Et(),{media:t}=e.sanity,n=te.useMemo((()=>Ot(t)),[t]),[r,o]=te.useState(n.getCurrentIndex);return te.useEffect((()=>n.subscribe(o)),[n]),r}const Mt="undefined"!=typeof window?te.useLayoutEffect:te.useEffect;function Lt(e){const t=te.useRef(null);return Mt((()=>{e&&("function"==typeof e?e(t.current):e.current=t.current)})),t}function Ht(e,t){te.useEffect((()=>{e.current&&e.current.setCustomValidity(t||"")}),[t,e])}const At="1px solid var(--card-border-color)";function It(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$border,(e=>e?{"&&":{border:At}}:{"&&":{border:0}}))}function _t(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$borderTop,(e=>e?{"&&":{borderTop:At}}:{"&&":{borderTop:0}}))}function Bt(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$borderRight,(e=>e?{"&&":{borderRight:At}}:{"&&":{borderRight:0}}))}function Ft(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$borderBottom,(e=>e?{"&&":{borderBottom:At}}:{"&&":{borderBottom:0}}))}function Pt(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$borderLeft,(e=>e?{"&&":{borderLeft:At}}:{"&&":{borderLeft:0}}))}const Dt={'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"}},Vt={content:"content-box",border:"border-box"},Nt={stretch:"stretch",fill:"100%"};function qt(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$display,(e=>({"&:not([hidden])":{display:e}})))}function Wt(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$sizing,(e=>({boxSizing:Vt[e]})))}function Xt(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$height,(e=>({height:Nt[e]})))}function Yt(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$overflow,(e=>({overflow:e})))}const Kt={"&&:not([hidden])":{display:"flex"}};function Ut(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$align,(e=>({alignItems:e})))}function Gt(e){const{theme:t}=e,{media:n,space:r}=t.sanity;return $e(n,e.$gap,(e=>({gap:e?ke(r[e]):void 0})))}function Zt(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$wrap,(e=>({flexWrap:e})))}function Qt(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$justify,(e=>({justifyContent:e})))}function Jt(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$direction,(e=>({flexDirection:e})))}const en={minWidth:0,minHeight:0};function tn(){return[en,nn]}function nn(e){const{theme:t}=e,{media:n}=t.sanity;return e.$flex?$e(n,e.$flex,(e=>({flex:e}))):ve}function rn(e){return`inset 0 0 0 ${e.width}px ${e.color}`}function on(e){const{base:t,border:n,focusRing:r}=e,o=r.offset+r.width,a=0-r.offset,i=t?t.bg:"var(--card-bg-color)";return[a>0&&`inset 0 0 0 ${a}px var(--card-focus-ring-color)`,n&&rn(n),a<0&&`0 0 0 ${0-a}px ${i}`,o>0&&`0 0 0 ${o}px var(--card-focus-ring-color)`].filter(Boolean).join(",")}const an={"&&:not([hidden])":{display:"grid"},'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"}},sn={auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},dn={auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"};function ln(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$autoFlow,(e=>({gridAutoFlow:e})))}function cn(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$autoRows,(e=>({gridAutoRows:e&&dn[e]})))}function un(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$autoCols,(e=>({gridAutoColumns:e&&sn[e]})))}function fn(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$columns,(e=>({gridTemplateColumns:e&&`repeat(${e},minmax(0,1fr));`})))}function hn(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$rows,(e=>({gridTemplateRows:e&&`repeat(${e},minmax(0,1fr));`})))}function pn(e){const{theme:t}=e,{media:n,space:r}=t.sanity;return $e(n,e.$gap,(e=>({gridGap:e?ke(r[e]):void 0})))}function gn(e){const{theme:t}=e,{media:n,space:r}=t.sanity;return $e(n,e.$gapX,(e=>({columnGap:e?ke(r[e]):void 0})))}function bn(e){const{theme:t}=e,{media:n,space:r}=t.sanity;return $e(n,e.$gapY,(e=>({rowGap:e?ke(r[e]):void 0})))}const mn={auto:"auto",full:"1 / -1"},xn={auto:"auto",full:"1 / -1"};function vn(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$row,(e=>"number"==typeof e?{gridRow:`span ${e} / span ${e}`}:{gridRow:mn[e]}))}function yn(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$rowStart,(e=>({gridRowStart:e})))}function wn(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$rowEnd,(e=>({gridRowEnd:e})))}function kn(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$column,(e=>"number"==typeof e?{gridColumn:`span ${e} / span ${e}`}:{gridColumn:xn[e]}))}function $n(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$columnStart,(e=>({gridColumnStart:e})))}function jn(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$columnEnd,(e=>({gridColumnEnd:e})))}function zn(e){const{$fontSize:t,$iconLeft:n,$iconRight:r,$padding:o,$space:a,theme:i}=e,{fonts:s,media:d,space:l}=i.sanity,c=Math.max(o.length,a.length,t.length),u=[],f=[],h=[];for(let e=0;e<c;e+=1)h[e]=void 0===t[e]?h[e-1]:t[e],u[e]=void 0===o[e]?u[e-1]:o[e],f[e]=void 0===a[e]?f[e-1]:a[e];return $e(d,u,((e,t)=>{const o=s.text.sizes[h[t]]||s.text.sizes[2],a=o.lineHeight-o.ascenderHeight-o.descenderHeight,i=l[u[t]],d=l[f[t]],c={paddingTop:ke(i-o.ascenderHeight),paddingRight:ke(i),paddingBottom:ke(i-o.descenderHeight),paddingLeft:ke(i)};return r&&(c.paddingRight=ke(i+a+d)),n&&(c.paddingLeft=ke(i+a+d)),c}))}function Sn(e){return zn(Z(Z({},e),{},{$iconRight:!0}))}const En=re.css`
2
- &:not([hidden]) {
3
- display: flex;
4
- }
5
-
6
- align-items: center;
7
- `;function Cn(){return En}function Rn(e){const{theme:t,$scheme:n,$tone:r,$weight:o}=e,a=t.sanity.fonts.text,i=t.sanity.color.input;return re.css`
8
- appearance: none;
9
- background: none;
10
- border: 0;
11
- border-radius: 0;
12
- outline: none;
13
- width: 100%;
14
- box-sizing: border-box;
15
- font-family: ${a.family};
16
- font-weight: ${o&&a.weights[o]||a.weights.regular};
17
- margin: 0;
18
- position: relative;
19
- z-index: 1;
20
- display: block;
21
-
22
- /* NOTE: This is a hack to disable Chrome’s autofill styles */
23
- &:-webkit-autofill,
24
- &:-webkit-autofill:hover,
25
- &:-webkit-autofill:focus,
26
- &:-webkit-autofill:active {
27
- -webkit-text-fill-color: var(--input-fg-color) !important;
28
- transition: background-color 5000s;
29
- transition-delay: 86400s /* 24h */;
30
- }
31
-
32
- /* &:is(textarea) */
33
- &[data-as='textarea'] {
34
- resize: none;
35
- }
36
-
37
- color: var(--input-fg-color);
38
-
39
- &::placeholder {
40
- color: var(--input-placeholder-color);
41
- }
42
-
43
- &[data-scheme='${n}'][data-tone='${r}'] {
44
- --input-fg-color: ${i.default.enabled.fg};
45
- --input-placeholder-color: ${i.default.enabled.placeholder};
46
-
47
- /* enabled */
48
- &:not(:invalid):not(:disabled):not(:read-only) {
49
- --input-fg-color: ${i.default.enabled.fg};
50
- --input-placeholder-color: ${i.default.enabled.placeholder};
51
- }
52
-
53
- /* disabled */
54
- &:not(:invalid):disabled {
55
- --input-fg-color: ${i.default.disabled.fg};
56
- --input-placeholder-color: ${i.default.disabled.placeholder};
57
- }
58
-
59
- /* invalid */
60
- &:invalid {
61
- --input-fg-color: ${i.invalid.enabled.fg};
62
- --input-placeholder-color: ${i.invalid.enabled.placeholder};
63
- }
64
-
65
- /* readOnly */
66
- &:read-only {
67
- --input-fg-color: ${i.default.readOnly.fg};
68
- --input-placeholder-color: ${i.default.readOnly.placeholder};
69
- }
70
- }
71
- `}function On(e){const{theme:t}=e,{fonts:n,media:r}=t.sanity;return $e(r,e.$fontSize,(e=>{const t=n.text.sizes[e]||n.text.sizes[2];return{fontSize:ke(t.fontSize),lineHeight:t.lineHeight/t.fontSize}}))}function Tn(e){const{$border:t,$hasPrefix:n,$hasSuffix:r,$scheme:o,$tone:a,theme:i}=e,{focusRing:s,input:d}=i.sanity,l=i.sanity.color.input;return re.css`
72
- --input-box-shadow: none;
73
-
74
- position: absolute;
75
- top: 0;
76
- left: 0;
77
- right: 0;
78
- bottom: 0;
79
- display: block;
80
- pointer-events: none;
81
- z-index: 0;
82
-
83
- background-color: var(--card-bg-color);
84
- box-shadow: var(--input-box-shadow);
85
-
86
- border-top-left-radius: ${n?0:void 0};
87
- border-bottom-left-radius: ${n?0:void 0};
88
- border-top-right-radius: ${r?0:void 0};
89
- border-bottom-right-radius: ${r?0:void 0};
90
-
91
- &[data-scheme='${o}'][data-tone='${a}'] {
92
- --card-bg-color: ${l.default.enabled.bg};
93
- --card-fg-color: ${l.default.enabled.fg};
94
-
95
- /* enabled */
96
- *:not(:disabled) + & {
97
- --input-box-shadow: ${t?rn({color:l.default.enabled.border,width:d.border.width}):void 0};
98
- }
99
-
100
- /* invalid */
101
- *:not(:disabled):invalid + & {
102
- --card-bg-color: ${l.invalid.enabled.bg};
103
- --card-fg-color: ${l.invalid.enabled.fg};
104
- --input-box-shadow: ${t?rn({color:l.invalid.enabled.border,width:d.border.width}):"none"};
105
- }
106
-
107
- /* focused */
108
- *:not(:disabled):focus + & {
109
- --input-box-shadow: ${on({border:t?{color:l.default.enabled.border,width:d.border.width}:void 0,focusRing:s})};
110
- }
111
-
112
- /* disabled */
113
- *:disabled + & {
114
- --card-bg-color: ${l.default.disabled.bg} !important;
115
- --card-fg-color: ${l.default.disabled.fg} !important;
116
- --input-box-shadow: ${t?rn({color:l.default.disabled.border,width:d.border.width}):"none"};
117
- }
118
-
119
- /* readOnly */
120
- *:read-only + & {
121
- --card-bg-color: ${l.default.readOnly.bg} !important;
122
- --card-fg-color: ${l.default.readOnly.fg} !important;
123
- }
124
-
125
- /* hovered */
126
- @media (hover: hover) {
127
- *:not(:disabled):not(:read-only):not(:invalid):hover + & {
128
- --card-bg-color: ${l.default.hovered.bg};
129
- --card-fg-color: ${l.default.hovered.fg};
130
- }
131
-
132
- *:not(:disabled):not(:read-only):not(:invalid):not(:focus):hover + & {
133
- --input-box-shadow: ${t?rn({color:l.default.hovered.border,width:d.border.width}):"none"};
134
- }
135
- }
136
- }
137
- `}function Mn(e){const{theme:t}=e;return[ze(t,["padding"],e.$padding),ze(t,["paddingLeft","paddingRight"],e.$paddingX),ze(t,["paddingTop","paddingBottom"],e.$paddingY),ze(t,["paddingTop"],e.$paddingTop),ze(t,["paddingRight"],e.$paddingRight),ze(t,["paddingBottom"],e.$paddingBottom),ze(t,["paddingLeft"],e.$paddingLeft)].filter(Boolean)}function Ln(e){const{theme:t}=e,{media:n,radius:r}=t.sanity;return $e(n,e.$radius,(e=>({borderRadius:ke(r[e])})))}function Hn(e,t){return`${e.map(ke).join(" ")} ${t}`}const An=ge.default.div(Te,Oe,(function(e){const{$accent:t,$muted:n,theme:r}=e,{weights:o}=r.sanity.fonts.text;return re.css`
138
- color: var(--card-fg-color);
139
-
140
- ${t&&re.css`
141
- color: var(--card-accent-fg-color);
142
- `}
143
-
144
- ${n&&re.css`
145
- color: var(--card-muted-fg-color);
146
- `}
147
-
148
- & code {
149
- font-family: ${r.sanity.fonts.code.family};
150
- border-radius: 1px;
151
- background-color: var(--card-code-bg-color);
152
- color: var(--card-code-fg-color);
153
- }
154
-
155
- & a {
156
- text-decoration: none;
157
- border-radius: 1px;
158
- color: var(--card-link-color);
159
- outline: none;
160
-
161
- @media (hover: hover) {
162
- &:hover {
163
- text-decoration: underline;
164
- }
165
- }
166
-
167
- &:focus {
168
- box-shadow: 0 0 0 1px var(--card-bg-color), 0 0 0 3px var(--card-focus-ring-color);
169
- }
170
-
171
- &:focus:not(:focus-visible) {
172
- box-shadow: none;
173
- }
174
- }
175
-
176
- & strong {
177
- font-weight: ${o.bold};
178
- }
179
-
180
- & [data-sanity-icon] {
181
- vertical-align: baseline;
182
- }
183
- `})),In=ge.default.span`
184
- display: block;
185
- white-space: nowrap;
186
- text-overflow: ellipsis;
187
- overflow: hidden;
188
- `,_n=te.forwardRef((function(e,n){const{accent:r=!1,align:o,children:a,muted:i=!1,size:s=2,textOverflow:d,weight:l}=e,c=U(e,t);let u=a;return"ellipsis"===d&&(u=J.jsx(In,{children:u})),J.jsx(An,Z(Z({"data-ui":"Text"},c),{},{$accent:r,$align:Me(o),$muted:i,ref:n,$size:Me(s),$weight:l,children:J.jsx("span",{children:u})}))})),Bn=function(e){const{$color:t,theme:n}=e,{focusRing:r}=n.sanity;return{backgroundColor:t,position:"relative",boxSizing:"border-box",userSelect:"none",boxShadow:"0 0 0 1px var(--card-bg-color)",'&[data-status="inactive"]':{opacity:.5},"&>svg":{"&:not([hidden])":{display:"block"}},'&[data-as="button"]':{"-webkit-font-smoothing":"inherit",appearance:"none",margin:0,padding:0,border:0,font:"inherit",color:"inherit",outline:"none","&:focus":{boxShadow:on({focusRing:r})},"&:focus:not(:focus-visible)":{boxShadow:"none"}}}},Fn=function(){return{position:"absolute",boxSizing:"border-box",zIndex:0,opacity:0,transition:"all 0.2s linear",transform:"rotate(-90deg) translate3d(0, 6px, 0)",left:0,right:0,top:0,bottom:0,"& > svg":{width:"11px",height:"7px",position:"absolute",top:"-5px",left:"50%",transform:"translateX(-6px)","&:not([hidden])":{display:"block"}},"[data-arrow-position='inside'] > &":{transform:"rotate(-90deg) translate3d(0, 6px, 0)",opacity:0},"[data-arrow-position='top'] > &":{opacity:1,transform:"rotate(0deg)"},"[data-arrow-position='bottom'] > &":{opacity:1,transform:"rotate(-180deg)"}}},Pn=function(){return{strokeWidth:"4px",stroke:"var(--card-bg-color)"}},Dn=function(){return{strokeWidth:"3px",'[data-status="editing"] &':{strokeSasharray:"2 4",strokeLinecap:"round"}}},Vn=function(e){const{theme:t}=e,{base:n}=t.sanity.color;return{width:"100%",height:"100%",color:n.fg,alignItems:"center",justifyContent:"center",textTransform:"uppercase",textAlign:"center",borderRadius:"50%","&:not([hidden])":{display:"flex"}}};const Nn=ge.default.div((function(e){const{theme:t}=e,{avatar:n,media:r}=t.sanity;return $e(r,e.$size,(e=>{const t=n.sizes[e]||n.sizes[0];return{width:ke(t.size),height:ke(t.size),borderRadius:ke(t.size/2),"&>svg":{width:ke(t.size),height:ke(t.size),borderRadius:ke(t.size/2)}}}))}),Bn),qn=ge.default.div(Fn),Wn=ge.default.ellipse(Pn),Xn=ge.default.ellipse(Dn),Yn=ge.default.div(Vn),Kn=te.forwardRef((function(e,t){const{as:r,color:o="gray",src:a,title:i,initials:s,onImageLoadError:d,arrowPosition:l,animateArrowFrom:c,status:u="online",size:f=0}=e,h=U(e,n),p=pe.default.isValidElementType(r)?r:"div",g=Me(f),b=Et(),m=b.sanity.color.spot[o]||b.sanity.color.spot.gray,x=(b.sanity.avatar.sizes[g[0]]||b.sanity.avatar.sizes[0]).size,v=x/2,y=ee.useId()||"",[w,k]=te.useState(c||l||"inside"),[$,j]=te.useState(!1),z=`avatar-image-${y}`;te.useEffect((()=>{if(w===l)return;const e=requestAnimationFrame((()=>k(l)));return()=>cancelAnimationFrame(e)}),[w,l]),te.useEffect((()=>{a&&j(!1)}),[a]);const S=te.useCallback((()=>{j(!0),d&&d(new Error("Avatar: the image failed to load"))}),[d]),E=te.useMemo((()=>g.map((e=>0===e?0:e+1))),[g]);return J.jsxs(Nn,Z(Z({as:p,"data-as":"string"==typeof p?p:void 0,"data-ui":"Avatar"},h),{},{$size:g,$color:m,"aria-label":i,"data-arrow-position":w,"data-status":u,ref:t,title:i,children:[J.jsx(qn,{children:J.jsx("svg",{width:"11",height:"7",viewBox:"0 0 11 7",fill:"none",children:J.jsx("path",{d:"M6.67948 1.50115L11 7L0 7L4.32052 1.50115C4.92109 0.736796 6.07891 0.736795 6.67948 1.50115Z",fill:m})})}),!$&&a&&J.jsxs("svg",{viewBox:`0 0 ${x} ${x}`,fill:"none",children:[J.jsx("defs",{children:J.jsx("pattern",{id:z,patternContentUnits:"objectBoundingBox",width:"1",height:"1",children:J.jsx("image",{href:a,width:"1",height:"1",onError:S})})}),J.jsx("circle",{cx:v,cy:v,r:v,fill:`url(#${z})`}),J.jsx(Wn,{cx:v,cy:v,rx:v,ry:v,vectorEffect:"non-scaling-stroke"}),J.jsx(Xn,{cx:v,cy:v,rx:v,ry:v,stroke:m,vectorEffect:"non-scaling-stroke"})]}),($||!a)&&s&&J.jsx(J.Fragment,{children:J.jsx(Yn,{children:J.jsx(_n,{as:"span",size:E,children:J.jsx("strong",{children:s})})})})]}))}));const Un=ge.default.div((function(e){const{theme:t}=e,{avatar:n,media:r}=t.sanity;return $e(r,e.$size,(e=>{const t=n.sizes[e];return t?{borderRadius:ke(t.size/2),minWidth:ke(t.size),height:ke(t.size)}:ye}))}),(function(e){const{theme:t}=e;return re.css`
189
- align-items: center;
190
- justify-content: center;
191
- box-sizing: border-box;
192
- user-select: none;
193
- color: inherit;
194
- color: var(--card-fg-color);
195
- background: var(--card-bg-color);
196
- box-shadow: 0 0 0 1px var(--card-bg-color), inset 0 0 0 1.5px var(--card-hairline-hard-color);
197
- padding: 0 ${ke(t.sanity.space[2])};
198
-
199
- &:not([hidden]) {
200
- display: flex;
201
- }
202
- `})),Gn=te.forwardRef((function(e,t){const{count:n,size:r=0}=e,o=Me(r),a=te.useMemo((()=>o.map((e=>0===e?0:e+1))),[o]);return J.jsx(Un,{$size:o,"data-ui":"AvatarCounter",ref:t,children:J.jsx(_n,{as:"span",size:a,children:J.jsx("strong",{children:n})})})}));function Zn(e){return(Array.isArray(e)?e:[e]).filter((e=>ne.isElement(e)||ne.isFragment(e)||"string"==typeof e))}const Qn=re.css`
203
- white-space: nowrap;
204
-
205
- & > div {
206
- vertical-align: top;
207
-
208
- &:not([hidden]) {
209
- display: inline-block;
210
- }
211
- }
212
- `;const Jn=ge.default.div((function(e){const{theme:t}=e,{avatar:n,media:r}=t.sanity;return $e(r,e.$size,(e=>{const t=n.sizes[e];return t?{"& > div + div":{marginLeft:ke(t.distance)}}:ye}))}),(function(){return Qn})),er=te.forwardRef((function(e,t){const{children:n,maxLength:o=4,size:a=0}=e,i=U(e,r),s=Zn(n).filter((e=>"string"!=typeof e)),d=Math.max(o,0),l=Me(a),c=s.length,u=c-(d-1),f=u>1?s.slice(u,c):s;return J.jsxs(Jn,Z(Z({"data-ui":"AvatarStack"},i),{},{ref:t,$size:l,children:[0===c&&J.jsx("div",{children:J.jsx(Gn,{count:c})}),0!==c&&u>1&&J.jsx("div",{children:J.jsx(Gn,{count:u,size:l})}),f.map(((e,t)=>J.jsx("div",{children:te.cloneElement(e,{size:l})},String(t))))]}))})),tr=ge.default.div((function(){return Dt}),tn,(function(){return[Wt,Xt,Yt,qt]}),(function(){return[vn,yn,wn,kn,$n,jn]}),(function(e){const{theme:t}=e;return[ze(t,["margin"],e.$margin),ze(t,["marginLeft","marginRight"],e.$marginX),ze(t,["marginTop","marginBottom"],e.$marginY),ze(t,["marginTop"],e.$marginTop),ze(t,["marginRight"],e.$marginRight),ze(t,["marginBottom"],e.$marginBottom),ze(t,["marginLeft"],e.$marginLeft)].filter(Boolean)}),Mn),nr=te.forwardRef((function(e,t){const{as:n="div",column:r,columnStart:a,columnEnd:i,display:s="block",flex:d,height:l,margin:c=0,marginX:u,marginY:f,marginTop:h,marginRight:p,marginBottom:g,marginLeft:b,overflow:m,padding:x=0,paddingX:v,paddingY:y,paddingTop:w,paddingRight:k,paddingBottom:$,paddingLeft:j,row:z,rowStart:S,rowEnd:E,sizing:C}=e,R=U(e,o);return J.jsx(tr,Z(Z({"data-as":"string"==typeof n?n:void 0,"data-ui":"Box"},R),{},{$column:Me(r),$columnStart:Me(a),$columnEnd:Me(i),$display:Me(s),$flex:Me(d),$height:Me(l),$margin:Me(c),$marginX:Me(u),$marginY:Me(f),$marginTop:Me(h),$marginRight:Me(p),$marginBottom:Me(g),$marginLeft:Me(b),$overflow:Me(m),$padding:Me(x),$paddingX:Me(v),$paddingY:Me(y),$paddingTop:Me(w),$paddingRight:Me(k),$paddingBottom:Me($),$paddingLeft:Me(j),$row:Me(z),$rowStart:Me(S),$rowEnd:Me(E),$sizing:Me(C),as:n,ref:t,children:e.children}))}));const rr=ge.default.div(Re,Oe,(function(e){const{$accent:t,$muted:n,theme:r}=e,{fonts:o}=r.sanity;return re.css`
213
- text-transform: uppercase;
214
-
215
- ${t&&re.css`
216
- color: var(--card-accent-fg-color);
217
- `}
218
-
219
- ${n&&re.css`
220
- color: var(--card-muted-fg-color);
221
- `}
222
-
223
- & code {
224
- font-family: ${o.code.family};
225
- border-radius: 1px;
226
- }
227
-
228
- & a {
229
- text-decoration: none;
230
- border-radius: 1px;
231
- }
232
-
233
- & [data-sanity-icon] {
234
- vertical-align: baseline;
235
- }
236
- `})),or=ge.default.span`
237
- display: block;
238
- white-space: nowrap;
239
- text-overflow: ellipsis;
240
- overflow: hidden;
241
- `,ar=te.forwardRef((function(e,t){const{accent:n,align:r,children:o,muted:i=!1,size:s=2,textOverflow:d,weight:l}=e,c=U(e,a);let u=o;return u="ellipsis"===d?J.jsx(or,{children:u}):J.jsx("span",{children:u}),J.jsx(rr,Z(Z({"data-ui":"Label"},c),{},{$accent:n,$align:Me(r),$muted:i,$size:Me(s),$weight:l,ref:t,children:u}))}));const ir=ge.default(nr)(Ln,(function(e){const{$mode:t,$tone:n,theme:r}=e,o=r.sanity.color["outline"===t?"muted":"solid"],a=o[n]||o.default;return{backgroundColor:a.enabled.bg,color:a.enabled.fg,boxShadow:`inset 0 0 0 1px ${a.enabled.border}`,cursor:"default","&:not([hidden])":{display:"inline-block"}}})),sr=te.forwardRef((function(e,t){const{children:n,fontSize:r,mode:o="default",padding:a=1,radius:s=2,tone:d="default"}=e,l=U(e,i);return J.jsx(ir,Z(Z({"data-ui":"Badge"},l),{},{$mode:o,$tone:d,$radius:Me(s),padding:Me(a),ref:t,children:J.jsx(ar,{size:r,children:n})}))})),dr=ge.default(nr)(tn,(function(){return[Kt,Ut,Gt,Zt,Qt,Jt]})),lr=te.forwardRef((function(e,t){const{align:n,as:r,direction:o="row",gap:a,justify:i,wrap:d}=e,l=U(e,s);return J.jsx(dr,Z(Z({"data-ui":"Flex"},l),{},{$align:Me(n),$direction:Me(o),$gap:Me(a),$justify:Me(i),$wrap:Me(d),forwardedAs:r,ref:t}))})),cr=re.keyframes`
242
- from {
243
- transform: rotate(0deg);
244
- }
245
-
246
- to {
247
- transform: rotate(360deg);
248
- }
249
- `,ur=ge.default(_n)`
250
- & > span > svg {
251
- animation: ${cr} 500ms linear infinite;
252
- }
253
- `,fr=te.forwardRef((function(e,t){return J.jsx(ur,Z(Z({"data-ui":"Spinner"},e),{},{ref:t,children:J.jsx(ie.SpinnerIcon,{})}))}));function hr(e,t,n=!1){var r,o,a,i,s,d,l,c;return{"--card-shadow-outline-color":e.shadow.outline,"--card-shadow-umbra-color":e.shadow.umbra,"--card-shadow-penumbra-color":e.shadow.penumbra,"--card-shadow-ambient-color":e.shadow.ambient,"--card-focus-ring-color":e.focusRing,"--card-bg-color":t.bg,"--card-bg-image":n?`repeating-conic-gradient(${t.bg} 0% 25%, ${t.bg2||t.bg} 0% 50%)`:void 0,"--card-fg-color":t.fg,"--card-border-color":t.border,"--card-muted-fg-color":null==(r=t.muted)?void 0:r.fg,"--card-accent-fg-color":null==(o=t.accent)?void 0:o.fg,"--card-link-fg-color":null==(a=t.link)?void 0:a.fg,"--card-code-bg-color":null==(i=t.code)?void 0:i.bg,"--card-code-fg-color":null==(s=t.code)?void 0:s.fg,"--card-skeleton-color-from":null==(d=t.skeleton)?void 0:d.from,"--card-skeleton-color-to":null==(l=t.skeleton)?void 0:l.to,"--card-link-color":null==(c=t.link)?void 0:c.fg,"--card-hairline-soft-color":t.border,"--card-hairline-hard-color":t.border}}const pr={width:1};const gr=ge.default.button(Ln,(function(){return re.css`
254
- -webkit-font-smoothing: inherit;
255
- appearance: none;
256
- display: inline-flex;
257
- align-items: center;
258
- font: inherit;
259
- border: 0;
260
- outline: none;
261
- user-select: none;
262
- text-decoration: none;
263
- border: 0;
264
- box-sizing: border-box;
265
- padding: 0;
266
- margin: 0;
267
- white-space: nowrap;
268
- text-align: left;
269
- position: relative;
270
-
271
- & > span {
272
- display: block;
273
- flex: 1;
274
- min-width: 0;
275
- border-radius: inherit;
276
- }
277
-
278
- &::-moz-focus-inner {
279
- border: 0;
280
- padding: 0;
281
- }
282
- `}),(function(e){var t,n;const{$mode:r,theme:o}=e,{focusRing:a}=o.sanity,i=o.sanity.color.base,s=o.sanity.color.button[r]||o.sanity.color.button.default,d=s[e.$tone]||s.default,l={width:pr.width,color:"var(--card-border-color)"};return[hr(i,d.enabled),{backgroundColor:"var(--card-bg-color)",color:"var(--card-fg-color)",boxShadow:rn(l),'&:disabled, &[data-disabled="true"]':hr(i,d.disabled),"&:not([data-disabled='true'])":{"&:focus":{boxShadow:on({base:i,border:l,focusRing:a})},"&:focus:not(:focus-visible)":{boxShadow:rn(l)},"@media (hover: hover)":{"&:hover":hr(i,d.hovered),"&:active":hr(i,d.pressed)},"&[data-selected]":hr(i,d.pressed)}},null==(n=null==(t=o.sanity.styles)?void 0:t.button)?void 0:n.root].filter(Boolean)})),br=ge.default.div`
283
- position: absolute;
284
- top: 0;
285
- left: 0;
286
- right: 0;
287
- bottom: 0;
288
- display: flex;
289
- align-items: center;
290
- justify-content: center;
291
- background-color: var(--card-bg-color);
292
- border-radius: inherit;
293
- z-index: 1;
294
- box-shadow: inherit;
295
- `,mr=te.forwardRef((function(e,t){const{children:n,disabled:r,fontSize:o,icon:a,iconRight:i,justify:s="center",loading:l,mode:c="default",padding:u=3,paddingX:f,paddingY:h,paddingTop:p,paddingBottom:g,paddingLeft:b,paddingRight:m,radius:x=2,selected:v,space:y=3,text:w,textAlign:k,tone:$="default",type:j="button"}=e,z=U(e,d),S=Me(s),E=Me(u),C=Me(f),R=Me(h),O=Me(p),T=Me(g),M=Me(b),L=Me(m),H=Me(x),A=Me(y),I=Et(),_=te.useMemo((()=>({padding:E,paddingX:C,paddingY:R,paddingTop:O,paddingBottom:T,paddingLeft:M,paddingRight:L})),[E,C,R,O,T,M,L]);return J.jsxs(gr,Z(Z({"data-ui":"Button"},z),{},{$mode:c,$radius:H,$tone:$,"data-disabled":Boolean(l||r),"data-selected":v?"":void 0,disabled:Boolean(l||r),ref:t,type:j,children:[Boolean(l)&&J.jsx(br,{children:J.jsx(fr,{})}),(a||w||i)&&J.jsx(nr,Z(Z({as:"span"},_),{},{children:J.jsxs(lr,{as:"span",justify:S,children:[a&&J.jsxs(_n,{size:o,children:[te.isValidElement(a)&&a,ne.isValidElementType(a)&&te.createElement(a)]}),w&&J.jsx(nr,{flex:i?1:void 0,marginLeft:a?A:void 0,marginRight:i?A:void 0,children:J.jsx(_n,{align:k,size:o,textOverflow:"ellipsis",weight:I.sanity.button.textWeight,children:w})}),i&&J.jsxs(_n,{size:o,children:[te.isValidElement(i)&&i,ne.isValidElementType(i)&&te.createElement(i)]})]})})),n&&J.jsx(nr,Z(Z({as:"span"},_),{},{children:n}))]}))}));function xr(e){const{$checkered:t,theme:n}=e,r=n.sanity.space;return re.css`
296
- ${t&&re.css`
297
- background-size: ${r[3]}px ${r[3]}px;
298
- background-position: 50% 50%;
299
- background-image: var(--card-bg-image);
300
- `}
301
-
302
- &[data-as='button'] {
303
- -webkit-font-smoothing: inherit;
304
- appearance: none;
305
- outline: none;
306
- font: inherit;
307
- text-align: inherit;
308
- border: 0;
309
- width: stretch;
310
- }
311
-
312
- /* &:is(a) */
313
- &[data-as='a'] {
314
- outline: none;
315
- text-decoration: none;
316
- }
317
-
318
- /* &:is(pre) */
319
- &[data-as='pre'] {
320
- font: inherit;
321
- }
322
- `}function vr(e){var t,n;const{$checkered:r,$focusRing:o,theme:a}=e,{focusRing:i}=a.sanity,{base:s,card:d}=a.sanity.color,l={width:0,color:"var(--card-border-color)"};return re.css`
323
- ${hr(s,d.enabled,r)}
324
-
325
- background-color: var(--card-bg-color);
326
- color: var(--card-fg-color);
327
-
328
- /* &:is(button) */
329
- &[data-as='button'] {
330
- --card-focus-ring-box-shadow: none;
331
-
332
- cursor: default;
333
- box-shadow: var(--card-focus-ring-box-shadow);
334
-
335
- &:disabled {
336
- ${hr(s,d.disabled,r)}
337
- }
338
-
339
- &:not(:disabled) {
340
- &[data-pressed] {
341
- ${hr(s,d.pressed,r)}
342
- }
343
-
344
- &[data-selected] {
345
- ${hr(s,d.selected,r)}
346
- }
347
-
348
- @media (hover: hover) {
349
- &:not([data-pressed]):not([data-selected]) {
350
- &:hover {
351
- ${hr(s,d.hovered,r)}
352
- }
353
-
354
- &:active {
355
- ${hr(s,d.pressed,r)}
356
- }
357
- }
358
- }
359
-
360
- &:focus {
361
- --card-focus-ring-box-shadow: ${o?on({base:s,border:l,focusRing:i}):void 0};
362
- }
363
-
364
- &:focus:not(:focus-visible) {
365
- --card-focus-ring-box-shadow: ${o?rn(l):void 0};
366
- }
367
- }
368
- }
369
-
370
- /* &:is(a) */
371
- &[data-as='a'] {
372
- cursor: pointer;
373
- box-shadow: var(--card-focus-ring-box-shadow);
374
-
375
- &[data-disabled] {
376
- ${hr(s,d.disabled,r)}
377
- }
378
-
379
- &:not([data-disabled]) {
380
- &[data-pressed] {
381
- ${hr(s,d.pressed,r)}
382
- }
383
-
384
- &[data-selected] {
385
- ${hr(s,d.selected,r)}
386
- }
387
-
388
- @media (hover: hover) {
389
- &:not([data-pressed]):not([data-selected]) {
390
- &:hover {
391
- ${hr(s,d.hovered,r)}
392
- }
393
-
394
- &:active {
395
- ${hr(s,d.pressed,r)}
396
- }
397
- }
398
- }
399
-
400
- &:focus {
401
- --card-focus-ring-box-shadow: ${o?on({base:s,border:l,focusRing:i}):void 0};
402
- }
403
-
404
- &:focus:not(:focus-visible) {
405
- --card-focus-ring-box-shadow: ${o?rn(l):void 0};
406
- }
407
- }
408
- }
409
-
410
- ${null==(n=null==(t=a.sanity.styles)?void 0:t.card)?void 0:n.root}
411
- `}const yr=ge.default(nr)((function(){return[It,_t,Bt,Ft,Pt]}),Ln,(function(e){const{theme:t}=e,{media:n,shadows:r}=t.sanity;return $e(n,e.$shadow,(e=>function(e){return e?{boxShadow:`0 0 0 ${ke(1)} var(--card-shadow-outline-color), ${Hn(e.umbra,"var(--card-shadow-umbra-color)")}, ${Hn(e.penumbra,"var(--card-shadow-penumbra-color)")}, ${Hn(e.ambient,"var(--card-shadow-ambient-color)")}`}:ye}(r[e])))}),(function(e){return[xr(e),vr(e)]})),wr=te.forwardRef((function(e,t){const{__unstable_checkered:n=!1,__unstable_focusRing:r=!1,as:o,border:a,borderTop:i,borderRight:s,borderBottom:d,borderLeft:c,pressed:u,radius:f=0,scheme:h,selected:p,shadow:g,tone:b="default"}=e,m=U(e,l),x=ne.isValidElementType(o)?o:"div",v=zt(),y="inherit"===b?v.tone:b;return J.jsx(St,{scheme:h,tone:y,children:J.jsx(yr,Z(Z({"data-as":"string"==typeof x?x:void 0,"data-scheme":v.scheme,"data-ui":"Card","data-tone":y},m),{},{$border:Me(a),$borderTop:Me(i),$borderRight:Me(s),$borderBottom:Me(d),$borderLeft:Me(c),$checkered:n,$focusRing:r,$radius:Me(f),$shadow:Me(g),$tone:y,"data-checkered":n?"":void 0,"data-pressed":u?"":void 0,"data-selected":p?"":void 0,forwardedAs:x,ref:t,selected:p}))})}));const kr=ge.default.div((function(){return re.css`
412
- position: relative;
413
- display: inline-block;
414
- `})),$r=ge.default.input((function(e){const{theme:t}=e,n=t.sanity.color.input,{focusRing:r,input:o,radius:a}=t.sanity;return re.css`
415
- position: absolute;
416
- top: 0;
417
- left: 0;
418
- width: 100%;
419
- height: 100%;
420
- outline: none;
421
- opacity: 0;
422
- z-index: 1;
423
- padding: 0;
424
- margin: 0;
425
-
426
- & + span {
427
- position: relative;
428
- display: block;
429
- height: ${ke(o.checkbox.size)};
430
- width: ${ke(o.checkbox.size)};
431
- box-sizing: border-box;
432
- box-shadow: ${rn({color:n.default.enabled.border,width:o.border.width})};
433
- border-radius: ${ke(a[2])};
434
- line-height: 1;
435
- background-color: ${n.default.enabled.bg};
436
-
437
- & > svg {
438
- display: block;
439
- position: absolute;
440
- opacity: 0;
441
- height: 100%;
442
- width: 100%;
443
-
444
- & > path {
445
- vector-effect: non-scaling-stroke;
446
- stroke-width: 2 !important;
447
- }
448
- }
449
- }
450
-
451
- &:not(:disabled):focus + span {
452
- box-shadow: ${on({border:{width:o.border.width,color:n.default.enabled.border},focusRing:r})};
453
- }
454
-
455
- &:not(:disabled):focus:not(:focus-visible) + span {
456
- box-shadow: ${rn({color:n.default.enabled.border,width:o.border.width})};
457
- }
458
-
459
- &:checked + span > svg:first-child {
460
- opacity: 1;
461
- }
462
-
463
- &[data-read-only] + span {
464
- background-color: ${n.default.readOnly.bg};
465
- box-shadow: ${rn({width:o.border.width,color:n.default.readOnly.border})};
466
- color: ${n.default.readOnly.fg};
467
- }
468
-
469
- &:not([data-read-only]):disabled + span {
470
- background-color: ${n.default.disabled.bg};
471
- box-shadow: ${rn({width:o.border.width,color:n.default.disabled.border})};
472
- color: ${n.default.disabled.fg};
473
- }
474
-
475
- &:indeterminate + span > svg:last-child {
476
- opacity: 1;
477
- }
478
- `})),jr=te.forwardRef((function(e,t){const{checked:n,className:r,disabled:o,indeterminate:a,customValidity:i,readOnly:s,style:d}=e,l=U(e,c),u=Lt(t);return Ht(u,i),te.useEffect((()=>{u.current&&(u.current.indeterminate=a||!1)}),[a,u]),J.jsxs(kr,{className:r,"data-ui":"Checkbox",style:d,children:[J.jsx($r,Z(Z({"data-read-only":!o&&s?"":void 0},l),{},{checked:n,disabled:o||s,type:"checkbox",readOnly:s,ref:u})),J.jsxs("span",{children:[J.jsx(ie.CheckmarkIcon,{}),J.jsx(ie.RemoveIcon,{})]})]})}));function zr({theme:e}){const t=e.sanity.color.syntax;return{"&.atrule":{color:t.atrule},"&.attr-name":{color:t.attrName},"&.attr-value":{color:t.attrValue},"&.attribute":{color:t.attribute},"&.boolean":{color:t.boolean},"&.builtin":{color:t.builtin},"&.cdata":{color:t.cdata},"&.char":{color:t.char},"&.class":{color:t.class},"&.class-name":{color:t.className},"&.comment":{color:t.comment},"&.constant":{color:t.constant},"&.deleted":{color:t.deleted},"&.doctype":{color:t.doctype},"&.entity":{color:t.entity},"&.function":{color:t.function},"&.hexcode":{color:t.hexcode},"&.id":{color:t.id},"&.important":{color:t.important},"&.inserted":{color:t.inserted},"&.keyword":{color:t.keyword},"&.number":{color:t.number},"&.operator":{color:t.operator},"&.prolog":{color:t.prolog},"&.property":{color:t.property},"&.pseudo-class":{color:t.pseudoClass},"&.pseudo-element":{color:t.pseudoElement},"&.punctuation":{color:t.punctuation},"&.regex":{color:t.regex},"&.selector":{color:t.selector},"&.string":{color:t.string},"&.symbol":{color:t.symbol},"&.tag":{color:t.tag},"&.unit":{color:t.unit},"&.url":{color:t.url},"&.variable":{color:t.variable}}}const Sr=ge.default.pre((function(){return re.css`
479
- color: var(--card-code-fg-color);
480
-
481
- & code {
482
- font-family: inherit;
483
-
484
- &.refractor .token {
485
- ${zr}
486
- }
487
- }
488
-
489
- & a {
490
- color: inherit;
491
- text-decoration: underline;
492
- border-radius: 1px;
493
- }
494
-
495
- & [data-sanity-icon] {
496
- vertical-align: baseline;
497
- }
498
- `}),Ee),Er=te.forwardRef((function(e,t){const{children:n,language:r,size:o=2,weight:a}=e,i=U(e,u),s="string"==typeof r?r:void 0,d=!!s&&be.default.hasLanguage(s);return J.jsxs(Sr,Z(Z({"data-ui":"Code"},i),{},{$size:Me(o),$weight:a,ref:t,children:[!(s&&d)&&J.jsx("code",{children:n}),s&&d&&J.jsx(be.default,{inline:!0,language:s,value:String(n)})]}))})),Cr={width:"100%",margin:"0 auto"};function Rr(e){const{theme:t}=e,{container:n,media:r}=t.sanity;return $e(r,e.$width,(e=>({maxWidth:"auto"===e?"none":ke(n[e])})))}const Or=ge.default(nr)((function(){return Cr}),Rr),Tr=te.forwardRef((function(e,t){const{as:n,width:r=2}=e,o=U(e,f);return J.jsx(Or,Z(Z({"data-ui":"Container"},o),{},{$width:Me(r),forwardedAs:n,ref:t}))})),Mr=ge.default(nr)((function(){return[an,ln,cn,un,fn,hn,pn,gn,bn]})),Lr=te.forwardRef((function(e,t){const{as:n,autoRows:r,autoCols:o,autoFlow:a,columns:i,gap:s,gapX:d,gapY:l,rows:c,children:u}=e,f=U(e,h);return J.jsx(Mr,Z(Z({"data-as":"string"==typeof n?n:void 0,"data-ui":"Grid"},f),{},{$autoRows:Me(r),$autoCols:Me(o),$autoFlow:Me(a),$columns:Me(i),$gap:Me(s),$gapX:Me(d),$gapY:Me(l),$rows:Me(c),forwardedAs:n,ref:t,children:u}))}));const Hr=ge.default.div((function(e){const{$accent:t,$muted:n,theme:r}=e;return re.css`
499
- ${t&&re.css`
500
- color: var(--card-accent-fg-color);
501
- `}
502
-
503
- ${n&&re.css`
504
- color: var(--card-muted-fg-color);
505
- `}
506
-
507
- & code {
508
- font-family: ${r.sanity.fonts.code.family};
509
- border-radius: 1px;
510
- }
511
-
512
- & a {
513
- text-decoration: none;
514
- border-radius: 1px;
515
- color: var(--card-link-color);
516
- outline: none;
517
-
518
- @media (hover: hover) {
519
- &:hover {
520
- text-decoration: underline;
521
- }
522
- }
523
-
524
- &:focus {
525
- box-shadow: 0 0 0 1px var(--card-bg-color), 0 0 0 3px var(--card-focus-ring-color);
526
- }
527
-
528
- &:focus:not(:focus-visible) {
529
- box-shadow: none;
530
- }
531
- }
532
-
533
- & [data-sanity-icon] {
534
- vertical-align: baseline;
535
- }
536
- `}),Oe,Ce),Ar=ge.default.span`
537
- display: block;
538
- white-space: nowrap;
539
- text-overflow: ellipsis;
540
- overflow: hidden;
541
- `,Ir=te.forwardRef((function(e,t){const{accent:n=!1,align:r,children:o,muted:a=!1,size:i=2,textOverflow:s,weight:d}=e,l=U(e,p);let c=o;return"ellipsis"===s&&(c=J.jsx(Ar,{children:c})),J.jsx(Hr,Z(Z({"data-ui":"Heading"},l),{},{$accent:n,$align:Me(r),$muted:a,$size:Me(i),$weight:d,ref:t,children:J.jsx("span",{children:c})}))}));const _r=ge.default(nr)((function(){return{lineHeight:0,"&&:not([hidden])":{display:"block"},"& > div":{display:"inline-block",verticalAlign:"middle"}}}),(function(e){const{theme:t}=e;return $e(t.sanity.media,e.$space,(e=>{const n=ke(t.sanity.space[e]);return{margin:`-${n} 0 0 -${n}`,"& > div":{padding:`${n} 0 0 ${n}`}}}))})),Br=te.forwardRef((function(e,t){const{as:n,children:r,space:o}=e,a=U(e,g),i=te.useMemo((()=>Zn(r).filter(Boolean).map(((e,t)=>J.jsx("div",{children:e},t)))),[r]);return J.jsx(_r,Z(Z({"data-ui":"Inline"},a),{},{$space:Me(o),forwardedAs:n,ref:t,children:i}))}));const Fr=ge.default.kbd(Ln,(function(){return re.css`
542
- background: var(--card-bg-color);
543
- font: inherit;
544
- box-shadow: inset 0 0 0 1px var(--card-hairline-hard-color);
545
-
546
- &:not([hidden]) {
547
- display: inline-block;
548
- }
549
- `})),Pr=te.forwardRef((function(e,t){const{children:n,fontSize:r=1,padding:o=1,radius:a=2}=e,i=U(e,b);return J.jsx(Fr,Z(Z({"data-ui":"KBD"},i),{},{$radius:Me(a),ref:t,children:J.jsx(nr,{as:"span",padding:o,children:J.jsx(Er,{as:"span",muted:!0,size:r,children:n})})}))})),Dr=Symbol.for("@sanity/ui/context/boundaryElement");yt[Dr]=yt[Dr]||te.createContext(null);const Vr=yt[Dr];const Nr={version:0,element:null};function qr(){const e=te.useContext(Vr);if(e&&(!jt(e)||0!==e.version))throw new Error("useBoundaryElement(): the context value is not compatible");return e||Nr}const Wr=te.forwardRef((function(e,t){const n=Et(),{children:r,media:o=n.sanity.media}=e,a=U(e,m),i=Lt(t),[s,d]=te.useState(null),l=_e(s),c=te.useMemo((()=>{var e;return null!=(e=null==l?void 0:l.border.width)?e:window.innerWidth}),[l]),u=te.useMemo((()=>function(e,t){const n=[];for(let r=0;r<e.length;r+=1)e[r]>t&&n.push(r);return n}(o,c)),[o,c]),f=te.useMemo((()=>function(e,t){const n=[];for(let r=0;r<e.length;r+=1)e[r]<=t&&n.push(r);return n}(o,c)),[o,c]),h=te.useCallback((e=>{i.current=e,d(e)}),[i]);return J.jsx("div",Z(Z({"data-ui":"ElementQuery"},a),{},{"data-eq-max":u.length?u.join(" "):void 0,"data-eq-min":f.length?f.join(" "):void 0,ref:h,children:r}))}));class Xr extends he.default.Component{constructor(){super(...arguments),this.state={error:null}}static getDerivedStateFromError(e){return{error:e}}componentDidCatch(e,t){this.props.onCatch({error:e,info:t})}render(){const{error:e}=this.state;if(e){const t="string"==typeof(null==e?void 0:e.message)?e.message:"Error";return J.jsx(Er,{children:t})}return this.props.children}}const Yr=Symbol.for("@sanity/ui/context/layer");yt[Yr]=yt[Yr]||te.createContext(null);const Kr=yt[Yr];function Ur(){const e=te.useContext(Kr);if(!e)throw new Error("useLayer(): missing context value");if(!jt(e)||0!==e.version)throw new Error("useLayer(): the context value is not compatible");return e}function Gr(e){const{children:t,zOffset:n=0}=e,r=te.useContext(Kr),o=Me(n),a=o.length-1,i=Math.min(Tt(),a),s=r?r.zIndex+o[i]:o[i],[d,l]=te.useState(0),c=te.useCallback((()=>(l((e=>e+1)),()=>l((e=>e-1)))),[]),u=null==r?void 0:r.registerChild;te.useEffect((()=>{if(u)return u()}),[u]);const f=te.useMemo((()=>({version:0,isTopLayer:0===d,registerChild:c,size:d,zIndex:s})),[d,c,s]);return J.jsx(Kr.Provider,{value:f,children:t})}const Zr=ge.default.div`
550
- position: relative;
551
- `,Qr=te.forwardRef((function(e,t){const{children:n,style:r=ye}=e,o=U(e,x),{zIndex:a}=Ur();return J.jsx(Zr,Z(Z({},o),{},{"data-ui":"Layer",ref:t,style:Z(Z({},r),{},{zIndex:a}),children:n}))})),Jr=te.forwardRef((function(e,t){const{children:n,zOffset:r=1}=e,o=U(e,v);return J.jsx(Gr,{zOffset:r,children:J.jsx(Qr,Z(Z({},o),{},{ref:t,children:n}))})})),eo=Symbol.for("@sanity/ui/context/portal"),to=Symbol.for("@sanity/ui/context/portal/element");yt[to]=null;const no={version:0,boundaryElement:null,get element(){return"undefined"==typeof window?null:(yt[to]||(yt[to]=document.createElement("div"),yt[to].setAttribute("data-portal",""),document.body.appendChild(yt[to])),yt[to])}};yt[eo]=yt[eo]||te.createContext(no);const ro=yt[eo];function oo(){const e=te.useContext(ro);if(!e)throw new Error("usePortal(): missing context value");if(!jt(e)||0!==e.version)throw new Error("usePortal(): the context value is not compatible");return e}function ao(e){var t;const{children:n,__unstable_name:r}=e,o=oo(),a=(r?o.elements&&o.elements[r]:o.element)||(null==(t=o.elements)?void 0:t.default);return a?me.default.createPortal(n,a):null}function io(e){const t=te.useRef(e);return function(e,t){if(!e||!t)return e===t;const n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;return n.every((n=>e[n]===t[n]))}(t.current,e)||(t.current=e),t.current}const so="undefined"!=typeof window;const lo=ge.default.div`
552
- display: block;
553
- width: 0;
554
- height: 0;
555
- position: absolute;
556
- overflow: hidden;
557
- `,co=te.forwardRef((function(e,t){const{as:n,children:r}=e;return J.jsx(lo,{"aria-hidden":!0,as:n,"data-ui":"SrOnly",ref:t,children:r})}));function uo(e){const t=requestAnimationFrame(e);return()=>{cancelAnimationFrame(t)}}function fo(e){return po(e)||bo(e)}function ho(e){return e instanceof Node&&e.nodeType===Node.ELEMENT_NODE}function po(e){return ho(e)&&"A"===e.nodeName}function go(e){return ho(e)&&"INPUT"===e.nodeName}function bo(e){return ho(e)&&"BUTTON"===e.nodeName}function mo(e){return ho(e)&&"SELECT"===e.nodeName}function xo(e){return ho(e)&&"TEXTAREA"===e.nodeName}function vo(e){return Boolean(document.activeElement)&&e.contains(document.activeElement)}function yo(e){return e.tabIndex>0||0===e.tabIndex&&null!==e.getAttribute("tabIndex")||(po(e)?Boolean(e.href)&&"ignore"!==e.rel:go(e)?"hidden"!==e.type&&"file"!==e.type&&!e.disabled:!!(bo(e)||mo(e)||xo(e))&&!e.disabled)}function wo(e){if(!yo(e))return!1;try{e.focus()}catch(e){}return document.activeElement===e}function ko(e){for(let t=0;t<e.childNodes.length;t++){const n=e.childNodes[t];if(ho(n)&&(wo(n)||ko(n)))return!0}return!1}function $o(e){for(let t=e.childNodes.length-1;t>=0;t--){const n=e.childNodes[t];if(ho(n)&&(wo(n)||$o(n)))return!0}return!1}function jo(e){if(!(e instanceof Element))return!1;const t=window.getComputedStyle(e);return t.overflowX.includes("auto")||t.overflowX.includes("scroll")||t.overflowY.includes("auto")||t.overflowY.includes("scroll")}const zo=ge.default.div`
558
- position: relative;
559
- `,So=ge.default.div`
560
- position: absolute;
561
- left: 0;
562
- right: 0;
563
- `,Eo=te.forwardRef((function(e,t){const{as:n="div",gap:r=0,getItemKey:o,items:a=[],onChange:i,renderItem:s}=e,d=U(e,y),{space:l}=Et().sanity,c=Lt(t),u=te.useRef(null),[f,h]=te.useState(0),[p,g]=te.useState(0),[b,m]=te.useState(-1);te.useEffect((()=>{if(!u.current)return;const e=u.current.firstChild;e instanceof HTMLElement&&m(e.offsetHeight)}),[s]),te.useEffect((()=>{if(!c.current)return;let e=c.current.parentNode;for(;e&&!jo(e);)e=e.parentNode;if(e){const t=e;if(!(t instanceof HTMLElement))return;const n=()=>{h(t.scrollTop)};t.addEventListener("scroll",n,{passive:!0});const r=new Ae((e=>{g(e[0].contentRect.height)}));return r.observe(t),n(),()=>{t.removeEventListener("scroll",n),r.unobserve(t),r.disconnect()}}const t=()=>{h(window.scrollY)},n=()=>{g(window.innerHeight)};return window.addEventListener("scroll",t,{passive:!0}),window.addEventListener("resize",n),g(window.innerHeight),t(),()=>{window.removeEventListener("scroll",t),window.removeEventListener("resize",n)}}),[c]);const x=a.length,v=b?x*(b+l[r])-l[r]:0,w=v?Math.max(Math.floor(f/v*x)-2,0):0,k=v?Math.ceil((f+p)/v*x)+1:0;te.useEffect((()=>{i&&i({fromIndex:w,gap:l[r],itemHeight:b,scrollHeight:p,scrollTop:f,toIndex:k})}),[w,r,b,i,p,f,l,k]);const $=te.useMemo((()=>s&&0!==a.length?-1===b?[J.jsx(So,{children:s(a[0])},0)]:a.slice(w,k).map(((e,t)=>{const n=w+t,a=s(e),i=o?o(e,n):n;return J.jsx(So,{style:{top:n*(b+l[r])},children:a},i)})):null),[w,r,o,b,a,s,l,k]),j=te.useMemo((()=>({height:v})),[v]);return J.jsx(zo,Z(Z({as:n,"data-ui":"VirtualList"},d),{},{ref:c,children:J.jsx("div",{ref:u,style:j,children:$})}))})),Co=ge.default.div`
564
- position: absolute;
565
- pointer-events: none;
566
- width: 27px;
567
- height: 27px;
568
- fill: none;
569
-
570
- :empty + & {
571
- display: none;
572
- }
573
-
574
- & > svg {
575
- display: block;
576
- transform-origin: 13.5px 13.5px;
577
- }
578
-
579
- [data-popper-placement^='top'] > div > & {
580
- bottom: -27px;
581
- }
582
-
583
- [data-popper-placement^='right'] > div > & {
584
- left: -27px;
585
-
586
- & > svg {
587
- transform: rotate(90deg);
588
- }
589
- }
590
-
591
- [data-popper-placement^='left'] > div > & {
592
- right: -27px;
593
-
594
- & > svg {
595
- transform: rotate(-90deg);
596
- }
597
- }
598
-
599
- [data-popper-placement^='bottom'] > div > & {
600
- top: -27px;
601
-
602
- & > svg {
603
- transform: rotate(180deg);
604
- }
605
- }
606
- `,Ro=ge.default.path`
607
- fill: var(--card-shadow-outline-color);
608
- `,Oo=ge.default.path`
609
- fill: var(--card-bg-color);
610
- `,To=te.forwardRef((function(e,t){return J.jsx(Co,Z(Z({"data-ui":"PopoverArrow"},e),{},{ref:t,children:J.jsxs("svg",{width:"27",height:"11",viewBox:"0 0 27 11",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[J.jsx(Ro,{d:"M1.18708 1C3.29803 1.0011 5.29585 1.95479 6.62414 3.59561L11.1683 9.20895C12.369 10.6922 14.631 10.6922 15.8317 9.20894L20.3759 3.59561C21.7042 1.95478 23.702 1.0011 25.8129 1H21.9436C21.0533 1.49255 20.2545 2.15618 19.5986 2.96641L15.0545 8.57975C14.254 9.56855 12.746 9.56855 11.9455 8.57975L7.40139 2.96642C6.74548 2.15618 5.94673 1.49255 5.05643 1H1.18708Z"}),J.jsx(Oo,{d:"M1.18342 0C3.59749 0 5.88246 1.0901 7.40138 2.96642L11.9455 8.57975C12.746 9.56855 14.254 9.56855 15.0545 8.57975L19.5986 2.96641C21.1175 1.0901 23.4025 0 25.8166 0H27H0H1.18342Z"})]})}))}));function Mo(e){const{allowedAutoPlacements:t,arrow:n,arrowElement:r,boundaryElement:o,constrainSize:a,distance:i,fallbackPlacements:s,margins:d,matchReferenceWidth:l,open:c,preventOverflow:u,skidding:f,tether:h,tetherOffset:p}=e;return te.useMemo((()=>function(e){const{allowedAutoPlacements:t,arrow:n,arrowElement:r,boundaryElement:o,constrainSize:a,distance:i,fallbackPlacements:s,margins:d,matchReferenceWidth:l,open:c,preventOverflow:u,skidding:f,tether:h,tetherOffset:p}=e;if(!c)return[];const g={altAxis:!a,boundary:o||void 0,padding:8,tether:h,tetherOffset:p};return[a&&Z(Z({},xe.default),{},{options:g}),a&&{name:"applyMaxSize",enabled:!0,phase:"beforeWrite",requires:["maxSize"],fn({state:e}){const{width:t,height:n}=e.modifiersData.maxSize;e.styles.popper=Z(Z({},e.styles.popper),{},{maxWidth:`${t}px`,maxHeight:`${n}px`})}},n&&{name:"arrow",options:{element:r,padding:4}},(a||u)&&{name:"preventOverflow",options:g},{name:"offset",options:{offset:[f,i]}},d&&{name:"margins",enabled:!0,phase:"beforeRead",fn:({state:e})=>{const{rects:t}=e;t.reference&&(t.reference.x+=d[3],t.reference.y+=d[1],t.reference.width-=d[1]+d[3],t.reference.height-=d[0]+d[2])}},{name:"flip",options:{allowedAutoPlacements:t,boundary:o||void 0,fallbackPlacements:s,padding:8}},l&&{name:"matchWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn({state:e}){const{width:t}=e.rects.reference;e.styles.popper.width=`${t}px`},effect:({state:e})=>{const t=e.elements.reference;t instanceof HTMLElement&&(e.elements.popper.style.width=t.offsetWidth-(d?d[1]+d[3]:0)+"px")}}].filter(Boolean)}({allowedAutoPlacements:t,arrow:n,arrowElement:r,boundaryElement:o,constrainSize:a,distance:i,fallbackPlacements:s,margins:d,matchReferenceWidth:l,open:c,preventOverflow:u,skidding:f,tether:h,tetherOffset:p})),[t,n,r,o,a,i,s,d,l,c,u,f,h,p])}const Lo=ge.default(Jr)((({$preventOverflow:e})=>re.css`
611
- pointer-events: none;
612
- display: flex;
613
- flex-direction: column;
614
- max-width: calc(100% - 16px);
615
-
616
- & > * {
617
- min-height: 0;
618
- }
619
-
620
- /* Hide the popover when the reference element is out of bounds */
621
- ${e&&re.css`
622
- &[data-popper-reference-hidden='true'] {
623
- display: none;
624
- }
625
- `}
626
- `)),Ho=ge.default(wr)((({$constrainSize:e})=>re.css`
627
- flex: 1;
628
- max-height: ${e&&"100%"};
629
- pointer-events: all;
630
-
631
- && {
632
- display: flex;
633
- }
634
-
635
- flex-direction: column;
636
-
637
- & > * {
638
- min-height: 0;
639
- }
640
-
641
- ${Rr}
642
- `)),Ao=te.forwardRef((function(e,t){var n;const r=qr(),o=Et(),{__unstable_margins:a,allowedAutoPlacements:i,arrow:s=!0,boundaryElement:d=r.element,children:l,content:c,constrainSize:u,disabled:f,fallbackPlacements:h,open:p=!1,padding:g,placement:b="bottom",portal:m=!1,preventOverflow:x,radius:v=3,referenceElement:y,matchReferenceWidth:k,shadow:$=3,scheme:j,style:z=ye,tether:S,tetherOffset:E,tone:C="inherit",width:R=0,zOffset:O=(null==(n=o.sanity.layer)?void 0:n.popover.zOffset)}=e,T=U(e,w),M=Lt(t),L=oo(),[H,A]=te.useState(null),[I,_]=te.useState(null),[B,F]=te.useState(null),P=y||H,D=Me(k?"auto":R),V=Mo({allowedAutoPlacements:i,arrow:s,arrowElement:B,boundaryElement:d||L.boundaryElement,constrainSize:u,distance:s?4:0,fallbackPlacements:h,margins:a,matchReferenceWidth:k,open:p,preventOverflow:x,skidding:0,tether:S,tetherOffset:E}),N=de.usePopper(P,I,{placement:b,modifiers:V}),{attributes:q,forceUpdate:W,styles:X}=N,Y=te.useCallback((e=>{const t=l.ref;A(e),"function"==typeof t?t(e):t&&(t.current=e)}),[l]),K=te.useCallback((e=>{_(e),M.current=e}),[M]),G=te.useMemo((()=>Z(Z({},z),X.popper)),[z,X]),Q=te.useRef(null);if(te.useEffect((()=>{Q.current&&(clearTimeout(Q.current),Q.current=null),Q.current=setTimeout((()=>{if(W)try{W()}catch(e){}}),0)}),[c,W,p,P]),f)return l||J.jsx(J.Fragment,{});const ee=J.jsx(Lo,Z(Z(Z({"data-ui":"Popover"},T),{},{$preventOverflow:x,ref:K,style:G,zOffset:O},q.popper),{},{children:J.jsxs(Ho,{$constrainSize:u,$width:D,"data-ui":"PopoverCard",padding:g,radius:v,scheme:j,shadow:$,tone:C,children:[s&&J.jsx(To,{ref:F,style:X.arrow}),c]})}));return J.jsxs(J.Fragment,{children:[l&&!y?te.cloneElement(l,{ref:Y}):l||J.jsx(J.Fragment,{}),p&&J.jsxs(J.Fragment,{children:[m&&J.jsx(ao,{__unstable_name:"string"==typeof m?m:void 0,children:ee}),!m&&ee]})]})}));const Io=ge.default.div((function(){return re.css`
643
- position: relative;
644
-
645
- &:not([hidden]) {
646
- display: inline-block;
647
- }
648
-
649
- &[data-read-only] {
650
- outline: 1px solid red;
651
- }
652
- `})),_o=ge.default.input((function(e){const{theme:t}=e,{focusRing:n,input:r}=t.sanity,o=t.sanity.color.input,a=(r.radio.size-r.radio.markSize)/2;return re.css`
653
- appearance: none;
654
- position: absolute;
655
- top: 0;
656
- left: 0;
657
- opacity: 0;
658
- height: 100%;
659
- width: 100%;
660
- outline: none;
661
- z-index: 1;
662
- padding: 0;
663
- margin: 0;
664
- border-radius: ${ke(r.radio.size/2)};
665
- border: none;
666
-
667
- /* enabled */
668
- & + span {
669
- display: block;
670
- position: relative;
671
- height: ${ke(r.radio.size)};
672
- width: ${ke(r.radio.size)};
673
- border-radius: ${ke(r.radio.size/2)};
674
- background: ${o.default.enabled.bg};
675
- box-shadow: ${rn({color:o.default.enabled.border,width:r.border.width})};
676
-
677
- &::after {
678
- content: '';
679
- position: absolute;
680
- top: ${ke(a)};
681
- left: ${ke(a)};
682
- height: ${ke(r.radio.markSize)};
683
- width: ${ke(r.radio.markSize)};
684
- border-radius: ${ke(r.radio.markSize/2)};
685
- background: ${o.default.enabled.fg};
686
- opacity: 0;
687
- }
688
- }
689
-
690
- /* focused */
691
- &:not(:disabled):focus + span {
692
- box-shadow: ${on({border:{width:r.border.width,color:o.default.enabled.border},focusRing:n})};
693
- }
694
-
695
- &:not(:disabled):focus:not(:focus-visible) + span {
696
- box-shadow: ${rn({color:o.default.enabled.border,width:r.border.width})};
697
- }
698
-
699
- &:checked + span::after {
700
- opacity: 1;
701
- }
702
-
703
- /* read only */
704
- &[data-read-only] + span {
705
- box-shadow: 0 0 0 1px ${o.default.readOnly.border};
706
- background: ${o.default.readOnly.bg};
707
-
708
- &::after {
709
- background: ${o.default.readOnly.fg};
710
- }
711
- }
712
-
713
- /* disabled */
714
- &:not([data-read-only]):disabled + span {
715
- box-shadow: 0 0 0 1px ${o.default.disabled.border};
716
- background: ${o.default.disabled.bg};
717
-
718
- &::after {
719
- background: ${o.default.disabled.fg};
720
- }
721
- }
722
- `})),Bo=te.forwardRef((function(e,t){const{className:n,disabled:r,style:o,customValidity:a,readOnly:i}=e,s=U(e,k),d=Lt(t);return Ht(d,a),J.jsxs(Io,{className:n,"data-ui":"Radio",style:o,children:[J.jsx(_o,Z(Z({"data-read-only":!r&&i?"":void 0},s),{},{disabled:r||i,readOnly:i,ref:d,type:"radio"})),J.jsx("span",{})]})}));function Fo(e){const{theme:t}=e,n=t.sanity.fonts.text;return re.css`
723
- -webkit-font-smoothing: antialiased;
724
- appearance: none;
725
- border: 0;
726
- font-family: ${n.family};
727
- color: inherit;
728
- width: 100%;
729
- outline: none;
730
- margin: 0;
731
-
732
- &:disabled {
733
- opacity: 1;
734
- }
735
- `}function Po(e){const{theme:t}=e,{focusRing:n,input:r}=t.sanity,o=t.sanity.color.input;return re.css`
736
- /* enabled */
737
- background-color: ${o.default.enabled.bg};
738
- color: ${o.default.enabled.fg};
739
- box-shadow: ${rn({color:o.default.enabled.border,width:r.border.width})};
740
-
741
- /* hovered */
742
- @media (hover: hover) {
743
- &:not(:disabled):hover {
744
- background-color: ${o.default.hovered.bg};
745
- color: ${o.default.hovered.fg};
746
- box-shadow: ${rn({color:o.default.hovered.border,width:r.border.width})};
747
- }
748
- }
749
-
750
- /* focused */
751
- &:not(:disabled):focus {
752
- box-shadow: ${on({border:{width:r.border.width,color:o.default.enabled.border},focusRing:n})};
753
- }
754
-
755
- /* read-only */
756
- &[data-read-only] {
757
- background-color: ${o.default.readOnly.bg};
758
- color: ${o.default.readOnly.fg};
759
- box-shadow: ${rn({color:o.default.readOnly.border,width:r.border.width})};
760
- }
761
-
762
- /* disabled */
763
- &:not([data-read-only]):disabled {
764
- background-color: ${o.default.disabled.bg};
765
- color: ${o.default.disabled.fg};
766
- box-shadow: ${rn({color:o.default.disabled.border,width:r.border.width})};
767
- }
768
- `}function Do(e){const{theme:t,$fontSize:n}=e,{sizes:r}=t.sanity.fonts.text;return $e(t.sanity.media,n,(e=>{return{fontSize:ke((t=r[e]||r[2]).fontSize),lineHeight:ke(t.lineHeight)};var t}))}const Vo=function(){return re.css`
769
- position: relative;
770
- width: stretch;
771
-
772
- &:not([hidden]) {
773
- display: inline-block;
774
- }
775
- `},No=function(){return[Ln,Fo,Po,Do,Sn]},qo=function(e){const{theme:t}=e,n=t.sanity.color.input;return re.css`
776
- pointer-events: none;
777
- position: absolute;
778
- top: 0;
779
- right: 0;
780
-
781
- /* enabled */
782
- --card-fg-color: ${n.default.enabled.fg};
783
-
784
- /* hover */
785
- @media (hover: hover) {
786
- select:not(disabled):not(:read-only):hover + && {
787
- --card-fg-color: ${n.default.hovered.fg};
788
- }
789
- }
790
-
791
- /* disabled */
792
- select:disabled + && {
793
- --card-fg-color: ${n.default.disabled.fg};
794
- }
795
-
796
- /* read-only */
797
- select[data-read-only] + && {
798
- --card-fg-color: ${n.default.readOnly.fg};
799
- }
800
- `},Wo=ge.default.div(Vo),Xo=ge.default.select(No),Yo=ge.default(nr)(qo),Ko=te.forwardRef((function(e,t){const{children:n,customValidity:r,disabled:o,fontSize:a=2,padding:i=3,radius:s=1,readOnly:d,space:l=3}=e,c=U(e,$),u=Lt(t);return Ht(u,r),J.jsxs(Wo,{"data-ui":"Select",children:[J.jsx(Xo,Z(Z({"data-read-only":!o&&d?"":void 0,"data-ui":"Select"},c),{},{$fontSize:Me(a),$padding:Me(i),$radius:Me(s),$space:Me(l),disabled:o||d,ref:u,children:n})),J.jsx(Yo,{padding:i,children:J.jsx(_n,{size:a,children:J.jsx(ie.SelectIcon,{})})})]})})),Uo={"&&:not([hidden])":{display:"grid"},'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"},gridTemplateColumns:"minmax(0, 1fr)",gridAutoRows:"min-content"};const Go=ge.default(nr)((function(){return Uo}),(function(e){const{theme:t}=e,{media:n,space:r}=t.sanity;return $e(n,e.$space,(e=>({gridGap:ke(r[e])})))})),Zo=te.forwardRef((function(e,t){const{as:n,space:r}=e,o=U(e,j);return J.jsx(Go,Z(Z({"data-as":"string"==typeof n?n:void 0,"data-ui":"Stack"},o),{},{$space:Me(r),forwardedAs:n,ref:t}))}));const Qo=ge.default.span((function(){return re.css`
801
- position: relative;
802
- &:not([hidden]) {
803
- display: inline-block;
804
- }
805
- `})),Jo=ge.default.input((function(){return re.css`
806
- position: absolute;
807
- top: 0;
808
- right: 0;
809
- bottom: 0;
810
- left: 0;
811
- opacity: 0;
812
- height: 100%;
813
- width: 100%;
814
- outline: none;
815
- padding: 0;
816
- margin: 0;
817
-
818
- /* Place the input element above the representation element */
819
- z-index: 1;
820
- `})),ea=ge.default.span((function(e){const{theme:t}=e,{focusRing:n,input:r}=t.sanity,o=t.sanity.color.button.default;return re.css`
821
- --switch-bg-color: ${o.default.enabled.bg};
822
- --switch-fg-color: ${o.default.enabled.fg};
823
- --switch-box-shadow: none;
824
-
825
- &:not([hidden]) {
826
- display: block;
827
- }
828
- position: relative;
829
- width: ${ke(r.switch.width)};
830
- height: ${ke(r.switch.height)};
831
- border-radius: ${ke(r.switch.height/2)};
832
-
833
- /* Make sure it’s not possible to interact with the wrapper element */
834
- pointer-events: none;
835
-
836
- &:after {
837
- content: '';
838
- display: block;
839
- position: absolute;
840
- top: 0;
841
- left: 0;
842
- right: 0;
843
- bottom: 0;
844
- z-index: 1;
845
- box-shadow: var(--switch-box-shadow);
846
- border-radius: inherit;
847
- }
848
-
849
- /* Focus styles */
850
- input:focus + && {
851
- --switch-box-shadow: ${on({focusRing:n})};
852
- }
853
-
854
- input:focus:not(:focus-visible) + && {
855
- --switch-box-shadow: none;
856
- }
857
-
858
- input:checked + && {
859
- --switch-bg-color: ${o.positive.enabled.bg};
860
- --switch-fg-color: ${o.positive.enabled.fg};
861
- }
862
-
863
- @media (hover: hover) {
864
- input:not(:disabled):hover + && {
865
- --switch-bg-color: ${o.default.hovered.bg};
866
- --switch-fg-color: ${o.default.hovered.fg};
867
- }
868
-
869
- input:not(:disabled):checked:hover + && {
870
- --switch-bg-color: ${o.positive.hovered.bg};
871
- --switch-fg-color: ${o.positive.hovered.fg};
872
- }
873
- }
874
-
875
- input:not([data-read-only]):disabled + && {
876
- --switch-bg-color: ${o.default.disabled.bg};
877
- --switch-fg-color: ${o.default.disabled.fg};
878
- }
879
- `})),ta=ge.default.span((function(e){const{theme:t}=e,{input:n}=t.sanity;return re.css`
880
- &:not([hidden]) {
881
- display: block;
882
- }
883
- background-color: var(--switch-bg-color);
884
- position: absolute;
885
- left: 0;
886
- top: 0;
887
- width: ${ke(n.switch.width)};
888
- height: ${ke(n.switch.height)};
889
- border-radius: ${ke(n.switch.height/2)};
890
- `})),na=ge.default.span((function(e){const{$indeterminate:t,theme:n}=e,{input:r}=n.sanity,o=r.switch.width,a=r.switch.height,i=r.switch.padding,s=a-2*r.switch.padding,d=o-2*i-s,l=o/2-s/2-i,c=!0!==t&&!0===e.$checked;return re.css`
891
- &:not([hidden]) {
892
- display: block;
893
- }
894
- position: absolute;
895
- left: ${ke(i)};
896
- top: ${ke(i)};
897
- height: ${ke(s)};
898
- width: ${ke(s)};
899
- border-radius: ${ke(s/2)};
900
- transition-property: transform;
901
- transition-duration: ${r.switch.transitionDurationMs}ms;
902
- transition-timing-function: ${r.switch.transitionTimingFunction};
903
- background: var(--switch-fg-color);
904
- transform: translate3d(0, 0, 0);
905
-
906
- ${c&&re.css`
907
- transform: translate3d(${d}px, 0, 0);
908
- `}
909
-
910
- ${t&&re.css`
911
- transform: translate3d(${l}px, 0, 0);
912
- `}
913
- `})),ra=te.forwardRef((function(e,t){const{checked:n,className:r,disabled:o,indeterminate:a,readOnly:i,style:s}=e,d=U(e,z),l=Lt(t);return te.useEffect((()=>{l.current&&(l.current.indeterminate=a||!1)}),[a,l]),J.jsxs(Qo,{className:r,"data-ui":"Switch",style:s,children:[J.jsx(Jo,Z(Z({"data-read-only":!o&&i?"":void 0},d),{},{checked:!0!==a&&n,disabled:o||i,type:"checkbox",ref:l})),J.jsxs(ea,{"aria-hidden":!0,"data-name":"representation",children:[J.jsx(ta,{}),J.jsx(na,{$checked:n,$indeterminate:a})]})]})})),oa=ge.default.span(Cn),aa=ge.default.span`
914
- flex: 1;
915
- min-width: 0;
916
- display: block;
917
- position: relative;
918
- `,ia=ge.default.textarea(zn,Rn,On),sa=ge.default.div(Ln,Tn),da=te.forwardRef((function(e,t){const{border:n=!0,customValidity:r,disabled:o=!1,fontSize:a=2,padding:i=3,radius:s=1,weight:d}=e,l=U(e,S),c=Lt(t),u=zt();return Ht(c,r),J.jsx(oa,{"data-ui":"TextArea",children:J.jsxs(aa,{children:[J.jsx(ia,Z(Z({"data-as":"textarea","data-scheme":u.scheme,"data-tone":u.tone},l),{},{$fontSize:Me(a),$padding:Me(i),$scheme:u.scheme,$space:Me(0),$tone:u.tone,$weight:d,disabled:o,ref:c})),J.jsx(sa,{$border:n,$radius:Me(s),$scheme:u.scheme,$tone:u.tone,"data-scheme":u.scheme,"data-tone":u.tone})]})})})),la={zIndex:2},ca=ge.default(wr).attrs({forwardedAs:"span"})(Cn),ua=ge.default.span`
919
- flex: 1;
920
- min-width: 0;
921
- display: block;
922
- position: relative;
923
- `,fa=ge.default(wr).attrs({forwardedAs:"span"})`
924
- border-top-right-radius: 0;
925
- border-bottom-right-radius: 0;
926
-
927
- & > span {
928
- display: block;
929
- margin: -1px;
930
- }
931
- `,ha=ge.default(wr).attrs({forwardedAs:"span"})`
932
- border-top-left-radius: 0;
933
- border-bottom-left-radius: 0;
934
-
935
- & > span {
936
- display: block;
937
- margin: -1px;
938
- }
939
- `,pa=ge.default.input(zn,Rn,On),ga=ge.default.span(Ln,Tn),ba=ge.default(nr)`
940
- position: absolute;
941
- top: 0;
942
- left: 0;
943
- `,ma=ge.default(nr)`
944
- position: absolute;
945
- top: 0;
946
- right: 0;
947
- `,xa=ge.default(wr)`
948
- background-color: transparent;
949
- position: absolute;
950
- top: 0;
951
- right: 0;
952
- `,va=te.forwardRef((function(e,t){const{border:n=!0,clearButton:r,disabled:o=!1,fontSize:a=2,icon:i,iconRight:s,onClear:d,padding:l=3,prefix:c,radius:u=1,readOnly:f,space:h=3,suffix:p,customValidity:g,type:b="text",weight:m}=e,x=U(e,E),v=Lt(t),y=zt(),w=Me(a),k=Me(l),$=Me(u),j=Me(h),z=Boolean(r),S=Boolean(i),C=Boolean(s),R=Boolean(p),O=Boolean(c);Ht(v,g);const T=te.useCallback((e=>{e.preventDefault(),e.stopPropagation()}),[]),M=te.useCallback((e=>{var t;e.preventDefault(),e.stopPropagation(),d&&d(),null==(t=v.current)||t.focus()}),[d,v]),L=te.useMemo((()=>c&&J.jsx(fa,{borderTop:!0,borderLeft:!0,borderBottom:!0,radius:$,sizing:"border",tone:"inherit",children:J.jsx("span",{children:c})})),[c,$]),H=te.useMemo((()=>J.jsxs(ga,{$border:n,$hasPrefix:O,$hasSuffix:R,$radius:$,$scheme:y.scheme,$tone:y.tone,"data-scheme":y.scheme,"data-tone":y.tone,children:[i&&J.jsx(ba,{padding:k,children:J.jsxs(_n,{size:w,children:[te.isValidElement(i)&&i,ne.isValidElementType(i)&&te.createElement(i)]})}),!z&&s&&J.jsx(ma,{padding:k,children:J.jsxs(_n,{size:w,children:[te.isValidElement(s)&&s,ne.isValidElementType(s)&&te.createElement(s)]})})]})),[n,w,i,s,k,$,y,z,O,R]),A=te.useMemo((()=>k.map((e=>0===e?0:1===e||2===e?1:e-2))),[k]),I=te.useMemo((()=>k.map((e=>0===e||1===e?0:2===e?1:e-1))),[k]),_=te.useMemo((()=>"object"==typeof r?r:ye),[r]),B=te.useMemo((()=>!o&&!f&&r&&J.jsx(xa,{forwardedAs:"span",padding:A,style:la,tone:g?"critical":"inherit",children:J.jsx(mr,Z(Z({"data-qa":"clear-button",fontSize:w,icon:ie.CloseIcon,mode:"bleed",padding:I,radius:$},_),{},{onClick:M,onMouseDown:T}))})),[r,A,I,_,g,o,w,M,T,$,f]),F=te.useMemo((()=>p&&J.jsx(ha,{borderTop:!0,borderRight:!0,borderBottom:!0,radius:$,sizing:"border",tone:"inherit",children:J.jsx("span",{children:p})})),[$,p]);return J.jsxs(ca,{"data-ui":"TextInput",tone:y.tone,children:[L,J.jsxs(ua,{children:[J.jsx(pa,Z(Z({"data-as":"input","data-scheme":y.scheme,"data-tone":y.tone},x),{},{$fontSize:w,$iconLeft:S,$iconRight:C||z,$padding:k,$scheme:y.scheme,$space:j,$tone:y.tone,$weight:m,disabled:o,readOnly:f,ref:v,type:b})),H,B]}),F]})})),ya=ge.default.div`
953
- position: absolute;
954
- width: 15px;
955
- height: 15px;
956
- fill: none;
957
-
958
- :empty + & {
959
- display: none;
960
- }
961
-
962
- & > svg {
963
- &:not([hidden]) {
964
- display: block;
965
- }
966
- transform-origin: 7.5px 7.5px;
967
- }
968
-
969
- [data-popper-placement^='top'] > div > & {
970
- bottom: -15px;
971
- }
972
-
973
- [data-popper-placement^='right'] > div > & {
974
- left: -15px;
975
-
976
- & > svg {
977
- transform: rotate(90deg);
978
- }
979
- }
980
-
981
- [data-popper-placement^='left'] > div > & {
982
- right: -15px;
983
-
984
- & > svg {
985
- transform: rotate(-90deg);
986
- }
987
- }
988
-
989
- [data-popper-placement^='bottom'] > div > & {
990
- top: -15px;
991
-
992
- & > svg {
993
- transform: rotate(180deg);
994
- }
995
- }
996
- `,wa=ge.default.path`
997
- fill: var(--card-shadow-outline-color);
998
- `,ka=ge.default.path`
999
- fill: var(--card-bg-color);
1000
- `,$a=te.forwardRef((function(e,t){const n=K({},e);return J.jsx(ya,Z(Z({},n),{},{ref:t,children:J.jsxs("svg",{width:"15",height:"15",viewBox:"0 0 15 15",children:[J.jsx(wa,{d:"M11.5266 1C11.032 1.32802 10.5837 1.73105 10.1995 2.20057L9.04792 3.6081C8.24771 4.58614 6.7523 4.58614 5.95209 3.6081L4.80047 2.20057C4.41632 1.73105 3.96796 1.32802 3.47341 1H0.156727C1.65639 1 3.07687 1.67313 4.02651 2.83381L5.17813 4.24134C6.37844 5.70839 8.62156 5.70839 9.82187 4.24134L10.9735 2.83381C11.9231 1.67313 13.3436 1 14.8433 1H11.5266Z"}),J.jsx(ka,{d:"M0.156725 0C1.95632 0 3.66089 0.80776 4.80047 2.20057L5.95209 3.6081C6.75229 4.58614 8.24771 4.58614 9.04791 3.6081L10.1995 2.20057C11.3391 0.80776 13.0437 0 14.8433 0H15H0H0.156725Z"})]})}))})),ja=ge.default(Jr)`
1001
- pointer-events: none;
1002
- `,za=te.forwardRef((function(e,t){var n;const r=qr(),o=Et(),{allowedAutoPlacements:a,boundaryElement:i=(null==r?void 0:r.element),children:s,content:d,disabled:l,fallbackPlacements:c,placement:u="bottom",portal:f,scheme:h,zOffset:p=(null==(n=o.sanity.layer)?void 0:n.tooltip.zOffset)}=e,g=U(e,C),b=Me(c),m=Lt(t),[x,v]=te.useState(null),[y,w]=te.useState(null),[k,$]=te.useState(null),j=de.usePopper(x,y,{placement:u,modifiers:[{name:"arrow",options:{element:k,padding:4}},{name:"preventOverflow",options:{altAxis:!0,boundary:i||void 0,padding:4}},{name:"offset",options:{offset:[0,3]}},{name:"flip",options:{allowedAutoPlacements:a,fallbackPlacements:b}}]}),{forceUpdate:z}=j,[S,E]=te.useState(!1),R=te.useCallback((()=>E(!1)),[]),O=te.useCallback((()=>E(!0)),[]),T=te.useCallback((()=>E(!0)),[]),M=te.useCallback((()=>E(!1)),[]);te.useEffect((()=>{if(S)return window.addEventListener("mousemove",e),()=>{window.removeEventListener("mousemove",e)};function e(t){if(!x)return;x===t.target||t.target instanceof Node&&x.contains(t.target)||(E(!1),window.removeEventListener("mousemove",e))}}),[S,x]);const L=te.useRef(null);te.useEffect((()=>{L.current&&(clearTimeout(L.current),L.current=null),L.current=setTimeout((()=>{if(z)try{z()}catch(e){}}),0)}),[z,d]),te.useEffect((()=>{l&&E(!1)}),[l]),te.useEffect((()=>{d||E(!1)}),[d]);if(!s)return J.jsx(J.Fragment,{});if(l)return s;const H={onBlur:R,onFocus:O,onMouseEnter:T,onMouseLeave:M,ref:v},A=te.cloneElement(s,H),I=J.jsx(ja,Z(Z(Z({"data-ui":"Tooltip"},g),j.attributes.popper),{},{ref:e=>{w(e),m.current=e},style:j.styles.popper,zOffset:p,children:J.jsxs(wr,{radius:2,scheme:h,shadow:3,children:[d,J.jsx($a,{ref:$,style:j.styles.arrow})]})}));return J.jsxs(J.Fragment,{children:[A,S&&J.jsxs(J.Fragment,{children:[f&&J.jsx(ao,{__unstable_name:"string"==typeof f?f:void 0,children:I}),!f&&I]})]})})),Sa=ge.default.div`
1003
- line-height: 0;
1004
- `,Ea=ge.default(nr)`
1005
- & > ul {
1006
- list-style: none;
1007
- padding: 0;
1008
- margin: 0;
1009
- }
1010
- `,Ca=ge.default(Ao)`
1011
- & > div {
1012
- overflow: auto;
1013
- -webkit-overflow-scrolling: touch;
1014
- }
1015
-
1016
- &[data-popper-reference-hidden='true'] {
1017
- display: none;
1018
- }
1019
- `,Ra=re.keyframes`
1020
- from {
1021
- transform: rotate(0deg);
1022
- }
1023
-
1024
- to {
1025
- transform: rotate(360deg);
1026
- }
1027
- `,Oa=ge.default(ie.SpinnerIcon)`
1028
- animation: ${Ra} 500ms linear infinite;
1029
- `;function Ta(e){const{children:t,id:n,onSelect:r,selected:o,value:a}=e,i=te.useCallback((()=>{setTimeout((()=>{r(a)}),0)}),[r,a]),s=te.useCallback((e=>{"Enter"!==e.key||fo(e.currentTarget)||i()}),[i]);return J.jsx("li",{"aria-selected":o,"data-ui":"AutocompleteOption",id:n,role:"option",onClick:i,onKeyDown:s,children:t})}function Ma(e,t){return"input/change"===t.type?Z(Z({},e),{},{activeValue:null,focused:!0,query:t.query}):"input/focus"===t.type?Z(Z({},e),{},{focused:!0}):"root/blur"===t.type?Z(Z({},e),{},{focused:!1,query:null}):"root/clear"===t.type?Z(Z({},e),{},{activeValue:null,query:null,value:null}):"root/escape"===t.type?Z(Z({},e),{},{focused:!1,query:null}):"root/open"===t.type?Z(Z({},e),{},{query:e.query||t.query}):"root/setActiveValue"===t.type?Z(Z({},e),{},{activeValue:t.value,listFocused:t.listFocused||e.listFocused}):"root/setListFocused"===t.type?e.listFocused===t.listFocused?e:Z(Z({},e),{},{listFocused:t.listFocused}):"value/change"===t.type?Z(Z({},e),{},{activeValue:t.value,query:null,value:t.value}):e}const La=["Control","Shift","Alt","Enter","Home","End","PageUp","PageDown","Meta","Tab","CapsLock"],Ha=[0,1,1,1],Aa=["top-start"],Ia=(e,t)=>t?t.value:e,_a=(e,t)=>t.value.toLowerCase().indexOf(e.toLowerCase())>-1,Ba=te.forwardRef((function(e,t){const{border:n=!0,customValidity:r,disabled:o,filterOption:a,fontSize:i=2,icon:s,id:d,listBox:l={},loading:c,onBlur:u,onChange:f,onFocus:h,onQueryChange:p,onSelect:g,openButton:b,options:m,padding:x=3,popover:v={},prefix:y,radius:w=3,readOnly:k,relatedElements:$,renderOption:j,renderPopover:z,renderValue:S=Ia,suffix:E,value:C}=e,O=U(e,R),[T,M]=te.useReducer(Ma,{activeValue:C||null,focused:!1,listFocused:!1,query:null,value:C||null}),{activeValue:L,focused:H,listFocused:A,query:I,value:_}=T,B=te.useCallback((({value:e})=>J.jsx(wr,{"data-as":"button",padding:x,radius:2,tone:"inherit",children:J.jsx(_n,{size:i,textOverflow:"ellipsis",children:e})})),[i,x]),F="function"==typeof j?j:B,P="function"==typeof a?a:_a,[D,V]=te.useState(null),[N,q]=te.useState(null),W=te.useRef(null),X=te.useRef(null),Y=te.useRef(null),K=te.useRef(_),G=te.useRef(C),Q=Lt(t),ee=te.useRef(!1),ne=`${d}-listbox`,re=Array.isArray(m)?m:ve,oe=Me(x),ae=te.useMemo((()=>null!==_?re.find((e=>e.value===_)):void 0),[re,_]),se=te.useMemo((()=>re.filter((e=>!I||P(I,e)))),[P,re,I]),de=se.length,le=L?`${d}-option-${L}`:void 0,ce=null!==I&&c||H&&null!==I,ue=te.useCallback((e=>{setTimeout((()=>{if(ee.current)return;const t=($||[]).concat(D?[D]:[],N?[N]:[]);let n=!1;if(document.activeElement)for(const e of t)if(e===document.activeElement||e.contains(document.activeElement)){n=!0;break}!1===n&&(M({type:"root/blur"}),ee.current=!1,p&&p(null),u&&u(e))}),0)}),[u,p,$,N,D]),fe=te.useCallback((e=>{const t=X.current,n=e.target instanceof HTMLElement?e.target:null;Y.current=n;const r=Boolean(t&&n&&t.contains(n));M({type:"root/setListFocused",listFocused:r})}),[]),he=te.useCallback((e=>{var t;M({type:"value/change",value:e}),ee.current=!1,g&&g(e),K.current=e,f&&f(e),p&&p(null),null==(t=W.current)||t.focus()}),[f,g,p]),pe=te.useCallback((e=>{var t,n;if("ArrowDown"===e.key){if(e.preventDefault(),!de)return;const t=se.find((e=>e.value===L)),n=t?se.indexOf(t):-1,r=se[(n+1)%de];return void(r&&M({type:"root/setActiveValue",value:r.value,listFocused:!0}))}if("ArrowUp"===e.key){if(e.preventDefault(),!de)return;const t=se.find((e=>e.value===L)),n=t?se.indexOf(t):-1,r=se[-1===n?de-1:(de+n-1)%de];return void(r&&M({type:"root/setActiveValue",value:r.value,listFocused:!0}))}if("Escape"===e.key)return M({type:"root/escape"}),ee.current=!1,p&&p(null),void(null==(t=W.current)||t.focus());const r=e.target,o=X.current;o!==r&&!(null==o?void 0:o.contains(r))||La.includes(e.key)||null==(n=W.current)||n.focus()}),[L,se,de,p]),ge=te.useCallback((e=>{const t=e.currentTarget.value;M({type:"input/change",query:t}),p&&p(t)}),[p]),be=te.useCallback((e=>{H||(M({type:"input/focus"}),h&&h(e))}),[H,h]),me=te.useCallback((()=>{ee.current=!0}),[]),xe=te.useCallback((()=>{ee.current=!1}),[]),we=te.useCallback((()=>{var e;M({type:"root/clear"}),K.current="",f&&f(""),p&&p(null),null==(e=W.current)||e.focus()}),[f,p]),ke=te.useCallback((()=>{M({type:"input/focus"})}),[]);te.useEffect((()=>{if(C!==G.current)return G.current=C,void(void 0!==C&&(M({type:"value/change",value:C}),K.current=C));C!==_&&M({type:"value/change",value:C||null})}),[C,_]),te.useEffect((()=>{H||K.current&&M({type:"root/setActiveValue",value:K.current})}),[H]),te.useEffect((()=>{const e=X.current;if(!e)return;const t=se.find((e=>e.value===L));if(t){const n=se.indexOf(t),r=e.childNodes[n];if(r){if(vo(r))return;ko(r)}}}),[L,se]);const $e=te.useCallback((e=>{W.current=e,Q.current=e}),[Q]),je=te.useMemo((()=>{if(!c&&!o&&_)return{"aria-label":"Clear",onFocus:ke}}),[o,ke,c,_]),ze=te.useMemo((()=>oe.map((e=>0===e?0:1===e||2===e?1:e-2))),[oe]),Se=te.useMemo((()=>oe.map((e=>0===e||1===e?0:2===e?1:e-1))),[oe]),Ee=te.useMemo((()=>"object"==typeof b?b:ye),[b]),Ce=te.useCallback((e=>{M({type:"root/open",query:_?S(_,ae):""}),Ee.onClick&&Ee.onClick(e),uo((()=>{var e;return null==(e=W.current)?void 0:e.focus()}))}),[ae,Ee,S,_]),Re=te.useMemo((()=>o||k||!b?void 0:J.jsx(nr,{"aria-hidden":ce,padding:ze,children:J.jsx(mr,Z(Z({"aria-label":"Open",disabled:ce,fontSize:i,icon:ie.ChevronDownIcon,mode:"bleed",padding:Se},Ee),{},{onClick:Ce}))})),[o,ce,i,Ce,b,ze,Se,Ee,k]),Oe=te.useMemo((()=>null===I?null!==_?S(_,ae):"":I),[ae,I,S,_]),Te=J.jsx(va,Z(Z({},O),{},{"aria-activedescendant":le,"aria-autocomplete":"list","aria-expanded":ce,"aria-owns":ne,autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",border:n,clearButton:je,customValidity:r,disabled:o,fontSize:i,icon:s,iconRight:c&&Oa,id:d,inputMode:"search",onChange:ge,onClear:we,onFocus:be,padding:oe,prefix:y,radius:w,readOnly:k,ref:$e,role:"combobox",spellCheck:!1,suffix:E||Re,value:Oe})),Le=te.useCallback((e=>{var t;"Tab"===e.key&&A&&(null==(t=W.current)||t.focus())}),[A]),He=te.useMemo((()=>0===se.length?null:J.jsx(Ea,Z(Z({"data-ui":"AutoComplete__results",onKeyDown:Le,padding:1},l),{},{tabIndex:-1,children:J.jsx(Zo,{as:"ul","aria-multiselectable":!1,"data-ui":"AutoComplete__resultsList",id:ne,ref:X,role:"listbox",space:1,children:se.map((e=>{const t=null!==L?e.value===L:ae===e;return J.jsx(Ta,{id:`${d}-option-${e.value}`,onSelect:he,selected:t,value:e.value,children:te.cloneElement(F(e),{disabled:c,selected:t,tabIndex:A&&t?0:-1})},e.value)}))})}))),[L,ae,se,he,Le,d,l,ne,A,c,F]),Ae=te.useMemo((()=>z?z({content:He,hidden:!ce,inputElement:W.current,onMouseEnter:me,onMouseLeave:xe},q):0===de?null:J.jsx(Ca,Z({__unstable_margins:Ha,arrow:!1,constrainSize:!0,content:He,fallbackPlacements:Aa,matchReferenceWidth:!0,onMouseEnter:me,onMouseLeave:xe,open:ce,placement:"bottom-start",portal:!0,radius:w,ref:q,referenceElement:W.current},v))),[He,ce,de,me,xe,v,w,z]);return J.jsxs(Sa,{"data-ui":"Autocomplete",onBlur:ue,onFocus:fe,onKeyDown:pe,ref:V,children:[Te,Ae]})})),Fa=Ba,Pa=ge.default.ol`
1030
- margin: 0;
1031
- padding: 0;
1032
- display: flex;
1033
- list-style: none;
1034
- align-items: center;
1035
- white-space: nowrap;
1036
- line-height: 0;
1037
- `,Da=ge.default(mr)`
1038
- appearance: none;
1039
- margin: -4px;
1040
- `,Va=te.forwardRef((function(e,t){const{children:n,maxLength:r,separator:o,space:a=2}=e,i=U(e,O),s=Me(a),[d,l]=te.useState(!1),[c,u]=te.useState(null),[f,h]=te.useState(null),p=te.useCallback((()=>l(!1)),[]),g=te.useCallback((()=>l(!0)),[]);He(p,[c,f]);const b=te.useMemo((()=>te.Children.toArray(n).filter((e=>te.isValidElement(e)))),[n]),m=te.useMemo((()=>{const e=b.length;if(r&&e>r){const t=Math.ceil(r/2),n=Math.floor(r/2);return[...b.slice(0,t-1),J.jsx(Ao,{constrainSize:!0,content:J.jsx(Zo,{as:"ol",overflow:"auto",padding:s,space:s,children:b.slice(t-1,e-n)}),open:d,placement:"top",portal:!0,ref:h,children:J.jsx(Da,{fontSize:1,mode:"bleed",onClick:d?p:g,padding:1,ref:u,selected:d,text:"…"})},"button"),...b.slice(e-n)]}return b}),[p,g,r,d,b,s]);return J.jsx(Pa,Z(Z({"data-ui":"Breadcrumbs"},i),{},{ref:t,children:m.map(((e,t)=>J.jsxs(te.Fragment,{children:[t>0&&J.jsx(nr,{"aria-hidden":!0,as:"li",paddingX:s,children:o||J.jsx(_n,{muted:!0,children:"/"})}),J.jsx(nr,{as:"li",children:e})]},t)))}))}));const Na=Symbol.for("@sanity/ui/context/dialog");yt[Na]=yt[Na]||te.createContext({version:0});const qa=yt[Na];function Wa(){return te.useContext(qa)}const Xa=ge.default(Jr)(Mn,(function({theme:e}){return{"&:not([hidden])":{display:"flex"},top:0,left:0,right:0,bottom:0,alignItems:"center",justifyContent:"center",outline:"none",background:e.sanity.color.base.shadow.umbra}}),(function(e){const{theme:t}=e,{media:n}=t.sanity;return $e(n,e.$position,(e=>({"&&":{position:e}})))})),Ya=ge.default(Tr)`
1041
- &:not([hidden]) {
1042
- display: flex;
1043
- }
1044
- width: 100%;
1045
- height: 100%;
1046
- flex-direction: column;
1047
- align-items: center;
1048
- justify-content: center;
1049
- `,Ka=ge.default(wr)`
1050
- &:not([hidden]) {
1051
- display: flex;
1052
- }
1053
- width: 100%;
1054
- min-height: 0;
1055
- max-height: 100%;
1056
- overflow: hidden;
1057
- `,Ua=ge.default(lr)`
1058
- flex: 1;
1059
- min-height: 0;
1060
- width: 100%;
1061
- `,Ga=ge.default(wr)`
1062
- position: relative;
1063
- z-index: 2;
1064
-
1065
- &:after {
1066
- content: '';
1067
- display: block;
1068
- position: absolute;
1069
- left: 0;
1070
- right: 0;
1071
- bottom: -1px;
1072
- border-bottom: 1px solid var(--card-hairline-soft-color);
1073
- }
1074
- `,Za=ge.default(nr)`
1075
- position: relative;
1076
- z-index: 1;
1077
- overflow: auto;
1078
- outline: none;
1079
- `,Qa=ge.default(nr)`
1080
- position: relative;
1081
- z-index: 3;
1082
- border-top: 1px solid var(--card-hairline-soft-color);
1083
- `,Ja=te.forwardRef((function(e,t){const{__unstable_autoFocus:n,__unstable_hideCloseButton:r,children:o,contentRef:a,footer:i,header:s,id:d,onClickOutside:l,onClose:c,radius:u,scheme:f,shadow:h,width:p}=e,g=Me(u),b=Me(h),m=Me(p),x=Lt(t),[v,y]=te.useState(null),w=te.useRef(null),k=Ur(),{isTopLayer:$}=k,j=`${d}_label`,z=Boolean(c)&&!1===r,S=Boolean(s)||z;te.useEffect((()=>{n&&x.current&&ko(x.current)}),[n,x]),Be(te.useCallback((e=>{$&&c&&"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),c())}),[$,c])),He(te.useCallback((()=>{$&&l&&l()}),[$,l]),[v]);const E=te.useCallback((e=>{y(e),x.current=e}),[x]),C=te.useCallback((e=>{w.current=e,"function"==typeof a?a(e):a&&(a.current=e)}),[a]);return J.jsx(Ya,{"data-ui":"DialogCard",width:m,children:J.jsx(Ka,{radius:g,ref:E,scheme:f,shadow:b,children:J.jsxs(Ua,{direction:"column",children:[S&&J.jsx(Ga,{children:J.jsxs(lr,{children:[J.jsx(nr,{flex:1,padding:4,children:s&&J.jsx(_n,{id:j,weight:"semibold",children:s})}),z&&J.jsx(nr,{padding:2,children:J.jsx(mr,{"aria-label":"Close dialog",disabled:!c,icon:ie.CloseIcon,mode:"bleed",onClick:c,padding:3})})]})}),J.jsx(Za,{flex:1,ref:C,tabIndex:-1,children:o}),i&&J.jsx(Qa,{children:i})]})})})})),ei=te.forwardRef((function(e,t){var n;const r=Wa(),o=Et(),{__unstable_autoFocus:a=!0,__unstable_hideCloseButton:i=!1,cardRadius:s=3,cardShadow:d=4,children:l,contentRef:c,footer:u,header:f,id:h,onClickOutside:p,onClose:g,padding:b=4,portal:m,position:x=r.position||"fixed",scheme:v,width:y=0,zOffset:w=r.zOffset||(null==(n=o.sanity.layer)?void 0:n.dialog.zOffset)}=e,k=U(e,T),$=Me(s),j=Me(b),z=Me(x),S=Me(y),E=Me(w),C=te.useRef(null),R=te.useRef(null),O=te.useRef(null),M=te.useCallback((e=>{const t=e.target,n=O.current;n&&(t!==C.current?t!==R.current||ko(n):$o(n))}),[]),L=`${h}_label`;return J.jsx(ao,{__unstable_name:m,children:J.jsxs(Xa,Z(Z({},k),{},{$padding:j,$position:z,"aria-labelledby":L,"aria-modal":!0,"data-ui":"Dialog",id:h,onFocus:M,ref:t,role:"dialog",zOffset:E,children:[J.jsx("div",{ref:C,tabIndex:0}),J.jsx(Ja,{__unstable_autoFocus:a,__unstable_hideCloseButton:i,contentRef:c,footer:u,header:f,id:h,onClickOutside:p,onClose:g,radius:$,ref:O,scheme:v,shadow:d,width:S,children:l}),J.jsx("div",{ref:R,tabIndex:0})]}))})}));const ti=ge.default.kbd`
1084
- &:not([hidden]) {
1085
- display: block;
1086
- }
1087
- font: inherit;
1088
- `,ni=ge.default(Pr)`
1089
- &:not([hidden]) {
1090
- display: block;
1091
- }
1092
- `,ri=te.forwardRef((function(e,t){const{fontSize:n,keys:r,padding:o,radius:a,space:i=1}=e,s=U(e,M),d=Me(i);return r&&0!==r.length?J.jsx(ti,Z(Z({"data-ui":"Hotkeys"},s),{},{ref:t,children:J.jsx(Br,{as:"span",space:d,children:r.map(((e,t)=>J.jsx(ni,{fontSize:n,padding:o,radius:a,children:e},t)))})})):J.jsx(J.Fragment,{})})),oi=Symbol.for("@sanity/ui/context/menu");yt[oi]=yt[oi]||te.createContext(null);const ai=yt[oi];function ii(e){return po(e)&&"true"!==e.getAttribute("data-disabled")||bo(e)&&!e.disabled}function si(e){return e.filter(ii)}function di(e,t){const n=[];let r=t;for(;r!==e;){const t=r.parentElement;if(!t)return n;const o=Array.from(t.childNodes).indexOf(r);if(n.unshift(o),t===e)return n;r=t}return n}const li=[];function ci(e){const{onKeyDown:t,originElement:n,shouldFocus:r}=e,o=te.useRef([]),[a,i]=te.useState(null),[s,d]=te.useState(-1),l=te.useRef(s),c=o.current[s]||null,u=Boolean(a),f=te.useCallback((e=>{d(e),l.current=e}),[]),h=te.useCallback(((e,t)=>{if(!e)return()=>{};if(-1===o.current.indexOf(e)&&(o.current.push(e),function(e,t){if(!e)return;const n=new WeakMap;for(const r of t)n.set(r,di(e,r));t.sort(((e,t)=>{const r=n.get(e)||li,o=n.get(t)||li,a=Math.max(r.length,o.length);for(let e=0;e<a;e+=1){const t=r[e]||-1,n=o[e]||-1;if(t!==n)return t-n}return 0}))}(a,o.current)),t){const t=o.current.indexOf(e);f(t)}return()=>{const t=o.current.indexOf(e);t>-1&&o.current.splice(t,1)}}),[a,f]),p=te.useCallback((e=>{if("Tab"!==e.key)if("Home"!==e.key)if("End"!==e.key)if("ArrowUp"!==e.key)if("ArrowDown"!==e.key)t&&t(e);else{e.preventDefault(),e.stopPropagation();const t=si(o.current),n=t.length;if(0===n)return;const r=o.current[l.current];let a=t.indexOf(r);a=(a+1)%n;const i=t[a],s=o.current.indexOf(i);f(s)}else{e.preventDefault(),e.stopPropagation();const t=si(o.current),n=t.length;if(0===n)return;const r=o.current[l.current];let a=t.indexOf(r);a=(a-1+n)%n;const i=t[a],s=o.current.indexOf(i);f(s)}else{e.preventDefault(),e.stopPropagation();const t=si(o.current),n=t[t.length-1];if(!n)return;const r=o.current.indexOf(n);f(r)}else{e.preventDefault(),e.stopPropagation();const t=si(o.current)[0];if(!t)return;const n=o.current.indexOf(t);f(n)}else n&&n.focus()}),[t,n,f]),g=te.useCallback((e=>{const t=e.currentTarget,n=o.current.indexOf(t);f(n)}),[f]),b=te.useCallback((()=>{null==a||a.focus(),f(-1)}),[a,f]);return te.useEffect((()=>{if(!u)return;const e=window.requestAnimationFrame((()=>{const e=l.current;if(-1===e){if("first"===r){const e=si(o.current)[0];if(e){const t=o.current.indexOf(e);f(t),l.current=t}}if("last"===r){const e=si(o.current),t=e[e.length-1];if(t){const e=o.current.indexOf(t);f(e),l.current=e}}return}const t=o.current[e]||null;null==t||t.focus()}));return()=>{window.cancelAnimationFrame(e)}}),[s,u,f,r]),{activeElement:c,activeIndex:s,handleItemMouseEnter:g,handleItemMouseLeave:b,handleKeyDown:p,mount:h,rootElement:a,setRootElement:i}}const ui=ge.default(nr)`
1093
- outline: none;
1094
- overflow: auto;
1095
- `,fi=te.forwardRef((function(e,t){const{children:n,focusFirst:r,focusLast:o,onClickOutside:a,onEscape:i,onItemClick:s,onItemSelect:d,onKeyDown:l,originElement:c,padding:u=1,registerElement:f,shouldFocus:h=(e.focusFirst?"first":e.focusLast&&"last")||null,space:p=1}=e,g=U(e,L),b=Lt(t),{isTopLayer:m}=Ur(),{activeElement:x,activeIndex:v,handleItemMouseEnter:y,handleItemMouseLeave:w,handleKeyDown:k,mount:$,rootElement:j,setRootElement:z}=ci({onKeyDown:l,originElement:c,shouldFocus:h}),S=te.useCallback((e=>{z(e),b.current=e}),[b,z]);te.useEffect((()=>{d&&d(v)}),[v,d]),He(te.useCallback((e=>m&&a&&a(e)),[m,a]),[j]),Be(te.useCallback((e=>{m&&"Escape"===e.key&&(e.stopPropagation(),i&&i())}),[m,i])),te.useEffect((()=>{if(j&&f)return f(j)}),[f,j]);const E=te.useMemo((()=>({version:0,activeElement:x,activeIndex:v,mount:$,onClickOutside:a,onEscape:i,onItemClick:s,onItemMouseEnter:y,onItemMouseLeave:w,registerElement:f,onMouseEnter:y,onMouseLeave:w})),[x,v,$,y,w,a,i,s,f]);return J.jsx(ai.Provider,{value:E,children:J.jsx(ui,Z(Z({"data-ui":"Menu"},g),{},{onKeyDown:k,padding:u,ref:S,role:"menu",tabIndex:-1,children:J.jsx(Zo,{space:p,children:n})}))})})),hi=te.forwardRef((function(e,t){const{__unstable_disableRestoreFocusOnClose:n=!1,boundaryElement:r,button:o,id:a,menu:i,onClose:s,placement:d,popoverScheme:l,portal:c=!0,popover:u,popoverRadius:f,preventOverflow:h}=e,[p,g]=te.useState(!1),[b,m]=te.useState(null),[x,v]=te.useState(null),[y,w]=te.useState([]),k=te.useRef(p);te.useEffect((()=>{s&&!p&&k.current&&s()}),[s,p]),te.useEffect((()=>{k.current=p}),[p]);const $=te.useCallback((()=>{g((e=>!e)),m(null)}),[]),j=te.useCallback((e=>"ArrowDown"===e.key||"Enter"===e.key||" "===e.key?(e.preventDefault(),g(!0),void m("first")):"ArrowUp"===e.key?(e.preventDefault(),g(!0),void m("last")):void 0),[]),z=te.useCallback((e=>{const t=e.target;if(t instanceof Node&&(!x||t!==x&&!x.contains(t))){for(const e of y)if(t===e||e.contains(t))return;g(!1)}}),[x,y]),S=te.useCallback((()=>{g(!1),n||x&&x.focus()}),[x,n]),E=te.useCallback((e=>{const t=e.relatedTarget;if(t instanceof Node){for(const e of y)if(e===t||e.contains(t))return;g(!1)}}),[y]),C=te.useCallback((()=>{g(!1),n||x&&x.focus()}),[x,n]),R=te.useCallback((e=>(w((t=>t.concat([e]))),()=>{w((t=>t.filter((t=>t!==e))))})),[]),O=te.useMemo((()=>({"aria-labelledby":a,onBlurCapture:E,onClickOutside:z,onEscape:S,onItemClick:C,originElement:x,registerElement:R,shouldFocus:b})),[x,z,S,C,a,E,R,b]),T=ne.isElement(i)?te.cloneElement(i,O):null,M=te.useCallback((e=>{"function"==typeof t?t(e):t&&(t.current=e),v(e)}),[t]),L=te.useMemo((()=>ne.isElement(o)?te.cloneElement(o,{"data-ui":"MenuButton",id:a,onClick:$,onKeyDown:j,"aria-haspopup":!0,"aria-expanded":p,ref:M,selected:p}):null),[o,$,j,a,p,M]),H=te.useMemo((()=>Z({boundaryElement:r,placement:d,portal:c,radius:f,preventOverflow:h,scheme:l},u||{})),[r,h,d,u,f,c,l]);return J.jsx(Ao,Z(Z({},H),{},{content:T,"data-ui":"MenuButton__popover",open:p,children:L||J.jsx(J.Fragment,{})}))})),pi=ge.default.hr`
1096
- height: 1px;
1097
- border: 0;
1098
- background: var(--card-hairline-soft-color);
1099
- margin: 0;
1100
- `;const gi=ge.default(nr)(Ln,(function(){return re.css`
1101
- background-color: inherit;
1102
- color: inherit;
1103
-
1104
- &[data-as='button'] {
1105
- -webkit-font-smoothing: inherit;
1106
- appearance: none;
1107
- outline: none;
1108
- font: inherit;
1109
- text-align: inherit;
1110
- border: 0;
1111
- width: stretch;
1112
- }
1113
-
1114
- /* &:is(a) */
1115
- &[data-as='a'] {
1116
- text-decoration: none;
1117
- }
1118
- `}),(function(e){var t,n;const{$tone:r,theme:o}=e,{base:a,muted:i,selectable:s}=o.sanity.color,d=s?s[r]||s.default:i[r]||i.default;return re.css`
1119
- ${hr(a,d.enabled)}
1120
-
1121
- background-color: var(--card-bg-color);
1122
- color: var(--card-fg-color);
1123
- outline: none;
1124
-
1125
- /* &:is(button) */
1126
- &[data-as='button'] {
1127
- &:disabled {
1128
- ${hr(a,d.disabled)}
1129
- }
1130
-
1131
- &:not(:disabled) {
1132
- &[aria-pressed='true'] {
1133
- ${hr(a,d.pressed)}
1134
- }
1135
-
1136
- &[data-selected],
1137
- &[aria-selected='true'] > & {
1138
- ${hr(a,d.selected)}
1139
- }
1140
-
1141
- @media (hover: hover) {
1142
- &:not([data-selected]) {
1143
- &:hover {
1144
- ${hr(a,d.hovered)}
1145
- }
1146
-
1147
- &:active {
1148
- ${hr(a,d.pressed)}
1149
- }
1150
- }
1151
- }
1152
- }
1153
- }
1154
-
1155
- /* &:is(a) */
1156
- &[data-as='a'] {
1157
- &[data-disabled] {
1158
- ${hr(a,d.disabled)}
1159
- }
1160
-
1161
- &:not([data-disabled]) {
1162
- &[data-pressed] {
1163
- ${hr(a,d.pressed)}
1164
- }
1165
-
1166
- &[data-selected] {
1167
- ${hr(a,d.selected)}
1168
- }
1169
-
1170
- @media (hover: hover) {
1171
- &:not([data-selected]) {
1172
- &:hover {
1173
- ${hr(a,d.hovered)}
1174
- }
1175
-
1176
- &:active {
1177
- ${hr(a,d.pressed)}
1178
- }
1179
- }
1180
- }
1181
- }
1182
- }
1183
-
1184
- ${null==(n=null==(t=o.sanity.styles)?void 0:t.card)?void 0:n.root}
1185
- `}));function bi(){const e=te.useContext(ai);if(!e)throw new Error("useMenu(): missing context value");if(!jt(e)||0!==e.version)throw new Error("useMenu(): the context value is not compatible");return e}const mi=te.forwardRef((function(e,t){const{as:n="button",children:r,disabled:o,fontSize:a=2,hotkeys:i,icon:s,iconRight:d,onClick:l,padding:c=3,paddingX:u,paddingY:f,paddingTop:h,paddingRight:p,paddingBottom:g,paddingLeft:b,pressed:m,radius:x=2,selected:v,space:y=3,text:w,tone:k="default"}=e,$=U(e,A),j=bi(),{activeElement:z,mount:S,onItemClick:E,onItemMouseEnter:C=j.onMouseEnter,onItemMouseLeave:R=j.onMouseLeave}=j,[O,T]=te.useState(null),M=Boolean(z)&&z===O;te.useEffect((()=>S(O,v)),[S,O,v]);const L=Lt(t),H=te.useCallback((e=>{o||(l&&l(e),E&&E())}),[o,l,E]),I=te.useMemo((()=>({padding:c,paddingX:u,paddingY:f,paddingTop:h,paddingRight:p,paddingBottom:g,paddingLeft:b})),[c,u,f,h,p,g,b]),_=te.useCallback((e=>{L.current=e,T(e)}),[L]);return J.jsxs(gi,Z(Z({"data-ui":"MenuItem"},$),{},{"aria-pressed":"button"===n&&m,"data-pressed":"button"!==n&&m?"":void 0,"data-selected":M?"":void 0,"data-disabled":o?"":void 0,forwardedAs:n,$radius:Me(x),$padding:Me(0),$tone:k,disabled:o,onClick:H,onMouseEnter:C,onMouseLeave:R,ref:_,role:"menuitem",tabIndex:-1,type:"button"===n?"button":void 0,children:[(s||w||d)&&J.jsx(nr,Z(Z({as:"span"},I),{},{children:J.jsxs(lr,{as:"span",children:[s&&J.jsxs(_n,{size:a,children:[te.isValidElement(s)&&s,ne.isValidElementType(s)&&te.createElement(s)]}),w&&J.jsx(nr,{flex:1,marginLeft:s?y:void 0,marginRight:d?y:void 0,children:J.jsx(_n,{size:a,textOverflow:"ellipsis",children:w})}),i&&J.jsx(nr,{marginLeft:y,style:{marginTop:-4,marginBottom:-4},children:J.jsx(ri,{fontSize:a,keys:i})}),d&&J.jsxs(_n,{size:a,children:[te.isValidElement(d)&&d,ne.isValidElementType(d)&&te.createElement(d)]})]})})),r&&J.jsx(nr,Z(Z({as:"span"},I),{},{children:r}))]}))})),xi=re.keyframes`
1186
- 0% {
1187
- background-position: 100%;
1188
- }
1189
- 100% {
1190
- background-position: -100%;
1191
- }
1192
- `,vi=re.css`
1193
- background-image: linear-gradient(
1194
- to right,
1195
- var(--card-skeleton-color-from),
1196
- var(--card-skeleton-color-to),
1197
- var(--card-skeleton-color-from),
1198
- var(--card-skeleton-color-from),
1199
- var(--card-skeleton-color-from)
1200
- );
1201
- background-position: 100%;
1202
- background-size: 200% 100%;
1203
- background-attachment: fixed;
1204
- animation-name: ${xi};
1205
- animation-timing-function: ease-in-out;
1206
- animation-iteration-count: infinite;
1207
- animation-duration: 2000ms;
1208
- `,yi=re.css`
1209
- opacity: ${({$visible:e})=>e?1:0};
1210
- transition: opacity 200ms ease-in;
1211
-
1212
- @media screen and (prefers-reduced-motion: no-preference) {
1213
- ${({$animated:e})=>e?vi:re.css`
1214
- background-color: var(--card-skeleton-color-from);
1215
- `}
1216
- }
1217
-
1218
- @media screen and (prefers-reduced-motion: reduce) {
1219
- background-color: var(--card-skeleton-color-from);
1220
- }
1221
- `,wi=ge.default(nr)(Ln,yi),ki=te.forwardRef((function(e,t){const{animated:n=!1,delay:r,radius:o}=e,a=U(e,I),[i,s]=te.useState(!r);return te.useEffect((()=>{if(!r)return s(!0);const e=setTimeout((()=>{s(!0)}),r);return()=>{clearTimeout(e)}}),[r]),J.jsx(wi,Z(Z({},a),{},{$animated:n,$radius:Me(o),$visible:i,ref:t}))})),$i=ge.default(ki)((({$size:e,$style:t,theme:n})=>{const{media:r}=n.sanity,o=n.sanity.fonts[t],a=$e(r,e,(e=>{const t=o.sizes[e];return{height:t.lineHeight-t.ascenderHeight-t.descenderHeight}}));return a})),ji=te.forwardRef((function(e,t){const{size:n=2}=e,r=U(e,_),o=Me(n);return J.jsx($i,Z(Z({},r),{},{$size:o,ref:t,$style:"text"}))})),zi=te.forwardRef((function(e,t){const{size:n=2}=e,r=U(e,B),o=Me(n);return J.jsx($i,Z(Z({},r),{},{$size:o,ref:t,$style:"label"}))})),Si=te.forwardRef((function(e,t){const{size:n=2}=e,r=U(e,F),o=Me(n);return J.jsx($i,Z(Z({},r),{},{$size:o,ref:t,$style:"heading"}))})),Ei=te.forwardRef((function(e,t){const{size:n=2}=e,r=U(e,P),o=Me(n);return J.jsx($i,Z(Z({},r),{},{$size:o,ref:t,$style:"code"}))})),Ci=te.forwardRef((function(e,t){const{icon:n,id:r,focused:o,fontSize:a,label:i,onClick:s,onFocus:d,padding:l=2,selected:c}=e,u=U(e,D),f=te.useRef(null),h=te.useRef(!1),p=te.useCallback((()=>{h.current=!1}),[]),g=te.useCallback((e=>{h.current=!0,d&&d(e)}),[d]),b=Lt(t);te.useEffect((()=>{o&&!h.current&&(f.current&&f.current.focus(),h.current=!0)}),[o]);return J.jsx(mr,Z(Z({"data-ui":"Tab"},u),{},{"aria-selected":c?"true":"false",fontSize:a,icon:n,id:r,mode:"bleed",onClick:s,onBlur:p,onFocus:g,padding:l,ref:e=>{f.current=e,b.current=e},role:"tab",selected:c,tabIndex:c?0:-1,text:i,type:"button"}))}));function Ri(e){return Boolean(e)}const Oi=te.forwardRef((function(e,t){const{children:n}=e,r=U(e,V),[o,a]=te.useState(-1),i=te.useMemo((()=>n.filter(Ri)),[n]).map(((e,t)=>te.cloneElement(e,{focused:o===t,key:t,onFocus:()=>d(t)}))),s=i.length,d=te.useCallback((e=>{a(e)}),[]),l=te.useCallback((e=>{"ArrowLeft"===e.key&&a((e=>(e+s-1)%s)),"ArrowRight"===e.key&&a((e=>(e+1)%s))}),[s]);return J.jsx(Br,Z(Z({"data-ui":"TabList"},r),{},{onKeyDown:l,ref:t,role:"tablist",children:i}))})),Ti=te.forwardRef((function(e,t){const{flex:n}=e,r=U(e,N);return J.jsx(nr,Z(Z({"data-ui":"TabPanel"},r),{},{flex:n,ref:t,role:"tabpanel",tabIndex:void 0===e.tabIndex?0:e.tabIndex,children:e.children}))})),Mi={error:"critical",warning:"caution",success:"positive",info:"primary"},Li={error:"alert",warning:"alert",success:"alert",info:"alert"},Hi=ge.default(wr)`
1222
- pointer-events: all;
1223
- `,Ai=ge.default(lr)`
1224
- overflow-x: auto;
1225
- `;function Ii(e){const{closable:t,description:n,onClose:r,title:o,status:a}=e,i=U(e,q),s=a?Mi[a]:"default",d=a?Li[a]:"status";return J.jsx(Hi,Z(Z({"data-ui":"Toast",role:d},i),{},{marginTop:3,radius:2,shadow:2,tone:s,children:J.jsxs(lr,{align:"flex-start",children:[J.jsx(Ai,{flex:1,padding:3,children:J.jsxs(Zo,{space:3,children:[o&&J.jsx(_n,{weight:"semibold",children:o}),n&&J.jsx(_n,{muted:!0,size:1,children:n})]})}),t&&J.jsx(nr,{padding:1,children:J.jsx(mr,{as:"button",icon:ie.CloseIcon,mode:"bleed",padding:2,onClick:r,style:{verticalAlign:"top"}})})]})}))}const _i=Symbol.for("@sanity/ui/context/toast");yt[_i]=yt[_i]||te.createContext(null);const Bi=yt[_i],Fi=ge.default(Jr)`
1226
- position: fixed;
1227
- top: 0;
1228
- left: 0;
1229
- right: 0;
1230
- bottom: 0;
1231
- pointer-events: none;
1232
- `,Pi=ge.default.div`
1233
- box-sizing: border-box;
1234
- position: absolute;
1235
- right: 0;
1236
- bottom: 0;
1237
- max-width: 420px;
1238
- width: 100%;
1239
- `;let Di=0;function Vi(e){if("treeitem"===e.getAttribute("role")&&e.focus(),"none"===e.getAttribute("role")){const t=e.firstChild;t&&t instanceof HTMLElement&&t.focus()}}const Ni=Symbol.for("@sanity/ui/context/tree");yt[Ni]=yt[Ni]||te.createContext(null);const qi=yt[Ni],Wi=te.memo(te.forwardRef((function(e,t){const{children:n,space:r=1}=e,o=U(e,W),a=Lt(t),[i,s]=te.useState(null),d=te.useRef(i),l=te.useMemo((()=>[]),[]),[c,u]=te.useState([]),[f,h]=te.useState({}),p=te.useRef(f);te.useEffect((()=>{d.current=i}),[i]),te.useEffect((()=>{p.current=f}),[f]);const g=te.useCallback(((e,t,n,r)=>(h((r=>Z(Z({},r),{},{[t]:{element:e,expanded:n}}))),r&&s(e),()=>{h((e=>{const n=Z({},e);return delete n[t],n}))})),[]),b=te.useCallback(((e,t)=>{h((n=>{const r=n[e];return r?Z(Z({},n),{},{[e]:Z(Z({},r),{},{expanded:t})}):n}))}),[]),m=te.useMemo((()=>({version:0,focusedElement:i||c[0]||null,level:0,path:l,registerItem:g,setExpanded:b,setFocusedElement:s,space:r,state:f})),[i,c,l,g,b,r,f]),x=te.useCallback((e=>{var t;if(d.current)if("ArrowDown"!==e.key)if("ArrowUp"!==e.key)if("ArrowLeft"!==e.key)if("ArrowRight"!==e.key);else{e.preventDefault();const n=d.current.getAttribute("data-tree-key");if(!n)return;(null==(t=p.current[n])?void 0:t.expanded)||h((e=>{const t=e[n];return t?Z(Z({},e),{},{[n]:Z(Z({},t),{},{expanded:!0})}):e}))}else{e.preventDefault();const t=d.current.getAttribute("data-tree-key");if(!t)return;const n=p.current[t];if(!n)return;if(n.expanded)h((e=>{const n=e[t];return n?Z(Z({},e),{},{[t]:Z(Z({},n),{},{expanded:!1})}):e}));else{const e=t.split("/");e.pop();const n=e.join("/"),r=n&&p.current[n];r&&(r.element.focus(),s(r.element))}}else{e.preventDefault();const t=function(e,t,n){var r;const o=t.indexOf(n),a=t.slice(0,o);for(let t=a.length-1;t>=0;t-=1){const n=a[t].getAttribute("data-tree-key");if(!n)continue;const o=n.split("/");o.pop();const i=[];let s=!0;for(let t=0;t<o.length;t+=1)if(i.push(o[t]),!(null==(r=e[i.join("/")])?void 0:r.expanded)){s=!1;break}if(s)return a[t]}return null}(p.current,c,d.current);t&&(Vi(t),s(t))}else{e.preventDefault();const t=function(e,t,n){var r;const o=t.indexOf(n),a=t.slice(o),i=t.length;for(let t=1;t<i;t+=1){if(!a[t])continue;const n=a[t].getAttribute("data-tree-key");if(!n)continue;const o=n.split("/");o.pop();const i=[];let s=!0;for(let t=0;t<o.length;t+=1)if(i.push(o[t]),!(null==(r=e[i.join("/")])?void 0:r.expanded)){s=!1;break}if(s)return a[t]}return null}(p.current,c,d.current);t&&(Vi(t),s(t))}}),[c]);return te.useEffect((()=>{if(!a.current)return;const e=Array.from(a.current.querySelectorAll('[data-ui="TreeItem"]'));u(e)}),[n,a]),J.jsx(qi.Provider,{value:m,children:J.jsx(Zo,Z(Z({as:"ul","data-ui":"Tree"},o),{},{onKeyDown:x,ref:a,role:"tree",space:r,children:n}))})})));function Xi(){const e=te.useContext(qi);if(!e)throw new Error("Tree: missing context value");return e}Wi.displayName="Tree";const Yi=te.memo((function(e){const{children:t,expanded:n=!1}=e,r=U(e,X),o=Xi();return J.jsx(Zo,Z(Z({as:"ul","data-ui":"TreeGroup"},r),{},{hidden:!n,marginTop:o.space,role:"group",space:o.space,children:t}))})),Ki=te.memo(ge.default.li((function(){return re.css`
1240
- &[role='none'] > [role='treeitem'] {
1241
- outline: none;
1242
- cursor: default;
1243
- border-radius: 3px;
1244
-
1245
- &:focus {
1246
- position: relative;
1247
- }
1248
- }
1249
-
1250
- &[role='treeitem'] {
1251
- outline: none;
1252
-
1253
- & > div {
1254
- cursor: default;
1255
- border-radius: 3px;
1256
- }
1257
-
1258
- &:focus > div {
1259
- position: relative;
1260
- }
1261
- }
1262
- `}),(function(e){const{theme:t}=e,n="default",{base:r,muted:o,selectable:a}=t.sanity.color,i=a?a[n]||a.default:o[n]||o.default;return re.css`
1263
- /* <div role="none"><a data-ui="TreeItem__box" role="treeitem" tabIndex="0"></div> */
1264
- &[role='none'] {
1265
- & > [role='treeitem'] {
1266
- ${hr(r,i.enabled)}
1267
-
1268
- background-color: var(--card-bg-color);
1269
- color: var(--treeitem-fg-color);
1270
- }
1271
-
1272
- &[data-selected] > [role='treeitem'] {
1273
- ${hr(r,i.pressed)}
1274
- }
1275
-
1276
- @media (hover: hover) {
1277
- &:not([data-selected]) > [role='treeitem']:not(:focus):hover {
1278
- ${hr(r,i.hovered)}
1279
- }
1280
-
1281
- & > [role='treeitem']:focus {
1282
- ${hr(r,i.selected)}
1283
- }
1284
- }
1285
- }
1286
-
1287
- /* <div role="treeitem" tabIndex="0"><div data-ui="TreeItem__box"></div> */
1288
- &[role='treeitem'] {
1289
- & > [data-ui='TreeItem__box'] {
1290
- ${hr(r,i.enabled)}
1291
-
1292
- background-color: var(--card-bg-color);
1293
- color: var(--card-fg-color);
1294
- }
1295
-
1296
- &[data-selected] > [data-ui='TreeItem__box'] {
1297
- ${hr(r,i.pressed)}
1298
- }
1299
-
1300
- @media (hover: hover) {
1301
- &:not([data-selected]):not(:focus) > [data-ui='TreeItem__box']:hover {
1302
- ${hr(r,i.hovered)}
1303
- }
1304
-
1305
- &:focus > [data-ui='TreeItem__box'] {
1306
- ${hr(r,i.selected)}
1307
- }
1308
- }
1309
- }
1310
- `}))),Ui=ge.default(nr).attrs({forwardedAs:"a"})((function(e){const{$level:t,theme:n}=e,{space:r}=n.sanity;return re.css`
1311
- padding-left: ${ke(r[2]*t)};
1312
-
1313
- &[data-as='a'] {
1314
- text-decoration: none;
1315
- }
1316
- `})),Gi=ge.default(_n)`
1317
- & > svg {
1318
- transition: transform 100ms;
1319
- }
1320
- `,Zi=te.memo((function(e){const{children:t,expanded:n=!1,fontSize:r,href:o,icon:a,id:i,muted:s,onClick:d,padding:l=3,selected:c=!1,space:u=2,text:f,weight:h}=e,p=U(e,Y),g=te.useRef(null),b=te.useRef(null),m=Xi(),{path:x,registerItem:v,setExpanded:y,setFocusedElement:w}=m,k=ee.useId(i)||i,$=te.useMemo((()=>x.concat([k||""])),[k,x]),j=$.join("/"),z=m.state[j],S=m.focusedElement===g.current,E=void 0===(null==z?void 0:z.expanded)?n:(null==z?void 0:z.expanded)||!1,C=m.focusedElement&&m.focusedElement===g.current?0:-1,R=te.useMemo((()=>Z(Z({},m),{},{level:m.level+1,path:$})),[$,m]),O=te.useCallback((e=>{d&&d(e);const t=e.target;t instanceof HTMLElement&&("TreeItem__box"===t.getAttribute("data-ui")||t.closest('[data-ui="TreeItem__box"]'))&&(e.stopPropagation(),y(j,!E),w(g.current))}),[E,j,d,y,w]),T=te.useCallback((e=>{if(S&&"Enter"===e.key){const e=b.current||g.current;null==e||e.click()}}),[S]);te.useEffect((()=>{if(g.current)return v(g.current,$.join("/"),E,c)}),[E,$,v,c]);const M=J.jsxs(lr,{padding:l,children:[J.jsxs(nr,{marginRight:u,style:{visibility:a||t?"visible":"hidden",pointerEvents:"none"},children:[a&&J.jsx(_n,{muted:s,size:r,weight:h,children:te.createElement(a)}),!a&&J.jsx(Gi,{muted:s,size:r,weight:h,children:J.jsx(ie.ToggleArrowRightIcon,{style:{transform:E?"rotate(90deg)":void 0}})})]}),J.jsx(nr,{flex:1,children:J.jsx(_n,{muted:s,size:r,textOverflow:"ellipsis",weight:h,children:f})})]});return o?J.jsxs(Ki,Z(Z({"data-selected":c?"":void 0,"data-tree-id":k,"data-tree-key":j,"data-ui":"TreeItem"},p),{},{onClick:O,ref:g,role:"none",children:[J.jsx(Ui,{$level:m.level,"aria-expanded":E,"data-ui":"TreeItem__box",href:o,ref:b,role:"treeitem",tabIndex:C,children:M}),J.jsx(qi.Provider,{value:R,children:t&&J.jsx(Yi,{hidden:!E,children:t})})]})):J.jsxs(Ki,Z(Z({"data-selected":c?"":void 0,"data-ui":"TreeItem","data-tree-id":k,"data-tree-key":j},p),{},{"aria-expanded":E,onClick:O,onKeyDown:T,ref:g,role:"treeitem",tabIndex:C,children:[J.jsx(Ui,{$level:m.level,as:"div","data-ui":"TreeItem__box",children:M}),J.jsx(qi.Provider,{value:R,children:t&&J.jsx(Yi,{expanded:E,children:t})})]}))}));exports.Autocomplete=Fa,exports.Avatar=Kn,exports.AvatarCounter=Gn,exports.AvatarStack=er,exports.Badge=sr,exports.BoundaryElementProvider=function(e){const{children:t,element:n}=e,r=te.useMemo((()=>({version:0,element:n})),[n]);return J.jsx(Vr.Provider,{value:r,children:t})},exports.Box=nr,exports.Breadcrumbs=Va,exports.Button=mr,exports.Card=wr,exports.Checkbox=jr,exports.Code=Er,exports.CodeSkeleton=Ei,exports.Container=Tr,exports.Dialog=ei,exports.DialogContext=qa,exports.DialogProvider=function(e){const{children:t,position:n,zOffset:r}=e,o=te.useMemo((()=>({version:0,position:n,zOffset:r})),[n,r]);return J.jsx(qa.Provider,{value:o,children:t})},exports.ElementQuery=Wr,exports.ErrorBoundary=Xr,exports.Flex=lr,exports.Grid=Lr,exports.Heading=Ir,exports.HeadingSkeleton=Si,exports.Hotkeys=ri,exports.Inline=Br,exports.KBD=Pr,exports.Label=ar,exports.LabelSkeleton=zi,exports.Layer=Jr,exports.LayerProvider=Gr,exports.Menu=fi,exports.MenuButton=hi,exports.MenuDivider=pi,exports.MenuGroup=function(e){const{as:t="button",children:n,fontSize:r,icon:o,onClick:a,padding:i=3,popover:s,radius:d=2,space:l=3,text:c,tone:u="default"}=e,f=U(e,H),h=bi(),{activeElement:p,mount:g,onClickOutside:b,onEscape:m,onItemClick:x,onItemMouseEnter:v=h.onMouseEnter,registerElement:y}=h,[w,k]=te.useState(null),[$,j]=te.useState(!1),z=te.useRef(null),S=Boolean(p)&&p===w,[E,C]=te.useState(!1),R=te.useCallback((e=>{C(!1),v(e),j(!0)}),[v]),O=te.useCallback((e=>{"ArrowLeft"===e.key&&(e.stopPropagation(),j(!1),requestAnimationFrame((()=>{null==w||w.focus()})))}),[w]),T=te.useCallback((e=>{a&&a(e),z.current="first",j(!0),requestAnimationFrame((()=>{z.current=null}))}),[a]),M=te.useCallback((()=>{j(!1),x&&x()}),[x]),L=te.useCallback((()=>C(!0)),[]);te.useEffect((()=>g(w)),[g,w]),te.useEffect((()=>{S||j(!1)}),[S]),te.useEffect((()=>{$||C(!1)}),[$]);const A=J.jsx(fi,{onClickOutside:b,onEscape:m,onItemClick:M,onKeyDown:O,onMouseEnter:L,registerElement:y,shouldFocus:z.current,children:n}),I=te.useCallback((e=>{const t=e.currentTarget;if(document.activeElement===t)return"ArrowRight"===e.key?(z.current="first",j(!0),C(!0),void requestAnimationFrame((()=>{z.current=null}))):void 0}),[]);return J.jsx(Ao,Z(Z({},s),{},{content:A,"data-ui":"MenuGroup__popover",open:$,children:J.jsx(gi,Z(Z({"data-as":t,"data-ui":"MenuGroup",forwardedAs:t},f),{},{"aria-pressed":"button"===t?E:void 0,"data-pressed":"button"!==t?E:void 0,"data-selected":!E&&S?"":void 0,$radius:Me(d),$tone:u,onClick:T,onKeyDown:I,onMouseEnter:R,ref:k,tabIndex:-1,type:"button"===t?"button":void 0,children:J.jsx(nr,{padding:i,children:J.jsxs(lr,{children:[o&&J.jsxs(_n,{size:r,children:[te.isValidElement(o)&&o,ne.isValidElementType(o)&&te.createElement(o)]}),J.jsx(nr,{flex:1,marginLeft:o?l:void 0,children:J.jsx(_n,{size:r,textOverflow:"ellipsis",children:c})}),J.jsx(nr,{marginLeft:l,children:J.jsx(_n,{size:r,children:J.jsx(ie.ChevronRightIcon,{})})})]})})}))}))},exports.MenuItem=mi,exports.Popover=Ao,exports.Portal=ao,exports.PortalProvider=function(e){const{boundaryElement:t,children:n,element:r,__unstable_elements:o}=e,a=io(o),i=te.useMemo((()=>({version:0,boundaryElement:t||null,element:r||so&&document.body||null,elements:a})),[t,r,a]);return J.jsx(ro.Provider,{value:i,children:n})},exports.Radio=Bo,exports.Select=Ko,exports.Skeleton=ki,exports.Spinner=fr,exports.SrOnly=co,exports.Stack=Zo,exports.Switch=ra,exports.Tab=Ci,exports.TabList=Oi,exports.TabPanel=Ti,exports.Text=_n,exports.TextArea=da,exports.TextInput=va,exports.TextSkeleton=ji,exports.ThemeColorProvider=St,exports.ThemeProvider=$t,exports.Toast=Ii,exports.ToastProvider=function(e){const{children:t,padding:n=4,paddingX:r,paddingY:o,zOffset:a}=e,[i,s]=te.useState({toasts:[]}),d=te.useRef({}),l=te.useCallback((e=>{const t=e.id||String(Di++),n=e.duration||5e3,r=()=>{var e;const n=null==(e=d.current[t])?void 0:e.timeoutId;s((e=>{const n=e.toasts.findIndex((e=>e.id===t));if(n>-1){const t=e.toasts.slice(0);return t.splice(n,1),Z(Z({},e),{},{toasts:t})}return e})),void 0!==n&&(clearTimeout(n),delete d.current[t])};return s((o=>Z(Z({},o),{},{toasts:o.toasts.filter((e=>e.id!==t)).concat([{dismiss:r,id:t,params:Z(Z({},e),{},{duration:n})}])}))),d.current[t]&&(clearTimeout(d.current[t].timeoutId),delete d.current[t]),d.current[t]={timeoutId:setTimeout(r,n)},t}),[]);te.useEffect((()=>()=>{for(const{timeoutId:e}of Object.values(d.current))clearTimeout(e);d.current={}}),[]);const c=te.useMemo((()=>({version:0,push:l})),[l]);return J.jsxs(Bi.Provider,{value:c,children:[t,J.jsx(Fi,{"data-ui":"ToastProvider",zOffset:a,children:J.jsx(Pi,{children:J.jsx(nr,{padding:n,paddingX:r,paddingY:o,children:J.jsx(ue.AnimatePresence,{initial:!1,children:i.toasts.map((({dismiss:e,id:t,params:n})=>J.jsx(ue.motion.div,{animate:{opacity:1,y:0,scale:1},exit:{opacity:0,scale:.5,transition:{duration:.2}},initial:{opacity:0,y:32,scale:.25},layout:"position",transition:{type:"spring",damping:30,stiffness:400},children:J.jsx(Ii,{closable:n.closable,description:n.description,onClose:e,status:n.status,title:n.title})},t)))})})})})]})},exports.Tooltip=za,exports.Tree=Wi,exports.TreeItem=Zi,exports.VirtualList=Eo,exports._ResizeObserver=Ae,exports._elementSizeObserver=Ie,exports._fillCSSObject=we,exports._getArrayProp=je,exports._getResponsiveSpace=ze,exports._hasFocus=vo,exports._isEnterToClickElement=fo,exports._isScrollable=jo,exports._raf=uo,exports._raf2=function(e){let t=null;const n=uo((()=>{t=uo(e)}));return()=>{t&&t(),n()}},exports._responsive=$e,exports.attemptFocus=wo,exports.createColorTheme=ct,exports.focusFirstDescendant=ko,exports.focusLastDescendant=$o,exports.hexToRgb=We,exports.hslToRgb=Ye,exports.isFocusable=yo,exports.isHTMLAnchorElement=po,exports.isHTMLButtonElement=bo,exports.isHTMLElement=ho,exports.isHTMLInputElement=go,exports.isHTMLSelectElement=mo,exports.isHTMLTextAreaElement=xo,exports.multiply=Pe,exports.parseColor=Ue,exports.rem=ke,exports.responsiveCodeFontStyle=Ee,exports.responsiveHeadingFont=Ce,exports.responsiveLabelFont=Re,exports.responsiveTextAlignStyle=Oe,exports.responsiveTextFont=Te,exports.rgbToHex=Xe,exports.rgbToHsl=function({r:e,g:t,b:n}){e/=255,t/=255,n/=255;const r=Math.min(e,t,n),o=Math.max(e,t,n),a=o-r;let i=0,s=0,d=0;return i=0==a?0:o==e?(t-n)/a%6:o==t?(n-e)/a+2:(e-t)/a+4,i=Math.round(60*i),i<0&&(i+=360),d=(o+r)/2,s=0==a?0:a/(1-Math.abs(2*d-1)),s=+(100*s).toFixed(1),d=+(100*d).toFixed(1),{h:i,s:s,l:d}},exports.rgba=Ge,exports.screen=Ne,exports.studioTheme=xt,exports.useArrayProp=Me,exports.useBoundaryElement=qr,exports.useClickOutside=He,exports.useCustomValidity=Ht,exports.useDialog=Wa,exports.useElementRect=function(e){const t=_e(e);return(null==t?void 0:t._contentRect)||null},exports.useElementSize=_e,exports.useForwardedRef=Lt,exports.useGlobalKeyDown=Be,exports.useLayer=Ur,exports.useMediaIndex=Tt,exports.usePortal=oo,exports.usePrefersDark=function(){const e=te.useMemo((()=>{if("undefined"!=typeof window)return window.matchMedia("(prefers-color-scheme: dark)")}),[]),[t,n]=te.useState((null==e?void 0:e.matches)||!1);return te.useEffect((()=>{if(!e)return;n(e.matches);const t=()=>n(e.matches);return e.addEventListener("change",t),()=>e.removeEventListener("change",t)}),[e]),t},exports.useRootTheme=zt,exports.useTheme=Et,exports.useToast=function(){const e=te.useContext(Bi);if(!e)throw new Error("useToast(): missing context value");if(!jt(e)||0!==e.version)throw new Error("useToast(): the context value is not compatible");return e},exports.useTree=Xi;
1321
- //# sourceMappingURL=sanity-ui.cjs.map