@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.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,useRef as ne,useEffect as W,createContext as Te,useContext as ge,useLayoutEffect as Vo,forwardRef as P,useCallback as C,cloneElement as He,isValidElement as Ce,createElement as Re,useReducer as qo,Children as jo,Fragment as Wo,memo as ht}from"react";import Yo,{isElement as Mt,isFragment as Ko,isValidElementType as Le}from"react-is";import $,{ThemeProvider as Xo,useTheme as Uo,css as D,keyframes as Ht}from"styled-components";import{ResizeObserver as Go}from"@juggle/resize-observer";import{white as Be,black as _e,hues as z}from"@sanity/color";import{SpinnerIcon as wn,CheckmarkIcon as Jo,RemoveIcon as Zo,SelectIcon as Qo,CloseIcon as Bt,ChevronDownIcon as er,ChevronRightIcon as tr,ToggleArrowRightIcon as nr}from"@sanity/icons";import kn from"react-refractor";import{usePopper as En}from"react-popper";import or from"react-dom";import rr from"popper-max-size-modifier";import{AnimatePresence as ar,motion as ir}from"framer-motion";const ot=[],Pe={};function Sn(e,t){return e.reduce((n,o)=>(n[o]=t,n),{})}function O(e){return e===0?0:`${e/16}rem`}function N(e,t,n){return t.map(n).map((o,r)=>r===0?o:{[`@media screen and (min-width: ${e[r-1]}px)`]:o})}function zn(e,t){return e===void 0?t||ot:Array.isArray(e)?e:[e]}function le(e,t,n=ot){if(!Array.isArray(n))throw new Error("the property must be array of numbers");return n.length===0?null:N(e.sanity.media,n,o=>Sn(t,O(e.sanity.space[o])))}function bt(e,t){const{$size:n,$weight:o,theme:r}=t,{fonts:a,media:s}=r.sanity,{family:l,sizes:i,weights:c}=a[e],u=o&&c[o]||c.regular,m=i[2],f={position:"relative",fontFamily:l,fontWeight:u,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"}},v=N(s,n,p=>sr(i[p]||m));return[f,...v]}function sr(e){const{ascenderHeight:t,descenderHeight:n,fontSize:o,iconSize:r,letterSpacing:a,lineHeight:s}=e,l=t+n,i=s-l,c=(i-r)/2,u=Math.floor(o*1.125/2)*2+1,m=(i-u)/2;return{fontSize:O(o),lineHeight:`calc(${s} / ${o})`,letterSpacing:O(a),transform:`translateY(${O(n)})`,"&:before":{marginTop:`calc(${O(0-l)} - 1px)`},"&:after":{marginBottom:"-1px"},"& svg:not([data-sanity-icon])":{fontSize:`calc(${u} / 16 * 1rem)`,margin:O(m)},"& [data-sanity-icon]":{fontSize:`calc(${r} / 16 * 1rem)`,margin:O(c)}}}function Tn(e){return bt("code",e)}function Cn(e){return bt("heading",e)}function Rn(e){return bt("label",e)}function gt(e){const{theme:t}=e;return N(t.sanity.media,e.$align,n=>({textAlign:n}))}function Ln(e){return bt("text",e)}function g(e,t){const n=JSON.stringify(e!=null?e:t);return _(()=>zn(e,t),[n])}function On(e,t){const n=[e];for(const o of t)Array.isArray(o)?n.push(...o):n.push(o);return n.filter(Boolean)}function vt(e,t=ot,n){const[o,r]=j(null),[a,s]=j(()=>On(o,t)),l=ne(a);return W(()=>{const i=l.current,c=On(o,t);if(i.length!==c.length){s(c),l.current=c;return}for(const u of i)if(!c.includes(u)){s(c),l.current=c;return}for(const u of c)if(!i.includes(u)){s(c),l.current=c;return}},[o,t]),W(()=>{if(!e)return;const i=c=>{const u=c.target;if(u instanceof Node&&!(n&&!n.contains(u))){for(const m of a)if(u===m||m.contains(u))return;e(c)}};return window.addEventListener("mousedown",i),()=>{window.removeEventListener("mousedown",i)}},[n,e,a]),r}const _t=typeof window<"u"&&window.ResizeObserver?window.ResizeObserver:Go,An=lr();function dr(){return{subscribe(e,t){const n=new _t(([o])=>{t({_contentRect:o.contentRect,border:{width:o.borderBoxSize[0].inlineSize,height:o.borderBoxSize[0].blockSize},content:{width:o.contentRect.width,height:o.contentRect.height}})});return n.observe(e),()=>{n.unobserve(e),n.disconnect()}}}}function lr(){const e=new WeakMap,t=new WeakMap;return{subscribe(n,o){const r=t.get(n)||[];let a=e.get(n);return t.has(n)||(t.set(n,r),a=dr().subscribe(n,s=>{for(const l of r)l(s)})),r.push(o),()=>{const s=r.indexOf(o);s>-1&&r.splice(s,1),r.length===0&&a&&a()}}}}function Pt(e){const[t,n]=j(null);return W(()=>{if(e)return An.subscribe(e,n)},[e]),t}function cr(e){const t=Pt(e);return(t==null?void 0:t._contentRect)||null}function Ft(e){return W(()=>(addEventListener("keydown",e),()=>removeEventListener("keydown",e)),[e])}function Dt(e,t){return e*t}function In(e,t){return{r:Math.round(Nt(Dt(e.r/255,t.r/255)*255)),g:Math.round(Nt(Dt(e.g/255,t.g/255)*255)),b:Math.round(Nt(Dt(e.b/255,t.b/255)*255))}}function Nt(e){return Math.max(Math.min(e,255),0)}function Vt(e,t){return e+t-e*t}function Mn(e,t){return{r:Math.round(qt(Vt(e.r/255,t.r/255)*255)),g:Math.round(qt(Vt(e.g/255,t.g/255)*255)),b:Math.round(qt(Vt(e.b/255,t.b/255)*255))}}function qt(e){return Math.max(Math.min(e,255),0)}function Hn(e){if(e.length===4){const t=e.slice(1,2),n=e.slice(2,3),o=e.slice(3,4);return{r:parseInt(t+t,16),g:parseInt(n+n,16),b:parseInt(o+o,16)}}return{r:parseInt(e.slice(1,3),16),g:parseInt(e.slice(3,5),16),b:parseInt(e.slice(5,7),16)}}function jt({r:e,g:t,b:n}){return"#"+((1<<24)+(e<<16)+(t<<8)+n).toString(16).slice(1)}function ur({r:e,g:t,b:n}){e/=255,t/=255,n/=255;const o=Math.min(e,t,n),r=Math.max(e,t,n),a=r-o;let s=0,l=0,i=0;return a==0?s=0:r==e?s=(t-n)/a%6:r==t?s=(n-e)/a+2:s=(e-t)/a+4,s=Math.round(s*60),s<0&&(s+=360),i=(r+o)/2,l=a==0?0:a/(1-Math.abs(2*i-1)),l=+(l*100).toFixed(1),i=+(i*100).toFixed(1),{h:s,s:l,l:i}}function Bn(e){const t=e.s/100,n=e.l/100,o=(1-Math.abs(2*n-1))*t,r=o*(1-Math.abs(e.h/60%2-1)),a=n-o/2;let s=0,l=0,i=0;return 0<=e.h&&e.h<60?(s=o,l=r,i=0):60<=e.h&&e.h<120?(s=r,l=o,i=0):120<=e.h&&e.h<180?(s=0,l=o,i=r):180<=e.h&&e.h<240?(s=0,l=r,i=o):240<=e.h&&e.h<300?(s=r,l=0,i=o):300<=e.h&&e.h<360&&(s=o,l=0,i=r),{r:Math.round((s+a)*255),g:Math.round((l+a)*255),b:Math.round((i+a)*255)}}const fr="0123456789ABCDEFabcdef",mr=/hsl\(\s*(\d+)\s*,\s*((\d+(?:\.\d+)?)%)\s*,\s*((\d+(?:\.\d+)?)%)\s*\)/i;function pr(e){for(const t of e)if(fr.indexOf(t)===-1)return!1;return!0}function hr(e){return e[0]!=="#"||!(e.length===4||e.length===7)?!1:pr(e.slice(1))}function br(e){const t=mr.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 Ye(e){if(!e)return{r:0,g:0,b:0};if(typeof e!="string")throw new Error("parseColor: expected a string");if(hr(e))return Hn(e);if(e.startsWith("hsl("))return Bn(br(e));throw new Error(`parseColor: unexpected color format: "${e}"`)}function X(e,t){const n=Ye(e);return`rgba(${n.r},${n.g},${n.b},${t})`}function Wt(e,t,n,o,r,a){return{default:e.button({base:t,dark:n,solid:o.default,muted:r.default,mode:a}),primary:e.button({base:t,dark:n,solid:o.primary,muted:r.primary,mode:a}),positive:e.button({base:t,dark:n,solid:o.positive,muted:r.positive,mode:a}),caution:e.button({base:t,dark:n,solid:o.caution,muted:r.caution,mode:a}),critical:e.button({base:t,dark:n,solid:o.critical,muted:r.critical,mode:a})}}function gr(e,t,n,o,r){return{default:Wt(e,t,n,o,r,"default"),ghost:Wt(e,t,n,o,r,"ghost"),bleed:Wt(e,t,n,o,r,"bleed")}}function vr(e,t,n,o,r,a){return{enabled:e.card({base:t,dark:n,name:o,state:"enabled",solid:r,muted:a}),disabled:e.card({base:t,dark:n,name:o,state:"disabled",solid:r,muted:a}),hovered:e.card({base:t,dark:n,name:o,state:"hovered",solid:r,muted:a}),pressed:e.card({base:t,dark:n,name:o,state:"pressed",solid:r,muted:a}),selected:e.card({base:t,dark:n,name:o,state:"selected",solid:r,muted:a})}}const x="hsl(0, 0%, 0%)",Ke="hsl(0, 0%, 100%)",q={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%)"}},yr={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%)"},yt={transparent:{bg:[q.transparent.darkest,q.transparent.lightest],fg:[q.transparent.lightest,q.transparent.darkest],border:[q.transparent.darker,q.transparent.lighter],focusRing:[q.transparent.base,q.transparent.base]},primary:{bg:[q.primary.darkest,q.primary.lightest],fg:[q.primary.lightest,q.primary.darkest],border:[q.primary.darker,q.primary.lighter],focusRing:[q.primary.base,q.primary.base]},positive:{bg:[q.positive.darkest,q.positive.lightest],fg:[q.positive.lightest,q.positive.darkest],border:[q.positive.darker,q.positive.lighter],focusRing:[q.positive.base,q.positive.base]},caution:{bg:[q.caution.darkest,q.caution.lightest],fg:[q.caution.lightest,q.caution.darkest],border:[q.caution.darker,q.caution.lighter],focusRing:[q.caution.base,q.caution.base]},critical:{bg:[q.critical.darkest,q.critical.lightest],fg:[q.critical.lightest,q.critical.darkest],border:[q.critical.darker,q.critical.lighter],focusRing:[q.critical.base,q.critical.base]}},xr={base:({dark:e,name:t})=>t==="default"?{bg:e?x:Ke,fg:e?Ke:x,border:e?q.default.darkest:q.default.lightest,focusRing:q.primary.base,shadow:{outline:x,umbra:x,penumbra:x,ambient:x},skeleton:{from:e?Ke:x,to:e?Ke:x}}:{bg:yt[t].bg[e?0:1],fg:yt[t].fg[e?0:1],border:yt[t].border[e?0:1],focusRing:yt[t].focusRing[e?0:1],shadow:{outline:x,umbra:x,penumbra:x,ambient:x},skeleton:{from:e?Ke:x,to:e?Ke:x}},solid:({base:e,dark:t,state:n,tone:o})=>{const r=q[o];return n==="hovered"?{bg:t?r.light:r.dark,bg2:t?r.light:r.dark,border:t?r.lighter:r.darker,fg:t?r.darkest:r.lightest,muted:{fg:x},accent:{fg:x},link:{fg:x},code:{bg:x,fg:x},skeleton:e.skeleton}:{bg:r.base,bg2:r.base,border:t?r.light:r.dark,fg:t?r.darkest:r.lightest,muted:{fg:x},accent:{fg:x},link:{fg:x},code:{bg:x,fg:x},skeleton:e.skeleton}},muted:({base:e,dark:t,state:n,tone:o})=>{const r=q[o];return n==="hovered"?{bg:t?r.darker:r.lighter,bg2:t?r.darker:r.lighter,border:t?r.lighter:r.darker,fg:t?r.lightest:r.darkest,muted:{fg:x},accent:{fg:x},link:{fg:x},code:{bg:x,fg:x},skeleton:e.skeleton}:{bg:t?r.darkest:r.lightest,bg2:t?r.darkest:r.lightest,border:t?r.darker:r.lighter,fg:t?r.lighter:r.darker,muted:{fg:x},accent:{fg:x},link:{fg:x},code:{bg:x,fg:x},skeleton:e.skeleton}},button:({base:e,mode:t,muted:n,solid:o})=>t==="bleed"?{...n,enabled:{bg:"transparent",bg2:"transparent",fg:n.enabled.fg,border:"transparent",muted:{fg:x},accent:{fg:x},link:{fg:x},code:{bg:x,fg:x},skeleton:e.skeleton},hovered:{bg:n.enabled.bg,bg2:n.enabled.bg,fg:n.hovered.fg,border:"transparent",muted:{fg:x},accent:{fg:x},link:{fg:x},code:{bg:x,fg:x},skeleton:e.skeleton}}:t==="ghost"?{...o,enabled:n.enabled}:o,card:({base:e})=>({bg:x,bg2:x,fg:x,border:x,muted:{fg:x},accent:{fg:x},link:{fg:x},code:{bg:x,fg:x},skeleton:e.skeleton}),input:()=>({bg:x,fg:x,border:x,placeholder:x}),selectable:({muted:e,state:t,tone:n})=>e[n][t],spot:({key:e})=>yr[e],syntax:()=>({atrule:x,attrName:x,attrValue:x,attribute:x,boolean:x,builtin:x,cdata:x,char:x,class:x,className:x,comment:x,constant:x,deleted:x,doctype:x,entity:x,function:x,hexcode:x,id:x,important:x,inserted:x,keyword:x,number:x,operator:x,prolog:x,property:x,pseudoClass:x,pseudoElement:x,punctuation:x,regex:x,selector:x,string:x,symbol:x,tag:x,unit:x,url:x,variable:x})};function $r(e,t,n,o,r){return{default:{enabled:e.input({base:t,dark:n,mode:"default",state:"enabled",solid:o.default,muted:r.default}),disabled:e.input({base:t,dark:n,mode:"default",state:"disabled",solid:o.default,muted:r.default}),hovered:e.input({base:t,dark:n,mode:"default",state:"hovered",solid:o.default,muted:r.default}),readOnly:e.input({base:t,dark:n,mode:"default",state:"readOnly",solid:o.default,muted:r.default})},invalid:{enabled:e.input({base:t,dark:n,mode:"invalid",state:"enabled",solid:o.default,muted:r.default}),disabled:e.input({base:t,dark:n,mode:"invalid",state:"disabled",solid:o.default,muted:r.default}),hovered:e.input({base:t,dark:n,mode:"invalid",state:"hovered",solid:o.default,muted:r.default}),readOnly:e.input({base:t,dark:n,mode:"invalid",state:"readOnly",solid:o.default,muted:r.default})}}}function wr(e,t,n,o){return{default:{enabled:e.muted({base:t,dark:n,tone:"default",name:o,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"default",name:o,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"default",name:o,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"default",name:o,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"default",name:o,state:"selected"})},transparent:{enabled:e.muted({base:t,dark:n,tone:"transparent",name:o,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"transparent",name:o,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"transparent",name:o,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"transparent",name:o,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"transparent",name:o,state:"selected"})},primary:{enabled:e.muted({base:t,dark:n,tone:"primary",name:o,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"primary",name:o,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"primary",name:o,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"primary",name:o,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"primary",name:o,state:"selected"})},positive:{enabled:e.muted({base:t,dark:n,tone:"positive",name:o,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"positive",name:o,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"positive",name:o,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"positive",name:o,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"positive",name:o,state:"selected"})},caution:{enabled:e.muted({base:t,dark:n,tone:"caution",name:o,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"caution",name:o,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"caution",name:o,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"caution",name:o,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"caution",name:o,state:"selected"})},critical:{enabled:e.muted({base:t,dark:n,tone:"critical",name:o,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"critical",name:o,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"critical",name:o,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"critical",name:o,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"critical",name:o,state:"selected"})}}}function kr(e,t,n,o,r){return{default:rt(e,t,n,o,r,"default"),primary:rt(e,t,n,o,r,"primary"),positive:rt(e,t,n,o,r,"positive"),caution:rt(e,t,n,o,r,"caution"),critical:rt(e,t,n,o,r,"critical")}}function rt(e,t,n,o,r,a){return{enabled:e.selectable({base:t,dark:n,solid:o,muted:r,state:"enabled",tone:a}),hovered:e.selectable({base:t,dark:n,solid:o,muted:r,state:"hovered",tone:a}),pressed:e.selectable({base:t,dark:n,solid:o,muted:r,state:"pressed",tone:a}),selected:e.selectable({base:t,dark:n,solid:o,muted:r,state:"selected",tone:a}),disabled:e.selectable({base:t,dark:n,solid:o,muted:r,state:"disabled",tone:a})}}function Er(e,t,n,o){return{default:{enabled:e.solid({base:t,dark:n,tone:"default",name:o,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"default",name:o,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"default",name:o,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"default",name:o,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"default",name:o,state:"selected"})},transparent:{enabled:e.solid({base:t,dark:n,tone:"transparent",name:o,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"transparent",name:o,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"transparent",name:o,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"transparent",name:o,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"transparent",name:o,state:"selected"})},primary:{enabled:e.solid({base:t,dark:n,tone:"primary",name:o,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"primary",name:o,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"primary",name:o,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"primary",name:o,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"primary",name:o,state:"selected"})},positive:{enabled:e.solid({base:t,dark:n,tone:"positive",name:o,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"positive",name:o,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"positive",name:o,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"positive",name:o,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"positive",name:o,state:"selected"})},caution:{enabled:e.solid({base:t,dark:n,tone:"caution",name:o,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"caution",name:o,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"caution",name:o,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"caution",name:o,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"caution",name:o,state:"selected"})},critical:{enabled:e.solid({base:t,dark:n,tone:"critical",name:o,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"critical",name:o,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"critical",name:o,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"critical",name:o,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"critical",name:o,state:"selected"})}}}function Sr(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={...xr,...e};return{light:Pn(t,!1),dark:Pn(t,!0)}}function Pn(e,t){return{default:Xe(e,t,"default"),transparent:Xe(e,t,"transparent"),primary:Xe(e,t,"primary"),positive:Xe(e,t,"positive"),caution:Xe(e,t,"caution"),critical:Xe(e,t,"critical")}}function Xe(e,t,n){const o=e.base({dark:t,name:n}),r=Er(e,o,t,n),a=wr(e,o,t,n);return{base:o,button:gr(e,o,t,r,a),card:vr(e,o,t,n,r,a),dark:t,input:$r(e,o,t,r,a),selectable:kr(e,o,t,r,a),spot:Sr(e,o,t),syntax:e.syntax({base:o,dark:t}),solid:r,muted:a}}function Fe(e,t){const n=Ye(e),o=Ye(t);return jt(In(n,o))}function De(e,t){const n=Ye(e),o=Ye(t);return jt(Mn(n,o))}const ce={default:z.gray,transparent:z.gray,primary:z.blue,positive:z.green,caution:z.yellow,critical:z.red},at=["default","transparent"],zr=_n({base:({dark:e,name:t})=>{if(t==="default"){const r=z.gray,a=e?r[900].hex:r[100].hex;return{fg:e?Be.hex:_e.hex,bg:e?_e.hex:Be.hex,border:r[e?800:200].hex,focusRing:z.blue[500].hex,shadow:{outline:X(r[500].hex,.4),umbra:e?X(r[950].hex,.4):X(r[500].hex,.2),penumbra:e?X(r[950].hex,.28):X(r[500].hex,.14),ambient:e?X(r[950].hex,.24):X(r[500].hex,.12)},skeleton:{from:a,to:X(a,.5)}}}if(t==="transparent"){const r=ce.default,a=r[e?800:200].hex;return{fg:r[e?100:900].hex,bg:r[e?950:50].hex,border:r[e?800:300].hex,focusRing:z.blue[500].hex,shadow:{outline:X(r[500].hex,.4),umbra:e?X(r[900].hex,.4):X(r[500].hex,.2),penumbra:e?X(r[900].hex,.28):X(r[500].hex,.14),ambient:e?X(r[900].hex,.24):X(r[500].hex,.12)},skeleton:{from:a,to:X(a,.5)}}}const n=ce[t]||ce.default,o=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:X(n[500].hex,.4),umbra:e?X(n[900].hex,.4):X(n[500].hex,.2),penumbra:e?X(n[900].hex,.28):X(n[500].hex,.14),ambient:e?X(n[900].hex,.24):X(n[500].hex,.12)},skeleton:{from:o,to:X(o,.5)}}},solid:({base:e,dark:t,name:n,state:o,tone:r})=>{const a=t?De:Fe,s=t?Fe:De,l=ce[n]||ce.default,i=at.includes(n)&&at.includes(r);let c=ce[r==="default"?n:r]||l;if(o==="disabled"){c=l;const f=a(e.bg,c[t?800:200].hex),v=s(f,c[t?200:800].hex);return{bg:f,bg2:s(f,c[t?50:950].hex),border:a(e.bg,c[t?800:200].hex),fg:a(e.bg,t?_e.hex:Be.hex),muted:{fg:a(e.bg,c[t?950:50].hex)},accent:{fg:a(e.bg,c[t?950:50].hex)},link:{fg:a(e.bg,c[t?950:50].hex)},code:{bg:f,fg:a(e.bg,c[t?950:50].hex)},skeleton:{from:v,to:X(v,.5)}}}if(o==="hovered"){const f=a(e.bg,c[t?300:600].hex),v=s(f,c[t?200:800].hex);return{bg:f,bg2:s(f,c[t?50:950].hex),border:a(e.bg,c[t?300:600].hex),fg:a(e.bg,t?_e.hex:Be.hex),muted:{fg:a(e.bg,c[t?800:200].hex)},accent:{fg:s(f,z.red[t?800:200].hex)},link:{fg:s(f,z.blue[t?800:200].hex)},code:{bg:a(f,c[t?950:50].hex),fg:a(e.bg,c[t?800:200].hex)},skeleton:{from:v,to:X(v,.5)}}}if(o==="pressed"){const f=a(e.bg,c[t?200:800].hex),v=s(f,c[t?200:800].hex);return{bg:a(e.bg,c[t?200:800].hex),bg2:s(f,c[t?50:950].hex),border:a(e.bg,c[t?200:800].hex),fg:a(e.bg,t?_e.hex:Be.hex),muted:{fg:a(e.bg,c[t?800:200].hex)},accent:{fg:s(f,z.red[t?800:200].hex)},link:{fg:s(f,z.blue[t?800:200].hex)},code:{bg:a(f,c[t?950:50].hex),fg:a(e.bg,c[t?800:200].hex)},skeleton:{from:v,to:X(v,.5)}}}if(o==="selected"){i&&(c=ce.primary);const f=a(e.bg,c[t?200:800].hex),v=s(f,c[t?200:800].hex);return{bg:f,bg2:s(f,c[t?50:950].hex),border:a(e.bg,c[t?200:800].hex),fg:a(e.bg,t?_e.hex:Be.hex),muted:{fg:a(e.bg,c[t?800:200].hex)},accent:{fg:s(f,z.red[t?800:200].hex)},link:{fg:s(f,z.blue[t?800:200].hex)},code:{bg:a(f,c[t?950:50].hex),fg:a(e.bg,c[t?800:200].hex)},skeleton:{from:v,to:X(v,.5)}}}const u=a(e.bg,c[t?400:500].hex),m=s(u,c[t?200:800].hex);return{bg:u,bg2:s(u,c[t?50:950].hex),border:a(e.bg,c[t?400:500].hex),fg:a(e.bg,t?_e.hex:Be.hex),muted:{fg:a(e.bg,c[t?900:100].hex)},accent:{fg:s(u,z.red[t?900:100].hex)},link:{fg:s(u,z.blue[t?900:100].hex)},code:{bg:a(u,c[t?950:50].hex),fg:a(e.bg,c[t?900:100].hex)},skeleton:{from:m,to:X(m,.5)}}},muted:({base:e,dark:t,name:n,state:o,tone:r})=>{const a=t?De:Fe,s=ce[n]||ce.default,l=at.includes(n)&&at.includes(r);let i=ce[r==="default"?n:r]||s;if(o==="disabled"){i=s;const m=e.bg,f=a(m,i[t?900:100].hex);return{bg:m,bg2:a(m,i[t?950:50].hex),border:a(m,i[t?950:50].hex),fg:a(m,i[t?800:200].hex),muted:{fg:a(m,i[t?900:100].hex)},accent:{fg:a(m,i[t?900:100].hex)},link:{fg:a(m,i[t?900:100].hex)},code:{bg:m,fg:a(m,i[t?900:100].hex)},skeleton:{from:X(f,.5),to:X(f,.25)}}}if(o==="hovered"){const m=a(e.bg,i[t?950:50].hex),f=a(m,i[t?900:100].hex);return{bg:m,bg2:a(m,i[t?950:50].hex),border:a(m,i[t?900:100].hex),fg:a(e.bg,i[t?200:800].hex),muted:{fg:a(e.bg,i[t?400:600].hex)},accent:{fg:a(e.bg,z.red[t?400:500].hex)},link:{fg:a(e.bg,z.blue[t?400:600].hex)},code:{bg:a(m,i[t?950:50].hex),fg:a(e.bg,i[t?400:600].hex)},skeleton:{from:f,to:X(f,.5)}}}if(o==="pressed"){l&&(i=ce.primary);const m=a(e.bg,i[t?900:100].hex),f=a(m,i[t?900:100].hex);return{bg:m,bg2:a(m,i[t?950:50].hex),border:a(m,i[t?900:100].hex),fg:a(e.bg,i[t?200:800].hex),muted:{fg:a(e.bg,i[t?400:600].hex)},accent:{fg:a(m,z.red[t?400:500].hex)},link:{fg:a(m,z.blue[t?400:600].hex)},code:{bg:a(m,i[t?950:50].hex),fg:a(e.bg,i[t?400:600].hex)},skeleton:{from:f,to:X(f,.5)}}}if(o==="selected"){l&&(i=ce.primary);const m=a(e.bg,i[t?900:100].hex),f=a(m,i[t?900:100].hex);return{bg:m,bg2:a(m,i[t?950:50].hex),border:a(m,i[t?900:100].hex),fg:a(e.bg,i[t?200:800].hex),muted:{fg:a(e.bg,i[t?400:600].hex)},accent:{fg:a(m,z.red[t?400:500].hex)},link:{fg:a(m,z.blue[t?400:600].hex)},code:{bg:a(m,i[t?950:50].hex),fg:a(e.bg,i[t?400:600].hex)},skeleton:{from:f,to:X(f,.5)}}}const c=e.bg,u=a(c,i[t?900:100].hex);return{bg:c,bg2:a(c,i[t?950:50].hex),border:a(c,i[t?900:100].hex),fg:a(e.bg,i[t?300:700].hex),muted:{fg:a(e.bg,i[t?400:600].hex)},accent:{fg:a(e.bg,z.red[t?400:500].hex)},link:{fg:a(e.bg,z.blue[t?400:600].hex)},code:{bg:a(e.bg,i[t?950:50].hex),fg:a(e.bg,i[t?400:600].hex)},skeleton:{from:u,to:X(u,.5)}}},button:({base:e,mode:t,muted:n,solid:o})=>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"?{...o,enabled:{...n.enabled,border:e.border},disabled:n.disabled}:o,card:({base:e,dark:t,muted:n,name:o,solid:r,state:a})=>{if(a==="hovered")return n[o].hovered;if(a==="disabled")return n[o].disabled;const s=at.includes(o),l=ce[o]||ce.default,i=t?De:Fe;if(a==="pressed")return s?n.primary.pressed:n[o].pressed;if(a==="selected")return s?r.primary.enabled:r[o].enabled;const c=e.bg,u=i(e.bg,l[t?900:100].hex);return{bg:c,bg2:i(c,l[t?950:50].hex),fg:e.fg,border:e.border,muted:{fg:i(e.bg,l[t?400:600].hex)},accent:{fg:i(e.bg,z.red[t?400:500].hex)},link:{fg:i(e.bg,z.blue[t?400:600].hex)},code:{bg:i(e.bg,l[t?950:50].hex),fg:l[t?400:600].hex},skeleton:{from:u,to:X(u,.5)}}},input:({base:e,dark:t,mode:n,state:o})=>{const r=t?De:Fe;if(n==="invalid"){const a=ce.critical;return{bg:r(e.bg,a[t?950:50].hex),fg:r(e.bg,a[t?400:600].hex),border:r(e.bg,a[t?800:200].hex),placeholder:r(e.bg,a[t?600:400].hex)}}return o==="hovered"?{bg:e.bg,fg:e.fg,border:r(e.bg,z.gray[t?700:300].hex),placeholder:r(e.bg,z.gray[t?600:400].hex)}:o==="disabled"?{bg:r(e.bg,z.gray[t?950:50].hex),fg:r(e.bg,z.gray[t?700:300].hex),border:r(e.bg,z.gray[t?900:100].hex),placeholder:r(e.bg,z.gray[t?800:200].hex)}:o==="readOnly"?{bg:r(e.bg,z.gray[t?950:50].hex),fg:r(e.bg,z.gray[t?200:800].hex),border:r(e.bg,z.gray[t?800:200].hex),placeholder:r(e.bg,z.gray[t?600:400].hex)}:{bg:e.bg,fg:e.fg,border:e.border,placeholder:r(e.bg,z.gray[t?600:400].hex)}},selectable:({base:e,muted:t,tone:n,solid:o,state:r})=>r==="enabled"?{...t[n].enabled,bg:e.bg}:r==="pressed"?n==="default"?t.primary.pressed:t[n].pressed:r==="selected"?n==="default"?o.primary.enabled:o[n].enabled:r==="disabled"?{...t[n].disabled,bg:e.bg}:t[n][r],spot:({base:e,dark:t,key:n})=>(t?De:Fe)(e.bg,z[n][t?400:500].hex),syntax:({base:e,dark:t})=>{const n=t?De:Fe,o=t?400:600,r=t?600:400;return{atrule:n(e.bg,z.purple[o].hex),attrName:n(e.bg,z.green[o].hex),attrValue:n(e.bg,z.yellow[o].hex),attribute:n(e.bg,z.yellow[o].hex),boolean:n(e.bg,z.purple[o].hex),builtin:n(e.bg,z.purple[o].hex),cdata:n(e.bg,z.yellow[o].hex),char:n(e.bg,z.yellow[o].hex),class:n(e.bg,z.orange[o].hex),className:n(e.bg,z.cyan[o].hex),comment:n(e.bg,z.gray[r].hex),constant:n(e.bg,z.purple[o].hex),deleted:n(e.bg,z.red[o].hex),doctype:n(e.bg,z.gray[r].hex),entity:n(e.bg,z.red[o].hex),function:n(e.bg,z.green[o].hex),hexcode:n(e.bg,z.blue[o].hex),id:n(e.bg,z.purple[o].hex),important:n(e.bg,z.purple[o].hex),inserted:n(e.bg,z.yellow[o].hex),keyword:n(e.bg,z.magenta[o].hex),number:n(e.bg,z.purple[o].hex),operator:n(e.bg,z.magenta[o].hex),prolog:n(e.bg,z.gray[r].hex),property:n(e.bg,z.blue[o].hex),pseudoClass:n(e.bg,z.yellow[o].hex),pseudoElement:n(e.bg,z.yellow[o].hex),punctuation:n(e.bg,z.gray[o].hex),regex:n(e.bg,z.blue[o].hex),selector:n(e.bg,z.red[o].hex),string:n(e.bg,z.yellow[o].hex),symbol:n(e.bg,z.purple[o].hex),tag:n(e.bg,z.red[o].hex),unit:n(e.bg,z.orange[o].hex),url:n(e.bg,z.red[o].hex),variable:n(e.bg,z.red[o].hex)}}}),Tr={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}]}},Cr={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:Tr,media:[360,600,900,1200,1800,2400],radius:[0,1,3,6,9,12,21],shadows:[null,{umbra:[0,0,0,0],penumbra:[0,0,0,0],ambient:[0,0,0,0]},{umbra:[0,3,5,-1],penumbra:[0,6,10,0],ambient:[0,1,18,0]},{umbra:[0,7,8,-4],penumbra:[0,12,17,2],ambient:[0,5,22,4]},{umbra:[0,9,11,-5],penumbra:[0,18,28,2],ambient:[0,7,34,6]},{umbra:[0,11,15,-7],penumbra:[0,24,38,3],ambient:[0,9,46,8]}],space:[0,4,8,12,20,32,52,84,136,220],input:{checkbox:{size:17},radio:{size:17,markSize:9},switch:{width:33,height:17,padding:4,transitionDurationMs:150,transitionTimingFunction:"ease-out"},border:{width:1}}},Rr={dialog:{zOffset:600},popover:{zOffset:400},tooltip:{zOffset:200}};function Lr(){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 Z=Lr(),Yt=Symbol.for("@sanity/ui/context/theme");Z[Yt]=Z[Yt]||Te(null);const Kt=Z[Yt];function Fn(e){const t=ge(Kt),{children:n,scheme:o=(t==null?void 0:t.scheme)||"light",theme:r=(t==null?void 0:t.theme)||null,tone:a=(t==null?void 0:t.tone)||"default"}=e,s=_(()=>{if(!r)return null;const{color:i,layer:c,...u}=r,m=i[o]||i.light,f=m[a]||m.default;return{sanity:{...u,color:f,layer:c||Rr}}},[o,r,a]),l=_(()=>r&&{version:0,theme:r,scheme:o,tone:a},[r,o,a]);return s?d.createElement(Kt.Provider,{value:l},d.createElement(Xo,{theme:s},n)):d.createElement("pre",null,'ThemeProvider: no "theme" property provided')}function Ue(e){return Boolean(e&&typeof e=="object")}function it(){const e=ge(Kt);if(!e)throw new Error("useRootTheme(): missing context value");if(!Ue(e)||e.version!==0)throw new Error("useRootTheme(): the context value is not compatible");return e}function Dn(e){const{children:t,scheme:n,tone:o}=e,r=it();return d.createElement(Fn,{scheme:n||r.scheme,theme:r.theme,tone:o},t)}function $e(){return Uo()}const Nn=new WeakMap;function Or(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 Ar(e){const t=e.length,n=[];if(typeof window<"u")for(let o=t;o>-1;o-=1){const r=Or(e,o);n.push({index:o,mq:window.matchMedia(r)})}return{getCurrentIndex:()=>{for(const{index:o,mq:r}of n)if(r.matches)return o;return 0},subscribe:o=>{const r=[];for(const{index:a,mq:s}of n){const l=()=>{s.matches&&o(a)};s.addEventListener?s.addEventListener("change",l):s.addListener(l),r.push(()=>{s.removeEventListener?s.removeEventListener("change",l):s.removeListener(l)})}return()=>{for(const a of r)a()}}}}function Ir(e){let t=Nn.get(e);return t||(t=Ar(e),Nn.set(e,t)),t}function Vn(){const e=$e(),{media:t}=e.sanity,n=_(()=>Ir(t),[t]),[o,r]=j(n.getCurrentIndex);return W(()=>n.subscribe(r),[n]),o}function Mr(){const e=_(()=>{if(!(typeof window>"u"))return window.matchMedia("(prefers-color-scheme: dark)")},[]),[t,n]=j((e==null?void 0:e.matches)||!1);return W(()=>{if(!e)return;n(e.matches);const o=()=>n(e.matches);return e.addEventListener("change",o),()=>e.removeEventListener("change",o)},[e]),t}const Hr=typeof window<"u"?Vo:W;function de(e){const t=ne(null);return Hr(()=>{!e||(typeof e=="function"?e(t.current):e.current=t.current)}),t}function Ge(e,t){W(()=>{e.current&&e.current.setCustomValidity(t||"")},[t,e])}const st="1px solid var(--card-border-color)";function Br(){return[_r,Pr,Fr,Dr,Nr]}function _r(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$border,o=>o?{"&&":{border:st}}:{"&&":{border:0}})}function Pr(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$borderTop,o=>o?{"&&":{borderTop:st}}:{"&&":{borderTop:0}})}function Fr(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$borderRight,o=>o?{"&&":{borderRight:st}}:{"&&":{borderRight:0}})}function Dr(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$borderBottom,o=>o?{"&&":{borderBottom:st}}:{"&&":{borderBottom:0}})}function Nr(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$borderLeft,o=>o?{"&&":{borderLeft:st}}:{"&&":{borderLeft:0}})}const Vr={'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"}},qr={content:"content-box",border:"border-box"},jr={stretch:"stretch",fill:"100%"};function Wr(){return Vr}function Yr(){return[Xr,Ur,Gr,Kr]}function Kr(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$display,o=>({"&:not([hidden])":{display:o}}))}function Xr(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$sizing,o=>({boxSizing:qr[o]}))}function Ur(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$height,o=>({height:jr[o]}))}function Gr(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$overflow,o=>({overflow:o}))}const Jr={"&&:not([hidden])":{display:"flex"}};function Zr(){return[Jr,Qr,ea,ta,na,oa]}function Qr(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$align,o=>({alignItems:o}))}function ea(e){const{theme:t}=e,{media:n,space:o}=t.sanity;return N(n,e.$gap,r=>({gap:r?O(o[r]):void 0}))}function ta(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$wrap,o=>({flexWrap:o}))}function na(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$justify,o=>({justifyContent:o}))}function oa(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$direction,o=>({flexDirection:o}))}const ra={minWidth:0,minHeight:0};function qn(){return[ra,aa]}function aa(e){const{theme:t}=e,{media:n}=t.sanity;return e.$flex?N(n,e.$flex,o=>({flex:o})):ot}function se(e){return`inset 0 0 0 ${e.width}px ${e.color}`}function we(e){const{base:t,border:n,focusRing:o}=e,r=o.offset+o.width,a=0-o.offset,s=t?t.bg:"var(--card-bg-color)";return[a>0&&`inset 0 0 0 ${a}px var(--card-focus-ring-color)`,n&&se(n),a<0&&`0 0 0 ${0-a}px ${s}`,r>0&&`0 0 0 ${r}px var(--card-focus-ring-color)`].filter(Boolean).join(",")}const ia={"&&:not([hidden])":{display:"grid"},'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"}},sa={auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},da={auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"};function la(){return[ia,ca,ua,fa,ma,pa,ha,ba,ga]}function ca(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$autoFlow,o=>({gridAutoFlow:o}))}function ua(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$autoRows,o=>({gridAutoRows:o&&da[o]}))}function fa(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$autoCols,o=>({gridAutoColumns:o&&sa[o]}))}function ma(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$columns,o=>({gridTemplateColumns:o&&`repeat(${o},minmax(0,1fr));`}))}function pa(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$rows,o=>({gridTemplateRows:o&&`repeat(${o},minmax(0,1fr));`}))}function ha(e){const{theme:t}=e,{media:n,space:o}=t.sanity;return N(n,e.$gap,r=>({gridGap:r?O(o[r]):void 0}))}function ba(e){const{theme:t}=e,{media:n,space:o}=t.sanity;return N(n,e.$gapX,r=>({columnGap:r?O(o[r]):void 0}))}function ga(e){const{theme:t}=e,{media:n,space:o}=t.sanity;return N(n,e.$gapY,r=>({rowGap:r?O(o[r]):void 0}))}function va(){return[$a,wa,ka,Ea,Sa,za]}const ya={auto:"auto",full:"1 / -1"},xa={auto:"auto",full:"1 / -1"};function $a(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$row,o=>typeof o=="number"?{gridRow:`span ${o} / span ${o}`}:{gridRow:ya[o]})}function wa(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$rowStart,o=>({gridRowStart:o}))}function ka(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$rowEnd,o=>({gridRowEnd:o}))}function Ea(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$column,o=>typeof o=="number"?{gridColumn:`span ${o} / span ${o}`}:{gridColumn:xa[o]})}function Sa(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$columnStart,o=>({gridColumnStart:o}))}function za(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$columnEnd,o=>({gridColumnEnd:o}))}function Xt(e){const{$fontSize:t,$iconLeft:n,$iconRight:o,$padding:r,$space:a,theme:s}=e,{fonts:l,media:i,space:c}=s.sanity,u=Math.max(r.length,a.length,t.length),m=[],f=[],v=[];for(let p=0;p<u;p+=1)v[p]=t[p]===void 0?v[p-1]:t[p],m[p]=r[p]===void 0?m[p-1]:r[p],f[p]=a[p]===void 0?f[p-1]:a[p];return N(i,m,(p,S)=>{const k=l.text.sizes[v[S]]||l.text.sizes[2],b=k.lineHeight-k.ascenderHeight-k.descenderHeight,h=c[m[S]],y=c[f[S]],E={paddingTop:O(h-k.ascenderHeight),paddingRight:O(h),paddingBottom:O(h-k.descenderHeight),paddingLeft:O(h)};return o&&(E.paddingRight=O(h+b+y)),n&&(E.paddingLeft=O(h+b+y)),E})}function Ta(e){return Xt({...e,$iconRight:!0})}const Ca=D`
|
|
1
|
+
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"],i=["accent","align","children","muted","size","textOverflow","weight"],a=["children","fontSize","mode","padding","radius","tone"],d=["align","as","direction","gap","justify","wrap"],s=["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"],h=["as","width"],f=["as","autoRows","autoCols","autoFlow","columns","gap","gapX","gapY","rows","children"],g=["accent","align","children","muted","size","textOverflow","weight"],p=["as","children","space"],b=["children","fontSize","padding","radius"],m=["children","media"],v=["children","style"],y=["children","zOffset"],x=["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"],z=["as","space"],S=["checked","className","disabled","indeterminate","readOnly","style"],E=["border","customValidity","disabled","fontSize","padding","radius","weight"],O=["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"],L=["children","maxLength","separator","space"],H=["__unstable_autoFocus","__unstable_hideCloseButton","cardRadius","cardShadow","children","contentRef","footer","header","id","onClickOutside","onClose","padding","portal","position","scheme","width","zOffset"],T=["fontSize","keys","padding","radius","space"],A=["children","focusFirst","focusLast","onClickOutside","onEscape","onItemClick","onItemSelect","onKeyDown","originElement","padding","registerElement","shouldFocus","space"],_=["as","children","fontSize","icon","onClick","padding","popover","radius","space","text","tone"],I=["as","children","disabled","fontSize","hotkeys","icon","iconRight","onClick","padding","paddingX","paddingY","paddingTop","paddingRight","paddingBottom","paddingLeft","pressed","radius","selected","space","text","tone"],M=["animated","delay","radius"],B=["size"],F=["size"],P=["size"],D=["size"],j=["icon","id","focused","fontSize","label","onClick","onFocus","padding","selected"],N=["children"],V=["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={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[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}import{jsx as J,jsxs as ee,Fragment as te}from"react/jsx-runtime";import{useId as ne}from"@reach/auto-id";import re,{useMemo as oe,useState as ie,useRef as ae,useEffect as de,createContext as se,useContext as le,useLayoutEffect as ce,forwardRef as ue,useCallback as he,cloneElement as fe,isValidElement as ge,createElement as pe,useReducer as be,Children as me,Fragment as ve,memo as ye}from"react";import xe,{isElement as we,isFragment as ke,isValidElementType as $e}from"react-is";import ze,{ThemeProvider as Se,useTheme as Ee,css as Oe,keyframes as Ce}from"styled-components";import{ResizeObserver as Re}from"@juggle/resize-observer";import{white as Le,black as He,hues as Te}from"@sanity/color";import{SpinnerIcon as Ae,CheckmarkIcon as _e,RemoveIcon as Ie,SelectIcon as Me,CloseIcon as Be,ChevronDownIcon as Fe,ChevronRightIcon as Pe,ToggleArrowRightIcon as De}from"@sanity/icons";import je from"react-refractor";import{usePopper as Ne}from"react-popper";import Ve from"react-dom";import qe from"popper-max-size-modifier";import{AnimatePresence as We,motion as Xe}from"framer-motion";const Ye=[],Ke={};function Ue(e,t){return e.reduce(((e,n)=>(e[n]=t,e)),{})}function Ge(e){return 0===e?0:e/16+"rem"}function Ze(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 Qe(e,t){return void 0===e?t||Ye:Array.isArray(e)?e:[e]}function Je(e,t,n=Ye){if(!Array.isArray(n))throw new Error("the property must be array of numbers");return 0===n.length?null:Ze(e.sanity.media,n,(n=>Ue(t,Ge(e.sanity.space[n]))))}function et(e,t){const{$size:n,$weight:r,theme:o}=t,{fonts:i,media:a}=o.sanity,{family:d,sizes:s,weights:l}=i[e],c=r&&l[r]||l.regular,u=s[2];return[{position:"relative",fontFamily:d,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"}},...Ze(a,n,(e=>function(e){const{ascenderHeight:t,descenderHeight:n,fontSize:r,iconSize:o,letterSpacing:i,lineHeight:a}=e,d=t+n,s=a-d,l=(s-o)/2,c=2*Math.floor(1.125*r/2)+1,u=(s-c)/2;return{fontSize:Ge(r),lineHeight:`calc(${a} / ${r})`,letterSpacing:Ge(i),transform:`translateY(${Ge(n)})`,"&:before":{marginTop:`calc(${Ge(0-d)} - 1px)`},"&:after":{marginBottom:"-1px"},"& svg:not([data-sanity-icon])":{fontSize:`calc(${c} / 16 * 1rem)`,margin:Ge(u)},"& [data-sanity-icon]":{fontSize:`calc(${o} / 16 * 1rem)`,margin:Ge(l)}}}(s[e]||u)))]}function tt(e){return et("code",e)}function nt(e){return et("heading",e)}function rt(e){return et("label",e)}function ot(e){const{theme:t}=e;return Ze(t.sanity.media,e.$align,(e=>({textAlign:e})))}function it(e){return et("text",e)}function at(e,t){const n=JSON.stringify(null!=e?e:t);return oe((()=>Qe(e,t)),[n])}function dt(e,t){const n=[e];for(const e of t)Array.isArray(e)?n.push(...e):n.push(e);return n.filter(Boolean)}function st(e,t=Ye,n){const[r,o]=ie(null),[i,a]=ie((()=>dt(r,t))),d=ae(i);return de((()=>{const e=d.current,n=dt(r,t);if(e.length!==n.length)return a(n),void(d.current=n);for(const t of e)if(!n.includes(t))return a(n),void(d.current=n);for(const t of n)if(!e.includes(t))return a(n),void(d.current=n)}),[r,t]),de((()=>{if(!e)return;const t=t=>{const r=t.target;if(r instanceof Node&&(!n||n.contains(r))){for(const e of i)if(r===e||e.contains(r))return;e(t)}};return window.addEventListener("mousedown",t),()=>{window.removeEventListener("mousedown",t)}}),[n,e,i]),o}const lt="undefined"!=typeof window&&window.ResizeObserver?window.ResizeObserver:Re,ct=function(){const e=new WeakMap,t=new WeakMap;return{subscribe(n,r){const o=t.get(n)||[];let i=e.get(n);if(!t.has(n)){t.set(n,o);const e={subscribe(e,t){const n=new lt((([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()}}};i=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&&i&&i()}}}}();function ut(e){const[t,n]=ie(null);return de((()=>{if(e)return ct.subscribe(e,n)}),[e]),t}function ht(e){const t=ut(e);return(null==t?void 0:t._contentRect)||null}function ft(e){return de((()=>(addEventListener("keydown",e),()=>removeEventListener("keydown",e))),[e])}function gt(e,t){return e*t}function pt(e,t){return{r:Math.round(bt(255*gt(e.r/255,t.r/255))),g:Math.round(bt(255*gt(e.g/255,t.g/255))),b:Math.round(bt(255*gt(e.b/255,t.b/255)))}}function bt(e){return Math.max(Math.min(e,255),0)}function mt(e,t){return e+t-e*t}function vt(e,t){return{r:Math.round(yt(255*mt(e.r/255,t.r/255))),g:Math.round(yt(255*mt(e.g/255,t.g/255))),b:Math.round(yt(255*mt(e.b/255,t.b/255)))}}function yt(e){return Math.max(Math.min(e,255),0)}function xt(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 wt({r:e,g:t,b:n}){return"#"+((1<<24)+(e<<16)+(t<<8)+n).toString(16).slice(1)}function kt({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),i=o-r;let a=0,d=0,s=0;return a=0==i?0:o==e?(t-n)/i%6:o==t?(n-e)/i+2:(e-t)/i+4,a=Math.round(60*a),a<0&&(a+=360),s=(o+r)/2,d=0==i?0:i/(1-Math.abs(2*s-1)),d=+(100*d).toFixed(1),s=+(100*s).toFixed(1),{h:a,s:d,l:s}}function $t(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)),i=n-r/2;let a=0,d=0,s=0;return 0<=e.h&&e.h<60?(a=r,d=o,s=0):60<=e.h&&e.h<120?(a=o,d=r,s=0):120<=e.h&&e.h<180?(a=0,d=r,s=o):180<=e.h&&e.h<240?(a=0,d=o,s=r):240<=e.h&&e.h<300?(a=o,d=0,s=r):300<=e.h&&e.h<360&&(a=r,d=0,s=o),{r:Math.round(255*(a+i)),g:Math.round(255*(d+i)),b:Math.round(255*(s+i))}}const zt=/hsl\(\s*(\d+)\s*,\s*((\d+(?:\.\d+)?)%)\s*,\s*((\d+(?:\.\d+)?)%)\s*\)/i;function St(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 xt(e);var t;if(e.startsWith("hsl("))return $t(function(e){const t=zt.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 Et(e,t){const n=St(e);return`rgba(${n.r},${n.g},${n.b},${t})`}function Ot(e,t,n,r,o,i){return{default:e.button({base:t,dark:n,solid:r.default,muted:o.default,mode:i}),primary:e.button({base:t,dark:n,solid:r.primary,muted:o.primary,mode:i}),positive:e.button({base:t,dark:n,solid:r.positive,muted:o.positive,mode:i}),caution:e.button({base:t,dark:n,solid:r.caution,muted:o.caution,mode:i}),critical:e.button({base:t,dark:n,solid:r.critical,muted:o.critical,mode:i})}}function Ct(e,t,n,r,o){return{default:Ot(e,t,n,r,o,"default"),ghost:Ot(e,t,n,r,o,"ghost"),bleed:Ot(e,t,n,r,o,"bleed")}}function Rt(e,t,n,r,o,i){return{enabled:e.card({base:t,dark:n,name:r,state:"enabled",solid:o,muted:i}),disabled:e.card({base:t,dark:n,name:r,state:"disabled",solid:o,muted:i}),hovered:e.card({base:t,dark:n,name:r,state:"hovered",solid:o,muted:i}),pressed:e.card({base:t,dark:n,name:r,state:"pressed",solid:o,muted:i}),selected:e.card({base:t,dark:n,name:r,state:"selected",solid:o,muted:i})}}const Lt="hsl(0, 0%, 0%)",Ht="hsl(0, 0%, 100%)",Tt={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%)"}},At={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%)"},_t={transparent:{bg:[Tt.transparent.darkest,Tt.transparent.lightest],fg:[Tt.transparent.lightest,Tt.transparent.darkest],border:[Tt.transparent.darker,Tt.transparent.lighter],focusRing:[Tt.transparent.base,Tt.transparent.base]},primary:{bg:[Tt.primary.darkest,Tt.primary.lightest],fg:[Tt.primary.lightest,Tt.primary.darkest],border:[Tt.primary.darker,Tt.primary.lighter],focusRing:[Tt.primary.base,Tt.primary.base]},positive:{bg:[Tt.positive.darkest,Tt.positive.lightest],fg:[Tt.positive.lightest,Tt.positive.darkest],border:[Tt.positive.darker,Tt.positive.lighter],focusRing:[Tt.positive.base,Tt.positive.base]},caution:{bg:[Tt.caution.darkest,Tt.caution.lightest],fg:[Tt.caution.lightest,Tt.caution.darkest],border:[Tt.caution.darker,Tt.caution.lighter],focusRing:[Tt.caution.base,Tt.caution.base]},critical:{bg:[Tt.critical.darkest,Tt.critical.lightest],fg:[Tt.critical.lightest,Tt.critical.darkest],border:[Tt.critical.darker,Tt.critical.lighter],focusRing:[Tt.critical.base,Tt.critical.base]}},It={base:({dark:e,name:t})=>"default"===t?{bg:e?Lt:Ht,fg:e?Ht:Lt,border:e?Tt.default.darkest:Tt.default.lightest,focusRing:Tt.primary.base,shadow:{outline:Lt,umbra:Lt,penumbra:Lt,ambient:Lt},skeleton:{from:e?Ht:Lt,to:e?Ht:Lt}}:{bg:_t[t].bg[e?0:1],fg:_t[t].fg[e?0:1],border:_t[t].border[e?0:1],focusRing:_t[t].focusRing[e?0:1],shadow:{outline:Lt,umbra:Lt,penumbra:Lt,ambient:Lt},skeleton:{from:e?Ht:Lt,to:e?Ht:Lt}},solid:({base:e,dark:t,state:n,tone:r})=>{const o=Tt[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:Lt},accent:{fg:Lt},link:{fg:Lt},code:{bg:Lt,fg:Lt},skeleton:e.skeleton}:{bg:o.base,bg2:o.base,border:t?o.light:o.dark,fg:t?o.darkest:o.lightest,muted:{fg:Lt},accent:{fg:Lt},link:{fg:Lt},code:{bg:Lt,fg:Lt},skeleton:e.skeleton}},muted:({base:e,dark:t,state:n,tone:r})=>{const o=Tt[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:Lt},accent:{fg:Lt},link:{fg:Lt},code:{bg:Lt,fg:Lt},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:Lt},accent:{fg:Lt},link:{fg:Lt},code:{bg:Lt,fg:Lt},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:Lt},accent:{fg:Lt},link:{fg:Lt},code:{bg:Lt,fg:Lt},skeleton:e.skeleton},hovered:{bg:n.enabled.bg,bg2:n.enabled.bg,fg:n.hovered.fg,border:"transparent",muted:{fg:Lt},accent:{fg:Lt},link:{fg:Lt},code:{bg:Lt,fg:Lt},skeleton:e.skeleton}}):"ghost"===t?Z(Z({},r),{},{enabled:n.enabled}):r,card:({base:e})=>({bg:Lt,bg2:Lt,fg:Lt,border:Lt,muted:{fg:Lt},accent:{fg:Lt},link:{fg:Lt},code:{bg:Lt,fg:Lt},skeleton:e.skeleton}),input:()=>({bg:Lt,fg:Lt,border:Lt,placeholder:Lt}),selectable:({muted:e,state:t,tone:n})=>e[n][t],spot:({key:e})=>At[e],syntax:()=>({atrule:Lt,attrName:Lt,attrValue:Lt,attribute:Lt,boolean:Lt,builtin:Lt,cdata:Lt,char:Lt,class:Lt,className:Lt,comment:Lt,constant:Lt,deleted:Lt,doctype:Lt,entity:Lt,function:Lt,hexcode:Lt,id:Lt,important:Lt,inserted:Lt,keyword:Lt,number:Lt,operator:Lt,prolog:Lt,property:Lt,pseudoClass:Lt,pseudoElement:Lt,punctuation:Lt,regex:Lt,selector:Lt,string:Lt,symbol:Lt,tag:Lt,unit:Lt,url:Lt,variable:Lt})};function Mt(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 Bt(e,t,n,r,o){return{default:Ft(e,t,n,r,o,"default"),primary:Ft(e,t,n,r,o,"primary"),positive:Ft(e,t,n,r,o,"positive"),caution:Ft(e,t,n,r,o,"caution"),critical:Ft(e,t,n,r,o,"critical")}}function Ft(e,t,n,r,o,i){return{enabled:e.selectable({base:t,dark:n,solid:r,muted:o,state:"enabled",tone:i}),hovered:e.selectable({base:t,dark:n,solid:r,muted:o,state:"hovered",tone:i}),pressed:e.selectable({base:t,dark:n,solid:r,muted:o,state:"pressed",tone:i}),selected:e.selectable({base:t,dark:n,solid:r,muted:o,state:"selected",tone:i}),disabled:e.selectable({base:t,dark:n,solid:r,muted:o,state:"disabled",tone:i})}}function Pt(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 Dt(e={}){const t=Z(Z({},It),e);return{light:jt(t,!1),dark:jt(t,!0)}}function jt(e,t){return{default:Nt(e,t,"default"),transparent:Nt(e,t,"transparent"),primary:Nt(e,t,"primary"),positive:Nt(e,t,"positive"),caution:Nt(e,t,"caution"),critical:Nt(e,t,"critical")}}function Nt(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),i=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:Ct(e,r,t,o,i),card:Rt(e,r,t,n,o,i),dark:t,input:Mt(e,r,t,o,i),selectable:Bt(e,r,t,o,i),spot:Pt(e,r,t),syntax:e.syntax({base:r,dark:t}),solid:o,muted:i}}function Vt(e,t){return wt(pt(St(e),St(t)))}function qt(e,t){return wt(vt(St(e),St(t)))}const Wt={default:Te.gray,transparent:Te.gray,primary:Te.blue,positive:Te.green,caution:Te.yellow,critical:Te.red},Xt=["default","transparent"],Yt=Dt({base:({dark:e,name:t})=>{if("default"===t){const t=Te.gray,n=e?t[900].hex:t[100].hex;return{fg:e?Le.hex:He.hex,bg:e?He.hex:Le.hex,border:t[e?800:200].hex,focusRing:Te.blue[500].hex,shadow:{outline:Et(t[500].hex,.4),umbra:e?Et(t[950].hex,.4):Et(t[500].hex,.2),penumbra:e?Et(t[950].hex,.28):Et(t[500].hex,.14),ambient:e?Et(t[950].hex,.24):Et(t[500].hex,.12)},skeleton:{from:n,to:Et(n,.5)}}}if("transparent"===t){const t=Wt.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:Te.blue[500].hex,shadow:{outline:Et(t[500].hex,.4),umbra:e?Et(t[900].hex,.4):Et(t[500].hex,.2),penumbra:e?Et(t[900].hex,.28):Et(t[500].hex,.14),ambient:e?Et(t[900].hex,.24):Et(t[500].hex,.12)},skeleton:{from:n,to:Et(n,.5)}}}const n=Wt[t]||Wt.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:Et(n[500].hex,.4),umbra:e?Et(n[900].hex,.4):Et(n[500].hex,.2),penumbra:e?Et(n[900].hex,.28):Et(n[500].hex,.14),ambient:e?Et(n[900].hex,.24):Et(n[500].hex,.12)},skeleton:{from:r,to:Et(r,.5)}}},solid:({base:e,dark:t,name:n,state:r,tone:o})=>{const i=t?qt:Vt,a=t?Vt:qt,d=Wt[n]||Wt.default,s=Xt.includes(n)&&Xt.includes(o);let l=Wt["default"===o?n:o]||d;if("disabled"===r){l=d;const n=i(e.bg,l[t?800:200].hex),r=a(n,l[t?200:800].hex);return{bg:n,bg2:a(n,l[t?50:950].hex),border:i(e.bg,l[t?800:200].hex),fg:i(e.bg,t?He.hex:Le.hex),muted:{fg:i(e.bg,l[t?950:50].hex)},accent:{fg:i(e.bg,l[t?950:50].hex)},link:{fg:i(e.bg,l[t?950:50].hex)},code:{bg:n,fg:i(e.bg,l[t?950:50].hex)},skeleton:{from:r,to:Et(r,.5)}}}if("hovered"===r){const n=i(e.bg,l[t?300:600].hex),r=a(n,l[t?200:800].hex);return{bg:n,bg2:a(n,l[t?50:950].hex),border:i(e.bg,l[t?300:600].hex),fg:i(e.bg,t?He.hex:Le.hex),muted:{fg:i(e.bg,l[t?800:200].hex)},accent:{fg:a(n,Te.red[t?800:200].hex)},link:{fg:a(n,Te.blue[t?800:200].hex)},code:{bg:i(n,l[t?950:50].hex),fg:i(e.bg,l[t?800:200].hex)},skeleton:{from:r,to:Et(r,.5)}}}if("pressed"===r){const n=i(e.bg,l[t?200:800].hex),r=a(n,l[t?200:800].hex);return{bg:i(e.bg,l[t?200:800].hex),bg2:a(n,l[t?50:950].hex),border:i(e.bg,l[t?200:800].hex),fg:i(e.bg,t?He.hex:Le.hex),muted:{fg:i(e.bg,l[t?800:200].hex)},accent:{fg:a(n,Te.red[t?800:200].hex)},link:{fg:a(n,Te.blue[t?800:200].hex)},code:{bg:i(n,l[t?950:50].hex),fg:i(e.bg,l[t?800:200].hex)},skeleton:{from:r,to:Et(r,.5)}}}if("selected"===r){s&&(l=Wt.primary);const n=i(e.bg,l[t?200:800].hex),r=a(n,l[t?200:800].hex);return{bg:n,bg2:a(n,l[t?50:950].hex),border:i(e.bg,l[t?200:800].hex),fg:i(e.bg,t?He.hex:Le.hex),muted:{fg:i(e.bg,l[t?800:200].hex)},accent:{fg:a(n,Te.red[t?800:200].hex)},link:{fg:a(n,Te.blue[t?800:200].hex)},code:{bg:i(n,l[t?950:50].hex),fg:i(e.bg,l[t?800:200].hex)},skeleton:{from:r,to:Et(r,.5)}}}const c=i(e.bg,l[t?400:500].hex),u=a(c,l[t?200:800].hex);return{bg:c,bg2:a(c,l[t?50:950].hex),border:i(e.bg,l[t?400:500].hex),fg:i(e.bg,t?He.hex:Le.hex),muted:{fg:i(e.bg,l[t?900:100].hex)},accent:{fg:a(c,Te.red[t?900:100].hex)},link:{fg:a(c,Te.blue[t?900:100].hex)},code:{bg:i(c,l[t?950:50].hex),fg:i(e.bg,l[t?900:100].hex)},skeleton:{from:u,to:Et(u,.5)}}},muted:({base:e,dark:t,name:n,state:r,tone:o})=>{const i=t?qt:Vt,a=Wt[n]||Wt.default,d=Xt.includes(n)&&Xt.includes(o);let s=Wt["default"===o?n:o]||a;if("disabled"===r){s=a;const n=e.bg,r=i(n,s[t?900:100].hex);return{bg:n,bg2:i(n,s[t?950:50].hex),border:i(n,s[t?950:50].hex),fg:i(n,s[t?800:200].hex),muted:{fg:i(n,s[t?900:100].hex)},accent:{fg:i(n,s[t?900:100].hex)},link:{fg:i(n,s[t?900:100].hex)},code:{bg:n,fg:i(n,s[t?900:100].hex)},skeleton:{from:Et(r,.5),to:Et(r,.25)}}}if("hovered"===r){const n=i(e.bg,s[t?950:50].hex),r=i(n,s[t?900:100].hex);return{bg:n,bg2:i(n,s[t?950:50].hex),border:i(n,s[t?900:100].hex),fg:i(e.bg,s[t?200:800].hex),muted:{fg:i(e.bg,s[t?400:600].hex)},accent:{fg:i(e.bg,Te.red[t?400:500].hex)},link:{fg:i(e.bg,Te.blue[t?400:600].hex)},code:{bg:i(n,s[t?950:50].hex),fg:i(e.bg,s[t?400:600].hex)},skeleton:{from:r,to:Et(r,.5)}}}if("pressed"===r){d&&(s=Wt.primary);const n=i(e.bg,s[t?900:100].hex),r=i(n,s[t?900:100].hex);return{bg:n,bg2:i(n,s[t?950:50].hex),border:i(n,s[t?900:100].hex),fg:i(e.bg,s[t?200:800].hex),muted:{fg:i(e.bg,s[t?400:600].hex)},accent:{fg:i(n,Te.red[t?400:500].hex)},link:{fg:i(n,Te.blue[t?400:600].hex)},code:{bg:i(n,s[t?950:50].hex),fg:i(e.bg,s[t?400:600].hex)},skeleton:{from:r,to:Et(r,.5)}}}if("selected"===r){d&&(s=Wt.primary);const n=i(e.bg,s[t?900:100].hex),r=i(n,s[t?900:100].hex);return{bg:n,bg2:i(n,s[t?950:50].hex),border:i(n,s[t?900:100].hex),fg:i(e.bg,s[t?200:800].hex),muted:{fg:i(e.bg,s[t?400:600].hex)},accent:{fg:i(n,Te.red[t?400:500].hex)},link:{fg:i(n,Te.blue[t?400:600].hex)},code:{bg:i(n,s[t?950:50].hex),fg:i(e.bg,s[t?400:600].hex)},skeleton:{from:r,to:Et(r,.5)}}}const l=e.bg,c=i(l,s[t?900:100].hex);return{bg:l,bg2:i(l,s[t?950:50].hex),border:i(l,s[t?900:100].hex),fg:i(e.bg,s[t?300:700].hex),muted:{fg:i(e.bg,s[t?400:600].hex)},accent:{fg:i(e.bg,Te.red[t?400:500].hex)},link:{fg:i(e.bg,Te.blue[t?400:600].hex)},code:{bg:i(e.bg,s[t?950:50].hex),fg:i(e.bg,s[t?400:600].hex)},skeleton:{from:c,to:Et(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:i})=>{if("hovered"===i)return n[r].hovered;if("disabled"===i)return n[r].disabled;const a=Xt.includes(r),d=Wt[r]||Wt.default,s=t?qt:Vt;if("pressed"===i)return a?n.primary.pressed:n[r].pressed;if("selected"===i)return a?o.primary.enabled:o[r].enabled;const l=e.bg,c=s(e.bg,d[t?900:100].hex);return{bg:l,bg2:s(l,d[t?950:50].hex),fg:e.fg,border:e.border,muted:{fg:s(e.bg,d[t?400:600].hex)},accent:{fg:s(e.bg,Te.red[t?400:500].hex)},link:{fg:s(e.bg,Te.blue[t?400:600].hex)},code:{bg:s(e.bg,d[t?950:50].hex),fg:d[t?400:600].hex},skeleton:{from:c,to:Et(c,.5)}}},input:({base:e,dark:t,mode:n,state:r})=>{const o=t?qt:Vt;if("invalid"===n){const n=Wt.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,Te.gray[t?700:300].hex),placeholder:o(e.bg,Te.gray[t?600:400].hex)}:"disabled"===r?{bg:o(e.bg,Te.gray[t?950:50].hex),fg:o(e.bg,Te.gray[t?700:300].hex),border:o(e.bg,Te.gray[t?900:100].hex),placeholder:o(e.bg,Te.gray[t?800:200].hex)}:"readOnly"===r?{bg:o(e.bg,Te.gray[t?950:50].hex),fg:o(e.bg,Te.gray[t?200:800].hex),border:o(e.bg,Te.gray[t?800:200].hex),placeholder:o(e.bg,Te.gray[t?600:400].hex)}:{bg:e.bg,fg:e.fg,border:e.border,placeholder:o(e.bg,Te.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?qt:Vt)(e.bg,Te[n][t?400:500].hex),syntax:({base:e,dark:t})=>{const n=t?qt:Vt,r=t?400:600,o=t?600:400;return{atrule:n(e.bg,Te.purple[r].hex),attrName:n(e.bg,Te.green[r].hex),attrValue:n(e.bg,Te.yellow[r].hex),attribute:n(e.bg,Te.yellow[r].hex),boolean:n(e.bg,Te.purple[r].hex),builtin:n(e.bg,Te.purple[r].hex),cdata:n(e.bg,Te.yellow[r].hex),char:n(e.bg,Te.yellow[r].hex),class:n(e.bg,Te.orange[r].hex),className:n(e.bg,Te.cyan[r].hex),comment:n(e.bg,Te.gray[o].hex),constant:n(e.bg,Te.purple[r].hex),deleted:n(e.bg,Te.red[r].hex),doctype:n(e.bg,Te.gray[o].hex),entity:n(e.bg,Te.red[r].hex),function:n(e.bg,Te.green[r].hex),hexcode:n(e.bg,Te.blue[r].hex),id:n(e.bg,Te.purple[r].hex),important:n(e.bg,Te.purple[r].hex),inserted:n(e.bg,Te.yellow[r].hex),keyword:n(e.bg,Te.magenta[r].hex),number:n(e.bg,Te.purple[r].hex),operator:n(e.bg,Te.magenta[r].hex),prolog:n(e.bg,Te.gray[o].hex),property:n(e.bg,Te.blue[r].hex),pseudoClass:n(e.bg,Te.yellow[r].hex),pseudoElement:n(e.bg,Te.yellow[r].hex),punctuation:n(e.bg,Te.gray[r].hex),regex:n(e.bg,Te.blue[r].hex),selector:n(e.bg,Te.red[r].hex),string:n(e.bg,Te.yellow[r].hex),symbol:n(e.bg,Te.purple[r].hex),tag:n(e.bg,Te.red[r].hex),unit:n(e.bg,Te.orange[r].hex),url:n(e.bg,Te.red[r].hex),variable:n(e.bg,Te.red[r].hex)}}}),Kt={avatar:{sizes:[{distance:-3,size:25},{distance:-6,size:35},{distance:-9,size:55}]},button:{textWeight:"medium"},color:Yt,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}}},Ut={dialog:{zOffset:600},popover:{zOffset:400},tooltip:{zOffset:200}};const Gt=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")}(),Zt=Symbol.for("@sanity/ui/context/theme");Gt[Zt]=Gt[Zt]||se(null);const Qt=Gt[Zt];function Jt(t){const n=le(Qt),{children:r,scheme:o=(null==n?void 0:n.scheme)||"light",theme:i=(null==n?void 0:n.theme)||null,tone:a=(null==n?void 0:n.tone)||"default"}=t,d=oe((()=>{if(!i)return null;const{color:t,layer:n}=i,r=U(i,e),d=t[o]||t.light,s=d[a]||d.default,l=n||Ut;return{sanity:Z(Z({},r),{},{color:s,layer:l})}}),[o,i,a]),s=oe((()=>i&&{version:0,theme:i,scheme:o,tone:a}),[i,o,a]);return d?J(Qt.Provider,{value:s,children:J(Se,{theme:d,children:r})}):J("pre",{children:'ThemeProvider: no "theme" property provided'})}function en(e){return Boolean(e&&"object"==typeof e)}function tn(){const e=le(Qt);if(!e)throw new Error("useRootTheme(): missing context value");if(!en(e)||0!==e.version)throw new Error("useRootTheme(): the context value is not compatible");return e}function nn(e){const{children:t,scheme:n,tone:r}=e,o=tn();return J(Jt,{scheme:n||o.scheme,theme:o.theme,tone:r,children:t})}function rn(){return Ee()}const on=new WeakMap;function an(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 dn(e){let t=on.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=an(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),on.set(e,t)),t}function sn(){const e=rn(),{media:t}=e.sanity,n=oe((()=>dn(t)),[t]),[r,o]=ie(n.getCurrentIndex);return de((()=>n.subscribe(o)),[n]),r}function ln(){const e=oe((()=>{if("undefined"!=typeof window)return window.matchMedia("(prefers-color-scheme: dark)")}),[]),[t,n]=ie((null==e?void 0:e.matches)||!1);return de((()=>{if(!e)return;n(e.matches);const t=()=>n(e.matches);return e.addEventListener("change",t),()=>e.removeEventListener("change",t)}),[e]),t}const cn="undefined"!=typeof window?ce:de;function un(e){const t=ae(null);return cn((()=>{e&&("function"==typeof e?e(t.current):e.current=t.current)})),t}function hn(e,t){de((()=>{e.current&&e.current.setCustomValidity(t||"")}),[t,e])}const fn="1px solid var(--card-border-color)";function gn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$border,(e=>e?{"&&":{border:fn}}:{"&&":{border:0}}))}function pn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$borderTop,(e=>e?{"&&":{borderTop:fn}}:{"&&":{borderTop:0}}))}function bn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$borderRight,(e=>e?{"&&":{borderRight:fn}}:{"&&":{borderRight:0}}))}function mn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$borderBottom,(e=>e?{"&&":{borderBottom:fn}}:{"&&":{borderBottom:0}}))}function vn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$borderLeft,(e=>e?{"&&":{borderLeft:fn}}:{"&&":{borderLeft:0}}))}const yn={'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"}},xn={content:"content-box",border:"border-box"},wn={stretch:"stretch",fill:"100%"};function kn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$display,(e=>({"&:not([hidden])":{display:e}})))}function $n(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$sizing,(e=>({boxSizing:xn[e]})))}function zn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$height,(e=>({height:wn[e]})))}function Sn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$overflow,(e=>({overflow:e})))}const En={"&&:not([hidden])":{display:"flex"}};function On(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$align,(e=>({alignItems:e})))}function Cn(e){const{theme:t}=e,{media:n,space:r}=t.sanity;return Ze(n,e.$gap,(e=>({gap:e?Ge(r[e]):void 0})))}function Rn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$wrap,(e=>({flexWrap:e})))}function Ln(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$justify,(e=>({justifyContent:e})))}function Hn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$direction,(e=>({flexDirection:e})))}const Tn={minWidth:0,minHeight:0};function An(){return[Tn,_n]}function _n(e){const{theme:t}=e,{media:n}=t.sanity;return e.$flex?Ze(n,e.$flex,(e=>({flex:e}))):Ye}function In(e){return`inset 0 0 0 ${e.width}px ${e.color}`}function Mn(e){const{base:t,border:n,focusRing:r}=e,o=r.offset+r.width,i=0-r.offset,a=t?t.bg:"var(--card-bg-color)";return[i>0&&`inset 0 0 0 ${i}px var(--card-focus-ring-color)`,n&&In(n),i<0&&`0 0 0 ${0-i}px ${a}`,o>0&&`0 0 0 ${o}px var(--card-focus-ring-color)`].filter(Boolean).join(",")}const Bn={"&&:not([hidden])":{display:"grid"},'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"}},Fn={auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},Pn={auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"};function Dn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$autoFlow,(e=>({gridAutoFlow:e})))}function jn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$autoRows,(e=>({gridAutoRows:e&&Pn[e]})))}function Nn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$autoCols,(e=>({gridAutoColumns:e&&Fn[e]})))}function Vn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$columns,(e=>({gridTemplateColumns:e&&`repeat(${e},minmax(0,1fr));`})))}function qn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$rows,(e=>({gridTemplateRows:e&&`repeat(${e},minmax(0,1fr));`})))}function Wn(e){const{theme:t}=e,{media:n,space:r}=t.sanity;return Ze(n,e.$gap,(e=>({gridGap:e?Ge(r[e]):void 0})))}function Xn(e){const{theme:t}=e,{media:n,space:r}=t.sanity;return Ze(n,e.$gapX,(e=>({columnGap:e?Ge(r[e]):void 0})))}function Yn(e){const{theme:t}=e,{media:n,space:r}=t.sanity;return Ze(n,e.$gapY,(e=>({rowGap:e?Ge(r[e]):void 0})))}const Kn={auto:"auto",full:"1 / -1"},Un={auto:"auto",full:"1 / -1"};function Gn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$row,(e=>"number"==typeof e?{gridRow:`span ${e} / span ${e}`}:{gridRow:Kn[e]}))}function Zn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$rowStart,(e=>({gridRowStart:e})))}function Qn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$rowEnd,(e=>({gridRowEnd:e})))}function Jn(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$column,(e=>"number"==typeof e?{gridColumn:`span ${e} / span ${e}`}:{gridColumn:Un[e]}))}function er(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$columnStart,(e=>({gridColumnStart:e})))}function tr(e){const{theme:t}=e,{media:n}=t.sanity;return Ze(n,e.$columnEnd,(e=>({gridColumnEnd:e})))}function nr(e){const{$fontSize:t,$iconLeft:n,$iconRight:r,$padding:o,$space:i,theme:a}=e,{fonts:d,media:s,space:l}=a.sanity,c=Math.max(o.length,i.length,t.length),u=[],h=[],f=[];for(let e=0;e<c;e+=1)f[e]=void 0===t[e]?f[e-1]:t[e],u[e]=void 0===o[e]?u[e-1]:o[e],h[e]=void 0===i[e]?h[e-1]:i[e];return Ze(s,u,((e,t)=>{const o=d.text.sizes[f[t]]||d.text.sizes[2],i=o.lineHeight-o.ascenderHeight-o.descenderHeight,a=l[u[t]],s=l[h[t]],c={paddingTop:Ge(a-o.ascenderHeight),paddingRight:Ge(a),paddingBottom:Ge(a-o.descenderHeight),paddingLeft:Ge(a)};return r&&(c.paddingRight=Ge(a+i+s)),n&&(c.paddingLeft=Ge(a+i+s)),c}))}function rr(e){return nr(Z(Z({},e),{},{$iconRight:!0}))}const or=Oe`
|
|
2
2
|
&:not([hidden]) {
|
|
3
3
|
display: flex;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
align-items: center;
|
|
7
|
-
`;function
|
|
7
|
+
`;function ir(){return or}function ar(e){const{theme:t,$scheme:n,$tone:r,$weight:o}=e,i=t.sanity.fonts.text,a=t.sanity.color.input;return Oe`
|
|
8
8
|
appearance: none;
|
|
9
9
|
background: none;
|
|
10
10
|
border: 0;
|
|
@@ -12,8 +12,8 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
12
12
|
outline: none;
|
|
13
13
|
width: 100%;
|
|
14
14
|
box-sizing: border-box;
|
|
15
|
-
font-family: ${
|
|
16
|
-
font-weight: ${
|
|
15
|
+
font-family: ${i.family};
|
|
16
|
+
font-weight: ${o&&i.weights[o]||i.weights.regular};
|
|
17
17
|
margin: 0;
|
|
18
18
|
position: relative;
|
|
19
19
|
z-index: 1;
|
|
@@ -40,35 +40,35 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
40
40
|
color: var(--input-placeholder-color);
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
&[data-scheme='${n}'][data-tone='${
|
|
44
|
-
--input-fg-color: ${
|
|
45
|
-
--input-placeholder-color: ${
|
|
43
|
+
&[data-scheme='${n}'][data-tone='${r}'] {
|
|
44
|
+
--input-fg-color: ${a.default.enabled.fg};
|
|
45
|
+
--input-placeholder-color: ${a.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: ${a.default.enabled.fg};
|
|
50
|
+
--input-placeholder-color: ${a.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: ${a.default.disabled.fg};
|
|
56
|
+
--input-placeholder-color: ${a.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: ${a.invalid.enabled.fg};
|
|
62
|
+
--input-placeholder-color: ${a.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: ${a.default.readOnly.fg};
|
|
68
|
+
--input-placeholder-color: ${a.default.readOnly.placeholder};
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
|
-
`}function
|
|
71
|
+
`}function dr(e){const{theme:t}=e,{fonts:n,media:r}=t.sanity;return Ze(r,e.$fontSize,(e=>{const t=n.text.sizes[e]||n.text.sizes[2];return{fontSize:Ge(t.fontSize),lineHeight:t.lineHeight/t.fontSize}}))}function sr(e){const{$border:t,$hasPrefix:n,$hasSuffix:r,$scheme:o,$tone:i,theme:a}=e,{focusRing:d,input:s}=a.sanity,l=a.sanity.color.input;return Oe`
|
|
72
72
|
--input-box-shadow: none;
|
|
73
73
|
|
|
74
74
|
position: absolute;
|
|
@@ -85,68 +85,68 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
85
85
|
|
|
86
86
|
border-top-left-radius: ${n?0:void 0};
|
|
87
87
|
border-bottom-left-radius: ${n?0:void 0};
|
|
88
|
-
border-top-right-radius: ${
|
|
89
|
-
border-bottom-right-radius: ${
|
|
88
|
+
border-top-right-radius: ${r?0:void 0};
|
|
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='${i}'] {
|
|
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?In({color:l.default.enabled.border,width:s.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?In({color:l.invalid.enabled.border,width:s.border.width}):"none"};
|
|
105
105
|
}
|
|
106
106
|
|
|
107
107
|
/* focused */
|
|
108
108
|
*:not(:disabled):focus + & {
|
|
109
|
-
--input-box-shadow: ${
|
|
109
|
+
--input-box-shadow: ${Mn({border:t?{color:l.default.enabled.border,width:s.border.width}:void 0,focusRing:d})};
|
|
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?In({color:l.default.disabled.border,width:s.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?In({color:l.default.hovered.border,width:s.border.width}):"none"};
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
136
|
}
|
|
137
|
-
`}function
|
|
137
|
+
`}function lr(e){const{theme:t}=e;return[Je(t,["padding"],e.$padding),Je(t,["paddingLeft","paddingRight"],e.$paddingX),Je(t,["paddingTop","paddingBottom"],e.$paddingY),Je(t,["paddingTop"],e.$paddingTop),Je(t,["paddingRight"],e.$paddingRight),Je(t,["paddingBottom"],e.$paddingBottom),Je(t,["paddingLeft"],e.$paddingLeft)].filter(Boolean)}function cr(e){const{theme:t}=e,{media:n,radius:r}=t.sanity;return Ze(n,e.$radius,(e=>({borderRadius:Ge(r[e])})))}function ur(e,t){return`${e.map(Ge).join(" ")} ${t}`}const hr=ze.div(it,ot,(function(e){const{$accent:t,$muted:n,theme:r}=e,{weights:o}=r.sanity.fonts.text;return Oe`
|
|
138
138
|
color: var(--card-fg-color);
|
|
139
139
|
|
|
140
|
-
${t&&
|
|
140
|
+
${t&&Oe`
|
|
141
141
|
color: var(--card-accent-fg-color);
|
|
142
142
|
`}
|
|
143
143
|
|
|
144
|
-
${n&&
|
|
144
|
+
${n&&Oe`
|
|
145
145
|
color: var(--card-muted-fg-color);
|
|
146
146
|
`}
|
|
147
147
|
|
|
148
148
|
& code {
|
|
149
|
-
font-family: ${
|
|
149
|
+
font-family: ${r.sanity.fonts.code.family};
|
|
150
150
|
border-radius: 1px;
|
|
151
151
|
background-color: var(--card-code-bg-color);
|
|
152
152
|
color: var(--card-code-fg-color);
|
|
@@ -174,18 +174,18 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
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
|
+
`})),fr=ze.span`
|
|
184
184
|
display: block;
|
|
185
185
|
white-space: nowrap;
|
|
186
186
|
text-overflow: ellipsis;
|
|
187
187
|
overflow: hidden;
|
|
188
|
-
`,
|
|
188
|
+
`,gr=ue((function(e,n){const{accent:r=!1,align:o,children:i,muted:a=!1,size:d=2,textOverflow:s,weight:l}=e,c=U(e,t);let u=i;return"ellipsis"===s&&(u=J(fr,{children:u})),J(hr,Z(Z({"data-ui":"Text"},c),{},{$accent:r,$align:at(o),$muted:a,ref:n,$size:at(d),$weight:l,children:J("span",{children:u})}))})),pr=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:Mn({focusRing:r})},"&:focus:not(:focus-visible)":{boxShadow:"none"}}}},br=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)"}}},mr=function(){return{strokeWidth:"4px",stroke:"var(--card-bg-color)"}},vr=function(){return{strokeWidth:"3px",'[data-status="editing"] &':{strokeSasharray:"2 4",strokeLinecap:"round"}}},yr=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 xr=ze.div((function(e){const{theme:t}=e,{avatar:n,media:r}=t.sanity;return Ze(r,e.$size,(e=>{const t=n.sizes[e]||n.sizes[0];return{width:Ge(t.size),height:Ge(t.size),borderRadius:Ge(t.size/2),"&>svg":{width:Ge(t.size),height:Ge(t.size),borderRadius:Ge(t.size/2)}}}))}),pr),wr=ze.div(br),kr=ze.ellipse(mr),$r=ze.ellipse(vr),zr=ze.div(yr),Sr=ue((function(e,t){const{as:r,color:o="gray",src:i,title:a,initials:d,onImageLoadError:s,arrowPosition:l,animateArrowFrom:c,status:u="online",size:h=0}=e,f=U(e,n),g=xe.isValidElementType(r)?r:"div",p=at(h),b=rn(),m=b.sanity.color.spot[o]||b.sanity.color.spot.gray,v=(b.sanity.avatar.sizes[p[0]]||b.sanity.avatar.sizes[0]).size,y=v/2,x=ne()||"",[w,k]=ie(c||l||"inside"),[$,z]=ie(!1),S=`avatar-image-${x}`;de((()=>{if(w===l)return;const e=requestAnimationFrame((()=>k(l)));return()=>cancelAnimationFrame(e)}),[w,l]),de((()=>{i&&z(!1)}),[i]);const E=he((()=>{z(!0),s&&s(new Error("Avatar: the image failed to load"))}),[s]),O=oe((()=>p.map((e=>0===e?0:e+1))),[p]);return ee(xr,Z(Z({as:g,"data-as":"string"==typeof g?g:void 0,"data-ui":"Avatar"},f),{},{$size:p,$color:m,"aria-label":a,"data-arrow-position":w,"data-status":u,ref:t,title:a,children:[J(wr,{children:J("svg",{width:"11",height:"7",viewBox:"0 0 11 7",fill:"none",children:J("path",{d:"M6.67948 1.50115L11 7L0 7L4.32052 1.50115C4.92109 0.736796 6.07891 0.736795 6.67948 1.50115Z",fill:m})})}),!$&&i&&ee("svg",{viewBox:`0 0 ${v} ${v}`,fill:"none",children:[J("defs",{children:J("pattern",{id:S,patternContentUnits:"objectBoundingBox",width:"1",height:"1",children:J("image",{href:i,width:"1",height:"1",onError:E})})}),J("circle",{cx:y,cy:y,r:y,fill:`url(#${S})`}),J(kr,{cx:y,cy:y,rx:y,ry:y,vectorEffect:"non-scaling-stroke"}),J($r,{cx:y,cy:y,rx:y,ry:y,stroke:m,vectorEffect:"non-scaling-stroke"})]}),($||!i)&&d&&J(te,{children:J(zr,{children:J(gr,{as:"span",size:O,children:J("strong",{children:d})})})})]}))}));const Er=ze.div((function(e){const{theme:t}=e,{avatar:n,media:r}=t.sanity;return Ze(r,e.$size,(e=>{const t=n.sizes[e];return t?{borderRadius:Ge(t.size/2),minWidth:Ge(t.size),height:Ge(t.size)}:Ke}))}),(function(e){const{theme:t}=e;return Oe`
|
|
189
189
|
align-items: center;
|
|
190
190
|
justify-content: center;
|
|
191
191
|
box-sizing: border-box;
|
|
@@ -194,12 +194,12 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
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 ${Ge(t.sanity.space[2])};
|
|
198
198
|
|
|
199
199
|
&:not([hidden]) {
|
|
200
200
|
display: flex;
|
|
201
201
|
}
|
|
202
|
-
`}
|
|
202
|
+
`})),Or=ue((function(e,t){const{count:n,size:r=0}=e,o=at(r),i=oe((()=>o.map((e=>0===e?0:e+1))),[o]);return J(Er,{$size:o,"data-ui":"AvatarCounter",ref:t,children:J(gr,{as:"span",size:i,children:J("strong",{children:n})})})}));function Cr(e){return(Array.isArray(e)?e:[e]).filter((e=>we(e)||ke(e)||"string"==typeof e))}const Rr=Oe`
|
|
203
203
|
white-space: nowrap;
|
|
204
204
|
|
|
205
205
|
& > div {
|
|
@@ -209,19 +209,19 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
209
209
|
display: inline-block;
|
|
210
210
|
}
|
|
211
211
|
}
|
|
212
|
-
`;
|
|
212
|
+
`;const Lr=ze.div((function(e){const{theme:t}=e,{avatar:n,media:r}=t.sanity;return Ze(r,e.$size,(e=>{const t=n.sizes[e];return t?{"& > div + div":{marginLeft:Ge(t.distance)}}:Ke}))}),(function(){return Rr})),Hr=ue((function(e,t){const{children:n,maxLength:o=4,size:i=0}=e,a=U(e,r),d=Cr(n).filter((e=>"string"!=typeof e)),s=Math.max(o,0),l=at(i),c=d.length,u=c-(s-1),h=u>1?d.slice(u,c):d;return ee(Lr,Z(Z({"data-ui":"AvatarStack"},a),{},{ref:t,$size:l,children:[0===c&&J("div",{children:J(Or,{count:c})}),0!==c&&u>1&&J("div",{children:J(Or,{count:u,size:l})}),h.map(((e,t)=>J("div",{children:fe(e,{size:l})},String(t))))]}))})),Tr=ze.div((function(){return yn}),An,(function(){return[$n,zn,Sn,kn]}),(function(){return[Gn,Zn,Qn,Jn,er,tr]}),(function(e){const{theme:t}=e;return[Je(t,["margin"],e.$margin),Je(t,["marginLeft","marginRight"],e.$marginX),Je(t,["marginTop","marginBottom"],e.$marginY),Je(t,["marginTop"],e.$marginTop),Je(t,["marginRight"],e.$marginRight),Je(t,["marginBottom"],e.$marginBottom),Je(t,["marginLeft"],e.$marginLeft)].filter(Boolean)}),lr),Ar=ue((function(e,t){const{as:n="div",column:r,columnStart:i,columnEnd:a,display:d="block",flex:s,height:l,margin:c=0,marginX:u,marginY:h,marginTop:f,marginRight:g,marginBottom:p,marginLeft:b,overflow:m,padding:v=0,paddingX:y,paddingY:x,paddingTop:w,paddingRight:k,paddingBottom:$,paddingLeft:z,row:S,rowStart:E,rowEnd:O,sizing:C}=e,R=U(e,o);return J(Tr,Z(Z({"data-as":"string"==typeof n?n:void 0,"data-ui":"Box"},R),{},{$column:at(r),$columnStart:at(i),$columnEnd:at(a),$display:at(d),$flex:at(s),$height:at(l),$margin:at(c),$marginX:at(u),$marginY:at(h),$marginTop:at(f),$marginRight:at(g),$marginBottom:at(p),$marginLeft:at(b),$overflow:at(m),$padding:at(v),$paddingX:at(y),$paddingY:at(x),$paddingTop:at(w),$paddingRight:at(k),$paddingBottom:at($),$paddingLeft:at(z),$row:at(S),$rowStart:at(E),$rowEnd:at(O),$sizing:at(C),as:n,ref:t,children:e.children}))}));const _r=ze.div(rt,ot,(function(e){const{$accent:t,$muted:n,theme:r}=e,{fonts:o}=r.sanity;return Oe`
|
|
213
213
|
text-transform: uppercase;
|
|
214
214
|
|
|
215
|
-
${t&&
|
|
215
|
+
${t&&Oe`
|
|
216
216
|
color: var(--card-accent-fg-color);
|
|
217
217
|
`}
|
|
218
218
|
|
|
219
|
-
${n&&
|
|
219
|
+
${n&&Oe`
|
|
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 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
233
233
|
& [data-sanity-icon] {
|
|
234
234
|
vertical-align: baseline;
|
|
235
235
|
}
|
|
236
|
-
`}
|
|
236
|
+
`})),Ir=ze.span`
|
|
237
237
|
display: block;
|
|
238
238
|
white-space: nowrap;
|
|
239
239
|
text-overflow: ellipsis;
|
|
240
240
|
overflow: hidden;
|
|
241
|
-
`,
|
|
241
|
+
`,Mr=ue((function(e,t){const{accent:n,align:r,children:o,muted:a=!1,size:d=2,textOverflow:s,weight:l}=e,c=U(e,i);let u=o;return u=J("ellipsis"===s?Ir:"span",{children:u}),J(_r,Z(Z({"data-ui":"Label"},c),{},{$accent:n,$align:at(r),$muted:a,$size:at(d),$weight:l,ref:t,children:u}))}));const Br=ze(Ar)(cr,(function(e){const{$mode:t,$tone:n,theme:r}=e,o=r.sanity.color["outline"===t?"muted":"solid"],i=o[n]||o.default;return{backgroundColor:i.enabled.bg,color:i.enabled.fg,boxShadow:`inset 0 0 0 1px ${i.enabled.border}`,cursor:"default","&:not([hidden])":{display:"inline-block"}}})),Fr=ue((function(e,t){const{children:n,fontSize:r,mode:o="default",padding:i=1,radius:d=2,tone:s="default"}=e,l=U(e,a);return J(Br,Z(Z({"data-ui":"Badge"},l),{},{$mode:o,$tone:s,$radius:at(d),padding:at(i),ref:t,children:J(Mr,{size:r,children:n})}))})),Pr=ze(Ar)(An,(function(){return[En,On,Cn,Rn,Ln,Hn]})),Dr=ue((function(e,t){const{align:n,as:r,direction:o="row",gap:i,justify:a,wrap:s}=e,l=U(e,d);return J(Pr,Z(Z({"data-ui":"Flex"},l),{},{$align:at(n),$direction:at(o),$gap:at(i),$justify:at(a),$wrap:at(s),forwardedAs:r,ref:t}))})),jr=Ce`
|
|
242
242
|
from {
|
|
243
243
|
transform: rotate(0deg);
|
|
244
244
|
}
|
|
@@ -246,11 +246,11 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
246
246
|
to {
|
|
247
247
|
transform: rotate(360deg);
|
|
248
248
|
}
|
|
249
|
-
`,
|
|
249
|
+
`,Nr=ze(gr)`
|
|
250
250
|
& > span > svg {
|
|
251
|
-
animation: ${
|
|
251
|
+
animation: ${jr} 500ms linear infinite;
|
|
252
252
|
}
|
|
253
|
-
`,
|
|
253
|
+
`,Vr=ue((function(e,t){return J(Nr,Z(Z({"data-ui":"Spinner"},e),{},{ref:t,children:J(Ae,{})}))}));function qr(e,t,n=!1){var r,o,i,a,d,s,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==(i=t.link)?void 0:i.fg,"--card-code-bg-color":null==(a=t.code)?void 0:a.bg,"--card-code-fg-color":null==(d=t.code)?void 0:d.fg,"--card-skeleton-color-from":null==(s=t.skeleton)?void 0:s.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 Wr={width:1};const Xr=ze.button(cr,(function(){return Oe`
|
|
254
254
|
-webkit-font-smoothing: inherit;
|
|
255
255
|
appearance: none;
|
|
256
256
|
display: inline-flex;
|
|
@@ -279,7 +279,7 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
279
279
|
border: 0;
|
|
280
280
|
padding: 0;
|
|
281
281
|
}
|
|
282
|
-
`}
|
|
282
|
+
`}),(function(e){var t,n;const{$mode:r,theme:o}=e,{focusRing:i}=o.sanity,a=o.sanity.color.base,d=o.sanity.color.button[r]||o.sanity.color.button.default,s=d[e.$tone]||d.default,l={width:Wr.width,color:"var(--card-border-color)"};return[qr(a,s.enabled),{backgroundColor:"var(--card-bg-color)",color:"var(--card-fg-color)",boxShadow:In(l),'&:disabled, &[data-disabled="true"]':qr(a,s.disabled),"&:not([data-disabled='true'])":{"&:focus":{boxShadow:Mn({base:a,border:l,focusRing:i})},"&:focus:not(:focus-visible)":{boxShadow:In(l)},"@media (hover: hover)":{"&:hover":qr(a,s.hovered),"&:active":qr(a,s.pressed)},"&[data-selected]":qr(a,s.pressed)}},null==(n=null==(t=o.sanity.styles)?void 0:t.button)?void 0:n.root].filter(Boolean)})),Yr=ze.div`
|
|
283
283
|
position: absolute;
|
|
284
284
|
top: 0;
|
|
285
285
|
left: 0;
|
|
@@ -292,9 +292,9 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
292
292
|
border-radius: inherit;
|
|
293
293
|
z-index: 1;
|
|
294
294
|
box-shadow: inherit;
|
|
295
|
-
`,
|
|
296
|
-
${t&&
|
|
297
|
-
background-size: ${
|
|
295
|
+
`,Kr=ue((function(e,t){const{children:n,disabled:r,fontSize:o,icon:i,iconRight:a,justify:d="center",loading:l,mode:c="default",padding:u=3,paddingX:h,paddingY:f,paddingTop:g,paddingBottom:p,paddingLeft:b,paddingRight:m,radius:v=2,selected:y,space:x=3,text:w,textAlign:k,tone:$="default",type:z="button"}=e,S=U(e,s),E=at(d),O=at(u),C=at(h),R=at(f),L=at(g),H=at(p),T=at(b),A=at(m),_=at(v),I=at(x),M=rn(),B=oe((()=>({padding:O,paddingX:C,paddingY:R,paddingTop:L,paddingBottom:H,paddingLeft:T,paddingRight:A})),[O,C,R,L,H,T,A]);return ee(Xr,Z(Z({"data-ui":"Button"},S),{},{$mode:c,$radius:_,$tone:$,"data-disabled":Boolean(l||r),"data-selected":y?"":void 0,disabled:Boolean(l||r),ref:t,type:z,children:[Boolean(l)&&J(Yr,{children:J(Vr,{})}),(i||w||a)&&J(Ar,Z(Z({as:"span"},B),{},{children:ee(Dr,{as:"span",justify:E,children:[i&&ee(gr,{size:o,children:[ge(i)&&i,$e(i)&&pe(i)]}),w&&J(Ar,{flex:a?1:void 0,marginLeft:i?I:void 0,marginRight:a?I:void 0,children:J(gr,{align:k,size:o,textOverflow:"ellipsis",weight:M.sanity.button.textWeight,children:w})}),a&&ee(gr,{size:o,children:[ge(a)&&a,$e(a)&&pe(a)]})]})})),n&&J(Ar,Z(Z({as:"span"},B),{},{children:n}))]}))}));function Ur(e){const{$checkered:t,theme:n}=e,r=n.sanity.space;return Oe`
|
|
296
|
+
${t&&Oe`
|
|
297
|
+
background-size: ${r[3]}px ${r[3]}px;
|
|
298
298
|
background-position: 50% 50%;
|
|
299
299
|
background-image: var(--card-bg-image);
|
|
300
300
|
`}
|
|
@@ -319,8 +319,8 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
319
319
|
&[data-as='pre'] {
|
|
320
320
|
font: inherit;
|
|
321
321
|
}
|
|
322
|
-
`}function
|
|
323
|
-
${
|
|
322
|
+
`}function Gr(e){var t,n;const{$checkered:r,$focusRing:o,theme:i}=e,{focusRing:a}=i.sanity,{base:d,card:s}=i.sanity.color,l={width:0,color:"var(--card-border-color)"};return Oe`
|
|
323
|
+
${qr(d,s.enabled,r)}
|
|
324
324
|
|
|
325
325
|
background-color: var(--card-bg-color);
|
|
326
326
|
color: var(--card-fg-color);
|
|
@@ -333,36 +333,36 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
333
333
|
box-shadow: var(--card-focus-ring-box-shadow);
|
|
334
334
|
|
|
335
335
|
&:disabled {
|
|
336
|
-
${
|
|
336
|
+
${qr(d,s.disabled,r)}
|
|
337
337
|
}
|
|
338
338
|
|
|
339
339
|
&:not(:disabled) {
|
|
340
340
|
&[data-pressed] {
|
|
341
|
-
${
|
|
341
|
+
${qr(d,s.pressed,r)}
|
|
342
342
|
}
|
|
343
343
|
|
|
344
344
|
&[data-selected] {
|
|
345
|
-
${
|
|
345
|
+
${qr(d,s.selected,r)}
|
|
346
346
|
}
|
|
347
347
|
|
|
348
348
|
@media (hover: hover) {
|
|
349
349
|
&:not([data-pressed]):not([data-selected]) {
|
|
350
350
|
&:hover {
|
|
351
|
-
${
|
|
351
|
+
${qr(d,s.hovered,r)}
|
|
352
352
|
}
|
|
353
353
|
|
|
354
354
|
&:active {
|
|
355
|
-
${
|
|
355
|
+
${qr(d,s.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?Mn({base:d,border:l,focusRing:a}):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?In(l):void 0};
|
|
366
366
|
}
|
|
367
367
|
}
|
|
368
368
|
}
|
|
@@ -373,45 +373,45 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
373
373
|
box-shadow: var(--card-focus-ring-box-shadow);
|
|
374
374
|
|
|
375
375
|
&[data-disabled] {
|
|
376
|
-
${
|
|
376
|
+
${qr(d,s.disabled,r)}
|
|
377
377
|
}
|
|
378
378
|
|
|
379
379
|
&:not([data-disabled]) {
|
|
380
380
|
&[data-pressed] {
|
|
381
|
-
${
|
|
381
|
+
${qr(d,s.pressed,r)}
|
|
382
382
|
}
|
|
383
383
|
|
|
384
384
|
&[data-selected] {
|
|
385
|
-
${
|
|
385
|
+
${qr(d,s.selected,r)}
|
|
386
386
|
}
|
|
387
387
|
|
|
388
388
|
@media (hover: hover) {
|
|
389
389
|
&:not([data-pressed]):not([data-selected]) {
|
|
390
390
|
&:hover {
|
|
391
|
-
${
|
|
391
|
+
${qr(d,s.hovered,r)}
|
|
392
392
|
}
|
|
393
393
|
|
|
394
394
|
&:active {
|
|
395
|
-
${
|
|
395
|
+
${qr(d,s.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?Mn({base:d,border:l,focusRing:a}):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?In(l):void 0};
|
|
406
406
|
}
|
|
407
407
|
}
|
|
408
408
|
}
|
|
409
409
|
|
|
410
|
-
${(n=(t=
|
|
411
|
-
`}const
|
|
410
|
+
${null==(n=null==(t=i.sanity.styles)?void 0:t.card)?void 0:n.root}
|
|
411
|
+
`}const Zr=ze(Ar)((function(){return[gn,pn,bn,mn,vn]}),cr,(function(e){const{theme:t}=e,{media:n,shadows:r}=t.sanity;return Ze(n,e.$shadow,(e=>function(e){return e?{boxShadow:`0 0 0 ${Ge(1)} var(--card-shadow-outline-color), ${ur(e.umbra,"var(--card-shadow-umbra-color)")}, ${ur(e.penumbra,"var(--card-shadow-penumbra-color)")}, ${ur(e.ambient,"var(--card-shadow-ambient-color)")}`}:Ke}(r[e])))}),(function(e){return[Ur(e),Gr(e)]})),Qr=ue((function(e,t){const{__unstable_checkered:n=!1,__unstable_focusRing:r=!1,as:o,border:i,borderTop:a,borderRight:d,borderBottom:s,borderLeft:c,pressed:u,radius:h=0,scheme:f,selected:g,shadow:p,tone:b="default"}=e,m=U(e,l),v=$e(o)?o:"div",y=tn(),x="inherit"===b?y.tone:b;return J(nn,{scheme:f,tone:x,children:J(Zr,Z(Z({"data-as":"string"==typeof v?v:void 0,"data-scheme":y.scheme,"data-ui":"Card","data-tone":x},m),{},{$border:at(i),$borderTop:at(a),$borderRight:at(d),$borderBottom:at(s),$borderLeft:at(c),$checkered:n,$focusRing:r,$radius:at(h),$shadow:at(p),$tone:x,"data-checkered":n?"":void 0,"data-pressed":u?"":void 0,"data-selected":g?"":void 0,forwardedAs:v,ref:t,selected:g}))})}));const Jr=ze.div((function(){return Oe`
|
|
412
412
|
position: relative;
|
|
413
413
|
display: inline-block;
|
|
414
|
-
`}function
|
|
414
|
+
`})),eo=ze.input((function(e){const{theme:t}=e,n=t.sanity.color.input,{focusRing:r,input:o,radius:i}=t.sanity;return Oe`
|
|
415
415
|
position: absolute;
|
|
416
416
|
top: 0;
|
|
417
417
|
left: 0;
|
|
@@ -426,11 +426,11 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
426
426
|
& + span {
|
|
427
427
|
position: relative;
|
|
428
428
|
display: block;
|
|
429
|
-
height: ${
|
|
430
|
-
width: ${
|
|
429
|
+
height: ${Ge(o.checkbox.size)};
|
|
430
|
+
width: ${Ge(o.checkbox.size)};
|
|
431
431
|
box-sizing: border-box;
|
|
432
|
-
box-shadow: ${
|
|
433
|
-
border-radius: ${
|
|
432
|
+
box-shadow: ${In({color:n.default.enabled.border,width:o.border.width})};
|
|
433
|
+
border-radius: ${Ge(i[2])};
|
|
434
434
|
line-height: 1;
|
|
435
435
|
background-color: ${n.default.enabled.bg};
|
|
436
436
|
|
|
@@ -449,11 +449,11 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
449
449
|
}
|
|
450
450
|
|
|
451
451
|
&:not(:disabled):focus + span {
|
|
452
|
-
box-shadow: ${
|
|
452
|
+
box-shadow: ${Mn({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: ${In({color:n.default.enabled.border,width:o.border.width})};
|
|
457
457
|
}
|
|
458
458
|
|
|
459
459
|
&:checked + span > svg:first-child {
|
|
@@ -462,27 +462,27 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
462
462
|
|
|
463
463
|
&[data-read-only] + span {
|
|
464
464
|
background-color: ${n.default.readOnly.bg};
|
|
465
|
-
box-shadow: ${
|
|
465
|
+
box-shadow: ${In({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: ${In({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
|
+
`})),to=ue((function(e,t){const{checked:n,className:r,disabled:o,indeterminate:i,customValidity:a,readOnly:d,style:s}=e,l=U(e,c),u=un(t);return hn(u,a),de((()=>{u.current&&(u.current.indeterminate=i||!1)}),[i,u]),ee(Jr,{className:r,"data-ui":"Checkbox",style:s,children:[J(eo,Z(Z({"data-read-only":!o&&d?"":void 0},l),{},{checked:n,disabled:o||d,type:"checkbox",readOnly:d,ref:u})),ee("span",{children:[J(_e,{}),J(Ie,{})]})]})}));function no({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 ro=ze.pre((function(){return Oe`
|
|
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
|
+
${no}
|
|
486
486
|
}
|
|
487
487
|
}
|
|
488
488
|
|
|
@@ -495,17 +495,17 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
495
495
|
& [data-sanity-icon] {
|
|
496
496
|
vertical-align: baseline;
|
|
497
497
|
}
|
|
498
|
-
`}
|
|
499
|
-
${t&&
|
|
498
|
+
`}),tt),oo=ue((function(e,t){const{children:n,language:r,size:o=2,weight:i}=e,a=U(e,u),d="string"==typeof r?r:void 0,s=!!d&&je.hasLanguage(d);return ee(ro,Z(Z({"data-ui":"Code"},a),{},{$size:at(o),$weight:i,ref:t,children:[!(d&&s)&&J("code",{children:n}),d&&s&&J(je,{inline:!0,language:d,value:String(n)})]}))})),io={width:"100%",margin:"0 auto"};function ao(e){const{theme:t}=e,{container:n,media:r}=t.sanity;return Ze(r,e.$width,(e=>({maxWidth:"auto"===e?"none":Ge(n[e])})))}const so=ze(Ar)((function(){return io}),ao),lo=ue((function(e,t){const{as:n,width:r=2}=e,o=U(e,h);return J(so,Z(Z({"data-ui":"Container"},o),{},{$width:at(r),forwardedAs:n,ref:t}))})),co=ze(Ar)((function(){return[Bn,Dn,jn,Nn,Vn,qn,Wn,Xn,Yn]})),uo=ue((function(e,t){const{as:n,autoRows:r,autoCols:o,autoFlow:i,columns:a,gap:d,gapX:s,gapY:l,rows:c,children:u}=e,h=U(e,f);return J(co,Z(Z({"data-as":"string"==typeof n?n:void 0,"data-ui":"Grid"},h),{},{$autoRows:at(r),$autoCols:at(o),$autoFlow:at(i),$columns:at(a),$gap:at(d),$gapX:at(s),$gapY:at(l),$rows:at(c),forwardedAs:n,ref:t,children:u}))}));const ho=ze.div((function(e){const{$accent:t,$muted:n,theme:r}=e;return Oe`
|
|
499
|
+
${t&&Oe`
|
|
500
500
|
color: var(--card-accent-fg-color);
|
|
501
501
|
`}
|
|
502
502
|
|
|
503
|
-
${n&&
|
|
503
|
+
${n&&Oe`
|
|
504
504
|
color: var(--card-muted-fg-color);
|
|
505
505
|
`}
|
|
506
506
|
|
|
507
507
|
& code {
|
|
508
|
-
font-family: ${
|
|
508
|
+
font-family: ${r.sanity.fonts.code.family};
|
|
509
509
|
border-radius: 1px;
|
|
510
510
|
}
|
|
511
511
|
|
|
@@ -533,12 +533,12 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
533
533
|
& [data-sanity-icon] {
|
|
534
534
|
vertical-align: baseline;
|
|
535
535
|
}
|
|
536
|
-
`}
|
|
536
|
+
`}),ot,nt),fo=ze.span`
|
|
537
537
|
display: block;
|
|
538
538
|
white-space: nowrap;
|
|
539
539
|
text-overflow: ellipsis;
|
|
540
540
|
overflow: hidden;
|
|
541
|
-
`,
|
|
541
|
+
`,go=ue((function(e,t){const{accent:n=!1,align:r,children:o,muted:i=!1,size:a=2,textOverflow:d,weight:s}=e,l=U(e,g);let c=o;return"ellipsis"===d&&(c=J(fo,{children:c})),J(ho,Z(Z({"data-ui":"Heading"},l),{},{$accent:n,$align:at(r),$muted:i,$size:at(a),$weight:s,ref:t,children:J("span",{children:c})}))}));const po=ze(Ar)((function(){return{lineHeight:0,"&&:not([hidden])":{display:"block"},"& > div":{display:"inline-block",verticalAlign:"middle"}}}),(function(e){const{theme:t}=e;return Ze(t.sanity.media,e.$space,(e=>{const n=Ge(t.sanity.space[e]);return{margin:`-${n} 0 0 -${n}`,"& > div":{padding:`${n} 0 0 ${n}`}}}))})),bo=ue((function(e,t){const{as:n,children:r,space:o}=e,i=U(e,p),a=oe((()=>Cr(r).filter(Boolean).map(((e,t)=>J("div",{children:e},t)))),[r]);return J(po,Z(Z({"data-ui":"Inline"},i),{},{$space:at(o),forwardedAs:n,ref:t,children:a}))}));const mo=ze.kbd(cr,(function(){return Oe`
|
|
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 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
546
546
|
&:not([hidden]) {
|
|
547
547
|
display: inline-block;
|
|
548
548
|
}
|
|
549
|
-
`}
|
|
549
|
+
`})),vo=ue((function(e,t){const{children:n,fontSize:r=1,padding:o=1,radius:i=2}=e,a=U(e,b);return J(mo,Z(Z({"data-ui":"KBD"},a),{},{$radius:at(i),ref:t,children:J(Ar,{as:"span",padding:o,children:J(oo,{as:"span",muted:!0,size:r,children:n})})}))})),yo=Symbol.for("@sanity/ui/context/boundaryElement");Gt[yo]=Gt[yo]||se(null);const xo=Gt[yo];function wo(e){const{children:t,element:n}=e,r=oe((()=>({version:0,element:n})),[n]);return J(xo.Provider,{value:r,children:t})}const ko={version:0,element:null};function $o(){const e=le(xo);if(e&&(!en(e)||0!==e.version))throw new Error("useBoundaryElement(): the context value is not compatible");return e||ko}const zo=ue((function(e,t){const n=rn(),{children:r,media:o=n.sanity.media}=e,i=U(e,m),a=un(t),[d,s]=ie(null),l=ut(d),c=oe((()=>{var e;return null!=(e=null==l?void 0:l.border.width)?e:window.innerWidth}),[l]),u=oe((()=>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=oe((()=>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=he((e=>{a.current=e,s(e)}),[a]);return J("div",Z(Z({"data-ui":"ElementQuery"},i),{},{"data-eq-max":u.length?u.join(" "):void 0,"data-eq-min":h.length?h.join(" "):void 0,ref:f,children:r}))}));class So extends re.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(oo,{children:t})}return this.props.children}}const Eo=Symbol.for("@sanity/ui/context/layer");Gt[Eo]=Gt[Eo]||se(null);const Oo=Gt[Eo];function Co(){const e=le(Oo);if(!e)throw new Error("useLayer(): missing context value");if(!en(e)||0!==e.version)throw new Error("useLayer(): the context value is not compatible");return e}function Ro(e){const{children:t,zOffset:n=0}=e,r=le(Oo),o=at(n),i=o.length-1,a=Math.min(sn(),i),d=r?r.zIndex+o[a]:o[a],[s,l]=ie(0),c=he((()=>(l((e=>e+1)),()=>l((e=>e-1)))),[]),u=null==r?void 0:r.registerChild;de((()=>{if(u)return u()}),[u]);const h=oe((()=>({version:0,isTopLayer:0===s,registerChild:c,size:s,zIndex:d})),[s,c,d]);return J(Oo.Provider,{value:h,children:t})}const Lo=ze.div`
|
|
550
550
|
position: relative;
|
|
551
|
-
`,
|
|
551
|
+
`,Ho=ue((function(e,t){const{children:n,style:r=Ke}=e,o=U(e,v),{zIndex:i}=Co();return J(Lo,Z(Z({},o),{},{"data-ui":"Layer",ref:t,style:Z(Z({},r),{},{zIndex:i}),children:n}))})),To=ue((function(e,t){const{children:n,zOffset:r=1}=e,o=U(e,y);return J(Ro,{zOffset:r,children:J(Ho,Z(Z({},o),{},{ref:t,children:n}))})})),Ao=Symbol.for("@sanity/ui/context/portal"),_o=Symbol.for("@sanity/ui/context/portal/element");Gt[_o]=null;const Io={version:0,boundaryElement:null,get element(){return"undefined"==typeof window?null:(Gt[_o]||(Gt[_o]=document.createElement("div"),Gt[_o].setAttribute("data-portal",""),document.body.appendChild(Gt[_o])),Gt[_o])}};Gt[Ao]=Gt[Ao]||se(Io);const Mo=Gt[Ao];function Bo(){const e=le(Mo);if(!e)throw new Error("usePortal(): missing context value");if(!en(e)||0!==e.version)throw new Error("usePortal(): the context value is not compatible");return e}function Fo(e){var t;const{children:n,__unstable_name:r}=e,o=Bo(),i=(r?o.elements&&o.elements[r]:o.element)||(null==(t=o.elements)?void 0:t.default);return i?Ve.createPortal(n,i):null}function Po(e){const t=ae(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 Do="undefined"!=typeof window;function jo(e){const{boundaryElement:t,children:n,element:r,__unstable_elements:o}=e,i=Po(o),a=oe((()=>({version:0,boundaryElement:t||null,element:r||Do&&document.body||null,elements:i})),[t,r,i]);return J(Mo.Provider,{value:a,children:n})}const No=ze.div`
|
|
552
552
|
display: block;
|
|
553
553
|
width: 0;
|
|
554
554
|
height: 0;
|
|
555
555
|
position: absolute;
|
|
556
556
|
overflow: hidden;
|
|
557
|
-
`,
|
|
557
|
+
`,Vo=ue((function(e,t){const{as:n,children:r}=e;return J(No,{"aria-hidden":!0,as:n,"data-ui":"SrOnly",ref:t,children:r})}));function qo(e){const t=requestAnimationFrame(e);return()=>{cancelAnimationFrame(t)}}function Wo(e){let t=null;const n=qo((()=>{t=qo(e)}));return()=>{t&&t(),n()}}function Xo(e){return Ko(e)||Go(e)}function Yo(e){return e instanceof Node&&e.nodeType===Node.ELEMENT_NODE}function Ko(e){return Yo(e)&&"A"===e.nodeName}function Uo(e){return Yo(e)&&"INPUT"===e.nodeName}function Go(e){return Yo(e)&&"BUTTON"===e.nodeName}function Zo(e){return Yo(e)&&"SELECT"===e.nodeName}function Qo(e){return Yo(e)&&"TEXTAREA"===e.nodeName}function Jo(e){return Boolean(document.activeElement)&&e.contains(document.activeElement)}function ei(e){return e.tabIndex>0||0===e.tabIndex&&null!==e.getAttribute("tabIndex")||(Ko(e)?Boolean(e.href)&&"ignore"!==e.rel:Uo(e)?"hidden"!==e.type&&"file"!==e.type&&!e.disabled:!!(Go(e)||Zo(e)||Qo(e))&&!e.disabled)}function ti(e){if(!ei(e))return!1;try{e.focus()}catch(e){}return document.activeElement===e}function ni(e){for(let t=0;t<e.childNodes.length;t++){const n=e.childNodes[t];if(Yo(n)&&(ti(n)||ni(n)))return!0}return!1}function ri(e){for(let t=e.childNodes.length-1;t>=0;t--){const n=e.childNodes[t];if(Yo(n)&&(ti(n)||ri(n)))return!0}return!1}function oi(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 ii=ze.div`
|
|
558
558
|
position: relative;
|
|
559
|
-
`,
|
|
559
|
+
`,ai=ze.div`
|
|
560
560
|
position: absolute;
|
|
561
561
|
left: 0;
|
|
562
562
|
right: 0;
|
|
563
|
-
`,
|
|
563
|
+
`,di=ue((function(e,t){const{as:n="div",gap:r=0,getItemKey:o,items:i=[],onChange:a,renderItem:d}=e,s=U(e,x),{space:l}=rn().sanity,c=un(t),u=ae(null),[h,f]=ie(0),[g,p]=ie(0),[b,m]=ie(-1);de((()=>{if(!u.current)return;const e=u.current.firstChild;e instanceof HTMLElement&&m(e.offsetHeight)}),[d]),de((()=>{if(!c.current)return;let e=c.current.parentNode;for(;e&&!oi(e);)e=e.parentNode;if(e){const t=e;if(!(t instanceof HTMLElement))return;const n=()=>{f(t.scrollTop)};t.addEventListener("scroll",n,{passive:!0});const r=new lt((e=>{p(e[0].contentRect.height)}));return r.observe(t),n(),()=>{t.removeEventListener("scroll",n),r.unobserve(t),r.disconnect()}}const t=()=>{f(window.scrollY)},n=()=>{p(window.innerHeight)};return window.addEventListener("scroll",t,{passive:!0}),window.addEventListener("resize",n),p(window.innerHeight),t(),()=>{window.removeEventListener("scroll",t),window.removeEventListener("resize",n)}}),[c]);const v=i.length,y=b?v*(b+l[r])-l[r]:0,w=y?Math.max(Math.floor(h/y*v)-2,0):0,k=y?Math.ceil((h+g)/y*v)+1:0;de((()=>{a&&a({fromIndex:w,gap:l[r],itemHeight:b,scrollHeight:g,scrollTop:h,toIndex:k})}),[w,r,b,a,g,h,l,k]);const $=oe((()=>d&&0!==i.length?-1===b?[J(ai,{children:d(i[0])},0)]:i.slice(w,k).map(((e,t)=>{const n=w+t,i=d(e),a=o?o(e,n):n;return J(ai,{style:{top:n*(b+l[r])},children:i},a)})):null),[w,r,o,b,i,d,l,k]),z=oe((()=>({height:y})),[y]);return J(ii,Z(Z({as:n,"data-ui":"VirtualList"},s),{},{ref:c,children:J("div",{ref:u,style:z,children:$})}))})),si=ze.div`
|
|
564
564
|
position: absolute;
|
|
565
565
|
pointer-events: none;
|
|
566
566
|
width: 27px;
|
|
@@ -603,11 +603,11 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
603
603
|
transform: rotate(180deg);
|
|
604
604
|
}
|
|
605
605
|
}
|
|
606
|
-
`,
|
|
606
|
+
`,li=ze.path`
|
|
607
607
|
fill: var(--card-shadow-outline-color);
|
|
608
|
-
`,
|
|
608
|
+
`,ci=ze.path`
|
|
609
609
|
fill: var(--card-bg-color);
|
|
610
|
-
`,
|
|
610
|
+
`,ui=ue((function(e,t){return J(si,Z(Z({"data-ui":"PopoverArrow"},e),{},{ref:t,children:ee("svg",{width:"27",height:"11",viewBox:"0 0 27 11",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[J(li,{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(ci,{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 hi(e){const{allowedAutoPlacements:t,arrow:n,arrowElement:r,boundaryElement:o,constrainSize:i,distance:a,fallbackPlacements:d,margins:s,matchReferenceWidth:l,open:c,preventOverflow:u,skidding:h,tether:f,tetherOffset:g}=e;return oe((()=>function(e){const{allowedAutoPlacements:t,arrow:n,arrowElement:r,boundaryElement:o,constrainSize:i,distance:a,fallbackPlacements:d,margins:s,matchReferenceWidth:l,open:c,preventOverflow:u,skidding:h,tether:f,tetherOffset:g}=e;if(!c)return[];const p={altAxis:!i,boundary:o||void 0,padding:8,tether:f,tetherOffset:g};return[i&&Z(Z({},qe),{},{options:p}),i&&{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}},(i||u)&&{name:"preventOverflow",options:p},{name:"offset",options:{offset:[h,a]}},s&&{name:"margins",enabled:!0,phase:"beforeRead",fn:({state:e})=>{const{rects:t}=e;t.reference&&(t.reference.x+=s[3],t.reference.y+=s[1],t.reference.width-=s[1]+s[3],t.reference.height-=s[0]+s[2])}},{name:"flip",options:{allowedAutoPlacements:t,boundary:o||void 0,fallbackPlacements:d,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-(s?s[1]+s[3]:0)+"px")}}].filter(Boolean)}({allowedAutoPlacements:t,arrow:n,arrowElement:r,boundaryElement:o,constrainSize:i,distance:a,fallbackPlacements:d,margins:s,matchReferenceWidth:l,open:c,preventOverflow:u,skidding:h,tether:f,tetherOffset:g})),[t,n,r,o,i,a,d,s,l,c,u,h,f,g])}const fi=ze(To)((({$preventOverflow:e})=>Oe`
|
|
611
611
|
pointer-events: none;
|
|
612
612
|
display: flex;
|
|
613
613
|
flex-direction: column;
|
|
@@ -618,12 +618,12 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
618
618
|
}
|
|
619
619
|
|
|
620
620
|
/* Hide the popover when the reference element is out of bounds */
|
|
621
|
-
${e&&
|
|
621
|
+
${e&&Oe`
|
|
622
622
|
&[data-popper-reference-hidden='true'] {
|
|
623
623
|
display: none;
|
|
624
624
|
}
|
|
625
625
|
`}
|
|
626
|
-
`),
|
|
626
|
+
`)),gi=ze(Qr)((({$constrainSize:e})=>Oe`
|
|
627
627
|
flex: 1;
|
|
628
628
|
max-height: ${e&&"100%"};
|
|
629
629
|
pointer-events: all;
|
|
@@ -638,8 +638,8 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
638
638
|
min-height: 0;
|
|
639
639
|
}
|
|
640
640
|
|
|
641
|
-
${
|
|
642
|
-
`),
|
|
641
|
+
${ao}
|
|
642
|
+
`)),pi=ue((function(e,t){var n;const r=$o(),o=rn(),{__unstable_margins:i,allowedAutoPlacements:a,arrow:d=!0,boundaryElement:s=r.element,children:l,content:c,constrainSize:u,disabled:h,fallbackPlacements:f,open:g=!1,padding:p,placement:b="bottom",portal:m=!1,preventOverflow:v,radius:y=3,referenceElement:x,matchReferenceWidth:k,shadow:$=3,scheme:z,style:S=Ke,tether:E,tetherOffset:O,tone:C="inherit",width:R=0,zOffset:L=(null==(n=o.sanity.layer)?void 0:n.popover.zOffset)}=e,H=U(e,w),T=un(t),A=Bo(),[_,I]=ie(null),[M,B]=ie(null),[F,P]=ie(null),D=x||_,j=at(k?"auto":R),N=hi({allowedAutoPlacements:a,arrow:d,arrowElement:F,boundaryElement:s||A.boundaryElement,constrainSize:u,distance:d?4:0,fallbackPlacements:f,margins:i,matchReferenceWidth:k,open:g,preventOverflow:v,skidding:0,tether:E,tetherOffset:O}),V=Ne(D,M,{placement:b,modifiers:N}),{attributes:q,forceUpdate:W,styles:X}=V,Y=he((e=>{const t=l.ref;I(e),"function"==typeof t?t(e):t&&(t.current=e)}),[l]),K=he((e=>{B(e),T.current=e}),[T]),G=oe((()=>Z(Z({},S),X.popper)),[S,X]),Q=ae(null);if(de((()=>{Q.current&&(clearTimeout(Q.current),Q.current=null),Q.current=setTimeout((()=>{if(W)try{W()}catch(e){}}),0)}),[c,W,g,D]),h)return l||J(te,{});const ne=J(fi,Z(Z(Z({"data-ui":"Popover"},H),{},{$preventOverflow:v,ref:K,style:G,zOffset:L},q.popper),{},{children:ee(gi,{$constrainSize:u,$width:j,"data-ui":"PopoverCard",padding:p,radius:y,scheme:z,shadow:$,tone:C,children:[d&&J(ui,{ref:P,style:X.arrow}),c]})}));return ee(te,{children:[l&&!x?fe(l,{ref:Y}):l||J(te,{}),g&&ee(te,{children:[m&&J(Fo,{__unstable_name:"string"==typeof m?m:void 0,children:ne}),!m&&ne]})]})}));const bi=ze.div((function(){return Oe`
|
|
643
643
|
position: relative;
|
|
644
644
|
|
|
645
645
|
&:not([hidden]) {
|
|
@@ -649,7 +649,7 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
649
649
|
&[data-read-only] {
|
|
650
650
|
outline: 1px solid red;
|
|
651
651
|
}
|
|
652
|
-
`}function
|
|
652
|
+
`})),mi=ze.input((function(e){const{theme:t}=e,{focusRing:n,input:r}=t.sanity,o=t.sanity.color.input,i=(r.radio.size-r.radio.markSize)/2;return Oe`
|
|
653
653
|
appearance: none;
|
|
654
654
|
position: absolute;
|
|
655
655
|
top: 0;
|
|
@@ -661,39 +661,39 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
661
661
|
z-index: 1;
|
|
662
662
|
padding: 0;
|
|
663
663
|
margin: 0;
|
|
664
|
-
border-radius: ${
|
|
664
|
+
border-radius: ${Ge(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: ${Ge(r.radio.size)};
|
|
672
|
+
width: ${Ge(r.radio.size)};
|
|
673
|
+
border-radius: ${Ge(r.radio.size/2)};
|
|
674
|
+
background: ${o.default.enabled.bg};
|
|
675
|
+
box-shadow: ${In({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: ${Ge(i)};
|
|
681
|
+
left: ${Ge(i)};
|
|
682
|
+
height: ${Ge(r.radio.markSize)};
|
|
683
|
+
width: ${Ge(r.radio.markSize)};
|
|
684
|
+
border-radius: ${Ge(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: ${Mn({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: ${In({color:o.default.enabled.border,width:r.border.width})};
|
|
697
697
|
}
|
|
698
698
|
|
|
699
699
|
&:checked + span::after {
|
|
@@ -702,31 +702,24 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
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 xs(e){const{theme:t}=e,n=t.sanity.fonts.text;return D`
|
|
722
|
+
`})),vi=ue((function(e,t){const{className:n,disabled:r,style:o,customValidity:i,readOnly:a}=e,d=U(e,k),s=un(t);return hn(s,i),ee(bi,{className:n,"data-ui":"Radio",style:o,children:[J(mi,Z(Z({"data-read-only":!r&&a?"":void 0},d),{},{disabled:r||a,readOnly:a,ref:s,type:"radio"})),J("span",{})]})}));function yi(e){const{theme:t}=e,n=t.sanity.fonts.text;return Oe`
|
|
730
723
|
-webkit-font-smoothing: antialiased;
|
|
731
724
|
appearance: none;
|
|
732
725
|
border: 0;
|
|
@@ -739,40 +732,47 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
739
732
|
&:disabled {
|
|
740
733
|
opacity: 1;
|
|
741
734
|
}
|
|
742
|
-
`}function
|
|
735
|
+
`}function xi(e){const{theme:t}=e,{focusRing:n,input:r}=t.sanity,o=t.sanity.color.input;return Oe`
|
|
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: ${In({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: ${In({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: ${Mn({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: ${In({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: ${In({color:o.default.disabled.border,width:r.border.width})};
|
|
767
|
+
}
|
|
768
|
+
`}function wi(e){const{theme:t,$fontSize:n}=e,{sizes:r}=t.sanity.fonts.text;return Ze(t.sanity.media,n,(e=>{return{fontSize:Ge((t=r[e]||r[2]).fontSize),lineHeight:Ge(t.lineHeight)};var t}))}const ki=function(){return Oe`
|
|
769
|
+
position: relative;
|
|
770
|
+
width: stretch;
|
|
771
|
+
|
|
772
|
+
&:not([hidden]) {
|
|
773
|
+
display: inline-block;
|
|
774
774
|
}
|
|
775
|
-
`}
|
|
775
|
+
`},$i=function(){return[cr,yi,xi,wi,rr]},zi=function(e){const{theme:t}=e,n=t.sanity.color.input;return Oe`
|
|
776
776
|
pointer-events: none;
|
|
777
777
|
position: absolute;
|
|
778
778
|
top: 0;
|
|
@@ -797,12 +797,12 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
797
797
|
select[data-read-only] + && {
|
|
798
798
|
--card-fg-color: ${n.default.readOnly.fg};
|
|
799
799
|
}
|
|
800
|
-
`}
|
|
800
|
+
`},Si=ze.div(ki),Ei=ze.select($i),Oi=ze(Ar)(zi),Ci=ue((function(e,t){const{children:n,customValidity:r,disabled:o,fontSize:i=2,padding:a=3,radius:d=1,readOnly:s,space:l=3}=e,c=U(e,$),u=un(t);return hn(u,r),ee(Si,{"data-ui":"Select",children:[J(Ei,Z(Z({"data-read-only":!o&&s?"":void 0,"data-ui":"Select"},c),{},{$fontSize:at(i),$padding:at(a),$radius:at(d),$space:at(l),disabled:o||s,ref:u,children:n})),J(Oi,{padding:a,children:J(gr,{size:i,children:J(Me,{})})})]})})),Ri={"&&:not([hidden])":{display:"grid"},'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"},gridTemplateColumns:"minmax(0, 1fr)",gridAutoRows:"min-content"};const Li=ze(Ar)((function(){return Ri}),(function(e){const{theme:t}=e,{media:n,space:r}=t.sanity;return Ze(n,e.$space,(e=>({gridGap:Ge(r[e])})))})),Hi=ue((function(e,t){const{as:n,space:r}=e,o=U(e,z);return J(Li,Z(Z({"data-as":"string"==typeof n?n:void 0,"data-ui":"Stack"},o),{},{$space:at(r),forwardedAs:n,ref:t}))}));const Ti=ze.span((function(){return Oe`
|
|
801
801
|
position: relative;
|
|
802
802
|
&:not([hidden]) {
|
|
803
803
|
display: inline-block;
|
|
804
804
|
}
|
|
805
|
-
`}function
|
|
805
|
+
`})),Ai=ze.input((function(){return Oe`
|
|
806
806
|
position: absolute;
|
|
807
807
|
top: 0;
|
|
808
808
|
right: 0;
|
|
@@ -817,18 +817,18 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
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
|
+
`})),_i=ze.span((function(e){const{theme:t}=e,{focusRing:n,input:r}=t.sanity,o=t.sanity.color.button.default;return Oe`
|
|
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: ${Ge(r.switch.width)};
|
|
830
|
+
height: ${Ge(r.switch.height)};
|
|
831
|
+
border-radius: ${Ge(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 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
848
848
|
|
|
849
849
|
/* Focus styles */
|
|
850
850
|
input:focus + && {
|
|
851
|
-
--switch-box-shadow: ${
|
|
851
|
+
--switch-box-shadow: ${Mn({focusRing:n})};
|
|
852
852
|
}
|
|
853
853
|
|
|
854
854
|
input:focus:not(:focus-visible) + && {
|
|
@@ -856,27 +856,27 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
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
|
+
`})),Ii=ze.span((function(e){const{theme:t}=e,{input:n}=t.sanity;return Oe`
|
|
880
880
|
&:not([hidden]) {
|
|
881
881
|
display: block;
|
|
882
882
|
}
|
|
@@ -884,43 +884,43 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
884
884
|
position: absolute;
|
|
885
885
|
left: 0;
|
|
886
886
|
top: 0;
|
|
887
|
-
width: ${
|
|
888
|
-
height: ${
|
|
889
|
-
border-radius: ${
|
|
890
|
-
`}function
|
|
887
|
+
width: ${Ge(n.switch.width)};
|
|
888
|
+
height: ${Ge(n.switch.height)};
|
|
889
|
+
border-radius: ${Ge(n.switch.height/2)};
|
|
890
|
+
`})),Mi=ze.span((function(e){const{$indeterminate:t,theme:n}=e,{input:r}=n.sanity,o=r.switch.width,i=r.switch.height,a=r.switch.padding,d=i-2*r.switch.padding,s=o-2*a-d,l=o/2-d/2-a,c=!0!==t&&!0===e.$checked;return Oe`
|
|
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: ${Ge(a)};
|
|
896
|
+
top: ${Ge(a)};
|
|
897
|
+
height: ${Ge(d)};
|
|
898
|
+
width: ${Ge(d)};
|
|
899
|
+
border-radius: ${Ge(d/2)};
|
|
900
900
|
transition-property: transform;
|
|
901
|
-
transition-duration: ${
|
|
902
|
-
transition-timing-function: ${
|
|
901
|
+
transition-duration: ${r.switch.transitionDurationMs}ms;
|
|
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&&Oe`
|
|
907
|
+
transform: translate3d(${s}px, 0, 0);
|
|
908
908
|
`}
|
|
909
909
|
|
|
910
|
-
${t&&
|
|
911
|
-
transform: translate3d(${
|
|
910
|
+
${t&&Oe`
|
|
911
|
+
transform: translate3d(${l}px, 0, 0);
|
|
912
912
|
`}
|
|
913
|
-
`}
|
|
913
|
+
`})),Bi=ue((function(e,t){const{checked:n,className:r,disabled:o,indeterminate:i,readOnly:a,style:d}=e,s=U(e,S),l=un(t);return de((()=>{l.current&&(l.current.indeterminate=i||!1)}),[i,l]),ee(Ti,{className:r,"data-ui":"Switch",style:d,children:[J(Ai,Z(Z({"data-read-only":!o&&a?"":void 0},s),{},{checked:!0!==i&&n,disabled:o||a,type:"checkbox",ref:l})),ee(_i,{"aria-hidden":!0,"data-name":"representation",children:[J(Ii,{}),J(Mi,{$checked:n,$indeterminate:i})]})]})})),Fi=ze.span(ir),Pi=ze.span`
|
|
914
914
|
flex: 1;
|
|
915
915
|
min-width: 0;
|
|
916
916
|
display: block;
|
|
917
917
|
position: relative;
|
|
918
|
-
`,
|
|
918
|
+
`,Di=ze.textarea(nr,ar,dr),ji=ze.div(cr,sr),Ni=ue((function(e,t){const{border:n=!0,customValidity:r,disabled:o=!1,fontSize:i=2,padding:a=3,radius:d=1,weight:s}=e,l=U(e,E),c=un(t),u=tn();return hn(c,r),J(Fi,{"data-ui":"TextArea",children:ee(Pi,{children:[J(Di,Z(Z({"data-as":"textarea","data-scheme":u.scheme,"data-tone":u.tone},l),{},{$fontSize:at(i),$padding:at(a),$scheme:u.scheme,$space:at(0),$tone:u.tone,$weight:s,disabled:o,ref:c})),J(ji,{$border:n,$radius:at(d),$scheme:u.scheme,$tone:u.tone,"data-scheme":u.scheme,"data-tone":u.tone})]})})})),Vi={zIndex:2},qi=ze(Qr).attrs({forwardedAs:"span"})(ir),Wi=ze.span`
|
|
919
919
|
flex: 1;
|
|
920
920
|
min-width: 0;
|
|
921
921
|
display: block;
|
|
922
922
|
position: relative;
|
|
923
|
-
`,
|
|
923
|
+
`,Xi=ze(Qr).attrs({forwardedAs:"span"})`
|
|
924
924
|
border-top-right-radius: 0;
|
|
925
925
|
border-bottom-right-radius: 0;
|
|
926
926
|
|
|
@@ -928,7 +928,7 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
928
928
|
display: block;
|
|
929
929
|
margin: -1px;
|
|
930
930
|
}
|
|
931
|
-
`,
|
|
931
|
+
`,Yi=ze(Qr).attrs({forwardedAs:"span"})`
|
|
932
932
|
border-top-left-radius: 0;
|
|
933
933
|
border-bottom-left-radius: 0;
|
|
934
934
|
|
|
@@ -936,20 +936,20 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
936
936
|
display: block;
|
|
937
937
|
margin: -1px;
|
|
938
938
|
}
|
|
939
|
-
`,
|
|
939
|
+
`,Ki=ze.input(nr,ar,dr),Ui=ze.span(cr,sr),Gi=ze(Ar)`
|
|
940
940
|
position: absolute;
|
|
941
941
|
top: 0;
|
|
942
942
|
left: 0;
|
|
943
|
-
`,
|
|
943
|
+
`,Zi=ze(Ar)`
|
|
944
944
|
position: absolute;
|
|
945
945
|
top: 0;
|
|
946
946
|
right: 0;
|
|
947
|
-
`,
|
|
947
|
+
`,Qi=ze(Qr)`
|
|
948
948
|
background-color: transparent;
|
|
949
949
|
position: absolute;
|
|
950
950
|
top: 0;
|
|
951
951
|
right: 0;
|
|
952
|
-
`,
|
|
952
|
+
`,Ji=ue((function(e,t){const{border:n=!0,clearButton:r,disabled:o=!1,fontSize:i=2,icon:a,iconRight:d,onClear:s,padding:l=3,prefix:c,radius:u=1,readOnly:h,space:f=3,suffix:g,customValidity:p,type:b="text",weight:m}=e,v=U(e,O),y=un(t),x=tn(),w=at(i),k=at(l),$=at(u),z=at(f),S=Boolean(r),E=Boolean(a),C=Boolean(d),R=Boolean(g),L=Boolean(c);hn(y,p);const H=he((e=>{e.preventDefault(),e.stopPropagation()}),[]),T=he((e=>{var t;e.preventDefault(),e.stopPropagation(),s&&s(),null==(t=y.current)||t.focus()}),[s,y]),A=oe((()=>c&&J(Xi,{borderTop:!0,borderLeft:!0,borderBottom:!0,radius:$,sizing:"border",tone:"inherit",children:J("span",{children:c})})),[c,$]),_=oe((()=>ee(Ui,{$border:n,$hasPrefix:L,$hasSuffix:R,$radius:$,$scheme:x.scheme,$tone:x.tone,"data-scheme":x.scheme,"data-tone":x.tone,children:[a&&J(Gi,{padding:k,children:ee(gr,{size:w,children:[ge(a)&&a,$e(a)&&pe(a)]})}),!S&&d&&J(Zi,{padding:k,children:ee(gr,{size:w,children:[ge(d)&&d,$e(d)&&pe(d)]})})]})),[n,w,a,d,k,$,x,S,L,R]),I=oe((()=>k.map((e=>0===e?0:1===e||2===e?1:e-2))),[k]),M=oe((()=>k.map((e=>0===e||1===e?0:2===e?1:e-1))),[k]),B=oe((()=>"object"==typeof r?r:Ke),[r]),F=oe((()=>!o&&!h&&r&&J(Qi,{forwardedAs:"span",padding:I,style:Vi,tone:p?"critical":"inherit",children:J(Kr,Z(Z({"data-qa":"clear-button",fontSize:w,icon:Be,mode:"bleed",padding:M,radius:$},B),{},{onClick:T,onMouseDown:H}))})),[r,I,M,B,p,o,w,T,H,$,h]),P=oe((()=>g&&J(Yi,{borderTop:!0,borderRight:!0,borderBottom:!0,radius:$,sizing:"border",tone:"inherit",children:J("span",{children:g})})),[$,g]);return ee(qi,{"data-ui":"TextInput",tone:x.tone,children:[A,ee(Wi,{children:[J(Ki,Z(Z({"data-as":"input","data-scheme":x.scheme,"data-tone":x.tone},v),{},{$fontSize:w,$iconLeft:E,$iconRight:C||S,$padding:k,$scheme:x.scheme,$space:z,$tone:x.tone,$weight:m,disabled:o,readOnly:h,ref:y,type:b})),_,F]}),P]})})),ea=ze.div`
|
|
953
953
|
position: absolute;
|
|
954
954
|
width: 15px;
|
|
955
955
|
height: 15px;
|
|
@@ -993,21 +993,21 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
993
993
|
transform: rotate(180deg);
|
|
994
994
|
}
|
|
995
995
|
}
|
|
996
|
-
`,
|
|
996
|
+
`,ta=ze.path`
|
|
997
997
|
fill: var(--card-shadow-outline-color);
|
|
998
|
-
`,
|
|
998
|
+
`,na=ze.path`
|
|
999
999
|
fill: var(--card-bg-color);
|
|
1000
|
-
`,
|
|
1000
|
+
`,ra=ue((function(e,t){const n=K({},e);return J(ea,Z(Z({},n),{},{ref:t,children:ee("svg",{width:"15",height:"15",viewBox:"0 0 15 15",children:[J(ta,{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(na,{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"})]})}))})),oa=ze(To)`
|
|
1001
1001
|
pointer-events: none;
|
|
1002
|
-
`,
|
|
1002
|
+
`,ia=ue((function(e,t){var n;const r=$o(),o=rn(),{allowedAutoPlacements:i,boundaryElement:a=(null==r?void 0:r.element),children:d,content:s,disabled:l,fallbackPlacements:c,placement:u="bottom",portal:h,scheme:f,zOffset:g=(null==(n=o.sanity.layer)?void 0:n.tooltip.zOffset)}=e,p=U(e,C),b=at(c),m=un(t),[v,y]=ie(null),[x,w]=ie(null),[k,$]=ie(null),z=Ne(v,x,{placement:u,modifiers:[{name:"arrow",options:{element:k,padding:4}},{name:"preventOverflow",options:{altAxis:!0,boundary:a||void 0,padding:4}},{name:"offset",options:{offset:[0,3]}},{name:"flip",options:{allowedAutoPlacements:i,fallbackPlacements:b}}]}),{forceUpdate:S}=z,[E,O]=ie(!1),R=he((()=>O(!1)),[]),L=he((()=>O(!0)),[]),H=he((()=>O(!0)),[]),T=he((()=>O(!1)),[]);de((()=>{if(E)return window.addEventListener("mousemove",e),()=>{window.removeEventListener("mousemove",e)};function e(t){if(!v)return;v===t.target||t.target instanceof Node&&v.contains(t.target)||(O(!1),window.removeEventListener("mousemove",e))}}),[E,v]);const A=ae(null);de((()=>{A.current&&(clearTimeout(A.current),A.current=null),A.current=setTimeout((()=>{if(S)try{S()}catch(e){}}),0)}),[S,s]),de((()=>{l&&O(!1)}),[l]),de((()=>{s||O(!1)}),[s]);if(!d)return J(te,{});if(l)return d;const _=fe(d,{onBlur:R,onFocus:L,onMouseEnter:H,onMouseLeave:T,ref:y}),I=J(oa,Z(Z(Z({"data-ui":"Tooltip"},p),z.attributes.popper),{},{ref:e=>{w(e),m.current=e},style:z.styles.popper,zOffset:g,children:ee(Qr,{radius:2,scheme:f,shadow:3,children:[s,J(ra,{ref:$,style:z.styles.arrow})]})}));return ee(te,{children:[_,E&&ee(te,{children:[h&&J(Fo,{__unstable_name:"string"==typeof h?h:void 0,children:I}),!h&&I]})]})})),aa=ze.div`
|
|
1003
1003
|
line-height: 0;
|
|
1004
|
-
`,
|
|
1004
|
+
`,da=ze(Ar)`
|
|
1005
1005
|
& > ul {
|
|
1006
1006
|
list-style: none;
|
|
1007
1007
|
padding: 0;
|
|
1008
1008
|
margin: 0;
|
|
1009
1009
|
}
|
|
1010
|
-
`,
|
|
1010
|
+
`,sa=ze(pi)`
|
|
1011
1011
|
& > div {
|
|
1012
1012
|
overflow: auto;
|
|
1013
1013
|
-webkit-overflow-scrolling: touch;
|
|
@@ -1016,7 +1016,7 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
1016
1016
|
&[data-popper-reference-hidden='true'] {
|
|
1017
1017
|
display: none;
|
|
1018
1018
|
}
|
|
1019
|
-
`,
|
|
1019
|
+
`,la=Ce`
|
|
1020
1020
|
from {
|
|
1021
1021
|
transform: rotate(0deg);
|
|
1022
1022
|
}
|
|
@@ -1024,9 +1024,9 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
1024
1024
|
to {
|
|
1025
1025
|
transform: rotate(360deg);
|
|
1026
1026
|
}
|
|
1027
|
-
`,
|
|
1028
|
-
animation: ${
|
|
1029
|
-
`;function
|
|
1027
|
+
`,ca=ze(Ae)`
|
|
1028
|
+
animation: ${la} 500ms linear infinite;
|
|
1029
|
+
`;function ua(e){const{children:t,id:n,onSelect:r,selected:o,value:i}=e,a=he((()=>{setTimeout((()=>{r(i)}),0)}),[r,i]),d=he((e=>{"Enter"!==e.key||Xo(e.currentTarget)||a()}),[a]);return J("li",{"aria-selected":o,"data-ui":"AutocompleteOption",id:n,role:"option",onClick:a,onKeyDown:d,children:t})}function ha(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 fa=["Control","Shift","Alt","Enter","Home","End","PageUp","PageDown","Meta","Tab","CapsLock"],ga=[0,1,1,1],pa=["top-start"],ba=(e,t)=>t?t.value:e,ma=(e,t)=>t.value.toLowerCase().indexOf(e.toLowerCase())>-1,va=ue((function(e,t){const{border:n=!0,customValidity:r,disabled:o,filterOption:i,fontSize:a=2,icon:d,id:s,listBox:l={},loading:c,onBlur:u,onChange:h,onFocus:f,onQueryChange:g,onSelect:p,openButton:b,options:m,padding:v=3,popover:y={},prefix:x,radius:w=3,readOnly:k,relatedElements:$,renderOption:z,renderPopover:S,renderValue:E=ba,suffix:O,value:C}=e,L=U(e,R),[H,T]=be(ha,{activeValue:C||null,focused:!1,listFocused:!1,query:null,value:C||null}),{activeValue:A,focused:_,listFocused:I,query:M,value:B}=H,F=he((({value:e})=>J(Qr,{"data-as":"button",padding:v,radius:2,tone:"inherit",children:J(gr,{size:a,textOverflow:"ellipsis",children:e})})),[a,v]),P="function"==typeof z?z:F,D="function"==typeof i?i:ma,[j,N]=ie(null),[V,q]=ie(null),W=ae(null),X=ae(null),Y=ae(null),K=ae(B),G=ae(C),Q=un(t),te=ae(!1),ne=`${s}-listbox`,re=Array.isArray(m)?m:Ye,se=at(v),le=oe((()=>null!==B?re.find((e=>e.value===B)):void 0),[re,B]),ce=oe((()=>re.filter((e=>!M||D(M,e)))),[D,re,M]),ue=ce.length,ge=A?`${s}-option-${A}`:void 0,pe=null!==M&&c||_&&null!==M,me=he((e=>{setTimeout((()=>{if(te.current)return;const t=($||[]).concat(j?[j]:[],V?[V]:[]);let n=!1;if(document.activeElement)for(const e of t)if(e===document.activeElement||e.contains(document.activeElement)){n=!0;break}!1===n&&(T({type:"root/blur"}),te.current=!1,g&&g(null),u&&u(e))}),0)}),[u,g,$,V,j]),ve=he((e=>{const t=X.current,n=e.target instanceof HTMLElement?e.target:null;Y.current=n;const r=Boolean(t&&n&&t.contains(n));T({type:"root/setListFocused",listFocused:r})}),[]),ye=he((e=>{var t;T({type:"value/change",value:e}),te.current=!1,p&&p(e),K.current=e,h&&h(e),g&&g(null),null==(t=W.current)||t.focus()}),[h,p,g]),xe=he((e=>{var t,n;if("ArrowDown"===e.key){if(e.preventDefault(),!ue)return;const t=ce.find((e=>e.value===A)),n=t?ce.indexOf(t):-1,r=ce[(n+1)%ue];return void(r&&T({type:"root/setActiveValue",value:r.value,listFocused:!0}))}if("ArrowUp"===e.key){if(e.preventDefault(),!ue)return;const t=ce.find((e=>e.value===A)),n=t?ce.indexOf(t):-1,r=ce[-1===n?ue-1:(ue+n-1)%ue];return void(r&&T({type:"root/setActiveValue",value:r.value,listFocused:!0}))}if("Escape"===e.key)return T({type:"root/escape"}),te.current=!1,g&&g(null),void(null==(t=W.current)||t.focus());const r=e.target,o=X.current;o!==r&&!(null==o?void 0:o.contains(r))||fa.includes(e.key)||null==(n=W.current)||n.focus()}),[A,ce,ue,g]),we=he((e=>{const t=e.currentTarget.value;T({type:"input/change",query:t}),g&&g(t)}),[g]),ke=he((e=>{_||(T({type:"input/focus"}),f&&f(e))}),[_,f]),$e=he((()=>{te.current=!0}),[]),ze=he((()=>{te.current=!1}),[]),Se=he((()=>{var e;T({type:"root/clear"}),K.current="",h&&h(""),g&&g(null),null==(e=W.current)||e.focus()}),[h,g]),Ee=he((()=>{T({type:"input/focus"})}),[]);de((()=>{if(C!==G.current)return G.current=C,void(void 0!==C&&(T({type:"value/change",value:C}),K.current=C));C!==B&&T({type:"value/change",value:C||null})}),[C,B]),de((()=>{_||K.current&&T({type:"root/setActiveValue",value:K.current})}),[_]),de((()=>{const e=X.current;if(!e)return;const t=ce.find((e=>e.value===A));if(t){const n=ce.indexOf(t),r=e.childNodes[n];if(r){if(Jo(r))return;ni(r)}}}),[A,ce]);const Oe=he((e=>{W.current=e,Q.current=e}),[Q]),Ce=oe((()=>{if(!c&&!o&&B)return{"aria-label":"Clear",onFocus:Ee}}),[o,Ee,c,B]),Re=oe((()=>se.map((e=>0===e?0:1===e||2===e?1:e-2))),[se]),Le=oe((()=>se.map((e=>0===e||1===e?0:2===e?1:e-1))),[se]),He=oe((()=>"object"==typeof b?b:Ke),[b]),Te=he((e=>{T({type:"root/open",query:B?E(B,le):""}),He.onClick&&He.onClick(e),qo((()=>{var e;return null==(e=W.current)?void 0:e.focus()}))}),[le,He,E,B]),Ae=oe((()=>o||k||!b?void 0:J(Ar,{"aria-hidden":pe,padding:Re,children:J(Kr,Z(Z({"aria-label":"Open",disabled:pe,fontSize:a,icon:Fe,mode:"bleed",padding:Le},He),{},{onClick:Te}))})),[o,pe,a,Te,b,Re,Le,He,k]),_e=oe((()=>null===M?null!==B?E(B,le):"":M),[le,M,E,B]),Ie=J(Ji,Z(Z({},L),{},{"aria-activedescendant":ge,"aria-autocomplete":"list","aria-expanded":pe,"aria-owns":ne,autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",border:n,clearButton:Ce,customValidity:r,disabled:o,fontSize:a,icon:d,iconRight:c&&ca,id:s,inputMode:"search",onChange:we,onClear:Se,onFocus:ke,padding:se,prefix:x,radius:w,readOnly:k,ref:Oe,role:"combobox",spellCheck:!1,suffix:O||Ae,value:_e})),Me=he((e=>{var t;"Tab"===e.key&&I&&(null==(t=W.current)||t.focus())}),[I]),Be=oe((()=>0===ce.length?null:J(da,Z(Z({"data-ui":"AutoComplete__results",onKeyDown:Me,padding:1},l),{},{tabIndex:-1,children:J(Hi,{as:"ul","aria-multiselectable":!1,"data-ui":"AutoComplete__resultsList",id:ne,ref:X,role:"listbox",space:1,children:ce.map((e=>{const t=null!==A?e.value===A:le===e;return J(ua,{id:`${s}-option-${e.value}`,onSelect:ye,selected:t,value:e.value,children:fe(P(e),{disabled:c,selected:t,tabIndex:I&&t?0:-1})},e.value)}))})}))),[A,le,ce,ye,Me,s,l,ne,I,c,P]),Pe=oe((()=>S?S({content:Be,hidden:!pe,inputElement:W.current,onMouseEnter:$e,onMouseLeave:ze},q):0===ue?null:J(sa,Z({__unstable_margins:ga,arrow:!1,constrainSize:!0,content:Be,fallbackPlacements:pa,matchReferenceWidth:!0,onMouseEnter:$e,onMouseLeave:ze,open:pe,placement:"bottom-start",portal:!0,radius:w,ref:q,referenceElement:W.current},y))),[Be,pe,ue,$e,ze,y,w,S]);return ee(aa,{"data-ui":"Autocomplete",onBlur:me,onFocus:ve,onKeyDown:xe,ref:N,children:[Ie,Pe]})})),ya=va,xa=ze.ol`
|
|
1030
1030
|
margin: 0;
|
|
1031
1031
|
padding: 0;
|
|
1032
1032
|
display: flex;
|
|
@@ -1034,10 +1034,10 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
1034
1034
|
align-items: center;
|
|
1035
1035
|
white-space: nowrap;
|
|
1036
1036
|
line-height: 0;
|
|
1037
|
-
`,
|
|
1037
|
+
`,wa=ze(Kr)`
|
|
1038
1038
|
appearance: none;
|
|
1039
1039
|
margin: -4px;
|
|
1040
|
-
`,
|
|
1040
|
+
`,ka=ue((function(e,t){const{children:n,maxLength:r,separator:o,space:i=2}=e,a=U(e,L),d=at(i),[s,l]=ie(!1),[c,u]=ie(null),[h,f]=ie(null),g=he((()=>l(!1)),[]),p=he((()=>l(!0)),[]);st(g,[c,h]);const b=oe((()=>me.toArray(n).filter((e=>ge(e)))),[n]),m=oe((()=>{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(pi,{constrainSize:!0,content:J(Hi,{as:"ol",overflow:"auto",padding:d,space:d,children:b.slice(t-1,e-n)}),open:s,placement:"top",portal:!0,ref:f,children:J(wa,{fontSize:1,mode:"bleed",onClick:s?g:p,padding:1,ref:u,selected:s,text:"…"})},"button"),...b.slice(e-n)]}return b}),[g,p,r,s,b,d]);return J(xa,Z(Z({"data-ui":"Breadcrumbs"},a),{},{ref:t,children:m.map(((e,t)=>ee(ve,{children:[t>0&&J(Ar,{"aria-hidden":!0,as:"li",paddingX:d,children:o||J(gr,{muted:!0,children:"/"})}),J(Ar,{as:"li",children:e})]},t)))}))}));const $a=Symbol.for("@sanity/ui/context/dialog");Gt[$a]=Gt[$a]||se({version:0});const za=Gt[$a];function Sa(){return le(za)}const Ea=ze(To)(lr,(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 Ze(n,e.$position,(e=>({"&&":{position:e}})))})),Oa=ze(lo)`
|
|
1041
1041
|
&:not([hidden]) {
|
|
1042
1042
|
display: flex;
|
|
1043
1043
|
}
|
|
@@ -1046,7 +1046,7 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
1046
1046
|
flex-direction: column;
|
|
1047
1047
|
align-items: center;
|
|
1048
1048
|
justify-content: center;
|
|
1049
|
-
`,
|
|
1049
|
+
`,Ca=ze(Qr)`
|
|
1050
1050
|
&:not([hidden]) {
|
|
1051
1051
|
display: flex;
|
|
1052
1052
|
}
|
|
@@ -1054,11 +1054,11 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
1054
1054
|
min-height: 0;
|
|
1055
1055
|
max-height: 100%;
|
|
1056
1056
|
overflow: hidden;
|
|
1057
|
-
`,
|
|
1057
|
+
`,Ra=ze(Dr)`
|
|
1058
1058
|
flex: 1;
|
|
1059
1059
|
min-height: 0;
|
|
1060
1060
|
width: 100%;
|
|
1061
|
-
`,
|
|
1061
|
+
`,La=ze(Qr)`
|
|
1062
1062
|
position: relative;
|
|
1063
1063
|
z-index: 2;
|
|
1064
1064
|
|
|
@@ -1071,33 +1071,33 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
1071
1071
|
bottom: -1px;
|
|
1072
1072
|
border-bottom: 1px solid var(--card-hairline-soft-color);
|
|
1073
1073
|
}
|
|
1074
|
-
`,
|
|
1074
|
+
`,Ha=ze(Ar)`
|
|
1075
1075
|
position: relative;
|
|
1076
1076
|
z-index: 1;
|
|
1077
1077
|
overflow: auto;
|
|
1078
1078
|
outline: none;
|
|
1079
|
-
`,
|
|
1079
|
+
`,Ta=ze(Ar)`
|
|
1080
1080
|
position: relative;
|
|
1081
1081
|
z-index: 3;
|
|
1082
1082
|
border-top: 1px solid var(--card-hairline-soft-color);
|
|
1083
|
-
`,
|
|
1083
|
+
`,Aa=ue((function(e,t){const{__unstable_autoFocus:n,__unstable_hideCloseButton:r,children:o,contentRef:i,footer:a,header:d,id:s,onClickOutside:l,onClose:c,radius:u,scheme:h,shadow:f,width:g}=e,p=at(u),b=at(f),m=at(g),v=un(t),[y,x]=ie(null),w=ae(null),k=Co(),{isTopLayer:$}=k,z=`${s}_label`,S=Boolean(c)&&!1===r,E=Boolean(d)||S;de((()=>{n&&v.current&&ni(v.current)}),[n,v]),ft(he((e=>{$&&c&&"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),c())}),[$,c])),st(he((()=>{$&&l&&l()}),[$,l]),[y]);const O=he((e=>{x(e),v.current=e}),[v]),C=he((e=>{w.current=e,"function"==typeof i?i(e):i&&(i.current=e)}),[i]);return J(Oa,{"data-ui":"DialogCard",width:m,children:J(Ca,{radius:p,ref:O,scheme:h,shadow:b,children:ee(Ra,{direction:"column",children:[E&&J(La,{children:ee(Dr,{children:[J(Ar,{flex:1,padding:4,children:d&&J(gr,{id:z,weight:"semibold",children:d})}),S&&J(Ar,{padding:2,children:J(Kr,{"aria-label":"Close dialog",disabled:!c,icon:Be,mode:"bleed",onClick:c,padding:3})})]})}),J(Ha,{flex:1,ref:C,tabIndex:-1,children:o}),a&&J(Ta,{children:a})]})})})})),_a=ue((function(e,t){var n;const r=Sa(),o=rn(),{__unstable_autoFocus:i=!0,__unstable_hideCloseButton:a=!1,cardRadius:d=3,cardShadow:s=4,children:l,contentRef:c,footer:u,header:h,id:f,onClickOutside:g,onClose:p,padding:b=4,portal:m,position:v=r.position||"fixed",scheme:y,width:x=0,zOffset:w=r.zOffset||(null==(n=o.sanity.layer)?void 0:n.dialog.zOffset)}=e,k=U(e,H),$=at(d),z=at(b),S=at(v),E=at(x),O=at(w),C=ae(null),R=ae(null),L=ae(null),T=he((e=>{const t=e.target,n=L.current;n&&(t!==C.current?t!==R.current||ni(n):ri(n))}),[]),A=`${f}_label`;return J(Fo,{__unstable_name:m,children:ee(Ea,Z(Z({},k),{},{$padding:z,$position:S,"aria-labelledby":A,"aria-modal":!0,"data-ui":"Dialog",id:f,onFocus:T,ref:t,role:"dialog",zOffset:O,children:[J("div",{ref:C,tabIndex:0}),J(Aa,{__unstable_autoFocus:i,__unstable_hideCloseButton:a,contentRef:c,footer:u,header:h,id:f,onClickOutside:g,onClose:p,radius:$,ref:L,scheme:y,shadow:s,width:E,children:l}),J("div",{ref:R,tabIndex:0})]}))})}));function Ia(e){const{children:t,position:n,zOffset:r}=e,o=oe((()=>({version:0,position:n,zOffset:r})),[n,r]);return J(za.Provider,{value:o,children:t})}const Ma=ze.kbd`
|
|
1084
1084
|
&:not([hidden]) {
|
|
1085
1085
|
display: block;
|
|
1086
1086
|
}
|
|
1087
1087
|
font: inherit;
|
|
1088
|
-
`,
|
|
1088
|
+
`,Ba=ze(vo)`
|
|
1089
1089
|
&:not([hidden]) {
|
|
1090
1090
|
display: block;
|
|
1091
1091
|
}
|
|
1092
|
-
`,
|
|
1092
|
+
`,Fa=ue((function(e,t){const{fontSize:n,keys:r,padding:o,radius:i,space:a=1}=e,d=U(e,T),s=at(a);return r&&0!==r.length?J(Ma,Z(Z({"data-ui":"Hotkeys"},d),{},{ref:t,children:J(bo,{as:"span",space:s,children:r.map(((e,t)=>J(Ba,{fontSize:n,padding:o,radius:i,children:e},t)))})})):J(te,{})})),Pa=Symbol.for("@sanity/ui/context/menu");Gt[Pa]=Gt[Pa]||se(null);const Da=Gt[Pa];function ja(e){return Ko(e)&&"true"!==e.getAttribute("data-disabled")||Go(e)&&!e.disabled}function Na(e){return e.filter(ja)}function Va(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 qa=[];function Wa(e){const{onKeyDown:t,originElement:n,shouldFocus:r}=e,o=ae([]),[i,a]=ie(null),[d,s]=ie(-1),l=ae(d),c=o.current[d]||null,u=Boolean(i),h=he((e=>{s(e),l.current=e}),[]),f=he(((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,Va(e,r));t.sort(((e,t)=>{const r=n.get(e)||qa,o=n.get(t)||qa,i=Math.max(r.length,o.length);for(let e=0;e<i;e+=1){const t=r[e]||-1,n=o[e]||-1;if(t!==n)return t-n}return 0}))}(i,o.current)),t){const t=o.current.indexOf(e);h(t)}return()=>{const t=o.current.indexOf(e);t>-1&&o.current.splice(t,1)}}),[i,h]),g=he((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=Na(o.current),n=t.length;if(0===n)return;const r=o.current[l.current];let i=t.indexOf(r);i=(i+1)%n;const a=t[i],d=o.current.indexOf(a);h(d)}else{e.preventDefault(),e.stopPropagation();const t=Na(o.current),n=t.length;if(0===n)return;const r=o.current[l.current];let i=t.indexOf(r);i=(i-1+n)%n;const a=t[i],d=o.current.indexOf(a);h(d)}else{e.preventDefault(),e.stopPropagation();const t=Na(o.current),n=t[t.length-1];if(!n)return;const r=o.current.indexOf(n);h(r)}else{e.preventDefault(),e.stopPropagation();const t=Na(o.current)[0];if(!t)return;const n=o.current.indexOf(t);h(n)}else n&&n.focus()}),[t,n,h]),p=he((e=>{const t=e.currentTarget,n=o.current.indexOf(t);h(n)}),[h]),b=he((()=>{null==i||i.focus(),h(-1)}),[i,h]);return de((()=>{if(!u)return;const e=window.requestAnimationFrame((()=>{const e=l.current;if(-1===e){if("first"===r){const e=Na(o.current)[0];if(e){const t=o.current.indexOf(e);h(t),l.current=t}}if("last"===r){const e=Na(o.current),t=e[e.length-1];if(t){const e=o.current.indexOf(t);h(e),l.current=e}}return}const t=o.current[e]||null;null==t||t.focus()}));return()=>{window.cancelAnimationFrame(e)}}),[d,u,h,r]),{activeElement:c,activeIndex:d,handleItemMouseEnter:p,handleItemMouseLeave:b,handleKeyDown:g,mount:f,rootElement:i,setRootElement:a}}const Xa=ze(Ar)`
|
|
1093
1093
|
outline: none;
|
|
1094
1094
|
overflow: auto;
|
|
1095
|
-
`,
|
|
1095
|
+
`,Ya=ue((function(e,t){const{children:n,focusFirst:r,focusLast:o,onClickOutside:i,onEscape:a,onItemClick:d,onItemSelect:s,onKeyDown:l,originElement:c,padding:u=1,registerElement:h,shouldFocus:f=(e.focusFirst?"first":e.focusLast&&"last")||null,space:g=1}=e,p=U(e,A),b=un(t),{isTopLayer:m}=Co(),{activeElement:v,activeIndex:y,handleItemMouseEnter:x,handleItemMouseLeave:w,handleKeyDown:k,mount:$,rootElement:z,setRootElement:S}=Wa({onKeyDown:l,originElement:c,shouldFocus:f}),E=he((e=>{S(e),b.current=e}),[b,S]);de((()=>{s&&s(y)}),[y,s]),st(he((e=>m&&i&&i(e)),[m,i]),[z]),ft(he((e=>{m&&"Escape"===e.key&&(e.stopPropagation(),a&&a())}),[m,a])),de((()=>{if(z&&h)return h(z)}),[h,z]);const O=oe((()=>({version:0,activeElement:v,activeIndex:y,mount:$,onClickOutside:i,onEscape:a,onItemClick:d,onItemMouseEnter:x,onItemMouseLeave:w,registerElement:h,onMouseEnter:x,onMouseLeave:w})),[v,y,$,x,w,i,a,d,h]);return J(Da.Provider,{value:O,children:J(Xa,Z(Z({"data-ui":"Menu"},p),{},{onKeyDown:k,padding:u,ref:E,role:"menu",tabIndex:-1,children:J(Hi,{space:g,children:n})}))})})),Ka=ue((function(e,t){const{__unstable_disableRestoreFocusOnClose:n=!1,boundaryElement:r,button:o,id:i,menu:a,onClose:d,placement:s,popoverScheme:l,portal:c=!0,popover:u,popoverRadius:h,preventOverflow:f}=e,[g,p]=ie(!1),[b,m]=ie(null),[v,y]=ie(null),[x,w]=ie([]),k=ae(g);de((()=>{d&&!g&&k.current&&d()}),[d,g]),de((()=>{k.current=g}),[g]);const $=he((()=>{p((e=>!e)),m(null)}),[]),z=he((e=>"ArrowDown"===e.key||"Enter"===e.key||" "===e.key?(e.preventDefault(),p(!0),void m("first")):"ArrowUp"===e.key?(e.preventDefault(),p(!0),void m("last")):void 0),[]),S=he((e=>{const t=e.target;if(t instanceof Node&&(!v||t!==v&&!v.contains(t))){for(const e of x)if(t===e||e.contains(t))return;p(!1)}}),[v,x]),E=he((()=>{p(!1),n||v&&v.focus()}),[v,n]),O=he((e=>{const t=e.relatedTarget;if(t instanceof Node){for(const e of x)if(e===t||e.contains(t))return;p(!1)}}),[x]),C=he((()=>{p(!1),n||v&&v.focus()}),[v,n]),R=he((e=>(w((t=>t.concat([e]))),()=>{w((t=>t.filter((t=>t!==e))))})),[]),L=oe((()=>({"aria-labelledby":i,onBlurCapture:O,onClickOutside:S,onEscape:E,onItemClick:C,originElement:v,registerElement:R,shouldFocus:b})),[v,S,E,C,i,O,R,b]),H=we(a)?fe(a,L):null,T=he((e=>{"function"==typeof t?t(e):t&&(t.current=e),y(e)}),[t]),A=oe((()=>we(o)?fe(o,{"data-ui":"MenuButton",id:i,onClick:$,onKeyDown:z,"aria-haspopup":!0,"aria-expanded":g,ref:T,selected:g}):null),[o,$,z,i,g,T]),_=oe((()=>Z({boundaryElement:r,placement:s,portal:c,radius:h,preventOverflow:f,scheme:l},u||{})),[r,f,s,u,h,c,l]);return J(pi,Z(Z({},_),{},{content:H,"data-ui":"MenuButton__popover",open:g,children:A||J(te,{})}))})),Ua=ze.hr`
|
|
1096
1096
|
height: 1px;
|
|
1097
1097
|
border: 0;
|
|
1098
1098
|
background: var(--card-hairline-soft-color);
|
|
1099
1099
|
margin: 0;
|
|
1100
|
-
`;
|
|
1100
|
+
`;const Ga=ze(Ar)(cr,(function(){return Oe`
|
|
1101
1101
|
background-color: inherit;
|
|
1102
1102
|
color: inherit;
|
|
1103
1103
|
|
|
@@ -1115,8 +1115,8 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
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:i,muted:a,selectable:d}=o.sanity.color,s=d?d[r]||d.default:a[r]||a.default;return Oe`
|
|
1119
|
+
${qr(i,s.enabled)}
|
|
1120
1120
|
|
|
1121
1121
|
background-color: var(--card-bg-color);
|
|
1122
1122
|
color: var(--card-fg-color);
|
|
@@ -1125,27 +1125,27 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
1125
1125
|
/* &:is(button) */
|
|
1126
1126
|
&[data-as='button'] {
|
|
1127
1127
|
&:disabled {
|
|
1128
|
-
${
|
|
1128
|
+
${qr(i,s.disabled)}
|
|
1129
1129
|
}
|
|
1130
1130
|
|
|
1131
1131
|
&:not(:disabled) {
|
|
1132
1132
|
&[aria-pressed='true'] {
|
|
1133
|
-
${
|
|
1133
|
+
${qr(i,s.pressed)}
|
|
1134
1134
|
}
|
|
1135
1135
|
|
|
1136
1136
|
&[data-selected],
|
|
1137
1137
|
&[aria-selected='true'] > & {
|
|
1138
|
-
${
|
|
1138
|
+
${qr(i,s.selected)}
|
|
1139
1139
|
}
|
|
1140
1140
|
|
|
1141
1141
|
@media (hover: hover) {
|
|
1142
1142
|
&:not([data-selected]) {
|
|
1143
1143
|
&:hover {
|
|
1144
|
-
${
|
|
1144
|
+
${qr(i,s.hovered)}
|
|
1145
1145
|
}
|
|
1146
1146
|
|
|
1147
1147
|
&:active {
|
|
1148
|
-
${
|
|
1148
|
+
${qr(i,s.pressed)}
|
|
1149
1149
|
}
|
|
1150
1150
|
}
|
|
1151
1151
|
}
|
|
@@ -1155,41 +1155,41 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
1155
1155
|
/* &:is(a) */
|
|
1156
1156
|
&[data-as='a'] {
|
|
1157
1157
|
&[data-disabled] {
|
|
1158
|
-
${
|
|
1158
|
+
${qr(i,s.disabled)}
|
|
1159
1159
|
}
|
|
1160
1160
|
|
|
1161
1161
|
&:not([data-disabled]) {
|
|
1162
1162
|
&[data-pressed] {
|
|
1163
|
-
${
|
|
1163
|
+
${qr(i,s.pressed)}
|
|
1164
1164
|
}
|
|
1165
1165
|
|
|
1166
1166
|
&[data-selected] {
|
|
1167
|
-
${
|
|
1167
|
+
${qr(i,s.selected)}
|
|
1168
1168
|
}
|
|
1169
1169
|
|
|
1170
1170
|
@media (hover: hover) {
|
|
1171
1171
|
&:not([data-selected]) {
|
|
1172
1172
|
&:hover {
|
|
1173
|
-
${
|
|
1173
|
+
${qr(i,s.hovered)}
|
|
1174
1174
|
}
|
|
1175
1175
|
|
|
1176
1176
|
&:active {
|
|
1177
|
-
${
|
|
1177
|
+
${qr(i,s.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 Za(){const e=le(Da);if(!e)throw new Error("useMenu(): missing context value");if(!en(e)||0!==e.version)throw new Error("useMenu(): the context value is not compatible");return e}function Qa(e){const{as:t="button",children:n,fontSize:r,icon:o,onClick:i,padding:a=3,popover:d,radius:s=2,space:l=3,text:c,tone:u="default"}=e,h=U(e,_),f=Za(),{activeElement:g,mount:p,onClickOutside:b,onEscape:m,onItemClick:v,onItemMouseEnter:y=f.onMouseEnter,registerElement:x}=f,[w,k]=ie(null),[$,z]=ie(!1),S=ae(null),E=Boolean(g)&&g===w,[O,C]=ie(!1),R=he((e=>{C(!1),y(e),z(!0)}),[y]),L=he((e=>{"ArrowLeft"===e.key&&(e.stopPropagation(),z(!1),requestAnimationFrame((()=>{null==w||w.focus()})))}),[w]),H=he((e=>{i&&i(e),S.current="first",z(!0),requestAnimationFrame((()=>{S.current=null}))}),[i]),T=he((()=>{z(!1),v&&v()}),[v]),A=he((()=>C(!0)),[]);de((()=>p(w)),[p,w]),de((()=>{E||z(!1)}),[E]),de((()=>{$||C(!1)}),[$]);const I=J(Ya,{onClickOutside:b,onEscape:m,onItemClick:T,onKeyDown:L,onMouseEnter:A,registerElement:x,shouldFocus:S.current,children:n}),M=he((e=>{const t=e.currentTarget;if(document.activeElement===t)return"ArrowRight"===e.key?(S.current="first",z(!0),C(!0),void requestAnimationFrame((()=>{S.current=null}))):void 0}),[]);return J(pi,Z(Z({},d),{},{content:I,"data-ui":"MenuGroup__popover",open:$,children:J(Ga,Z(Z({"data-as":t,"data-ui":"MenuGroup",forwardedAs:t},h),{},{"aria-pressed":"button"===t?O:void 0,"data-pressed":"button"!==t?O:void 0,"data-selected":!O&&E?"":void 0,$radius:at(s),$tone:u,onClick:H,onKeyDown:M,onMouseEnter:R,ref:k,tabIndex:-1,type:"button"===t?"button":void 0,children:J(Ar,{padding:a,children:ee(Dr,{children:[o&&ee(gr,{size:r,children:[ge(o)&&o,$e(o)&&pe(o)]}),J(Ar,{flex:1,marginLeft:o?l:void 0,children:J(gr,{size:r,textOverflow:"ellipsis",children:c})}),J(Ar,{marginLeft:l,children:J(gr,{size:r,children:J(Pe,{})})})]})})}))}))}const Ja=ue((function(e,t){const{as:n="button",children:r,disabled:o,fontSize:i=2,hotkeys:a,icon:d,iconRight:s,onClick:l,padding:c=3,paddingX:u,paddingY:h,paddingTop:f,paddingRight:g,paddingBottom:p,paddingLeft:b,pressed:m,radius:v=2,selected:y,space:x=3,text:w,tone:k="default"}=e,$=U(e,I),z=Za(),{activeElement:S,mount:E,onItemClick:O,onItemMouseEnter:C=z.onMouseEnter,onItemMouseLeave:R=z.onMouseLeave}=z,[L,H]=ie(null),T=Boolean(S)&&S===L;de((()=>E(L,y)),[E,L,y]);const A=un(t),_=he((e=>{o||(l&&l(e),O&&O())}),[o,l,O]),M=oe((()=>({padding:c,paddingX:u,paddingY:h,paddingTop:f,paddingRight:g,paddingBottom:p,paddingLeft:b})),[c,u,h,f,g,p,b]),B=he((e=>{A.current=e,H(e)}),[A]);return ee(Ga,Z(Z({"data-ui":"MenuItem"},$),{},{"aria-pressed":"button"===n&&m,"data-pressed":"button"!==n&&m?"":void 0,"data-selected":T?"":void 0,"data-disabled":o?"":void 0,forwardedAs:n,$radius:at(v),$padding:at(0),$tone:k,disabled:o,onClick:_,onMouseEnter:C,onMouseLeave:R,ref:B,role:"menuitem",tabIndex:-1,type:"button"===n?"button":void 0,children:[(d||w||s)&&J(Ar,Z(Z({as:"span"},M),{},{children:ee(Dr,{as:"span",children:[d&&ee(gr,{size:i,children:[ge(d)&&d,$e(d)&&pe(d)]}),w&&J(Ar,{flex:1,marginLeft:d?x:void 0,marginRight:s?x:void 0,children:J(gr,{size:i,textOverflow:"ellipsis",children:w})}),a&&J(Ar,{marginLeft:x,style:{marginTop:-4,marginBottom:-4},children:J(Fa,{fontSize:i,keys:a})}),s&&ee(gr,{size:i,children:[ge(s)&&s,$e(s)&&pe(s)]})]})})),r&&J(Ar,Z(Z({as:"span"},M),{},{children:r}))]}))})),ed=Ce`
|
|
1186
1186
|
0% {
|
|
1187
1187
|
background-position: 100%;
|
|
1188
1188
|
}
|
|
1189
1189
|
100% {
|
|
1190
1190
|
background-position: -100%;
|
|
1191
1191
|
}
|
|
1192
|
-
`,
|
|
1192
|
+
`,td=Oe`
|
|
1193
1193
|
background-image: linear-gradient(
|
|
1194
1194
|
to right,
|
|
1195
1195
|
var(--card-skeleton-color-from),
|
|
@@ -1201,16 +1201,16 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
1201
1201
|
background-position: 100%;
|
|
1202
1202
|
background-size: 200% 100%;
|
|
1203
1203
|
background-attachment: fixed;
|
|
1204
|
-
animation-name: ${
|
|
1204
|
+
animation-name: ${ed};
|
|
1205
1205
|
animation-timing-function: ease-in-out;
|
|
1206
1206
|
animation-iteration-count: infinite;
|
|
1207
1207
|
animation-duration: 2000ms;
|
|
1208
|
-
`,
|
|
1208
|
+
`,nd=Oe`
|
|
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?td:Oe`
|
|
1214
1214
|
background-color: var(--card-skeleton-color-from);
|
|
1215
1215
|
`}
|
|
1216
1216
|
}
|
|
@@ -1218,25 +1218,25 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
1218
1218
|
@media screen and (prefers-reduced-motion: reduce) {
|
|
1219
1219
|
background-color: var(--card-skeleton-color-from);
|
|
1220
1220
|
}
|
|
1221
|
-
`,
|
|
1221
|
+
`,rd=ze(Ar)(cr,nd),od=ue((function(e,t){const{animated:n=!1,delay:r,radius:o}=e,i=U(e,M),[a,d]=ie(!r);return de((()=>{if(!r)return d(!0);const e=setTimeout((()=>{d(!0)}),r);return()=>{clearTimeout(e)}}),[r]),J(rd,Z(Z({},i),{},{$animated:n,$radius:at(o),$visible:a,ref:t}))})),id=ze(od)((({$size:e,$style:t,theme:n})=>{const{media:r}=n.sanity,o=n.sanity.fonts[t],i=Ze(r,e,(e=>{const t=o.sizes[e];return{height:t.lineHeight-t.ascenderHeight-t.descenderHeight}}));return i})),ad=ue((function(e,t){const{size:n=2}=e,r=U(e,B),o=at(n);return J(id,Z(Z({},r),{},{$size:o,ref:t,$style:"text"}))})),dd=ue((function(e,t){const{size:n=2}=e,r=U(e,F),o=at(n);return J(id,Z(Z({},r),{},{$size:o,ref:t,$style:"label"}))})),sd=ue((function(e,t){const{size:n=2}=e,r=U(e,P),o=at(n);return J(id,Z(Z({},r),{},{$size:o,ref:t,$style:"heading"}))})),ld=ue((function(e,t){const{size:n=2}=e,r=U(e,D),o=at(n);return J(id,Z(Z({},r),{},{$size:o,ref:t,$style:"code"}))})),cd=ue((function(e,t){const{icon:n,id:r,focused:o,fontSize:i,label:a,onClick:d,onFocus:s,padding:l=2,selected:c}=e,u=U(e,j),h=ae(null),f=ae(!1),g=he((()=>{f.current=!1}),[]),p=he((e=>{f.current=!0,s&&s(e)}),[s]),b=un(t);de((()=>{o&&!f.current&&(h.current&&h.current.focus(),f.current=!0)}),[o]);return J(Kr,Z(Z({"data-ui":"Tab"},u),{},{"aria-selected":c?"true":"false",fontSize:i,icon:n,id:r,mode:"bleed",onClick:d,onBlur:g,onFocus:p,padding:l,ref:e=>{h.current=e,b.current=e},role:"tab",selected:c,tabIndex:c?0:-1,text:a,type:"button"}))}));function ud(e){return Boolean(e)}const hd=ue((function(e,t){const{children:n}=e,r=U(e,N),[o,i]=ie(-1),a=oe((()=>n.filter(ud)),[n]).map(((e,t)=>fe(e,{focused:o===t,key:t,onFocus:()=>s(t)}))),d=a.length,s=he((e=>{i(e)}),[]),l=he((e=>{"ArrowLeft"===e.key&&i((e=>(e+d-1)%d)),"ArrowRight"===e.key&&i((e=>(e+1)%d))}),[d]);return J(bo,Z(Z({"data-ui":"TabList"},r),{},{onKeyDown:l,ref:t,role:"tablist",children:a}))})),fd=ue((function(e,t){const{flex:n}=e,r=U(e,V);return J(Ar,Z(Z({"data-ui":"TabPanel"},r),{},{flex:n,ref:t,role:"tabpanel",tabIndex:void 0===e.tabIndex?0:e.tabIndex,children:e.children}))})),gd={error:"critical",warning:"caution",success:"positive",info:"primary"},pd={error:"alert",warning:"alert",success:"alert",info:"alert"},bd=ze(Qr)`
|
|
1222
1222
|
pointer-events: all;
|
|
1223
|
-
`,
|
|
1223
|
+
`,md=ze(Dr)`
|
|
1224
1224
|
overflow-x: auto;
|
|
1225
|
-
`;function
|
|
1225
|
+
`;function vd(e){const{closable:t,description:n,onClose:r,title:o,status:i}=e,a=U(e,q),d=i?gd[i]:"default";return J(bd,Z(Z({"data-ui":"Toast",role:i?pd[i]:"status"},a),{},{marginTop:3,radius:2,shadow:2,tone:d,children:ee(Dr,{align:"flex-start",children:[J(md,{flex:1,padding:3,children:ee(Hi,{space:3,children:[o&&J(gr,{weight:"semibold",children:o}),n&&J(gr,{muted:!0,size:1,children:n})]})}),t&&J(Ar,{padding:1,children:J(Kr,{as:"button",icon:Be,mode:"bleed",padding:2,onClick:r,style:{verticalAlign:"top"}})})]})}))}const yd=Symbol.for("@sanity/ui/context/toast");Gt[yd]=Gt[yd]||se(null);const xd=Gt[yd],wd=ze(To)`
|
|
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
|
+
`,kd=ze.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 $d=0;function zd(e){const{children:t,padding:n=4,paddingX:r,paddingY:o,zOffset:i}=e,[a,d]=ie({toasts:[]}),s=ae({}),l=he((e=>{const t=e.id||String($d++),n=e.duration||5e3,r=()=>{var e;const n=null==(e=s.current[t])?void 0:e.timeoutId;d((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 s.current[t])};return d((o=>Z(Z({},o),{},{toasts:o.toasts.filter((e=>e.id!==t)).concat([{dismiss:r,id:t,params:Z(Z({},e),{},{duration:n})}])}))),s.current[t]&&(clearTimeout(s.current[t].timeoutId),delete s.current[t]),s.current[t]={timeoutId:setTimeout(r,n)},t}),[]);de((()=>()=>{for(const{timeoutId:e}of Object.values(s.current))clearTimeout(e);s.current={}}),[]);const c=oe((()=>({version:0,push:l})),[l]);return ee(xd.Provider,{value:c,children:[t,J(wd,{"data-ui":"ToastProvider",zOffset:i,children:J(kd,{children:J(Ar,{padding:n,paddingX:r,paddingY:o,children:J(We,{initial:!1,children:a.toasts.map((({dismiss:e,id:t,params:n})=>J(Xe.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(vd,{closable:n.closable,description:n.description,onClose:e,status:n.status,title:n.title})},t)))})})})})]})}function Sd(){const e=le(xd);if(!e)throw new Error("useToast(): missing context value");if(!en(e)||0!==e.version)throw new Error("useToast(): the context value is not compatible");return e}function Ed(e){if("treeitem"===e.getAttribute("role")&&e.focus(),"none"===e.getAttribute("role")){const t=e.firstChild;t&&t instanceof HTMLElement&&t.focus()}}const Od=Symbol.for("@sanity/ui/context/tree");Gt[Od]=Gt[Od]||se(null);const Cd=Gt[Od],Rd=ye(ue((function(e,t){const{children:n,space:r=1}=e,o=U(e,W),i=un(t),[a,d]=ie(null),s=ae(a),l=oe((()=>[]),[]),[c,u]=ie([]),[h,f]=ie({}),g=ae(h);de((()=>{s.current=a}),[a]),de((()=>{g.current=h}),[h]);const p=he(((e,t,n,r)=>(f((r=>Z(Z({},r),{},{[t]:{element:e,expanded:n}}))),r&&d(e),()=>{f((e=>{const n=Z({},e);return delete n[t],n}))})),[]),b=he(((e,t)=>{f((n=>{const r=n[e];return r?Z(Z({},n),{},{[e]:Z(Z({},r),{},{expanded:t})}):n}))}),[]),m=oe((()=>({version:0,focusedElement:a||c[0]||null,level:0,path:l,registerItem:p,setExpanded:b,setFocusedElement:d,space:r,state:h})),[a,c,l,p,b,r,h]),v=he((e=>{var t;if(s.current)if("ArrowDown"!==e.key)if("ArrowUp"!==e.key)if("ArrowLeft"!==e.key)if("ArrowRight"!==e.key);else{e.preventDefault();const n=s.current.getAttribute("data-tree-key");if(!n)return;(null==(t=g.current[n])?void 0:t.expanded)||f((e=>{const t=e[n];return t?Z(Z({},e),{},{[n]:Z(Z({},t),{},{expanded:!0})}):e}))}else{e.preventDefault();const t=s.current.getAttribute("data-tree-key");if(!t)return;const n=g.current[t];if(!n)return;if(n.expanded)f((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&&g.current[n];r&&(r.element.focus(),d(r.element))}}else{e.preventDefault();const t=function(e,t,n){var r;const o=t.indexOf(n),i=t.slice(0,o);for(let t=i.length-1;t>=0;t-=1){const n=i[t].getAttribute("data-tree-key");if(!n)continue;const o=n.split("/");o.pop();const a=[];let d=!0;for(let t=0;t<o.length;t+=1)if(a.push(o[t]),!(null==(r=e[a.join("/")])?void 0:r.expanded)){d=!1;break}if(d)return i[t]}return null}(g.current,c,s.current);t&&(Ed(t),d(t))}else{e.preventDefault();const t=function(e,t,n){var r;const o=t.indexOf(n),i=t.slice(o),a=t.length;for(let t=1;t<a;t+=1){if(!i[t])continue;const n=i[t].getAttribute("data-tree-key");if(!n)continue;const o=n.split("/");o.pop();const a=[];let d=!0;for(let t=0;t<o.length;t+=1)if(a.push(o[t]),!(null==(r=e[a.join("/")])?void 0:r.expanded)){d=!1;break}if(d)return i[t]}return null}(g.current,c,s.current);t&&(Ed(t),d(t))}}),[c]);return de((()=>{if(!i.current)return;const e=Array.from(i.current.querySelectorAll('[data-ui="TreeItem"]'));u(e)}),[n,i]),J(Cd.Provider,{value:m,children:J(Hi,Z(Z({as:"ul","data-ui":"Tree"},o),{},{onKeyDown:v,ref:i,role:"tree",space:r,children:n}))})})));function Ld(){const e=le(Cd);if(!e)throw new Error("Tree: missing context value");return e}Rd.displayName="Tree";const Hd=ye((function(e){const{children:t,expanded:n=!1}=e,r=U(e,X),o=Ld();return J(Hi,Z(Z({as:"ul","data-ui":"TreeGroup"},r),{},{hidden:!n,marginTop:o.space,role:"group",space:o.space,children:t}))})),Td=ye(ze.li((function(){return Oe`
|
|
1240
1240
|
&[role='none'] > [role='treeitem'] {
|
|
1241
1241
|
outline: none;
|
|
1242
1242
|
cursor: default;
|
|
@@ -1259,27 +1259,27 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
1259
1259
|
position: relative;
|
|
1260
1260
|
}
|
|
1261
1261
|
}
|
|
1262
|
-
`}function
|
|
1262
|
+
`}),(function(e){const{theme:t}=e,n="default",{base:r,muted:o,selectable:i}=t.sanity.color,a=i?i[n]||i.default:o[n]||o.default;return Oe`
|
|
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
|
+
${qr(r,a.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
|
+
${qr(r,a.pressed)}
|
|
1274
1274
|
}
|
|
1275
1275
|
|
|
1276
1276
|
@media (hover: hover) {
|
|
1277
1277
|
&:not([data-selected]) > [role='treeitem']:not(:focus):hover {
|
|
1278
|
-
${
|
|
1278
|
+
${qr(r,a.hovered)}
|
|
1279
1279
|
}
|
|
1280
1280
|
|
|
1281
1281
|
& > [role='treeitem']:focus {
|
|
1282
|
-
${
|
|
1282
|
+
${qr(r,a.selected)}
|
|
1283
1283
|
}
|
|
1284
1284
|
}
|
|
1285
1285
|
}
|
|
@@ -1287,35 +1287,35 @@ import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,use
|
|
|
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
|
+
${qr(r,a.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
|
+
${qr(r,a.pressed)}
|
|
1298
1298
|
}
|
|
1299
1299
|
|
|
1300
1300
|
@media (hover: hover) {
|
|
1301
1301
|
&:not([data-selected]):not(:focus) > [data-ui='TreeItem__box']:hover {
|
|
1302
|
-
${
|
|
1302
|
+
${qr(r,a.hovered)}
|
|
1303
1303
|
}
|
|
1304
1304
|
|
|
1305
1305
|
&:focus > [data-ui='TreeItem__box'] {
|
|
1306
|
-
${
|
|
1306
|
+
${qr(r,a.selected)}
|
|
1307
1307
|
}
|
|
1308
1308
|
}
|
|
1309
1309
|
}
|
|
1310
|
-
`}function
|
|
1311
|
-
padding-left: ${
|
|
1310
|
+
`}))),Ad=ze(Ar).attrs({forwardedAs:"a"})((function(e){const{$level:t,theme:n}=e,{space:r}=n.sanity;return Oe`
|
|
1311
|
+
padding-left: ${Ge(r[2]*t)};
|
|
1312
1312
|
|
|
1313
1313
|
&[data-as='a'] {
|
|
1314
1314
|
text-decoration: none;
|
|
1315
1315
|
}
|
|
1316
|
-
`}
|
|
1316
|
+
`})),_d=ze(gr)`
|
|
1317
1317
|
& > svg {
|
|
1318
1318
|
transition: transform 100ms;
|
|
1319
1319
|
}
|
|
1320
|
-
`,
|
|
1320
|
+
`,Id=ye((function(e){const{children:t,expanded:n=!1,fontSize:r,href:o,icon:i,id:a,muted:d,onClick:s,padding:l=3,selected:c=!1,space:u=2,text:h,weight:f}=e,g=U(e,Y),p=ae(null),b=ae(null),m=Ld(),{path:v,registerItem:y,setExpanded:x,setFocusedElement:w}=m,k=ne(a)||a,$=oe((()=>v.concat([k||""])),[k,v]),z=$.join("/"),S=m.state[z],E=m.focusedElement===p.current,O=void 0===(null==S?void 0:S.expanded)?n:(null==S?void 0:S.expanded)||!1,C=m.focusedElement&&m.focusedElement===p.current?0:-1,R=oe((()=>Z(Z({},m),{},{level:m.level+1,path:$})),[$,m]),L=he((e=>{s&&s(e);const t=e.target;t instanceof HTMLElement&&("TreeItem__box"===t.getAttribute("data-ui")||t.closest('[data-ui="TreeItem__box"]'))&&(e.stopPropagation(),x(z,!O),w(p.current))}),[O,z,s,x,w]),H=he((e=>{if(E&&"Enter"===e.key){const e=b.current||p.current;null==e||e.click()}}),[E]);de((()=>{if(p.current)return y(p.current,$.join("/"),O,c)}),[O,$,y,c]);const T=ee(Dr,{padding:l,children:[ee(Ar,{marginRight:u,style:{visibility:i||t?"visible":"hidden",pointerEvents:"none"},children:[i&&J(gr,{muted:d,size:r,weight:f,children:pe(i)}),!i&&J(_d,{muted:d,size:r,weight:f,children:J(De,{style:{transform:O?"rotate(90deg)":void 0}})})]}),J(Ar,{flex:1,children:J(gr,{muted:d,size:r,textOverflow:"ellipsis",weight:f,children:h})})]});return ee(Td,o?Z(Z({"data-selected":c?"":void 0,"data-tree-id":k,"data-tree-key":z,"data-ui":"TreeItem"},g),{},{onClick:L,ref:p,role:"none",children:[J(Ad,{$level:m.level,"aria-expanded":O,"data-ui":"TreeItem__box",href:o,ref:b,role:"treeitem",tabIndex:C,children:T}),J(Cd.Provider,{value:R,children:t&&J(Hd,{hidden:!O,children:t})})]}):Z(Z({"data-selected":c?"":void 0,"data-ui":"TreeItem","data-tree-id":k,"data-tree-key":z},g),{},{"aria-expanded":O,onClick:L,onKeyDown:H,ref:p,role:"treeitem",tabIndex:C,children:[J(Ad,{$level:m.level,as:"div","data-ui":"TreeItem__box",children:T}),J(Cd.Provider,{value:R,children:t&&J(Hd,{expanded:O,children:t})})]}))}));export{ya as Autocomplete,Sr as Avatar,Or as AvatarCounter,Hr as AvatarStack,Fr as Badge,wo as BoundaryElementProvider,Ar as Box,ka as Breadcrumbs,Kr as Button,Qr as Card,to as Checkbox,oo as Code,ld as CodeSkeleton,lo as Container,_a as Dialog,za as DialogContext,Ia as DialogProvider,zo as ElementQuery,So as ErrorBoundary,Dr as Flex,uo as Grid,go as Heading,sd as HeadingSkeleton,Fa as Hotkeys,bo as Inline,vo as KBD,Mr as Label,dd as LabelSkeleton,To as Layer,Ro as LayerProvider,Ya as Menu,Ka as MenuButton,Ua as MenuDivider,Qa as MenuGroup,Ja as MenuItem,pi as Popover,Fo as Portal,jo as PortalProvider,vi as Radio,Ci as Select,od as Skeleton,Vr as Spinner,Vo as SrOnly,Hi as Stack,Bi as Switch,cd as Tab,hd as TabList,fd as TabPanel,gr as Text,Ni as TextArea,Ji as TextInput,ad as TextSkeleton,nn as ThemeColorProvider,Jt as ThemeProvider,vd as Toast,zd as ToastProvider,ia as Tooltip,Rd as Tree,Id as TreeItem,di as VirtualList,lt as _ResizeObserver,ct as _elementSizeObserver,Ue as _fillCSSObject,Qe as _getArrayProp,Je as _getResponsiveSpace,Jo as _hasFocus,Xo as _isEnterToClickElement,oi as _isScrollable,qo as _raf,Wo as _raf2,Ze as _responsive,ti as attemptFocus,Dt as createColorTheme,ni as focusFirstDescendant,ri as focusLastDescendant,xt as hexToRgb,$t as hslToRgb,ei as isFocusable,Ko as isHTMLAnchorElement,Go as isHTMLButtonElement,Yo as isHTMLElement,Uo as isHTMLInputElement,Zo as isHTMLSelectElement,Qo as isHTMLTextAreaElement,pt as multiply,St as parseColor,Ge as rem,tt as responsiveCodeFontStyle,nt as responsiveHeadingFont,rt as responsiveLabelFont,ot as responsiveTextAlignStyle,it as responsiveTextFont,wt as rgbToHex,kt as rgbToHsl,Et as rgba,vt as screen,Kt as studioTheme,at as useArrayProp,$o as useBoundaryElement,st as useClickOutside,hn as useCustomValidity,Sa as useDialog,ht as useElementRect,ut as useElementSize,un as useForwardedRef,ft as useGlobalKeyDown,Co as useLayer,sn as useMediaIndex,Bo as usePortal,ln as usePrefersDark,tn as useRootTheme,rn as useTheme,Sd as useToast,Ld as useTree};
|
|
1321
1321
|
//# sourceMappingURL=sanity-ui.js.map
|