@sanity/ui 0.38.2 → 0.38.3-next.5
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.
- package/README.md +4 -5
- package/dist/sanity-ui.cjs +1 -1320
- package/dist/sanity-ui.cjs.map +1 -1
- package/dist/sanity-ui.js +1 -1320
- package/dist/sanity-ui.js.map +1 -1
- package/dist/types/src/index.d.ts +227 -239
- package/package.json +10 -11
- package/src/__workshop__/color/overview.tsx +1 -1
- package/src/components/autocomplete/__workshop__/async.tsx +1 -1
- package/src/components/autocomplete/__workshop__/constrainedHeight.tsx +1 -1
- package/src/components/autocomplete/__workshop__/custom.tsx +1 -1
- package/src/components/autocomplete/__workshop__/example.tsx +1 -1
- package/src/components/autocomplete/__workshop__/focusAndBlur.tsx +1 -1
- package/src/components/autocomplete/__workshop__/fullscreen.tsx +1 -1
- package/src/components/autocomplete/autocomplete.tsx +2 -2
- package/src/components/autocomplete/autocompleteOption.tsx +1 -1
- package/src/components/breadcrumbs/__workshop__/example.tsx +0 -1
- package/src/components/breadcrumbs/breadcrumbs.tsx +1 -9
- package/src/components/dialog/__workshop__/autoFocus.tsx +0 -1
- package/src/components/dialog/__workshop__/layering.tsx +0 -1
- package/src/components/dialog/__workshop__/nested.tsx +1 -1
- package/src/components/dialog/__workshop__/onScroll.tsx +1 -1
- package/src/components/dialog/__workshop__/position.tsx +0 -1
- package/src/components/dialog/__workshop__/props.tsx +1 -1
- package/src/components/dialog/__workshop__/provider.tsx +0 -1
- package/src/components/dialog/dialog.tsx +1 -1
- package/src/components/dialog/dialogProvider.tsx +1 -1
- package/src/components/hotkeys/__workshop__/plain.tsx +0 -1
- package/src/components/hotkeys/hotkeys.tsx +1 -1
- package/src/components/menu/__workshop__/asComponent.tsx +1 -1
- package/src/components/menu/__workshop__/closableMenuButton.tsx +1 -1
- package/src/components/menu/__workshop__/constrainedInBoundary.tsx +1 -1
- package/src/components/menu/__workshop__/customMenuItem.tsx +0 -1
- package/src/components/menu/__workshop__/disableFocusOnClose.tsx +0 -1
- package/src/components/menu/__workshop__/groups.tsx +0 -1
- package/src/components/menu/__workshop__/menuButton.tsx +0 -1
- package/src/components/menu/__workshop__/menuGroupRight.tsx +0 -1
- package/src/components/menu/__workshop__/nestedMenu.tsx +0 -1
- package/src/components/menu/__workshop__/onCloseMenuButton.tsx +1 -1
- package/src/components/menu/__workshop__/selectedItem.tsx +1 -1
- package/src/components/menu/__workshop__/tones.tsx +0 -1
- package/src/components/menu/__workshop__/withoutArrow.tsx +0 -1
- package/src/components/menu/menu.test.tsx +1 -1
- package/src/components/menu/menu.tsx +1 -1
- package/src/components/menu/menuButton.tsx +1 -9
- package/src/components/menu/menuGroup.tsx +2 -2
- package/src/components/menu/menuItem.tsx +3 -3
- package/src/components/menu/useMenuController.ts +1 -1
- package/src/components/skeleton/__workshop__/delay.tsx +0 -1
- package/src/components/skeleton/__workshop__/skeleton.tsx +0 -1
- package/src/components/skeleton/skeleton.tsx +1 -1
- package/src/components/skeleton/textSkeleton.tsx +1 -1
- package/src/components/tab/__workshop__/example.tsx +1 -1
- package/src/components/tab/tab.tsx +2 -2
- package/src/components/tab/tabList.tsx +1 -1
- package/src/components/tab/tabPanel.tsx +1 -1
- package/src/components/toast/__workshop__/hook.tsx +0 -1
- package/src/components/toast/__workshop__/toast.tsx +0 -1
- package/src/components/toast/toast.test.tsx +0 -1
- package/src/components/toast/toast.tsx +0 -1
- package/src/components/toast/toastProvider.tsx +1 -1
- package/src/components/tree/__workshop__/basic.tsx +1 -1
- package/src/components/tree/tree.tsx +1 -1
- package/src/components/tree/treeGroup.tsx +1 -1
- package/src/components/tree/treeItem.tsx +4 -4
- package/src/hooks/useElementRect/__workshop__/example.tsx +0 -1
- package/src/hooks/useForwardedRef.ts +1 -1
- package/src/hooks/useMediaIndex/__workshop__/test.tsx +0 -1
- package/src/icons/__workshop__/overview.tsx +1 -1
- package/src/primitives/avatar/__workshop__/asButton.tsx +0 -1
- package/src/primitives/avatar/__workshop__/stack.tsx +0 -1
- package/src/primitives/avatar/avatar.tsx +2 -3
- package/src/primitives/avatar/avatarCounter.tsx +1 -1
- package/src/primitives/avatar/avatarStack.tsx +1 -1
- package/src/primitives/badge/__workshop__/props.tsx +0 -1
- package/src/primitives/badge/__workshop__/tones.tsx +0 -1
- package/src/primitives/badge/badge.tsx +1 -1
- package/src/primitives/box/__workshop__/props.tsx +0 -1
- package/src/primitives/box/__workshop__/responsive.tsx +0 -1
- package/src/primitives/box/box.tsx +1 -1
- package/src/primitives/button/__workshop__/custom.tsx +0 -1
- package/src/primitives/button/__workshop__/customIcons.tsx +0 -1
- package/src/primitives/button/__workshop__/mixedChildren.tsx +0 -1
- package/src/primitives/button/__workshop__/props.tsx +0 -1
- package/src/primitives/button/__workshop__/sanityUploadButton.tsx +0 -1
- package/src/primitives/button/__workshop__/stacked.tsx +0 -1
- package/src/primitives/button/__workshop__/styled1.tsx +0 -1
- package/src/primitives/button/__workshop__/styled2.tsx +0 -1
- package/src/primitives/button/__workshop__/uploadButton.tsx +1 -1
- package/src/primitives/button/button.tsx +3 -3
- package/src/primitives/card/__workshop__/allTones.tsx +0 -1
- package/src/primitives/card/__workshop__/asButton.tsx +0 -1
- package/src/primitives/card/__workshop__/asComponent.tsx +1 -1
- package/src/primitives/card/__workshop__/checkered.tsx +0 -1
- package/src/primitives/card/__workshop__/interactive.tsx +0 -1
- package/src/primitives/card/__workshop__/listNavigation.tsx +0 -1
- package/src/primitives/card/__workshop__/props.tsx +0 -1
- package/src/primitives/card/__workshop__/selected.tsx +0 -1
- package/src/primitives/card/__workshop__/styled.tsx +0 -1
- package/src/primitives/card/card.tsx +1 -1
- package/src/primitives/checkbox/__workshop__/example.tsx +1 -1
- package/src/primitives/checkbox/__workshop__/props.tsx +0 -1
- package/src/primitives/checkbox/__workshop__/readOnly.tsx +0 -1
- package/src/primitives/checkbox/__workshop__/tones.tsx +0 -1
- package/src/primitives/checkbox/checkbox.tsx +1 -1
- package/src/primitives/code/__workshop__/opticalAlignment.tsx +0 -1
- package/src/primitives/code/__workshop__/props.tsx +0 -1
- package/src/primitives/code/code.tsx +1 -1
- package/src/primitives/container/__workshop__/example.tsx +0 -1
- package/src/primitives/container/container.tsx +1 -1
- package/src/primitives/flex/__workshop__/example.tsx +0 -1
- package/src/primitives/flex/__workshop__/gap.tsx +0 -1
- package/src/primitives/flex/flex.tsx +1 -1
- package/src/primitives/grid/__workshop__/responsive.tsx +0 -1
- package/src/primitives/grid/grid.tsx +1 -1
- package/src/primitives/heading/__workshop__/opticalAlignment.tsx +0 -1
- package/src/primitives/heading/__workshop__/plain.tsx +0 -1
- package/src/primitives/heading/heading.tsx +1 -1
- package/src/primitives/inline/__workshop__/plain.tsx +0 -1
- package/src/primitives/inline/inline.tsx +1 -1
- package/src/primitives/kbd/__workshop__/plain.tsx +0 -1
- package/src/primitives/kbd/kbd.tsx +1 -1
- package/src/primitives/label/__workshop__/opticalAlignment.tsx +0 -1
- package/src/primitives/label/__workshop__/plain.tsx +0 -1
- package/src/primitives/label/label.tsx +1 -1
- package/src/primitives/popover/__workshop__/MarginsStory.tsx +0 -1
- package/src/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +0 -1
- package/src/primitives/popover/__workshop__/PlainStory.tsx +1 -1
- package/src/primitives/popover/__workshop__/RecursiveStory.tsx +1 -1
- package/src/primitives/popover/__workshop__/RightAlignedStory.tsx +1 -1
- package/src/primitives/popover/__workshop__/TestStory.tsx +1 -1
- package/src/primitives/popover/arrow.tsx +1 -1
- package/src/primitives/popover/popover.tsx +1 -9
- package/src/primitives/radio/__workshop__/example.tsx +1 -1
- package/src/primitives/radio/__workshop__/plain.tsx +0 -1
- package/src/primitives/radio/radio.tsx +1 -1
- package/src/primitives/select/__workshop__/plain.tsx +0 -1
- package/src/primitives/select/__workshop__/readOnly.tsx +0 -1
- package/src/primitives/select/select.tsx +1 -1
- package/src/primitives/spinner/__workshop__/Props.tsx +0 -1
- package/src/primitives/spinner/spinner.tsx +1 -1
- package/src/primitives/stack/__workshop__/plain.tsx +0 -1
- package/src/primitives/stack/stack.tsx +1 -1
- package/src/primitives/switch/__workshop__/example.tsx +1 -1
- package/src/primitives/switch/__workshop__/props.tsx +1 -1
- package/src/primitives/switch/switch.tsx +1 -1
- package/src/primitives/text/__workshop__/colored.tsx +0 -1
- package/src/primitives/text/__workshop__/example.tsx +0 -1
- package/src/primitives/text/__workshop__/opticalAlignment.tsx +0 -1
- package/src/primitives/text/text.tsx +1 -1
- package/src/primitives/textArea/__workshop__/plain.tsx +0 -1
- package/src/primitives/textArea/textArea.tsx +1 -1
- package/src/primitives/textInput/__workshop__/clearButton.tsx +1 -1
- package/src/primitives/textInput/__workshop__/customValidity.tsx +0 -1
- package/src/primitives/textInput/__workshop__/multipleTones.tsx +0 -1
- package/src/primitives/textInput/__workshop__/plain.tsx +1 -1
- package/src/primitives/textInput/__workshop__/readOnly.tsx +0 -1
- package/src/primitives/textInput/__workshop__/states.tsx +0 -1
- package/src/primitives/textInput/__workshop__/tones.tsx +0 -1
- package/src/primitives/textInput/__workshop__/typed.tsx +1 -1
- package/src/primitives/textInput/textInput.tsx +3 -3
- package/src/primitives/tooltip/__workshop__/props.tsx +0 -1
- package/src/primitives/tooltip/tooltip.tsx +1 -1
- package/src/primitives/tooltip/tooltipArrow.tsx +1 -1
- package/src/styles/font/responsiveFont.ts +13 -0
- package/src/theme/__workshop__/canvas.tsx +1 -1
- package/src/theme/__workshop__/color.tsx +0 -1
- package/src/theme/__workshop__/layer.tsx +1 -1
- package/src/theme/__workshop__/nestedProvider.tsx +0 -1
- package/src/theme/theme.test.tsx +0 -1
- package/src/theme/themeColorProvider.tsx +0 -1
- package/src/theme/themeProvider.tsx +1 -1
- package/src/utils/boundaryElement/__workshop__/plain.tsx +1 -1
- package/src/utils/boundaryElement/boundaryElement.test.tsx +0 -1
- package/src/utils/boundaryElement/boundaryElementProvider.tsx +1 -1
- package/src/utils/elementQuery/__workshop__/customMedia.tsx +0 -1
- package/src/utils/elementQuery/elementQuery.tsx +1 -1
- package/src/utils/errorBoundary.tsx +4 -4
- package/src/utils/layer/__workshop__/_debug.tsx +0 -1
- package/src/utils/layer/__workshop__/multipleRoots.tsx +0 -1
- package/src/utils/layer/__workshop__/plain.tsx +1 -1
- package/src/utils/layer/__workshop__/responsiveZOffset.tsx +0 -1
- package/src/utils/layer/layer.test.tsx +0 -1
- package/src/utils/layer/layer.tsx +1 -1
- package/src/utils/layer/layerProvider.tsx +1 -1
- package/src/utils/portal/__workshop__/named.tsx +1 -1
- package/src/utils/portal/portal.test.tsx +0 -1
- package/src/utils/portal/portal.ts +2 -3
- package/src/utils/portal/portalProvider.tsx +1 -1
- package/src/utils/srOnly/srOnly.tsx +1 -1
- package/src/utils/virtualList/__workshop__/changingProps.tsx +1 -1
- package/src/utils/virtualList/__workshop__/elementScroll.tsx +1 -1
- package/src/utils/virtualList/__workshop__/infiniteList.tsx +1 -1
- package/src/utils/virtualList/__workshop__/windowScrolll.tsx +1 -1
- package/src/utils/virtualList/virtualList.tsx +1 -1
package/dist/sanity-ui.cjs
CHANGED
|
@@ -1,1321 +1,2 @@
|
|
|
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;
|
|
1
|
+
"use strict";var e,n,t,r,o,a,i,s,d,l,c,u,f,h,p,g,b,m,x,v,y,w,k,j,z,S,E,C,$,R,O,T,M,L,H,A,I,_,B,F,P,D,V,N,q,W,X,Y,K,U,G,Z,Q,J,ee,ne,te,re,oe,ae,ie,se,de,le,ce,ue,fe,he,pe,ge,be,me,xe,ve,ye,we,ke,je,ze,Se,Ee,Ce,$e,Re,Oe,Te,Me,Le,He,Ae,Ie,_e,Be;const Fe=["color","layer"],Pe=["accent","align","children","muted","size","textOverflow","weight"],De=["as","color","src","title","initials","onImageLoadError","arrowPosition","animateArrowFrom","status","size"],Ve=["children","maxLength","size"],Ne=["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"],qe=["accent","align","children","muted","size","textOverflow","weight"],We=["children","fontSize","mode","padding","radius","tone"],Xe=["align","as","direction","gap","justify","wrap"],Ye=["children","disabled","fontSize","icon","iconRight","justify","loading","mode","padding","paddingX","paddingY","paddingTop","paddingBottom","paddingLeft","paddingRight","radius","selected","space","text","textAlign","tone","type"],Ke=["__unstable_checkered","__unstable_focusRing","as","border","borderTop","borderRight","borderBottom","borderLeft","pressed","radius","scheme","selected","shadow","tone"],Ue=["checked","className","disabled","indeterminate","customValidity","readOnly","style"],Ge=["children","language","size","weight"],Ze=["as","width"],Qe=["as","autoRows","autoCols","autoFlow","columns","gap","gapX","gapY","rows","children"],Je=["accent","align","children","muted","size","textOverflow","weight"],en=["as","children","space"],nn=["children","fontSize","padding","radius"],tn=["children","media"],rn=["children","style"],on=["children","zOffset"],an=["as","gap","getItemKey","items","onChange","renderItem"],sn=["__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"],dn=["className","disabled","style","customValidity","readOnly"],ln=["children","customValidity","disabled","fontSize","padding","radius","readOnly","space"],cn=["as","space"],un=["checked","className","disabled","indeterminate","readOnly","style"],fn=["border","customValidity","disabled","fontSize","padding","radius","weight"],hn=["border","clearButton","disabled","fontSize","icon","iconRight","onClear","padding","prefix","radius","readOnly","space","suffix","customValidity","type","weight"],pn=["allowedAutoPlacements","boundaryElement","children","content","disabled","fallbackPlacements","placement","portal","scheme","zOffset"],gn=["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"],bn=["children","maxLength","separator","space"],mn=["__unstable_autoFocus","__unstable_hideCloseButton","cardRadius","cardShadow","children","contentRef","footer","header","id","onClickOutside","onClose","padding","portal","position","scheme","width","zOffset"],xn=["fontSize","keys","padding","radius","space"],vn=["children","focusFirst","focusLast","onClickOutside","onEscape","onItemClick","onItemSelect","onKeyDown","originElement","padding","registerElement","shouldFocus","space"],yn=["as","children","fontSize","icon","onClick","padding","popover","radius","space","text","tone"],wn=["as","children","disabled","fontSize","hotkeys","icon","iconRight","onClick","padding","paddingX","paddingY","paddingTop","paddingRight","paddingBottom","paddingLeft","pressed","radius","selected","space","text","tone"],kn=["animated","delay","radius"],jn=["size"],zn=["size"],Sn=["size"],En=["size"],Cn=["icon","id","focused","fontSize","label","onClick","onFocus","padding","selected"],$n=["children"],Rn=["flex"],On=["closable","description","onClose","title","status"],Tn=["children","space"],Mn=["children","expanded"],Ln=["children","expanded","fontSize","href","icon","id","muted","onClick","padding","selected","space","text","weight"];function Hn(){return Hn=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},Hn.apply(this,arguments)}function An(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function In(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function _n(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function Bn(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?_n(Object(t),!0).forEach((function(n){Fn(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):_n(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function Fn(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}Object.defineProperty(exports,"__esModule",{value:!0});var Pn=require("react/jsx-runtime"),Dn=require("react"),Vn=require("react-is"),Nn=require("styled-components"),qn=require("@juggle/resize-observer"),Wn=require("@sanity/color"),Xn=require("@sanity/icons"),Yn=require("react-refractor"),Kn=require("react-popper"),Un=require("react-dom"),Gn=require("popper-max-size-modifier"),Zn=require("framer-motion");function Qn(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Jn=Qn(Vn),et=Qn(Nn),nt=Qn(Yn),tt=Qn(Gn);const rt=[],ot={};function at(e,n){return e.reduce(((e,t)=>(e[t]=n,e)),{})}function it(e){return 0===e?0:"".concat(e/16,"rem")}function st(e,n,t){return((null==n?void 0:n.map(t))||[]).map(((n,t)=>0===t?n:{["@media screen and (min-width: ".concat(e[t-1],"px)")]:n}))}function dt(e,n){return void 0===e?n||rt:Array.isArray(e)?e:[e]}function lt(e,n,t=rt){if(!Array.isArray(t))throw new Error("the property must be array of numbers");return 0===t.length?null:st(e.sanity.media,t,(t=>at(n,it(e.sanity.space[t]))))}function ct(e,n){const{$size:t,$weight:r,theme:o}=n,{fonts:a,media:i}=o.sanity,{family:s,sizes:d,weights:l}=a[e],c=r&&l[r]||l.regular,u=d[2],f={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"}};if(!t)return ct.warned||(console.warn("No size specified for responsive font",{fontKey:e,$size:t,props:n,base:f}),ct.warned=!0),[f];return[f,...st(i,t,(e=>function(e){const{ascenderHeight:n,descenderHeight:t,fontSize:r,iconSize:o,letterSpacing:a,lineHeight:i}=e,s=n+t,d=i-s,l=(d-o)/2,c=2*Math.floor(1.125*r/2)+1,u=(d-c)/2;return{fontSize:it(r),lineHeight:"calc(".concat(i," / ").concat(r,")"),letterSpacing:it(a),transform:"translateY(".concat(it(t),")"),"&:before":{marginTop:"calc(".concat(it(0-s)," - 1px)")},"&:after":{marginBottom:"-1px"},"& svg:not([data-sanity-icon])":{fontSize:"calc(".concat(c," / 16 * 1rem)"),margin:it(u)},"& [data-sanity-icon]":{fontSize:"calc(".concat(o," / 16 * 1rem)"),margin:it(l)}}}(d[e]||u)))]}function ut(e){return ct("code",e)}function ft(e){return ct("heading",e)}function ht(e){return ct("label",e)}function pt(e){const{theme:n}=e;return st(n.sanity.media,e.$align,(e=>({textAlign:e})))}function gt(e){return ct("text",e)}function bt(e,n){const t=JSON.stringify(null!=e?e:n);return Dn.useMemo((()=>dt(e,n)),[t])}function mt(e,n){const t=[e];for(const e of n)Array.isArray(e)?t.push(...e):t.push(e);return t.filter(Boolean)}function xt(e,n=rt,t){const[r,o]=Dn.useState(null),[a,i]=Dn.useState((()=>mt(r,n))),s=Dn.useRef(a);return Dn.useEffect((()=>{const e=s.current,t=mt(r,n);if(e.length!==t.length)return i(t),void(s.current=t);for(const n of e)if(!t.includes(n))return i(t),void(s.current=t);for(const n of t)if(!e.includes(n))return i(t),void(s.current=t)}),[r,n]),Dn.useEffect((()=>{if(!e)return;const n=n=>{const r=n.target;if(r instanceof Node&&(!t||t.contains(r))){for(const e of a)if(r===e||e.contains(r))return;e(n)}};return window.addEventListener("mousedown",n),()=>{window.removeEventListener("mousedown",n)}}),[t,e,a]),o}const vt="undefined"!=typeof window&&window.ResizeObserver?window.ResizeObserver:qn.ResizeObserver,yt=function(){const e=new WeakMap,n=new WeakMap;return{subscribe(t,r){const o=n.get(t)||[];let a=e.get(t);if(!n.has(t)){n.set(t,o);const e={subscribe(e,n){const t=new vt((([e])=>{n({_contentRect:e.contentRect,border:{width:e.borderBoxSize[0].inlineSize,height:e.borderBoxSize[0].blockSize},content:{width:e.contentRect.width,height:e.contentRect.height}})}));return t.observe(e),()=>{t.unobserve(e),t.disconnect()}}};a=e.subscribe(t,(e=>{for(const n of o)n(e)}))}return o.push(r),()=>{const e=o.indexOf(r);e>-1&&o.splice(e,1),0===o.length&&a&&a()}}}}();function wt(e){const[n,t]=Dn.useState(null);return Dn.useEffect((()=>{if(e)return yt.subscribe(e,t)}),[e]),n}function kt(e){return Dn.useEffect((()=>(addEventListener("keydown",e),()=>removeEventListener("keydown",e))),[e])}function jt(e,n){return e*n}function zt(e,n){return{r:Math.round(St(255*jt(e.r/255,n.r/255))),g:Math.round(St(255*jt(e.g/255,n.g/255))),b:Math.round(St(255*jt(e.b/255,n.b/255)))}}function St(e){return Math.max(Math.min(e,255),0)}function Et(e,n){return e+n-e*n}function Ct(e,n){return{r:Math.round($t(255*Et(e.r/255,n.r/255))),g:Math.round($t(255*Et(e.g/255,n.g/255))),b:Math.round($t(255*Et(e.b/255,n.b/255)))}}function $t(e){return Math.max(Math.min(e,255),0)}function Rt(e){if(4===e.length){const n=e.slice(1,2),t=e.slice(2,3),r=e.slice(3,4);return{r:parseInt(n+n,16),g:parseInt(t+t,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 Ot({r:e,g:n,b:t}){return"#"+((1<<24)+(e<<16)+(n<<8)+t).toString(16).slice(1)}function Tt(e){const n=e.s/100,t=e.l/100,r=(1-Math.abs(2*t-1))*n,o=r*(1-Math.abs(e.h/60%2-1)),a=t-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 Mt=/hsl\(\s*(\d+)\s*,\s*((\d+(?:\.\d+)?)%)\s*,\s*((\d+(?:\.\d+)?)%)\s*\)/i;function Lt(e){if(!e)return{r:0,g:0,b:0};if("string"!=typeof e)throw new Error("parseColor: expected a string");if("#"===(n=e)[0]&&(4===n.length||7===n.length)&&function(e){for(const n of e)if(-1==="0123456789ABCDEFabcdef".indexOf(n))return!1;return!0}(n.slice(1)))return Rt(e);var n;if(e.startsWith("hsl("))return Tt(function(e){const n=Mt.exec(e);if(!n)throw new Error('parseHsl: string is not a HSL color: "'.concat(e,'"'));return{h:parseInt(n[1]),s:parseFloat(n[3]),l:parseFloat(n[5])}}(e));throw new Error('parseColor: unexpected color format: "'.concat(e,'"'))}function Ht(e,n){const t=Lt(e);return"rgba(".concat(t.r,",").concat(t.g,",").concat(t.b,",").concat(n,")")}function At(e,n,t,r,o,a){return{default:e.button({base:n,dark:t,solid:r.default,muted:o.default,mode:a}),primary:e.button({base:n,dark:t,solid:r.primary,muted:o.primary,mode:a}),positive:e.button({base:n,dark:t,solid:r.positive,muted:o.positive,mode:a}),caution:e.button({base:n,dark:t,solid:r.caution,muted:o.caution,mode:a}),critical:e.button({base:n,dark:t,solid:r.critical,muted:o.critical,mode:a})}}function It(e,n,t,r,o){return{default:At(e,n,t,r,o,"default"),ghost:At(e,n,t,r,o,"ghost"),bleed:At(e,n,t,r,o,"bleed")}}function _t(e,n,t,r,o,a){return{enabled:e.card({base:n,dark:t,name:r,state:"enabled",solid:o,muted:a}),disabled:e.card({base:n,dark:t,name:r,state:"disabled",solid:o,muted:a}),hovered:e.card({base:n,dark:t,name:r,state:"hovered",solid:o,muted:a}),pressed:e.card({base:n,dark:t,name:r,state:"pressed",solid:o,muted:a}),selected:e.card({base:n,dark:t,name:r,state:"selected",solid:o,muted:a})}}const Bt="hsl(0, 0%, 0%)",Ft="hsl(0, 0%, 100%)",Pt={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%)"}},Dt={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%)"},Vt={transparent:{bg:[Pt.transparent.darkest,Pt.transparent.lightest],fg:[Pt.transparent.lightest,Pt.transparent.darkest],border:[Pt.transparent.darker,Pt.transparent.lighter],focusRing:[Pt.transparent.base,Pt.transparent.base]},primary:{bg:[Pt.primary.darkest,Pt.primary.lightest],fg:[Pt.primary.lightest,Pt.primary.darkest],border:[Pt.primary.darker,Pt.primary.lighter],focusRing:[Pt.primary.base,Pt.primary.base]},positive:{bg:[Pt.positive.darkest,Pt.positive.lightest],fg:[Pt.positive.lightest,Pt.positive.darkest],border:[Pt.positive.darker,Pt.positive.lighter],focusRing:[Pt.positive.base,Pt.positive.base]},caution:{bg:[Pt.caution.darkest,Pt.caution.lightest],fg:[Pt.caution.lightest,Pt.caution.darkest],border:[Pt.caution.darker,Pt.caution.lighter],focusRing:[Pt.caution.base,Pt.caution.base]},critical:{bg:[Pt.critical.darkest,Pt.critical.lightest],fg:[Pt.critical.lightest,Pt.critical.darkest],border:[Pt.critical.darker,Pt.critical.lighter],focusRing:[Pt.critical.base,Pt.critical.base]}},Nt={base:({dark:e,name:n})=>"default"===n?{bg:e?Bt:Ft,fg:e?Ft:Bt,border:e?Pt.default.darkest:Pt.default.lightest,focusRing:Pt.primary.base,shadow:{outline:Bt,umbra:Bt,penumbra:Bt,ambient:Bt},skeleton:{from:e?Ft:Bt,to:e?Ft:Bt}}:{bg:Vt[n].bg[e?0:1],fg:Vt[n].fg[e?0:1],border:Vt[n].border[e?0:1],focusRing:Vt[n].focusRing[e?0:1],shadow:{outline:Bt,umbra:Bt,penumbra:Bt,ambient:Bt},skeleton:{from:e?Ft:Bt,to:e?Ft:Bt}},solid:({base:e,dark:n,state:t,tone:r})=>{const o=Pt[r];return"hovered"===t?{bg:n?o.light:o.dark,bg2:n?o.light:o.dark,border:n?o.lighter:o.darker,fg:n?o.darkest:o.lightest,muted:{fg:Bt},accent:{fg:Bt},link:{fg:Bt},code:{bg:Bt,fg:Bt},skeleton:e.skeleton}:{bg:o.base,bg2:o.base,border:n?o.light:o.dark,fg:n?o.darkest:o.lightest,muted:{fg:Bt},accent:{fg:Bt},link:{fg:Bt},code:{bg:Bt,fg:Bt},skeleton:e.skeleton}},muted:({base:e,dark:n,state:t,tone:r})=>{const o=Pt[r];return"hovered"===t?{bg:n?o.darker:o.lighter,bg2:n?o.darker:o.lighter,border:n?o.lighter:o.darker,fg:n?o.lightest:o.darkest,muted:{fg:Bt},accent:{fg:Bt},link:{fg:Bt},code:{bg:Bt,fg:Bt},skeleton:e.skeleton}:{bg:n?o.darkest:o.lightest,bg2:n?o.darkest:o.lightest,border:n?o.darker:o.lighter,fg:n?o.lighter:o.darker,muted:{fg:Bt},accent:{fg:Bt},link:{fg:Bt},code:{bg:Bt,fg:Bt},skeleton:e.skeleton}},button:({base:e,mode:n,muted:t,solid:r})=>"bleed"===n?Bn(Bn({},t),{},{enabled:{bg:"transparent",bg2:"transparent",fg:t.enabled.fg,border:"transparent",muted:{fg:Bt},accent:{fg:Bt},link:{fg:Bt},code:{bg:Bt,fg:Bt},skeleton:e.skeleton},hovered:{bg:t.enabled.bg,bg2:t.enabled.bg,fg:t.hovered.fg,border:"transparent",muted:{fg:Bt},accent:{fg:Bt},link:{fg:Bt},code:{bg:Bt,fg:Bt},skeleton:e.skeleton}}):"ghost"===n?Bn(Bn({},r),{},{enabled:t.enabled}):r,card:({base:e})=>({bg:Bt,bg2:Bt,fg:Bt,border:Bt,muted:{fg:Bt},accent:{fg:Bt},link:{fg:Bt},code:{bg:Bt,fg:Bt},skeleton:e.skeleton}),input:()=>({bg:Bt,fg:Bt,border:Bt,placeholder:Bt}),selectable:({muted:e,state:n,tone:t})=>e[t][n],spot:({key:e})=>Dt[e],syntax:()=>({atrule:Bt,attrName:Bt,attrValue:Bt,attribute:Bt,boolean:Bt,builtin:Bt,cdata:Bt,char:Bt,class:Bt,className:Bt,comment:Bt,constant:Bt,deleted:Bt,doctype:Bt,entity:Bt,function:Bt,hexcode:Bt,id:Bt,important:Bt,inserted:Bt,keyword:Bt,number:Bt,operator:Bt,prolog:Bt,property:Bt,pseudoClass:Bt,pseudoElement:Bt,punctuation:Bt,regex:Bt,selector:Bt,string:Bt,symbol:Bt,tag:Bt,unit:Bt,url:Bt,variable:Bt})};function qt(e,n,t,r,o){return{default:{enabled:e.input({base:n,dark:t,mode:"default",state:"enabled",solid:r.default,muted:o.default}),disabled:e.input({base:n,dark:t,mode:"default",state:"disabled",solid:r.default,muted:o.default}),hovered:e.input({base:n,dark:t,mode:"default",state:"hovered",solid:r.default,muted:o.default}),readOnly:e.input({base:n,dark:t,mode:"default",state:"readOnly",solid:r.default,muted:o.default})},invalid:{enabled:e.input({base:n,dark:t,mode:"invalid",state:"enabled",solid:r.default,muted:o.default}),disabled:e.input({base:n,dark:t,mode:"invalid",state:"disabled",solid:r.default,muted:o.default}),hovered:e.input({base:n,dark:t,mode:"invalid",state:"hovered",solid:r.default,muted:o.default}),readOnly:e.input({base:n,dark:t,mode:"invalid",state:"readOnly",solid:r.default,muted:o.default})}}}function Wt(e,n,t,r,o){return{default:Xt(e,n,t,r,o,"default"),primary:Xt(e,n,t,r,o,"primary"),positive:Xt(e,n,t,r,o,"positive"),caution:Xt(e,n,t,r,o,"caution"),critical:Xt(e,n,t,r,o,"critical")}}function Xt(e,n,t,r,o,a){return{enabled:e.selectable({base:n,dark:t,solid:r,muted:o,state:"enabled",tone:a}),hovered:e.selectable({base:n,dark:t,solid:r,muted:o,state:"hovered",tone:a}),pressed:e.selectable({base:n,dark:t,solid:r,muted:o,state:"pressed",tone:a}),selected:e.selectable({base:n,dark:t,solid:r,muted:o,state:"selected",tone:a}),disabled:e.selectable({base:n,dark:t,solid:r,muted:o,state:"disabled",tone:a})}}function Yt(e,n,t){return{gray:e.spot({base:n,dark:t,key:"gray"}),blue:e.spot({base:n,dark:t,key:"blue"}),purple:e.spot({base:n,dark:t,key:"purple"}),magenta:e.spot({base:n,dark:t,key:"magenta"}),red:e.spot({base:n,dark:t,key:"red"}),orange:e.spot({base:n,dark:t,key:"orange"}),yellow:e.spot({base:n,dark:t,key:"yellow"}),green:e.spot({base:n,dark:t,key:"green"}),cyan:e.spot({base:n,dark:t,key:"cyan"})}}function Kt(e={}){const n=Bn(Bn({},Nt),e);return{light:Ut(n,!1),dark:Ut(n,!0)}}function Ut(e,n){return{default:Gt(e,n,"default"),transparent:Gt(e,n,"transparent"),primary:Gt(e,n,"primary"),positive:Gt(e,n,"positive"),caution:Gt(e,n,"caution"),critical:Gt(e,n,"critical")}}function Gt(e,n,t){const r=e.base({dark:n,name:t}),o=function(e,n,t,r){return{default:{enabled:e.solid({base:n,dark:t,tone:"default",name:r,state:"enabled"}),disabled:e.solid({base:n,dark:t,tone:"default",name:r,state:"disabled"}),hovered:e.solid({base:n,dark:t,tone:"default",name:r,state:"hovered"}),pressed:e.solid({base:n,dark:t,tone:"default",name:r,state:"pressed"}),selected:e.solid({base:n,dark:t,tone:"default",name:r,state:"selected"})},transparent:{enabled:e.solid({base:n,dark:t,tone:"transparent",name:r,state:"enabled"}),disabled:e.solid({base:n,dark:t,tone:"transparent",name:r,state:"disabled"}),hovered:e.solid({base:n,dark:t,tone:"transparent",name:r,state:"hovered"}),pressed:e.solid({base:n,dark:t,tone:"transparent",name:r,state:"pressed"}),selected:e.solid({base:n,dark:t,tone:"transparent",name:r,state:"selected"})},primary:{enabled:e.solid({base:n,dark:t,tone:"primary",name:r,state:"enabled"}),disabled:e.solid({base:n,dark:t,tone:"primary",name:r,state:"disabled"}),hovered:e.solid({base:n,dark:t,tone:"primary",name:r,state:"hovered"}),pressed:e.solid({base:n,dark:t,tone:"primary",name:r,state:"pressed"}),selected:e.solid({base:n,dark:t,tone:"primary",name:r,state:"selected"})},positive:{enabled:e.solid({base:n,dark:t,tone:"positive",name:r,state:"enabled"}),disabled:e.solid({base:n,dark:t,tone:"positive",name:r,state:"disabled"}),hovered:e.solid({base:n,dark:t,tone:"positive",name:r,state:"hovered"}),pressed:e.solid({base:n,dark:t,tone:"positive",name:r,state:"pressed"}),selected:e.solid({base:n,dark:t,tone:"positive",name:r,state:"selected"})},caution:{enabled:e.solid({base:n,dark:t,tone:"caution",name:r,state:"enabled"}),disabled:e.solid({base:n,dark:t,tone:"caution",name:r,state:"disabled"}),hovered:e.solid({base:n,dark:t,tone:"caution",name:r,state:"hovered"}),pressed:e.solid({base:n,dark:t,tone:"caution",name:r,state:"pressed"}),selected:e.solid({base:n,dark:t,tone:"caution",name:r,state:"selected"})},critical:{enabled:e.solid({base:n,dark:t,tone:"critical",name:r,state:"enabled"}),disabled:e.solid({base:n,dark:t,tone:"critical",name:r,state:"disabled"}),hovered:e.solid({base:n,dark:t,tone:"critical",name:r,state:"hovered"}),pressed:e.solid({base:n,dark:t,tone:"critical",name:r,state:"pressed"}),selected:e.solid({base:n,dark:t,tone:"critical",name:r,state:"selected"})}}}(e,r,n,t),a=function(e,n,t,r){return{default:{enabled:e.muted({base:n,dark:t,tone:"default",name:r,state:"enabled"}),disabled:e.muted({base:n,dark:t,tone:"default",name:r,state:"disabled"}),hovered:e.muted({base:n,dark:t,tone:"default",name:r,state:"hovered"}),pressed:e.muted({base:n,dark:t,tone:"default",name:r,state:"pressed"}),selected:e.muted({base:n,dark:t,tone:"default",name:r,state:"selected"})},transparent:{enabled:e.muted({base:n,dark:t,tone:"transparent",name:r,state:"enabled"}),disabled:e.muted({base:n,dark:t,tone:"transparent",name:r,state:"disabled"}),hovered:e.muted({base:n,dark:t,tone:"transparent",name:r,state:"hovered"}),pressed:e.muted({base:n,dark:t,tone:"transparent",name:r,state:"pressed"}),selected:e.muted({base:n,dark:t,tone:"transparent",name:r,state:"selected"})},primary:{enabled:e.muted({base:n,dark:t,tone:"primary",name:r,state:"enabled"}),disabled:e.muted({base:n,dark:t,tone:"primary",name:r,state:"disabled"}),hovered:e.muted({base:n,dark:t,tone:"primary",name:r,state:"hovered"}),pressed:e.muted({base:n,dark:t,tone:"primary",name:r,state:"pressed"}),selected:e.muted({base:n,dark:t,tone:"primary",name:r,state:"selected"})},positive:{enabled:e.muted({base:n,dark:t,tone:"positive",name:r,state:"enabled"}),disabled:e.muted({base:n,dark:t,tone:"positive",name:r,state:"disabled"}),hovered:e.muted({base:n,dark:t,tone:"positive",name:r,state:"hovered"}),pressed:e.muted({base:n,dark:t,tone:"positive",name:r,state:"pressed"}),selected:e.muted({base:n,dark:t,tone:"positive",name:r,state:"selected"})},caution:{enabled:e.muted({base:n,dark:t,tone:"caution",name:r,state:"enabled"}),disabled:e.muted({base:n,dark:t,tone:"caution",name:r,state:"disabled"}),hovered:e.muted({base:n,dark:t,tone:"caution",name:r,state:"hovered"}),pressed:e.muted({base:n,dark:t,tone:"caution",name:r,state:"pressed"}),selected:e.muted({base:n,dark:t,tone:"caution",name:r,state:"selected"})},critical:{enabled:e.muted({base:n,dark:t,tone:"critical",name:r,state:"enabled"}),disabled:e.muted({base:n,dark:t,tone:"critical",name:r,state:"disabled"}),hovered:e.muted({base:n,dark:t,tone:"critical",name:r,state:"hovered"}),pressed:e.muted({base:n,dark:t,tone:"critical",name:r,state:"pressed"}),selected:e.muted({base:n,dark:t,tone:"critical",name:r,state:"selected"})}}}(e,r,n,t);return{base:r,button:It(e,r,n,o,a),card:_t(e,r,n,t,o,a),dark:n,input:qt(e,r,n,o,a),selectable:Wt(e,r,n,o,a),spot:Yt(e,r,n),syntax:e.syntax({base:r,dark:n}),solid:o,muted:a}}function Zt(e,n){return Ot(zt(Lt(e),Lt(n)))}function Qt(e,n){return Ot(Ct(Lt(e),Lt(n)))}const Jt={default:Wn.hues.gray,transparent:Wn.hues.gray,primary:Wn.hues.blue,positive:Wn.hues.green,caution:Wn.hues.yellow,critical:Wn.hues.red},er=["default","transparent"],nr=Kt({base:({dark:e,name:n})=>{if("default"===n){const n=Wn.hues.gray,t=e?n[900].hex:n[100].hex;return{fg:e?Wn.white.hex:Wn.black.hex,bg:e?Wn.black.hex:Wn.white.hex,border:n[e?800:200].hex,focusRing:Wn.hues.blue[500].hex,shadow:{outline:Ht(n[500].hex,.4),umbra:e?Ht(n[950].hex,.4):Ht(n[500].hex,.2),penumbra:e?Ht(n[950].hex,.28):Ht(n[500].hex,.14),ambient:e?Ht(n[950].hex,.24):Ht(n[500].hex,.12)},skeleton:{from:t,to:Ht(t,.5)}}}if("transparent"===n){const n=Jt.default,t=n[e?800:200].hex;return{fg:n[e?100:900].hex,bg:n[e?950:50].hex,border:n[e?800:300].hex,focusRing:Wn.hues.blue[500].hex,shadow:{outline:Ht(n[500].hex,.4),umbra:e?Ht(n[900].hex,.4):Ht(n[500].hex,.2),penumbra:e?Ht(n[900].hex,.28):Ht(n[500].hex,.14),ambient:e?Ht(n[900].hex,.24):Ht(n[500].hex,.12)},skeleton:{from:t,to:Ht(t,.5)}}}const t=Jt[n]||Jt.default,r=t[e?800:200].hex;return{fg:t[e?100:900].hex,bg:t[e?950:50].hex,border:t[e?800:200].hex,focusRing:t[500].hex,shadow:{outline:Ht(t[500].hex,.4),umbra:e?Ht(t[900].hex,.4):Ht(t[500].hex,.2),penumbra:e?Ht(t[900].hex,.28):Ht(t[500].hex,.14),ambient:e?Ht(t[900].hex,.24):Ht(t[500].hex,.12)},skeleton:{from:r,to:Ht(r,.5)}}},solid:({base:e,dark:n,name:t,state:r,tone:o})=>{const a=n?Qt:Zt,i=n?Zt:Qt,s=Jt[t]||Jt.default,d=er.includes(t)&&er.includes(o);let l=Jt["default"===o?t:o]||s;if("disabled"===r){l=s;const t=a(e.bg,l[n?800:200].hex),r=i(t,l[n?200:800].hex);return{bg:t,bg2:i(t,l[n?50:950].hex),border:a(e.bg,l[n?800:200].hex),fg:a(e.bg,n?Wn.black.hex:Wn.white.hex),muted:{fg:a(e.bg,l[n?950:50].hex)},accent:{fg:a(e.bg,l[n?950:50].hex)},link:{fg:a(e.bg,l[n?950:50].hex)},code:{bg:t,fg:a(e.bg,l[n?950:50].hex)},skeleton:{from:r,to:Ht(r,.5)}}}if("hovered"===r){const t=a(e.bg,l[n?300:600].hex),r=i(t,l[n?200:800].hex);return{bg:t,bg2:i(t,l[n?50:950].hex),border:a(e.bg,l[n?300:600].hex),fg:a(e.bg,n?Wn.black.hex:Wn.white.hex),muted:{fg:a(e.bg,l[n?800:200].hex)},accent:{fg:i(t,Wn.hues.red[n?800:200].hex)},link:{fg:i(t,Wn.hues.blue[n?800:200].hex)},code:{bg:a(t,l[n?950:50].hex),fg:a(e.bg,l[n?800:200].hex)},skeleton:{from:r,to:Ht(r,.5)}}}if("pressed"===r){const t=a(e.bg,l[n?200:800].hex),r=i(t,l[n?200:800].hex);return{bg:a(e.bg,l[n?200:800].hex),bg2:i(t,l[n?50:950].hex),border:a(e.bg,l[n?200:800].hex),fg:a(e.bg,n?Wn.black.hex:Wn.white.hex),muted:{fg:a(e.bg,l[n?800:200].hex)},accent:{fg:i(t,Wn.hues.red[n?800:200].hex)},link:{fg:i(t,Wn.hues.blue[n?800:200].hex)},code:{bg:a(t,l[n?950:50].hex),fg:a(e.bg,l[n?800:200].hex)},skeleton:{from:r,to:Ht(r,.5)}}}if("selected"===r){d&&(l=Jt.primary);const t=a(e.bg,l[n?200:800].hex),r=i(t,l[n?200:800].hex);return{bg:t,bg2:i(t,l[n?50:950].hex),border:a(e.bg,l[n?200:800].hex),fg:a(e.bg,n?Wn.black.hex:Wn.white.hex),muted:{fg:a(e.bg,l[n?800:200].hex)},accent:{fg:i(t,Wn.hues.red[n?800:200].hex)},link:{fg:i(t,Wn.hues.blue[n?800:200].hex)},code:{bg:a(t,l[n?950:50].hex),fg:a(e.bg,l[n?800:200].hex)},skeleton:{from:r,to:Ht(r,.5)}}}const c=a(e.bg,l[n?400:500].hex),u=i(c,l[n?200:800].hex);return{bg:c,bg2:i(c,l[n?50:950].hex),border:a(e.bg,l[n?400:500].hex),fg:a(e.bg,n?Wn.black.hex:Wn.white.hex),muted:{fg:a(e.bg,l[n?900:100].hex)},accent:{fg:i(c,Wn.hues.red[n?900:100].hex)},link:{fg:i(c,Wn.hues.blue[n?900:100].hex)},code:{bg:a(c,l[n?950:50].hex),fg:a(e.bg,l[n?900:100].hex)},skeleton:{from:u,to:Ht(u,.5)}}},muted:({base:e,dark:n,name:t,state:r,tone:o})=>{const a=n?Qt:Zt,i=Jt[t]||Jt.default,s=er.includes(t)&&er.includes(o);let d=Jt["default"===o?t:o]||i;if("disabled"===r){d=i;const t=e.bg,r=a(t,d[n?900:100].hex);return{bg:t,bg2:a(t,d[n?950:50].hex),border:a(t,d[n?950:50].hex),fg:a(t,d[n?800:200].hex),muted:{fg:a(t,d[n?900:100].hex)},accent:{fg:a(t,d[n?900:100].hex)},link:{fg:a(t,d[n?900:100].hex)},code:{bg:t,fg:a(t,d[n?900:100].hex)},skeleton:{from:Ht(r,.5),to:Ht(r,.25)}}}if("hovered"===r){const t=a(e.bg,d[n?950:50].hex),r=a(t,d[n?900:100].hex);return{bg:t,bg2:a(t,d[n?950:50].hex),border:a(t,d[n?900:100].hex),fg:a(e.bg,d[n?200:800].hex),muted:{fg:a(e.bg,d[n?400:600].hex)},accent:{fg:a(e.bg,Wn.hues.red[n?400:500].hex)},link:{fg:a(e.bg,Wn.hues.blue[n?400:600].hex)},code:{bg:a(t,d[n?950:50].hex),fg:a(e.bg,d[n?400:600].hex)},skeleton:{from:r,to:Ht(r,.5)}}}if("pressed"===r){s&&(d=Jt.primary);const t=a(e.bg,d[n?900:100].hex),r=a(t,d[n?900:100].hex);return{bg:t,bg2:a(t,d[n?950:50].hex),border:a(t,d[n?900:100].hex),fg:a(e.bg,d[n?200:800].hex),muted:{fg:a(e.bg,d[n?400:600].hex)},accent:{fg:a(t,Wn.hues.red[n?400:500].hex)},link:{fg:a(t,Wn.hues.blue[n?400:600].hex)},code:{bg:a(t,d[n?950:50].hex),fg:a(e.bg,d[n?400:600].hex)},skeleton:{from:r,to:Ht(r,.5)}}}if("selected"===r){s&&(d=Jt.primary);const t=a(e.bg,d[n?900:100].hex),r=a(t,d[n?900:100].hex);return{bg:t,bg2:a(t,d[n?950:50].hex),border:a(t,d[n?900:100].hex),fg:a(e.bg,d[n?200:800].hex),muted:{fg:a(e.bg,d[n?400:600].hex)},accent:{fg:a(t,Wn.hues.red[n?400:500].hex)},link:{fg:a(t,Wn.hues.blue[n?400:600].hex)},code:{bg:a(t,d[n?950:50].hex),fg:a(e.bg,d[n?400:600].hex)},skeleton:{from:r,to:Ht(r,.5)}}}const l=e.bg,c=a(l,d[n?900:100].hex);return{bg:l,bg2:a(l,d[n?950:50].hex),border:a(l,d[n?900:100].hex),fg:a(e.bg,d[n?300:700].hex),muted:{fg:a(e.bg,d[n?400:600].hex)},accent:{fg:a(e.bg,Wn.hues.red[n?400:500].hex)},link:{fg:a(e.bg,Wn.hues.blue[n?400:600].hex)},code:{bg:a(e.bg,d[n?950:50].hex),fg:a(e.bg,d[n?400:600].hex)},skeleton:{from:c,to:Ht(c,.5)}}},button:({base:e,mode:n,muted:t,solid:r})=>"bleed"===n?{enabled:Bn(Bn({},t.enabled),{},{border:t.enabled.bg}),hovered:Bn(Bn({},t.hovered),{},{border:t.hovered.bg}),pressed:Bn(Bn({},t.pressed),{},{border:t.pressed.bg}),selected:Bn(Bn({},t.selected),{},{border:t.selected.bg}),disabled:Bn(Bn({},t.disabled),{},{border:t.disabled.bg})}:"ghost"===n?Bn(Bn({},r),{},{enabled:Bn(Bn({},t.enabled),{},{border:e.border}),disabled:t.disabled}):r,card:({base:e,dark:n,muted:t,name:r,solid:o,state:a})=>{if("hovered"===a)return t[r].hovered;if("disabled"===a)return t[r].disabled;const i=er.includes(r),s=Jt[r]||Jt.default,d=n?Qt:Zt;if("pressed"===a)return i?t.primary.pressed:t[r].pressed;if("selected"===a)return i?o.primary.enabled:o[r].enabled;const l=e.bg,c=d(e.bg,s[n?900:100].hex);return{bg:l,bg2:d(l,s[n?950:50].hex),fg:e.fg,border:e.border,muted:{fg:d(e.bg,s[n?400:600].hex)},accent:{fg:d(e.bg,Wn.hues.red[n?400:500].hex)},link:{fg:d(e.bg,Wn.hues.blue[n?400:600].hex)},code:{bg:d(e.bg,s[n?950:50].hex),fg:s[n?400:600].hex},skeleton:{from:c,to:Ht(c,.5)}}},input:({base:e,dark:n,mode:t,state:r})=>{const o=n?Qt:Zt;if("invalid"===t){const t=Jt.critical;return{bg:o(e.bg,t[n?950:50].hex),fg:o(e.bg,t[n?400:600].hex),border:o(e.bg,t[n?800:200].hex),placeholder:o(e.bg,t[n?600:400].hex)}}return"hovered"===r?{bg:e.bg,fg:e.fg,border:o(e.bg,Wn.hues.gray[n?700:300].hex),placeholder:o(e.bg,Wn.hues.gray[n?600:400].hex)}:"disabled"===r?{bg:o(e.bg,Wn.hues.gray[n?950:50].hex),fg:o(e.bg,Wn.hues.gray[n?700:300].hex),border:o(e.bg,Wn.hues.gray[n?900:100].hex),placeholder:o(e.bg,Wn.hues.gray[n?800:200].hex)}:"readOnly"===r?{bg:o(e.bg,Wn.hues.gray[n?950:50].hex),fg:o(e.bg,Wn.hues.gray[n?200:800].hex),border:o(e.bg,Wn.hues.gray[n?800:200].hex),placeholder:o(e.bg,Wn.hues.gray[n?600:400].hex)}:{bg:e.bg,fg:e.fg,border:e.border,placeholder:o(e.bg,Wn.hues.gray[n?600:400].hex)}},selectable:({base:e,muted:n,tone:t,solid:r,state:o})=>"enabled"===o?Bn(Bn({},n[t].enabled),{},{bg:e.bg}):"pressed"===o?"default"===t?n.primary.pressed:n[t].pressed:"selected"===o?"default"===t?r.primary.enabled:r[t].enabled:"disabled"===o?Bn(Bn({},n[t].disabled),{},{bg:e.bg}):n[t][o],spot:({base:e,dark:n,key:t})=>(n?Qt:Zt)(e.bg,Wn.hues[t][n?400:500].hex),syntax:({base:e,dark:n})=>{const t=n?Qt:Zt,r=n?400:600,o=n?600:400;return{atrule:t(e.bg,Wn.hues.purple[r].hex),attrName:t(e.bg,Wn.hues.green[r].hex),attrValue:t(e.bg,Wn.hues.yellow[r].hex),attribute:t(e.bg,Wn.hues.yellow[r].hex),boolean:t(e.bg,Wn.hues.purple[r].hex),builtin:t(e.bg,Wn.hues.purple[r].hex),cdata:t(e.bg,Wn.hues.yellow[r].hex),char:t(e.bg,Wn.hues.yellow[r].hex),class:t(e.bg,Wn.hues.orange[r].hex),className:t(e.bg,Wn.hues.cyan[r].hex),comment:t(e.bg,Wn.hues.gray[o].hex),constant:t(e.bg,Wn.hues.purple[r].hex),deleted:t(e.bg,Wn.hues.red[r].hex),doctype:t(e.bg,Wn.hues.gray[o].hex),entity:t(e.bg,Wn.hues.red[r].hex),function:t(e.bg,Wn.hues.green[r].hex),hexcode:t(e.bg,Wn.hues.blue[r].hex),id:t(e.bg,Wn.hues.purple[r].hex),important:t(e.bg,Wn.hues.purple[r].hex),inserted:t(e.bg,Wn.hues.yellow[r].hex),keyword:t(e.bg,Wn.hues.magenta[r].hex),number:t(e.bg,Wn.hues.purple[r].hex),operator:t(e.bg,Wn.hues.magenta[r].hex),prolog:t(e.bg,Wn.hues.gray[o].hex),property:t(e.bg,Wn.hues.blue[r].hex),pseudoClass:t(e.bg,Wn.hues.yellow[r].hex),pseudoElement:t(e.bg,Wn.hues.yellow[r].hex),punctuation:t(e.bg,Wn.hues.gray[r].hex),regex:t(e.bg,Wn.hues.blue[r].hex),selector:t(e.bg,Wn.hues.red[r].hex),string:t(e.bg,Wn.hues.yellow[r].hex),symbol:t(e.bg,Wn.hues.purple[r].hex),tag:t(e.bg,Wn.hues.red[r].hex),unit:t(e.bg,Wn.hues.orange[r].hex),url:t(e.bg,Wn.hues.red[r].hex),variable:t(e.bg,Wn.hues.red[r].hex)}}}),tr={avatar:{sizes:[{distance:-3,size:25},{distance:-6,size:35},{distance:-9,size:55}]},button:{textWeight:"medium"},color:nr,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}}},rr={dialog:{zOffset:600},popover:{zOffset:400},tooltip:{zOffset:200}};const or=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")}(),ar=Symbol.for("@sanity/ui/context/theme");or[ar]=or[ar]||Dn.createContext(null);const ir=or[ar];function sr(e){const n=Dn.useContext(ir),{children:t,scheme:r=(null==n?void 0:n.scheme)||"light",theme:o=(null==n?void 0:n.theme)||null,tone:a=(null==n?void 0:n.tone)||"default"}=e,i=Dn.useMemo((()=>{if(!o)return null;const{color:e,layer:n}=o,t=In(o,Fe),i=e[r]||e.light,s=i[a]||i.default,d=n||rr;return{sanity:Bn(Bn({},t),{},{color:s,layer:d})}}),[r,o,a]),s=Dn.useMemo((()=>o&&{version:0,theme:o,scheme:r,tone:a}),[o,r,a]);return i?Pn.jsx(ir.Provider,{value:s,children:Pn.jsx(Nn.ThemeProvider,{theme:i,children:t})}):Pn.jsx("pre",{children:'ThemeProvider: no "theme" property provided'})}function dr(e){return Boolean(e&&"object"==typeof e)}function lr(){const e=Dn.useContext(ir);if(!e)throw new Error("useRootTheme(): missing context value");if(!dr(e)||0!==e.version)throw new Error("useRootTheme(): the context value is not compatible");return e}function cr(e){const{children:n,scheme:t,tone:r}=e,o=lr();return Pn.jsx(sr,{scheme:t||o.scheme,theme:o.theme,tone:r,children:n})}function ur(){return Nn.useTheme()}const fr=new WeakMap;function hr(e,n){return 0===n?"screen and (max-width: ".concat(e[n]-1,"px)"):n===e.length?"screen and (min-width: ".concat(e[n-1],"px)"):"screen and (min-width: ".concat(e[n-1],"px) and (max-width: ").concat(e[n]-1,"px)")}function pr(e){let n=fr.get(e);return n||(n=function(e){const n=e.length,t=[];if("undefined"!=typeof window)for(let r=n;r>-1;r-=1){const n=hr(e,r);t.push({index:r,mq:window.matchMedia(n)})}return{getCurrentIndex:()=>{for(const{index:e,mq:n}of t)if(n.matches)return e;return 0},subscribe:e=>{const n=[];for(const{index:r,mq:o}of t){const t=()=>{o.matches&&e(r)};o.addEventListener?o.addEventListener("change",t):o.addListener(t),n.push((()=>{o.removeEventListener?o.removeEventListener("change",t):o.removeListener(t)}))}return()=>{for(const e of n)e()}}}}(e),fr.set(e,n)),n}function gr(){const e=ur(),{media:n}=e.sanity,t=Dn.useMemo((()=>pr(n)),[n]),[r,o]=Dn.useState(t.getCurrentIndex);return Dn.useEffect((()=>t.subscribe(o)),[t]),r}const br="undefined"!=typeof window?Dn.useLayoutEffect:Dn.useEffect;function mr(e){const n=Dn.useRef(null);return br((()=>{e&&("function"==typeof e?e(n.current):e.current=n.current)})),n}function xr(e,n){Dn.useEffect((()=>{e.current&&e.current.setCustomValidity(n||"")}),[n,e])}const vr="1px solid var(--card-border-color)";function yr(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$border,(e=>e?{"&&":{border:vr}}:{"&&":{border:0}}))}function wr(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$borderTop,(e=>e?{"&&":{borderTop:vr}}:{"&&":{borderTop:0}}))}function kr(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$borderRight,(e=>e?{"&&":{borderRight:vr}}:{"&&":{borderRight:0}}))}function jr(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$borderBottom,(e=>e?{"&&":{borderBottom:vr}}:{"&&":{borderBottom:0}}))}function zr(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$borderLeft,(e=>e?{"&&":{borderLeft:vr}}:{"&&":{borderLeft:0}}))}const Sr={'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"}},Er={content:"content-box",border:"border-box"},Cr={stretch:"stretch",fill:"100%"};function $r(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$display,(e=>({"&:not([hidden])":{display:e}})))}function Rr(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$sizing,(e=>({boxSizing:Er[e]})))}function Or(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$height,(e=>({height:Cr[e]})))}function Tr(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$overflow,(e=>({overflow:e})))}const Mr={"&&:not([hidden])":{display:"flex"}};function Lr(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$align,(e=>({alignItems:e})))}function Hr(e){const{theme:n}=e,{media:t,space:r}=n.sanity;return st(t,e.$gap,(e=>({gap:e?it(r[e]):void 0})))}function Ar(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$wrap,(e=>({flexWrap:e})))}function Ir(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$justify,(e=>({justifyContent:e})))}function _r(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$direction,(e=>({flexDirection:e})))}const Br={minWidth:0,minHeight:0};function Fr(){return[Br,Pr]}function Pr(e){const{theme:n}=e,{media:t}=n.sanity;return e.$flex?st(t,e.$flex,(e=>({flex:e}))):rt}function Dr(e){return"inset 0 0 0 ".concat(e.width,"px ").concat(e.color)}function Vr(e){const{base:n,border:t,focusRing:r}=e,o=r.offset+r.width,a=0-r.offset,i=n?n.bg:"var(--card-bg-color)";return[a>0&&"inset 0 0 0 ".concat(a,"px var(--card-focus-ring-color)"),t&&Dr(t),a<0&&"0 0 0 ".concat(0-a,"px ").concat(i),o>0&&"0 0 0 ".concat(o,"px var(--card-focus-ring-color)")].filter(Boolean).join(",")}const Nr={"&&:not([hidden])":{display:"grid"},'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"}},qr={auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},Wr={auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"};function Xr(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$autoFlow,(e=>({gridAutoFlow:e})))}function Yr(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$autoRows,(e=>({gridAutoRows:e&&Wr[e]})))}function Kr(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$autoCols,(e=>({gridAutoColumns:e&&qr[e]})))}function Ur(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$columns,(e=>({gridTemplateColumns:e&&"repeat(".concat(e,",minmax(0,1fr));")})))}function Gr(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$rows,(e=>({gridTemplateRows:e&&"repeat(".concat(e,",minmax(0,1fr));")})))}function Zr(e){const{theme:n}=e,{media:t,space:r}=n.sanity;return st(t,e.$gap,(e=>({gridGap:e?it(r[e]):void 0})))}function Qr(e){const{theme:n}=e,{media:t,space:r}=n.sanity;return st(t,e.$gapX,(e=>({columnGap:e?it(r[e]):void 0})))}function Jr(e){const{theme:n}=e,{media:t,space:r}=n.sanity;return st(t,e.$gapY,(e=>({rowGap:e?it(r[e]):void 0})))}const eo={auto:"auto",full:"1 / -1"},no={auto:"auto",full:"1 / -1"};function to(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$row,(e=>"number"==typeof e?{gridRow:"span ".concat(e," / span ").concat(e)}:{gridRow:eo[e]}))}function ro(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$rowStart,(e=>({gridRowStart:e})))}function oo(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$rowEnd,(e=>({gridRowEnd:e})))}function ao(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$column,(e=>"number"==typeof e?{gridColumn:"span ".concat(e," / span ").concat(e)}:{gridColumn:no[e]}))}function io(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$columnStart,(e=>({gridColumnStart:e})))}function so(e){const{theme:n}=e,{media:t}=n.sanity;return st(t,e.$columnEnd,(e=>({gridColumnEnd:e})))}function lo(e){const{$fontSize:n,$iconLeft:t,$iconRight:r,$padding:o,$space:a,theme:i}=e,{fonts:s,media:d,space:l}=i.sanity,c=Math.max(o.length,a.length,n.length),u=[],f=[],h=[];for(let e=0;e<c;e+=1)h[e]=void 0===n[e]?h[e-1]:n[e],u[e]=void 0===o[e]?u[e-1]:o[e],f[e]=void 0===a[e]?f[e-1]:a[e];return st(d,u,((e,n)=>{const o=s.text.sizes[h[n]]||s.text.sizes[2],a=o.lineHeight-o.ascenderHeight-o.descenderHeight,i=l[u[n]],d=l[f[n]],c={paddingTop:it(i-o.ascenderHeight),paddingRight:it(i),paddingBottom:it(i-o.descenderHeight),paddingLeft:it(i)};return r&&(c.paddingRight=it(i+a+d)),t&&(c.paddingLeft=it(i+a+d)),c}))}function co(e){return lo(Bn(Bn({},e),{},{$iconRight:!0}))}const uo=Nn.css(e||(e=An(["\n &:not([hidden]) {\n display: flex;\n }\n\n align-items: center;\n"])));function fo(){return uo}function ho(e){const{theme:t,$scheme:r,$tone:o,$weight:a}=e,i=t.sanity.fonts.text,s=t.sanity.color.input;return Nn.css(n||(n=An(["\n appearance: none;\n background: none;\n border: 0;\n border-radius: 0;\n outline: none;\n width: 100%;\n box-sizing: border-box;\n font-family: ",";\n font-weight: ",";\n margin: 0;\n position: relative;\n z-index: 1;\n display: block;\n\n /* NOTE: This is a hack to disable Chrome’s autofill styles */\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n -webkit-text-fill-color: var(--input-fg-color) !important;\n transition: background-color 5000s;\n transition-delay: 86400s /* 24h */;\n }\n\n /* &:is(textarea) */\n &[data-as='textarea'] {\n resize: none;\n }\n\n color: var(--input-fg-color);\n\n &::placeholder {\n color: var(--input-placeholder-color);\n }\n\n &[data-scheme='","'][data-tone='","'] {\n --input-fg-color: ",";\n --input-placeholder-color: ",";\n\n /* enabled */\n &:not(:invalid):not(:disabled):not(:read-only) {\n --input-fg-color: ",";\n --input-placeholder-color: ",";\n }\n\n /* disabled */\n &:not(:invalid):disabled {\n --input-fg-color: ",";\n --input-placeholder-color: ",";\n }\n\n /* invalid */\n &:invalid {\n --input-fg-color: ",";\n --input-placeholder-color: ",";\n }\n\n /* readOnly */\n &:read-only {\n --input-fg-color: ",";\n --input-placeholder-color: ",";\n }\n }\n "])),i.family,a&&i.weights[a]||i.weights.regular,r,o,s.default.enabled.fg,s.default.enabled.placeholder,s.default.enabled.fg,s.default.enabled.placeholder,s.default.disabled.fg,s.default.disabled.placeholder,s.invalid.enabled.fg,s.invalid.enabled.placeholder,s.default.readOnly.fg,s.default.readOnly.placeholder)}function po(e){const{theme:n}=e,{fonts:t,media:r}=n.sanity;return st(r,e.$fontSize,(e=>{const n=t.text.sizes[e]||t.text.sizes[2];return{fontSize:it(n.fontSize),lineHeight:n.lineHeight/n.fontSize}}))}function go(e){const{$border:n,$hasPrefix:r,$hasSuffix:o,$scheme:a,$tone:i,theme:s}=e,{focusRing:d,input:l}=s.sanity,c=s.sanity.color.input;return Nn.css(t||(t=An(["\n --input-box-shadow: none;\n\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: block;\n pointer-events: none;\n z-index: 0;\n\n background-color: var(--card-bg-color);\n box-shadow: var(--input-box-shadow);\n\n border-top-left-radius: ",";\n border-bottom-left-radius: ",";\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n\n &[data-scheme='","'][data-tone='","'] {\n --card-bg-color: ",";\n --card-fg-color: ",";\n\n /* enabled */\n *:not(:disabled) + & {\n --input-box-shadow: ",";\n }\n\n /* invalid */\n *:not(:disabled):invalid + & {\n --card-bg-color: ",";\n --card-fg-color: ",";\n --input-box-shadow: ",";\n }\n\n /* focused */\n *:not(:disabled):focus + & {\n --input-box-shadow: ",";\n }\n\n /* disabled */\n *:disabled + & {\n --card-bg-color: "," !important;\n --card-fg-color: "," !important;\n --input-box-shadow: ",";\n }\n\n /* readOnly */\n *:read-only + & {\n --card-bg-color: "," !important;\n --card-fg-color: "," !important;\n }\n\n /* hovered */\n @media (hover: hover) {\n *:not(:disabled):not(:read-only):not(:invalid):hover + & {\n --card-bg-color: ",";\n --card-fg-color: ",";\n }\n\n *:not(:disabled):not(:read-only):not(:invalid):not(:focus):hover + & {\n --input-box-shadow: ",";\n }\n }\n }\n "])),r?0:void 0,r?0:void 0,o?0:void 0,o?0:void 0,a,i,c.default.enabled.bg,c.default.enabled.fg,n?Dr({color:c.default.enabled.border,width:l.border.width}):void 0,c.invalid.enabled.bg,c.invalid.enabled.fg,n?Dr({color:c.invalid.enabled.border,width:l.border.width}):"none",Vr({border:n?{color:c.default.enabled.border,width:l.border.width}:void 0,focusRing:d}),c.default.disabled.bg,c.default.disabled.fg,n?Dr({color:c.default.disabled.border,width:l.border.width}):"none",c.default.readOnly.bg,c.default.readOnly.fg,c.default.hovered.bg,c.default.hovered.fg,n?Dr({color:c.default.hovered.border,width:l.border.width}):"none")}function bo(e){const{theme:n}=e;return[lt(n,["padding"],e.$padding),lt(n,["paddingLeft","paddingRight"],e.$paddingX),lt(n,["paddingTop","paddingBottom"],e.$paddingY),lt(n,["paddingTop"],e.$paddingTop),lt(n,["paddingRight"],e.$paddingRight),lt(n,["paddingBottom"],e.$paddingBottom),lt(n,["paddingLeft"],e.$paddingLeft)].filter(Boolean)}function mo(e){const{theme:n}=e,{media:t,radius:r}=n.sanity;return st(t,e.$radius,(e=>({borderRadius:it(r[e])})))}function xo(e,n){return"".concat(e.map(it).join(" ")," ").concat(n)}const vo=et.default.div(gt,pt,(function(e){const{$accent:n,$muted:t,theme:i}=e,{weights:s}=i.sanity.fonts.text;return Nn.css(r||(r=An(["\n color: var(--card-fg-color);\n\n ","\n\n ","\n\n & code {\n font-family: ",";\n border-radius: 1px;\n background-color: var(--card-code-bg-color);\n color: var(--card-code-fg-color);\n }\n\n & a {\n text-decoration: none;\n border-radius: 1px;\n color: var(--card-link-color);\n outline: none;\n\n @media (hover: hover) {\n &:hover {\n text-decoration: underline;\n }\n }\n\n &:focus {\n box-shadow: 0 0 0 1px var(--card-bg-color), 0 0 0 3px var(--card-focus-ring-color);\n }\n\n &:focus:not(:focus-visible) {\n box-shadow: none;\n }\n }\n\n & strong {\n font-weight: ",";\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n }\n "])),n&&Nn.css(o||(o=An(["\n color: var(--card-accent-fg-color);\n "]))),t&&Nn.css(a||(a=An(["\n color: var(--card-muted-fg-color);\n "]))),i.sanity.fonts.code.family,s.bold)})),yo=et.default.span(i||(i=An(["\n display: block;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n"]))),wo=Dn.forwardRef((function(e,n){const{accent:t=!1,align:r,children:o,muted:a=!1,size:i=2,textOverflow:s,weight:d}=e,l=In(e,Pe);let c=o;return"ellipsis"===s&&(c=Pn.jsx(yo,{children:c})),Pn.jsx(vo,Bn(Bn({"data-ui":"Text"},l),{},{$accent:t,$align:bt(r),$muted:a,ref:n,$size:bt(i),$weight:d,children:Pn.jsx("span",{children:c})}))})),ko=function(e){const{$color:n,theme:t}=e,{focusRing:r}=t.sanity;return{backgroundColor:n,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:Vr({focusRing:r})},"&:focus:not(:focus-visible)":{boxShadow:"none"}}}},jo=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)"}}},zo=function(){return{strokeWidth:"4px",stroke:"var(--card-bg-color)"}},So=function(){return{strokeWidth:"3px",'[data-status="editing"] &':{strokeSasharray:"2 4",strokeLinecap:"round"}}},Eo=function(e){const{theme:n}=e,{base:t}=n.sanity.color;return{width:"100%",height:"100%",color:t.fg,alignItems:"center",justifyContent:"center",textTransform:"uppercase",textAlign:"center",borderRadius:"50%","&:not([hidden])":{display:"flex"}}};const Co=et.default.div((function(e){const{theme:n}=e,{avatar:t,media:r}=n.sanity;return st(r,e.$size,(e=>{const n=t.sizes[e]||t.sizes[0];return{width:it(n.size),height:it(n.size),borderRadius:it(n.size/2),"&>svg":{width:it(n.size),height:it(n.size),borderRadius:it(n.size/2)}}}))}),ko),$o=et.default.div(jo),Ro=et.default.ellipse(zo),Oo=et.default.ellipse(So),To=et.default.div(Eo),Mo=Dn.forwardRef((function(e,n){const{as:t,color:r="gray",src:o,title:a,initials:i,onImageLoadError:s,arrowPosition:d,animateArrowFrom:l,status:c="online",size:u=0}=e,f=In(e,De),h=Jn.default.isValidElementType(t)?t:"div",p=bt(u),g=ur(),b=g.sanity.color.spot[r]||g.sanity.color.spot.gray,m=(g.sanity.avatar.sizes[p[0]]||g.sanity.avatar.sizes[0]).size,x=m/2,v=Dn.useId(),[y,w]=Dn.useState(l||d||"inside"),[k,j]=Dn.useState(!1),z="avatar-image-".concat(v);Dn.useEffect((()=>{if(y===d)return;const e=requestAnimationFrame((()=>w(d)));return()=>cancelAnimationFrame(e)}),[y,d]),Dn.useEffect((()=>{o&&j(!1)}),[o]);const S=Dn.useCallback((()=>{j(!0),s&&s(new Error("Avatar: the image failed to load"))}),[s]),E=Dn.useMemo((()=>p.map((e=>0===e?0:e+1))),[p]);return Pn.jsxs(Co,Bn(Bn({as:h,"data-as":"string"==typeof h?h:void 0,"data-ui":"Avatar"},f),{},{$size:p,$color:b,"aria-label":a,"data-arrow-position":y,"data-status":c,ref:n,title:a,children:[Pn.jsx($o,{children:Pn.jsx("svg",{width:"11",height:"7",viewBox:"0 0 11 7",fill:"none",children:Pn.jsx("path",{d:"M6.67948 1.50115L11 7L0 7L4.32052 1.50115C4.92109 0.736796 6.07891 0.736795 6.67948 1.50115Z",fill:b})})}),!k&&o&&Pn.jsxs("svg",{viewBox:"0 0 ".concat(m," ").concat(m),fill:"none",children:[Pn.jsx("defs",{children:Pn.jsx("pattern",{id:z,patternContentUnits:"objectBoundingBox",width:"1",height:"1",children:Pn.jsx("image",{href:o,width:"1",height:"1",onError:S})})}),Pn.jsx("circle",{cx:x,cy:x,r:x,fill:"url(#".concat(z,")")}),Pn.jsx(Ro,{cx:x,cy:x,rx:x,ry:x,vectorEffect:"non-scaling-stroke"}),Pn.jsx(Oo,{cx:x,cy:x,rx:x,ry:x,stroke:b,vectorEffect:"non-scaling-stroke"})]}),(k||!o)&&i&&Pn.jsx(Pn.Fragment,{children:Pn.jsx(To,{children:Pn.jsx(wo,{as:"span",size:E,children:Pn.jsx("strong",{children:i})})})})]}))}));const Lo=et.default.div((function(e){const{theme:n}=e,{avatar:t,media:r}=n.sanity;return st(r,e.$size,(e=>{const n=t.sizes[e];return n?{borderRadius:it(n.size/2),minWidth:it(n.size),height:it(n.size)}:ot}))}),(function(e){const{theme:n}=e;return Nn.css(s||(s=An(["\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n user-select: none;\n color: inherit;\n color: var(--card-fg-color);\n background: var(--card-bg-color);\n box-shadow: 0 0 0 1px var(--card-bg-color), inset 0 0 0 1.5px var(--card-hairline-hard-color);\n padding: 0 ",";\n\n &:not([hidden]) {\n display: flex;\n }\n "])),it(n.sanity.space[2]))})),Ho=Dn.forwardRef((function(e,n){const{count:t,size:r=0}=e,o=bt(r),a=Dn.useMemo((()=>o.map((e=>0===e?0:e+1))),[o]);return Pn.jsx(Lo,{$size:o,"data-ui":"AvatarCounter",ref:n,children:Pn.jsx(wo,{as:"span",size:a,children:Pn.jsx("strong",{children:t})})})}));function Ao(e){return(Array.isArray(e)?e:[e]).filter((e=>Vn.isElement(e)||Vn.isFragment(e)||"string"==typeof e))}const Io=Nn.css(d||(d=An(["\n white-space: nowrap;\n\n & > div {\n vertical-align: top;\n\n &:not([hidden]) {\n display: inline-block;\n }\n }\n"])));const _o=et.default.div((function(e){const{theme:n}=e,{avatar:t,media:r}=n.sanity;return st(r,e.$size,(e=>{const n=t.sizes[e];return n?{"& > div + div":{marginLeft:it(n.distance)}}:ot}))}),(function(){return Io})),Bo=Dn.forwardRef((function(e,n){const{children:t,maxLength:r=4,size:o=0}=e,a=In(e,Ve),i=Ao(t).filter((e=>"string"!=typeof e)),s=Math.max(r,0),d=bt(o),l=i.length,c=l-(s-1),u=c>1?i.slice(c,l):i;return Pn.jsxs(_o,Bn(Bn({"data-ui":"AvatarStack"},a),{},{ref:n,$size:d,children:[0===l&&Pn.jsx("div",{children:Pn.jsx(Ho,{count:l})}),0!==l&&c>1&&Pn.jsx("div",{children:Pn.jsx(Ho,{count:c,size:d})}),u.map(((e,n)=>Pn.jsx("div",{children:Dn.cloneElement(e,{size:d})},String(n))))]}))})),Fo=et.default.div((function(){return Sr}),Fr,(function(){return[Rr,Or,Tr,$r]}),(function(){return[to,ro,oo,ao,io,so]}),(function(e){const{theme:n}=e;return[lt(n,["margin"],e.$margin),lt(n,["marginLeft","marginRight"],e.$marginX),lt(n,["marginTop","marginBottom"],e.$marginY),lt(n,["marginTop"],e.$marginTop),lt(n,["marginRight"],e.$marginRight),lt(n,["marginBottom"],e.$marginBottom),lt(n,["marginLeft"],e.$marginLeft)].filter(Boolean)}),bo),Po=Dn.forwardRef((function(e,n){const{as:t="div",column:r,columnStart:o,columnEnd:a,display:i="block",flex:s,height:d,margin:l=0,marginX:c,marginY:u,marginTop:f,marginRight:h,marginBottom:p,marginLeft:g,overflow:b,padding:m=0,paddingX:x,paddingY:v,paddingTop:y,paddingRight:w,paddingBottom:k,paddingLeft:j,row:z,rowStart:S,rowEnd:E,sizing:C}=e,$=In(e,Ne);return Pn.jsx(Fo,Bn(Bn({"data-as":"string"==typeof t?t:void 0,"data-ui":"Box"},$),{},{$column:bt(r),$columnStart:bt(o),$columnEnd:bt(a),$display:bt(i),$flex:bt(s),$height:bt(d),$margin:bt(l),$marginX:bt(c),$marginY:bt(u),$marginTop:bt(f),$marginRight:bt(h),$marginBottom:bt(p),$marginLeft:bt(g),$overflow:bt(b),$padding:bt(m),$paddingX:bt(x),$paddingY:bt(v),$paddingTop:bt(y),$paddingRight:bt(w),$paddingBottom:bt(k),$paddingLeft:bt(j),$row:bt(z),$rowStart:bt(S),$rowEnd:bt(E),$sizing:bt(C),as:t,ref:n,children:e.children}))}));const Do=et.default.div(ht,pt,(function(e){const{$accent:n,$muted:t,theme:r}=e,{fonts:o}=r.sanity;return Nn.css(l||(l=An(["\n text-transform: uppercase;\n\n ","\n\n ","\n\n & code {\n font-family: ",";\n border-radius: 1px;\n }\n\n & a {\n text-decoration: none;\n border-radius: 1px;\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n }\n "])),n&&Nn.css(c||(c=An(["\n color: var(--card-accent-fg-color);\n "]))),t&&Nn.css(u||(u=An(["\n color: var(--card-muted-fg-color);\n "]))),o.code.family)})),Vo=et.default.span(f||(f=An(["\n display: block;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n"]))),No=Dn.forwardRef((function(e,n){const{accent:t,align:r,children:o,muted:a=!1,size:i=2,textOverflow:s,weight:d}=e,l=In(e,qe);let c=o;return c="ellipsis"===s?Pn.jsx(Vo,{children:c}):Pn.jsx("span",{children:c}),Pn.jsx(Do,Bn(Bn({"data-ui":"Label"},l),{},{$accent:t,$align:bt(r),$muted:a,$size:bt(i),$weight:d,ref:n,children:c}))}));const qo=et.default(Po)(mo,(function(e){const{$mode:n,$tone:t,theme:r}=e,o=r.sanity.color["outline"===n?"muted":"solid"],a=o[t]||o.default;return{backgroundColor:a.enabled.bg,color:a.enabled.fg,boxShadow:"inset 0 0 0 1px ".concat(a.enabled.border),cursor:"default","&:not([hidden])":{display:"inline-block"}}})),Wo=Dn.forwardRef((function(e,n){const{children:t,fontSize:r,mode:o="default",padding:a=1,radius:i=2,tone:s="default"}=e,d=In(e,We);return Pn.jsx(qo,Bn(Bn({"data-ui":"Badge"},d),{},{$mode:o,$tone:s,$radius:bt(i),padding:bt(a),ref:n,children:Pn.jsx(No,{size:r,children:t})}))})),Xo=et.default(Po)(Fr,(function(){return[Mr,Lr,Hr,Ar,Ir,_r]})),Yo=Dn.forwardRef((function(e,n){const{align:t,as:r,direction:o="row",gap:a,justify:i,wrap:s}=e,d=In(e,Xe);return Pn.jsx(Xo,Bn(Bn({"data-ui":"Flex"},d),{},{$align:bt(t),$direction:bt(o),$gap:bt(a),$justify:bt(i),$wrap:bt(s),forwardedAs:r,ref:n}))})),Ko=Nn.keyframes(h||(h=An(["\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n"]))),Uo=et.default(wo)(p||(p=An(["\n & > span > svg {\n animation: "," 500ms linear infinite;\n }\n"])),Ko),Go=Dn.forwardRef((function(e,n){return Pn.jsx(Uo,Bn(Bn({"data-ui":"Spinner"},e),{},{ref:n,children:Pn.jsx(Xn.SpinnerIcon,{})}))}));function Zo(e,n,t=!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":n.bg,"--card-bg-image":t?"repeating-conic-gradient(".concat(n.bg," 0% 25%, ").concat(n.bg2||n.bg," 0% 50%)"):void 0,"--card-fg-color":n.fg,"--card-border-color":n.border,"--card-muted-fg-color":null==(r=n.muted)?void 0:r.fg,"--card-accent-fg-color":null==(o=n.accent)?void 0:o.fg,"--card-link-fg-color":null==(a=n.link)?void 0:a.fg,"--card-code-bg-color":null==(i=n.code)?void 0:i.bg,"--card-code-fg-color":null==(s=n.code)?void 0:s.fg,"--card-skeleton-color-from":null==(d=n.skeleton)?void 0:d.from,"--card-skeleton-color-to":null==(l=n.skeleton)?void 0:l.to,"--card-link-color":null==(c=n.link)?void 0:c.fg,"--card-hairline-soft-color":n.border,"--card-hairline-hard-color":n.border}}const Qo={width:1};const Jo=et.default.button(mo,(function(){return Nn.css(g||(g=An(["\n -webkit-font-smoothing: inherit;\n appearance: none;\n display: inline-flex;\n align-items: center;\n font: inherit;\n border: 0;\n outline: none;\n user-select: none;\n text-decoration: none;\n border: 0;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n white-space: nowrap;\n text-align: left;\n position: relative;\n\n & > span {\n display: block;\n flex: 1;\n min-width: 0;\n border-radius: inherit;\n }\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n "])))}),(function(e){var n,t;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:Qo.width,color:"var(--card-border-color)"};return[Zo(i,d.enabled),{backgroundColor:"var(--card-bg-color)",color:"var(--card-fg-color)",boxShadow:Dr(l),'&:disabled, &[data-disabled="true"]':Zo(i,d.disabled),"&:not([data-disabled='true'])":{"&:focus":{boxShadow:Vr({base:i,border:l,focusRing:a})},"&:focus:not(:focus-visible)":{boxShadow:Dr(l)},"@media (hover: hover)":{"&:hover":Zo(i,d.hovered),"&:active":Zo(i,d.pressed)},"&[data-selected]":Zo(i,d.pressed)}},null==(t=null==(n=o.sanity.styles)?void 0:n.button)?void 0:t.root].filter(Boolean)})),ea=et.default.div(b||(b=An(["\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--card-bg-color);\n border-radius: inherit;\n z-index: 1;\n box-shadow: inherit;\n"]))),na=Dn.forwardRef((function(e,n){const{children:t,disabled:r,fontSize:o,icon:a,iconRight:i,justify:s="center",loading:d,mode:l="default",padding:c=3,paddingX:u,paddingY:f,paddingTop:h,paddingBottom:p,paddingLeft:g,paddingRight:b,radius:m=2,selected:x,space:v=3,text:y,textAlign:w,tone:k="default",type:j="button"}=e,z=In(e,Ye),S=bt(s),E=bt(c),C=bt(u),$=bt(f),R=bt(h),O=bt(p),T=bt(g),M=bt(b),L=bt(m),H=bt(v),A=ur(),I=Dn.useMemo((()=>({padding:E,paddingX:C,paddingY:$,paddingTop:R,paddingBottom:O,paddingLeft:T,paddingRight:M})),[E,C,$,R,O,T,M]);return Pn.jsxs(Jo,Bn(Bn({"data-ui":"Button"},z),{},{$mode:l,$radius:L,$tone:k,"data-disabled":Boolean(d||r),"data-selected":x?"":void 0,disabled:Boolean(d||r),ref:n,type:j,children:[Boolean(d)&&Pn.jsx(ea,{children:Pn.jsx(Go,{})}),(a||y||i)&&Pn.jsx(Po,Bn(Bn({as:"span"},I),{},{children:Pn.jsxs(Yo,{as:"span",justify:S,children:[a&&Pn.jsxs(wo,{size:o,children:[Dn.isValidElement(a)&&a,Vn.isValidElementType(a)&&Dn.createElement(a)]}),y&&Pn.jsx(Po,{flex:i?1:void 0,marginLeft:a?H:void 0,marginRight:i?H:void 0,children:Pn.jsx(wo,{align:w,size:o,textOverflow:"ellipsis",weight:A.sanity.button.textWeight,children:y})}),i&&Pn.jsxs(wo,{size:o,children:[Dn.isValidElement(i)&&i,Vn.isValidElementType(i)&&Dn.createElement(i)]})]})})),t&&Pn.jsx(Po,Bn(Bn({as:"span"},I),{},{children:t}))]}))}));function ta(e){const{$checkered:n,theme:t}=e,r=t.sanity.space;return Nn.css(m||(m=An(["\n ","\n\n &[data-as='button'] {\n -webkit-font-smoothing: inherit;\n appearance: none;\n outline: none;\n font: inherit;\n text-align: inherit;\n border: 0;\n width: stretch;\n }\n\n /* &:is(a) */\n &[data-as='a'] {\n outline: none;\n text-decoration: none;\n }\n\n /* &:is(pre) */\n &[data-as='pre'] {\n font: inherit;\n }\n "])),n&&Nn.css(x||(x=An(["\n background-size: ","px ","px;\n background-position: 50% 50%;\n background-image: var(--card-bg-image);\n "])),r[3],r[3]))}function ra(e){var n,t;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 Nn.css(v||(v=An(["\n ","\n\n background-color: var(--card-bg-color);\n color: var(--card-fg-color);\n\n /* &:is(button) */\n &[data-as='button'] {\n --card-focus-ring-box-shadow: none;\n\n cursor: default;\n box-shadow: var(--card-focus-ring-box-shadow);\n\n &:disabled {\n ","\n }\n\n &:not(:disabled) {\n &[data-pressed] {\n ","\n }\n\n &[data-selected] {\n ","\n }\n\n @media (hover: hover) {\n &:not([data-pressed]):not([data-selected]) {\n &:hover {\n ","\n }\n\n &:active {\n ","\n }\n }\n }\n\n &:focus {\n --card-focus-ring-box-shadow: ",";\n }\n\n &:focus:not(:focus-visible) {\n --card-focus-ring-box-shadow: ",";\n }\n }\n }\n\n /* &:is(a) */\n &[data-as='a'] {\n cursor: pointer;\n box-shadow: var(--card-focus-ring-box-shadow);\n\n &[data-disabled] {\n ","\n }\n\n &:not([data-disabled]) {\n &[data-pressed] {\n ","\n }\n\n &[data-selected] {\n ","\n }\n\n @media (hover: hover) {\n &:not([data-pressed]):not([data-selected]) {\n &:hover {\n ","\n }\n\n &:active {\n ","\n }\n }\n }\n\n &:focus {\n --card-focus-ring-box-shadow: ",";\n }\n\n &:focus:not(:focus-visible) {\n --card-focus-ring-box-shadow: ",";\n }\n }\n }\n\n ","\n "])),Zo(s,d.enabled,r),Zo(s,d.disabled,r),Zo(s,d.pressed,r),Zo(s,d.selected,r),Zo(s,d.hovered,r),Zo(s,d.pressed,r),o?Vr({base:s,border:l,focusRing:i}):void 0,o?Dr(l):void 0,Zo(s,d.disabled,r),Zo(s,d.pressed,r),Zo(s,d.selected,r),Zo(s,d.hovered,r),Zo(s,d.pressed,r),o?Vr({base:s,border:l,focusRing:i}):void 0,o?Dr(l):void 0,null==(t=null==(n=a.sanity.styles)?void 0:n.card)?void 0:t.root)}const oa=et.default(Po)((function(){return[yr,wr,kr,jr,zr]}),mo,(function(e){const{theme:n}=e,{media:t,shadows:r}=n.sanity;return st(t,e.$shadow,(e=>function(e){if(!e)return ot;const n="0 0 0 ".concat(it(1)," var(--card-shadow-outline-color)"),t=xo(e.umbra,"var(--card-shadow-umbra-color)"),r=xo(e.penumbra,"var(--card-shadow-penumbra-color)"),o=xo(e.ambient,"var(--card-shadow-ambient-color)");return{boxShadow:"".concat(n,", ").concat(t,", ").concat(r,", ").concat(o)}}(r[e])))}),(function(e){return[ta(e),ra(e)]})),aa=Dn.forwardRef((function(e,n){const{__unstable_checkered:t=!1,__unstable_focusRing:r=!1,as:o,border:a,borderTop:i,borderRight:s,borderBottom:d,borderLeft:l,pressed:c,radius:u=0,scheme:f,selected:h,shadow:p,tone:g="default"}=e,b=In(e,Ke),m=Vn.isValidElementType(o)?o:"div",x=lr(),v="inherit"===g?x.tone:g;return Pn.jsx(cr,{scheme:f,tone:v,children:Pn.jsx(oa,Bn(Bn({"data-as":"string"==typeof m?m:void 0,"data-scheme":x.scheme,"data-ui":"Card","data-tone":v},b),{},{$border:bt(a),$borderTop:bt(i),$borderRight:bt(s),$borderBottom:bt(d),$borderLeft:bt(l),$checkered:t,$focusRing:r,$radius:bt(u),$shadow:bt(p),$tone:v,"data-checkered":t?"":void 0,"data-pressed":c?"":void 0,"data-selected":h?"":void 0,forwardedAs:m,ref:n,selected:h}))})}));const ia=et.default.div((function(){return Nn.css(y||(y=An(["\n position: relative;\n display: inline-block;\n "])))})),sa=et.default.input((function(e){const{theme:n}=e,t=n.sanity.color.input,{focusRing:r,input:o,radius:a}=n.sanity;return Nn.css(w||(w=An(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n outline: none;\n opacity: 0;\n z-index: 1;\n padding: 0;\n margin: 0;\n\n & + span {\n position: relative;\n display: block;\n height: ",";\n width: ",";\n box-sizing: border-box;\n box-shadow: ",";\n border-radius: ",";\n line-height: 1;\n background-color: ",";\n\n & > svg {\n display: block;\n position: absolute;\n opacity: 0;\n height: 100%;\n width: 100%;\n\n & > path {\n vector-effect: non-scaling-stroke;\n stroke-width: 2 !important;\n }\n }\n }\n\n &:not(:disabled):focus + span {\n box-shadow: ",";\n }\n\n &:not(:disabled):focus:not(:focus-visible) + span {\n box-shadow: ",";\n }\n\n &:checked + span > svg:first-child {\n opacity: 1;\n }\n\n &[data-read-only] + span {\n background-color: ",";\n box-shadow: ",";\n color: ",";\n }\n\n &:not([data-read-only]):disabled + span {\n background-color: ",";\n box-shadow: ",";\n color: ",";\n }\n\n &:indeterminate + span > svg:last-child {\n opacity: 1;\n }\n "])),it(o.checkbox.size),it(o.checkbox.size),Dr({color:t.default.enabled.border,width:o.border.width}),it(a[2]),t.default.enabled.bg,Vr({border:{width:o.border.width,color:t.default.enabled.border},focusRing:r}),Dr({color:t.default.enabled.border,width:o.border.width}),t.default.readOnly.bg,Dr({width:o.border.width,color:t.default.readOnly.border}),t.default.readOnly.fg,t.default.disabled.bg,Dr({width:o.border.width,color:t.default.disabled.border}),t.default.disabled.fg)})),da=Dn.forwardRef((function(e,n){const{checked:t,className:r,disabled:o,indeterminate:a,customValidity:i,readOnly:s,style:d}=e,l=In(e,Ue),c=mr(n);return xr(c,i),Dn.useEffect((()=>{c.current&&(c.current.indeterminate=a||!1)}),[a,c]),Pn.jsxs(ia,{className:r,"data-ui":"Checkbox",style:d,children:[Pn.jsx(sa,Bn(Bn({"data-read-only":!o&&s?"":void 0},l),{},{checked:t,disabled:o||s,type:"checkbox",readOnly:s,ref:c})),Pn.jsxs("span",{children:[Pn.jsx(Xn.CheckmarkIcon,{}),Pn.jsx(Xn.RemoveIcon,{})]})]})}));function la({theme:e}){const n=e.sanity.color.syntax;return{"&.atrule":{color:n.atrule},"&.attr-name":{color:n.attrName},"&.attr-value":{color:n.attrValue},"&.attribute":{color:n.attribute},"&.boolean":{color:n.boolean},"&.builtin":{color:n.builtin},"&.cdata":{color:n.cdata},"&.char":{color:n.char},"&.class":{color:n.class},"&.class-name":{color:n.className},"&.comment":{color:n.comment},"&.constant":{color:n.constant},"&.deleted":{color:n.deleted},"&.doctype":{color:n.doctype},"&.entity":{color:n.entity},"&.function":{color:n.function},"&.hexcode":{color:n.hexcode},"&.id":{color:n.id},"&.important":{color:n.important},"&.inserted":{color:n.inserted},"&.keyword":{color:n.keyword},"&.number":{color:n.number},"&.operator":{color:n.operator},"&.prolog":{color:n.prolog},"&.property":{color:n.property},"&.pseudo-class":{color:n.pseudoClass},"&.pseudo-element":{color:n.pseudoElement},"&.punctuation":{color:n.punctuation},"&.regex":{color:n.regex},"&.selector":{color:n.selector},"&.string":{color:n.string},"&.symbol":{color:n.symbol},"&.tag":{color:n.tag},"&.unit":{color:n.unit},"&.url":{color:n.url},"&.variable":{color:n.variable}}}const ca=et.default.pre((function(){return Nn.css(k||(k=An(["\n color: var(--card-code-fg-color);\n\n & code {\n font-family: inherit;\n\n &.refractor .token {\n ","\n }\n }\n\n & a {\n color: inherit;\n text-decoration: underline;\n border-radius: 1px;\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n }\n "])),la)}),ut),ua=Dn.forwardRef((function(e,n){const{children:t,language:r,size:o=2,weight:a}=e,i=In(e,Ge),s="string"==typeof r?r:void 0,d=!!s&&nt.default.hasLanguage(s);return Pn.jsxs(ca,Bn(Bn({"data-ui":"Code"},i),{},{$size:bt(o),$weight:a,ref:n,children:[!(s&&d)&&Pn.jsx("code",{children:t}),s&&d&&Pn.jsx(nt.default,{inline:!0,language:s,value:String(t)})]}))})),fa={width:"100%",margin:"0 auto"};function ha(e){const{theme:n}=e,{container:t,media:r}=n.sanity;return st(r,e.$width,(e=>({maxWidth:"auto"===e?"none":it(t[e])})))}const pa=et.default(Po)((function(){return fa}),ha),ga=Dn.forwardRef((function(e,n){const{as:t,width:r=2}=e,o=In(e,Ze);return Pn.jsx(pa,Bn(Bn({"data-ui":"Container"},o),{},{$width:bt(r),forwardedAs:t,ref:n}))})),ba=et.default(Po)((function(){return[Nr,Xr,Yr,Kr,Ur,Gr,Zr,Qr,Jr]})),ma=Dn.forwardRef((function(e,n){const{as:t,autoRows:r,autoCols:o,autoFlow:a,columns:i,gap:s,gapX:d,gapY:l,rows:c,children:u}=e,f=In(e,Qe);return Pn.jsx(ba,Bn(Bn({"data-as":"string"==typeof t?t:void 0,"data-ui":"Grid"},f),{},{$autoRows:bt(r),$autoCols:bt(o),$autoFlow:bt(a),$columns:bt(i),$gap:bt(s),$gapX:bt(d),$gapY:bt(l),$rows:bt(c),forwardedAs:t,ref:n,children:u}))}));const xa=et.default.div((function(e){const{$accent:n,$muted:t,theme:r}=e;return Nn.css(j||(j=An(["\n ","\n\n ","\n\n & code {\n font-family: ",";\n border-radius: 1px;\n }\n\n & a {\n text-decoration: none;\n border-radius: 1px;\n color: var(--card-link-color);\n outline: none;\n\n @media (hover: hover) {\n &:hover {\n text-decoration: underline;\n }\n }\n\n &:focus {\n box-shadow: 0 0 0 1px var(--card-bg-color), 0 0 0 3px var(--card-focus-ring-color);\n }\n\n &:focus:not(:focus-visible) {\n box-shadow: none;\n }\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n }\n "])),n&&Nn.css(z||(z=An(["\n color: var(--card-accent-fg-color);\n "]))),t&&Nn.css(S||(S=An(["\n color: var(--card-muted-fg-color);\n "]))),r.sanity.fonts.code.family)}),pt,ft),va=et.default.span(E||(E=An(["\n display: block;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n"]))),ya=Dn.forwardRef((function(e,n){const{accent:t=!1,align:r,children:o,muted:a=!1,size:i=2,textOverflow:s,weight:d}=e,l=In(e,Je);let c=o;return"ellipsis"===s&&(c=Pn.jsx(va,{children:c})),Pn.jsx(xa,Bn(Bn({"data-ui":"Heading"},l),{},{$accent:t,$align:bt(r),$muted:a,$size:bt(i),$weight:d,ref:n,children:Pn.jsx("span",{children:c})}))}));const wa=et.default(Po)((function(){return{lineHeight:0,"&&:not([hidden])":{display:"block"},"& > div":{display:"inline-block",verticalAlign:"middle"}}}),(function(e){const{theme:n}=e;return st(n.sanity.media,e.$space,(e=>{const t=it(n.sanity.space[e]);return{margin:"-".concat(t," 0 0 -").concat(t),"& > div":{padding:"".concat(t," 0 0 ").concat(t)}}}))})),ka=Dn.forwardRef((function(e,n){const{as:t,children:r,space:o}=e,a=In(e,en),i=Dn.useMemo((()=>Ao(r).filter(Boolean).map(((e,n)=>Pn.jsx("div",{children:e},n)))),[r]);return Pn.jsx(wa,Bn(Bn({"data-ui":"Inline"},a),{},{$space:bt(o),forwardedAs:t,ref:n,children:i}))}));const ja=et.default.kbd(mo,(function(){return Nn.css(C||(C=An(["\n background: var(--card-bg-color);\n font: inherit;\n box-shadow: inset 0 0 0 1px var(--card-hairline-hard-color);\n\n &:not([hidden]) {\n display: inline-block;\n }\n "])))})),za=Dn.forwardRef((function(e,n){const{children:t,fontSize:r=1,padding:o=1,radius:a=2}=e,i=In(e,nn);return Pn.jsx(ja,Bn(Bn({"data-ui":"KBD"},i),{},{$radius:bt(a),ref:n,children:Pn.jsx(Po,{as:"span",padding:o,children:Pn.jsx(ua,{as:"span",muted:!0,size:r,children:t})})}))})),Sa=Symbol.for("@sanity/ui/context/boundaryElement");or[Sa]=or[Sa]||Dn.createContext(null);const Ea=or[Sa];const Ca={version:0,element:null};function $a(){const e=Dn.useContext(Ea);if(e&&(!dr(e)||0!==e.version))throw new Error("useBoundaryElement(): the context value is not compatible");return e||Ca}const Ra=Dn.forwardRef((function(e,n){const t=ur(),{children:r,media:o=t.sanity.media}=e,a=In(e,tn),i=mr(n),[s,d]=Dn.useState(null),l=wt(s),c=Dn.useMemo((()=>{var e;return null!=(e=null==l?void 0:l.border.width)?e:window.innerWidth}),[l]),u=Dn.useMemo((()=>function(e,n){const t=[];for(let r=0;r<e.length;r+=1)e[r]>n&&t.push(r);return t}(o,c)),[o,c]),f=Dn.useMemo((()=>function(e,n){const t=[];for(let r=0;r<e.length;r+=1)e[r]<=n&&t.push(r);return t}(o,c)),[o,c]),h=Dn.useCallback((e=>{i.current=e,d(e)}),[i]);return Pn.jsx("div",Bn(Bn({"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 Oa extends Dn.Component{constructor(){super(...arguments),this.state={error:null}}static getDerivedStateFromError(e){return{error:e}}componentDidCatch(e,n){this.props.onCatch({error:e,info:n})}render(){const{error:e}=this.state;if(e){const n="string"==typeof(null==e?void 0:e.message)?e.message:"Error";return Pn.jsx(ua,{children:n})}return this.props.children}}const Ta=Symbol.for("@sanity/ui/context/layer");or[Ta]=or[Ta]||Dn.createContext(null);const Ma=or[Ta];function La(){const e=Dn.useContext(Ma);if(!e)throw new Error("useLayer(): missing context value");if(!dr(e)||0!==e.version)throw new Error("useLayer(): the context value is not compatible");return e}function Ha(e){const{children:n,zOffset:t=0}=e,r=Dn.useContext(Ma),o=bt(t),a=o.length-1,i=Math.min(gr(),a),s=r?r.zIndex+o[i]:o[i],[d,l]=Dn.useState(0),c=Dn.useCallback((()=>(l((e=>e+1)),()=>l((e=>e-1)))),[]),u=null==r?void 0:r.registerChild;Dn.useEffect((()=>{if(u)return u()}),[u]);const f=Dn.useMemo((()=>({version:0,isTopLayer:0===d,registerChild:c,size:d,zIndex:s})),[d,c,s]);return Pn.jsx(Ma.Provider,{value:f,children:n})}const Aa=et.default.div($||($=An(["\n position: relative;\n"]))),Ia=Dn.forwardRef((function(e,n){const{children:t,style:r=ot}=e,o=In(e,rn),{zIndex:a}=La();return Pn.jsx(Aa,Bn(Bn({},o),{},{"data-ui":"Layer",ref:n,style:Bn(Bn({},r),{},{zIndex:a}),children:t}))})),_a=Dn.forwardRef((function(e,n){const{children:t,zOffset:r=1}=e,o=In(e,on);return Pn.jsx(Ha,{zOffset:r,children:Pn.jsx(Ia,Bn(Bn({},o),{},{ref:n,children:t}))})})),Ba=Symbol.for("@sanity/ui/context/portal"),Fa=Symbol.for("@sanity/ui/context/portal/element");or[Fa]=null;const Pa={version:0,boundaryElement:null,get element(){return"undefined"==typeof window?null:(or[Fa]||(or[Fa]=document.createElement("div"),or[Fa].setAttribute("data-portal",""),document.body.appendChild(or[Fa])),or[Fa])}};or[Ba]=or[Ba]||Dn.createContext(Pa);const Da=or[Ba];function Va(){const e=Dn.useContext(Da);if(!e)throw new Error("usePortal(): missing context value");if(!dr(e)||0!==e.version)throw new Error("usePortal(): the context value is not compatible");return e}function Na(e){var n;const{children:t,__unstable_name:r}=e,o=Va(),a=(r?o.elements&&o.elements[r]:o.element)||(null==(n=o.elements)?void 0:n.default);return a?Un.createPortal(t,a):null}function qa(e){const n=Dn.useRef(e);return function(e,n){if(!e||!n)return e===n;const t=Object.keys(e),r=Object.keys(n);if(t.length!==r.length)return!1;return t.every((t=>e[t]===n[t]))}(n.current,e)||(n.current=e),n.current}const Wa="undefined"!=typeof window;const Xa=et.default.div(R||(R=An(["\n display: block;\n width: 0;\n height: 0;\n position: absolute;\n overflow: hidden;\n"]))),Ya=Dn.forwardRef((function(e,n){const{as:t,children:r}=e;return Pn.jsx(Xa,{"aria-hidden":!0,as:t,"data-ui":"SrOnly",ref:n,children:r})}));function Ka(e){const n=requestAnimationFrame(e);return()=>{cancelAnimationFrame(n)}}function Ua(e){return Za(e)||Ja(e)}function Ga(e){return e instanceof Node&&e.nodeType===Node.ELEMENT_NODE}function Za(e){return Ga(e)&&"A"===e.nodeName}function Qa(e){return Ga(e)&&"INPUT"===e.nodeName}function Ja(e){return Ga(e)&&"BUTTON"===e.nodeName}function ei(e){return Ga(e)&&"SELECT"===e.nodeName}function ni(e){return Ga(e)&&"TEXTAREA"===e.nodeName}function ti(e){return Boolean(document.activeElement)&&e.contains(document.activeElement)}function ri(e){return e.tabIndex>0||0===e.tabIndex&&null!==e.getAttribute("tabIndex")||(Za(e)?Boolean(e.href)&&"ignore"!==e.rel:Qa(e)?"hidden"!==e.type&&"file"!==e.type&&!e.disabled:!!(Ja(e)||ei(e)||ni(e))&&!e.disabled)}function oi(e){if(!ri(e))return!1;try{e.focus()}catch(e){}return document.activeElement===e}function ai(e){for(let n=0;n<e.childNodes.length;n++){const t=e.childNodes[n];if(Ga(t)&&(oi(t)||ai(t)))return!0}return!1}function ii(e){for(let n=e.childNodes.length-1;n>=0;n--){const t=e.childNodes[n];if(Ga(t)&&(oi(t)||ii(t)))return!0}return!1}function si(e){if(!(e instanceof Element))return!1;const n=window.getComputedStyle(e);return n.overflowX.includes("auto")||n.overflowX.includes("scroll")||n.overflowY.includes("auto")||n.overflowY.includes("scroll")}const di=et.default.div(O||(O=An(["\n position: relative;\n"]))),li=et.default.div(T||(T=An(["\n position: absolute;\n left: 0;\n right: 0;\n"]))),ci=Dn.forwardRef((function(e,n){const{as:t="div",gap:r=0,getItemKey:o,items:a=[],onChange:i,renderItem:s}=e,d=In(e,an),{space:l}=ur().sanity,c=mr(n),u=Dn.useRef(null),[f,h]=Dn.useState(0),[p,g]=Dn.useState(0),[b,m]=Dn.useState(-1);Dn.useEffect((()=>{if(!u.current)return;const e=u.current.firstChild;e instanceof HTMLElement&&m(e.offsetHeight)}),[s]),Dn.useEffect((()=>{if(!c.current)return;let e=c.current.parentNode;for(;e&&!si(e);)e=e.parentNode;if(e){const n=e;if(!(n instanceof HTMLElement))return;const t=()=>{h(n.scrollTop)};n.addEventListener("scroll",t,{passive:!0});const r=new vt((e=>{g(e[0].contentRect.height)}));return r.observe(n),t(),()=>{n.removeEventListener("scroll",t),r.unobserve(n),r.disconnect()}}const n=()=>{h(window.scrollY)},t=()=>{g(window.innerHeight)};return window.addEventListener("scroll",n,{passive:!0}),window.addEventListener("resize",t),g(window.innerHeight),n(),()=>{window.removeEventListener("scroll",n),window.removeEventListener("resize",t)}}),[c]);const x=a.length,v=b?x*(b+l[r])-l[r]:0,y=v?Math.max(Math.floor(f/v*x)-2,0):0,w=v?Math.ceil((f+p)/v*x)+1:0;Dn.useEffect((()=>{i&&i({fromIndex:y,gap:l[r],itemHeight:b,scrollHeight:p,scrollTop:f,toIndex:w})}),[y,r,b,i,p,f,l,w]);const k=Dn.useMemo((()=>s&&0!==a.length?-1===b?[Pn.jsx(li,{children:s(a[0])},0)]:a.slice(y,w).map(((e,n)=>{const t=y+n,a=s(e),i=o?o(e,t):t;return Pn.jsx(li,{style:{top:t*(b+l[r])},children:a},i)})):null),[y,r,o,b,a,s,l,w]),j=Dn.useMemo((()=>({height:v})),[v]);return Pn.jsx(di,Bn(Bn({as:t,"data-ui":"VirtualList"},d),{},{ref:c,children:Pn.jsx("div",{ref:u,style:j,children:k})}))})),ui=et.default.div(M||(M=An(["\n position: absolute;\n pointer-events: none;\n width: 27px;\n height: 27px;\n fill: none;\n\n :empty + & {\n display: none;\n }\n\n & > svg {\n display: block;\n transform-origin: 13.5px 13.5px;\n }\n\n [data-popper-placement^='top'] > div > & {\n bottom: -27px;\n }\n\n [data-popper-placement^='right'] > div > & {\n left: -27px;\n\n & > svg {\n transform: rotate(90deg);\n }\n }\n\n [data-popper-placement^='left'] > div > & {\n right: -27px;\n\n & > svg {\n transform: rotate(-90deg);\n }\n }\n\n [data-popper-placement^='bottom'] > div > & {\n top: -27px;\n\n & > svg {\n transform: rotate(180deg);\n }\n }\n"]))),fi=et.default.path(L||(L=An(["\n fill: var(--card-shadow-outline-color);\n"]))),hi=et.default.path(H||(H=An(["\n fill: var(--card-bg-color);\n"]))),pi=Dn.forwardRef((function(e,n){return Pn.jsx(ui,Bn(Bn({"data-ui":"PopoverArrow"},e),{},{ref:n,children:Pn.jsxs("svg",{width:"27",height:"11",viewBox:"0 0 27 11",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Pn.jsx(fi,{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"}),Pn.jsx(hi,{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 gi(e){const{allowedAutoPlacements:n,arrow:t,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 Dn.useMemo((()=>function(e){const{allowedAutoPlacements:n,arrow:t,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&&Bn(Bn({},tt.default),{},{options:g}),a&&{name:"applyMaxSize",enabled:!0,phase:"beforeWrite",requires:["maxSize"],fn({state:e}){const{width:n,height:t}=e.modifiersData.maxSize;e.styles.popper=Bn(Bn({},e.styles.popper),{},{maxWidth:"".concat(n,"px"),maxHeight:"".concat(t,"px")})}},t&&{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:n}=e;n.reference&&(n.reference.x+=d[3],n.reference.y+=d[1],n.reference.width-=d[1]+d[3],n.reference.height-=d[0]+d[2])}},{name:"flip",options:{allowedAutoPlacements:n,boundary:o||void 0,fallbackPlacements:s,padding:8}},l&&{name:"matchWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn({state:e}){const{width:n}=e.rects.reference;e.styles.popper.width="".concat(n,"px")},effect:({state:e})=>{const n=e.elements.reference;n instanceof HTMLElement&&(e.elements.popper.style.width="".concat(n.offsetWidth-(d?d[1]+d[3]:0),"px"))}}].filter(Boolean)}({allowedAutoPlacements:n,arrow:t,arrowElement:r,boundaryElement:o,constrainSize:a,distance:i,fallbackPlacements:s,margins:d,matchReferenceWidth:l,open:c,preventOverflow:u,skidding:f,tether:h,tetherOffset:p})),[n,t,r,o,a,i,s,d,l,c,u,f,h,p])}const bi=et.default(_a)((({$preventOverflow:e})=>Nn.css(A||(A=An(["\n pointer-events: none;\n display: flex;\n flex-direction: column;\n max-width: calc(100% - 16px);\n\n & > * {\n min-height: 0;\n }\n\n /* Hide the popover when the reference element is out of bounds */\n ","\n "])),e&&Nn.css(I||(I=An(["\n &[data-popper-reference-hidden='true'] {\n display: none;\n }\n "])))))),mi=et.default(aa)((({$constrainSize:e})=>Nn.css(_||(_=An(["\n flex: 1;\n max-height: ",";\n pointer-events: all;\n\n && {\n display: flex;\n }\n\n flex-direction: column;\n\n & > * {\n min-height: 0;\n }\n\n ","\n "])),e&&"100%",ha))),xi=Dn.forwardRef((function(e,n){var t;const r=$a(),o=ur(),{__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:w,shadow:k=3,scheme:j,style:z=ot,tether:S,tetherOffset:E,tone:C="inherit",width:$=0,zOffset:R=(null==(t=o.sanity.layer)?void 0:t.popover.zOffset)}=e,O=In(e,sn),T=mr(n),M=Va(),[L,H]=Dn.useState(null),[A,I]=Dn.useState(null),[_,B]=Dn.useState(null),F=y||L,P=bt(w?"auto":$),D=gi({allowedAutoPlacements:i,arrow:s,arrowElement:_,boundaryElement:d||M.boundaryElement,constrainSize:u,distance:s?4:0,fallbackPlacements:h,margins:a,matchReferenceWidth:w,open:p,preventOverflow:x,skidding:0,tether:S,tetherOffset:E}),V=Kn.usePopper(F,A,{placement:b,modifiers:D}),{attributes:N,forceUpdate:q,styles:W}=V,X=Dn.useCallback((e=>{const n=l.ref;H(e),"function"==typeof n?n(e):n&&(n.current=e)}),[l]),Y=Dn.useCallback((e=>{I(e),T.current=e}),[T]),K=Dn.useMemo((()=>Bn(Bn({},z),W.popper)),[z,W]),U=Dn.useRef(null);if(Dn.useEffect((()=>{U.current&&(clearTimeout(U.current),U.current=null),U.current=setTimeout((()=>{if(q)try{q()}catch(e){}}),0)}),[c,q,p,F]),f)return l||Pn.jsx(Pn.Fragment,{});const G=Pn.jsx(bi,Bn(Bn(Bn({"data-ui":"Popover"},O),{},{$preventOverflow:x,ref:Y,style:K,zOffset:R},N.popper),{},{children:Pn.jsxs(mi,{$constrainSize:u,$width:P,"data-ui":"PopoverCard",padding:g,radius:v,scheme:j,shadow:k,tone:C,children:[s&&Pn.jsx(pi,{ref:B,style:W.arrow}),c]})}));return Pn.jsxs(Pn.Fragment,{children:[l&&!y?Dn.cloneElement(l,{ref:X}):l||Pn.jsx(Pn.Fragment,{}),p&&Pn.jsxs(Pn.Fragment,{children:[m&&Pn.jsx(Na,{__unstable_name:"string"==typeof m?m:void 0,children:G}),!m&&G]})]})}));const vi=et.default.div((function(){return Nn.css(B||(B=An(["\n position: relative;\n\n &:not([hidden]) {\n display: inline-block;\n }\n\n &[data-read-only] {\n outline: 1px solid red;\n }\n "])))})),yi=et.default.input((function(e){const{theme:n}=e,{focusRing:t,input:r}=n.sanity,o=n.sanity.color.input,a=(r.radio.size-r.radio.markSize)/2;return Nn.css(F||(F=An(["\n appearance: none;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n height: 100%;\n width: 100%;\n outline: none;\n z-index: 1;\n padding: 0;\n margin: 0;\n border-radius: ",";\n border: none;\n\n /* enabled */\n & + span {\n display: block;\n position: relative;\n height: ",";\n width: ",";\n border-radius: ",";\n background: ",";\n box-shadow: ",";\n\n &::after {\n content: '';\n position: absolute;\n top: ",";\n left: ",";\n height: ",";\n width: ",";\n border-radius: ",";\n background: ",";\n opacity: 0;\n }\n }\n\n /* focused */\n &:not(:disabled):focus + span {\n box-shadow: ",";\n }\n\n &:not(:disabled):focus:not(:focus-visible) + span {\n box-shadow: ",";\n }\n\n &:checked + span::after {\n opacity: 1;\n }\n\n /* read only */\n &[data-read-only] + span {\n box-shadow: 0 0 0 1px ",";\n background: ",";\n\n &::after {\n background: ",";\n }\n }\n\n /* disabled */\n &:not([data-read-only]):disabled + span {\n box-shadow: 0 0 0 1px ",";\n background: ",";\n\n &::after {\n background: ",";\n }\n }\n "])),it(r.radio.size/2),it(r.radio.size),it(r.radio.size),it(r.radio.size/2),o.default.enabled.bg,Dr({color:o.default.enabled.border,width:r.border.width}),it(a),it(a),it(r.radio.markSize),it(r.radio.markSize),it(r.radio.markSize/2),o.default.enabled.fg,Vr({border:{width:r.border.width,color:o.default.enabled.border},focusRing:t}),Dr({color:o.default.enabled.border,width:r.border.width}),o.default.readOnly.border,o.default.readOnly.bg,o.default.readOnly.fg,o.default.disabled.border,o.default.disabled.bg,o.default.disabled.fg)})),wi=Dn.forwardRef((function(e,n){const{className:t,disabled:r,style:o,customValidity:a,readOnly:i}=e,s=In(e,dn),d=mr(n);return xr(d,a),Pn.jsxs(vi,{className:t,"data-ui":"Radio",style:o,children:[Pn.jsx(yi,Bn(Bn({"data-read-only":!r&&i?"":void 0},s),{},{disabled:r||i,readOnly:i,ref:d,type:"radio"})),Pn.jsx("span",{})]})}));function ki(e){const{theme:n}=e,t=n.sanity.fonts.text;return Nn.css(D||(D=An(["\n -webkit-font-smoothing: antialiased;\n appearance: none;\n border: 0;\n font-family: ",";\n color: inherit;\n width: 100%;\n outline: none;\n margin: 0;\n\n &:disabled {\n opacity: 1;\n }\n "])),t.family)}function ji(e){const{theme:n}=e,{focusRing:t,input:r}=n.sanity,o=n.sanity.color.input;return Nn.css(V||(V=An(["\n /* enabled */\n background-color: ",";\n color: ",";\n box-shadow: ",";\n\n /* hovered */\n @media (hover: hover) {\n &:not(:disabled):hover {\n background-color: ",";\n color: ",";\n box-shadow: ",";\n }\n }\n\n /* focused */\n &:not(:disabled):focus {\n box-shadow: ",";\n }\n\n /* read-only */\n &[data-read-only] {\n background-color: ",";\n color: ",";\n box-shadow: ",";\n }\n\n /* disabled */\n &:not([data-read-only]):disabled {\n background-color: ",";\n color: ",";\n box-shadow: ",";\n }\n "])),o.default.enabled.bg,o.default.enabled.fg,Dr({color:o.default.enabled.border,width:r.border.width}),o.default.hovered.bg,o.default.hovered.fg,Dr({color:o.default.hovered.border,width:r.border.width}),Vr({border:{width:r.border.width,color:o.default.enabled.border},focusRing:t}),o.default.readOnly.bg,o.default.readOnly.fg,Dr({color:o.default.readOnly.border,width:r.border.width}),o.default.disabled.bg,o.default.disabled.fg,Dr({color:o.default.disabled.border,width:r.border.width}))}function zi(e){const{theme:n,$fontSize:t}=e,{sizes:r}=n.sanity.fonts.text;return st(n.sanity.media,t,(e=>{return{fontSize:it((n=r[e]||r[2]).fontSize),lineHeight:it(n.lineHeight)};var n}))}const Si=function(){return Nn.css(P||(P=An(["\n position: relative;\n width: stretch;\n\n &:not([hidden]) {\n display: inline-block;\n }\n "])))},Ei=function(){return[mo,ki,ji,zi,co]},Ci=function(e){const{theme:n}=e,t=n.sanity.color.input;return Nn.css(N||(N=An(["\n pointer-events: none;\n position: absolute;\n top: 0;\n right: 0;\n\n /* enabled */\n --card-fg-color: ",";\n\n /* hover */\n @media (hover: hover) {\n select:not(disabled):not(:read-only):hover + && {\n --card-fg-color: ",";\n }\n }\n\n /* disabled */\n select:disabled + && {\n --card-fg-color: ",";\n }\n\n /* read-only */\n select[data-read-only] + && {\n --card-fg-color: ",";\n }\n "])),t.default.enabled.fg,t.default.hovered.fg,t.default.disabled.fg,t.default.readOnly.fg)},$i=et.default.div(Si),Ri=et.default.select(Ei),Oi=et.default(Po)(Ci),Ti=Dn.forwardRef((function(e,n){const{children:t,customValidity:r,disabled:o,fontSize:a=2,padding:i=3,radius:s=1,readOnly:d,space:l=3}=e,c=In(e,ln),u=mr(n);return xr(u,r),Pn.jsxs($i,{"data-ui":"Select",children:[Pn.jsx(Ri,Bn(Bn({"data-read-only":!o&&d?"":void 0,"data-ui":"Select"},c),{},{$fontSize:bt(a),$padding:bt(i),$radius:bt(s),$space:bt(l),disabled:o||d,ref:u,children:t})),Pn.jsx(Oi,{padding:i,children:Pn.jsx(wo,{size:a,children:Pn.jsx(Xn.SelectIcon,{})})})]})})),Mi={"&&:not([hidden])":{display:"grid"},'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"},gridTemplateColumns:"minmax(0, 1fr)",gridAutoRows:"min-content"};const Li=et.default(Po)((function(){return Mi}),(function(e){const{theme:n}=e,{media:t,space:r}=n.sanity;return st(t,e.$space,(e=>({gridGap:it(r[e])})))})),Hi=Dn.forwardRef((function(e,n){const{as:t,space:r}=e,o=In(e,cn);return Pn.jsx(Li,Bn(Bn({"data-as":"string"==typeof t?t:void 0,"data-ui":"Stack"},o),{},{$space:bt(r),forwardedAs:t,ref:n}))}));const Ai=et.default.span((function(){return Nn.css(q||(q=An(["\n position: relative;\n &:not([hidden]) {\n display: inline-block;\n }\n "])))})),Ii=et.default.input((function(){return Nn.css(W||(W=An(["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n opacity: 0;\n height: 100%;\n width: 100%;\n outline: none;\n padding: 0;\n margin: 0;\n\n /* Place the input element above the representation element */\n z-index: 1;\n "])))})),_i=et.default.span((function(e){const{theme:n}=e,{focusRing:t,input:r}=n.sanity,o=n.sanity.color.button.default;return Nn.css(X||(X=An(["\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n --switch-box-shadow: none;\n\n &:not([hidden]) {\n display: block;\n }\n position: relative;\n width: ",";\n height: ",";\n border-radius: ",";\n\n /* Make sure it’s not possible to interact with the wrapper element */\n pointer-events: none;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1;\n box-shadow: var(--switch-box-shadow);\n border-radius: inherit;\n }\n\n /* Focus styles */\n input:focus + && {\n --switch-box-shadow: ",";\n }\n\n input:focus:not(:focus-visible) + && {\n --switch-box-shadow: none;\n }\n\n input:checked + && {\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n }\n\n @media (hover: hover) {\n input:not(:disabled):hover + && {\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n }\n\n input:not(:disabled):checked:hover + && {\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n }\n }\n\n input:not([data-read-only]):disabled + && {\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n }\n "])),o.default.enabled.bg,o.default.enabled.fg,it(r.switch.width),it(r.switch.height),it(r.switch.height/2),Vr({focusRing:t}),o.positive.enabled.bg,o.positive.enabled.fg,o.default.hovered.bg,o.default.hovered.fg,o.positive.hovered.bg,o.positive.hovered.fg,o.default.disabled.bg,o.default.disabled.fg)})),Bi=et.default.span((function(e){const{theme:n}=e,{input:t}=n.sanity;return Nn.css(Y||(Y=An(["\n &:not([hidden]) {\n display: block;\n }\n background-color: var(--switch-bg-color);\n position: absolute;\n left: 0;\n top: 0;\n width: ",";\n height: ",";\n border-radius: ",";\n "])),it(t.switch.width),it(t.switch.height),it(t.switch.height/2))})),Fi=et.default.span((function(e){const{$indeterminate:n,theme:t}=e,{input:r}=t.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!==n&&!0===e.$checked;return Nn.css(K||(K=An(["\n &:not([hidden]) {\n display: block;\n }\n position: absolute;\n left: ",";\n top: ",";\n height: ",";\n width: ",";\n border-radius: ",";\n transition-property: transform;\n transition-duration: ","ms;\n transition-timing-function: ",";\n background: var(--switch-fg-color);\n transform: translate3d(0, 0, 0);\n\n ","\n\n ","\n "])),it(i),it(i),it(s),it(s),it(s/2),r.switch.transitionDurationMs,r.switch.transitionTimingFunction,c&&Nn.css(U||(U=An(["\n transform: translate3d(","px, 0, 0);\n "])),d),n&&Nn.css(G||(G=An(["\n transform: translate3d(","px, 0, 0);\n "])),l))})),Pi=Dn.forwardRef((function(e,n){const{checked:t,className:r,disabled:o,indeterminate:a,readOnly:i,style:s}=e,d=In(e,un),l=mr(n);return Dn.useEffect((()=>{l.current&&(l.current.indeterminate=a||!1)}),[a,l]),Pn.jsxs(Ai,{className:r,"data-ui":"Switch",style:s,children:[Pn.jsx(Ii,Bn(Bn({"data-read-only":!o&&i?"":void 0},d),{},{checked:!0!==a&&t,disabled:o||i,type:"checkbox",ref:l})),Pn.jsxs(_i,{"aria-hidden":!0,"data-name":"representation",children:[Pn.jsx(Bi,{}),Pn.jsx(Fi,{$checked:t,$indeterminate:a})]})]})})),Di=et.default.span(fo),Vi=et.default.span(Z||(Z=An(["\n flex: 1;\n min-width: 0;\n display: block;\n position: relative;\n"]))),Ni=et.default.textarea(lo,ho,po),qi=et.default.div(mo,go),Wi=Dn.forwardRef((function(e,n){const{border:t=!0,customValidity:r,disabled:o=!1,fontSize:a=2,padding:i=3,radius:s=1,weight:d}=e,l=In(e,fn),c=mr(n),u=lr();return xr(c,r),Pn.jsx(Di,{"data-ui":"TextArea",children:Pn.jsxs(Vi,{children:[Pn.jsx(Ni,Bn(Bn({"data-as":"textarea","data-scheme":u.scheme,"data-tone":u.tone},l),{},{$fontSize:bt(a),$padding:bt(i),$scheme:u.scheme,$space:bt(0),$tone:u.tone,$weight:d,disabled:o,ref:c})),Pn.jsx(qi,{$border:t,$radius:bt(s),$scheme:u.scheme,$tone:u.tone,"data-scheme":u.scheme,"data-tone":u.tone})]})})})),Xi={zIndex:2},Yi=et.default(aa).attrs({forwardedAs:"span"})(fo),Ki=et.default.span(Q||(Q=An(["\n flex: 1;\n min-width: 0;\n display: block;\n position: relative;\n"]))),Ui=et.default(aa).attrs({forwardedAs:"span"})(J||(J=An(["\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n\n & > span {\n display: block;\n margin: -1px;\n }\n"]))),Gi=et.default(aa).attrs({forwardedAs:"span"})(ee||(ee=An(["\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n\n & > span {\n display: block;\n margin: -1px;\n }\n"]))),Zi=et.default.input(lo,ho,po),Qi=et.default.span(mo,go),Ji=et.default(Po)(ne||(ne=An(["\n position: absolute;\n top: 0;\n left: 0;\n"]))),es=et.default(Po)(te||(te=An(["\n position: absolute;\n top: 0;\n right: 0;\n"]))),ns=et.default(aa)(re||(re=An(["\n background-color: transparent;\n position: absolute;\n top: 0;\n right: 0;\n"]))),ts=Dn.forwardRef((function(e,n){const{border:t=!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=In(e,hn),v=mr(n),y=lr(),w=bt(a),k=bt(l),j=bt(u),z=bt(h),S=Boolean(r),E=Boolean(i),C=Boolean(s),$=Boolean(p),R=Boolean(c);xr(v,g);const O=Dn.useCallback((e=>{e.preventDefault(),e.stopPropagation()}),[]),T=Dn.useCallback((e=>{var n;e.preventDefault(),e.stopPropagation(),d&&d(),null==(n=v.current)||n.focus()}),[d,v]),M=Dn.useMemo((()=>c&&Pn.jsx(Ui,{borderTop:!0,borderLeft:!0,borderBottom:!0,radius:j,sizing:"border",tone:"inherit",children:Pn.jsx("span",{children:c})})),[c,j]),L=Dn.useMemo((()=>Pn.jsxs(Qi,{$border:t,$hasPrefix:R,$hasSuffix:$,$radius:j,$scheme:y.scheme,$tone:y.tone,"data-scheme":y.scheme,"data-tone":y.tone,children:[i&&Pn.jsx(Ji,{padding:k,children:Pn.jsxs(wo,{size:w,children:[Dn.isValidElement(i)&&i,Vn.isValidElementType(i)&&Dn.createElement(i)]})}),!S&&s&&Pn.jsx(es,{padding:k,children:Pn.jsxs(wo,{size:w,children:[Dn.isValidElement(s)&&s,Vn.isValidElementType(s)&&Dn.createElement(s)]})})]})),[t,w,i,s,k,j,y,S,R,$]),H=Dn.useMemo((()=>k.map((e=>0===e?0:1===e||2===e?1:e-2))),[k]),A=Dn.useMemo((()=>k.map((e=>0===e||1===e?0:2===e?1:e-1))),[k]),I=Dn.useMemo((()=>"object"==typeof r?r:ot),[r]),_=Dn.useMemo((()=>!o&&!f&&r&&Pn.jsx(ns,{forwardedAs:"span",padding:H,style:Xi,tone:g?"critical":"inherit",children:Pn.jsx(na,Bn(Bn({"data-qa":"clear-button",fontSize:w,icon:Xn.CloseIcon,mode:"bleed",padding:A,radius:j},I),{},{onClick:T,onMouseDown:O}))})),[r,H,A,I,g,o,w,T,O,j,f]),B=Dn.useMemo((()=>p&&Pn.jsx(Gi,{borderTop:!0,borderRight:!0,borderBottom:!0,radius:j,sizing:"border",tone:"inherit",children:Pn.jsx("span",{children:p})})),[j,p]);return Pn.jsxs(Yi,{"data-ui":"TextInput",tone:y.tone,children:[M,Pn.jsxs(Ki,{children:[Pn.jsx(Zi,Bn(Bn({"data-as":"input","data-scheme":y.scheme,"data-tone":y.tone},x),{},{$fontSize:w,$iconLeft:E,$iconRight:C||S,$padding:k,$scheme:y.scheme,$space:z,$tone:y.tone,$weight:m,disabled:o,readOnly:f,ref:v,type:b})),L,_]}),B]})})),rs=et.default.div(oe||(oe=An(["\n position: absolute;\n width: 15px;\n height: 15px;\n fill: none;\n\n :empty + & {\n display: none;\n }\n\n & > svg {\n &:not([hidden]) {\n display: block;\n }\n transform-origin: 7.5px 7.5px;\n }\n\n [data-popper-placement^='top'] > div > & {\n bottom: -15px;\n }\n\n [data-popper-placement^='right'] > div > & {\n left: -15px;\n\n & > svg {\n transform: rotate(90deg);\n }\n }\n\n [data-popper-placement^='left'] > div > & {\n right: -15px;\n\n & > svg {\n transform: rotate(-90deg);\n }\n }\n\n [data-popper-placement^='bottom'] > div > & {\n top: -15px;\n\n & > svg {\n transform: rotate(180deg);\n }\n }\n"]))),os=et.default.path(ae||(ae=An(["\n fill: var(--card-shadow-outline-color);\n"]))),as=et.default.path(ie||(ie=An(["\n fill: var(--card-bg-color);\n"]))),is=Dn.forwardRef((function(e,n){const t=Hn({},e);return Pn.jsx(rs,Bn(Bn({},t),{},{ref:n,children:Pn.jsxs("svg",{width:"15",height:"15",viewBox:"0 0 15 15",children:[Pn.jsx(os,{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"}),Pn.jsx(as,{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"})]})}))})),ss=et.default(_a)(se||(se=An(["\n pointer-events: none;\n"]))),ds=Dn.forwardRef((function(e,n){var t;const r=$a(),o=ur(),{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==(t=o.sanity.layer)?void 0:t.tooltip.zOffset)}=e,g=In(e,pn),b=bt(c),m=mr(n),[x,v]=Dn.useState(null),[y,w]=Dn.useState(null),[k,j]=Dn.useState(null),z=Kn.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:S}=z,[E,C]=Dn.useState(!1),$=Dn.useCallback((()=>C(!1)),[]),R=Dn.useCallback((()=>C(!0)),[]),O=Dn.useCallback((()=>C(!0)),[]),T=Dn.useCallback((()=>C(!1)),[]);Dn.useEffect((()=>{if(E)return window.addEventListener("mousemove",e),()=>{window.removeEventListener("mousemove",e)};function e(n){if(!x)return;x===n.target||n.target instanceof Node&&x.contains(n.target)||(C(!1),window.removeEventListener("mousemove",e))}}),[E,x]);const M=Dn.useRef(null);Dn.useEffect((()=>{M.current&&(clearTimeout(M.current),M.current=null),M.current=setTimeout((()=>{if(S)try{S()}catch(e){}}),0)}),[S,d]),Dn.useEffect((()=>{l&&C(!1)}),[l]),Dn.useEffect((()=>{d||C(!1)}),[d]);if(!s)return Pn.jsx(Pn.Fragment,{});if(l)return s;const L={onBlur:$,onFocus:R,onMouseEnter:O,onMouseLeave:T,ref:v},H=Dn.cloneElement(s,L),A=Pn.jsx(ss,Bn(Bn(Bn({"data-ui":"Tooltip"},g),z.attributes.popper),{},{ref:e=>{w(e),m.current=e},style:z.styles.popper,zOffset:p,children:Pn.jsxs(aa,{radius:2,scheme:h,shadow:3,children:[d,Pn.jsx(is,{ref:j,style:z.styles.arrow})]})}));return Pn.jsxs(Pn.Fragment,{children:[H,E&&Pn.jsxs(Pn.Fragment,{children:[f&&Pn.jsx(Na,{__unstable_name:"string"==typeof f?f:void 0,children:A}),!f&&A]})]})})),ls=et.default.div(de||(de=An(["\n line-height: 0;\n"]))),cs=et.default(Po)(le||(le=An(["\n & > ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n"]))),us=et.default(xi)(ce||(ce=An(["\n & > div {\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n &[data-popper-reference-hidden='true'] {\n display: none;\n }\n"]))),fs=Nn.keyframes(ue||(ue=An(["\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n"]))),hs=et.default(Xn.SpinnerIcon)(fe||(fe=An(["\n animation: "," 500ms linear infinite;\n"])),fs);function ps(e){const{children:n,id:t,onSelect:r,selected:o,value:a}=e,i=Dn.useCallback((()=>{setTimeout((()=>{r(a)}),0)}),[r,a]),s=Dn.useCallback((e=>{"Enter"!==e.key||Ua(e.currentTarget)||i()}),[i]);return Pn.jsx("li",{"aria-selected":o,"data-ui":"AutocompleteOption",id:t,role:"option",onClick:i,onKeyDown:s,children:n})}function gs(e,n){return"input/change"===n.type?Bn(Bn({},e),{},{activeValue:null,focused:!0,query:n.query}):"input/focus"===n.type?Bn(Bn({},e),{},{focused:!0}):"root/blur"===n.type?Bn(Bn({},e),{},{focused:!1,query:null}):"root/clear"===n.type?Bn(Bn({},e),{},{activeValue:null,query:null,value:null}):"root/escape"===n.type?Bn(Bn({},e),{},{focused:!1,query:null}):"root/open"===n.type?Bn(Bn({},e),{},{query:e.query||n.query}):"root/setActiveValue"===n.type?Bn(Bn({},e),{},{activeValue:n.value,listFocused:n.listFocused||e.listFocused}):"root/setListFocused"===n.type?e.listFocused===n.listFocused?e:Bn(Bn({},e),{},{listFocused:n.listFocused}):"value/change"===n.type?Bn(Bn({},e),{},{activeValue:n.value,query:null,value:n.value}):e}const bs=["Control","Shift","Alt","Enter","Home","End","PageUp","PageDown","Meta","Tab","CapsLock"],ms=[0,1,1,1],xs=["top-start"],vs=(e,n)=>n?n.value:e,ys=(e,n)=>n.value.toLowerCase().indexOf(e.toLowerCase())>-1,ws=Dn.forwardRef((function(e,n){const{border:t=!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:j,renderOption:z,renderPopover:S,renderValue:E=vs,suffix:C,value:$}=e,R=In(e,gn),[O,T]=Dn.useReducer(gs,{activeValue:$||null,focused:!1,listFocused:!1,query:null,value:$||null}),{activeValue:M,focused:L,listFocused:H,query:A,value:I}=O,_=Dn.useCallback((({value:e})=>Pn.jsx(aa,{"data-as":"button",padding:x,radius:2,tone:"inherit",children:Pn.jsx(wo,{size:i,textOverflow:"ellipsis",children:e})})),[i,x]),B="function"==typeof z?z:_,F="function"==typeof a?a:ys,[P,D]=Dn.useState(null),[V,N]=Dn.useState(null),q=Dn.useRef(null),W=Dn.useRef(null),X=Dn.useRef(null),Y=Dn.useRef(I),K=Dn.useRef($),U=mr(n),G=Dn.useRef(!1),Z="".concat(d,"-listbox"),Q=Array.isArray(m)?m:rt,J=bt(x),ee=Dn.useMemo((()=>null!==I?Q.find((e=>e.value===I)):void 0),[Q,I]),ne=Dn.useMemo((()=>Q.filter((e=>!A||F(A,e)))),[F,Q,A]),te=ne.length,re=M?"".concat(d,"-option-").concat(M):void 0,oe=null!==A&&c||L&&null!==A,ae=Dn.useCallback((e=>{setTimeout((()=>{if(G.current)return;const n=(j||[]).concat(P?[P]:[],V?[V]:[]);let t=!1;if(document.activeElement)for(const e of n)if(e===document.activeElement||e.contains(document.activeElement)){t=!0;break}!1===t&&(T({type:"root/blur"}),G.current=!1,p&&p(null),u&&u(e))}),0)}),[u,p,j,V,P]),ie=Dn.useCallback((e=>{const n=W.current,t=e.target instanceof HTMLElement?e.target:null;X.current=t;const r=Boolean(n&&t&&n.contains(t));T({type:"root/setListFocused",listFocused:r})}),[]),se=Dn.useCallback((e=>{var n;T({type:"value/change",value:e}),G.current=!1,g&&g(e),Y.current=e,f&&f(e),p&&p(null),null==(n=q.current)||n.focus()}),[f,g,p]),de=Dn.useCallback((e=>{var n,t;if("ArrowDown"===e.key){if(e.preventDefault(),!te)return;const n=ne.find((e=>e.value===M)),t=n?ne.indexOf(n):-1,r=ne[(t+1)%te];return void(r&&T({type:"root/setActiveValue",value:r.value,listFocused:!0}))}if("ArrowUp"===e.key){if(e.preventDefault(),!te)return;const n=ne.find((e=>e.value===M)),t=n?ne.indexOf(n):-1,r=ne[-1===t?te-1:(te+t-1)%te];return void(r&&T({type:"root/setActiveValue",value:r.value,listFocused:!0}))}if("Escape"===e.key)return T({type:"root/escape"}),G.current=!1,p&&p(null),void(null==(n=q.current)||n.focus());const r=e.target,o=W.current;o!==r&&!(null==o?void 0:o.contains(r))||bs.includes(e.key)||null==(t=q.current)||t.focus()}),[M,ne,te,p]),le=Dn.useCallback((e=>{const n=e.currentTarget.value;T({type:"input/change",query:n}),p&&p(n)}),[p]),ce=Dn.useCallback((e=>{L||(T({type:"input/focus"}),h&&h(e))}),[L,h]),ue=Dn.useCallback((()=>{G.current=!0}),[]),fe=Dn.useCallback((()=>{G.current=!1}),[]),he=Dn.useCallback((()=>{var e;T({type:"root/clear"}),Y.current="",f&&f(""),p&&p(null),null==(e=q.current)||e.focus()}),[f,p]),pe=Dn.useCallback((()=>{T({type:"input/focus"})}),[]);Dn.useEffect((()=>{if($!==K.current)return K.current=$,void(void 0!==$&&(T({type:"value/change",value:$}),Y.current=$));$!==I&&T({type:"value/change",value:$||null})}),[$,I]),Dn.useEffect((()=>{L||Y.current&&T({type:"root/setActiveValue",value:Y.current})}),[L]),Dn.useEffect((()=>{const e=W.current;if(!e)return;const n=ne.find((e=>e.value===M));if(n){const t=ne.indexOf(n),r=e.childNodes[t];if(r){if(ti(r))return;ai(r)}}}),[M,ne]);const ge=Dn.useCallback((e=>{q.current=e,U.current=e}),[U]),be=Dn.useMemo((()=>{if(!c&&!o&&I)return{"aria-label":"Clear",onFocus:pe}}),[o,pe,c,I]),me=Dn.useMemo((()=>J.map((e=>0===e?0:1===e||2===e?1:e-2))),[J]),xe=Dn.useMemo((()=>J.map((e=>0===e||1===e?0:2===e?1:e-1))),[J]),ve=Dn.useMemo((()=>"object"==typeof b?b:ot),[b]),ye=Dn.useCallback((e=>{T({type:"root/open",query:I?E(I,ee):""}),ve.onClick&&ve.onClick(e),Ka((()=>{var e;return null==(e=q.current)?void 0:e.focus()}))}),[ee,ve,E,I]),we=Dn.useMemo((()=>o||k||!b?void 0:Pn.jsx(Po,{"aria-hidden":oe,padding:me,children:Pn.jsx(na,Bn(Bn({"aria-label":"Open",disabled:oe,fontSize:i,icon:Xn.ChevronDownIcon,mode:"bleed",padding:xe},ve),{},{onClick:ye}))})),[o,oe,i,ye,b,me,xe,ve,k]),ke=Dn.useMemo((()=>null===A?null!==I?E(I,ee):"":A),[ee,A,E,I]),je=Pn.jsx(ts,Bn(Bn({},R),{},{"aria-activedescendant":re,"aria-autocomplete":"list","aria-expanded":oe,"aria-owns":Z,autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",border:t,clearButton:be,customValidity:r,disabled:o,fontSize:i,icon:s,iconRight:c&&hs,id:d,inputMode:"search",onChange:le,onClear:he,onFocus:ce,padding:J,prefix:y,radius:w,readOnly:k,ref:ge,role:"combobox",spellCheck:!1,suffix:C||we,value:ke})),ze=Dn.useCallback((e=>{var n;"Tab"===e.key&&H&&(null==(n=q.current)||n.focus())}),[H]),Se=Dn.useMemo((()=>0===ne.length?null:Pn.jsx(cs,Bn(Bn({"data-ui":"AutoComplete__results",onKeyDown:ze,padding:1},l),{},{tabIndex:-1,children:Pn.jsx(Hi,{as:"ul","aria-multiselectable":!1,"data-ui":"AutoComplete__resultsList",id:Z,ref:W,role:"listbox",space:1,children:ne.map((e=>{const n=null!==M?e.value===M:ee===e;return Pn.jsx(ps,{id:"".concat(d,"-option-").concat(e.value),onSelect:se,selected:n,value:e.value,children:Dn.cloneElement(B(e),{disabled:c,selected:n,tabIndex:H&&n?0:-1})},e.value)}))})}))),[M,ee,ne,se,ze,d,l,Z,H,c,B]),Ee=Dn.useMemo((()=>S?S({content:Se,hidden:!oe,inputElement:q.current,onMouseEnter:ue,onMouseLeave:fe},N):0===te?null:Pn.jsx(us,Bn({__unstable_margins:ms,arrow:!1,constrainSize:!0,content:Se,fallbackPlacements:xs,matchReferenceWidth:!0,onMouseEnter:ue,onMouseLeave:fe,open:oe,placement:"bottom-start",portal:!0,radius:w,ref:N,referenceElement:q.current},v))),[Se,oe,te,ue,fe,v,w,S]);return Pn.jsxs(ls,{"data-ui":"Autocomplete",onBlur:ae,onFocus:ie,onKeyDown:de,ref:D,children:[je,Ee]})})),ks=ws,js=et.default.ol(he||(he=An(["\n margin: 0;\n padding: 0;\n display: flex;\n list-style: none;\n align-items: center;\n white-space: nowrap;\n line-height: 0;\n"]))),zs=et.default(na)(pe||(pe=An(["\n appearance: none;\n margin: -4px;\n"]))),Ss=Dn.forwardRef((function(e,n){const{children:t,maxLength:r,separator:o,space:a=2}=e,i=In(e,bn),s=bt(a),[d,l]=Dn.useState(!1),[c,u]=Dn.useState(null),[f,h]=Dn.useState(null),p=Dn.useCallback((()=>l(!1)),[]),g=Dn.useCallback((()=>l(!0)),[]);xt(p,[c,f]);const b=Dn.useMemo((()=>Dn.Children.toArray(t).filter((e=>Dn.isValidElement(e)))),[t]),m=Dn.useMemo((()=>{const e=b.length;if(r&&e>r){const n=Math.ceil(r/2),t=Math.floor(r/2);return[...b.slice(0,n-1),Pn.jsx(xi,{constrainSize:!0,content:Pn.jsx(Hi,{as:"ol",overflow:"auto",padding:s,space:s,children:b.slice(n-1,e-t)}),open:d,placement:"top",portal:!0,ref:h,children:Pn.jsx(zs,{fontSize:1,mode:"bleed",onClick:d?p:g,padding:1,ref:u,selected:d,text:"…"})},"button"),...b.slice(e-t)]}return b}),[p,g,r,d,b,s]);return Pn.jsx(js,Bn(Bn({"data-ui":"Breadcrumbs"},i),{},{ref:n,children:m.map(((e,n)=>Pn.jsxs(Dn.Fragment,{children:[n>0&&Pn.jsx(Po,{"aria-hidden":!0,as:"li",paddingX:s,children:o||Pn.jsx(wo,{muted:!0,children:"/"})}),Pn.jsx(Po,{as:"li",children:e})]},n)))}))}));const Es=Symbol.for("@sanity/ui/context/dialog");or[Es]=or[Es]||Dn.createContext({version:0});const Cs=or[Es];function $s(){return Dn.useContext(Cs)}const Rs=et.default(_a)(bo,(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:n}=e,{media:t}=n.sanity;return st(t,e.$position,(e=>({"&&":{position:e}})))})),Os=et.default(ga)(ge||(ge=An(["\n &:not([hidden]) {\n display: flex;\n }\n width: 100%;\n height: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"]))),Ts=et.default(aa)(be||(be=An(["\n &:not([hidden]) {\n display: flex;\n }\n width: 100%;\n min-height: 0;\n max-height: 100%;\n overflow: hidden;\n"]))),Ms=et.default(Yo)(me||(me=An(["\n flex: 1;\n min-height: 0;\n width: 100%;\n"]))),Ls=et.default(aa)(xe||(xe=An(["\n position: relative;\n z-index: 2;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n bottom: -1px;\n border-bottom: 1px solid var(--card-hairline-soft-color);\n }\n"]))),Hs=et.default(Po)(ve||(ve=An(["\n position: relative;\n z-index: 1;\n overflow: auto;\n outline: none;\n"]))),As=et.default(Po)(ye||(ye=An(["\n position: relative;\n z-index: 3;\n border-top: 1px solid var(--card-hairline-soft-color);\n"]))),Is=Dn.forwardRef((function(e,n){const{__unstable_autoFocus:t,__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=bt(u),b=bt(h),m=bt(p),x=mr(n),[v,y]=Dn.useState(null),w=Dn.useRef(null),k=La(),{isTopLayer:j}=k,z="".concat(d,"_label"),S=Boolean(c)&&!1===r,E=Boolean(s)||S;Dn.useEffect((()=>{t&&x.current&&ai(x.current)}),[t,x]),kt(Dn.useCallback((e=>{j&&c&&"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),c())}),[j,c])),xt(Dn.useCallback((()=>{j&&l&&l()}),[j,l]),[v]);const C=Dn.useCallback((e=>{y(e),x.current=e}),[x]),$=Dn.useCallback((e=>{w.current=e,"function"==typeof a?a(e):a&&(a.current=e)}),[a]);return Pn.jsx(Os,{"data-ui":"DialogCard",width:m,children:Pn.jsx(Ts,{radius:g,ref:C,scheme:f,shadow:b,children:Pn.jsxs(Ms,{direction:"column",children:[E&&Pn.jsx(Ls,{children:Pn.jsxs(Yo,{children:[Pn.jsx(Po,{flex:1,padding:4,children:s&&Pn.jsx(wo,{id:z,weight:"semibold",children:s})}),S&&Pn.jsx(Po,{padding:2,children:Pn.jsx(na,{"aria-label":"Close dialog",disabled:!c,icon:Xn.CloseIcon,mode:"bleed",onClick:c,padding:3})})]})}),Pn.jsx(Hs,{flex:1,ref:$,tabIndex:-1,children:o}),i&&Pn.jsx(As,{children:i})]})})})})),_s=Dn.forwardRef((function(e,n){var t;const r=$s(),o=ur(),{__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==(t=o.sanity.layer)?void 0:t.dialog.zOffset)}=e,k=In(e,mn),j=bt(s),z=bt(b),S=bt(x),E=bt(y),C=bt(w),$=Dn.useRef(null),R=Dn.useRef(null),O=Dn.useRef(null),T=Dn.useCallback((e=>{const n=e.target,t=O.current;t&&(n!==$.current?n!==R.current||ai(t):ii(t))}),[]),M="".concat(h,"_label");return Pn.jsx(Na,{__unstable_name:m,children:Pn.jsxs(Rs,Bn(Bn({},k),{},{$padding:z,$position:S,"aria-labelledby":M,"aria-modal":!0,"data-ui":"Dialog",id:h,onFocus:T,ref:n,role:"dialog",zOffset:C,children:[Pn.jsx("div",{ref:$,tabIndex:0}),Pn.jsx(Is,{__unstable_autoFocus:a,__unstable_hideCloseButton:i,contentRef:c,footer:u,header:f,id:h,onClickOutside:p,onClose:g,radius:j,ref:O,scheme:v,shadow:d,width:E,children:l}),Pn.jsx("div",{ref:R,tabIndex:0})]}))})}));const Bs=et.default.kbd(we||(we=An(["\n &:not([hidden]) {\n display: block;\n }\n font: inherit;\n"]))),Fs=et.default(za)(ke||(ke=An(["\n &:not([hidden]) {\n display: block;\n }\n"]))),Ps=Dn.forwardRef((function(e,n){const{fontSize:t,keys:r,padding:o,radius:a,space:i=1}=e,s=In(e,xn),d=bt(i);return r&&0!==r.length?Pn.jsx(Bs,Bn(Bn({"data-ui":"Hotkeys"},s),{},{ref:n,children:Pn.jsx(ka,{as:"span",space:d,children:r.map(((e,n)=>Pn.jsx(Fs,{fontSize:t,padding:o,radius:a,children:e},n)))})})):Pn.jsx(Pn.Fragment,{})})),Ds=Symbol.for("@sanity/ui/context/menu");or[Ds]=or[Ds]||Dn.createContext(null);const Vs=or[Ds];function Ns(e){return Za(e)&&"true"!==e.getAttribute("data-disabled")||Ja(e)&&!e.disabled}function qs(e){return e.filter(Ns)}function Ws(e,n){const t=[];let r=n;for(;r!==e;){const n=r.parentElement;if(!n)return t;const o=Array.from(n.childNodes).indexOf(r);if(t.unshift(o),n===e)return t;r=n}return t}const Xs=[];function Ys(e){const{onKeyDown:n,originElement:t,shouldFocus:r}=e,o=Dn.useRef([]),[a,i]=Dn.useState(null),[s,d]=Dn.useState(-1),l=Dn.useRef(s),c=o.current[s]||null,u=Boolean(a),f=Dn.useCallback((e=>{d(e),l.current=e}),[]),h=Dn.useCallback(((e,n)=>{if(!e)return()=>{};if(-1===o.current.indexOf(e)&&(o.current.push(e),function(e,n){if(!e)return;const t=new WeakMap;for(const r of n)t.set(r,Ws(e,r));n.sort(((e,n)=>{const r=t.get(e)||Xs,o=t.get(n)||Xs,a=Math.max(r.length,o.length);for(let e=0;e<a;e+=1){const n=r[e]||-1,t=o[e]||-1;if(n!==t)return n-t}return 0}))}(a,o.current)),n){const n=o.current.indexOf(e);f(n)}return()=>{const n=o.current.indexOf(e);n>-1&&o.current.splice(n,1)}}),[a,f]),p=Dn.useCallback((e=>{if("Tab"!==e.key)if("Home"!==e.key)if("End"!==e.key)if("ArrowUp"!==e.key)if("ArrowDown"!==e.key)n&&n(e);else{e.preventDefault(),e.stopPropagation();const n=qs(o.current),t=n.length;if(0===t)return;const r=o.current[l.current];let a=n.indexOf(r);a=(a+1)%t;const i=n[a],s=o.current.indexOf(i);f(s)}else{e.preventDefault(),e.stopPropagation();const n=qs(o.current),t=n.length;if(0===t)return;const r=o.current[l.current];let a=n.indexOf(r);a=(a-1+t)%t;const i=n[a],s=o.current.indexOf(i);f(s)}else{e.preventDefault(),e.stopPropagation();const n=qs(o.current),t=n[n.length-1];if(!t)return;const r=o.current.indexOf(t);f(r)}else{e.preventDefault(),e.stopPropagation();const n=qs(o.current)[0];if(!n)return;const t=o.current.indexOf(n);f(t)}else t&&t.focus()}),[n,t,f]),g=Dn.useCallback((e=>{const n=e.currentTarget,t=o.current.indexOf(n);f(t)}),[f]),b=Dn.useCallback((()=>{null==a||a.focus(),f(-1)}),[a,f]);return Dn.useEffect((()=>{if(!u)return;const e=window.requestAnimationFrame((()=>{const e=l.current;if(-1===e){if("first"===r){const e=qs(o.current)[0];if(e){const n=o.current.indexOf(e);f(n),l.current=n}}if("last"===r){const e=qs(o.current),n=e[e.length-1];if(n){const e=o.current.indexOf(n);f(e),l.current=e}}return}const n=o.current[e]||null;null==n||n.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 Ks=et.default(Po)(je||(je=An(["\n outline: none;\n overflow: auto;\n"]))),Us=Dn.forwardRef((function(e,n){const{children:t,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=In(e,vn),b=mr(n),{isTopLayer:m}=La(),{activeElement:x,activeIndex:v,handleItemMouseEnter:y,handleItemMouseLeave:w,handleKeyDown:k,mount:j,rootElement:z,setRootElement:S}=Ys({onKeyDown:l,originElement:c,shouldFocus:h}),E=Dn.useCallback((e=>{S(e),b.current=e}),[b,S]);Dn.useEffect((()=>{d&&d(v)}),[v,d]),xt(Dn.useCallback((e=>m&&a&&a(e)),[m,a]),[z]),kt(Dn.useCallback((e=>{m&&"Escape"===e.key&&(e.stopPropagation(),i&&i())}),[m,i])),Dn.useEffect((()=>{if(z&&f)return f(z)}),[f,z]);const C=Dn.useMemo((()=>({version:0,activeElement:x,activeIndex:v,mount:j,onClickOutside:a,onEscape:i,onItemClick:s,onItemMouseEnter:y,onItemMouseLeave:w,registerElement:f,onMouseEnter:y,onMouseLeave:w})),[x,v,j,y,w,a,i,s,f]);return Pn.jsx(Vs.Provider,{value:C,children:Pn.jsx(Ks,Bn(Bn({"data-ui":"Menu"},g),{},{onKeyDown:k,padding:u,ref:E,role:"menu",tabIndex:-1,children:Pn.jsx(Hi,{space:p,children:t})}))})})),Gs=Dn.forwardRef((function(e,n){const{__unstable_disableRestoreFocusOnClose:t=!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]=Dn.useState(!1),[b,m]=Dn.useState(null),[x,v]=Dn.useState(null),[y,w]=Dn.useState([]),k=Dn.useRef(p);Dn.useEffect((()=>{s&&!p&&k.current&&s()}),[s,p]),Dn.useEffect((()=>{k.current=p}),[p]);const j=Dn.useCallback((()=>{g((e=>!e)),m(null)}),[]),z=Dn.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),[]),S=Dn.useCallback((e=>{const n=e.target;if(n instanceof Node&&(!x||n!==x&&!x.contains(n))){for(const e of y)if(n===e||e.contains(n))return;g(!1)}}),[x,y]),E=Dn.useCallback((()=>{g(!1),t||x&&x.focus()}),[x,t]),C=Dn.useCallback((e=>{const n=e.relatedTarget;if(n instanceof Node){for(const e of y)if(e===n||e.contains(n))return;g(!1)}}),[y]),$=Dn.useCallback((()=>{g(!1),t||x&&x.focus()}),[x,t]),R=Dn.useCallback((e=>(w((n=>n.concat([e]))),()=>{w((n=>n.filter((n=>n!==e))))})),[]),O=Dn.useMemo((()=>({"aria-labelledby":a,onBlurCapture:C,onClickOutside:S,onEscape:E,onItemClick:$,originElement:x,registerElement:R,shouldFocus:b})),[x,S,E,$,a,C,R,b]),T=Vn.isElement(i)?Dn.cloneElement(i,O):null,M=Dn.useCallback((e=>{"function"==typeof n?n(e):n&&(n.current=e),v(e)}),[n]),L=Dn.useMemo((()=>Vn.isElement(o)?Dn.cloneElement(o,{"data-ui":"MenuButton",id:a,onClick:j,onKeyDown:z,"aria-haspopup":!0,"aria-expanded":p,ref:M,selected:p}):null),[o,j,z,a,p,M]),H=Dn.useMemo((()=>Bn({boundaryElement:r,placement:d,portal:c,radius:f,preventOverflow:h,scheme:l},u||{})),[r,h,d,u,f,c,l]);return Pn.jsx(xi,Bn(Bn({},H),{},{content:T,"data-ui":"MenuButton__popover",open:p,children:L||Pn.jsx(Pn.Fragment,{})}))})),Zs=et.default.hr(ze||(ze=An(["\n height: 1px;\n border: 0;\n background: var(--card-hairline-soft-color);\n margin: 0;\n"])));const Qs=et.default(Po)(mo,(function(){return Nn.css(Se||(Se=An(["\n background-color: inherit;\n color: inherit;\n\n &[data-as='button'] {\n -webkit-font-smoothing: inherit;\n appearance: none;\n outline: none;\n font: inherit;\n text-align: inherit;\n border: 0;\n width: stretch;\n }\n\n /* &:is(a) */\n &[data-as='a'] {\n text-decoration: none;\n }\n "])))}),(function(e){var n,t;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 Nn.css(Ee||(Ee=An(["\n ","\n\n background-color: var(--card-bg-color);\n color: var(--card-fg-color);\n outline: none;\n\n /* &:is(button) */\n &[data-as='button'] {\n &:disabled {\n ","\n }\n\n &:not(:disabled) {\n &[aria-pressed='true'] {\n ","\n }\n\n &[data-selected],\n &[aria-selected='true'] > & {\n ","\n }\n\n @media (hover: hover) {\n &:not([data-selected]) {\n &:hover {\n ","\n }\n\n &:active {\n ","\n }\n }\n }\n }\n }\n\n /* &:is(a) */\n &[data-as='a'] {\n &[data-disabled] {\n ","\n }\n\n &:not([data-disabled]) {\n &[data-pressed] {\n ","\n }\n\n &[data-selected] {\n ","\n }\n\n @media (hover: hover) {\n &:not([data-selected]) {\n &:hover {\n ","\n }\n\n &:active {\n ","\n }\n }\n }\n }\n }\n\n ","\n "])),Zo(a,d.enabled),Zo(a,d.disabled),Zo(a,d.pressed),Zo(a,d.selected),Zo(a,d.hovered),Zo(a,d.pressed),Zo(a,d.disabled),Zo(a,d.pressed),Zo(a,d.selected),Zo(a,d.hovered),Zo(a,d.pressed),null==(t=null==(n=o.sanity.styles)?void 0:n.card)?void 0:t.root)}));function Js(){const e=Dn.useContext(Vs);if(!e)throw new Error("useMenu(): missing context value");if(!dr(e)||0!==e.version)throw new Error("useMenu(): the context value is not compatible");return e}const ed=Dn.forwardRef((function(e,n){const{as:t="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,j=In(e,wn),z=Js(),{activeElement:S,mount:E,onItemClick:C,onItemMouseEnter:$=z.onMouseEnter,onItemMouseLeave:R=z.onMouseLeave}=z,[O,T]=Dn.useState(null),M=Boolean(S)&&S===O;Dn.useEffect((()=>E(O,v)),[E,O,v]);const L=mr(n),H=Dn.useCallback((e=>{o||(l&&l(e),C&&C())}),[o,l,C]),A=Dn.useMemo((()=>({padding:c,paddingX:u,paddingY:f,paddingTop:h,paddingRight:p,paddingBottom:g,paddingLeft:b})),[c,u,f,h,p,g,b]),I=Dn.useCallback((e=>{L.current=e,T(e)}),[L]);return Pn.jsxs(Qs,Bn(Bn({"data-ui":"MenuItem"},j),{},{"aria-pressed":"button"===t&&m,"data-pressed":"button"!==t&&m?"":void 0,"data-selected":M?"":void 0,"data-disabled":o?"":void 0,forwardedAs:t,$radius:bt(x),$padding:bt(0),$tone:k,disabled:o,onClick:H,onMouseEnter:$,onMouseLeave:R,ref:I,role:"menuitem",tabIndex:-1,type:"button"===t?"button":void 0,children:[(s||w||d)&&Pn.jsx(Po,Bn(Bn({as:"span"},A),{},{children:Pn.jsxs(Yo,{as:"span",children:[s&&Pn.jsxs(wo,{size:a,children:[Dn.isValidElement(s)&&s,Vn.isValidElementType(s)&&Dn.createElement(s)]}),w&&Pn.jsx(Po,{flex:1,marginLeft:s?y:void 0,marginRight:d?y:void 0,children:Pn.jsx(wo,{size:a,textOverflow:"ellipsis",children:w})}),i&&Pn.jsx(Po,{marginLeft:y,style:{marginTop:-4,marginBottom:-4},children:Pn.jsx(Ps,{fontSize:a,keys:i})}),d&&Pn.jsxs(wo,{size:a,children:[Dn.isValidElement(d)&&d,Vn.isValidElementType(d)&&Dn.createElement(d)]})]})})),r&&Pn.jsx(Po,Bn(Bn({as:"span"},A),{},{children:r}))]}))})),nd=Nn.keyframes(Ce||(Ce=An(["\n 0% {\n background-position: 100%;\n }\n 100% {\n background-position: -100%;\n }\n"]))),td=Nn.css($e||($e=An(["\n background-image: linear-gradient(\n to right,\n var(--card-skeleton-color-from),\n var(--card-skeleton-color-to),\n var(--card-skeleton-color-from),\n var(--card-skeleton-color-from),\n var(--card-skeleton-color-from)\n );\n background-position: 100%;\n background-size: 200% 100%;\n background-attachment: fixed;\n animation-name: ",";\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n animation-duration: 2000ms;\n"])),nd),rd=Nn.css(Re||(Re=An(["\n opacity: ",";\n transition: opacity 200ms ease-in;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n ","\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n background-color: var(--card-skeleton-color-from);\n }\n"])),(({$visible:e})=>e?1:0),(({$animated:e})=>e?td:Nn.css(Oe||(Oe=An(["\n background-color: var(--card-skeleton-color-from);\n "]))))),od=et.default(Po)(mo,rd),ad=Dn.forwardRef((function(e,n){const{animated:t=!1,delay:r,radius:o}=e,a=In(e,kn),[i,s]=Dn.useState(!r);return Dn.useEffect((()=>{if(!r)return s(!0);const e=setTimeout((()=>{s(!0)}),r);return()=>{clearTimeout(e)}}),[r]),Pn.jsx(od,Bn(Bn({},a),{},{$animated:t,$radius:bt(o),$visible:i,ref:n}))})),id=et.default(ad)((({$size:e,$style:n,theme:t})=>{const{media:r}=t.sanity,o=t.sanity.fonts[n],a=st(r,e,(e=>{const n=o.sizes[e];return{height:n.lineHeight-n.ascenderHeight-n.descenderHeight}}));return a})),sd=Dn.forwardRef((function(e,n){const{size:t=2}=e,r=In(e,jn),o=bt(t);return Pn.jsx(id,Bn(Bn({},r),{},{$size:o,ref:n,$style:"text"}))})),dd=Dn.forwardRef((function(e,n){const{size:t=2}=e,r=In(e,zn),o=bt(t);return Pn.jsx(id,Bn(Bn({},r),{},{$size:o,ref:n,$style:"label"}))})),ld=Dn.forwardRef((function(e,n){const{size:t=2}=e,r=In(e,Sn),o=bt(t);return Pn.jsx(id,Bn(Bn({},r),{},{$size:o,ref:n,$style:"heading"}))})),cd=Dn.forwardRef((function(e,n){const{size:t=2}=e,r=In(e,En),o=bt(t);return Pn.jsx(id,Bn(Bn({},r),{},{$size:o,ref:n,$style:"code"}))})),ud=Dn.forwardRef((function(e,n){const{icon:t,id:r,focused:o,fontSize:a,label:i,onClick:s,onFocus:d,padding:l=2,selected:c}=e,u=In(e,Cn),f=Dn.useRef(null),h=Dn.useRef(!1),p=Dn.useCallback((()=>{h.current=!1}),[]),g=Dn.useCallback((e=>{h.current=!0,d&&d(e)}),[d]),b=mr(n);Dn.useEffect((()=>{o&&!h.current&&(f.current&&f.current.focus(),h.current=!0)}),[o]);return Pn.jsx(na,Bn(Bn({"data-ui":"Tab"},u),{},{"aria-selected":c?"true":"false",fontSize:a,icon:t,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 fd(e){return Boolean(e)}const hd=Dn.forwardRef((function(e,n){const{children:t}=e,r=In(e,$n),[o,a]=Dn.useState(-1),i=Dn.useMemo((()=>t.filter(fd)),[t]).map(((e,n)=>Dn.cloneElement(e,{focused:o===n,key:n,onFocus:()=>d(n)}))),s=i.length,d=Dn.useCallback((e=>{a(e)}),[]),l=Dn.useCallback((e=>{"ArrowLeft"===e.key&&a((e=>(e+s-1)%s)),"ArrowRight"===e.key&&a((e=>(e+1)%s))}),[s]);return Pn.jsx(ka,Bn(Bn({"data-ui":"TabList"},r),{},{onKeyDown:l,ref:n,role:"tablist",children:i}))})),pd=Dn.forwardRef((function(e,n){const{flex:t}=e,r=In(e,Rn);return Pn.jsx(Po,Bn(Bn({"data-ui":"TabPanel"},r),{},{flex:t,ref:n,role:"tabpanel",tabIndex:void 0===e.tabIndex?0:e.tabIndex,children:e.children}))})),gd={error:"critical",warning:"caution",success:"positive",info:"primary"},bd={error:"alert",warning:"alert",success:"alert",info:"alert"},md=et.default(aa)(Te||(Te=An(["\n pointer-events: all;\n"]))),xd=et.default(Yo)(Me||(Me=An(["\n overflow-x: auto;\n"])));function vd(e){const{closable:n,description:t,onClose:r,title:o,status:a}=e,i=In(e,On),s=a?gd[a]:"default",d=a?bd[a]:"status";return Pn.jsx(md,Bn(Bn({"data-ui":"Toast",role:d},i),{},{marginTop:3,radius:2,shadow:2,tone:s,children:Pn.jsxs(Yo,{align:"flex-start",children:[Pn.jsx(xd,{flex:1,padding:3,children:Pn.jsxs(Hi,{space:3,children:[o&&Pn.jsx(wo,{weight:"semibold",children:o}),t&&Pn.jsx(wo,{muted:!0,size:1,children:t})]})}),n&&Pn.jsx(Po,{padding:1,children:Pn.jsx(na,{as:"button",icon:Xn.CloseIcon,mode:"bleed",padding:2,onClick:r,style:{verticalAlign:"top"}})})]})}))}const yd=Symbol.for("@sanity/ui/context/toast");or[yd]=or[yd]||Dn.createContext(null);const wd=or[yd],kd=et.default(_a)(Le||(Le=An(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n"]))),jd=et.default.div(He||(He=An(["\n box-sizing: border-box;\n position: absolute;\n right: 0;\n bottom: 0;\n max-width: 420px;\n width: 100%;\n"])));let zd=0;function Sd(e){if("treeitem"===e.getAttribute("role")&&e.focus(),"none"===e.getAttribute("role")){const n=e.firstChild;n&&n instanceof HTMLElement&&n.focus()}}const Ed=Symbol.for("@sanity/ui/context/tree");or[Ed]=or[Ed]||Dn.createContext(null);const Cd=or[Ed],$d=Dn.memo(Dn.forwardRef((function(e,n){const{children:t,space:r=1}=e,o=In(e,Tn),a=mr(n),[i,s]=Dn.useState(null),d=Dn.useRef(i),l=Dn.useMemo((()=>[]),[]),[c,u]=Dn.useState([]),[f,h]=Dn.useState({}),p=Dn.useRef(f);Dn.useEffect((()=>{d.current=i}),[i]),Dn.useEffect((()=>{p.current=f}),[f]);const g=Dn.useCallback(((e,n,t,r)=>(h((r=>Bn(Bn({},r),{},{[n]:{element:e,expanded:t}}))),r&&s(e),()=>{h((e=>{const t=Bn({},e);return delete t[n],t}))})),[]),b=Dn.useCallback(((e,n)=>{h((t=>{const r=t[e];return r?Bn(Bn({},t),{},{[e]:Bn(Bn({},r),{},{expanded:n})}):t}))}),[]),m=Dn.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=Dn.useCallback((e=>{var n;if(d.current)if("ArrowDown"!==e.key)if("ArrowUp"!==e.key)if("ArrowLeft"!==e.key)if("ArrowRight"!==e.key);else{e.preventDefault();const t=d.current.getAttribute("data-tree-key");if(!t)return;(null==(n=p.current[t])?void 0:n.expanded)||h((e=>{const n=e[t];return n?Bn(Bn({},e),{},{[t]:Bn(Bn({},n),{},{expanded:!0})}):e}))}else{e.preventDefault();const n=d.current.getAttribute("data-tree-key");if(!n)return;const t=p.current[n];if(!t)return;if(t.expanded)h((e=>{const t=e[n];return t?Bn(Bn({},e),{},{[n]:Bn(Bn({},t),{},{expanded:!1})}):e}));else{const e=n.split("/");e.pop();const t=e.join("/"),r=t&&p.current[t];r&&(r.element.focus(),s(r.element))}}else{e.preventDefault();const n=function(e,n,t){var r;const o=n.indexOf(t),a=n.slice(0,o);for(let n=a.length-1;n>=0;n-=1){const t=a[n].getAttribute("data-tree-key");if(!t)continue;const o=t.split("/");o.pop();const i=[];let s=!0;for(let n=0;n<o.length;n+=1)if(i.push(o[n]),!(null==(r=e[i.join("/")])?void 0:r.expanded)){s=!1;break}if(s)return a[n]}return null}(p.current,c,d.current);n&&(Sd(n),s(n))}else{e.preventDefault();const n=function(e,n,t){var r;const o=n.indexOf(t),a=n.slice(o),i=n.length;for(let n=1;n<i;n+=1){if(!a[n])continue;const t=a[n].getAttribute("data-tree-key");if(!t)continue;const o=t.split("/");o.pop();const i=[];let s=!0;for(let n=0;n<o.length;n+=1)if(i.push(o[n]),!(null==(r=e[i.join("/")])?void 0:r.expanded)){s=!1;break}if(s)return a[n]}return null}(p.current,c,d.current);n&&(Sd(n),s(n))}}),[c]);return Dn.useEffect((()=>{if(!a.current)return;const e=Array.from(a.current.querySelectorAll('[data-ui="TreeItem"]'));u(e)}),[t,a]),Pn.jsx(Cd.Provider,{value:m,children:Pn.jsx(Hi,Bn(Bn({as:"ul","data-ui":"Tree"},o),{},{onKeyDown:x,ref:a,role:"tree",space:r,children:t}))})})));function Rd(){const e=Dn.useContext(Cd);if(!e)throw new Error("Tree: missing context value");return e}$d.displayName="Tree";const Od=Dn.memo((function(e){const{children:n,expanded:t=!1}=e,r=In(e,Mn),o=Rd();return Pn.jsx(Hi,Bn(Bn({as:"ul","data-ui":"TreeGroup"},r),{},{hidden:!t,marginTop:o.space,role:"group",space:o.space,children:n}))})),Td=Dn.memo(et.default.li((function(){return Nn.css(Ae||(Ae=An(["\n &[role='none'] > [role='treeitem'] {\n outline: none;\n cursor: default;\n border-radius: 3px;\n\n &:focus {\n position: relative;\n }\n }\n\n &[role='treeitem'] {\n outline: none;\n\n & > div {\n cursor: default;\n border-radius: 3px;\n }\n\n &:focus > div {\n position: relative;\n }\n }\n "])))}),(function(e){const{theme:n}=e,t="default",{base:r,muted:o,selectable:a}=n.sanity.color,i=a?a[t]||a.default:o[t]||o.default;return Nn.css(Ie||(Ie=An(['\n /* <div role="none"><a data-ui="TreeItem__box" role="treeitem" tabIndex="0"></div> */\n &[role=\'none\'] {\n & > [role=\'treeitem\'] {\n ',"\n\n background-color: var(--card-bg-color);\n color: var(--treeitem-fg-color);\n }\n\n &[data-selected] > [role='treeitem'] {\n ","\n }\n\n @media (hover: hover) {\n &:not([data-selected]) > [role='treeitem']:not(:focus):hover {\n ","\n }\n\n & > [role='treeitem']:focus {\n ",'\n }\n }\n }\n\n /* <div role="treeitem" tabIndex="0"><div data-ui="TreeItem__box"></div> */\n &[role=\'treeitem\'] {\n & > [data-ui=\'TreeItem__box\'] {\n ',"\n\n background-color: var(--card-bg-color);\n color: var(--card-fg-color);\n }\n\n &[data-selected] > [data-ui='TreeItem__box'] {\n ","\n }\n\n @media (hover: hover) {\n &:not([data-selected]):not(:focus) > [data-ui='TreeItem__box']:hover {\n ","\n }\n\n &:focus > [data-ui='TreeItem__box'] {\n ","\n }\n }\n }\n "])),Zo(r,i.enabled),Zo(r,i.pressed),Zo(r,i.hovered),Zo(r,i.selected),Zo(r,i.enabled),Zo(r,i.pressed),Zo(r,i.hovered),Zo(r,i.selected))}))),Md=et.default(Po).attrs({forwardedAs:"a"})((function(e){const{$level:n,theme:t}=e,{space:r}=t.sanity;return Nn.css(_e||(_e=An(["\n padding-left: ",";\n\n &[data-as='a'] {\n text-decoration: none;\n }\n "])),it(r[2]*n))})),Ld=et.default(wo)(Be||(Be=An(["\n & > svg {\n transition: transform 100ms;\n }\n"]))),Hd=Dn.memo((function(e){const{children:n,expanded:t=!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=In(e,Ln),g=Dn.useRef(null),b=Dn.useRef(null),m=Rd(),{path:x,registerItem:v,setExpanded:y,setFocusedElement:w}=m,k=Dn.useId(),j=i||k,z=Dn.useMemo((()=>x.concat([j||""])),[j,x]),S=z.join("/"),E=m.state[S],C=m.focusedElement===g.current,$=void 0===(null==E?void 0:E.expanded)?t:(null==E?void 0:E.expanded)||!1,R=m.focusedElement&&m.focusedElement===g.current?0:-1,O=Dn.useMemo((()=>Bn(Bn({},m),{},{level:m.level+1,path:z})),[z,m]),T=Dn.useCallback((e=>{d&&d(e);const n=e.target;n instanceof HTMLElement&&("TreeItem__box"===n.getAttribute("data-ui")||n.closest('[data-ui="TreeItem__box"]'))&&(e.stopPropagation(),y(S,!$),w(g.current))}),[$,S,d,y,w]),M=Dn.useCallback((e=>{if(C&&"Enter"===e.key){const e=b.current||g.current;null==e||e.click()}}),[C]);Dn.useEffect((()=>{if(g.current)return v(g.current,z.join("/"),$,c)}),[$,z,v,c]);const L=Pn.jsxs(Yo,{padding:l,children:[Pn.jsxs(Po,{marginRight:u,style:{visibility:a||n?"visible":"hidden",pointerEvents:"none"},children:[a&&Pn.jsx(wo,{muted:s,size:r,weight:h,children:Dn.createElement(a)}),!a&&Pn.jsx(Ld,{muted:s,size:r,weight:h,children:Pn.jsx(Xn.ToggleArrowRightIcon,{style:{transform:$?"rotate(90deg)":void 0}})})]}),Pn.jsx(Po,{flex:1,children:Pn.jsx(wo,{muted:s,size:r,textOverflow:"ellipsis",weight:h,children:f})})]});return o?Pn.jsxs(Td,Bn(Bn({"data-selected":c?"":void 0,"data-tree-id":j,"data-tree-key":S,"data-ui":"TreeItem"},p),{},{onClick:T,ref:g,role:"none",children:[Pn.jsx(Md,{$level:m.level,"aria-expanded":$,"data-ui":"TreeItem__box",href:o,ref:b,role:"treeitem",tabIndex:R,children:L}),Pn.jsx(Cd.Provider,{value:O,children:n&&Pn.jsx(Od,{hidden:!$,children:n})})]})):Pn.jsxs(Td,Bn(Bn({"data-selected":c?"":void 0,"data-ui":"TreeItem","data-tree-id":j,"data-tree-key":S},p),{},{"aria-expanded":$,onClick:T,onKeyDown:M,ref:g,role:"treeitem",tabIndex:R,children:[Pn.jsx(Md,{$level:m.level,as:"div","data-ui":"TreeItem__box",children:L}),Pn.jsx(Cd.Provider,{value:O,children:n&&Pn.jsx(Od,{expanded:$,children:n})})]}))}));exports.Autocomplete=ks,exports.Avatar=Mo,exports.AvatarCounter=Ho,exports.AvatarStack=Bo,exports.Badge=Wo,exports.BoundaryElementProvider=function(e){const{children:n,element:t}=e,r=Dn.useMemo((()=>({version:0,element:t})),[t]);return Pn.jsx(Ea.Provider,{value:r,children:n})},exports.Box=Po,exports.Breadcrumbs=Ss,exports.Button=na,exports.Card=aa,exports.Checkbox=da,exports.Code=ua,exports.CodeSkeleton=cd,exports.Container=ga,exports.Dialog=_s,exports.DialogContext=Cs,exports.DialogProvider=function(e){const{children:n,position:t,zOffset:r}=e,o=Dn.useMemo((()=>({version:0,position:t,zOffset:r})),[t,r]);return Pn.jsx(Cs.Provider,{value:o,children:n})},exports.ElementQuery=Ra,exports.ErrorBoundary=Oa,exports.Flex=Yo,exports.Grid=ma,exports.Heading=ya,exports.HeadingSkeleton=ld,exports.Hotkeys=Ps,exports.Inline=ka,exports.KBD=za,exports.Label=No,exports.LabelSkeleton=dd,exports.Layer=_a,exports.LayerProvider=Ha,exports.Menu=Us,exports.MenuButton=Gs,exports.MenuDivider=Zs,exports.MenuGroup=function(e){const{as:n="button",children:t,fontSize:r,icon:o,onClick:a,padding:i=3,popover:s,radius:d=2,space:l=3,text:c,tone:u="default"}=e,f=In(e,yn),h=Js(),{activeElement:p,mount:g,onClickOutside:b,onEscape:m,onItemClick:x,onItemMouseEnter:v=h.onMouseEnter,registerElement:y}=h,[w,k]=Dn.useState(null),[j,z]=Dn.useState(!1),S=Dn.useRef(null),E=Boolean(p)&&p===w,[C,$]=Dn.useState(!1),R=Dn.useCallback((e=>{$(!1),v(e),z(!0)}),[v]),O=Dn.useCallback((e=>{"ArrowLeft"===e.key&&(e.stopPropagation(),z(!1),requestAnimationFrame((()=>{null==w||w.focus()})))}),[w]),T=Dn.useCallback((e=>{a&&a(e),S.current="first",z(!0),requestAnimationFrame((()=>{S.current=null}))}),[a]),M=Dn.useCallback((()=>{z(!1),x&&x()}),[x]),L=Dn.useCallback((()=>$(!0)),[]);Dn.useEffect((()=>g(w)),[g,w]),Dn.useEffect((()=>{E||z(!1)}),[E]),Dn.useEffect((()=>{j||$(!1)}),[j]);const H=Pn.jsx(Us,{onClickOutside:b,onEscape:m,onItemClick:M,onKeyDown:O,onMouseEnter:L,registerElement:y,shouldFocus:S.current,children:t}),A=Dn.useCallback((e=>{const n=e.currentTarget;if(document.activeElement===n)return"ArrowRight"===e.key?(S.current="first",z(!0),$(!0),void requestAnimationFrame((()=>{S.current=null}))):void 0}),[]);return Pn.jsx(xi,Bn(Bn({},s),{},{content:H,"data-ui":"MenuGroup__popover",open:j,children:Pn.jsx(Qs,Bn(Bn({"data-as":n,"data-ui":"MenuGroup",forwardedAs:n},f),{},{"aria-pressed":"button"===n?C:void 0,"data-pressed":"button"!==n?C:void 0,"data-selected":!C&&E?"":void 0,$radius:bt(d),$tone:u,onClick:T,onKeyDown:A,onMouseEnter:R,ref:k,tabIndex:-1,type:"button"===n?"button":void 0,children:Pn.jsx(Po,{padding:i,children:Pn.jsxs(Yo,{children:[o&&Pn.jsxs(wo,{size:r,children:[Dn.isValidElement(o)&&o,Vn.isValidElementType(o)&&Dn.createElement(o)]}),Pn.jsx(Po,{flex:1,marginLeft:o?l:void 0,children:Pn.jsx(wo,{size:r,textOverflow:"ellipsis",children:c})}),Pn.jsx(Po,{marginLeft:l,children:Pn.jsx(wo,{size:r,children:Pn.jsx(Xn.ChevronRightIcon,{})})})]})})}))}))},exports.MenuItem=ed,exports.Popover=xi,exports.Portal=Na,exports.PortalProvider=function(e){const{boundaryElement:n,children:t,element:r,__unstable_elements:o}=e,a=qa(o),i=Dn.useMemo((()=>({version:0,boundaryElement:n||null,element:r||Wa&&document.body||null,elements:a})),[n,r,a]);return Pn.jsx(Da.Provider,{value:i,children:t})},exports.Radio=wi,exports.Select=Ti,exports.Skeleton=ad,exports.Spinner=Go,exports.SrOnly=Ya,exports.Stack=Hi,exports.Switch=Pi,exports.Tab=ud,exports.TabList=hd,exports.TabPanel=pd,exports.Text=wo,exports.TextArea=Wi,exports.TextInput=ts,exports.TextSkeleton=sd,exports.ThemeColorProvider=cr,exports.ThemeProvider=sr,exports.Toast=vd,exports.ToastProvider=function(e){const{children:n,padding:t=4,paddingX:r,paddingY:o,zOffset:a}=e,[i,s]=Dn.useState({toasts:[]}),d=Dn.useRef({}),l=Dn.useCallback((e=>{const n=e.id||String(zd++),t=e.duration||5e3,r=()=>{var e;const t=null==(e=d.current[n])?void 0:e.timeoutId;s((e=>{const t=e.toasts.findIndex((e=>e.id===n));if(t>-1){const n=e.toasts.slice(0);return n.splice(t,1),Bn(Bn({},e),{},{toasts:n})}return e})),void 0!==t&&(clearTimeout(t),delete d.current[n])};return s((o=>Bn(Bn({},o),{},{toasts:o.toasts.filter((e=>e.id!==n)).concat([{dismiss:r,id:n,params:Bn(Bn({},e),{},{duration:t})}])}))),d.current[n]&&(clearTimeout(d.current[n].timeoutId),delete d.current[n]),d.current[n]={timeoutId:setTimeout(r,t)},n}),[]);Dn.useEffect((()=>()=>{for(const{timeoutId:e}of Object.values(d.current))clearTimeout(e);d.current={}}),[]);const c=Dn.useMemo((()=>({version:0,push:l})),[l]);return Pn.jsxs(wd.Provider,{value:c,children:[n,Pn.jsx(kd,{"data-ui":"ToastProvider",zOffset:a,children:Pn.jsx(jd,{children:Pn.jsx(Po,{padding:t,paddingX:r,paddingY:o,children:Pn.jsx(Zn.AnimatePresence,{initial:!1,children:i.toasts.map((({dismiss:e,id:n,params:t})=>Pn.jsx(Zn.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:Pn.jsx(vd,{closable:t.closable,description:t.description,onClose:e,status:t.status,title:t.title})},n)))})})})})]})},exports.Tooltip=ds,exports.Tree=$d,exports.TreeItem=Hd,exports.VirtualList=ci,exports._ResizeObserver=vt,exports._elementSizeObserver=yt,exports._fillCSSObject=at,exports._getArrayProp=dt,exports._getResponsiveSpace=lt,exports._hasFocus=ti,exports._isEnterToClickElement=Ua,exports._isScrollable=si,exports._raf=Ka,exports._raf2=function(e){let n=null;const t=Ka((()=>{n=Ka(e)}));return()=>{n&&n(),t()}},exports._responsive=st,exports.attemptFocus=oi,exports.createColorTheme=Kt,exports.focusFirstDescendant=ai,exports.focusLastDescendant=ii,exports.hexToRgb=Rt,exports.hslToRgb=Tt,exports.isFocusable=ri,exports.isHTMLAnchorElement=Za,exports.isHTMLButtonElement=Ja,exports.isHTMLElement=Ga,exports.isHTMLInputElement=Qa,exports.isHTMLSelectElement=ei,exports.isHTMLTextAreaElement=ni,exports.multiply=zt,exports.parseColor=Lt,exports.rem=it,exports.responsiveCodeFontStyle=ut,exports.responsiveHeadingFont=ft,exports.responsiveLabelFont=ht,exports.responsiveTextAlignStyle=pt,exports.responsiveTextFont=gt,exports.rgbToHex=Ot,exports.rgbToHsl=function({r:e,g:n,b:t}){e/=255,n/=255,t/=255;const r=Math.min(e,n,t),o=Math.max(e,n,t),a=o-r;let i=0,s=0,d=0;return i=0==a?0:o==e?(n-t)/a%6:o==n?(t-e)/a+2:(e-n)/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=Ht,exports.screen=Ct,exports.studioTheme=tr,exports.useArrayProp=bt,exports.useBoundaryElement=$a,exports.useClickOutside=xt,exports.useCustomValidity=xr,exports.useDialog=$s,exports.useElementRect=function(e){const n=wt(e);return(null==n?void 0:n._contentRect)||null},exports.useElementSize=wt,exports.useForwardedRef=mr,exports.useGlobalKeyDown=kt,exports.useLayer=La,exports.useMediaIndex=gr,exports.usePortal=Va,exports.usePrefersDark=function(){const e=Dn.useMemo((()=>{if("undefined"!=typeof window)return window.matchMedia("(prefers-color-scheme: dark)")}),[]),[n,t]=Dn.useState((null==e?void 0:e.matches)||!1);return Dn.useEffect((()=>{if(!e)return;t(e.matches);const n=()=>t(e.matches);return e.addEventListener("change",n),()=>e.removeEventListener("change",n)}),[e]),n},exports.useRootTheme=lr,exports.useTheme=ur,exports.useToast=function(){const e=Dn.useContext(wd);if(!e)throw new Error("useToast(): missing context value");if(!dr(e)||0!==e.version)throw new Error("useToast(): the context value is not compatible");return e},exports.useTree=Rd;
|
|
1321
2
|
//# sourceMappingURL=sanity-ui.cjs.map
|