UNPKG

@sanity/visual-editing

Version:

[![npm stat](https://img.shields.io/npm/dm/@sanity/visual-editing.svg?style=flat-square)](https://npm-stat.com/charts.html?package=@sanity/visual-editing) [![npm version](https://img.shields.io/npm/v/@sanity/visual-editing.svg?style=flat-square)](https://

10 lines 779 kB
import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{c as r}from"react-compiler-runtime";import*as o from"react";import i,{useContext as a,createElement as s,useMemo as l,forwardRef as c,useLayoutEffect as d,useEffect as u,createContext as h,useId as f,useCallback as m,Component as p,useRef as g,useInsertionEffect as w,Fragment as v,Children as y,isValidElement as b,useState as C,useImperativeHandle as k,memo as x,cloneElement as L,useReducer as M,useDebugValue as S,useSyncExternalStore as H}from"react";import*as V from"react-dom";import{createPortal as _}from"react-dom";import{useEffectEvent as R}from"use-effect-event";const F={_version:2,avatar:{sizes:[{distance:-4,size:19},{distance:-4,size:25},{distance:-8,size:33},{distance:-12,size:49}],focusRing:{offset:1,width:1}},button:{textWeight:"medium",border:{width:1},focusRing:{offset:-1,width:1}},card:{border:{width:1},focusRing:{offset:-1,width:1},shadow:{outline:.5}},container:[320,640,960,1280,1600,1920],media:[360,600,900,1200,1800,2400],layer:{dialog:{zOffset:600},popover:{zOffset:400},tooltip:{zOffset:200}},radius:[0,1,3,6,9,12,21],shadow:[null,{umbra:[0,0,0,0],penumbra:[0,0,0,0],ambient:[0,0,0,0]},{umbra:[0,3,5,-2],penumbra:[0,6,10,0],ambient:[0,1,18,1]},{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:{border:{width:1},checkbox:{size:17,focusRing:{offset:-1,width:1}},radio:{size:17,markSize:9,focusRing:{offset:-1,width:1}},switch:{width:25,height:17,padding:5,transitionDurationMs:150,transitionTimingFunction:"ease-out",focusRing:{offset:1,width:1}},select:{focusRing:{offset:-1,width:1}},text:{focusRing:{offset:-1,width:1}}},style:{button:{root:{transition:"background-color 100ms,border-color 100ms,color 100ms"}}}},j=new WeakMap;function N(e){const t=j.get(e);if(t)return t;const n=I(e,e.card.enabled),r={_blend:e._blend||(e.dark?"screen":"multiply"),_dark:e.dark,accent:n.accent,avatar:n.avatar,backdrop:e.base.shadow.ambient,badge:n.badge,bg:e.base.bg,border:e.base.border,button:{default:B(e,e.button.default),ghost:B(e,e.button.ghost),bleed:B(e,e.button.bleed)},code:n.code,fg:e.base.fg,focusRing:e.base.focusRing,icon:n.muted.fg,input:{default:E(e.input.default),invalid:E(e.input.invalid)},kbd:n.kbd,link:n.link,muted:{...n.muted,bg:e.selectable?.default.enabled.bg2||e.base.bg},selectable:B(e,e.selectable||e.muted),shadow:e.base.shadow,skeleton:{from:e.skeleton?.from||e.base.border,to:e.skeleton?.to||e.base.border},syntax:e.syntax};return j.set(e,r),r}function B(e,t){return{default:{enabled:I(e,t.default.enabled),hovered:I(e,t.default.hovered),pressed:I(e,t.default.pressed),selected:I(e,t.default.selected),disabled:I(e,t.default.disabled)},neutral:{enabled:I(e,t.default.enabled),hovered:I(e,t.default.hovered),pressed:I(e,t.default.pressed),selected:I(e,t.default.selected),disabled:I(e,t.default.disabled)},primary:{enabled:I(e,t.primary.enabled),hovered:I(e,t.primary.hovered),pressed:I(e,t.primary.pressed),selected:I(e,t.primary.selected),disabled:I(e,t.primary.disabled)},suggest:{enabled:I(e,t.primary.enabled),hovered:I(e,t.primary.hovered),pressed:I(e,t.primary.pressed),selected:I(e,t.primary.selected),disabled:I(e,t.primary.disabled)},positive:{enabled:I(e,t.positive.enabled),hovered:I(e,t.positive.hovered),pressed:I(e,t.positive.pressed),selected:I(e,t.positive.selected),disabled:I(e,t.positive.disabled)},caution:{enabled:I(e,t.caution.enabled),hovered:I(e,t.caution.hovered),pressed:I(e,t.caution.pressed),selected:I(e,t.caution.selected),disabled:I(e,t.caution.disabled)},critical:{enabled:I(e,t.critical.enabled),hovered:I(e,t.critical.hovered),pressed:I(e,t.critical.pressed),selected:I(e,t.critical.selected),disabled:I(e,t.critical.disabled)}}}function I(e,t){return{...t,avatar:{gray:{bg:e.spot.gray,fg:e.base.bg},blue:{bg:e.spot.blue,fg:e.base.bg},purple:{bg:e.spot.purple,fg:e.base.bg},magenta:{bg:e.spot.magenta,fg:e.base.bg},red:{bg:e.spot.red,fg:e.base.bg},orange:{bg:e.spot.orange,fg:e.base.bg},yellow:{bg:e.spot.yellow,fg:e.base.bg},green:{bg:e.spot.green,fg:e.base.bg},cyan:{bg:e.spot.cyan,fg:e.base.bg}},badge:{default:{bg:e.muted.default.enabled.bg,fg:e.muted.default.enabled.fg,dot:e.muted.default.enabled.muted.fg,icon:e.muted.default.enabled.muted.fg},neutral:{bg:e.muted.transparent.enabled.bg,fg:e.muted.transparent.enabled.fg,dot:e.muted.transparent.enabled.muted.fg,icon:e.muted.transparent.enabled.muted.fg},primary:{bg:e.muted.primary.enabled.bg,fg:e.muted.primary.enabled.fg,dot:e.muted.primary.enabled.muted.fg,icon:e.muted.primary.enabled.muted.fg},suggest:{bg:e.muted.primary.enabled.bg,fg:e.muted.primary.enabled.fg,dot:e.muted.primary.enabled.muted.fg,icon:e.muted.primary.enabled.muted.fg},positive:{bg:e.muted.positive.enabled.bg,fg:e.muted.positive.enabled.fg,dot:e.muted.positive.enabled.muted.fg,icon:e.muted.positive.enabled.muted.fg},caution:{bg:e.muted.caution.enabled.bg,fg:e.muted.caution.enabled.fg,dot:e.muted.caution.enabled.muted.fg,icon:e.muted.caution.enabled.muted.fg},critical:{bg:e.muted.critical.enabled.bg,fg:e.muted.critical.enabled.fg,dot:e.muted.critical.enabled.muted.fg,icon:e.muted.critical.enabled.muted.fg}},kbd:{bg:e.muted.default.enabled.bg,fg:e.muted.default.enabled.fg,border:e.muted.default.enabled.border},muted:{...e.muted.default.enabled.muted,bg:t.bg2||t.bg},skeleton:{from:t.skeleton?.from||t.border,to:t.skeleton?.to||t.border}}}function E(e){return{enabled:T(e.enabled),disabled:T(e.disabled),readOnly:T(e.readOnly),hovered:T(e.hovered)}}function T(e){return{bg:e.bg,border:e.border,fg:e.fg,muted:{bg:e.bg2},placeholder:e.placeholder}}const A=new WeakMap;function $(e){if(e.sanity.v2?._resolved)return e.sanity.v2;const t=A.get(e);if(t)return t;const n={_version:2,_resolved:!0,avatar:{...F.avatar,...e.sanity.avatar},button:{...F.button,...e.sanity.button},card:F.card,color:N(e.sanity.color),container:e.sanity.container,font:e.sanity.fonts,input:{...F.input,...e.sanity.input,checkbox:{...F.input.checkbox,...e.sanity.input.checkbox},radio:{...F.input.radio,...e.sanity.input.radio},switch:{...F.input.switch,...e.sanity.input.switch}},layer:e.sanity.layer??F.layer,media:e.sanity.media,radius:e.sanity.radius,shadow:e.sanity.shadows,space:e.sanity.space,style:e.sanity.styles};return A.set(e,n),n}const W=["gray","blue","purple","magenta","red","orange","yellow","green","cyan"],P=["50","100","200","300","400","500","600","700","800","900","950"],Z={black:{title:"Black",hex:"#0d0e12"},white:{title:"White",hex:"#ffffff"},...{gray:{50:{title:"Gray 50",hex:"#f6f6f8"},100:{title:"Gray 100",hex:"#eeeef1"},200:{title:"Gray 200",hex:"#e3e4e8"},300:{title:"Gray 300",hex:"#bbbdc9"},400:{title:"Gray 400",hex:"#9499ad"},500:{title:"Gray 500",hex:"#727892"},600:{title:"Gray 600",hex:"#515870"},700:{title:"Gray 700",hex:"#383d51"},800:{title:"Gray 800",hex:"#252837"},900:{title:"Gray 900",hex:"#1b1d27"},950:{title:"Gray 950",hex:"#13141b"}},blue:{50:{title:"Blue 50",hex:"#f5f8ff"},100:{title:"Blue 100",hex:"#e5edff"},200:{title:"Blue 200",hex:"#dbe5ff"},300:{title:"Blue 300",hex:"#a8bfff"},400:{title:"Blue 400",hex:"#7595ff"},500:{title:"Blue 500",hex:"#556bfc"},600:{title:"Blue 600",hex:"#4043e7"},700:{title:"Blue 700",hex:"#2927aa"},800:{title:"Blue 800",hex:"#192457"},900:{title:"Blue 900",hex:"#161a41"},950:{title:"Blue 950",hex:"#101228"}},purple:{50:{title:"Purple 50",hex:"#f8f5ff"},100:{title:"Purple 100",hex:"#f1ebff"},200:{title:"Purple 200",hex:"#ece1fe"},300:{title:"Purple 300",hex:"#ccb1fc"},400:{title:"Purple 400",hex:"#b087f7"},500:{title:"Purple 500",hex:"#8f57ef"},600:{title:"Purple 600",hex:"#721fe5"},700:{title:"Purple 700",hex:"#4c1a9e"},800:{title:"Purple 800",hex:"#2f1862"},900:{title:"Purple 900",hex:"#23173f"},950:{title:"Purple 950",hex:"#181128"}},magenta:{50:{title:"Magenta 50",hex:"#fef6f9"},100:{title:"Magenta 100",hex:"#fde8ef"},200:{title:"Magenta 200",hex:"#fcdee9"},300:{title:"Magenta 300",hex:"#f7abc5"},400:{title:"Magenta 400",hex:"#f0709b"},500:{title:"Magenta 500",hex:"#e72767"},600:{title:"Magenta 600",hex:"#b11651"},700:{title:"Magenta 700",hex:"#7c1342"},800:{title:"Magenta 800",hex:"#4b1130"},900:{title:"Magenta 900",hex:"#341325"},950:{title:"Magenta 950",hex:"#1f0f14"}},red:{50:{title:"Red 50",hex:"#fff6f5"},100:{title:"Red 100",hex:"#ffe7e5"},200:{title:"Red 200",hex:"#ffdedc"},300:{title:"Red 300",hex:"#fdada5"},400:{title:"Red 400",hex:"#f77769"},500:{title:"Red 500",hex:"#ef4434"},600:{title:"Red 600",hex:"#cc2819"},700:{title:"Red 700",hex:"#8b2018"},800:{title:"Red 800",hex:"#4d1714"},900:{title:"Red 900",hex:"#321615"},950:{title:"Red 950",hex:"#1e1011"}},orange:{50:{title:"Orange 50",hex:"#fff7f0"},100:{title:"Orange 100",hex:"#ffeadb"},200:{title:"Orange 200",hex:"#ffddc7"},300:{title:"Orange 300",hex:"#ffb685"},400:{title:"Orange 400",hex:"#ff8e42"},500:{title:"Orange 500",hex:"#fa6400"},600:{title:"Orange 600",hex:"#b14802"},700:{title:"Orange 700",hex:"#7c3404"},800:{title:"Orange 800",hex:"#461e07"},900:{title:"Orange 900",hex:"#32160b"},950:{title:"Orange 950",hex:"#21120d"}},yellow:{50:{title:"Yellow 50",hex:"#fefae1"},100:{title:"Yellow 100",hex:"#fcf3bb"},200:{title:"Yellow 200",hex:"#f9e994"},300:{title:"Yellow 300",hex:"#f7d455"},400:{title:"Yellow 400",hex:"#f9bc15"},500:{title:"Yellow 500",hex:"#d28a04"},600:{title:"Yellow 600",hex:"#965908"},700:{title:"Yellow 700",hex:"#653a0b"},800:{title:"Yellow 800",hex:"#3b220c"},900:{title:"Yellow 900",hex:"#271a11"},950:{title:"Yellow 950",hex:"#181410"}},green:{50:{title:"Green 50",hex:"#e7fef5"},100:{title:"Green 100",hex:"#c5fce8"},200:{title:"Green 200",hex:"#a9f9dc"},300:{title:"Green 300",hex:"#59f3ba"},400:{title:"Green 400",hex:"#0ff0a1"},500:{title:"Green 500",hex:"#04b97a"},600:{title:"Green 600",hex:"#01794f"},700:{title:"Green 700",hex:"#015133"},800:{title:"Green 800",hex:"#023120"},900:{title:"Green 900",hex:"#06231a"},950:{title:"Green 950",hex:"#071715"}},cyan:{50:{title:"Cyan 50",hex:"#e7fefe"},100:{title:"Cyan 100",hex:"#c5fcfc"},200:{title:"Cyan 200",hex:"#96f8f8"},300:{title:"Cyan 300",hex:"#62efef"},400:{title:"Cyan 400",hex:"#18e2e2"},500:{title:"Cyan 500",hex:"#04b8be"},600:{title:"Cyan 600",hex:"#037782"},700:{title:"Cyan 700",hex:"#024950"},800:{title:"Cyan 800",hex:"#042f34"},900:{title:"Cyan 900",hex:"#072227"},950:{title:"Cyan 950",hex:"#0d181c"}}}},D={code:{family:"ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",weights:{regular:400,medium:500,semibold:600,bold:700},sizes:[{ascenderHeight:4,descenderHeight:4,fontSize:10,iconSize:17,lineHeight:15,letterSpacing:0},{ascenderHeight:5,descenderHeight:5,fontSize:13,iconSize:21,lineHeight:19,letterSpacing:0},{ascenderHeight:6,descenderHeight:6,fontSize:16,iconSize:25,lineHeight:23,letterSpacing:0},{ascenderHeight:7,descenderHeight:7,fontSize:19,iconSize:29,lineHeight:27,letterSpacing:0},{ascenderHeight:8,descenderHeight:8,fontSize:22,iconSize:33,lineHeight:31,letterSpacing:0}]},heading:{family:'Inter, -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:5,descenderHeight:5,fontSize:13,iconSize:17,lineHeight:19,letterSpacing:0},{ascenderHeight:6,descenderHeight:6,fontSize:16,iconSize:25,lineHeight:23,letterSpacing:0},{ascenderHeight:7,descenderHeight:7,fontSize:21,iconSize:33,lineHeight:29,letterSpacing:0},{ascenderHeight:8,descenderHeight:8,fontSize:27,iconSize:41,lineHeight:35,letterSpacing:0},{ascenderHeight:9.5,descenderHeight:8.5,fontSize:33,iconSize:49,lineHeight:41,letterSpacing:0},{ascenderHeight:10.5,descenderHeight:9.5,fontSize:38,iconSize:53,lineHeight:47,letterSpacing:0}]},label:{family:'Inter, -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:8.1,iconSize:13,lineHeight:10,letterSpacing:.5},{ascenderHeight:2,descenderHeight:2,fontSize:9.5,iconSize:15,lineHeight:11,letterSpacing:.5},{ascenderHeight:2,descenderHeight:2,fontSize:10.8,iconSize:17,lineHeight:12,letterSpacing:.5},{ascenderHeight:2,descenderHeight:2,fontSize:12.25,iconSize:19,lineHeight:13,letterSpacing:.5},{ascenderHeight:2,descenderHeight:2,fontSize:13.6,iconSize:21,lineHeight:14,letterSpacing:.5},{ascenderHeight:2,descenderHeight:2,fontSize:15,iconSize:23,lineHeight:15,letterSpacing:.5}]},text:{family:'Inter, -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:4,descenderHeight:4,fontSize:10,iconSize:17,lineHeight:15,letterSpacing:0},{ascenderHeight:5,descenderHeight:5,fontSize:13,iconSize:21,lineHeight:19,letterSpacing:0},{ascenderHeight:6,descenderHeight:6,fontSize:15,iconSize:25,lineHeight:23,letterSpacing:0},{ascenderHeight:7,descenderHeight:7,fontSize:18,iconSize:29,lineHeight:27,letterSpacing:0},{ascenderHeight:8,descenderHeight:8,fontSize:21,iconSize:33,lineHeight:31,letterSpacing:0}]}};function O(e){return 2===e._version}const z=new WeakMap;const q=new WeakMap;function U(e){const t=q.get(e);if(t)return t;const{avatar:n,button:r,color:o,container:i,font:a,input:s,media:l,radius:c,shadow:d,space:u,style:h}=e;return{_version:0,avatar:n,button:r,container:i,color:{light:{transparent:G(o.light.transparent),default:G(o.light.default),primary:G(o.light.primary),positive:G(o.light.positive),caution:G(o.light.caution),critical:G(o.light.critical)},dark:{transparent:G(o.dark.transparent),default:G(o.dark.default),primary:G(o.dark.primary),positive:G(o.dark.positive),caution:G(o.dark.caution),critical:G(o.dark.critical)}},focusRing:s.text.focusRing,fonts:a,input:s,media:l,radius:c,shadows:d,space:u,styles:h,v2:e}}function G(e){return{base:{bg:e.bg,fg:e.fg,border:e.border,focusRing:e.focusRing,shadow:e.shadow},button:e.button,card:e.selectable.default,dark:e._dark,input:{default:Y(e.input.default),invalid:Y(e.input.invalid)},muted:{...e.button.ghost,transparent:e.button.ghost.default},solid:{...e.button.default,transparent:e.button.default.default},selectable:e.selectable,spot:{gray:e.avatar.gray.bg,blue:e.avatar.blue.bg,purple:e.avatar.purple.bg,magenta:e.avatar.magenta.bg,red:e.avatar.red.bg,orange:e.avatar.orange.bg,yellow:e.avatar.yellow.bg,green:e.avatar.green.bg,cyan:e.avatar.cyan.bg},syntax:e.syntax}}function Y(e){return{enabled:X(e.enabled),disabled:X(e.disabled),readOnly:X(e.readOnly),hovered:X(e.hovered)}}function X(e){return{bg:e.bg,bg2:e.muted.bg,border:e.border,fg:e.fg,placeholder:e.placeholder}}const K=["multiply","screen"],J=["transparent","default","neutral","primary","suggest","positive","caution","critical"],Q=["default","neutral","primary","suggest","positive","caution","critical"],ee=["enabled","hovered","pressed","selected","disabled"],te=["default","ghost","bleed"],ne=["default","invalid"],re=["enabled","hovered","readOnly","disabled"];function oe(e){return P.includes(e)}function ie(e){return/^\d+%$/.test(e)}function ae(e){const t=e.split("/");let n=t.shift()||"";const[r,o]=n.split(" ");if(oe(r)){const e=r,n=t.shift()||"";if(ie(o)){return{type:"color",tint:e,mix:Number(o.slice(0,-1))/100}}if(se(n)){return{type:"color",tint:e,opacity:Number(n)}}return{type:"color",tint:e}}if(function(e){return"black"===e||"white"===e}(r)){const e=r,n=t.shift()||"";if(ie(o)){return{type:"color",key:e,mix:Number(o.slice(0,-1))/100}}if(se(n)){return{type:"color",key:e,opacity:Number(n)}}return{type:"color",key:e}}if(function(e){return W.includes(e)}(r)){const e=r;n=t.shift()||"";const[o,i]=n.split(" ");if(oe(o)){const n=o,r=t.shift()||"";if(ie(i)){return{type:"color",hue:e,tint:n,mix:Number(i.slice(0,-1))/100}}if(se(r)){return{type:"color",hue:e,tint:n,opacity:Number(r)}}return{type:"color",hue:e,tint:n}}return{type:"hue",value:e}}if(function(e){return K.includes(e)}(r))return{type:"blendMode",value:r}}function se(e){return"0"===e||/^0\.[0-9]+$/.test(e)||"1"===e}const le=["500","500"];function ce(e,t=le){const{hue:n,scheme:r}=e,o=ae(t["light"===r?0:1]);if(!o||"color"!==o.type)throw new Error(`Invalid color token: ${t[0]}`);return function(e){let t="";return t="black"===e.key||"white"===e.key?e.key:`${e.hue}/${e.tint}`,void 0!==e.mix?`${t} ${100*e.mix}%`:(void 0!==e.opacity&&(t+=`/${e.opacity}`),t)}({...o,hue:o.hue||n})}const de={base:{"*":{_blend:["multiply","screen"],accent:{fg:["purple/600","purple/400"]},avatar:{"*":{_blend:["screen","multiply"],bg:["500","400"],fg:["white","black"]}},backdrop:["gray/200/0.5","black/0.5"],badge:{"*":{bg:["100","900"],fg:["600","400"],icon:["500","500"],dot:["500","500"]},positive:{bg:["200 50%","900"],fg:["600","500"]},caution:{bg:["200 50%","900"],fg:["600","500"]}},bg:["50","950"],border:["200","800"],code:{bg:["50","950"],fg:["600","400"]},fg:["800","200"],focusRing:["blue/500","blue/500"],icon:["600","400"],kbd:{bg:["white","black"],fg:["600","400"],border:["200","800"]},link:{fg:["blue/600","blue/300"]},muted:{bg:["50","950"],fg:["700 75%","300 75%"]},shadow:{outline:["500/0.3","500/0.4"],umbra:["gray/500/0.1","black/0.2"],penumbra:["gray/500/0.07","black/0.14"],ambient:["gray/500/0.06","black/0.12"]},skeleton:{from:["100","900"],to:["100 50%","900 50%"]}},transparent:{bg:["50","black"]},default:{bg:["white","950"],fg:["800","200"],muted:{fg:["600","400"]}},primary:{_hue:"blue"},suggest:{_hue:"purple"},positive:{_hue:"green",shadow:{outline:["500/0.4","500/0.4"]}},caution:{_hue:"yellow",shadow:{outline:["600/0.3","500/0.4"]}},critical:{_hue:"red"}},button:{default:{"*":{"*":{_blend:["screen","multiply"],accent:{fg:["purple/300","purple/700"]},avatar:{"*":{_blend:["screen","multiply"],bg:["500","400"],fg:["white","black"]}},badge:{"*":{bg:["900","100"],fg:["400","600"],dot:["500","500"],icon:["500","500"]}},bg:["500","400"],border:["500/0","400/0"],code:{bg:["500 20%","400 20%"],fg:["200","600"]},fg:["white","black"],icon:["100 70%","900 70%"],kbd:{bg:["black","white"],fg:["200","600"],border:["800","200"]},link:{fg:["blue/200","blue/600"]},muted:{bg:["950","50"],fg:["100 70%","900 70%"]},skeleton:{from:["900","100"],to:["900 50%","100 50%"]}},hovered:{bg:["600","300"],border:["700/0","300/0"]},pressed:{bg:["700","300"]},selected:{bg:["700","300"]},disabled:{_hue:"gray",accent:{fg:["100 70%","900 70%"]},avatar:{"*":{_blend:["screen","multiply"],bg:["gray/500","gray/400"],fg:["white","black"]}},badge:{"*":{bg:["gray/700","gray/300"],fg:["white","black"],dot:["white","black"],icon:["white","black"]}},bg:["300","600"],code:{bg:["950","50"],fg:["300","600"]},fg:["300","600"],muted:{bg:["950","50"],fg:["300","600"]},kbd:{bg:["black","white"],fg:["white","black"],border:["700","300"]},link:{fg:["100 70%","900 70%"]}}},default:{"*":{avatar:{"*":{_blend:["screen","multiply"],bg:["500","400"],fg:["white","black"]}},bg:["800","200"],muted:{bg:["950","50"],fg:["400","600"]}},hovered:{bg:["900","100"]},pressed:{bg:["black","white"]},selected:{bg:["black","white"]}}},ghost:{"*":{"*":{_blend:["multiply","screen"],accent:{fg:["purple/700 60%","purple/300 70%"]},avatar:{"*":{_blend:["screen","multiply"],bg:["500","400"],fg:["white","black"]}},badge:{"*":{bg:["100","900"],fg:["600","400"],dot:["500","500"],icon:["500","500"]}},bg:["50","950"],border:["100","900"],code:{bg:["500 10%","400 10%"],fg:["700 60%","400 60%"]},fg:["600","400"],icon:["700 60%","300 60%"],kbd:{bg:["white","black"],fg:["600","400"],border:["200","800"]},link:{fg:["blue/700 60%","blue/300 60%"]},muted:{bg:["100","950"],fg:["700 60%","300 60%"]},skeleton:{from:["100","900"],to:["100 50%","900 50%"]}},hovered:{bg:["100","900"],fg:["700","300"]},pressed:{bg:["200","800"],fg:["800","200"]},selected:{bg:["200","800"],fg:["800","200"]},disabled:{_hue:"gray",accent:{fg:["200","800"]},avatar:{"*":{_blend:["screen","multiply"],bg:["gray/100","gray/900"],fg:["white","black"]}},badge:{"*":{_hue:"gray",bg:["50","950"],fg:["gray/200","gray/800"],dot:["gray/200","gray/800"],icon:["gray/200","gray/800"]}},border:["100","900"],code:{bg:["50","950"],fg:["200","800"]},fg:["400","600"],icon:["300","700"],muted:{fg:["300","700"]},kbd:{bg:["white","black"],fg:["200","800"],border:["100","900"]},link:{fg:["200","800"]}}},positive:{"*":{border:["600 20%","800"]}},caution:{"*":{border:["600 20%","800"]}}},bleed:{"*":{"*":{_blend:["multiply","screen"],accent:{fg:["purple/700 70%","purple/300 70%"]},avatar:{"*":{_blend:["screen","multiply"],bg:["500","400"],fg:["white","black"]}},badge:{"*":{bg:["100","900"],fg:["600","400"],dot:["500","500"],icon:["500","500"]}},bg:["white","black"],border:["white/0","black/0"],code:{bg:["50","950"],fg:["700 75%","300 75%"]},fg:["700","300"],icon:["700 75%","300 75%"],kbd:{bg:["white","black"],fg:["700","300"],border:["200","800"]},link:{fg:["blue/700 70%","blue/300 70%"]},muted:{bg:["100","950"],fg:["700 75%","300 75%"]},skeleton:{from:["100","900"],to:["100 50%","900 50%"]}},hovered:{bg:["50","950"],fg:["800","200"],icon:["800 70%","300 70%"]},pressed:{bg:["100","900"],fg:["800","200"],icon:["800 70%","200 70%"]},selected:{bg:["100","900"],fg:["800","200"],icon:["800 60%","200 60%"]},disabled:{_hue:"gray",accent:{fg:["200","800"]},avatar:{"*":{_blend:["screen","multiply"],bg:["gray/100","gray/900"],fg:["white","black"]}},badge:{"*":{_hue:"gray",bg:["50","950"],fg:["gray/200","gray/800"],dot:["gray/200","gray/800"],icon:["gray/200","gray/800"]}},code:{bg:["50","950"],fg:["200","800"]},fg:["400","600"],icon:["300","700"],muted:{fg:["400","600"]},kbd:{bg:["white","black"],fg:["200","800"],border:["100","900"]},link:{fg:["200","800"]}}}}},input:{"*":{"*":{_blend:["multiply","screen"],bg:["white","black"],border:["200","700"],fg:["black","200"],muted:{bg:["50","950"]},placeholder:["400","600"]},hovered:{border:["300","700"]},readOnly:{bg:["50","950"],border:["200","800"],fg:["800","200"]},disabled:{bg:["50","950"],fg:["400","600"],border:["100","900"],placeholder:["200","800 50%"]}},invalid:{"*":{_hue:"red",bg:["100","950"]}}},selectable:{"*":{"*":{_blend:["multiply","screen"],accent:{fg:["purple/700 70%","purple/300 70%"]},avatar:{"*":{_blend:["screen","multiply"],bg:["500","400"],fg:["white","black"]}},badge:{"*":{bg:["100","900"],fg:["600","400"],dot:["500","500"],icon:["500","500"]}},bg:["white","black"],border:["200","800"],code:{bg:["50","950"],fg:["600","400"]},fg:["700","300"],icon:["700 75%","300 75%"],kbd:{bg:["white","black"],fg:["600","400"],border:["200","800"]},link:{fg:["blue/700 70%","blue/300 70%"]},muted:{bg:["50","950"],fg:["700 75%","300 75%"]},skeleton:{from:["100","900"],to:["100 50%","900 50%"]}},hovered:{bg:["50","950"]},pressed:{bg:["100","900"]},selected:{_blend:["screen","multiply"],accent:{fg:["purple/300","purple/700"]},avatar:{"*":{_blend:["multiply","screen"],bg:["white","black"],fg:["black","white"]}},badge:{"*":{bg:["900","100"],fg:["400","600"],dot:["500","500"],icon:["500","500"]}},bg:["500","400"],border:["500 20%","400 20%"],code:{bg:["500 20%","400 20%"],fg:["200","600"]},fg:["white","black"],icon:["100 70%","900 70%"],kbd:{bg:["black","white"],fg:["200","600"],border:["800","200"]},link:{fg:["blue/200","blue/600"]},muted:{bg:["500 10%","400 10%"],fg:["100 70%","900 70%"]},skeleton:{from:["900","100"],to:["900 50%","100 50%"]}},disabled:{_hue:"gray",accent:{fg:["200","800"]},avatar:{"*":{_blend:["screen","multiply"],bg:["gray/100","gray/900"],fg:["white","black"]}},badge:{"*":{_hue:"gray",bg:["50","950"],fg:["gray/200","gray/800"],dot:["gray/200","gray/800"],icon:["gray/200","gray/800"]}},border:["100","900"],code:{bg:["50","950"],fg:["200","800"]},fg:["200","800"],icon:["200","800"],kbd:{bg:["white","black"],fg:["200","800"],border:["100","900"]},link:{fg:["200","800"]},muted:{bg:["50 50%","950 50%"],fg:["200","800"]}}},default:{selected:{_hue:"blue"}},critical:{disabled:{bg:["50 50%","950 50%"]}}},syntax:{atrule:["purple/600","purple/400"],attrName:["green/600","green/400"],attrValue:["yellow/600","yellow/400"],attribute:["yellow/600","yellow/400"],boolean:["purple/600","purple/400"],builtin:["purple/600","purple/400"],cdata:["yellow/600","yellow/400"],char:["yellow/600","yellow/400"],class:["orange/600","orange/400"],className:["cyan/600","cyan/400"],comment:["gray/400","gray/600"],constant:["purple/600","purple/400"],deleted:["red/600","red/400"],entity:["red/600","red/400"],function:["green/600","green/400"],hexcode:["blue/600","blue/400"],id:["purple/600","purple/400"],important:["purple/600","purple/400"],inserted:["yellow/600","yellow/400"],keyword:["magenta/600","magenta/400"],number:["purple/600","purple/400"],operator:["magenta/600","magenta/400"],property:["blue/600","blue/400"],pseudoClass:["yellow/600","yellow/400"],pseudoElement:["yellow/600","yellow/400"],punctuation:["gray/600","gray/400"],regex:["blue/600","blue/400"],selector:["red/600","red/400"],string:["yellow/600","yellow/400"],symbol:["purple/600","purple/400"],tag:["red/600","red/400"],unit:["orange/600","orange/400"],url:["red/600","red/400"],variable:["red/600","red/400"]}};function ue(e){return!(!e||"object"!=typeof e||Array.isArray(e))}function he(...e){const t=e.filter(Boolean);return 0===t.length?{}:t.reduce(fe,{})}function fe(e,t){for(const n of Object.keys(t)){const r=e[n],o=t[n];ue(r)&&ue(o)?e[n]=he(r,o):e[n]=o}return e}function me(e){const t=he(de,e);return{base:pe(t),button:we(t),input:Ce(t),selectable:Le(t),syntax:t.syntax}}function pe(e){const t={};for(const n of J)t[n]=ge(e,n);return t}function ge(e,t){const n=he(e?.base?.["*"],e?.base?.[t]),r=n._hue||e?.base?.[t]?._hue||"gray";return{...n,_hue:r,avatar:W.reduce(((e,t)=>({...e,[t]:he({_hue:t},n.avatar?.["*"],n.avatar?.[t])})),{}),badge:Q.reduce(((t,o)=>({...t,[o]:{_hue:e?.base?.[o]?._hue||r,...n.badge?.["*"],...n.badge?.[o]}})),{})}}function we(e){const t={};for(const n of te)t[n]=ve(e,n);return t}function ve(e,t){const n={};for(const r of Q)n[r]=ye(e,t,r);return n}function ye(e,t,n){const r={};for(const o of ee)r[o]=be(e,n,t,o);return r}function be(e,t,n,r){const o=he(e?.button?.[n]?.["*"]?.["*"],e?.button?.[n]?.[t]?.["*"],e?.button?.[n]?.["*"]?.[r],e?.button?.[n]?.[t]?.[r]),i=o._hue||e?.base?.[t]?._hue;return{...o,_hue:i,avatar:W.reduce(((e,t)=>({...e,[t]:he({_hue:t},o.avatar?.["*"],o.avatar?.[t])})),{}),badge:Q.reduce(((t,n)=>({...t,[n]:{_hue:e?.base?.[n]?._hue||i,...o.badge?.["*"],...o.badge?.[n]}})),{})}}function Ce(e){const t={};for(const n of ne)t[n]=ke(e,n);return t}function ke(e,t){const n={};for(const r of re)n[r]=xe(e,t,r);return n}function xe(e,t,n){const r=he(e?.input?.["*"]?.["*"],e?.input?.[t]?.["*"],e?.input?.["*"]?.[n],e?.input?.[t]?.[n]),o=r._hue||e?.input?.[t]?._hue;return{...r,_hue:o}}function Le(e){const t={};for(const n of Q)t[n]=Me(e,n);return t}function Me(e,t){const n={_hue:e?.selectable?.[t]?._hue||e?.base?.[t]?._hue};for(const r of ee)n[r]=Se(e,t,r);return n}function Se(e,t,n){const r=he(e?.selectable?.["*"]?.["*"],e?.selectable?.[t]?.["*"],e?.selectable?.["*"]?.[n],e?.selectable?.[t]?.[n]),o=r._hue||e?.base?.[t]?._hue;return{...r,_hue:o,avatar:W.reduce(((e,t)=>({...e,[t]:he({_hue:t},r.avatar?.["*"],r.avatar?.[t])})),{}),badge:Q.reduce(((t,n)=>({...t,[n]:{_hue:e?.base?.[n]?._hue||o,...r.badge?.["*"],...r.badge?.[n]}})),{})}}function He(e,t){const{scheme:n}=e,r={};for(const e of J)r[e]=Ve({scheme:n,tone:e},t);return r}function Ve(e,t){const{scheme:n,tone:r}=e,o=t?.color?.base?.[r],i={hue:o?._hue||"gray",scheme:n};return{_blend:(o?._blend||["multiply","screen"])["light"===n?0:1],_dark:"dark"===n,accent:{fg:ce(i,o?.accent?.fg)},avatar:Re({scheme:n},o),backdrop:ce(i,o?.backdrop),badge:je(o?.badge,{scheme:n},t),bg:ce(i,o?.bg),border:ce(i,o?.border),button:Be({scheme:n,tone:r},t),code:{bg:ce(i,o?.code?.bg),fg:ce(i,o?.code?.fg)},fg:ce(i,o?.fg),focusRing:ce(i,o?.focusRing),icon:ce(i,o?.icon),input:Ae({scheme:n,tone:r},t),kbd:{bg:ce(i,o?.kbd?.bg),fg:ce(i,o?.kbd?.fg),border:ce(i,o?.kbd?.border)},link:{fg:ce(i,o?.link?.fg)},muted:{bg:ce(i,o?.muted?.bg),fg:ce(i,o?.muted?.fg)},selectable:Pe({scheme:n,tone:r},t),shadow:_e({scheme:n,tone:r},t),skeleton:{from:ce(i,o?.skeleton?.from),to:ce(i,o?.skeleton?.to)},syntax:Oe({scheme:n},t)}}function _e(e,t){const{scheme:n,tone:r}=e,o=t?.color?.base?.[r],i={hue:o?._hue||"gray",scheme:n};return{outline:ce(i,o?.shadow?.outline),umbra:ce(i,o?.shadow?.umbra),penumbra:ce(i,o?.shadow?.penumbra),ambient:ce(i,o?.shadow?.ambient)}}function Re(e,t){const{scheme:n}=e;return{gray:Fe({color:"gray",scheme:n},t),blue:Fe({color:"blue",scheme:n},t),purple:Fe({color:"purple",scheme:n},t),magenta:Fe({color:"magenta",scheme:n},t),red:Fe({color:"red",scheme:n},t),orange:Fe({color:"orange",scheme:n},t),yellow:Fe({color:"yellow",scheme:n},t),green:Fe({color:"green",scheme:n},t),cyan:Fe({color:"cyan",scheme:n},t)}}function Fe(e,t){const{color:n,scheme:r}=e,o=t?.avatar?.[n],i={hue:o?._hue||"gray",scheme:r};return{_blend:(o?._blend||["screen","multiply"])["light"===r?0:1],bg:ce(i,o?.bg),fg:ce(i,o?.fg)}}function je(e,t,n){const{scheme:r}=t,o={};for(const t of Q)o[t]=Ne(e,{scheme:r,tone:t},n);return o}function Ne(e,t,n){const{scheme:r,tone:o}=t,i=e?.[o],a={hue:i?._hue||n?.color?.base?.[o]?._hue||"gray",scheme:r};return{bg:ce(a,i?.bg),fg:ce(a,i?.fg),dot:ce(a,i?.dot),icon:ce(a,i?.icon)}}function Be(e,t){const{scheme:n,tone:r}=e,o={};for(const e of te)o[e]=Ie({cardTone:r,scheme:n,mode:e},t);return o}function Ie(e,t){const{cardTone:n,mode:r,scheme:o}=e,i={};for(const e of Q)i[e]=Ee({cardTone:n,mode:r,scheme:o,tone:e},t);return i}function Ee(e,t){const{cardTone:n,mode:r,scheme:o,tone:i}=e,a={};for(const e of ee)a[e]=Te({cardTone:n,mode:r,tone:i,scheme:o,state:e},t);return a}function Te(e,t){const{cardTone:n,mode:r,tone:o,scheme:i,state:a}=e,s=t?.color?.base?.[n],l=t?.color?.button?.[r]?.[o]?.[a],c={hue:l?._hue||s?._hue||"gray",scheme:i};return{_blend:(l?._blend||["screen","multiply"])["light"===i?0:1],accent:{fg:ce(c,l?.accent?.fg)},avatar:Re({scheme:i},l),badge:je(l?.badge,{scheme:i},t),bg:ce(c,l?.bg),border:ce(c,l?.border),code:{bg:ce(c,l?.code?.bg),fg:ce(c,l?.code?.fg)},fg:ce(c,l?.fg),icon:ce(c,l?.icon),muted:{bg:ce(c,l?.muted?.bg),fg:ce(c,l?.muted?.fg)},kbd:{bg:ce(c,l?.kbd?.bg),fg:ce(c,l?.kbd?.fg),border:ce(c,l?.kbd?.border)},link:{fg:ce(c,l?.link?.fg)},skeleton:{from:ce(c,l?.skeleton?.from),to:ce(c,l?.skeleton?.to)}}}function Ae(e,t){const{scheme:n,tone:r}=e;return{default:$e({mode:"default",scheme:n,tone:r},t),invalid:$e({mode:"invalid",scheme:n,tone:r},t)}}function $e(e,t){const{mode:n,scheme:r,tone:o}=e;return{enabled:We({mode:n,scheme:r,state:"enabled",cardTone:o},t),hovered:We({mode:n,scheme:r,state:"hovered",cardTone:o},t),readOnly:We({mode:n,scheme:r,state:"readOnly",cardTone:o},t),disabled:We({mode:n,scheme:r,state:"disabled",cardTone:o},t)}}function We(e,t){const{cardTone:n,mode:r,scheme:o,state:i}=e,a=t?.color?.base?.[n],s=t?.color?.input?.[r]?.[i],l={hue:s?._hue||a?._hue||"gray",scheme:o};return{_blend:(s?._blend||["screen","multiply"])["light"===o?0:1],bg:ce(l,s?.bg),border:ce(l,s?.border),fg:ce(l,s?.fg),muted:{bg:ce(l,s?.muted?.bg)},placeholder:ce(l,s?.placeholder)}}function Pe(e,t){const{scheme:n,tone:r}=e,o={};for(const e of Q)o[e]=Ze({cardTone:r,scheme:n,tone:e},t);return o}function Ze(e,t){const{cardTone:n,scheme:r,tone:o}=e,i={};for(const e of ee)i[e]=De({cardTone:n,tone:o,scheme:r,state:e},t);return i}function De(e,t){const{cardTone:n,scheme:r,state:o,tone:i}=e,a=t?.color?.base?.[n],s=t?.color?.selectable?.[i]?.[o],l={hue:s?._hue||a?._hue||"gray",scheme:r};return{_blend:(s?._blend||["screen","multiply"])["light"===r?0:1],accent:{fg:ce(l,s?.accent?.fg)},avatar:Re({scheme:r},s),badge:je(s?.badge,{scheme:r},t),bg:ce(l,s?.bg),border:ce(l,s?.border),code:{bg:ce(l,s?.code?.bg),fg:ce(l,s?.code?.fg)},fg:ce(l,s?.fg),icon:ce(l,s?.icon),muted:{bg:ce(l,s?.muted?.bg),fg:ce(l,s?.muted?.fg)},kbd:{bg:ce(l,s?.kbd?.bg),fg:ce(l,s?.kbd?.fg),border:ce(l,s?.kbd?.border)},link:{fg:ce(l,s?.link?.fg)},skeleton:{from:ce(l,s?.skeleton?.from),to:ce(l,s?.skeleton?.to)}}}function Oe(e,t){const{scheme:n}=e,r=t?.color?.syntax,o={hue:"gray",scheme:n};return{atrule:ce(o,r?.atrule),attrName:ce(o,r?.attrName),attrValue:ce(o,r?.attrValue),attribute:ce(o,r?.attribute),boolean:ce(o,r?.boolean),builtin:ce(o,r?.builtin),cdata:ce(o,r?.cdata),char:ce(o,r?.char),class:ce(o,r?.class),className:ce(o,r?.className),comment:ce(o,r?.comment),constant:ce(o,r?.constant),deleted:ce(o,r?.deleted),doctype:ce(o,r?.doctype),entity:ce(o,r?.entity),function:ce(o,r?.function),hexcode:ce(o,r?.hexcode),id:ce(o,r?.id),important:ce(o,r?.important),inserted:ce(o,r?.inserted),keyword:ce(o,r?.keyword),number:ce(o,r?.number),operator:ce(o,r?.operator),prolog:ce(o,r?.prolog),property:ce(o,r?.property),pseudoClass:ce(o,r?.pseudoClass),pseudoElement:ce(o,r?.pseudoElement),punctuation:ce(o,r?.punctuation),regex:ce(o,r?.regex),selector:ce(o,r?.selector),string:ce(o,r?.string),symbol:ce(o,r?.symbol),tag:ce(o,r?.tag),unit:ce(o,r?.unit),url:ce(o,r?.url),variable:ce(o,r?.variable)}}const ze=Z;function qe(e,t,n){return e+(t-e)*n}function Ue(e,t){return e*t}function Ge(e,t){return e+t-e*t}function Ye(e,t=0,n=1){return Math.min(n,Math.max(t,e))}function Xe(e,t,n,r,o){return function(e,t,n){return e*(1-n)+t*n}(n,r,function(e,t,n){return Ye((n-e)/(t-e))}(e,t,o))}function Ke(e){return Math.round(e)}function Je(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 Qe(e){const t=Ke(Ye(Math.round(e.r),0,255)),n=Ke(Ye(Math.round(e.g),0,255)),r=Ke(Ye(Math.round(e.b),0,255));return"a"in e?`rgba(${t},${n},${r},${e.a})`:"#"+((1<<24)+(t<<16)+(n<<8)+r).toString(16).slice(1)}const et=/hsl\(\s*(\d+)\s*,\s*((\d+(?:\.\d+)?)%)\s*,\s*((\d+(?:\.\d+)?)%)\s*\)/i;function tt(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 Je(e);var t;if(e.startsWith("hsl("))return function(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,s=0,l=0;return 0<=e.h&&e.h<60?(a=r,s=o,l=0):60<=e.h&&e.h<120?(a=o,s=r,l=0):120<=e.h&&e.h<180?(a=0,s=r,l=o):180<=e.h&&e.h<240?(a=0,s=o,l=r):240<=e.h&&e.h<300?(a=o,s=0,l=r):300<=e.h&&e.h<360&&(a=r,s=0,l=o),{r:Math.round(255*(a+i)),g:Math.round(255*(s+i)),b:Math.round(255*(l+i))}}(function(e){const t=et.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));if(e.startsWith("rgba("))return function(e){const t=e.replace(/rgba\(|\)/g,"").split(",");return{r:parseInt(t[0]),g:parseInt(t[1]),b:parseInt(t[2]),a:parseFloat(t[3])}}(e);throw new Error(`parseColor: unexpected color format: "${e}"`)}const nt=[0,255];function rt(e,t){const{blendMode:n}=t,r=tt(e),o=tt(t.black),i=tt(t.white),a=t.bg?tt(t.bg):"multiply"===n?i:o,s={r:[o.r,i.r],g:[o.g,i.g],b:[o.b,i.b]},l={r:Ye(Xe(...s.r,...nt,a.r),...nt),g:Ye(Xe(...s.g,...nt,a.g),...nt),b:Ye(Xe(...s.b,...nt,a.b),...nt)},c={r:Ye(Xe(...s.r,...nt,r.r),...nt),g:Ye(Xe(...s.g,...nt,r.g),...nt),b:Ye(Xe(...s.b,...nt,r.b),...nt)},d="multiply"===n?{r:255*Ue((u=l).r/255,(h=c).r/255),g:255*Ue(u.g/255,h.g/255),b:255*Ue(u.b/255,h.b/255)}:function(e,t){return{r:255*Ge(e.r/255,t.r/255),g:255*Ge(e.g/255,t.g/255),b:255*Ge(e.b/255,t.b/255)}}(l,c);var u,h;return Qe({r:Ye(Xe(...nt,...s.r,d.r),...s.r),g:Ye(Xe(...nt,...s.g,d.g),...s.g),b:Ye(Xe(...nt,...s.b,d.b),...s.b)})}function ot(e,t){const{bg:n,blendMode:r,colorPalette:o}=t;if("white"===n)throw new Error("Cannot blend with white background");const i=ae(e);if(!i||"color"!==i.type)throw new Error(`Invalid color token value: ${e}`);let a="";if("black"===i.key&&(a=it(o.black)),"white"===i.key&&(a=it(o.white)),i.hue&&i.tint&&(a=it(o[i.hue][i.tint])),!a)throw new Error(`Invalid color token value: ${e}`);const s=a,l={blendMode:r,bg:n,black:it(o.black),white:it(o.white)};try{if(a=rt(a,l),n&&void 0!==i.mix){const e=Je(n),t=Je(a);a=Qe((c=e,d=t,u=i.mix,{r:qe(c.r,d.r,u),g:qe(c.g,d.g,u),b:qe(c.b,d.b,u)}))}}catch(e){throw console.warn("could not blend",a,l),e}var c,d,u;return"#aN"===a&&(console.warn(`invalid color token value: ${e}`),a=s),void 0!==i.opacity&&(a=function(e,t){const n=tt(e);return`rgba(${n.r},${n.g},${n.b},${t})`}(a,i.opacity)),a}function it(e){return"string"==typeof e?e:e.hex}function at(e,t){const n=ze;return{light:st(n,e.light),dark:st(n,e.dark)}}function st(e,t){const n=Object.entries(t),[,r]=n.find((([e])=>"transparent"===e)),[,o]=n.find((([e])=>"default"===e)),i=lt(r,{colorPalette:e}),a=lt(o,{colorPalette:e}),s=a.bg;if("white"===s)throw new Error("Cannot blend with white background");return Object.fromEntries([["transparent",i],["default",a],...n.filter((([e])=>"default"!==e&&"transparent"!==e)).map((([t,n])=>[t,lt(n,{bg:s,colorPalette:e})]))])}function lt(e,t){const{colorPalette:n,bg:r}=t,o=e._blend||"multiply",i=ot(e.bg,{colorPalette:n,bg:r,blendMode:o}),a={colorPalette:n,bg:i,blendMode:o},s=function(e,t){return{default:mt(e.default,t),ghost:mt(e.ghost,t),bleed:mt(e.bleed,t)}}(e.button,{baseBg:i,blendMode:o,colorPalette:n}),l=function(e,t){const n={};for(const r of Q)n[r]=bt(e[r],t);return n}(e.selectable,{colorPalette:n,baseBg:i,blendMode:o}),c={outline:ot(e.shadow.outline,a),umbra:ot(e.shadow.umbra,{...a,bg:void 0,colorPalette:{...n,black:"#000000"}}),penumbra:ot(e.shadow.penumbra,{...a,bg:void 0,colorPalette:{...n,black:"#000000"}}),ambient:ot(e.shadow.ambient,{...a,bg:void 0,colorPalette:{...n,black:"#000000"}})};return{_blend:o,_dark:e._dark,accent:{fg:ot(e.accent.fg,a)},avatar:dt(e.avatar,{baseBg:i,colorPalette:n,blendMode:o}),backdrop:ot(e.backdrop,a),badge:ht(e.badge,{baseBg:i,colorPalette:n,blendMode:o}),bg:i,border:ot(e.border,a),button:s,code:{bg:ot(e.code.bg,a),fg:ot(e.code.fg,a)},fg:ot(e.fg,a),focusRing:ot(e.focusRing,a),icon:ot(e.icon,a),input:wt(e.input,{baseBg:i,colorPalette:n,blendMode:o}),kbd:ct(e.kbd,{baseBg:i,colorPalette:n,blendMode:o}),link:{fg:ot(e.link.fg,a)},muted:{bg:ot(e.muted.bg,a),fg:ot(e.muted.fg,a)},shadow:c,skeleton:{from:ot(e.skeleton.from,a),to:ot(e.skeleton.to,a)},syntax:Ct(e.syntax,{baseBg:i,colorPalette:n,blendMode:o}),selectable:l}}function ct(e,t){const{baseBg:n,blendMode:r,colorPalette:o}=t,i={bg:n,blendMode:r,colorPalette:o},a=ot(e.bg,i),s={bg:a,blendMode:r,colorPalette:o};return{bg:a,fg:ot(e.fg,s),border:ot(e.border,s)}}function dt(e,t){const n={};for(const r of W)n[r]=ut(e[r],t);return n}function ut(e,t){const{baseBg:n,blendMode:r,colorPalette:o}=t,i=e._blend||"multiply",a={bg:n,blendMode:r,colorPalette:o},s=ot(e.bg,a),l={bg:s,blendMode:i,colorPalette:o};return{_blend:i,bg:s,fg:ot(e.fg,l)}}function ht(e,t){const n={};for(const r of Q)n[r]=ft(e[r],t);return n}function ft(e,t){const{baseBg:n,blendMode:r,colorPalette:o}=t,i=r,a={bg:n,blendMode:r,colorPalette:o},s=ot(e.bg,a),l={bg:s,blendMode:i,colorPalette:o};return{bg:s,dot:ot(e.dot,l),fg:ot(e.fg,l),icon:ot(e.icon,l)}}function mt(e,t){const n={};for(const r of Q)n[r]=pt(e[r],t);return n}function pt(e,t){return{enabled:gt(e.enabled,t),hovered:gt(e.hovered,t),pressed:gt(e.pressed,t),selected:gt(e.selected,t),disabled:gt(e.disabled,t)}}function gt(e,t){const{baseBg:n,blendMode:r,colorPalette:o}=t,i=e._blend||"multiply",a={bg:n,blendMode:r,colorPalette:o},s=ot(e.bg,a),l={bg:s,blendMode:i,colorPalette:o};return{_blend:i,accent:{fg:ot(e.accent.fg,l)},avatar:dt(e.avatar,{baseBg:s,colorPalette:o,blendMode:i}),badge:ht(e.badge,{baseBg:s,colorPalette:o,blendMode:i}),bg:s,border:ot(e.border,l),code:{bg:ot(e.code.bg,l),fg:ot(e.code.fg,l)},fg:ot(e.fg,l),icon:ot(e.icon,l),link:{fg:ot(e.link.fg,l)},muted:{bg:ot(e.muted.bg,l),fg:ot(e.muted.fg,l)},kbd:{bg:ot(e.kbd.bg,l),fg:ot(e.kbd.fg,l),border:ot(e.kbd.border,l)},skeleton:{from:ot(e.skeleton?.from,l),to:ot(e.skeleton?.to,l)}}}function wt(e,t){return{default:vt(e.default,t),invalid:vt(e.invalid,t)}}function vt(e,t){return{enabled:yt(e.enabled,t),hovered:yt(e.hovered,t),readOnly:yt(e.readOnly,t),disabled:yt(e.disabled,t)}}function yt(e,t){const{baseBg:n,blendMode:r,colorPalette:o}=t,i=e._blend||"multiply",a={colorPalette:o,bg:n,blendMode:r},s=ot(e.bg,a),l={colorPalette:o,bg:s,blendMode:i};return{_blend:i,bg:s,border:ot(e.border,l),fg:ot(e.fg,l),muted:{bg:ot(e.muted.bg,l)},placeholder:ot(e.placeholder,l)}}function bt(e,t){return{enabled:gt(e.enabled,t),hovered:gt(e.hovered,t),pressed:gt(e.pressed,t),selected:gt(e.selected,t),disabled:gt(e.disabled,t)}}function Ct(e,t){const{colorPalette:n,baseBg:r,blendMode:o}=t,i={colorPalette:n,bg:r,blendMode:o};return{atrule:ot(e.atrule,i),attrName:ot(e.attrName,i),attrValue:ot(e.attrValue,i),attribute:ot(e.attribute,i),boolean:ot(e.boolean,i),builtin:ot(e.builtin,i),cdata:ot(e.cdata,i),char:ot(e.char,i),class:ot(e.class,i),className:ot(e.className,i),comment:ot(e.comment,i),constant:ot(e.constant,i),deleted:ot(e.deleted,i),doctype:ot(e.doctype,i),entity:ot(e.entity,i),function:ot(e.function,i),hexcode:ot(e.hexcode,i),id:ot(e.id,i),important:ot(e.important,i),inserted:ot(e.inserted,i),keyword:ot(e.keyword,i),number:ot(e.number,i),operator:ot(e.operator,i),prolog:ot(e.prolog,i),property:ot(e.property,i),pseudoClass:ot(e.pseudoClass,i),pseudoElement:ot(e.pseudoElement,i),punctuation:ot(e.punctuation,i),regex:ot(e.regex,i),selector:ot(e.selector,i),string:ot(e.string,i),symbol:ot(e.symbol,i),tag:ot(e.tag,i),unit:ot(e.unit,i),url:ot(e.url,i),variable:ot(e.variable,i)}}const kt=new Map;function xt(e,t,n){const r=function(e,t,n){const r=kt.get(t);if(!r)return;const o=r.get(n);if(o)return o.get(e)}(e,t,n);if(r)return r;const o=O(e)?U(e):e,i=O(e)?e:function(e){if(e.v2)return e.v2;const t=z.get(e);if(t)return t;const{avatar:n,button:r,color:o,container:i,focusRing:a,fonts:s,input:l,layer:c,media:d,radius:u,shadows:h,space:f,styles:m}=e,p={_version:2,avatar:{...F.avatar,...n},button:{...F.button,...r},card:F.card,color:{light:{transparent:N(o.light.transparent),default:N(o.light.default),neutral:N(o.light.transparent),primary:N(o.light.primary),suggest:N(o.light.primary),positive:N(o.light.positive),caution:N(o.light.caution),critical:N(o.light.critical)},dark:{transparent:N(o.dark.transparent),default:N(o.dark.default),neutral:N(o.dark.transparent),primary:N(o.dark.primary),suggest:N(o.dark.primary),positive:N(o.dark.positive),caution:N(o.dark.caution),critical:N(o.dark.critical)}},container:i,font:s,input:{...F.input,...l,checkbox:{...F.input.checkbox,...l.checkbox},radio:{...F.input.radio,...l.radio},switch:{...F.input.switch,...l.switch}},layer:c??F.layer,media:d,radius:u,shadow:h,space:f,style:m};return z.set(e,p),p}(e),a=o.color[t]||o.color.light,s=a[n]||a.default,l=o.layer||F.layer,c=i.color[t]||i.color.light,d=c[n]||c.default,u=i.layer||F.layer,h={sanity:{...o,color:s,layer:l,v2:{...i,_resolved:!0,color:d,layer:u}}};return function(e,t,n,r){kt.has(t)||kt.set(t,new Map);const o=kt.get(t);o.has(n)||o.set(n,new WeakMap),o.get(n).set(e,r)}(e,t,n,h),h}var Lt=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Mt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var St,Ht,Vt={exports:{}},_t={}; /** * @license React * react-is.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */var Rt=(Ht||(Ht=1,Vt.exports=function(){if(St)return _t;St=1;var e,t=Symbol.for("react.element"),n=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),a=Symbol.for("react.provider"),s=Symbol.for("react.context"),l=Symbol.for("react.server_context"),c=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),u=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),f=Symbol.for("react.lazy"),m=Symbol.for("react.offscreen");function p(e){if("object"==typeof e&&null!==e){var m=e.$$typeof;switch(m){case t:switch(e=e.type){case r:case i:case o:case d:case u:return e;default:switch(e=e&&e.$$typeof){case l:case s:case c:case f:case h:case a:return e;default:return m}}case n:return m}}}return e=Symbol.for("react.module.reference"),_t.ContextConsumer=s,_t.ContextProvider=a,_t.Element=t,_t.ForwardRef=c,_t.Fragment=r,_t.Lazy=f,_t.Memo=h,_t.Portal=n,_t.Profiler=i,_t.StrictMode=o,_t.Suspense=d,_t.SuspenseList=u,_t.isAsyncMode=function(){return!1},_t.isConcurrentMode=function(){return!1},_t.isContextConsumer=function(e){return p(e)===s},_t.isContextProvider=function(e){return p(e)===a},_t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},_t.isForwardRef=function(e){return p(e)===c},_t.isFragment=function(e){return p(e)===r},_t.isLazy=function(e){return p(e)===f},_t.isMemo=function(e){return p(e)===h},_t.isPortal=function(e){return p(e)===n},_t.isProfiler=function(e){return p(e)===i},_t.isStrictMode=function(e){return p(e)===o},_t.isSuspense=function(e){return p(e)===d},_t.isSuspenseList=function(e){return p(e)===u},_t.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===r||t===i||t===o||t===d||t===u||t===m||"object"==typeof t&&null!==t&&(t.$$typeof===f||t.$$typeof===h||t.$$typeof===a||t.$$typeof===s||t.$$typeof===c||t.$$typeof===e||void 0!==t.getModuleId)},_t.typeOf=p,_t}()),Vt.exports),Ft=Mt(Rt),jt=function(){return jt=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},jt.apply(this,arguments)};function Nt(e,t,n){if(n||2===arguments.length)for(var r,o=0,i=t.length;o<i;o++)(r||!(o in t))&&(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}var Bt="-ms-",It="-moz-",Et="-webkit-",Tt="comm",At="rule",$t="decl",Wt="@keyframes",Pt=Math.abs,Zt=String.fromCharCode,Dt=Object.assign;function Ot(e){return e.trim()}function zt(e,t){return(e=t.exec(e))?e[0]:e}function qt(e,t,n){return e.replace(t,n)}function Ut(e,t,n){return e.indexOf(t,n)}function Gt(e,t){return 0|e.charCodeAt(t)}function Yt(e,t,n){return e.slice(t,n)}function Xt(e){return e.length}function Kt(e){return e.length}function Jt(e,t){return t.push(e),e}function Qt(e,t){return e.filter((function(e){return!zt(e,t)}))}var en=1,tn=1,nn=0,rn=0,on=0,an="";function sn(e,t,n,r,o,i,a,s){return{value:e,root:t,parent:n,type:r,props:o,children:i,line:en,column:tn,length:a,return:"",siblings:s}}function ln(e,t){return Dt(sn("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function cn(e){for(;e.root;)e=ln(e.root,{children:[e]});Jt(e,e.siblings)}function dn(){return on=rn<nn?Gt(an,rn++):0,tn++,10===on&&(tn=1,en++),on}function un(){return Gt(an,rn)}function hn(){return rn}function fn(e,t){return Yt(an,e,t)}function mn(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function pn(e){return Ot(fn(rn-1,vn(91===e?e+2:40===e?e+1:e)))}function gn(e){for(;(on=un())&&on<33;)dn();return mn(e)>2||mn(on)>3?"":" "}function wn(e,t){for(;--t&&dn()&&!(on<48||on>102||on>57&&on<65||on>70&&on<97););return fn(e,hn()+(t<6&&32==un()&&32==dn()))}function vn(e){for(;dn();)switch(on){case e:return rn;case 34:case 39:34!==e&&39!==e&&vn(on);break;case 40:41===e&&vn(e);break;case 92:dn()}return rn}function yn(e,t){for(;dn()&&e+on!==57&&(e+on!==84||47!==un()););return"/*"+fn(t,rn-1)+"*"+Zt(47===e?e:dn())}function bn(e){for(;!mn(un());)dn();return fn(e,rn)}function Cn(e){return function(e){return an="",e}(kn("",null,null,null,[""],e=function(e){return en=tn=1,nn=Xt(an=e),rn=0,[]}(e),0,[0],e))}function kn(e,t,n,r,o,i,a,s,l){for(var c=0,d=0,u=a,h=0,f=0,m=0,p=1,g=1,w=1,v=0,y="",b=o,C=i,k=r,x=y;g;)switch(m=v,v=dn()){case 40:if(108!=m&&58==Gt(x,u-1)){-1!=Ut(x+=qt(pn(v),"&","&\f"),"&\f",Pt(c?s[c-1]:0))&&(w=-1);break}case 34:case 39:case 91:x+=pn(v);break;case 9:case 10:case 13:case 32:x+=gn(m);break;case 92:x+=wn(hn()-1,7);continue;case 47:switch(un()){case 42:case 47:Jt(Ln(yn(dn(),hn()),t,n,l),l);break;default:x+="/"}break;case 123*p:s[c++]=Xt(x)*w;case 125*p:case 59:case 0:switch(v){case 0:case 125:g=0;case 59+d:-1==w&&(x=qt(x,/\f/g,"")),f>0&&Xt(x)-u&&Jt(f>32?Mn(x+";",r,n,u-1,l):Mn(qt(x," ","")+";",r,n,u-2,l),l);break;case 59:x+=";";default:if(Jt(k=xn(x,t,n,c,d,o,s,y,b=[],C=[],u,i),i),123===v)if(0===d)kn(x,t,k,k,b,i,u,s,C);else switch(99===h&&110===Gt(x,3)?100:h){case 100:case 108:case 109:case 115:kn(e,k,k,r&&Jt(xn(e,k,k,0,0,o,s,y,o,b=[],u,C),C),o,C,u,s,r?b:C);break;default:kn(x,k,k,k,[""],C,0,s,C)}}c=d=f=0,p=w=1,y=x="",u=a;break;case 58:u=1+Xt(x),f=m;default:if(p<1)if(123==v)--p;else if(125==v&&0==p++&&125==(on=rn>0?Gt(an,--rn):0,tn--,10===on&&(tn=1,en--),on))continue;switch(x+=Zt(v),v*p){case 38:w=d>0?1:(x+="\f",-1);break;case 44:s[c++]=(Xt(x)-1)*w,w=1;break;case 64:45===un()&&(x+=pn(dn())),h=un(),d=u=Xt(y=x+=bn(hn())),v++;break;case 45:45===m&&2==Xt(x)&&(p=0)}}return i}function xn(e,t,n,r,o,i,a,s,l,c,d,u){for(var h=o-1,f=0===o?i:[""],m=Kt(f),p=0,g=0,w=0;p<r;++p)for(var v=0,y=Yt(e,h+1,h=Pt(g=a[p])),b=e;v<m;++v)(b=Ot(g>0?f[v]+" "+y:qt(y,/&\f/g,f[v])))&&(l[w++]=b);return sn(e,t,n,0===o?At:s,l,c,d,u)}function Ln(e,t,n,r){return sn(e,t,n,Tt,Zt(on),Yt(e,2,-2),0,r)}function Mn(e,t,n,r,o){return sn(e,t,n,$t,Yt(e,0,r),Yt(e,r+1,-1),r,o)}function Sn(e,t,n){switch(function(e,t){return 45^Gt(e,0)?(((t<<2^Gt(e,0))<<2^Gt(e,1))<<2^Gt(e,2))<<2^Gt(e,3):0}(e,t)){case 5103:return Et+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5