@sanity/ui 0.38.1-next.6 → 0.38.2-next.16
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/dist/sanity-ui.cjs +238 -238
- package/dist/sanity-ui.cjs.map +1 -1
- package/dist/sanity-ui.js +246 -246
- package/dist/sanity-ui.js.map +1 -1
- package/dist/types/src/index.d.ts +9 -6
- package/package.json +12 -10
- package/src/components/menu/menu.test.tsx +4 -3
- package/src/components/toast/toast.test.tsx +4 -3
- package/src/hooks/useArrayProp.ts +3 -2
- package/src/hooks/useElementRect/useElementRect.ts +2 -0
- package/src/primitives/avatar/avatar.tsx +7 -1
- package/src/styles/helpers.ts +1 -1
- package/src/theme/lib/theme/color/button/types.ts +1 -1
- package/src/theme/lib/theme/shadow.ts +1 -1
- package/src/theme/theme.test.tsx +4 -3
- package/src/theme/types.ts +1 -1
- package/src/utils/boundaryElement/boundaryElement.test.tsx +4 -3
- package/src/utils/layer/layer.test.tsx +4 -3
- package/src/utils/portal/portal.test.tsx +4 -3
- package/src/primitives/badge/badge.test.tsx +0 -14
- package/src/primitives/button/button.test.tsx +0 -42
package/dist/sanity-ui.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var sn=require("@reach/auto-id"),i=require("react"),de=require("react-is"),B=require("styled-components"),zr=require("@juggle/resize-observer"),E=require("@sanity/color"),ue=require("@sanity/icons"),Rr=require("react-refractor"),ln=require("react-popper"),Tr=require("react-dom"),Mr=require("popper-max-size-modifier"),dn=require("framer-motion");function He(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var d=He(i),Lr=He(de),k=He(B),cn=He(Rr),Or=He(Tr),Ir=He(Mr);const Ye=[],ze={};function un(e,t){return e.reduce((n,r)=>(n[r]=t,n),{})}function L(e){return e===0?0:`${e/16}rem`}function F(e,t,n){return t.map(n).map((r,a)=>a===0?r:{[`@media screen and (min-width: ${e[a-1]}px)`]:r})}function fn(e,t){return e===void 0?t||Ye:Array.isArray(e)?e:[e]}function ae(e,t,n=Ye){if(!Array.isArray(n))throw new Error("the property must be array of numbers");return n.length===0?null:F(e.sanity.media,n,r=>un(t,L(e.sanity.space[r])))}function ot(e,t){const{$size:n,$weight:r,theme:a}=t,{fonts:o,media:l}=a.sanity,{family:c,sizes:s,weights:u}=o[e],f=r&&u[r]||u.regular,h=s[2],m={position:"relative",fontFamily:c,fontWeight:f,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"}},y=F(l,n,p=>Ar(s[p]||h));return[m,...y]}function Ar(e){const{ascenderHeight:t,descenderHeight:n,fontSize:r,iconSize:a,letterSpacing:o,lineHeight:l}=e,c=t+n,s=l-c,u=(s-a)/2,f=Math.floor(r*1.125/2)*2+1,h=(s-f)/2;return{fontSize:L(r),lineHeight:`calc(${l} / ${r})`,letterSpacing:L(o),transform:`translateY(${L(n)})`,"&:before":{marginTop:`calc(${L(0-c)} - 1px)`},"&:after":{marginBottom:"-1px"},"& svg:not([data-sanity-icon])":{fontSize:`calc(${f} / 16 * 1rem)`,margin:L(h)},"& [data-sanity-icon]":{fontSize:`calc(${a} / 16 * 1rem)`,margin:L(u)}}}function mn(e){return ot("code",e)}function hn(e){return ot("heading",e)}function pn(e){return ot("label",e)}function it(e){const{theme:t}=e;return F(t.sanity.media,e.$align,n=>({textAlign:n}))}function bn(e){return ot("text",e)}function v(e,t){const n=JSON.stringify(e!=null?e:t);return i.useMemo(()=>fn(e,t),[n])}function gn(e,t){const n=[e];for(const r of t)Array.isArray(r)?n.push(...r):n.push(r);return n.filter(Boolean)}function st(e,t=Ye,n){const[r,a]=i.useState(null),[o,l]=i.useState(()=>gn(r,t)),c=i.useRef(o);return i.useEffect(()=>{const s=c.current,u=gn(r,t);if(s.length!==u.length){l(u),c.current=u;return}for(const f of s)if(!u.includes(f)){l(u),c.current=u;return}for(const f of u)if(!s.includes(f)){l(u),c.current=u;return}},[r,t]),i.useEffect(()=>{if(!e)return;const s=u=>{const f=u.target;if(f instanceof Node&&!(n&&!n.contains(f))){for(const h of o)if(f===h||h.contains(f))return;e(u)}};return window.addEventListener("mousedown",s),()=>{window.removeEventListener("mousedown",s)}},[n,e,o]),a}const $t=typeof window<"u"&&window.ResizeObserver?window.ResizeObserver:zr.ResizeObserver,vn=_r();function Hr(){return{subscribe(e,t){const n=new $t(([r])=>{t({_contentRect:r.contentRect,border:{width:r.borderBoxSize[0].inlineSize,height:r.borderBoxSize[0].blockSize},content:{width:r.contentRect.width,height:r.contentRect.height}})});return n.observe(e),()=>{n.unobserve(e),n.disconnect()}}}}function _r(){const e=new WeakMap,t=new WeakMap;return{subscribe(n,r){const a=t.get(n)||[];let o=e.get(n);return t.has(n)||(t.set(n,a),o=Hr().subscribe(n,l=>{for(const c of a)c(l)})),a.push(r),()=>{const l=a.indexOf(r);l>-1&&a.splice(l,1),a.length===0&&o&&o()}}}}function Et(e){const[t,n]=i.useState(null);return i.useEffect(()=>{if(e)return vn.subscribe(e,n)},[e]),t}function Br(e){const t=Et(e);return(t==null?void 0:t._contentRect)||null}function St(e){return i.useEffect(()=>(addEventListener("keydown",e),()=>removeEventListener("keydown",e)),[e])}function Ct(e,t){return e*t}function yn(e,t){return{r:Math.round(zt(Ct(e.r/255,t.r/255)*255)),g:Math.round(zt(Ct(e.g/255,t.g/255)*255)),b:Math.round(zt(Ct(e.b/255,t.b/255)*255))}}function zt(e){return Math.max(Math.min(e,255),0)}function Rt(e,t){return e+t-e*t}function xn(e,t){return{r:Math.round(Tt(Rt(e.r/255,t.r/255)*255)),g:Math.round(Tt(Rt(e.g/255,t.g/255)*255)),b:Math.round(Tt(Rt(e.b/255,t.b/255)*255))}}function Tt(e){return Math.max(Math.min(e,255),0)}function wn(e){if(e.length===4){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 Mt({r:e,g:t,b:n}){return"#"+((1<<24)+(e<<16)+(t<<8)+n).toString(16).slice(1)}function Pr({r:e,g:t,b:n}){e/=255,t/=255,n/=255;const r=Math.min(e,t,n),a=Math.max(e,t,n),o=a-r;let l=0,c=0,s=0;return o==0?l=0:a==e?l=(t-n)/o%6:a==t?l=(n-e)/o+2:l=(e-t)/o+4,l=Math.round(l*60),l<0&&(l+=360),s=(a+r)/2,c=o==0?0:o/(1-Math.abs(2*s-1)),c=+(c*100).toFixed(1),s=+(s*100).toFixed(1),{h:l,s:c,l:s}}function kn(e){const t=e.s/100,n=e.l/100,r=(1-Math.abs(2*n-1))*t,a=r*(1-Math.abs(e.h/60%2-1)),o=n-r/2;let l=0,c=0,s=0;return 0<=e.h&&e.h<60?(l=r,c=a,s=0):60<=e.h&&e.h<120?(l=a,c=r,s=0):120<=e.h&&e.h<180?(l=0,c=r,s=a):180<=e.h&&e.h<240?(l=0,c=a,s=r):240<=e.h&&e.h<300?(l=a,c=0,s=r):300<=e.h&&e.h<360&&(l=r,c=0,s=a),{r:Math.round((l+o)*255),g:Math.round((c+o)*255),b:Math.round((s+o)*255)}}const Fr="0123456789ABCDEFabcdef",Dr=/hsl\(\s*(\d+)\s*,\s*((\d+(?:\.\d+)?)%)\s*,\s*((\d+(?:\.\d+)?)%)\s*\)/i;function Vr(e){for(const t of e)if(Fr.indexOf(t)===-1)return!1;return!0}function Nr(e){return e[0]!=="#"||!(e.length===4||e.length===7)?!1:Vr(e.slice(1))}function qr(e){const t=Dr.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])}}function _e(e){if(!e)return{r:0,g:0,b:0};if(typeof e!="string")throw new Error("parseColor: expected a string");if(Nr(e))return wn(e);if(e.startsWith("hsl("))return kn(qr(e));throw new Error(`parseColor: unexpected color format: "${e}"`)}function j(e,t){const n=_e(e);return`rgba(${n.r},${n.g},${n.b},${t})`}function Lt(e,t,n,r,a,o){return{default:e.button({base:t,dark:n,solid:r.default,muted:a.default,mode:o}),primary:e.button({base:t,dark:n,solid:r.primary,muted:a.primary,mode:o}),positive:e.button({base:t,dark:n,solid:r.positive,muted:a.positive,mode:o}),caution:e.button({base:t,dark:n,solid:r.caution,muted:a.caution,mode:o}),critical:e.button({base:t,dark:n,solid:r.critical,muted:a.critical,mode:o})}}function jr(e,t,n,r,a){return{default:Lt(e,t,n,r,a,"default"),ghost:Lt(e,t,n,r,a,"ghost"),bleed:Lt(e,t,n,r,a,"bleed")}}function Wr(e,t,n,r,a,o){return{enabled:e.card({base:t,dark:n,name:r,state:"enabled",solid:a,muted:o}),disabled:e.card({base:t,dark:n,name:r,state:"disabled",solid:a,muted:o}),hovered:e.card({base:t,dark:n,name:r,state:"hovered",solid:a,muted:o}),pressed:e.card({base:t,dark:n,name:r,state:"pressed",solid:a,muted:o}),selected:e.card({base:t,dark:n,name:r,state:"selected",solid:a,muted:o})}}const w="hsl(0, 0%, 0%)",Be="hsl(0, 0%, 100%)",V={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%)"}},Kr={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%)"},lt={transparent:{bg:[V.transparent.darkest,V.transparent.lightest],fg:[V.transparent.lightest,V.transparent.darkest],border:[V.transparent.darker,V.transparent.lighter],focusRing:[V.transparent.base,V.transparent.base]},primary:{bg:[V.primary.darkest,V.primary.lightest],fg:[V.primary.lightest,V.primary.darkest],border:[V.primary.darker,V.primary.lighter],focusRing:[V.primary.base,V.primary.base]},positive:{bg:[V.positive.darkest,V.positive.lightest],fg:[V.positive.lightest,V.positive.darkest],border:[V.positive.darker,V.positive.lighter],focusRing:[V.positive.base,V.positive.base]},caution:{bg:[V.caution.darkest,V.caution.lightest],fg:[V.caution.lightest,V.caution.darkest],border:[V.caution.darker,V.caution.lighter],focusRing:[V.caution.base,V.caution.base]},critical:{bg:[V.critical.darkest,V.critical.lightest],fg:[V.critical.lightest,V.critical.darkest],border:[V.critical.darker,V.critical.lighter],focusRing:[V.critical.base,V.critical.base]}},Yr={base:({dark:e,name:t})=>t==="default"?{bg:e?w:Be,fg:e?Be:w,border:e?V.default.darkest:V.default.lightest,focusRing:V.primary.base,shadow:{outline:w,umbra:w,penumbra:w,ambient:w},skeleton:{from:e?Be:w,to:e?Be:w}}:{bg:lt[t].bg[e?0:1],fg:lt[t].fg[e?0:1],border:lt[t].border[e?0:1],focusRing:lt[t].focusRing[e?0:1],shadow:{outline:w,umbra:w,penumbra:w,ambient:w},skeleton:{from:e?Be:w,to:e?Be:w}},solid:({base:e,dark:t,state:n,tone:r})=>{const a=V[r];return n==="hovered"?{bg:t?a.light:a.dark,bg2:t?a.light:a.dark,border:t?a.lighter:a.darker,fg:t?a.darkest:a.lightest,muted:{fg:w},accent:{fg:w},link:{fg:w},code:{bg:w,fg:w},skeleton:e.skeleton}:{bg:a.base,bg2:a.base,border:t?a.light:a.dark,fg:t?a.darkest:a.lightest,muted:{fg:w},accent:{fg:w},link:{fg:w},code:{bg:w,fg:w},skeleton:e.skeleton}},muted:({base:e,dark:t,state:n,tone:r})=>{const a=V[r];return n==="hovered"?{bg:t?a.darker:a.lighter,bg2:t?a.darker:a.lighter,border:t?a.lighter:a.darker,fg:t?a.lightest:a.darkest,muted:{fg:w},accent:{fg:w},link:{fg:w},code:{bg:w,fg:w},skeleton:e.skeleton}:{bg:t?a.darkest:a.lightest,bg2:t?a.darkest:a.lightest,border:t?a.darker:a.lighter,fg:t?a.lighter:a.darker,muted:{fg:w},accent:{fg:w},link:{fg:w},code:{bg:w,fg:w},skeleton:e.skeleton}},button:({base:e,mode:t,muted:n,solid:r})=>t==="bleed"?{...n,enabled:{bg:"transparent",bg2:"transparent",fg:n.enabled.fg,border:"transparent",muted:{fg:w},accent:{fg:w},link:{fg:w},code:{bg:w,fg:w},skeleton:e.skeleton},hovered:{bg:n.enabled.bg,bg2:n.enabled.bg,fg:n.hovered.fg,border:"transparent",muted:{fg:w},accent:{fg:w},link:{fg:w},code:{bg:w,fg:w},skeleton:e.skeleton}}:t==="ghost"?{...r,enabled:n.enabled}:r,card:({base:e})=>({bg:w,bg2:w,fg:w,border:w,muted:{fg:w},accent:{fg:w},link:{fg:w},code:{bg:w,fg:w},skeleton:e.skeleton}),input:()=>({bg:w,fg:w,border:w,placeholder:w}),selectable:({muted:e,state:t,tone:n})=>e[n][t],spot:({key:e})=>Kr[e],syntax:()=>({atrule:w,attrName:w,attrValue:w,attribute:w,boolean:w,builtin:w,cdata:w,char:w,class:w,className:w,comment:w,constant:w,deleted:w,doctype:w,entity:w,function:w,hexcode:w,id:w,important:w,inserted:w,keyword:w,number:w,operator:w,prolog:w,property:w,pseudoClass:w,pseudoElement:w,punctuation:w,regex:w,selector:w,string:w,symbol:w,tag:w,unit:w,url:w,variable:w})};function Xr(e,t,n,r,a){return{default:{enabled:e.input({base:t,dark:n,mode:"default",state:"enabled",solid:r.default,muted:a.default}),disabled:e.input({base:t,dark:n,mode:"default",state:"disabled",solid:r.default,muted:a.default}),hovered:e.input({base:t,dark:n,mode:"default",state:"hovered",solid:r.default,muted:a.default}),readOnly:e.input({base:t,dark:n,mode:"default",state:"readOnly",solid:r.default,muted:a.default})},invalid:{enabled:e.input({base:t,dark:n,mode:"invalid",state:"enabled",solid:r.default,muted:a.default}),disabled:e.input({base:t,dark:n,mode:"invalid",state:"disabled",solid:r.default,muted:a.default}),hovered:e.input({base:t,dark:n,mode:"invalid",state:"hovered",solid:r.default,muted:a.default}),readOnly:e.input({base:t,dark:n,mode:"invalid",state:"readOnly",solid:r.default,muted:a.default})}}}function Gr(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"})}}}function Ur(e,t,n,r,a){return{default:Xe(e,t,n,r,a,"default"),primary:Xe(e,t,n,r,a,"primary"),positive:Xe(e,t,n,r,a,"positive"),caution:Xe(e,t,n,r,a,"caution"),critical:Xe(e,t,n,r,a,"critical")}}function Xe(e,t,n,r,a,o){return{enabled:e.selectable({base:t,dark:n,solid:r,muted:a,state:"enabled",tone:o}),hovered:e.selectable({base:t,dark:n,solid:r,muted:a,state:"hovered",tone:o}),pressed:e.selectable({base:t,dark:n,solid:r,muted:a,state:"pressed",tone:o}),selected:e.selectable({base:t,dark:n,solid:r,muted:a,state:"selected",tone:o}),disabled:e.selectable({base:t,dark:n,solid:r,muted:a,state:"disabled",tone:o})}}function Jr(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"})}}}function Qr(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 $n(e={}){const t={...Yr,...e};return{light:En(t,!1),dark:En(t,!0)}}function En(e,t){return{default:Pe(e,t,"default"),transparent:Pe(e,t,"transparent"),primary:Pe(e,t,"primary"),positive:Pe(e,t,"positive"),caution:Pe(e,t,"caution"),critical:Pe(e,t,"critical")}}function Pe(e,t,n){const r=e.base({dark:t,name:n}),a=Jr(e,r,t,n),o=Gr(e,r,t,n);return{base:r,button:jr(e,r,t,a,o),card:Wr(e,r,t,n,a,o),dark:t,input:Xr(e,r,t,a,o),selectable:Ur(e,r,t,a,o),spot:Qr(e,r,t),syntax:e.syntax({base:r,dark:t}),solid:a,muted:o}}function Re(e,t){const n=_e(e),r=_e(t);return Mt(yn(n,r))}function Te(e,t){const n=_e(e),r=_e(t);return Mt(xn(n,r))}const oe={default:E.hues.gray,transparent:E.hues.gray,primary:E.hues.blue,positive:E.hues.green,caution:E.hues.yellow,critical:E.hues.red},Ge=["default","transparent"],Zr=$n({base:({dark:e,name:t})=>{if(t==="default"){const a=E.hues.gray,o=e?a[900].hex:a[100].hex;return{fg:e?E.white.hex:E.black.hex,bg:e?E.black.hex:E.white.hex,border:a[e?800:200].hex,focusRing:E.hues.blue[500].hex,shadow:{outline:j(a[500].hex,.4),umbra:e?j(a[950].hex,.4):j(a[500].hex,.2),penumbra:e?j(a[950].hex,.28):j(a[500].hex,.14),ambient:e?j(a[950].hex,.24):j(a[500].hex,.12)},skeleton:{from:o,to:j(o,.5)}}}if(t==="transparent"){const a=oe.default,o=a[e?800:200].hex;return{fg:a[e?100:900].hex,bg:a[e?950:50].hex,border:a[e?800:300].hex,focusRing:E.hues.blue[500].hex,shadow:{outline:j(a[500].hex,.4),umbra:e?j(a[900].hex,.4):j(a[500].hex,.2),penumbra:e?j(a[900].hex,.28):j(a[500].hex,.14),ambient:e?j(a[900].hex,.24):j(a[500].hex,.12)},skeleton:{from:o,to:j(o,.5)}}}const n=oe[t]||oe.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:j(n[500].hex,.4),umbra:e?j(n[900].hex,.4):j(n[500].hex,.2),penumbra:e?j(n[900].hex,.28):j(n[500].hex,.14),ambient:e?j(n[900].hex,.24):j(n[500].hex,.12)},skeleton:{from:r,to:j(r,.5)}}},solid:({base:e,dark:t,name:n,state:r,tone:a})=>{const o=t?Te:Re,l=t?Re:Te,c=oe[n]||oe.default,s=Ge.includes(n)&&Ge.includes(a);let u=oe[a==="default"?n:a]||c;if(r==="disabled"){u=c;const m=o(e.bg,u[t?800:200].hex),y=l(m,u[t?200:800].hex);return{bg:m,bg2:l(m,u[t?50:950].hex),border:o(e.bg,u[t?800:200].hex),fg:o(e.bg,t?E.black.hex:E.white.hex),muted:{fg:o(e.bg,u[t?950:50].hex)},accent:{fg:o(e.bg,u[t?950:50].hex)},link:{fg:o(e.bg,u[t?950:50].hex)},code:{bg:m,fg:o(e.bg,u[t?950:50].hex)},skeleton:{from:y,to:j(y,.5)}}}if(r==="hovered"){const m=o(e.bg,u[t?300:600].hex),y=l(m,u[t?200:800].hex);return{bg:m,bg2:l(m,u[t?50:950].hex),border:o(e.bg,u[t?300:600].hex),fg:o(e.bg,t?E.black.hex:E.white.hex),muted:{fg:o(e.bg,u[t?800:200].hex)},accent:{fg:l(m,E.hues.red[t?800:200].hex)},link:{fg:l(m,E.hues.blue[t?800:200].hex)},code:{bg:o(m,u[t?950:50].hex),fg:o(e.bg,u[t?800:200].hex)},skeleton:{from:y,to:j(y,.5)}}}if(r==="pressed"){const m=o(e.bg,u[t?200:800].hex),y=l(m,u[t?200:800].hex);return{bg:o(e.bg,u[t?200:800].hex),bg2:l(m,u[t?50:950].hex),border:o(e.bg,u[t?200:800].hex),fg:o(e.bg,t?E.black.hex:E.white.hex),muted:{fg:o(e.bg,u[t?800:200].hex)},accent:{fg:l(m,E.hues.red[t?800:200].hex)},link:{fg:l(m,E.hues.blue[t?800:200].hex)},code:{bg:o(m,u[t?950:50].hex),fg:o(e.bg,u[t?800:200].hex)},skeleton:{from:y,to:j(y,.5)}}}if(r==="selected"){s&&(u=oe.primary);const m=o(e.bg,u[t?200:800].hex),y=l(m,u[t?200:800].hex);return{bg:m,bg2:l(m,u[t?50:950].hex),border:o(e.bg,u[t?200:800].hex),fg:o(e.bg,t?E.black.hex:E.white.hex),muted:{fg:o(e.bg,u[t?800:200].hex)},accent:{fg:l(m,E.hues.red[t?800:200].hex)},link:{fg:l(m,E.hues.blue[t?800:200].hex)},code:{bg:o(m,u[t?950:50].hex),fg:o(e.bg,u[t?800:200].hex)},skeleton:{from:y,to:j(y,.5)}}}const f=o(e.bg,u[t?400:500].hex),h=l(f,u[t?200:800].hex);return{bg:f,bg2:l(f,u[t?50:950].hex),border:o(e.bg,u[t?400:500].hex),fg:o(e.bg,t?E.black.hex:E.white.hex),muted:{fg:o(e.bg,u[t?900:100].hex)},accent:{fg:l(f,E.hues.red[t?900:100].hex)},link:{fg:l(f,E.hues.blue[t?900:100].hex)},code:{bg:o(f,u[t?950:50].hex),fg:o(e.bg,u[t?900:100].hex)},skeleton:{from:h,to:j(h,.5)}}},muted:({base:e,dark:t,name:n,state:r,tone:a})=>{const o=t?Te:Re,l=oe[n]||oe.default,c=Ge.includes(n)&&Ge.includes(a);let s=oe[a==="default"?n:a]||l;if(r==="disabled"){s=l;const h=e.bg,m=o(h,s[t?900:100].hex);return{bg:h,bg2:o(h,s[t?950:50].hex),border:o(h,s[t?950:50].hex),fg:o(h,s[t?800:200].hex),muted:{fg:o(h,s[t?900:100].hex)},accent:{fg:o(h,s[t?900:100].hex)},link:{fg:o(h,s[t?900:100].hex)},code:{bg:h,fg:o(h,s[t?900:100].hex)},skeleton:{from:j(m,.5),to:j(m,.25)}}}if(r==="hovered"){const h=o(e.bg,s[t?950:50].hex),m=o(h,s[t?900:100].hex);return{bg:h,bg2:o(h,s[t?950:50].hex),border:o(h,s[t?900:100].hex),fg:o(e.bg,s[t?200:800].hex),muted:{fg:o(e.bg,s[t?400:600].hex)},accent:{fg:o(e.bg,E.hues.red[t?400:500].hex)},link:{fg:o(e.bg,E.hues.blue[t?400:600].hex)},code:{bg:o(h,s[t?950:50].hex),fg:o(e.bg,s[t?400:600].hex)},skeleton:{from:m,to:j(m,.5)}}}if(r==="pressed"){c&&(s=oe.primary);const h=o(e.bg,s[t?900:100].hex),m=o(h,s[t?900:100].hex);return{bg:h,bg2:o(h,s[t?950:50].hex),border:o(h,s[t?900:100].hex),fg:o(e.bg,s[t?200:800].hex),muted:{fg:o(e.bg,s[t?400:600].hex)},accent:{fg:o(h,E.hues.red[t?400:500].hex)},link:{fg:o(h,E.hues.blue[t?400:600].hex)},code:{bg:o(h,s[t?950:50].hex),fg:o(e.bg,s[t?400:600].hex)},skeleton:{from:m,to:j(m,.5)}}}if(r==="selected"){c&&(s=oe.primary);const h=o(e.bg,s[t?900:100].hex),m=o(h,s[t?900:100].hex);return{bg:h,bg2:o(h,s[t?950:50].hex),border:o(h,s[t?900:100].hex),fg:o(e.bg,s[t?200:800].hex),muted:{fg:o(e.bg,s[t?400:600].hex)},accent:{fg:o(h,E.hues.red[t?400:500].hex)},link:{fg:o(h,E.hues.blue[t?400:600].hex)},code:{bg:o(h,s[t?950:50].hex),fg:o(e.bg,s[t?400:600].hex)},skeleton:{from:m,to:j(m,.5)}}}const u=e.bg,f=o(u,s[t?900:100].hex);return{bg:u,bg2:o(u,s[t?950:50].hex),border:o(u,s[t?900:100].hex),fg:o(e.bg,s[t?300:700].hex),muted:{fg:o(e.bg,s[t?400:600].hex)},accent:{fg:o(e.bg,E.hues.red[t?400:500].hex)},link:{fg:o(e.bg,E.hues.blue[t?400:600].hex)},code:{bg:o(e.bg,s[t?950:50].hex),fg:o(e.bg,s[t?400:600].hex)},skeleton:{from:f,to:j(f,.5)}}},button:({base:e,mode:t,muted:n,solid:r})=>t==="bleed"?{enabled:{...n.enabled,border:n.enabled.bg},hovered:{...n.hovered,border:n.hovered.bg},pressed:{...n.pressed,border:n.pressed.bg},selected:{...n.selected,border:n.selected.bg},disabled:{...n.disabled,border:n.disabled.bg}}:t==="ghost"?{...r,enabled:{...n.enabled,border:e.border},disabled:n.disabled}:r,card:({base:e,dark:t,muted:n,name:r,solid:a,state:o})=>{if(o==="hovered")return n[r].hovered;if(o==="disabled")return n[r].disabled;const l=Ge.includes(r),c=oe[r]||oe.default,s=t?Te:Re;if(o==="pressed")return l?n.primary.pressed:n[r].pressed;if(o==="selected")return l?a.primary.enabled:a[r].enabled;const u=e.bg,f=s(e.bg,c[t?900:100].hex);return{bg:u,bg2:s(u,c[t?950:50].hex),fg:e.fg,border:e.border,muted:{fg:s(e.bg,c[t?400:600].hex)},accent:{fg:s(e.bg,E.hues.red[t?400:500].hex)},link:{fg:s(e.bg,E.hues.blue[t?400:600].hex)},code:{bg:s(e.bg,c[t?950:50].hex),fg:c[t?400:600].hex},skeleton:{from:f,to:j(f,.5)}}},input:({base:e,dark:t,mode:n,state:r})=>{const a=t?Te:Re;if(n==="invalid"){const o=oe.critical;return{bg:a(e.bg,o[t?950:50].hex),fg:a(e.bg,o[t?400:600].hex),border:a(e.bg,o[t?800:200].hex),placeholder:a(e.bg,o[t?600:400].hex)}}return r==="hovered"?{bg:e.bg,fg:e.fg,border:a(e.bg,E.hues.gray[t?700:300].hex),placeholder:a(e.bg,E.hues.gray[t?600:400].hex)}:r==="disabled"?{bg:a(e.bg,E.hues.gray[t?950:50].hex),fg:a(e.bg,E.hues.gray[t?700:300].hex),border:a(e.bg,E.hues.gray[t?900:100].hex),placeholder:a(e.bg,E.hues.gray[t?800:200].hex)}:r==="readOnly"?{bg:a(e.bg,E.hues.gray[t?950:50].hex),fg:a(e.bg,E.hues.gray[t?200:800].hex),border:a(e.bg,E.hues.gray[t?800:200].hex),placeholder:a(e.bg,E.hues.gray[t?600:400].hex)}:{bg:e.bg,fg:e.fg,border:e.border,placeholder:a(e.bg,E.hues.gray[t?600:400].hex)}},selectable:({base:e,muted:t,tone:n,solid:r,state:a})=>a==="enabled"?{...t[n].enabled,bg:e.bg}:a==="pressed"?n==="default"?t.primary.pressed:t[n].pressed:a==="selected"?n==="default"?r.primary.enabled:r[n].enabled:a==="disabled"?{...t[n].disabled,bg:e.bg}:t[n][a],spot:({base:e,dark:t,key:n})=>(t?Te:Re)(e.bg,E.hues[n][t?400:500].hex),syntax:({base:e,dark:t})=>{const n=t?Te:Re,r=t?400:600,a=t?600:400;return{atrule:n(e.bg,E.hues.purple[r].hex),attrName:n(e.bg,E.hues.green[r].hex),attrValue:n(e.bg,E.hues.yellow[r].hex),attribute:n(e.bg,E.hues.yellow[r].hex),boolean:n(e.bg,E.hues.purple[r].hex),builtin:n(e.bg,E.hues.purple[r].hex),cdata:n(e.bg,E.hues.yellow[r].hex),char:n(e.bg,E.hues.yellow[r].hex),class:n(e.bg,E.hues.orange[r].hex),className:n(e.bg,E.hues.cyan[r].hex),comment:n(e.bg,E.hues.gray[a].hex),constant:n(e.bg,E.hues.purple[r].hex),deleted:n(e.bg,E.hues.red[r].hex),doctype:n(e.bg,E.hues.gray[a].hex),entity:n(e.bg,E.hues.red[r].hex),function:n(e.bg,E.hues.green[r].hex),hexcode:n(e.bg,E.hues.blue[r].hex),id:n(e.bg,E.hues.purple[r].hex),important:n(e.bg,E.hues.purple[r].hex),inserted:n(e.bg,E.hues.yellow[r].hex),keyword:n(e.bg,E.hues.magenta[r].hex),number:n(e.bg,E.hues.purple[r].hex),operator:n(e.bg,E.hues.magenta[r].hex),prolog:n(e.bg,E.hues.gray[a].hex),property:n(e.bg,E.hues.blue[r].hex),pseudoClass:n(e.bg,E.hues.yellow[r].hex),pseudoElement:n(e.bg,E.hues.yellow[r].hex),punctuation:n(e.bg,E.hues.gray[r].hex),regex:n(e.bg,E.hues.blue[r].hex),selector:n(e.bg,E.hues.red[r].hex),string:n(e.bg,E.hues.yellow[r].hex),symbol:n(e.bg,E.hues.purple[r].hex),tag:n(e.bg,E.hues.red[r].hex),unit:n(e.bg,E.hues.orange[r].hex),url:n(e.bg,E.hues.red[r].hex),variable:n(e.bg,E.hues.red[r].hex)}}}),ea={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}]}},ta={avatar:{sizes:[{distance:-3,size:25},{distance:-6,size:35},{distance:-9,size:55}]},button:{textWeight:"medium"},color:Zr,container:[320,640,960,1280,1600,1920],focusRing:{offset:1,width:2},fonts:ea,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}}},na={dialog:{zOffset:600},popover:{zOffset:400},tooltip:{zOffset:200}};function ra(){if(typeof globalThis<"u")return globalThis;if(typeof window<"u")return window;if(typeof self<"u")return self;if(typeof global<"u")return global;throw new Error("@sanity/ui: could not locate global scope")}const X=ra(),Ot=Symbol.for("@sanity/ui/context/theme");X[Ot]=X[Ot]||i.createContext(null);const It=X[Ot];function Sn(e){const t=i.useContext(It),{children:n,scheme:r=(t==null?void 0:t.scheme)||"light",theme:a=(t==null?void 0:t.theme)||null,tone:o=(t==null?void 0:t.tone)||"default"}=e,l=i.useMemo(()=>{if(!a)return null;const{color:s,layer:u,...f}=a,h=s[r]||s.light,m=h[o]||h.default;return{sanity:{...f,color:m,layer:u||na}}},[r,a,o]),c=i.useMemo(()=>a&&{version:0,theme:a,scheme:r,tone:o},[a,r,o]);return l?d.default.createElement(It.Provider,{value:c},d.default.createElement(B.ThemeProvider,{theme:l},n)):d.default.createElement("pre",null,'ThemeProvider: no "theme" property provided')}function Fe(e){return Boolean(e&&typeof e=="object")}function Ue(){const e=i.useContext(It);if(!e)throw new Error("useRootTheme(): missing context value");if(!Fe(e)||e.version!==0)throw new Error("useRootTheme(): the context value is not compatible");return e}function Cn(e){const{children:t,scheme:n,tone:r}=e,a=Ue();return d.default.createElement(Sn,{scheme:n||a.scheme,theme:a.theme,tone:r},t)}function ge(){return B.useTheme()}const zn=new WeakMap;function aa(e,t){return t===0?`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 oa(e){const t=e.length,n=[];if(typeof window<"u")for(let r=t;r>-1;r-=1){const a=aa(e,r);n.push({index:r,mq:window.matchMedia(a)})}return{getCurrentIndex:()=>{for(const{index:r,mq:a}of n)if(a.matches)return r;return 0},subscribe:r=>{const a=[];for(const{index:o,mq:l}of n){const c=()=>{l.matches&&r(o)};l.addEventListener?l.addEventListener("change",c):l.addListener(c),a.push(()=>{l.removeEventListener?l.removeEventListener("change",c):l.removeListener(c)})}return()=>{for(const o of a)o()}}}}function ia(e){let t=zn.get(e);return t||(t=oa(e),zn.set(e,t)),t}function Rn(){const e=ge(),{media:t}=e.sanity,n=i.useMemo(()=>ia(t),[t]),[r,a]=i.useState(n.getCurrentIndex);return i.useEffect(()=>n.subscribe(a),[n]),r}function sa(){const e=i.useMemo(()=>{if(!(typeof window>"u"))return window.matchMedia("(prefers-color-scheme: dark)")},[]),[t,n]=i.useState((e==null?void 0:e.matches)||!1);return i.useEffect(()=>{if(!e)return;n(e.matches);const r=()=>n(e.matches);return e.addEventListener("change",r),()=>e.removeEventListener("change",r)},[e]),t}const la=typeof window<"u"?i.useLayoutEffect:i.useEffect;function re(e){const t=i.useRef(null);return la(()=>{!e||(typeof e=="function"?e(t.current):e.current=t.current)}),t}function De(e,t){i.useEffect(()=>{e.current&&e.current.setCustomValidity(t||"")},[t,e])}const Je="1px solid var(--card-border-color)";function da(){return[ca,ua,fa,ma,ha]}function ca(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$border,r=>r?{"&&":{border:Je}}:{"&&":{border:0}})}function ua(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$borderTop,r=>r?{"&&":{borderTop:Je}}:{"&&":{borderTop:0}})}function fa(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$borderRight,r=>r?{"&&":{borderRight:Je}}:{"&&":{borderRight:0}})}function ma(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$borderBottom,r=>r?{"&&":{borderBottom:Je}}:{"&&":{borderBottom:0}})}function ha(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$borderLeft,r=>r?{"&&":{borderLeft:Je}}:{"&&":{borderLeft:0}})}const pa={'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"}},ba={content:"content-box",border:"border-box"},ga={stretch:"stretch",fill:"100%"};function va(){return pa}function ya(){return[wa,ka,$a,xa]}function xa(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$display,r=>({"&:not([hidden])":{display:r}}))}function wa(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$sizing,r=>({boxSizing:ba[r]}))}function ka(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$height,r=>({height:ga[r]}))}function $a(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$overflow,r=>({overflow:r}))}const Ea={"&&:not([hidden])":{display:"flex"}};function Sa(){return[Ea,Ca,za,Ra,Ta,Ma]}function Ca(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$align,r=>({alignItems:r}))}function za(e){const{theme:t}=e,{media:n,space:r}=t.sanity;return F(n,e.$gap,a=>({gap:a?L(r[a]):void 0}))}function Ra(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$wrap,r=>({flexWrap:r}))}function Ta(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$justify,r=>({justifyContent:r}))}function Ma(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$direction,r=>({flexDirection:r}))}const La={minWidth:0,minHeight:0};function Tn(){return[La,Oa]}function Oa(e){const{theme:t}=e,{media:n}=t.sanity;return e.$flex?F(n,e.$flex,r=>({flex:r})):Ye}function ne(e){return`inset 0 0 0 ${e.width}px ${e.color}`}function ve(e){const{base:t,border:n,focusRing:r}=e,a=r.offset+r.width,o=0-r.offset,l=t?t.bg:"var(--card-bg-color)";return[o>0&&`inset 0 0 0 ${o}px var(--card-focus-ring-color)`,n&&ne(n),o<0&&`0 0 0 ${0-o}px ${l}`,a>0&&`0 0 0 ${a}px var(--card-focus-ring-color)`].filter(Boolean).join(",")}const Ia={"&&:not([hidden])":{display:"grid"},'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"}},Aa={auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},Ha={auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"};function _a(){return[Ia,Ba,Pa,Fa,Da,Va,Na,qa,ja]}function Ba(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$autoFlow,r=>({gridAutoFlow:r}))}function Pa(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$autoRows,r=>({gridAutoRows:r&&Ha[r]}))}function Fa(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$autoCols,r=>({gridAutoColumns:r&&Aa[r]}))}function Da(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$columns,r=>({gridTemplateColumns:r&&`repeat(${r},minmax(0,1fr));`}))}function Va(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$rows,r=>({gridTemplateRows:r&&`repeat(${r},minmax(0,1fr));`}))}function Na(e){const{theme:t}=e,{media:n,space:r}=t.sanity;return F(n,e.$gap,a=>({gridGap:a?L(r[a]):void 0}))}function qa(e){const{theme:t}=e,{media:n,space:r}=t.sanity;return F(n,e.$gapX,a=>({columnGap:a?L(r[a]):void 0}))}function ja(e){const{theme:t}=e,{media:n,space:r}=t.sanity;return F(n,e.$gapY,a=>({rowGap:a?L(r[a]):void 0}))}function Wa(){return[Xa,Ga,Ua,Ja,Qa,Za]}const Ka={auto:"auto",full:"1 / -1"},Ya={auto:"auto",full:"1 / -1"};function Xa(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$row,r=>typeof r=="number"?{gridRow:`span ${r} / span ${r}`}:{gridRow:Ka[r]})}function Ga(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$rowStart,r=>({gridRowStart:r}))}function Ua(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$rowEnd,r=>({gridRowEnd:r}))}function Ja(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$column,r=>typeof r=="number"?{gridColumn:`span ${r} / span ${r}`}:{gridColumn:Ya[r]})}function Qa(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$columnStart,r=>({gridColumnStart:r}))}function Za(e){const{theme:t}=e,{media:n}=t.sanity;return F(n,e.$columnEnd,r=>({gridColumnEnd:r}))}function At(e){const{$fontSize:t,$iconLeft:n,$iconRight:r,$padding:a,$space:o,theme:l}=e,{fonts:c,media:s,space:u}=l.sanity,f=Math.max(a.length,o.length,t.length),h=[],m=[],y=[];for(let p=0;p<f;p+=1)y[p]=t[p]===void 0?y[p-1]:t[p],h[p]=a[p]===void 0?h[p-1]:a[p],m[p]=o[p]===void 0?m[p-1]:o[p];return F(s,h,(p,z)=>{const S=c.text.sizes[y[z]]||c.text.sizes[2],g=S.lineHeight-S.ascenderHeight-S.descenderHeight,b=u[h[z]],x=u[m[z]],C={paddingTop:L(b-S.ascenderHeight),paddingRight:L(b),paddingBottom:L(b-S.descenderHeight),paddingLeft:L(b)};return r&&(C.paddingRight=L(b+g+x)),n&&(C.paddingLeft=L(b+g+x)),C})}function eo(e){return At({...e,$iconRight:!0})}const to=B.css`
|
|
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
2
|
&:not([hidden]) {
|
|
3
3
|
display: flex;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
align-items: center;
|
|
7
|
-
`;function
|
|
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
8
|
appearance: none;
|
|
9
9
|
background: none;
|
|
10
10
|
border: 0;
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
outline: none;
|
|
13
13
|
width: 100%;
|
|
14
14
|
box-sizing: border-box;
|
|
15
|
-
font-family: ${
|
|
16
|
-
font-weight: ${a
|
|
15
|
+
font-family: ${a.family};
|
|
16
|
+
font-weight: ${o&&a.weights[o]||a.weights.regular};
|
|
17
17
|
margin: 0;
|
|
18
18
|
position: relative;
|
|
19
19
|
z-index: 1;
|
|
@@ -41,34 +41,34 @@
|
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
&[data-scheme='${n}'][data-tone='${r}'] {
|
|
44
|
-
--input-fg-color: ${
|
|
45
|
-
--input-placeholder-color: ${
|
|
44
|
+
--input-fg-color: ${i.default.enabled.fg};
|
|
45
|
+
--input-placeholder-color: ${i.default.enabled.placeholder};
|
|
46
46
|
|
|
47
47
|
/* enabled */
|
|
48
48
|
&:not(:invalid):not(:disabled):not(:read-only) {
|
|
49
|
-
--input-fg-color: ${
|
|
50
|
-
--input-placeholder-color: ${
|
|
49
|
+
--input-fg-color: ${i.default.enabled.fg};
|
|
50
|
+
--input-placeholder-color: ${i.default.enabled.placeholder};
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
/* disabled */
|
|
54
54
|
&:not(:invalid):disabled {
|
|
55
|
-
--input-fg-color: ${
|
|
56
|
-
--input-placeholder-color: ${
|
|
55
|
+
--input-fg-color: ${i.default.disabled.fg};
|
|
56
|
+
--input-placeholder-color: ${i.default.disabled.placeholder};
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
/* invalid */
|
|
60
60
|
&:invalid {
|
|
61
|
-
--input-fg-color: ${
|
|
62
|
-
--input-placeholder-color: ${
|
|
61
|
+
--input-fg-color: ${i.invalid.enabled.fg};
|
|
62
|
+
--input-placeholder-color: ${i.invalid.enabled.placeholder};
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
/* readOnly */
|
|
66
66
|
&:read-only {
|
|
67
|
-
--input-fg-color: ${
|
|
68
|
-
--input-placeholder-color: ${
|
|
67
|
+
--input-fg-color: ${i.default.readOnly.fg};
|
|
68
|
+
--input-placeholder-color: ${i.default.readOnly.placeholder};
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
|
-
`}function On(e){const{theme:t}=e,{fonts:n,media:r}=t.sanity;return
|
|
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
72
|
--input-box-shadow: none;
|
|
73
73
|
|
|
74
74
|
position: absolute;
|
|
@@ -88,60 +88,60 @@
|
|
|
88
88
|
border-top-right-radius: ${r?0:void 0};
|
|
89
89
|
border-bottom-right-radius: ${r?0:void 0};
|
|
90
90
|
|
|
91
|
-
&[data-scheme='${
|
|
92
|
-
--card-bg-color: ${
|
|
93
|
-
--card-fg-color: ${
|
|
91
|
+
&[data-scheme='${o}'][data-tone='${a}'] {
|
|
92
|
+
--card-bg-color: ${l.default.enabled.bg};
|
|
93
|
+
--card-fg-color: ${l.default.enabled.fg};
|
|
94
94
|
|
|
95
95
|
/* enabled */
|
|
96
96
|
*:not(:disabled) + & {
|
|
97
|
-
--input-box-shadow: ${t?
|
|
97
|
+
--input-box-shadow: ${t?rn({color:l.default.enabled.border,width:d.border.width}):void 0};
|
|
98
98
|
}
|
|
99
99
|
|
|
100
100
|
/* invalid */
|
|
101
101
|
*:not(:disabled):invalid + & {
|
|
102
|
-
--card-bg-color: ${
|
|
103
|
-
--card-fg-color: ${
|
|
104
|
-
--input-box-shadow: ${t?
|
|
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
105
|
}
|
|
106
106
|
|
|
107
107
|
/* focused */
|
|
108
108
|
*:not(:disabled):focus + & {
|
|
109
|
-
--input-box-shadow: ${
|
|
109
|
+
--input-box-shadow: ${on({border:t?{color:l.default.enabled.border,width:d.border.width}:void 0,focusRing:s})};
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
/* disabled */
|
|
113
113
|
*:disabled + & {
|
|
114
|
-
--card-bg-color: ${
|
|
115
|
-
--card-fg-color: ${
|
|
116
|
-
--input-box-shadow: ${t?
|
|
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
117
|
}
|
|
118
118
|
|
|
119
119
|
/* readOnly */
|
|
120
120
|
*:read-only + & {
|
|
121
|
-
--card-bg-color: ${
|
|
122
|
-
--card-fg-color: ${
|
|
121
|
+
--card-bg-color: ${l.default.readOnly.bg} !important;
|
|
122
|
+
--card-fg-color: ${l.default.readOnly.fg} !important;
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
/* hovered */
|
|
126
126
|
@media (hover: hover) {
|
|
127
127
|
*:not(:disabled):not(:read-only):not(:invalid):hover + & {
|
|
128
|
-
--card-bg-color: ${
|
|
129
|
-
--card-fg-color: ${
|
|
128
|
+
--card-bg-color: ${l.default.hovered.bg};
|
|
129
|
+
--card-fg-color: ${l.default.hovered.fg};
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
*:not(:disabled):not(:read-only):not(:invalid):not(:focus):hover + & {
|
|
133
|
-
--input-box-shadow: ${t?
|
|
133
|
+
--input-box-shadow: ${t?rn({color:l.default.hovered.border,width:d.border.width}):"none"};
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
136
|
}
|
|
137
|
-
`}function
|
|
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
138
|
color: var(--card-fg-color);
|
|
139
139
|
|
|
140
|
-
${t&&
|
|
140
|
+
${t&&re.css`
|
|
141
141
|
color: var(--card-accent-fg-color);
|
|
142
142
|
`}
|
|
143
143
|
|
|
144
|
-
${n&&
|
|
144
|
+
${n&&re.css`
|
|
145
145
|
color: var(--card-muted-fg-color);
|
|
146
146
|
`}
|
|
147
147
|
|
|
@@ -174,18 +174,18 @@
|
|
|
174
174
|
}
|
|
175
175
|
|
|
176
176
|
& strong {
|
|
177
|
-
font-weight: ${
|
|
177
|
+
font-weight: ${o.bold};
|
|
178
178
|
}
|
|
179
179
|
|
|
180
180
|
& [data-sanity-icon] {
|
|
181
181
|
vertical-align: baseline;
|
|
182
182
|
}
|
|
183
|
-
`}
|
|
183
|
+
`})),In=ge.default.span`
|
|
184
184
|
display: block;
|
|
185
185
|
white-space: nowrap;
|
|
186
186
|
text-overflow: ellipsis;
|
|
187
187
|
overflow: hidden;
|
|
188
|
-
`,
|
|
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
189
|
align-items: center;
|
|
190
190
|
justify-content: center;
|
|
191
191
|
box-sizing: border-box;
|
|
@@ -194,12 +194,12 @@
|
|
|
194
194
|
color: var(--card-fg-color);
|
|
195
195
|
background: var(--card-bg-color);
|
|
196
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 ${
|
|
197
|
+
padding: 0 ${ke(t.sanity.space[2])};
|
|
198
198
|
|
|
199
199
|
&:not([hidden]) {
|
|
200
200
|
display: flex;
|
|
201
201
|
}
|
|
202
|
-
`}
|
|
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
203
|
white-space: nowrap;
|
|
204
204
|
|
|
205
205
|
& > div {
|
|
@@ -209,19 +209,19 @@
|
|
|
209
209
|
display: inline-block;
|
|
210
210
|
}
|
|
211
211
|
}
|
|
212
|
-
`;
|
|
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
213
|
text-transform: uppercase;
|
|
214
214
|
|
|
215
|
-
${t&&
|
|
215
|
+
${t&&re.css`
|
|
216
216
|
color: var(--card-accent-fg-color);
|
|
217
217
|
`}
|
|
218
218
|
|
|
219
|
-
${n&&
|
|
219
|
+
${n&&re.css`
|
|
220
220
|
color: var(--card-muted-fg-color);
|
|
221
221
|
`}
|
|
222
222
|
|
|
223
223
|
& code {
|
|
224
|
-
font-family: ${
|
|
224
|
+
font-family: ${o.code.family};
|
|
225
225
|
border-radius: 1px;
|
|
226
226
|
}
|
|
227
227
|
|
|
@@ -233,12 +233,12 @@
|
|
|
233
233
|
& [data-sanity-icon] {
|
|
234
234
|
vertical-align: baseline;
|
|
235
235
|
}
|
|
236
|
-
`}
|
|
236
|
+
`})),or=ge.default.span`
|
|
237
237
|
display: block;
|
|
238
238
|
white-space: nowrap;
|
|
239
239
|
text-overflow: ellipsis;
|
|
240
240
|
overflow: hidden;
|
|
241
|
-
`,
|
|
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
242
|
from {
|
|
243
243
|
transform: rotate(0deg);
|
|
244
244
|
}
|
|
@@ -246,11 +246,11 @@
|
|
|
246
246
|
to {
|
|
247
247
|
transform: rotate(360deg);
|
|
248
248
|
}
|
|
249
|
-
`,
|
|
249
|
+
`,ur=ge.default(_n)`
|
|
250
250
|
& > span > svg {
|
|
251
|
-
animation: ${
|
|
251
|
+
animation: ${cr} 500ms linear infinite;
|
|
252
252
|
}
|
|
253
|
-
`,
|
|
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
254
|
-webkit-font-smoothing: inherit;
|
|
255
255
|
appearance: none;
|
|
256
256
|
display: inline-flex;
|
|
@@ -279,7 +279,7 @@
|
|
|
279
279
|
border: 0;
|
|
280
280
|
padding: 0;
|
|
281
281
|
}
|
|
282
|
-
`}
|
|
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
283
|
position: absolute;
|
|
284
284
|
top: 0;
|
|
285
285
|
left: 0;
|
|
@@ -292,8 +292,8 @@
|
|
|
292
292
|
border-radius: inherit;
|
|
293
293
|
z-index: 1;
|
|
294
294
|
box-shadow: inherit;
|
|
295
|
-
`,
|
|
296
|
-
${t&&
|
|
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
297
|
background-size: ${r[3]}px ${r[3]}px;
|
|
298
298
|
background-position: 50% 50%;
|
|
299
299
|
background-image: var(--card-bg-image);
|
|
@@ -319,8 +319,8 @@
|
|
|
319
319
|
&[data-as='pre'] {
|
|
320
320
|
font: inherit;
|
|
321
321
|
}
|
|
322
|
-
`}function
|
|
323
|
-
${
|
|
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
324
|
|
|
325
325
|
background-color: var(--card-bg-color);
|
|
326
326
|
color: var(--card-fg-color);
|
|
@@ -333,36 +333,36 @@
|
|
|
333
333
|
box-shadow: var(--card-focus-ring-box-shadow);
|
|
334
334
|
|
|
335
335
|
&:disabled {
|
|
336
|
-
${
|
|
336
|
+
${hr(s,d.disabled,r)}
|
|
337
337
|
}
|
|
338
338
|
|
|
339
339
|
&:not(:disabled) {
|
|
340
340
|
&[data-pressed] {
|
|
341
|
-
${
|
|
341
|
+
${hr(s,d.pressed,r)}
|
|
342
342
|
}
|
|
343
343
|
|
|
344
344
|
&[data-selected] {
|
|
345
|
-
${
|
|
345
|
+
${hr(s,d.selected,r)}
|
|
346
346
|
}
|
|
347
347
|
|
|
348
348
|
@media (hover: hover) {
|
|
349
349
|
&:not([data-pressed]):not([data-selected]) {
|
|
350
350
|
&:hover {
|
|
351
|
-
${
|
|
351
|
+
${hr(s,d.hovered,r)}
|
|
352
352
|
}
|
|
353
353
|
|
|
354
354
|
&:active {
|
|
355
|
-
${
|
|
355
|
+
${hr(s,d.pressed,r)}
|
|
356
356
|
}
|
|
357
357
|
}
|
|
358
358
|
}
|
|
359
359
|
|
|
360
360
|
&:focus {
|
|
361
|
-
--card-focus-ring-box-shadow: ${
|
|
361
|
+
--card-focus-ring-box-shadow: ${o?on({base:s,border:l,focusRing:i}):void 0};
|
|
362
362
|
}
|
|
363
363
|
|
|
364
364
|
&:focus:not(:focus-visible) {
|
|
365
|
-
--card-focus-ring-box-shadow: ${
|
|
365
|
+
--card-focus-ring-box-shadow: ${o?rn(l):void 0};
|
|
366
366
|
}
|
|
367
367
|
}
|
|
368
368
|
}
|
|
@@ -373,45 +373,45 @@
|
|
|
373
373
|
box-shadow: var(--card-focus-ring-box-shadow);
|
|
374
374
|
|
|
375
375
|
&[data-disabled] {
|
|
376
|
-
${
|
|
376
|
+
${hr(s,d.disabled,r)}
|
|
377
377
|
}
|
|
378
378
|
|
|
379
379
|
&:not([data-disabled]) {
|
|
380
380
|
&[data-pressed] {
|
|
381
|
-
${
|
|
381
|
+
${hr(s,d.pressed,r)}
|
|
382
382
|
}
|
|
383
383
|
|
|
384
384
|
&[data-selected] {
|
|
385
|
-
${
|
|
385
|
+
${hr(s,d.selected,r)}
|
|
386
386
|
}
|
|
387
387
|
|
|
388
388
|
@media (hover: hover) {
|
|
389
389
|
&:not([data-pressed]):not([data-selected]) {
|
|
390
390
|
&:hover {
|
|
391
|
-
${
|
|
391
|
+
${hr(s,d.hovered,r)}
|
|
392
392
|
}
|
|
393
393
|
|
|
394
394
|
&:active {
|
|
395
|
-
${
|
|
395
|
+
${hr(s,d.pressed,r)}
|
|
396
396
|
}
|
|
397
397
|
}
|
|
398
398
|
}
|
|
399
399
|
|
|
400
400
|
&:focus {
|
|
401
|
-
--card-focus-ring-box-shadow: ${
|
|
401
|
+
--card-focus-ring-box-shadow: ${o?on({base:s,border:l,focusRing:i}):void 0};
|
|
402
402
|
}
|
|
403
403
|
|
|
404
404
|
&:focus:not(:focus-visible) {
|
|
405
|
-
--card-focus-ring-box-shadow: ${
|
|
405
|
+
--card-focus-ring-box-shadow: ${o?rn(l):void 0};
|
|
406
406
|
}
|
|
407
407
|
}
|
|
408
408
|
}
|
|
409
409
|
|
|
410
|
-
${(n=(t=
|
|
411
|
-
`}const
|
|
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
412
|
position: relative;
|
|
413
413
|
display: inline-block;
|
|
414
|
-
`}function
|
|
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
415
|
position: absolute;
|
|
416
416
|
top: 0;
|
|
417
417
|
left: 0;
|
|
@@ -426,11 +426,11 @@
|
|
|
426
426
|
& + span {
|
|
427
427
|
position: relative;
|
|
428
428
|
display: block;
|
|
429
|
-
height: ${
|
|
430
|
-
width: ${
|
|
429
|
+
height: ${ke(o.checkbox.size)};
|
|
430
|
+
width: ${ke(o.checkbox.size)};
|
|
431
431
|
box-sizing: border-box;
|
|
432
|
-
box-shadow: ${
|
|
433
|
-
border-radius: ${
|
|
432
|
+
box-shadow: ${rn({color:n.default.enabled.border,width:o.border.width})};
|
|
433
|
+
border-radius: ${ke(a[2])};
|
|
434
434
|
line-height: 1;
|
|
435
435
|
background-color: ${n.default.enabled.bg};
|
|
436
436
|
|
|
@@ -449,11 +449,11 @@
|
|
|
449
449
|
}
|
|
450
450
|
|
|
451
451
|
&:not(:disabled):focus + span {
|
|
452
|
-
box-shadow: ${
|
|
452
|
+
box-shadow: ${on({border:{width:o.border.width,color:n.default.enabled.border},focusRing:r})};
|
|
453
453
|
}
|
|
454
454
|
|
|
455
455
|
&:not(:disabled):focus:not(:focus-visible) + span {
|
|
456
|
-
box-shadow: ${
|
|
456
|
+
box-shadow: ${rn({color:n.default.enabled.border,width:o.border.width})};
|
|
457
457
|
}
|
|
458
458
|
|
|
459
459
|
&:checked + span > svg:first-child {
|
|
@@ -462,27 +462,27 @@
|
|
|
462
462
|
|
|
463
463
|
&[data-read-only] + span {
|
|
464
464
|
background-color: ${n.default.readOnly.bg};
|
|
465
|
-
box-shadow: ${
|
|
465
|
+
box-shadow: ${rn({width:o.border.width,color:n.default.readOnly.border})};
|
|
466
466
|
color: ${n.default.readOnly.fg};
|
|
467
467
|
}
|
|
468
468
|
|
|
469
469
|
&:not([data-read-only]):disabled + span {
|
|
470
470
|
background-color: ${n.default.disabled.bg};
|
|
471
|
-
box-shadow: ${
|
|
471
|
+
box-shadow: ${rn({width:o.border.width,color:n.default.disabled.border})};
|
|
472
472
|
color: ${n.default.disabled.fg};
|
|
473
473
|
}
|
|
474
474
|
|
|
475
475
|
&:indeterminate + span > svg:last-child {
|
|
476
476
|
opacity: 1;
|
|
477
477
|
}
|
|
478
|
-
`}
|
|
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
479
|
color: var(--card-code-fg-color);
|
|
480
480
|
|
|
481
481
|
& code {
|
|
482
482
|
font-family: inherit;
|
|
483
483
|
|
|
484
484
|
&.refractor .token {
|
|
485
|
-
${
|
|
485
|
+
${zr}
|
|
486
486
|
}
|
|
487
487
|
}
|
|
488
488
|
|
|
@@ -495,12 +495,12 @@
|
|
|
495
495
|
& [data-sanity-icon] {
|
|
496
496
|
vertical-align: baseline;
|
|
497
497
|
}
|
|
498
|
-
`}
|
|
499
|
-
${t&&
|
|
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
500
|
color: var(--card-accent-fg-color);
|
|
501
501
|
`}
|
|
502
502
|
|
|
503
|
-
${n&&
|
|
503
|
+
${n&&re.css`
|
|
504
504
|
color: var(--card-muted-fg-color);
|
|
505
505
|
`}
|
|
506
506
|
|
|
@@ -533,12 +533,12 @@
|
|
|
533
533
|
& [data-sanity-icon] {
|
|
534
534
|
vertical-align: baseline;
|
|
535
535
|
}
|
|
536
|
-
`}
|
|
536
|
+
`}),Oe,Ce),Ar=ge.default.span`
|
|
537
537
|
display: block;
|
|
538
538
|
white-space: nowrap;
|
|
539
539
|
text-overflow: ellipsis;
|
|
540
540
|
overflow: hidden;
|
|
541
|
-
`,
|
|
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
542
|
background: var(--card-bg-color);
|
|
543
543
|
font: inherit;
|
|
544
544
|
box-shadow: inset 0 0 0 1px var(--card-hairline-hard-color);
|
|
@@ -546,21 +546,21 @@
|
|
|
546
546
|
&:not([hidden]) {
|
|
547
547
|
display: inline-block;
|
|
548
548
|
}
|
|
549
|
-
`}
|
|
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
550
|
position: relative;
|
|
551
|
-
|
|
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
552
|
display: block;
|
|
553
553
|
width: 0;
|
|
554
554
|
height: 0;
|
|
555
555
|
position: absolute;
|
|
556
556
|
overflow: hidden;
|
|
557
|
-
`,
|
|
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
558
|
position: relative;
|
|
559
|
-
`,
|
|
559
|
+
`,So=ge.default.div`
|
|
560
560
|
position: absolute;
|
|
561
561
|
left: 0;
|
|
562
562
|
right: 0;
|
|
563
|
-
`,
|
|
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
564
|
position: absolute;
|
|
565
565
|
pointer-events: none;
|
|
566
566
|
width: 27px;
|
|
@@ -603,11 +603,11 @@
|
|
|
603
603
|
transform: rotate(180deg);
|
|
604
604
|
}
|
|
605
605
|
}
|
|
606
|
-
`,
|
|
606
|
+
`,Ro=ge.default.path`
|
|
607
607
|
fill: var(--card-shadow-outline-color);
|
|
608
|
-
`,
|
|
608
|
+
`,Oo=ge.default.path`
|
|
609
609
|
fill: var(--card-bg-color);
|
|
610
|
-
`,
|
|
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
611
|
pointer-events: none;
|
|
612
612
|
display: flex;
|
|
613
613
|
flex-direction: column;
|
|
@@ -618,12 +618,12 @@
|
|
|
618
618
|
}
|
|
619
619
|
|
|
620
620
|
/* Hide the popover when the reference element is out of bounds */
|
|
621
|
-
${e&&
|
|
621
|
+
${e&&re.css`
|
|
622
622
|
&[data-popper-reference-hidden='true'] {
|
|
623
623
|
display: none;
|
|
624
624
|
}
|
|
625
625
|
`}
|
|
626
|
-
`),
|
|
626
|
+
`)),Ho=ge.default(wr)((({$constrainSize:e})=>re.css`
|
|
627
627
|
flex: 1;
|
|
628
628
|
max-height: ${e&&"100%"};
|
|
629
629
|
pointer-events: all;
|
|
@@ -638,8 +638,8 @@
|
|
|
638
638
|
min-height: 0;
|
|
639
639
|
}
|
|
640
640
|
|
|
641
|
-
${
|
|
642
|
-
`),
|
|
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
643
|
position: relative;
|
|
644
644
|
|
|
645
645
|
&:not([hidden]) {
|
|
@@ -649,7 +649,7 @@
|
|
|
649
649
|
&[data-read-only] {
|
|
650
650
|
outline: 1px solid red;
|
|
651
651
|
}
|
|
652
|
-
`}function
|
|
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
653
|
appearance: none;
|
|
654
654
|
position: absolute;
|
|
655
655
|
top: 0;
|
|
@@ -661,39 +661,39 @@
|
|
|
661
661
|
z-index: 1;
|
|
662
662
|
padding: 0;
|
|
663
663
|
margin: 0;
|
|
664
|
-
border-radius: ${
|
|
664
|
+
border-radius: ${ke(r.radio.size/2)};
|
|
665
665
|
border: none;
|
|
666
666
|
|
|
667
667
|
/* enabled */
|
|
668
668
|
& + span {
|
|
669
669
|
display: block;
|
|
670
670
|
position: relative;
|
|
671
|
-
height: ${
|
|
672
|
-
width: ${
|
|
673
|
-
border-radius: ${
|
|
674
|
-
background: ${
|
|
675
|
-
box-shadow: ${
|
|
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
676
|
|
|
677
677
|
&::after {
|
|
678
678
|
content: '';
|
|
679
679
|
position: absolute;
|
|
680
|
-
top: ${
|
|
681
|
-
left: ${
|
|
682
|
-
height: ${
|
|
683
|
-
width: ${
|
|
684
|
-
border-radius: ${
|
|
685
|
-
background: ${
|
|
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
686
|
opacity: 0;
|
|
687
687
|
}
|
|
688
688
|
}
|
|
689
689
|
|
|
690
690
|
/* focused */
|
|
691
691
|
&:not(:disabled):focus + span {
|
|
692
|
-
box-shadow: ${
|
|
692
|
+
box-shadow: ${on({border:{width:r.border.width,color:o.default.enabled.border},focusRing:n})};
|
|
693
693
|
}
|
|
694
694
|
|
|
695
695
|
&:not(:disabled):focus:not(:focus-visible) + span {
|
|
696
|
-
box-shadow: ${
|
|
696
|
+
box-shadow: ${rn({color:o.default.enabled.border,width:r.border.width})};
|
|
697
697
|
}
|
|
698
698
|
|
|
699
699
|
&:checked + span::after {
|
|
@@ -702,31 +702,24 @@
|
|
|
702
702
|
|
|
703
703
|
/* read only */
|
|
704
704
|
&[data-read-only] + span {
|
|
705
|
-
box-shadow: 0 0 0 1px ${
|
|
706
|
-
background: ${
|
|
705
|
+
box-shadow: 0 0 0 1px ${o.default.readOnly.border};
|
|
706
|
+
background: ${o.default.readOnly.bg};
|
|
707
707
|
|
|
708
708
|
&::after {
|
|
709
|
-
background: ${
|
|
709
|
+
background: ${o.default.readOnly.fg};
|
|
710
710
|
}
|
|
711
711
|
}
|
|
712
712
|
|
|
713
713
|
/* disabled */
|
|
714
714
|
&:not([data-read-only]):disabled + span {
|
|
715
|
-
box-shadow: 0 0 0 1px ${
|
|
716
|
-
background: ${
|
|
715
|
+
box-shadow: 0 0 0 1px ${o.default.disabled.border};
|
|
716
|
+
background: ${o.default.disabled.bg};
|
|
717
717
|
|
|
718
718
|
&::after {
|
|
719
|
-
background: ${
|
|
719
|
+
background: ${o.default.disabled.fg};
|
|
720
720
|
}
|
|
721
721
|
}
|
|
722
|
-
`}
|
|
723
|
-
position: relative;
|
|
724
|
-
width: stretch;
|
|
725
|
-
|
|
726
|
-
&:not([hidden]) {
|
|
727
|
-
display: inline-block;
|
|
728
|
-
}
|
|
729
|
-
`}function Xi(e){const{theme:t}=e,n=t.sanity.fonts.text;return B.css`
|
|
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`
|
|
730
723
|
-webkit-font-smoothing: antialiased;
|
|
731
724
|
appearance: none;
|
|
732
725
|
border: 0;
|
|
@@ -739,40 +732,47 @@
|
|
|
739
732
|
&:disabled {
|
|
740
733
|
opacity: 1;
|
|
741
734
|
}
|
|
742
|
-
`}function
|
|
735
|
+
`}function Po(e){const{theme:t}=e,{focusRing:n,input:r}=t.sanity,o=t.sanity.color.input;return re.css`
|
|
743
736
|
/* enabled */
|
|
744
|
-
background-color: ${
|
|
745
|
-
color: ${
|
|
746
|
-
box-shadow: ${
|
|
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})};
|
|
747
740
|
|
|
748
741
|
/* hovered */
|
|
749
742
|
@media (hover: hover) {
|
|
750
743
|
&:not(:disabled):hover {
|
|
751
|
-
background-color: ${
|
|
752
|
-
color: ${
|
|
753
|
-
box-shadow: ${
|
|
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})};
|
|
754
747
|
}
|
|
755
748
|
}
|
|
756
749
|
|
|
757
750
|
/* focused */
|
|
758
751
|
&:not(:disabled):focus {
|
|
759
|
-
box-shadow: ${
|
|
752
|
+
box-shadow: ${on({border:{width:r.border.width,color:o.default.enabled.border},focusRing:n})};
|
|
760
753
|
}
|
|
761
754
|
|
|
762
755
|
/* read-only */
|
|
763
756
|
&[data-read-only] {
|
|
764
|
-
background-color: ${
|
|
765
|
-
color: ${
|
|
766
|
-
box-shadow: ${
|
|
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})};
|
|
767
760
|
}
|
|
768
761
|
|
|
769
762
|
/* disabled */
|
|
770
763
|
&:not([data-read-only]):disabled {
|
|
771
|
-
background-color: ${
|
|
772
|
-
color: ${
|
|
773
|
-
box-shadow: ${
|
|
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
774
|
}
|
|
775
|
-
`}
|
|
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
776
|
pointer-events: none;
|
|
777
777
|
position: absolute;
|
|
778
778
|
top: 0;
|
|
@@ -797,12 +797,12 @@
|
|
|
797
797
|
select[data-read-only] + && {
|
|
798
798
|
--card-fg-color: ${n.default.readOnly.fg};
|
|
799
799
|
}
|
|
800
|
-
`}
|
|
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
801
|
position: relative;
|
|
802
802
|
&:not([hidden]) {
|
|
803
803
|
display: inline-block;
|
|
804
804
|
}
|
|
805
|
-
`}function
|
|
805
|
+
`})),Jo=ge.default.input((function(){return re.css`
|
|
806
806
|
position: absolute;
|
|
807
807
|
top: 0;
|
|
808
808
|
right: 0;
|
|
@@ -817,18 +817,18 @@
|
|
|
817
817
|
|
|
818
818
|
/* Place the input element above the representation element */
|
|
819
819
|
z-index: 1;
|
|
820
|
-
`}function
|
|
821
|
-
--switch-bg-color: ${
|
|
822
|
-
--switch-fg-color: ${
|
|
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
823
|
--switch-box-shadow: none;
|
|
824
824
|
|
|
825
825
|
&:not([hidden]) {
|
|
826
826
|
display: block;
|
|
827
827
|
}
|
|
828
828
|
position: relative;
|
|
829
|
-
width: ${
|
|
830
|
-
height: ${
|
|
831
|
-
border-radius: ${
|
|
829
|
+
width: ${ke(r.switch.width)};
|
|
830
|
+
height: ${ke(r.switch.height)};
|
|
831
|
+
border-radius: ${ke(r.switch.height/2)};
|
|
832
832
|
|
|
833
833
|
/* Make sure it’s not possible to interact with the wrapper element */
|
|
834
834
|
pointer-events: none;
|
|
@@ -848,7 +848,7 @@
|
|
|
848
848
|
|
|
849
849
|
/* Focus styles */
|
|
850
850
|
input:focus + && {
|
|
851
|
-
--switch-box-shadow: ${
|
|
851
|
+
--switch-box-shadow: ${on({focusRing:n})};
|
|
852
852
|
}
|
|
853
853
|
|
|
854
854
|
input:focus:not(:focus-visible) + && {
|
|
@@ -856,27 +856,27 @@
|
|
|
856
856
|
}
|
|
857
857
|
|
|
858
858
|
input:checked + && {
|
|
859
|
-
--switch-bg-color: ${
|
|
860
|
-
--switch-fg-color: ${
|
|
859
|
+
--switch-bg-color: ${o.positive.enabled.bg};
|
|
860
|
+
--switch-fg-color: ${o.positive.enabled.fg};
|
|
861
861
|
}
|
|
862
862
|
|
|
863
863
|
@media (hover: hover) {
|
|
864
864
|
input:not(:disabled):hover + && {
|
|
865
|
-
--switch-bg-color: ${
|
|
866
|
-
--switch-fg-color: ${
|
|
865
|
+
--switch-bg-color: ${o.default.hovered.bg};
|
|
866
|
+
--switch-fg-color: ${o.default.hovered.fg};
|
|
867
867
|
}
|
|
868
868
|
|
|
869
869
|
input:not(:disabled):checked:hover + && {
|
|
870
|
-
--switch-bg-color: ${
|
|
871
|
-
--switch-fg-color: ${
|
|
870
|
+
--switch-bg-color: ${o.positive.hovered.bg};
|
|
871
|
+
--switch-fg-color: ${o.positive.hovered.fg};
|
|
872
872
|
}
|
|
873
873
|
}
|
|
874
874
|
|
|
875
875
|
input:not([data-read-only]):disabled + && {
|
|
876
|
-
--switch-bg-color: ${
|
|
877
|
-
--switch-fg-color: ${
|
|
876
|
+
--switch-bg-color: ${o.default.disabled.bg};
|
|
877
|
+
--switch-fg-color: ${o.default.disabled.fg};
|
|
878
878
|
}
|
|
879
|
-
`}function
|
|
879
|
+
`})),ta=ge.default.span((function(e){const{theme:t}=e,{input:n}=t.sanity;return re.css`
|
|
880
880
|
&:not([hidden]) {
|
|
881
881
|
display: block;
|
|
882
882
|
}
|
|
@@ -884,43 +884,43 @@
|
|
|
884
884
|
position: absolute;
|
|
885
885
|
left: 0;
|
|
886
886
|
top: 0;
|
|
887
|
-
width: ${
|
|
888
|
-
height: ${
|
|
889
|
-
border-radius: ${
|
|
890
|
-
`}function
|
|
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
891
|
&:not([hidden]) {
|
|
892
892
|
display: block;
|
|
893
893
|
}
|
|
894
894
|
position: absolute;
|
|
895
|
-
left: ${
|
|
896
|
-
top: ${
|
|
897
|
-
height: ${
|
|
898
|
-
width: ${
|
|
899
|
-
border-radius: ${
|
|
895
|
+
left: ${ke(i)};
|
|
896
|
+
top: ${ke(i)};
|
|
897
|
+
height: ${ke(s)};
|
|
898
|
+
width: ${ke(s)};
|
|
899
|
+
border-radius: ${ke(s/2)};
|
|
900
900
|
transition-property: transform;
|
|
901
901
|
transition-duration: ${r.switch.transitionDurationMs}ms;
|
|
902
902
|
transition-timing-function: ${r.switch.transitionTimingFunction};
|
|
903
903
|
background: var(--switch-fg-color);
|
|
904
904
|
transform: translate3d(0, 0, 0);
|
|
905
905
|
|
|
906
|
-
${
|
|
907
|
-
transform: translate3d(${
|
|
906
|
+
${c&&re.css`
|
|
907
|
+
transform: translate3d(${d}px, 0, 0);
|
|
908
908
|
`}
|
|
909
909
|
|
|
910
|
-
${t&&
|
|
911
|
-
transform: translate3d(${
|
|
910
|
+
${t&&re.css`
|
|
911
|
+
transform: translate3d(${l}px, 0, 0);
|
|
912
912
|
`}
|
|
913
|
-
`}
|
|
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
914
|
flex: 1;
|
|
915
915
|
min-width: 0;
|
|
916
916
|
display: block;
|
|
917
917
|
position: relative;
|
|
918
|
-
`,
|
|
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
919
|
flex: 1;
|
|
920
920
|
min-width: 0;
|
|
921
921
|
display: block;
|
|
922
922
|
position: relative;
|
|
923
|
-
`,
|
|
923
|
+
`,fa=ge.default(wr).attrs({forwardedAs:"span"})`
|
|
924
924
|
border-top-right-radius: 0;
|
|
925
925
|
border-bottom-right-radius: 0;
|
|
926
926
|
|
|
@@ -928,7 +928,7 @@
|
|
|
928
928
|
display: block;
|
|
929
929
|
margin: -1px;
|
|
930
930
|
}
|
|
931
|
-
`,
|
|
931
|
+
`,ha=ge.default(wr).attrs({forwardedAs:"span"})`
|
|
932
932
|
border-top-left-radius: 0;
|
|
933
933
|
border-bottom-left-radius: 0;
|
|
934
934
|
|
|
@@ -936,20 +936,20 @@
|
|
|
936
936
|
display: block;
|
|
937
937
|
margin: -1px;
|
|
938
938
|
}
|
|
939
|
-
`,
|
|
939
|
+
`,pa=ge.default.input(zn,Rn,On),ga=ge.default.span(Ln,Tn),ba=ge.default(nr)`
|
|
940
940
|
position: absolute;
|
|
941
941
|
top: 0;
|
|
942
942
|
left: 0;
|
|
943
|
-
`,
|
|
943
|
+
`,ma=ge.default(nr)`
|
|
944
944
|
position: absolute;
|
|
945
945
|
top: 0;
|
|
946
946
|
right: 0;
|
|
947
|
-
`,
|
|
947
|
+
`,xa=ge.default(wr)`
|
|
948
948
|
background-color: transparent;
|
|
949
949
|
position: absolute;
|
|
950
950
|
top: 0;
|
|
951
951
|
right: 0;
|
|
952
|
-
`,
|
|
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
953
|
position: absolute;
|
|
954
954
|
width: 15px;
|
|
955
955
|
height: 15px;
|
|
@@ -993,21 +993,21 @@
|
|
|
993
993
|
transform: rotate(180deg);
|
|
994
994
|
}
|
|
995
995
|
}
|
|
996
|
-
`,
|
|
996
|
+
`,wa=ge.default.path`
|
|
997
997
|
fill: var(--card-shadow-outline-color);
|
|
998
|
-
`,
|
|
998
|
+
`,ka=ge.default.path`
|
|
999
999
|
fill: var(--card-bg-color);
|
|
1000
|
-
|
|
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
1001
|
pointer-events: none;
|
|
1002
|
-
`,
|
|
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
1003
|
line-height: 0;
|
|
1004
|
-
`,
|
|
1004
|
+
`,Ea=ge.default(nr)`
|
|
1005
1005
|
& > ul {
|
|
1006
1006
|
list-style: none;
|
|
1007
1007
|
padding: 0;
|
|
1008
1008
|
margin: 0;
|
|
1009
1009
|
}
|
|
1010
|
-
`,
|
|
1010
|
+
`,Ca=ge.default(Ao)`
|
|
1011
1011
|
& > div {
|
|
1012
1012
|
overflow: auto;
|
|
1013
1013
|
-webkit-overflow-scrolling: touch;
|
|
@@ -1016,7 +1016,7 @@
|
|
|
1016
1016
|
&[data-popper-reference-hidden='true'] {
|
|
1017
1017
|
display: none;
|
|
1018
1018
|
}
|
|
1019
|
-
`,
|
|
1019
|
+
`,Ra=re.keyframes`
|
|
1020
1020
|
from {
|
|
1021
1021
|
transform: rotate(0deg);
|
|
1022
1022
|
}
|
|
@@ -1024,9 +1024,9 @@
|
|
|
1024
1024
|
to {
|
|
1025
1025
|
transform: rotate(360deg);
|
|
1026
1026
|
}
|
|
1027
|
-
`,
|
|
1028
|
-
animation: ${
|
|
1029
|
-
`;function
|
|
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
1030
|
margin: 0;
|
|
1031
1031
|
padding: 0;
|
|
1032
1032
|
display: flex;
|
|
@@ -1034,10 +1034,10 @@
|
|
|
1034
1034
|
align-items: center;
|
|
1035
1035
|
white-space: nowrap;
|
|
1036
1036
|
line-height: 0;
|
|
1037
|
-
`,
|
|
1037
|
+
`,Da=ge.default(mr)`
|
|
1038
1038
|
appearance: none;
|
|
1039
1039
|
margin: -4px;
|
|
1040
|
-
`,
|
|
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
1041
|
&:not([hidden]) {
|
|
1042
1042
|
display: flex;
|
|
1043
1043
|
}
|
|
@@ -1046,7 +1046,7 @@
|
|
|
1046
1046
|
flex-direction: column;
|
|
1047
1047
|
align-items: center;
|
|
1048
1048
|
justify-content: center;
|
|
1049
|
-
`,
|
|
1049
|
+
`,Ka=ge.default(wr)`
|
|
1050
1050
|
&:not([hidden]) {
|
|
1051
1051
|
display: flex;
|
|
1052
1052
|
}
|
|
@@ -1054,11 +1054,11 @@
|
|
|
1054
1054
|
min-height: 0;
|
|
1055
1055
|
max-height: 100%;
|
|
1056
1056
|
overflow: hidden;
|
|
1057
|
-
`,
|
|
1057
|
+
`,Ua=ge.default(lr)`
|
|
1058
1058
|
flex: 1;
|
|
1059
1059
|
min-height: 0;
|
|
1060
1060
|
width: 100%;
|
|
1061
|
-
`,
|
|
1061
|
+
`,Ga=ge.default(wr)`
|
|
1062
1062
|
position: relative;
|
|
1063
1063
|
z-index: 2;
|
|
1064
1064
|
|
|
@@ -1071,33 +1071,33 @@
|
|
|
1071
1071
|
bottom: -1px;
|
|
1072
1072
|
border-bottom: 1px solid var(--card-hairline-soft-color);
|
|
1073
1073
|
}
|
|
1074
|
-
`,
|
|
1074
|
+
`,Za=ge.default(nr)`
|
|
1075
1075
|
position: relative;
|
|
1076
1076
|
z-index: 1;
|
|
1077
1077
|
overflow: auto;
|
|
1078
1078
|
outline: none;
|
|
1079
|
-
`,
|
|
1079
|
+
`,Qa=ge.default(nr)`
|
|
1080
1080
|
position: relative;
|
|
1081
1081
|
z-index: 3;
|
|
1082
1082
|
border-top: 1px solid var(--card-hairline-soft-color);
|
|
1083
|
-
`,
|
|
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
1084
|
&:not([hidden]) {
|
|
1085
1085
|
display: block;
|
|
1086
1086
|
}
|
|
1087
1087
|
font: inherit;
|
|
1088
|
-
`,
|
|
1088
|
+
`,ni=ge.default(Pr)`
|
|
1089
1089
|
&:not([hidden]) {
|
|
1090
1090
|
display: block;
|
|
1091
1091
|
}
|
|
1092
|
-
`,
|
|
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
1093
|
outline: none;
|
|
1094
1094
|
overflow: auto;
|
|
1095
|
-
`,
|
|
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
1096
|
height: 1px;
|
|
1097
1097
|
border: 0;
|
|
1098
1098
|
background: var(--card-hairline-soft-color);
|
|
1099
1099
|
margin: 0;
|
|
1100
|
-
`;
|
|
1100
|
+
`;const gi=ge.default(nr)(Ln,(function(){return re.css`
|
|
1101
1101
|
background-color: inherit;
|
|
1102
1102
|
color: inherit;
|
|
1103
1103
|
|
|
@@ -1115,8 +1115,8 @@
|
|
|
1115
1115
|
&[data-as='a'] {
|
|
1116
1116
|
text-decoration: none;
|
|
1117
1117
|
}
|
|
1118
|
-
`}function
|
|
1119
|
-
${
|
|
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
1120
|
|
|
1121
1121
|
background-color: var(--card-bg-color);
|
|
1122
1122
|
color: var(--card-fg-color);
|
|
@@ -1125,27 +1125,27 @@
|
|
|
1125
1125
|
/* &:is(button) */
|
|
1126
1126
|
&[data-as='button'] {
|
|
1127
1127
|
&:disabled {
|
|
1128
|
-
${
|
|
1128
|
+
${hr(a,d.disabled)}
|
|
1129
1129
|
}
|
|
1130
1130
|
|
|
1131
1131
|
&:not(:disabled) {
|
|
1132
1132
|
&[aria-pressed='true'] {
|
|
1133
|
-
${
|
|
1133
|
+
${hr(a,d.pressed)}
|
|
1134
1134
|
}
|
|
1135
1135
|
|
|
1136
1136
|
&[data-selected],
|
|
1137
1137
|
&[aria-selected='true'] > & {
|
|
1138
|
-
${
|
|
1138
|
+
${hr(a,d.selected)}
|
|
1139
1139
|
}
|
|
1140
1140
|
|
|
1141
1141
|
@media (hover: hover) {
|
|
1142
1142
|
&:not([data-selected]) {
|
|
1143
1143
|
&:hover {
|
|
1144
|
-
${
|
|
1144
|
+
${hr(a,d.hovered)}
|
|
1145
1145
|
}
|
|
1146
1146
|
|
|
1147
1147
|
&:active {
|
|
1148
|
-
${
|
|
1148
|
+
${hr(a,d.pressed)}
|
|
1149
1149
|
}
|
|
1150
1150
|
}
|
|
1151
1151
|
}
|
|
@@ -1155,41 +1155,41 @@
|
|
|
1155
1155
|
/* &:is(a) */
|
|
1156
1156
|
&[data-as='a'] {
|
|
1157
1157
|
&[data-disabled] {
|
|
1158
|
-
${
|
|
1158
|
+
${hr(a,d.disabled)}
|
|
1159
1159
|
}
|
|
1160
1160
|
|
|
1161
1161
|
&:not([data-disabled]) {
|
|
1162
1162
|
&[data-pressed] {
|
|
1163
|
-
${
|
|
1163
|
+
${hr(a,d.pressed)}
|
|
1164
1164
|
}
|
|
1165
1165
|
|
|
1166
1166
|
&[data-selected] {
|
|
1167
|
-
${
|
|
1167
|
+
${hr(a,d.selected)}
|
|
1168
1168
|
}
|
|
1169
1169
|
|
|
1170
1170
|
@media (hover: hover) {
|
|
1171
1171
|
&:not([data-selected]) {
|
|
1172
1172
|
&:hover {
|
|
1173
|
-
${
|
|
1173
|
+
${hr(a,d.hovered)}
|
|
1174
1174
|
}
|
|
1175
1175
|
|
|
1176
1176
|
&:active {
|
|
1177
|
-
${
|
|
1177
|
+
${hr(a,d.pressed)}
|
|
1178
1178
|
}
|
|
1179
1179
|
}
|
|
1180
1180
|
}
|
|
1181
1181
|
}
|
|
1182
1182
|
}
|
|
1183
1183
|
|
|
1184
|
-
${(n=(t=
|
|
1185
|
-
`}
|
|
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
1186
|
0% {
|
|
1187
1187
|
background-position: 100%;
|
|
1188
1188
|
}
|
|
1189
1189
|
100% {
|
|
1190
1190
|
background-position: -100%;
|
|
1191
1191
|
}
|
|
1192
|
-
`,
|
|
1192
|
+
`,vi=re.css`
|
|
1193
1193
|
background-image: linear-gradient(
|
|
1194
1194
|
to right,
|
|
1195
1195
|
var(--card-skeleton-color-from),
|
|
@@ -1201,16 +1201,16 @@
|
|
|
1201
1201
|
background-position: 100%;
|
|
1202
1202
|
background-size: 200% 100%;
|
|
1203
1203
|
background-attachment: fixed;
|
|
1204
|
-
animation-name: ${
|
|
1204
|
+
animation-name: ${xi};
|
|
1205
1205
|
animation-timing-function: ease-in-out;
|
|
1206
1206
|
animation-iteration-count: infinite;
|
|
1207
1207
|
animation-duration: 2000ms;
|
|
1208
|
-
`,
|
|
1208
|
+
`,yi=re.css`
|
|
1209
1209
|
opacity: ${({$visible:e})=>e?1:0};
|
|
1210
1210
|
transition: opacity 200ms ease-in;
|
|
1211
1211
|
|
|
1212
1212
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
1213
|
-
${({$animated:e})=>e?
|
|
1213
|
+
${({$animated:e})=>e?vi:re.css`
|
|
1214
1214
|
background-color: var(--card-skeleton-color-from);
|
|
1215
1215
|
`}
|
|
1216
1216
|
}
|
|
@@ -1218,25 +1218,25 @@
|
|
|
1218
1218
|
@media screen and (prefers-reduced-motion: reduce) {
|
|
1219
1219
|
background-color: var(--card-skeleton-color-from);
|
|
1220
1220
|
}
|
|
1221
|
-
`,
|
|
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
1222
|
pointer-events: all;
|
|
1223
|
-
`,
|
|
1223
|
+
`,Ai=ge.default(lr)`
|
|
1224
1224
|
overflow-x: auto;
|
|
1225
|
-
`;function
|
|
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
1226
|
position: fixed;
|
|
1227
1227
|
top: 0;
|
|
1228
1228
|
left: 0;
|
|
1229
1229
|
right: 0;
|
|
1230
1230
|
bottom: 0;
|
|
1231
1231
|
pointer-events: none;
|
|
1232
|
-
`,
|
|
1232
|
+
`,Pi=ge.default.div`
|
|
1233
1233
|
box-sizing: border-box;
|
|
1234
1234
|
position: absolute;
|
|
1235
1235
|
right: 0;
|
|
1236
1236
|
bottom: 0;
|
|
1237
1237
|
max-width: 420px;
|
|
1238
1238
|
width: 100%;
|
|
1239
|
-
`;let
|
|
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
1240
|
&[role='none'] > [role='treeitem'] {
|
|
1241
1241
|
outline: none;
|
|
1242
1242
|
cursor: default;
|
|
@@ -1259,27 +1259,27 @@
|
|
|
1259
1259
|
position: relative;
|
|
1260
1260
|
}
|
|
1261
1261
|
}
|
|
1262
|
-
`}function
|
|
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
1263
|
/* <div role="none"><a data-ui="TreeItem__box" role="treeitem" tabIndex="0"></div> */
|
|
1264
1264
|
&[role='none'] {
|
|
1265
1265
|
& > [role='treeitem'] {
|
|
1266
|
-
${
|
|
1266
|
+
${hr(r,i.enabled)}
|
|
1267
1267
|
|
|
1268
1268
|
background-color: var(--card-bg-color);
|
|
1269
1269
|
color: var(--treeitem-fg-color);
|
|
1270
1270
|
}
|
|
1271
1271
|
|
|
1272
1272
|
&[data-selected] > [role='treeitem'] {
|
|
1273
|
-
${
|
|
1273
|
+
${hr(r,i.pressed)}
|
|
1274
1274
|
}
|
|
1275
1275
|
|
|
1276
1276
|
@media (hover: hover) {
|
|
1277
1277
|
&:not([data-selected]) > [role='treeitem']:not(:focus):hover {
|
|
1278
|
-
${
|
|
1278
|
+
${hr(r,i.hovered)}
|
|
1279
1279
|
}
|
|
1280
1280
|
|
|
1281
1281
|
& > [role='treeitem']:focus {
|
|
1282
|
-
${
|
|
1282
|
+
${hr(r,i.selected)}
|
|
1283
1283
|
}
|
|
1284
1284
|
}
|
|
1285
1285
|
}
|
|
@@ -1287,35 +1287,35 @@
|
|
|
1287
1287
|
/* <div role="treeitem" tabIndex="0"><div data-ui="TreeItem__box"></div> */
|
|
1288
1288
|
&[role='treeitem'] {
|
|
1289
1289
|
& > [data-ui='TreeItem__box'] {
|
|
1290
|
-
${
|
|
1290
|
+
${hr(r,i.enabled)}
|
|
1291
1291
|
|
|
1292
1292
|
background-color: var(--card-bg-color);
|
|
1293
1293
|
color: var(--card-fg-color);
|
|
1294
1294
|
}
|
|
1295
1295
|
|
|
1296
1296
|
&[data-selected] > [data-ui='TreeItem__box'] {
|
|
1297
|
-
${
|
|
1297
|
+
${hr(r,i.pressed)}
|
|
1298
1298
|
}
|
|
1299
1299
|
|
|
1300
1300
|
@media (hover: hover) {
|
|
1301
1301
|
&:not([data-selected]):not(:focus) > [data-ui='TreeItem__box']:hover {
|
|
1302
|
-
${
|
|
1302
|
+
${hr(r,i.hovered)}
|
|
1303
1303
|
}
|
|
1304
1304
|
|
|
1305
1305
|
&:focus > [data-ui='TreeItem__box'] {
|
|
1306
|
-
${
|
|
1306
|
+
${hr(r,i.selected)}
|
|
1307
1307
|
}
|
|
1308
1308
|
}
|
|
1309
1309
|
}
|
|
1310
|
-
`}function
|
|
1311
|
-
padding-left: ${
|
|
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
1312
|
|
|
1313
1313
|
&[data-as='a'] {
|
|
1314
1314
|
text-decoration: none;
|
|
1315
1315
|
}
|
|
1316
|
-
`}
|
|
1316
|
+
`})),Gi=ge.default(_n)`
|
|
1317
1317
|
& > svg {
|
|
1318
1318
|
transition: transform 100ms;
|
|
1319
1319
|
}
|
|
1320
|
-
`,
|
|
1320
|
+
`,Zi=te.memo((function(e){const{children:t,expanded:n=!1,fontSize:r,href:o,icon:a,id:i,muted:s,onClick:d,padding:l=3,selected:c=!1,space:u=2,text:f,weight:h}=e,p=U(e,Y),g=te.useRef(null),b=te.useRef(null),m=Xi(),{path:x,registerItem:v,setExpanded:y,setFocusedElement:w}=m,k=ee.useId(i)||i,$=te.useMemo((()=>x.concat([k||""])),[k,x]),j=$.join("/"),z=m.state[j],S=m.focusedElement===g.current,E=void 0===(null==z?void 0:z.expanded)?n:(null==z?void 0:z.expanded)||!1,C=m.focusedElement&&m.focusedElement===g.current?0:-1,R=te.useMemo((()=>Z(Z({},m),{},{level:m.level+1,path:$})),[$,m]),O=te.useCallback((e=>{d&&d(e);const t=e.target;t instanceof HTMLElement&&("TreeItem__box"===t.getAttribute("data-ui")||t.closest('[data-ui="TreeItem__box"]'))&&(e.stopPropagation(),y(j,!E),w(g.current))}),[E,j,d,y,w]),T=te.useCallback((e=>{if(S&&"Enter"===e.key){const e=b.current||g.current;null==e||e.click()}}),[S]);te.useEffect((()=>{if(g.current)return v(g.current,$.join("/"),E,c)}),[E,$,v,c]);const M=J.jsxs(lr,{padding:l,children:[J.jsxs(nr,{marginRight:u,style:{visibility:a||t?"visible":"hidden",pointerEvents:"none"},children:[a&&J.jsx(_n,{muted:s,size:r,weight:h,children:te.createElement(a)}),!a&&J.jsx(Gi,{muted:s,size:r,weight:h,children:J.jsx(ie.ToggleArrowRightIcon,{style:{transform:E?"rotate(90deg)":void 0}})})]}),J.jsx(nr,{flex:1,children:J.jsx(_n,{muted:s,size:r,textOverflow:"ellipsis",weight:h,children:f})})]});return o?J.jsxs(Ki,Z(Z({"data-selected":c?"":void 0,"data-tree-id":k,"data-tree-key":j,"data-ui":"TreeItem"},p),{},{onClick:O,ref:g,role:"none",children:[J.jsx(Ui,{$level:m.level,"aria-expanded":E,"data-ui":"TreeItem__box",href:o,ref:b,role:"treeitem",tabIndex:C,children:M}),J.jsx(qi.Provider,{value:R,children:t&&J.jsx(Yi,{hidden:!E,children:t})})]})):J.jsxs(Ki,Z(Z({"data-selected":c?"":void 0,"data-ui":"TreeItem","data-tree-id":k,"data-tree-key":j},p),{},{"aria-expanded":E,onClick:O,onKeyDown:T,ref:g,role:"treeitem",tabIndex:C,children:[J.jsx(Ui,{$level:m.level,as:"div","data-ui":"TreeItem__box",children:M}),J.jsx(qi.Provider,{value:R,children:t&&J.jsx(Yi,{expanded:E,children:t})})]}))}));exports.Autocomplete=Fa,exports.Avatar=Kn,exports.AvatarCounter=Gn,exports.AvatarStack=er,exports.Badge=sr,exports.BoundaryElementProvider=function(e){const{children:t,element:n}=e,r=te.useMemo((()=>({version:0,element:n})),[n]);return J.jsx(Vr.Provider,{value:r,children:t})},exports.Box=nr,exports.Breadcrumbs=Va,exports.Button=mr,exports.Card=wr,exports.Checkbox=jr,exports.Code=Er,exports.CodeSkeleton=Ei,exports.Container=Tr,exports.Dialog=ei,exports.DialogContext=qa,exports.DialogProvider=function(e){const{children:t,position:n,zOffset:r}=e,o=te.useMemo((()=>({version:0,position:n,zOffset:r})),[n,r]);return J.jsx(qa.Provider,{value:o,children:t})},exports.ElementQuery=Wr,exports.ErrorBoundary=Xr,exports.Flex=lr,exports.Grid=Lr,exports.Heading=Ir,exports.HeadingSkeleton=Si,exports.Hotkeys=ri,exports.Inline=Br,exports.KBD=Pr,exports.Label=ar,exports.LabelSkeleton=zi,exports.Layer=Jr,exports.LayerProvider=Gr,exports.Menu=fi,exports.MenuButton=hi,exports.MenuDivider=pi,exports.MenuGroup=function(e){const{as:t="button",children:n,fontSize:r,icon:o,onClick:a,padding:i=3,popover:s,radius:d=2,space:l=3,text:c,tone:u="default"}=e,f=U(e,H),h=bi(),{activeElement:p,mount:g,onClickOutside:b,onEscape:m,onItemClick:x,onItemMouseEnter:v=h.onMouseEnter,registerElement:y}=h,[w,k]=te.useState(null),[$,j]=te.useState(!1),z=te.useRef(null),S=Boolean(p)&&p===w,[E,C]=te.useState(!1),R=te.useCallback((e=>{C(!1),v(e),j(!0)}),[v]),O=te.useCallback((e=>{"ArrowLeft"===e.key&&(e.stopPropagation(),j(!1),requestAnimationFrame((()=>{null==w||w.focus()})))}),[w]),T=te.useCallback((e=>{a&&a(e),z.current="first",j(!0),requestAnimationFrame((()=>{z.current=null}))}),[a]),M=te.useCallback((()=>{j(!1),x&&x()}),[x]),L=te.useCallback((()=>C(!0)),[]);te.useEffect((()=>g(w)),[g,w]),te.useEffect((()=>{S||j(!1)}),[S]),te.useEffect((()=>{$||C(!1)}),[$]);const A=J.jsx(fi,{onClickOutside:b,onEscape:m,onItemClick:M,onKeyDown:O,onMouseEnter:L,registerElement:y,shouldFocus:z.current,children:n}),I=te.useCallback((e=>{const t=e.currentTarget;if(document.activeElement===t)return"ArrowRight"===e.key?(z.current="first",j(!0),C(!0),void requestAnimationFrame((()=>{z.current=null}))):void 0}),[]);return J.jsx(Ao,Z(Z({},s),{},{content:A,"data-ui":"MenuGroup__popover",open:$,children:J.jsx(gi,Z(Z({"data-as":t,"data-ui":"MenuGroup",forwardedAs:t},f),{},{"aria-pressed":"button"===t?E:void 0,"data-pressed":"button"!==t?E:void 0,"data-selected":!E&&S?"":void 0,$radius:Me(d),$tone:u,onClick:T,onKeyDown:I,onMouseEnter:R,ref:k,tabIndex:-1,type:"button"===t?"button":void 0,children:J.jsx(nr,{padding:i,children:J.jsxs(lr,{children:[o&&J.jsxs(_n,{size:r,children:[te.isValidElement(o)&&o,ne.isValidElementType(o)&&te.createElement(o)]}),J.jsx(nr,{flex:1,marginLeft:o?l:void 0,children:J.jsx(_n,{size:r,textOverflow:"ellipsis",children:c})}),J.jsx(nr,{marginLeft:l,children:J.jsx(_n,{size:r,children:J.jsx(ie.ChevronRightIcon,{})})})]})})}))}))},exports.MenuItem=mi,exports.Popover=Ao,exports.Portal=ao,exports.PortalProvider=function(e){const{boundaryElement:t,children:n,element:r,__unstable_elements:o}=e,a=io(o),i=te.useMemo((()=>({version:0,boundaryElement:t||null,element:r||so&&document.body||null,elements:a})),[t,r,a]);return J.jsx(ro.Provider,{value:i,children:n})},exports.Radio=Bo,exports.Select=Ko,exports.Skeleton=ki,exports.Spinner=fr,exports.SrOnly=co,exports.Stack=Zo,exports.Switch=ra,exports.Tab=Ci,exports.TabList=Oi,exports.TabPanel=Ti,exports.Text=_n,exports.TextArea=da,exports.TextInput=va,exports.TextSkeleton=ji,exports.ThemeColorProvider=St,exports.ThemeProvider=$t,exports.Toast=Ii,exports.ToastProvider=function(e){const{children:t,padding:n=4,paddingX:r,paddingY:o,zOffset:a}=e,[i,s]=te.useState({toasts:[]}),d=te.useRef({}),l=te.useCallback((e=>{const t=e.id||String(Di++),n=e.duration||5e3,r=()=>{var e;const n=null==(e=d.current[t])?void 0:e.timeoutId;s((e=>{const n=e.toasts.findIndex((e=>e.id===t));if(n>-1){const t=e.toasts.slice(0);return t.splice(n,1),Z(Z({},e),{},{toasts:t})}return e})),void 0!==n&&(clearTimeout(n),delete d.current[t])};return s((o=>Z(Z({},o),{},{toasts:o.toasts.filter((e=>e.id!==t)).concat([{dismiss:r,id:t,params:Z(Z({},e),{},{duration:n})}])}))),d.current[t]&&(clearTimeout(d.current[t].timeoutId),delete d.current[t]),d.current[t]={timeoutId:setTimeout(r,n)},t}),[]);te.useEffect((()=>()=>{for(const{timeoutId:e}of Object.values(d.current))clearTimeout(e);d.current={}}),[]);const c=te.useMemo((()=>({version:0,push:l})),[l]);return J.jsxs(Bi.Provider,{value:c,children:[t,J.jsx(Fi,{"data-ui":"ToastProvider",zOffset:a,children:J.jsx(Pi,{children:J.jsx(nr,{padding:n,paddingX:r,paddingY:o,children:J.jsx(ue.AnimatePresence,{initial:!1,children:i.toasts.map((({dismiss:e,id:t,params:n})=>J.jsx(ue.motion.div,{animate:{opacity:1,y:0,scale:1},exit:{opacity:0,scale:.5,transition:{duration:.2}},initial:{opacity:0,y:32,scale:.25},layout:"position",transition:{type:"spring",damping:30,stiffness:400},children:J.jsx(Ii,{closable:n.closable,description:n.description,onClose:e,status:n.status,title:n.title})},t)))})})})})]})},exports.Tooltip=za,exports.Tree=Wi,exports.TreeItem=Zi,exports.VirtualList=Eo,exports._ResizeObserver=Ae,exports._elementSizeObserver=Ie,exports._fillCSSObject=we,exports._getArrayProp=je,exports._getResponsiveSpace=ze,exports._hasFocus=vo,exports._isEnterToClickElement=fo,exports._isScrollable=jo,exports._raf=uo,exports._raf2=function(e){let t=null;const n=uo((()=>{t=uo(e)}));return()=>{t&&t(),n()}},exports._responsive=$e,exports.attemptFocus=wo,exports.createColorTheme=ct,exports.focusFirstDescendant=ko,exports.focusLastDescendant=$o,exports.hexToRgb=We,exports.hslToRgb=Ye,exports.isFocusable=yo,exports.isHTMLAnchorElement=po,exports.isHTMLButtonElement=bo,exports.isHTMLElement=ho,exports.isHTMLInputElement=go,exports.isHTMLSelectElement=mo,exports.isHTMLTextAreaElement=xo,exports.multiply=Pe,exports.parseColor=Ue,exports.rem=ke,exports.responsiveCodeFontStyle=Ee,exports.responsiveHeadingFont=Ce,exports.responsiveLabelFont=Re,exports.responsiveTextAlignStyle=Oe,exports.responsiveTextFont=Te,exports.rgbToHex=Xe,exports.rgbToHsl=function({r:e,g:t,b:n}){e/=255,t/=255,n/=255;const r=Math.min(e,t,n),o=Math.max(e,t,n),a=o-r;let i=0,s=0,d=0;return i=0==a?0:o==e?(t-n)/a%6:o==t?(n-e)/a+2:(e-t)/a+4,i=Math.round(60*i),i<0&&(i+=360),d=(o+r)/2,s=0==a?0:a/(1-Math.abs(2*d-1)),s=+(100*s).toFixed(1),d=+(100*d).toFixed(1),{h:i,s:s,l:d}},exports.rgba=Ge,exports.screen=Ne,exports.studioTheme=xt,exports.useArrayProp=Me,exports.useBoundaryElement=qr,exports.useClickOutside=He,exports.useCustomValidity=Ht,exports.useDialog=Wa,exports.useElementRect=function(e){const t=_e(e);return(null==t?void 0:t._contentRect)||null},exports.useElementSize=_e,exports.useForwardedRef=Lt,exports.useGlobalKeyDown=Be,exports.useLayer=Ur,exports.useMediaIndex=Tt,exports.usePortal=oo,exports.usePrefersDark=function(){const e=te.useMemo((()=>{if("undefined"!=typeof window)return window.matchMedia("(prefers-color-scheme: dark)")}),[]),[t,n]=te.useState((null==e?void 0:e.matches)||!1);return te.useEffect((()=>{if(!e)return;n(e.matches);const t=()=>n(e.matches);return e.addEventListener("change",t),()=>e.removeEventListener("change",t)}),[e]),t},exports.useRootTheme=zt,exports.useTheme=Et,exports.useToast=function(){const e=te.useContext(Bi);if(!e)throw new Error("useToast(): missing context value");if(!jt(e)||0!==e.version)throw new Error("useToast(): the context value is not compatible");return e},exports.useTree=Xi;
|
|
1321
1321
|
//# sourceMappingURL=sanity-ui.cjs.map
|